/******************************************************************
Theme Name: Theme Atmosphère
Theme URI: http://www.atmospherecommunication.fr/
Description: Ce thème est basé sur le thème Bones Development Theme.
Author: Atmosphère Communication
Author URI: http://www.atmospherecommunication.fr/
Version: 1.0
*******************************************************************/
/* -- normalize.css ----->*/article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
html, button, input, select, textarea { color: #222;}
html { font-size: 1em; line-height: 1.4;}
::-moz-selection { background: #b3d4fc; text-shadow: none;}
::selection { background: #b3d4fc; text-shadow: none;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
audio, canvas, img, video { vertical-align: middle;}
fieldset { border: 0; margin: 0; padding: 0;}
textarea { resize: vertical;}
#browsehappy {padding: 1em; margin:0 3%;background: #900;font-family:arial; font-size: 1.5em; color: #fff !important;z-index:9999;position:fixed;width:90%;}
#browsehappy p{color:#fff;}
#browsehappy_down{color:#fff;position:absolute;right:15px;font-size:0.8em;top:10px;}
a:hover, a:focus{outline:none;}

/* Author: Samuel Brunet // Kami --> Atmosphère Communication ============== */
body{font-family: 'open_r', arial, sans-serif;}
#contain{width:100%;overflow: hidden;position: absolute;top:0;bottom:0;}
.centrer{width:980px;margin:auto;}
.bg_sprite{background:url("../../grafx/bo/sprite-admin.png");position:relative;display: block;text-indent: -9999px;}
@font-face {font-family: 'open_r'; src: url('../../elts/fonts/OpenSans-Regular-webfont.eot'); src: url('../../elts/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../elts/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../../elts/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../../elts/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'open_i'; src: url('../../elts/fonts/OpenSans-Italic-webfont.eot'); src: url('../../elts/fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../../elts/fonts/OpenSans-Italic-webfont.woff') format('woff'), url('../../elts/fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('../../elts/fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'open_b'; src: url('../../elts/fonts/OpenSans-Bold-webfont.eot'); src: url('../../elts/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../elts/fonts/OpenSans-Bold-webfont.woff') format('woff'), url('../../elts/fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('../../elts/fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal;}

/* HEADER */
#contain > header{position: relative;height: 70px;overflow:hidden;}
#contain > header > a:before{position:absolute;top:13px;left:20px;content:"";background:url("sprite-admin.png") -10px -10px; width:46px; height:42px;}
#contain > header > a, #contain > header > a:visited{color:#fff;background-color:#434346;position: relative;padding:15px 2% 0 6%;height:70px;width: 20%;float:left;font:normal 1.313em/1em "open_b", arial, sans-serif;text-decoration: none;border-right:1px solid #C0C0C1;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
#contain > header > a:hover, #contain > header > a:focus{background-color: #CE6D61;border-right:1px solid #C0C0C1;}
#contain > header strong{text-transform: uppercase;}
#contain > header h1{color:#fff; width: 50%;float:left;margin:13px 0;}
.menu_header{float:left;width: 76%;padding:0 2%;background-color: #434346;height: 70px;}
.menu_header > a, .menu_header > a:visited{background-position: -10px -90px; width:146px; height:56px;float:right;}

/* - MAIN PAGE - */
#main{position: absolute;top:70px;width: 100%;border-top:1px solid #c0c0c1;bottom:0;overflow:hidden;}
/* MENU ASIDE */
#main > aside{width:20%;float:left;background-color: #f2f2f3;border-right:1px solid #c0c0c1;height: 100%;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
#main > aside nav{}
.user_ul{margin:0;padding:0;}
#main > aside nav li{}
#main > aside nav a{position:relative;text-decoration: none;display: block;}

.list_menu_admin{margin:0; padding:20px 0 20px 40px;background-color: #fff;}
.list_menu_admin a, .list_menu_admin a:visited{color:#CE6D61;}
.list_menu_admin > li > a{font:0.988em "open_b", arial, sans-serif;}
.list_menu_admin ul{margin:10px 0;}
.list_menu_admin ul a{font:0.750em "open_r", arial, sans-serif;}
.list_menu_admin a:hover, .list_menu_admin a:focus{color:#434346;text-decoration: underline !important;}

.user_login:before{content:"";background:url("../../grafx/bo/sprite-admin.png") -162px -52px; position:absolute;width:16px; height:16px; top:17px; right: 7%;}
.user_login{background-color: #434346;color:#fff; padding:17px 20% 17px 7%;width: 73%;}
.user_login:hover, .user_login:focus{background-color: #CE6D61;}


/* CONTAIN PAGE */
.page_contain{width:80%;float:left;background:url("../../grafx/bo/bg.png");position: relative;overflow-y:auto;height: 100%;z-index: 10;}
.ombre{width: 80%;height: 35px;position: absolute;top:0;left: 20%;}
.page_contain > section{padding:2%;overflow: hidden;width: 96%;}
.login_page  .page_contain > section{width: auto;}
.page_contain header h2{text-transform: uppercase;float:left;margin: 10px 0 10px 0;font:1.250em "open_b", arial, sans-serif;color:#434346;}

/* -- FOOTER -- */
.page_contain > footer{padding:2%;}
.page_contain > footer small{color:#858589;font-size: 0.625em;display: block;}
.page_contain > footer a, .page_contain > footer a:visited{color:#858589;}
.page_contain > footer a:hover, .page_contain > footer a:focus{text-decoration: none;color:#434346;}
#atmosphere{background-position: -10px -60px;width: 16px;height: 16px;}
#atmosphere:hover, #atmosphere:focus{background-position: -30px -60px;}

.tableau > header{margin-bottom:5px;}
.tableau h1{text-transform: uppercase;float:left;margin: 10px 0 0 0;font:1.500em "open_b", arial, sans-serif;}
.tableau table{width: 100%;}
.tableau tr:nth-child(2n){background-color: #f4f4f4;}
.tableau tr{background-color: #fff;}
.tableau th{border:1px solid #dededf;padding:15px 10px;background-color: #CE6D61;font:0.813em "open_b", arial, sans-serif;color:#fff;}
.tableau td{border-left:1px solid #dededf;border-right:1px solid #dededf;padding:5px 10px;font:0.688em "open_r", arial, sans-serif;color:#434346;}
.tableau tr:last-child td{border-bottom: 1px solid #dededf;}
.tableau td a, .tableau td a:visited{color:#434346;}
.tableau td a:hover, .tableau td a:focus{text-decoration: none;color:#CE6D61;}
.tableau .admin_btn{float:left;}
.tableau input[type="checkbox"]{float:left;margin:4px 5px 0;}

.tableau button{margin:10px 0;font:0.813em/27px "open_r", arial, sans-serif;text-transform: uppercase;color:#CE6D61;padding:5px 10px;border:1px solid #c0c0c1;background-color: #fff;border-radius: 5px;}
.tableau button:hover, .tableau button:focus{color:#fff;background-color: #CE6D61;border:1px solid #fff;}


.pagination{background-color: #fff;border:1px solid #dededf;font:0.813em "open_r", arial, sans-serif;text-transform: uppercase;padding:15px 2%;height:15px;margin-top: 10px;}
.pagination span{float:left;margin-right: 10px;}
.pagination a, .pagination a:visited{color:#CE6D61;text-decoration: none;padding:0 5px;float:left;}
.pagination a:hover, .pagination a:focus, .current_pagination{color:#434346 !important;}
.current_pagination{padding:0 5px;margin:0 !important;}

/* -- Bouton admin -- */
.admin_btn{width: 20px;height: 20px;}
.modifier_btn{background-position: -120px -10px;}
.imprimer_btn{background-position: -60px -10px;}
.copier_btn{background-position: -140px -10px;}
.supprimer_btn{background-position: -160px -10px;}
.telecharger_btn{background-position: -80px -10px;}
.enregistrer_btn{background-position: -100px -10px;}

.modifier_btn:hover, .modifier_btn:focus{background-position: -120px -30px;}
.imprimer_btn:hover, .imprimer_btn:focus{background-position: -60px -30px;}
.copier_btn:hover, .copier_btn:focus{background-position: -140px -30px;}
.supprimer_btn:hover, .supprimer_btn:focus{background-position: -160px -30px;}
.telecharger_btn:hover, .telecharger_btn:focus{background-position: -80px -30px;}
.enregistrer_btn:hover, .enregistrer_btn:focus{background-position: -100px -30px;}

/* -- FORMULAIRE -- */
.formulaire input[type="button"], .formulaire button, .formulaire input[type="submit"]{ background-color: #fff; border: 1px solid #C0C0C1; border-radius: 5px; color: #CE6D61; font: 0.813em "open_r",arial,sans-serif; padding: 10px 25px; text-transform: uppercase;}
.formulaire input[type="button"]:hover, .formulaire button:hover, .formulaire input[type="submit"]:hover, .formulaire input[type="button"]:focus, .formulaire button:focus, .formulaire input[type="submit"]:focus{background-color: #CE6D61;border:1px solid #fff;color:#fff;}

.lineform label{display: inline-block; margin-right: 2%; min-width: 20%; padding: 10px;}
.lineform select{width: 25%;border:1px solid #C0C0C1;padding:5px 10px;}
.lineform > a{color:#CE6D61;text-decoration: none;}
.lineform > a:hover, .lineform > a:focus{color:#CE6D61;text-decoration: underline;}
.niveau{background-color:rgba(67,67,70,0.5);padding:10px;}
.niveau > .niveau{margin:10px;}
.niveau_disabled > label{color:#434346;}
.niveau_disabled > select{background-color: #434346;color:#717177;}
.niveau_disabled{}
.niveau_current{border:1px solid #fff;background-color: #CE6D61;}
.niveau_current > label{color:#fff;}
.niveau_none{display: none;}
.niveau_1{margin-bottom: 20px}

/* Login page */
.login_page .page_contain > section, .login_page .page_contain > footer{padding:2% 4%;}
.login_page .page_contain{width: 100%}
.box_login{width: 460px;}
.box_login form{margin-bottom: 30px;border-bottom: 5px solid #CE6D61}
.box_login h1{font:4em/1em "open_b", arial, sans-serif;text-transform: uppercase;color:#CE6D61;margin:30px 0 30px 0;}
.box_login .line_form{margin:0 0 10px 0;}
.box_login label{font:1em "open_r", arial, sans-serif;color:#434346;width: 33%;float:left;text-align: right;margin-right:2%;padding:5px 0;}
.box_login input[type="submit"]{margin:0 0 20px 35%;}
.box_login input[type="submit"], .box_login button{ background-color: #fff; border: 1px solid #C0C0C1; border-radius: 5px; color: #434346; font: 0.813em "open_r",arial,sans-serif; padding: 10px 25px; text-transform: uppercase;}
.box_login input[type="submit"]:hover, .box_login button:hover, .box_login input[type="submit"]:focus, .box_login button:focus{background-color: #434346;border:1px solid #fff;color:#fff;}
.box_login input[type="text"], .box_login input[type="email"], .box_login input[type="password"]{width: 60%;padding:5px 10px;border:1px solid #dededf;border-radius: 5px;}

/* -- Erreur --*/
.erreur{background-color: #F9B7AE; border: 1px dashed #E43117; border-radius: 5px; color: #E43117; display: none; font: 0.75em "open_i",arial,sans-serif; margin: 1% 0 1% 35%; padding: 5px 3%; width: 58%;} 

/* -- Adaptation STYLE -- */
#id_profil{margin-right: 20px;}
#recherche_list{font:"open_r", arial, sans-serif;color:#434346;}
#recherche_list select, #recherche_list input[type="text"]{padding:5px;}
#ajout_utilisateur{margin:10px 0 5px 0;}
.submit, #ajout_utilisateur > a{margin:10px 0;font:0.813em/27px "open_r", arial, sans-serif;text-transform: uppercase;color:#CE6D61;padding:5px 10px;border:1px solid #c0c0c1;background-color: #fff;border-radius: 5px;text-decoration: none;}
.pagination_table{background-color: #fff; border: 1px solid #DEDEDF; font: 0.813em "open_r",arial,sans-serif; height: 15px; margin-top: 10px; padding: 15px 2%; text-transform: uppercase}
.pagination_table span{float:left;margin-right: 5px}
.pagination_table ul{margin:0;padding:0;list-style-type: none;}
.pagination_table li a, .pagination_table li a:visited{float:left;padding:0 5px;color:#434346;text-decoration: none;}
.pagination_table li a:hover, .pagination_table li a:focus{color:#CE6D61;text-decoration: underline}


/* Media query ================================================================================================ */
@media only screen and (max-width: 1170px) {
  #contain > header > a{padding:15px 2% 0 7%;}
  #main > aside nav a{font-size: 0.625em;}
  .btn_degrade{width: 75%;padding:17px 0 17px 25%;}
}
@media only screen and (max-width: 980px){
    #contain > header > a:before, .btn_degrade:before{display: none;}
    #contain > header > a{padding:15px 2% 0;}
    .btn_degrade{padding:17px 10%;width: 80%}
    .tableau > section{overflow-x:scroll;overflow-y:hidden;}
    .tableau table{min-width: 800px;}
}
@media only screen and (max-width: 800px){
    .filtres_header{width:65%;}
    #main > aside, .page_contain{width: 100%}
    #main > aside{height: auto;}
    #contain, #main{position: relative;}
    #main{top: inherit;}
}
@media only screen and (max-width: 720px){
    .menu_header > a, #contain > header strong{display: none;}
    .btn_degrade, .user_login, #contain > header > a{text-indent: -9999px;}
    .btn_degrade:before{display: block;left: calc(50% - 12px);}
    .user_login:before{right: calc(50% - 8px);}
    #contain > header > a:before{display: block;left: calc(50% - 23px);}
    .tableau h1{float: inherit;}
    .tableau button{float: left;}
}
@media only screen and (max-width: 600px){
    .lineform{width: 100%;margin:0 0 10px 0;}
    .lineform label, .lineform input, .lineform select{width: 96%;margin:0;}
    .lineform label{padding:1% 0;}
    .lineform input{padding:1% 2%;}
    #div_superieur > table{width:100%;}
    #div_superieur > table td{float:left;width: 100%}
    #div_superieur > table select{width: 100% !important;}
    #div_superieur > table table tr{float: left;width: 50%;}
}
@media only screen and (max-width: 490px){
    .box_login{width: 92%;padding:4%;}
    .box_login h1{font:2.5em "open_b",arial,sans-serif;}
    .box_login h2{font:1.250em "open_r",arial,sans-serif;}
    .box_login label{text-align: left;}
    .box_login label, .box_login input[type="text"], .box_login input[type="password"], .box_login input[type="email"]{width: 95%}
    .box_login input[type="submit"]{margin:0 0 20px 0;}
    .page_contain h1{font-size: 1.5em;}
}
@media only screen and (max-width: 440px){
    #contain > header > a{width: 100%}
    .menu_header{padding:0 5%;width: 90%;}
    #contain > header{height: 140px;}
    .login_page > header{height: 70px !important;}
    .pagination > div > span{display: none;}
}
@media only screen and (max-width: 300px){
}
/* help class */
.clearfix:before,.clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/* Skype phone */
span.skype_pnh_container { display: none !important;}
span.skype_pnh_print_container { display: inline !important;}