@charset "utf-8";
/* CSS Document */

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
a{border: none;}
a img{border: none;}

@font-face {
    font-family: 'lobster';
    src: url('../font/lobster.eot');
    src: url('../font/lobster.eot?#iefix') format('embedded-opentype'),
         url('../font/lobster.woff') format('woff'),
         url('../font/lobster.ttf') format('truetype'),
         url('../font/lobster.svg#maian') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'maian';
    src: url('../font/maian-webfont.eot');
    src: url('../font/maian-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/maian-webfont.woff') format('woff'),
         url('../font/maian-webfont.ttf') format('truetype'),
         url('../font/maian-webfont.svg#maian') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sans_narrowregular';
    src: url('../font/ptn57f-webfont.eot');
    src: url('../font/ptn57f-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ptn57f-webfont.woff') format('woff'),
         url('../font/ptn57f-webfont.ttf') format('truetype'),
         url('../font/ptn57f-webfont.svg#pt_sans_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sans_narrowbold';
    src: url('../font/ptn77f-webfont.eot');
    src: url('../font/ptn77f-webfont.eot?#iefix') format('embedded-opentype'),
	url('../font/ptn77f-webfont.woff') format('woff'),
	url('../font/ptn77f-webfont.ttf') format('truetype'),
	url('../font/ptn77f-webfont.svg#pt_sans_narrowbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pt_sansbold_italic';
    src: url('../font/pts76f-webfont.eot');
    src: url('../font/pts76f-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/pts76f-webfont.woff') format('woff'),
         url('../font/pts76f-webfont.ttf') format('truetype'),
         url('../font/pts76f-webfont.svg#pt_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

html{
	background-color: #FFF;
	background-image: /*url("../img/nuages.png"), */url("../img/bg_gradient.png"), url("../img/bg_noise.png");
	background-repeat: /*repeat-x, */repeat-x, repeat;
	background-position:/*top left, */top left,top left;
}

body {
	font-family: 'pt_sans_narrowregular', Arial, Helvetica, sans-serif;
	font-size:13px;
	
	margin: 0;
	padding: 0;
	color: #435156;
    vertical-align: top;
}

/* ~~ Sélecteurs d'éléments/balises ~~ */
ul, ol, dl { /* En raison des variations entre les navigateurs, il est conseillé d'attribuer une valeur de zéro aux marges intérieures et aux marges des listes. A des fins de cohérence, vous pouvez définir les valeurs désirées dans cette zone ou dans les éléments de liste (LI, DT, DD) qu'elle contient. N'oubliez pas que les paramètres que vous définissez ici se répercuteront sur la liste .nav, sauf si vous rédigez un sélecteur plus spécifique. */
 margin:inherit 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* la suppression de la marge supérieure résout un problème où les marges sortent de leur div conteneur. La marge inférieure restante l'éloignera de tout élément qui suit. */
	margin-bottom: 0.3em;	 /* la suppression de la marge supérieure résout un problème où les marges sortent de leur div conteneur. La marge inférieure restante l'éloignera de tout élément qui suit. */
	padding-right: 15px;
	padding-left: 15px; /* l'ajout de la marge intérieure aux côtés des éléments à l'intérieur des divs, et non aux divs proprement dit, évite le recours à des calculs de modèle de boîte. Une autre méthode consiste à employer une div imbriquée avec marge intérieure latérale. */
}

/* ~~ ce conteneur à largeur fixe entoure les autres divs ~~ */
.wrapper {
	width: 960px;
    display: block;
	margin: 0 auto;
}

h1{
  color: rgb(0,155,216);
  font-family: "Lobster Two", cursive;
  font-size: 19pt;
  font-weight: normal;
}

h2{
  color: rgb(87,87,87);
  font-family: "Lobster Two", cursive;
  font-size: 17px;
  font-weight: normal;
  margin: 0; padding: 0;
}

h2 em{
  color: rgb(87,87,87);
  font-family: "pt_sans_narrowregular", sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
}

h3{
  color: rgb(0,155,216);
  font-family: "Lobster Two", cursive;
  font-size: 19px;
  font-weight: normal;
  background: white;
  padding: 5px 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 10px 0;
}

h4{
  color: #009AD8;
  font-size: 14px;
  font-weight: normal;
  padding: 0;
  margin: 0;
}

h5{
  color: rgb(245,245,245);
  font-size: 12px;
  font-weight: normal;
  padding: 0;
  margin: 0 7px;
}

h6{
  color: #999999;
  font-size: 12px; font-weight: bold; font-style: normal;
  padding: 0; margin: 0;
}

/*select.styled_select{
	background: url('../img/search/down_arrow_select.jpg') no-repeat right #ddd;
	width: auto;
	padding: 5px 25px 5px 5px;
	display: inline-block;
   overflow: hidden;
   border: 1px solid #ccc;
	border-radius: 3px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}*/

#search_recherche{
	display: inline-block;
}

fieldset{
  border: none;
  border-left: 1px rgba(0,0,0,0.4) solid;
  border-right: 1px rgba(255,255,255,0.4) solid;
  margin: 10px 0;
  padding: 0 7px;
}

span.onglet_cust_form{
	position: absolute;
	background-color: rgb(85, 128, 145);
	top: 42px;
	color: white;
	font-weight: bold;
	padding: 2px 12px;
	-webkit-transform: rotate(-90deg);
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg); /* IE 9 */
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

form:last-child>fieldset{
  border-right: none;
}

fieldset.edit{
  border: none;
  margin: 10px 0;
  padding: 0 10px;
}

	fieldset.edit label{
	  width: 130px;
	  display: inline-block;
	  vertical-align: middle;
	  font-weight: bold;
	  color: gray;
	}
	
	fieldset.edit div.checkbox label{
	  width: auto;
	  margin-left : 10px; margin-right : 10px;
	}
	
	fieldset.edit div.textarea label{
	  vertical-align: top;
	}
	
	textarea{
		width: 650px;
	}

div.input:not(.no_width):not(:last-child){
	margin-right : 100px;
}
div.input.submit{
	right: 0;
	position: absolute;
	margin-top: 0; padding: 0;
}

p{
  padding: 0; margin: 0;
  font-size: 12px;
}

#no_result{
	font-size: 30px;
	text-align: center;
	margin-top: 100px;
	color: gray;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.8);
	filter: dropshadow(color=rgba(255,255,255,0.8), offx=0, offy=1);
}


/*Tableaux*/
table{
	border-top: 1px #BBBBBB solid; border-bottom: 1px #BBBBBB solid;
	color: #777777;
	width: 100%;
	margin-top: 10px;
}
	tr:nth-child(even){
		background-color: #F7F7F7;
	}
		th{
			font-weight: bold;
			text-align: left;
		}
		td p{
			line-height: 0;
		}
		th,td{
			padding: 2px 0 0 5px;
		}
		
		th.actions,td.actions{
			width: 75px;
			text-align: right;
			padding-right: 5px;
		}
		
table.fiche_f_cts_table{
	background: white;
	margin-top: 0;
	margin-bottom: 10px;
}

div.input{
  padding: 0 5px;
  display: inline-block;
  position: relative;
  vertical-align: bottom;
  font-size: 12pt;
}

form:not(#CheckboxAdminAccueilForm){
  display: inline-block; position: relative;
  vertical-align: middle;
}

input,textarea, select{
	-webkit-border-radius:3.0px;-moz-border-radius:3.0px;-o-border-radius:3.0px;-ms-border-radius:3.0px;border-radius:3.0px;
	border: 1px #ddd solid;
}

input[type='number']{
	width: 60px;
}

select{
	margin: 0;
}

#SearchCustomerAddress, #where, #SearchCustomerBAddress{
	width: 250px;
}

#where:focus{
	background-color: white;
}

header{
  background: white;
  border-bottom: 1px gray solid;
  width: 100%; min-height: 53px;
  padding-top: 7px;
}

  #header_wrapper{
    max-width:960px; 
    width: 100%; height: 100%;
	overflow: hidden;
    display: block;
    margin: 0 auto;
  }
  
    #header_logo,#header_title,#header_connected{
      display: inline-block;
      vertical-align: middle;
    }
    #header_title{
      text-align: center;
      width: 670px;
      padding: 0;
    }
    #header_connected{
      text-align: right;
      right: 0;
    }
    
div.legende_menu{
  display: inline-block;
  vertical-align: middle;
  border-right: 1px rgba(255,255,255,0.4) solid;
  height: 40px;
}

div.menus{
  display: inline-block;
  vertical-align: middle;
  border-left: 1px rgba(0,0,0,0.4) solid;
  height: 40px;
  padding: 0 10px;
}
div.menus>a{
  display: inline-block;
  vertical-align: middle;
}
div.menus>p{
  display: inline-block;
  vertical-align: middle;
}

		div.menus>p>a{
			margin: 0 3px;
		  }

#filters{
  border-top:1px rgba(255,255,255,0.8) solid;
  border-bottom:1px rgba(127,127,127,0.8) solid;
  background-color: rgba(10,155,214, 0.5);
}
  #filters_wrapper{
    margin: 0 auto;
	max-width:960px; 
    width: 100%; height: auto;
    display: block;
  }
    
    
#content{
  border-top:1px rgba(255,255,255,0.8) solid;
  /*border-bottom:1px rgba(255,255,255,0.8) solid;*/
  min-height: 100%;
  padding-bottom: 70px;
}
 #content_wrapper{
    margin: 0 auto;
	max-width:960px;
    width: 100%; height: auto;
    display: block;
  }
    
    #customers_apercus .customer_apercu{
      background: #fff;
      display: inline-block; vertical-align: top; position: relative;
      width: 299px; height : auto;
      margin: 10px;
      -webkit-border-radius:3.0px;
      -moz-border-radius:3.0px;
      -o-border-radius:3.0px;
      -ms-border-radius:3.0px;
      border-radius:3.0px;
      
      -webkit-box-shadow:0px 1px 0px 0px rgba(187,187,187,80);
      -moz-box-shadow:0px 1px 0px 0px rgba(187, 187, 187, 80);
      -o-box-shadow:0px 1px 0px 0px rgba(187,187,187,80);
      -ms-box-shadow:0px 1px 0px 0px rgba(187,187,187,80);
      box-shadow:0px 1px 0px 0px rgba(187,187,187,80);
    }
      /*#customers_apercus .customer_apercu .apercu_tete{
        float: left;
        margin: 5px;
      }*/
      
      #customers_apercus .customer_apercu h2{
        margin: 2px 0 0 0;
      }
	  
	  #customers_apercus .customer_apercu h3{
        margin: 0 0 0 0;
		font-family: inherit;
		background: transparent;
      }
	  
	  #customers_apercus .customer_apercu .fiche_a_header{
        height: 45px;
		margin-top: 10px;
      }
      
      #customers_apercus .customer_apercu .coordonnees{
        display: block;
      }
        #customers_apercus .customer_apercu .coordonnees div{
          display: inline-block;
          width: 50%;
        }
      
      
      #customers_apercus .customer_apercu .apercu_fichiers{
        display: block;
        background-color: rgba(247,247,247, 0.8);
        margin: 5px;
        -webkit-border-radius:3.0px;
        -moz-border-radius:3.0px;
        -o-border-radius:3.0px;
        -ms-border-radius:3.0px;
        border-radius:3.0px;
      }
        #customers_apercus>form>.customer_apercu>.apercu_fichiers>div{
          display: inline-block;
          vertical-align: middle;
          width:24%;
          -webkit-border-radius:3.0px;
          -moz-border-radius:3.0px;
          -o-border-radius:3.0px;
          -ms-border-radius:3.0px;
          border-radius:3.0px;
          cursor: pointer;
          border-right: 1px #ddd solid;
        }
        
        #customers_apercus>form>.customer_apercu>.apercu_fichiers>div:not(.profil_complet):hover{
          background: #ddd;
        }
        
          #customers_apercus>form>.customer_apercu>.apercu_fichiers>div>span{
            display: block;
            text-align: center;
          }
          #customers_apercus .customer_apercu .apercu_fichiers div span.number_of{
            font-size: 17pt;
          }
          #customers_apercus .customer_apercu .apercu_fichiers div span.what{
            font-size: 9pt; 
          }
          
          #customers_apercus .customer_apercu .apercu_fichiers div.profil_complet{
            border: none;
          }
          #customers_apercus .customer_apercu .apercu_fichiers div.profil_complet a{
			position: relative;
			display: block;
			width: 100%;
            text-align: left;
            color: rgba(10,155,214,1);
            text-decoration: none;
          }
		  
		  
		  #customers_apercus>form>.customer_apercu>.apercu_fichiers>div>div.bulle_cts_wrapper{
			display: none;
			position: absolute;
			width: 288px;
			margin-left: 0px;
			background: url('../img/fleche_bulle.png') 27px top no-repeat;
			z-index: 10;
          }
		  
		  .bulle_cts_wrapper:hover, .bulle_rks_wrapper:hover, .bulle_docs_wrapper:hover {
			cursor: default;
			}
		  
		  #customers_apercus>form>.customer_apercu>.apercu_fichiers>div>div.bulle_cts_wrapper>div.bulle_cts{
			width: 100%;
			padding: 10px 0;
			margin-top: 7px;
			background: white;
			border: 1px #ddd solid;
			-webkit-border-radius:3.0px;-moz-border-radius:3.0px;-o-border-radius:3.0px;-ms-border-radius:3.0px;border-radius:3.0px;
          }
		  
		  #customers_apercus>form>.customer_apercu>.apercu_fichiers>div>div.bulle_cts_wrapper>div>table{
			border: none;
			width: auto;
			margin-left: 10px; margin-top: 10px;
          }
		  
		  #customers_apercus>form>.customer_apercu>.apercu_fichiers>div>div.bulle_cts_wrapper>div>a{
			margin-left:10px;
          }
		  
		  
		  #customers_apercus>form>.customer_apercu>.apercu_fichiers>div>div.bulle_docs_wrapper{
			display: none;
			position: absolute;
			width: 288px;
			margin-left: -70px;
			background: url('../img/fleche_bulle.png') 98px top no-repeat;
			z-index: 10;
          }
		  
		  #customers_apercus>form>.customer_apercu>.apercu_fichiers>div>div.bulle_docs_wrapper>div.bulle_docs{
			width: 100%;
			padding: 10px 0;
			margin-top: 7px;
			background: white;
			border: 1px #ddd solid;
			-webkit-border-radius:3.0px;-moz-border-radius:3.0px;-o-border-radius:3.0px;-ms-border-radius:3.0px;border-radius:3.0px;
          }
		  
		  #customers_apercus>form>.customer_apercu>.apercu_fichiers>div>div.bulle_docs_wrapper>div>table{
			border: none;
			width: auto;
			margin-left: 10px; margin-top: 10px;
          }
		  
		  #customers_apercus>form>.customer_apercu>.apercu_fichiers>div>div.bulle_docs_wrapper>div>a{
			margin-left:10px;
          }
		  
		  #customers_apercus>form>.customer_apercu>.apercu_fichiers>div>div.bulle_rks_wrapper{
			display: none;
			position: absolute;
			width: 288px;
			margin-left: -141px;
			background: url('../img/fleche_bulle.png') 168px top no-repeat;
			z-index: 10;
          }
		  
			#customers_apercus>form>.customer_apercu>.apercu_fichiers>div>div.bulle_rks_wrapper>div.bulle_rks{
			  width: 100%;
			  padding: 10px 0;
			  margin-top: 7px;
			  background: white;
			  border: 1px #ddd solid;
			  -webkit-border-radius:3.0px;-moz-border-radius:3.0px;-o-border-radius:3.0px;-ms-border-radius:3.0px;border-radius:3.0px;
			}
			
				#customers_apercus>form>.customer_apercu>.apercu_fichiers>div>div.bulle_rks_wrapper>div.bulle_rks>div.bulle_rk_gray_wrapper{
					background-position: 5px 6px;
				}
					#customers_apercus>form>.customer_apercu>.apercu_fichiers>div>div.bulle_rks_wrapper>div.bulle_rks>div.bulle_rk_gray_wrapper>div.bulle_rk_gray{
						margin: 10px 10px 0 10px;
						width: auto;
					}
					
						#customers_apercus>form>.customer_apercu>.apercu_fichiers>div>div.bulle_rks_wrapper>div.bulle_rks>div.bulle_rk_gray_wrapper>div.bulle_rk_gray>div.actions{
							top: 4px;
							right: 14px;
						}
		  
		  #customers_apercus>form>.customer_apercu>.apercu_fichiers>div>div.bulle_rks_wrapper>div>table{
			border: none;
          }
		  
		  #customers_apercus>form>.customer_apercu>.apercu_fichiers>div>div.bulle_rks_wrapper>div>a{
			margin-left:10px;
          }
		  
		  #customers_apercus>form>.customer_apercu>.apercu_fichiers>div:hover>div.bulle_cts_wrapper{
			display: block;
          }
		  #customers_apercus>form>.customer_apercu>.apercu_fichiers>div:hover>div.bulle_docs_wrapper{
			display: block;
          }
		  #customers_apercus>form>.customer_apercu>.apercu_fichiers>div:hover>div.bulle_rks_wrapper{
			display: block;
          }
          
div.fiche_complete{
  background: #fff;
  display: block; position: relative;
  max-width: 940px;
  width: 98%;
  left:0; right:0;
  margin-bottom: 10px;
  padding: 10px;
  -webkit-border-radius:3.0px;
  -moz-border-radius:3.0px;
  -o-border-radius:3.0px;
  -ms-border-radius:3.0px;
  border-radius:3.0px;
  
  -webkit-box-shadow:0px 1px 0px 0px rgba(187,187,187,80);
  -moz-box-shadow:0px 1px 0px 0px rgba(187, 187, 187, 80);
  -o-box-shadow:0px 1px 0px 0px rgba(187,187,187,80);
  -ms-box-shadow:0px 1px 0px 0px rgba(187,187,187,80);
  box-shadow:0px 1px 0px 0px rgba(187,187,187,80);
}
	div.fiche_complete>div:not(:first-child){
		border-top: 1px #aaa solid;
	}
	
	div.fiche_complete>div:not(:first-child){
		padding: 10px 0;
		position: relative;
	}
	
	legend{
		/*background: rgb(175, 175, 175);*/
		color: rgb(0,155,216);
		font-style: italic;
		/*border: 1px gray solid;*/
		margin-top: -10px;
		position: absolute;
	}
	
		div.fiche_c_modif{
			position: absolute;
			max-width: 940px;
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}
		
		div.fiche_complete>div.coordonnees>div.coordonnees_header>div.identifiers{
			margin-right: 20px;
		}
		
		div.fiche_complete>div.coordonnees>div.coordonnees_header>div.check_box{
			position: absolute;
			top: 2px;
			right: 2px;
			background: white;
			border-radius: 3px;
			padding: 2px 2px 10px 2px;
		}
		
			
		div.fiche_complete>div.coordonnees>div.coordonnees_client{
			margin: 10px 0 10px 0;
		}
		
			div.fiche_complete>div>div>div{
				display: inline-block; vertical-align: top;
				/*background-color: pink;*/
			}
			
			div.fiche_complete>div.coordonnees>div.coordonnees_client>div.nom_client{
				width: 250px;
			}
			
			div.fiche_complete>div.coordonnees>div.coordonnees_client>div.fiche_c_adresse{
				width: 200px;
			}
			div.fiche_complete>div.coordonnees>div.coordonnees_client>div.fiche_c_tel{
				width: 200px;
			}
			div.fiche_complete>div.coordonnees>div.coordonnees_client>div.fiche_c_mail_fax{
				width: 200px;
			}
			
			div.fiche_complete>div.coordonnees>div.fiche_c_coordonnees_bancaires>div{
				padding: 0 20px 0 5px;
			}

#searches_view_wrapper article{
	border-top:1px rgba(255,255,255,0.8) solid; border-bottom:1px rgba(127,127,127,0.8) solid;
}

#searches_view_wrapper article:first-child{
	border-top:none;
}
#searches_view_wrapper article:last-child{
	border-bottom:none;
}

a.button_blue{
	color: white; font-weight: bold; font-family: 'pt_sans_narrowregular', sans-serif; font-size: 13px; text-decoration: none;
	padding: 2px 15px; margin: 0 20px;
	vertical-align: middle;
	background: #0A9BD6;
	-webkit-border-radius:3.0px;
	-moz-border-radius:3.0px;
	-o-border-radius:3.0px;
	-ms-border-radius:3.0px;
	border-radius:3.0px;
	cursor: pointer;
}

input.button_blue{
	color: white; font-weight: bold; font-family: 'pt_sans_narrowregular', sans-serif; font-size: 16px; text-decoration: none;
	padding: 2px 15px; margin: 0;
	vertical-align: middle;
	background: rgb(204, 204, 0);
	-webkit-border-radius:3.0px;
	-moz-border-radius:3.0px;
	-o-border-radius:3.0px;
	-ms-border-radius:3.0px;
	border-radius:3.0px;
	border: 2px white solid;
	cursor: pointer;
}

div.bulle_rk_white_wrapper{
	background: transparent url('../img/search/fleche_bulle_rk_white.png') no-repeat 42px 9px;
	position: relative;
}
	div.bulle_rk_white{
		background: white;
		max-width: 900px;
		width: 94%;
		right:0;
		padding: 5px; margin: 0 0 10px 50px;
		-webkit-border-radius:3.0px;
		-moz-border-radius:3.0px;
		-o-border-radius:3.0px;
		-ms-border-radius:3.0px;
		border-radius:3.0px;
	}
		div.bulle_rk_white div.actions{
			position: absolute;
			top: 5px;right:5px;
		}
		div.bulle_rk_white p{
			margin: 0;
		}
	
div.bulle_rk_gray_wrapper{
	background: transparent url('../img/search/fleche_bulle_rk_gray.png') no-repeat 42px 19px;
	position: relative;
}
	div.bulle_rk_gray{
		background: #F7F7F7;
		max-width: 880px;
		width: 94%;
		right:0;
		padding: 5px; margin: 10px 0 0 50px;
		-webkit-border-radius:3.0px;
		-moz-border-radius:3.0px;
		-o-border-radius:3.0px;
		-ms-border-radius:3.0px;
		border-radius:3.0px;
	}
		div.bulle_rk_gray div.actions{
			position: absolute;
			top: 15px;right:5px;
		}
		div.bulle_rk_white p{
			margin: 0;
		}
	



footer{
  background: white;
  border-top: 1px gray solid;
  outline: 1px rgba(255,255,255,0.6) solid;
  display: block; position: fixed;
  bottom: 0;
  width: 100%; height: 30px;
}

  #footer_wrapper{
    max-width: 960px;
	width: 100%; height: 100%;
    display: block;
    margin: 0 auto;
  }
  #footer_wrapper p{
    padding-top: 7px;
    text-align: right;
  }
   
  
.float_left{
  float: left;
}
.float_right{
  float: right;
}

.fleche_right{
	position: absolute;
	top: 8px;
	right: 0;
}
.gutter_5{
  margin: 0 5px;
}

.highlighted{
	background: rgb(0,155,216);
	color: white;
}

	
	
div.message.success{
	background: rgba(188,196,12,0.9);
	text-align: center;
}
div.message.success p{
	color: rgb(104, 112, 48);
	font-size: 15px;
}
div.message.error{
	background: rgba(244,75,0,0.9);
	text-align: center;
}
div.error-message{
	color: rgba(244,75,0,1);
	font-size: 15px;
}

/* ============================================================================================================================
== BUBBLE WITH A BORDER AND TRIANGLE
** ============================================================================================================================ */
.speech_bubble_wrapper{
	position: absolute;
	z-index: 10;
	margin-top: -13px;
	display:none;
}
a:hover+.speech_bubble_wrapper{
	display:block;
}


/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */
.triangle-border {
	position: relative;
	padding: 15px;
	margin: 1em 0 3em;
	border: 2px solid #0A9BD6;
	color: #333;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* Variant : for left positioned triangle
------------------------------------------ */
.triangle-border.left {
	margin-left:30px;
}

/* Variant : for right positioned triangle
------------------------------------------ */
.triangle-border.right {
	margin-right:30px;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */
.triangle-border:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:40px; /* controls horizontal position */
    border-width:20px 20px 0;
	border-style:solid;
    border-color:#0A9BD6 transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* creates the smaller  triangle */
.triangle-border:after {
	content:"";
	position:absolute;
	bottom:-13px; /* value = - border-top-width - border-bottom-width */
	left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-width:13px 13px 0;
	border-style:solid;
	border-color:#fff transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* Variant : top
------------------------------------------ */
/* creates the larger triangle */
.triangle-border.top:before {
	top: -10px;
	bottom: auto;
	left: 7px;
	right: auto;
	border-width: 0 11px 10px;
}

/* creates the smaller  triangle */
.triangle-border.top:after {
	top: -8px;
	bottom: auto;
	left: 10px;
	right: auto;
	border-width: 0 8px 8px;
}



/*ONGLETS DROITE*/
.onglet{
	right: -300px;
	display: block;
	position: fixed;
	height: auto;
	width: 400px;
	background: #1399d6;
	padding: 0;
	
	-webkit-border-radius: 8px 0px 0px 8px;
	border-radius: 8px 0px 0px 8px;
	
	-webkit-box-shadow:  5px 5px 0px 0px rgba(81, 81, 81, 1);
	box-shadow:  5px 5px 0px 0px rgba(81, 81, 81, 1);
	
	z-index: 40;
}
.onglet#onglet_contact{
	top:200px;
}

#onglet_inner_wrapper{
	position: relative;
	height: auto;
}


#onglet_questions{
	top:365px;
	white-space: nowrap;
	overflow: hidden;
}
	.onglet_fleche{
		height: 100%;
		width: 25px;
		display: inline-block; position: absolute;
		white-space: normal;
		vertical-align: middle;
		
		-webkit-border-radius: 8px 0px 0px 8px;
		border-radius: 8px 0px 0px 8px;
		
		background: white url('../img/onglet_fleches.png') no-repeat 0 center padding-box;
		
		border-top:2px #1399d6 solid;
		border-right:2px rgba(95,106,109,0.3) solid;
		border-bottom:2px #1399d6 solid;
		border-left:2px #1399d6 solid;
	}
	.onglet_fleche:hover{
		background-color: #f0fbff;
		cursor: pointer;
	}
	#onglet_contact_image{
		display: inline-block;
		white-space: normal;
		vertical-align: middle;
		width: 70px;
		height: 150px;
		background:url('../img/onglet_contact.png') right center no-repeat;
	}
	#onglet_questions_image{
		display: inline-block;
		white-space: normal;
		vertical-align: middle;
		width: 70px;
		height: 150px;
		background:url('../img/onglet_questions.png') right center no-repeat;
	}
	
	.onglet#onglet_contact div.onglet_contact_wrapper{
		overflow-y: auto;
		display: inline-block;
		white-space: normal;
		vertical-align: middle;
		list-style-type: none;
		margin: 0 0 0 30px;
		width: auto; height: auto; max-height: 450px;
	}
	
	.onglet#onglet_questions ul{
		display: inline-block;
		white-space: normal;
		vertical-align: middle;
		list-style-type: none;
		padding:12px 15px;
		margin: 2px 0;
		width: 260px;
	}
	.onglet#onglet_questions ul li{
		padding: 2px 0;
		color: white;
	}
	
	#alarms{
		margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        border-collapse: collapse;
        border-spacing: 0;
		color: white;
	}
		#alarms tr{
			background: transparent;
			border-top: 1px rgba(255,255,255,0.8) solid;
		}
			#alarms td{
				padding: 0 10px 0 0;
				vertical-align: middle;
			}
			#alarms td.alarm_state{
				width: 70px;
				text-align: center;
				padding: 5px 0 0 0;
			}
				td.alarm_state a{
					display:inline-block; position: relative;
					content:"";
					width: 16px; height: 16px;
					border: 2px white solid;
					-webkit-border-radius: 16px;
					-moz-border-radius: 16px;
					border-radius: 16px;
				}
				
				div.led_rappel{
					display:inline-block; position: relative;
					content:"";
					width: 10px; height: 10px;
					border: 2px white solid;
					-webkit-border-radius: 9px;
					-moz-border-radius: 9px;
					border-radius: 9px;
				}
			
			td.alarm_time{
				width: 120px;
			}
			
	div.checkbox input.special_cb{
		display: none;
	}
	div.checkbox span.rounded{
		background-color: #fff;
		border: 3px #c0392b solid;
		width: 9px; height: 9px;
		display: inline-block; position: relative;
		border-radius: 9px;
		cursor: pointer;
		margin-right: 10px;
		vertical-align: top;
	}
	
	div.checkbox span.rounded:hover{
		cursor: pointer;
	}
	
	input:checked + label>span.rounded{
		border-color: rgb(204, 204, 0);
	}
	
	input:checked + label>span.rounded:after{
		content: '';
		display: block; position: absolute;
		width: 5px; height: 5px;
		background-color: rgb(204, 204, 0);
		border-radius: 5px;
		top: 2px; left: 2px;
	}
	
.hidden{
	display: none!important;
}

h2>span.fiche_nom_prenom{
	
}