/* Makeshift CSS Reset */
html, body{
	margin: 0;
	padding: 0;
}

/* Tell the browser to render HTML 5 elements as block */
header, footer, aside, nav, article {
	display: block;
}
body,table {
	margin: 0 auto;	
	font: 12px/22px Verdana, Arial, sans-serif;
	color: #666666;  
}
div {
	margin: 0 auto;	
	font: 12px/22px Verdana, Arial, sans-serif;
}
h1{
	color:black;
	text-align:left;
	padding-left:20px;
	font-size:14px;
	height:30px;
	background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC)); /* Webkit */
	background:-moz-linear-gradient(90deg, #FFFFFF, #CCCCCC); /* Firefox */
	background:-o-linear-gradient(90deg, #FFFFFF, #CCCCCC); /* Op�ra */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#CCCCCC'); /* IE */
	ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#CCCCCC)";
	-ms-linear-gradient(#FFFFFF, #CCCCCC, #FFFFFF);
	border-bottom:solid 1px #999999;
	text-transform:uppercase;
	margin:0;
	padding-top:5px;
	font-weight:bold;
}
.h1{
	color:black;
	text-align:left;
	padding-left:20px;
	font-size:14px;
	height:30px;
	background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC)); /* Webkit */
	background:-moz-linear-gradient(90deg, #FFFFFF, #CCCCCC); /* Firefox */
	background:-o-linear-gradient(90deg, #FFFFFF, #CCCCCC); /* Op�ra */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#CCCCCC'); /* IE */
	ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#CCCCCC)";
	-ms-linear-gradient(#FFFFFF, #CCCCCC, #FFFFFF);
	border-bottom:solid 1px #999999;
	text-transform:uppercase;
	margin:0;
	padding-top:5px;
	font-weight:bold;
}

h3 {
	background:-moz-linear-gradient(90deg, #D2E200, #A7B400); /* Firefox */
	background:-o-linear-gradient(90deg, #D2E200, #A7B400); /* Op�ra */
	background:-webkit-gradient(linear, left top, left bottom, from(#D2E200), to(#A7B400)); /* Webkit */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#D2E200', EndColorStr='#A7B400'); /* IE */
	
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	-ms-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#FFFFFF;
	
	font-family:Arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
	text-decoration:none;
	/*text-shadow:0 1px 1px #333;*/
	text-transform:uppercase;
	width:100%;
}

h4{
	color:#94bd2b;
	
}

p {
	padding-bottom: 0px;	
	font-size:12px;
}
label{
  display: inline;
  float: left;
  width: 75px;
  color: #666666;  
}
footer {
	border-top:1px solid #CCCCCC; 
	color:#CCCCCC;
	width:100%;
	text-align:right;
}
/* tableau */
table { 
  padding:0px; 
  border-spacing:0px;
  color: #666666;
}  
/* image */
image {   
  border:0px;
} 

/* Liens */ 
a { 
  text-decoration: none; 
} 
a:link { 
  /*color: #5998DD;*/
  color:#666666;
} 
a:visited { 
  /*color: #5998DD;*/
  color:#666666;
} 
a:hover, a:focus, a:active { 
  color: #888888; 
} 
/* Pas de bordure pointill�e ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 
/* Divers �l�ments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 
.calendar-event{
	background-color:#3366CC;
	border:1px solid #3366CC;
	color:#FFF; 
	-moz-border-radius: 5px;
	-moz-border-radius-topleft : 5px;
	-moz-border-radius-topright : 5px;
	-moz-border-radius-bottomleft : 5px;
	-moz-border-radius-bottomright : 5px;  
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
fieldset{
 	background-color:#FFFFFF;
  	border:1px solid #CCCCCC;
  	-moz-border-radius: 5px;
  	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
  	margin-left:10px;
  	margin-right:10px;
  	margin-top:10px;
 
}
legend{  

  color: #666666;/*color: #5998DD; */
  font-weight: bold; /* Valeur par d�faut. (6) */ 
  font-style: italic; 
  font-size:14px;

}

.tab_h1{
	color:black;
	text-align:left;
	font-size:12px;
	height:37px;
	background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC)); /* Webkit */
	background:-moz-linear-gradient(90deg, #FFFFFF, #CCCCCC); /* Firefox */
	background:-o-linear-gradient(90deg, #FFFFFF, #CCCCCC); /* Op�ra */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#CCCCCC'); /* IE */
	border-bottom:solid 1px #999999;
	text-transform:none;	
	width:100%;
}
.tab_h1 td{
	vertical-align:middle;
}

.titre_h1{
	color:black;
	text-align:left;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}


h2 {
	font-size: 28px;
	line-height: 44px;
	padding: 0px 0;
}

form { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
.form_ombrage{
	text-align:left;
	font-size:14px;

}
.form_ombrage fieldset{
	text-align:left;
	-moz-box-shadow: 2px 2px 3px #878088;
	-webkit-box-shadow: 2px 2px 3px #878088;  

	-moz-border-radius: 5px;
	-moz-border-radius-topleft : 5px;
	-moz-border-radius-topright : 5px;
	-moz-border-radius-bottomleft : 5px;
	-moz-border-radius-bottomright : 5px;

	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
	border:1px solid #CCCCCC;
}

.form_ombrage h1{
	color:black;
	text-align:left;
	padding-left:20px;
	font-size:12px;
	height:30px;
	background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC)); /* Webkit */
	background:-moz-linear-gradient(90deg, #FFFFFF, #CCCCCC); /* Firefox */
	background:-o-linear-gradient(90deg, #FFFFFF, #CCCCCC); /* Op�ra */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#CCCCCC'); /* IE */
	border-bottom:solid 1px #999999;
	text-transform:uppercase;
	margin:0;
	padding-top:5px;
	font-weight:normal;
   
  	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 0px;
  	-moz-border-radius-bottomright : 0px;
  
  	-webkit-border-top-left-radius: 5px;
  	-webkit-border-top-right-radius: 5px; 		
  	-webkit-border-bottom-right-radius: 0px;
  	-webkit-border-bottom-left-radius: 0px;
}

.form_ajout{
  
   -moz-border-radius: 5px;
  -moz-border-radius-topleft : 5px;
  -moz-border-radius-topright : 5px;
  -moz-border-radius-bottomleft : 5px;
  -moz-border-radius-bottomright : 5px;
  
  -webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  -webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  -webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  -webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
  border:1px solid #CCCCCC;

}
.form_ajout td{
	padding:3px;
}
.form_ajout th{
	text-align:center;
	border-bottom:solid 1px #CCCCCC;
}
.form_ajout fieldset{
  background-color:#FFFFFF;
  border:1px solid #CCCCCC;
  -moz-border-radius: 5px;
  -moz-border-radius-topleft : 5px;
  -moz-border-radius-topright : 5px;
  -moz-border-radius-bottomleft : 5px;
  -moz-border-radius-bottomright : 5px;
  
  -webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  -webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  -webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  -webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
  margin-left:10px;
  margin-right:10px;
  margin-top:10px;
}
.form_ajout legend{  

  color: #666666;/*color: #5998DD; */
  font-weight: bold; /* Valeur par d�faut. (6) */ 
  font-style: italic; 

}

.formLabel{
	text-align:right;
	font-weight:bold;
	white-space: nowrap;
}

form.css fieldset{
  
  background-color:#FFFFFF;
  border:1px solid #CCCCCC;
  -moz-border-radius: 5px;
  -moz-border-radius-topleft : 5px;
  -moz-border-radius-topright : 5px;
  -moz-border-radius-bottomleft : 5px;
  -moz-border-radius-bottomright : 5px;
  
  -webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  -webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  -webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  -webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
  margin-left:10px;
  margin-right:10px;
  margin-top:10px;
  
  -moz-box-shadow: 2px 2px 3px #878088;
  -webkit-box-shadow: 2px 2px 3px #878088;  
  
	
}
form.css legend{  

  color: #666666;/*color: #5998DD; */
  font-weight: bold; /* Valeur par d�faut. (6) */ 
  font-style: italic; 

}
#splitter_menu{
	display:table-cell;
	vertical-align:middle;
	background:#2d2d2d;
	/*cursor:col-resize;	*/
}
.bouton {
	background-image:url(../images/button.png);
	width:111px;
	height:36px;
	line-height:36px;
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
	cursor:pointer;
	font-size:14px;
	
}

.bouton_menu {
	margin-top:2px;
	padding-top:8px;
	width:200px;
	height:34px;
	color:#646464;
	cursor:pointer;
	padding-left:10px;
	background-color:#ebebeb;
	border:solid 1px #cfcfcf ;
	font-size:14px;
	
}
.bouton_sous_menu {
	
	vertical-align:middle;
	color:#FFFFFF;
	cursor:pointer;		
	display:none;	
	background:#292720;		
	font-size:14px;
	font-weight:normal;	
	
}
.bouton_sous_menu a {
	color:#FFFFFF;
	font-size:14px;
}

input{
	autocomplete:"off";
}

/** we remove the red glow around required fields since we are already using the red star */
input:required, textarea:required {
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-webkit-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}

/** inputs and textarea**/
/*input:not([type="submit"]):not([type="radio"]), textarea{
	outline:none;
	display:block;
	padding:4px 8px;
	border:1px dashed #55665E;
	color:#3F3F3F;
	font-family:'Droid Sans',Tahoma,Arial,Verdana sans-serif;
	font-size:12px;
	border-radius:2px;
	transition:background 0.2s linear;
}*/
/*input:not([type="submit"]):not([type="radio"]):active, textarea:active, input:not([type="submit"]):focus, textarea:focus{
	background:#F7F7F7;
	border:dashed 1px #969696;
	box-shadow:2px 2px 7px #E8E8E8 inset;
}*/
input:not([type="submit"]):not([type="radio"]){
	/*height: 14px;*/
}
input[type=radio] {
	vertical-align:text-bottom;
}
textarea{
	/*min-width:300px;
	min-height:50px;
	resize:vertical*/
}
/* placeholder */
::-webkit-input-placeholder  {
	color:#BABABA;
	font-style:italic;
}
input:-moz-placeholder, textarea:-moz-placeholder{
	color:#BABABA;
	font-style:italic;
}


.bouton_enregistrer {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
	
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;
	
	
	/*min-width:100px;*/
	width:120px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/icon_save.png') no-repeat 2px 3px !important;
}

.bouton_dupliquer {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
	
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;
	
	
	/*min-width:100px;*/
	width:120px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/icon_duplique.png') no-repeat 2px 3px !important;
}

.bouton_compterendu {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
	
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;
	
	
	/*min-width:100px;*/
	width:120px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/compte_rendu.png') no-repeat 2px 3px !important;
}

.bouton_cloturer {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
	
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;
	
	
	min-width:100px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/icon_delete.png') no-repeat 4px 3px !important;
}

.bouton_passer_en_commande {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
	
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;
	
	
	/*min-width:100px;*/
	width:190px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/valider.png') no-repeat 2px 3px !important;
}

.bouton_ajouter {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
	
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;
	
	
	min-width:120px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/icon_ajout.png') no-repeat 4px 6px !important;
}

.bouton_modifier_2 {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
	
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;
	
	min-width:100px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/b_edit.png') no-repeat left !important;
}

.bouton_desactive {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;
	min-width:100px;
	text-align:left !important; 
	text-indent:25px;
	background:#ebebeb url('../images/icon_delete.png') no-repeat 2px 2px !important;
}

.bouton_active {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;
	min-width:100px;
	text-align:left !important; 
	text-indent:25px;
	background:#ebebeb url('../images/valider.png') no-repeat 2px 2px !important;
}

.bouton_historique {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;
	/*9min-width:100px;*/
	width:120px;
	text-align:left !important; 
	text-indent:25px;
	background:#ebebeb url('../images/icon_histo.png') no-repeat 4px 4px !important;
}

.bouton_modifier {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
	
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;
	
	
	min-width:100px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/btn_modifier.png') no-repeat left !important;
}

.bouton_transferer {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
	
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;
	
	
	min-width:100px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/affectation.png') no-repeat 2px 3px !important;
}

.bouton_retour {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
	
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;
	
	
	min-width:120px !important;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/icon_back.png') no-repeat left !important;
}

.bouton_precedent {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
	
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;
	
	
	min-width:120px !important;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/icon_precedent.png') no-repeat left !important;
}

.bouton_suivant {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
	
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;
	
	
	min-width:120px !important;
	text-align:left !important;
	text-indent:5px;
	background:#ebebeb url('../images/icon_suivant.png') no-repeat !important;
	background-position:right !important;	
}

.bouton_recherche {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
	
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;
	
	
	min-width:100px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/loupe.png') no-repeat 4px 4px !important;
}

.bouton_supprimer {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
	
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;
	
	
	min-width:100px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/icon_delete.png') no-repeat 4px 3px !important;
}

.bouton_upload, .btn_save {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
	
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:40px !important;
	border:solid 2px #cfcfcf !important;
	height:51px !important;
	line-height:51px;
	vertical-align:middle;
	
	min-width:300px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/icone_upload.png') no-repeat 2px 3px !important;
}
.btn_save {
	min-width:330px;
}

.bouton_planifier {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
	
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;
	
	
	/*min-width:100px;*/
	width:120px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/planifier.png') no-repeat 2px 5px !important;
}

.bouton_deplanifier {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
	
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;
	
	
	/*min-width:100px;*/
	width:120px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/deplanifier.png') no-repeat 2px 5px !important;
}

.bouton_email {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  
  	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
	
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;
	
	
	/*min-width:100px;*/
	width:120px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/email.png') no-repeat 2px 3px !important;
}

.bouton_encaisser {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
	-moz-border-radius-topright : 5px;
	-moz-border-radius-bottomleft : 5px;
	-moz-border-radius-bottomright : 5px;

	-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
	-webkit-border-top-right-radius: 5px; /*le bord haut droit*/
	-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
	-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/

	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding-right:10px !important;
	padding-left:10px !important;
	border:solid 2px #cfcfcf !important;
	height:35px !important;
	width:172px;
	text-align:left !important;
	text-indent:25px;
	background:#ebebeb url('../images/encaisser.png') no-repeat 2px 3px !important;
}

input[type=submit],[type=button] {
	display:inline-block;
	-moz-border-radius-topleft : 5px;
  	-moz-border-radius-topright : 5px;
  	-moz-border-radius-bottomleft : 5px;
  	-moz-border-radius-bottomright : 5px;
  
  	-webkit-border-top-left-radius: 5px;
  	-webkit-border-top-right-radius: 5px;
  	-webkit-border-bottom-right-radius: 5px;
  	-webkit-border-bottom-left-radius: 5px;
	
  	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:14px;
	color:#646464;
	padding:3px 3px;
	border:solid 1px #cfcfcf;
	height:30px;

	
	min-width:100px;
	text-align:center;
	background:#ebebeb;
}

a.submit{
	display:inline-block;
	background:#55665E;
	background:-moz-linear-gradient(90deg, #55665E, #819181); /* Firefox */
	background:-o-linear-gradient(90deg, #55665E, #819181); /* Op�ra */
	background:-webkit-gradient(linear, left top, left bottom, from(#819181), to(#55665E)); /* Webkit */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#819181', EndColorStr='#55665E'); /* IE */
	border:1px solid #55665E;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	-ms-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#fff;
	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:0px 3px;
	text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;
	min-width:100px;
	text-align:center;
}
input[type=submit]:hover,[type=button]:hover, a.submit:hover{

	
	color:black;
	text-decoration:none;
}
input[type=submit]:active, input[type=submit]:focus, a.submit:active, a.submit:focus{
	
}

a.fonction{	
	display:inline-block;
	background:#CCCCCC;
	background:-moz-linear-gradient(90deg, #808080, #CCCCCC);
	background:-o-linear-gradient(90deg, #808080, #CCCCCC);
	background:-webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#808080));
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#CCCCCC', EndColorStr='#808080'); /* IE */
	border:1px solid #808080;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	-ms-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#fff;
	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:0px 3px;
	text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;
}
a.fonction:hover{
	background:#CCCCCC;
	background:-moz-linear-gradient(90deg, #55665E, #819181); /* Firefox */
	background:-o-linear-gradient(90deg, #55665E, #819181); /* Op�ra */
	background:-webkit-gradient(linear, left top, left bottom, from(#819181), to(#55665E)); /* Webkit */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#819181', EndColorStr='#55665E'); /* IE */
	border-color:#808080;
	text-decoration:none;
}
a.fonction:active, a.fonction:focus, a.fonction:active, a.fonction:focus{
	
	background:#ccc;
	background:-moz-linear-gradient(90deg, #0bcdff, #067cd3);
	background:-o-linear-gradient(90deg, #0bcdff, #067cd3);
	background:-webkit-gradient(linear, left top, left bottom, from(#819181), to(#55665E));
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#819181', EndColorStr='#55665E'); /* IE */
	border-color:#808080;
	outline:none;
}

.listing{
	width:100%;
}
.listing th{
	text-align:left;
	background:-moz-linear-gradient(90deg, #2d2d2d, #000000); /* Firefox */
	background:-o-linear-gradient(90deg, #2d2d2d, #000000); /* Op�ra */
	background:-webkit-gradient(linear, left top, left bottom, from(#2d2d2d), to(#000000)); /* Webkit */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#2d2d2d', EndColorStr='#000000'); /* IE */
	color:orange;
	padding:2px;
	padding-left:15px;
}
.listing th:first-child {
	padding-left: initial;
}

.listing td{
	padding:2px;
	padding-left: 15px;
	border-bottom:solid 1px #CCCCCC;
}
.listing td:first-child {
	padding-left: initial;
}

.listing_ajax{
	/*width:100%;*/
}
.listing_ajax th{
	text-align:left;
	padding:2px;	
}

.listing_article{
	border:solid 1px #CCCCCC;
}
.listing_article th{
	border-bottom:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	background-color:#f3f3f3;
	padding:3px;
}

.listing_article td{
	border-right:solid 1px #CCCCCC;
	padding:3px;
}

.td_total {
	border-top:solid 1px #CCCCCC !important;
}

/*------------- CLASS LISTING -------------*/
.table-th a {
	color: orange;
}
.table-tr {
    cursor: pointer;
}
.table-tr:hover {
	background: rgb(255,239,205);
}

#menu {
	display: table-cell;
	width:200px;
	vertical-align:top;	
	height:600px;
	
	
	background:-moz-linear-gradient(90deg, #FFFFFF, #E8E8E8);
	background:-o-linear-gradient(90deg, #FFFFFF, #E8E8E8); 
	background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E8E8E8)); 
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#E8E8E8'); 

	color:#55665E;
	width: 200px;	
}

#page {
	display: table-cell;
	font-size:14px;
	width: 100%;		
}
#main {
	font-size:14px;
	width: 100%;
	text-align:left;
}
#entete {
	/*background-image:url(../images/bg-entete.png);
	background-repeat:repeat-x;*/
	background-color: #292720;
	display: table;
	width:100%;
	height:32px;
	vertical-align:middle;
	text-align:left;
	color:#FFFFFF !important;
}
.contenu_page{
	padding-left:10px;
}
.icone_entete{
	background-color: #EBEBEB;
	border: solid 1px #cfcfcf;
	width: 26px;
	height: 26px;
	margin-top:2px;
}

.tooltip{width:200px;margin:0;padding:5px;font-size:11px;color:#666;background:#fff;border:5px solid #ccc;}
.tooltip p{margin:0;text-align:justify;}

.tooltip{
   position: absolute;
   padding: 10px 13px;
   z-index:1000;
   color: #303030;
   background-color: #f5f5b5;
   border: 1px solid #DECA7E;
   
   font-family: sans-serif;
   font-size: 12px;
   line-height: 18px;
   text-align: left;
}


.tab_content{
	display:table-row;
	padding:10px;
	text-align:left;
	width:50%;
	vertical-align:top;
}

.input_mini{
	width:30px !important;
}
.input_petit{
	width:100px !important;
}
.input_prix{
	width:50px !important;
}
.input_date{
	width:80px !important;
}
.input_moyen{
	width:150px !important;
}
.input_grand{
	width:270px !important;
}
.input_tgrand{
	width:400px !important;
}
.input_maxi{
	width:870px !important;
}
.lien_ajout{
	 -moz-box-shadow: 2px 2px 3px #878088;
  -webkit-box-shadow: 2px 2px 3px #878088;  
  
   -moz-border-radius: 5px;
  -moz-border-radius-topleft : 5px;
  -moz-border-radius-topright : 5px;
  -moz-border-radius-bottomleft : 5px;
  -moz-border-radius-bottomright : 5px;
  
  -webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
  -webkit-border-top-right-radius: 5px; /*le bord haut droit*/		
  -webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
  -webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
  border:1px solid #CCCCCC;
  padding:5px;
  font-size:12px;
}

.saisi_article td{
	vertical-align:top;
}


.progress {
	background:-moz-linear-gradient(90deg, #D2E200, #A7B400); /* Firefox */
	background:-o-linear-gradient(90deg, #D2E200, #A7B400); /* Op�ra */
	background:-webkit-gradient(linear, left top, left bottom, from(#D2E200), to(#A7B400)); /* Webkit */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#D2E200', EndColorStr='#A7B400'); /* IE */
	
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	-ms-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#FFFFFF;
	text-align:left;
	margin:0px;
	font-family:Arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
	text-decoration:none;
	/*text-shadow:0 1px 1px #333;*/
	text-transform:uppercase;
	width:100%;
}
.grille{
	width:100%;
}
.grille th{
	border:solid 1px #333333;
	border-left:none;
	text-align:center;
}
.grille td{
	border:solid 1px #333333;
	border-left:none;
	border-top:none;
	text-align:center;
	padding:2px;
}

.grille a{
	color:#999999;
}
.grille a:hover{
	font-weight:bold;
	text-decoration:none;
	/*color:#FF6623;*/
}
/* > FIL D'ARIANE
-------------------------------------------------------------------------------------------------------------------------------- */
nav#breadcrumb { 
	margin:0 auto;
	width:100%;
	height:40px;
	background:url(./etat/header/breadcrumb_1.gif) repeat-x;
}
#breadcrumb ul {	
	padding:0px;
}
#breadcrumb li {	
	position:relative;
	z-index:0;
	display:block;
	float:left;
	font-family: 'Roboto', sans-serif;
	font-size:14px; 
	color: #666;
	line-height:40px;
}
#breadcrumb li:before {
	position:relative;
	z-index:1;
	content:"";
	display:inline-block;
	float:left;
	width:20px;
	height:40px;
	margin-left:-20px;
	background-image:url(./etat/header/breadcrumb_2.png);
	background-position: 0 0;
	background-repeat:no-repeat;
}
#breadcrumb li span { display:inline-block; margin-left:10px; }
#breadcrumb li a {
	position:relative;
	z-index:1;
	display:inline-block;
	padding:0 25px 0 10px;
	text-decoration:none;
	color:#fff;
	height:40px;
	line-height:40px;
	background-image:url(./etat/header/breadcrumb_1.gif);
	background-position: 0 -280px;
	background-repeat:repeat-x;
	cursor: pointer;
}
#breadcrumb li a:before {
	content:"";
	display:inline-block;
	float:left;
	width:20px;
	height:40px;
	margin-left:-30px;
	background-image:url(./etat/header/breadcrumb_2.png);
	background-position: 0 -280px;
	background-repeat:no-repeat;
}
#breadcrumb li:first-child:before, #breadcrumb li:first-child a:before { display:none; }

/* > d�clinaisons couleurs -------------------------- */
/* spas */
._page.spa #breadcrumb li a { background-position:0 -160px; }
._page.spa #breadcrumb li a:before { background-position:0 -160px; }
._page.bio #breadcrumb li a { background-position:0 -280px; }
._page.bio #breadcrumb li a:before { background-position:0 -280px; }
._page.pieces #breadcrumb li a { background-position:0 -240px; }
._page.pieces #breadcrumb li a:before { background-position:0 -240px; }
._page.saunas #breadcrumb li a { background-position:0 -200px; }
._page.saunas #breadcrumb li a:before { background-position:0 -200px; }
._page.piscine #breadcrumb li a { background-position:0 -120px; }
._page.piscine #breadcrumb li a:before { background-position:0 -120px; }
._page.services #breadcrumb li a { background-position:0 -320px; }
._page.services #breadcrumb li a:before { background-position:0 -320px; }
._page.services #breadcrumb li:first-child a,
._page.piscine #breadcrumb li:first-child a,
._page.saunas #breadcrumb li:first-child a,
._page.pieces #breadcrumb li:first-child a,
._page.bio #breadcrumb li:first-child a,
._page.spa #breadcrumb li:first-child a { background-position:0 -40px; }
#breadcrumb li a:hover, #breadcrumb li a:hover:before,
._page.services #breadcrumb li a:hover, ._page.services #breadcrumb li a:hover:before,
._page.piscine #breadcrumb li a:hover, ._page.piscine #breadcrumb li a:hover:before,
._page.pieces #breadcrumb li a:hover, ._page.pieces #breadcrumb li a:hover:before,
._page.saunas #breadcrumb li a:hover, ._page.saunas #breadcrumb li a:hover:before,
._page.bio #breadcrumb li a:hover, ._page.bio #breadcrumb li a:hover:before,
._page.spa #breadcrumb li a:hover, ._page.spa #breadcrumb li a:hover:before  { background-position:0 -240px; }

.raccourcis_menu {
	width: 20px;
	height: 25px;
	margin-right: 10px;
}
.micro_div{
	background-color:#E9EAA5;
	margin:2px;
	padding:2px;
	border-radius:5px;
	z-index:2;
	cursor:pointer;
	font-size:11px;
	
}

/* Fiche de synth�se en flex */ 
.container {
	padding-top: 10px;
	width:100%;
	display:flex;
}
.titre-wrapper {
	background: #d8d8d8;
	padding: 5px;
	border-right: 1px solid #fff;
	text-align: left;
}
.wrapper {
	width: 50%;
	margin: initial;
	background: #d8d8d8;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;  
  
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
  
	font-weight: bold;
	text-align: center;
}
.wrapper > * {
	flex: 1 100%;
}

.item {
	align-self: stretch;
	padding: 15px;
	color: white;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	border: 1px solid #fff;
}
.item p {
	font-size: 20px;
}
.item span {
	font-size: 12px;
	font-weight: initial;
}

.wrapper-b {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;  
  
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
  
	font-weight: bold;
	text-align: center;
}
.wrapper-b > * {
	padding: 10px;
	flex: 1 100%;
}
.case-titre {
	background:#0c89c1;
	color:#fff;
	text-align:center;
	height: 24px;
}
.main {
	background:#03a9f4;
	color:#fff;
	border-radius:100%;
	padding:3px 20px;
	margin: 2%;
	flex:initial;
}
.wrapper-b span {
	text-align: left;
	font-weight: initial;
}

.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
}

.flex-item {
  background: #d8d8d8;
  text-align: left;
  border-right: 8px solid #fff;
  padding: 5px;
  width: 200px;
  height: 150px;
  margin-bottom: 10px;
  line-height: 15;
}

@media all and (min-width: 600px) {
  .aside { flex: 1 auto; }
}
@media all and (min-width: 800px) {
	.item  { flex: 3 0px; }
	.main    { order: 1; }
	.aside-1 { order: 2; } 
	.aside-2 { order: 3; }
}

@media all and (max-width: 800px) {
	.item  { flex: 3 0px; }
	.main    { order: 1; }
	.aside-1 { order: 2; } 
	.aside-2 { order: 3; }
}

@media all and (max-width: 800px) {
	/*.wrapper { width: 25%; }*/
	.wrapper-b { width: 10%; }
	.wrapper-b span, .main { margin: 3% auto; text-align: center; }
	.aside { flex: inherit; }
	.container { padding-top: 40px; }
}

@media all and (max-width: 1000px) {
	.flex-container img { display: none; }
	.flex-item { height: fit-content; }
}

/* ####### */

/***** TABLE AVEC FLEXBOX *****/

.flex-table .flex-container {
	justify-content: flex-start;
	flex-wrap: wrap;
}
.flex-table .flex-item {
	background-color: #fff;
	text-align: left;
	width: 40%;
	min-width: 500px;
	height: auto;
	margin: 0;
	padding: 0 15px 0 0;
	display: flex;
	align-items: center;
	border-right: initial;
	flex-grow: 1;
	border: 1px solid #ccc;
}
.flex-table .block {
	padding-left: 15px;
	margin-left: 0;
	min-width: 135px;
}
.flex-table .block-icon {
	margin: 0;
	padding: 12px;
}

.redstar {
	position: relative;
	bottom: 6px;
	right: 2px;
	font-size: .4rem;
	line-height: 0;
	vertical-align: super;
	text-decoration: none;
	color: red;
	margin-left: -12px;
}