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

.texte_non_gras{
	font-weight:100;
	color:#AFAFAF;	
}

a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: -15px;
    left: 30px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:170px;
}
a.tooltip:hover em span {
    position: absolute;
    top: 7px;
    left: 80px;
    height: 7px;
    width: 11px;
    background: transparent url(image-infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}

fieldset {
  border-top:1px solid #333;
  border-left:0;
  border-bottom:0;
  border-right:0;
  padding:6px;
  margin:0px 30px 0px 0px;
}
legend {
  text-align:left;
  color:#333;
  font-size:18px;
  padding:0px 4px 0px 4px;
  margin-left:20px;
}

label {
 margin-top:10px;
 display:block;
 }
label.inline {
 display:inline;
 margin-right:50px;
 }


/* MENU HORIZONTAL PRINCIPAL */

.menu { 
  list-style:none; 
  /*border-top:#ffffff solid 0px;*/
  background-color:#363636 ; 
  width:100%; height:45px; 
  margin:0px;
  margin-top:-20px;
  margin-left:-10px;
  }

.menu li { float:left; }

.menu li a { 
  display:block; 
  color:#fff; 
  font-size:13px; 
  font-weight:bold; 
  text-decoration:none; 
  font-family:arial, verdana, sans-serif; 
  text-align:center; 
  margin-top:8px;
  padding:6px 10px 6px 10px;
  border-right: 10px solid #363636; 
  border-left: 10px solid #363636;
  cursor:pointer; 
  }

.menu li div { 
  display:block; 
  color:#000; 
  font-size:13px; 
  font-weight:bold; 
  text-decoration:none; 
  font-family:arial, verdana, sans-serif; 
  text-align:center; 
  margin-top:4px;
  padding:6px 10px 6px 10px;
  border-right: 10px solid #363636; 
  border-left: 200px solid #363636;
  cursor:pointer; 
  }

.menu li a:hover { 
  background-color:#505050   ;
  }
  
.menu li.current a { 
  background-color:#c10001;
  color:#fff;
  
  }


  
  /* FIN MENU */
  
  /* MENU HORIZONTAL PRINCIPAL */

.ssmenu { 
  list-style:none; 
  border-top:#ffffff solid 1px;
  background-color:#505050  ; 
  width:100%; height:25px; 
  margin:0px; 
  margin-left:-10px;
  }

.ssmenu li { float:left; }

.ssmenu li a { 
  display:block; 
  color:#fff;
  font-size:11px; 
  font-weight:bold; 
  text-decoration:none; 
  font-family:arial, verdana, sans-serif; 
  text-align:center; 
  margin-top:2px;
  padding:3px 7px 3px 7px;
  border-right: 10px solid #505050   ; 
  border-left: 10px solid #505050   ;
  cursor:pointer; 
  }

.ssmenu li a:hover { 
  background-color:#363636    ;
  }
  
.ssmenu li.current a { 
  background-color:#c10001;
  color:#fff;
  
  }

.ssmenu li.selection a { 
  color:#ffd370   ;
  font-size:11px;
  font-weight:bold;
  }

.ssmenu li.titre { 
  display:block; 
  color:#c10001;
  font-size:12px; 
  font-weight:bold; 
  text-decoration:none; 
  font-family:arial, verdana, sans-serif; 
  text-align:center; 
  margin-top:8px;
  padding:6px 10px 6px 10px;
  border-right: 10px solid #fff; 
  border-left: 10px solid #fff;
  cursor:pointer; 
  }

  /* FIN SOUS MENU */
  
a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}
 
a.info:hover{
z-index:25;
}
 
a.info span{
display: none
}
 
a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: justify;
font-weight:none;
padding:5px;
font-size:9px;
}

#filtre
{
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
		border-color:#c8c8c8;
	background-color:#ededed;
	width: 735px;
	color:#000;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;	
	text-align: center;
	border-width:1px;
	border-style:solid;
	margin-left: auto;
  margin-right: auto;
	
}

#index
{
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
		border-color:#c8c8c8;
	background-color:#ededed;
	width: 735px;
	color:#000;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;	
	text-align: center;
	border-width:1px;
	border-style:solid;
	margin-left: auto;
  margin-right: auto;
	
}

#filtre_maxi
{
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
		border-color:#c8c8c8;
	background-color:#ededed;
	width: 735px;	
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;	
	text-align: center;
		border-width:1px;
	border-style:solid;
	margin-left: auto;
  margin-right: auto;
}

#comm_groupe{
	color:#CC3300;
	font-size:12px;
	font-weight:bold;	
}

#action
{
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color:#d9dde9;
	width: 250px;
	height: 67px;
	padding-top: 5px;
	padding-left: 10px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	margin-left:755px;
	margin-top:-73px;
	text-align: center;
}

#action_maxi
{
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color:#d9dde9;
	width: 250px;
	height: 67px;
	padding-top: 5px;
	padding-left: 10px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	margin-left:755px;
	margin-top:-151px;
	text-align: center;
}

#aide
{
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color:#d9dde9;
	width: 248px;
	height: 69px;
	padding-top: 6px;
	padding-left: 7px;
	padding-right: 6px;
	font-family:Verdana, Geneva, sans-serif;
	color:#090;
	font-weight:bold;
	margin-left:755px;
	margin-top:3px;
	text-align: justify;
	font-size:10px;
}

/************************************ FORMULAIRE  ***************************************************/
.petit_champs
{
font-size : 10px;

 }

input[type=submit], input[type=reset] {
 border:1px;
 font-weight:bold;
 cursor:pointer;
 background-color:#363636;
  color:#FFF;
  height:28px;

 }
 
  /* VERT 2*/
 
 input.vert2[type=submit], input[type=reset] {
 border:1px;
 font-weight:bold;
 font-size:9px;
 cursor:pointer;
 background-color:#87be2f  ;
  color:#FFF;
  height:16px;

 }
 
 input.vert2[type=submit]:hover, input[type=reset]:hover {
 border:1px;
 font-size:9px;
 background-color:#87be2f ;
  color:#FFF;
  height:16px;

 }
 
 input.vert2[type=submit]:active, input[type=reset]:active {
 border:1px;
 font-size:9px;
 background-color:#87be2f ;
 color:#FFF;
  height:16px;

 } 
 
 /* FIN VERT 2 */ 
  /* VERT 4*/
 
 input.vert4[type=submit], input[type=reset] {
 border:1px;
 font-weight:bold;
 font-size:12px;
 cursor:pointer;
 background-color:#87be2f  ;
  color:#FFF;
  height:28px;

 }
 
 input.vert4[type=submit]:hover, input[type=reset]:hover {
 border:1px;
 font-size:12px;
 background-color:#87be2f ;
  color:#FFF;
  height:28px;

 }
 
 input.vert4[type=submit]:active, input[type=reset]:active {
 border:1px;
 font-size:12px;
 background-color:#87be2f ;
 color:#FFF;
  height:28px;

 } 
 
 /* FIN VERT 2 */
 
   /* VERT 3*/
 

  input.vert3[type=submit], input[type=reset] {
 border:1px;
 font-weight:bold;
 font-size:9px;
 cursor:pointer;
 background-color:#00722d ;
  color:#FFF;
  height:16px;

 }
 
 input.vert3[type=submit]:hover, input[type=reset]:hover {
 border:1px;
 font-size:9px;
 background-color:#00722d ;
  color:#FFF;
  height:16px;

 }
 
 input.vert3[type=submit]:active, input[type=reset]:active {
 border:1px;
 font-size:9px;
 background-color:#00722d ;
 color:#FFF;
  height:16px;

 } 
 
 /* FIN VERT 3 */
 
 
 
 /* VERT */
 
 input.vert[type=submit], input[type=reset] {
 border:1px;
 font-weight:bold;
 font-size:9px;
 cursor:pointer;
 background-color:#daee9b  ;
  color:#666;
  height:16px;

 }
 
 input.vert[type=submit]:hover, input[type=reset]:hover {
 border:1px;
 font-size:9px;
 background-color:#daee9b  ;
  color:#666;
  height:16px;

 }
 
 input.vert[type=submit]:active, input[type=reset]:active {
 border:1px;
 font-size:9px;
 background-color:#daee9b  ;
 color:#666;
  height:16px;

 } 
 
 /* FIN VERT */
 
  /* BLEU */
 
 input.bleu[type=submit], input[type=reset] {
 border:1px;
 font-weight:bold;
 font-size:9px;
 cursor:pointer;
 background-color:#03a1fc ;
  color:#FFF;
  height:16px;

 }
 
 input.bleu[type=submit]:hover, input[type=reset]:hover {
 border:1px;
 font-size:9px;
 background-color:#03a1fc ;
  color:#FFF;
  height:16px;

 }
 
 input.bleu[type=submit]:active, input[type=reset]:active {
 border:1px;
 font-size:9px;
 background-color:#03a1fc ;
 color:#FFF;
  height:16px;

 } 
 
  /* FIN BLEU */
  
   /* NOIR */
 
 input.noir[type=submit], input[type=reset] {
 border:1px;
 font-weight:bold;
 font-size:9px;
 cursor:pointer;
 background-color:#0f0f0f  ;
  color:#FFF;
  height:16px;

 }
 
 input.noir[type=submit]:hover, input[type=reset]:hover {
 border:1px;
 background-color:#0f0f0f  ;
  color:#FFF;
  height:16px;

 }
 
 input.noir[type=submit]:active, input[type=reset]:active {
 border:1px;
 background-color:#0f0f0f  ;
 color:#FFF;
  height:16px;

 } 
 
 /* FIN NOIR */
  
 
 /* ROUGE */
 
 input.rouge[type=submit], input[type=reset] {
 border:1px;
 font-weight:bold;
 font-size:9px;
 cursor:pointer;
 background-color:#e41a04 ;
  color:#FFF;
  height:16px;

 }
 
 input.rouge[type=submit]:hover, input[type=reset]:hover {
 border:1px;
 background-color:#e41a04 ;
  color:#FFF;
  height:16px;

 }
 
 input.rouge[type=submit]:active, input[type=reset]:active {
 border:1px;
 background-color:#e41a04 ;
 color:#FFF;
  height:16px;

 } 
 
 /* FIN ROUGE */
 
 /* MODIFIER */
 
 input.bt_modifier[type=submit], input[type=reset] {
 border:0px;
 margin-top:5px;
 font-weight:bold;
 cursor:pointer;
 background-color:transparent;
  color:#FFF;

 }
 
   input.bt_modifier[type=submit]:hover, input[type=reset]:hover {
 border:1px;
 font-weight:bold;
 cursor:pointer;
 background-color:transparent;
  color:#FFF;

 }
 
   input.bt_modifier[type=submit]:active, input[type=reset]:active {
 border:1px;
 font-weight:bold;
 cursor:pointer;
 background-color:transparent;
  color:#FFF;

 }
 
  /* FIN MODIFIER */
  
  /* SUPPRIMER */
  
  input.bt_supprimer[type=submit], input[type=reset] {
 border:1px;
 font-weight:bold;  
 cursor:pointer;
 background-color:transparent;
  color:#FFF;

 }
 
    input.bt_supprimer[type=submit]:hover, input[type=reset]:hover {
 border:1px;
 font-weight:bold;
 cursor:pointer;
 background-color:transparent;
  color:#FFF;

 }
 

   input.bt_supprimer[type=submit]:active, input[type=reset]:active {
 border:1px;
 font-weight:bold;
 cursor:pointer;
 background-color:transparent;
  color:#FFF;

 } 
 /* FIN SUPPRIMER */
 
/* CODE BARRE */
 
 input.bt_code_barre[type=submit], input[type=reset] {
 border:0px;
 margin-top:1px;
 font-weight:bold;
 cursor:pointer;
 background-color:transparent;
  color:#FFF;

 }
 
   input.bt_code_barre[type=submit]:hover, input[type=reset]:hover {
 border:0px;
 font-weight:bold;
 cursor:pointer;
 background-color:transparent;
  color:#FFF;

 }
 
   input.bt_code_barre[type=submit]:active, input[type=reset]:active {
 border:0px;
 font-weight:bold;
 cursor:pointer;
 background-color:transparent;
  color:#FFF;

 }
 
  /* FIN CODE BARRE */
 
input[type=submit]:active, input[type=reset]:active {
 border:1px;
 background-color:#363636;
 color:#FFF;
  height:28px;

 } 
 
input[type=submit]:hover, input[type=reset]:hover {
 border:1px;
 background-color:#363636;
  color:#FFF;
  height:28px;

 }
 

 
 input {
 border:1px solid #bbb;
 background-color:#fff;
 color:#505050 ;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
 }
 
 
 textarea {
 border:1px solid #bbb;
 background-color:#fff;
 font-size : 11px;
 -moz-border-radius: 4px;
	border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
 }
 select {
 color:#505050 ;
font-size : 12px;
 border:1px solid #bbb;
 background-color:#fff;
line-height: 11px;
outline-color:#FF0;		
-moz-border-radius: 4px;
	border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;

 }



/*****************************************************************************************************/

/************************************      DIV     ***************************************************/
#gauche{
position: relative;
padding: 5px;
margin-top: 10px;
width: 48%;
float: left; 	
}
#droite{
position: relative;
padding: 5px;
margin-top: 10px;
margin-left:20 px;
width: 48%;
float: left; 	
}
#droite_event{
position: relative;
padding: 5px;
margin-top: -120px;
margin-right:50 px;
width: 50%;
float: right; 	
}

.cadre_rouge {
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align: center;
	font-weight:bold;
	border-width:1px;
	border-style:solid;
	border-color:FFBFC5;
	background-color:#FFE0E6;
	color:#CC3300;
	width: 400px;
	margin: 0px auto -30px auto;
	font-size : 12px;
	font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
	}
.cadre_vert {
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
text-align: center;
font-weight:bold;
border-width:1px;
border-style:solid;
border-color:#90F780;
background-color:#B3F9BE;
color:#009900;
width: 400px;
	margin: 0px auto -1px auto;
font-size : 12px;
font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
}

.cadre_aide {
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
font-weight:bold;
border-width:1px;
border-style:solid;
border-color:#90F780;
background-color:#B3F9BE;
color:#009900;
width: 70%;
	margin: 0px auto -1px auto;
font-size : 12px;
font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
}

.cadre_contact{
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-style:solid;
	border-color:#c8c8c8;
	border-width:2px;
	background-color:#E8E8E8;
	text-align: center;
}

.cadre_general{
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-style:solid;
	border-color:#666;
	border-width:2px;
	background-color:#E8E8E8;
	text-align: center;
	margin: 0px auto -30px auto;
}

.cadre_saisie_fiche_contact {
	
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align: center;
	
	border-width:1px;
	border-style:solid;
	border-color:#FF9900;
	background-color:#F0F0F0;
	color:#000000;
	width: 95%;
	margin: 0px auto -1px auto;
	font-size : 12px;
	font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
	}

.cadre_info_gris_groupe {
	text-align: center;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	border-width:1px;
	border-style:solid;
	border-color:#505050 ;
	background-color:#EEE;
	color:#000000;
	width: 95%;
	margin: 0px auto -1px auto;
	font-size : 12px;
	font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
	}
.cadre_info_gris_web {
	text-align: center;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	border-width:1px;
	border-style:solid;
	border-color:#00722d ;
	background-color:#B3F9BE;
	color:#000000;
	width: 95%;
	margin: 0px auto -1px auto;
	font-size : 12px;
	font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
	}

.cadre_general_valide{
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-style:solid;
	border-color:#90F780;
	border-width:2px;
	background-color:#B3F9BE;
	text-align: center;
	margin: 0px auto -30px auto;
}

.cadre_dedouble{
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
border-style:solid;
border-color:#fdc583;	
border-width:2px;
background-color:#E8E8E8;
}

.cadre_etape{
	 border-width:1px;
	 border-style:dotted;
	 border-color:#1b5891;
	 background-color:#87c1e7  ;
	 color:#003368;
	 width:150px;
	 font-size:16px;
	 text-align:center;
	 line-height: 50px;
	 font-weight:bold;
	 margin-top:10px;
	 height:50px;
	 margin: 0px auto -30px auto;
 }
 
 .connexion{
	 border-width:0px;
	 border-style:solid;
	 border-color:#444444;
	 background-color:#ffffff  ;
	 color:#9597a4;
	 font-size:16px;
	 line-height: 50px;
	 font-weight:bold;
 }
 
.cadre_explication{
	 border-width:2px;
	 border-style:dotted;
	 border-color:#1b5891;
	 background-color:#e2f0fd    ;
	 color:#003368;
	 width:80%;
	 font-size:12px;
	 font-weight:bold;	 
	 margin: 0px auto -30px auto;
 }

.form_recherche {
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align: center;	
	border-width:1px;
	border-style:solid;
	border-color:#c8c8c8;
	background-color:#ededed;	
	margin: 0px auto -30px auto;
	font-size : 10px;
	font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
	}

.cadre_info_90 {
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align: center;	
	border-width:1px;
	border-style:solid;
	border-color:#A71580;
	background-color:#F2F2F2;
	width: 90%;
	margin: 0px auto -30px auto;
	font-size : 10px;
	font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
	}
	
.cadre_info_70 {
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align: center;	
	border-width:1px;
	border-style:solid;
	border-color:#A71580;
	background-color:#F2F2F2;
	width: 70%;
	margin: 0px auto -30px auto;
	font-size : 10px;
	font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
	}
	
.cadre_info_moncompte_90 {
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-width:1px;
	border-style:solid;
	border-color:#666666;
	background-color:#FFFFFF;
	color:#000000;
	width: 90%;
	margin: 0px auto -1px auto;
	font-size : 12px;
	font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
	}

.cadre_info_50 {
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align: center;	
	border-width:1px;
	border-style:solid;
	border-color:#A71580;
	background-color:#F2F2F2;
	width: 50%;
	margin: 0px auto -30px auto;
	font-size : 10px;
	font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
	}

.cadre_gauche_40 {
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align: center;	
	border-width:1px;
	border-style:solid;
	border-color:#15588c;
	background-color:#b9ddf9  ;
	width: 300px;
	font-size : 10px;
	font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
	}

.cadre_info_gris {
	text-align: center;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	border-width:1px;
	border-style:solid;
	border-color:#CCC;
	background-color:#FFFFFF;
	color:#000000;
	margin: 0px auto -1px auto;
	font-size : 12px;
	font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
	}
	
.cadre__tab {
	text-align: center;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;	
	border-width:0px;
	border-style:solid;
	margin: 0px auto -1px auto;
	}

.cadre_nom_event {
	text-align: center;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	border-width:1px;
	border-style:solid;
	border-color:#15588c ;
	background-color:#b9ddf9  ;
	color:#15588c  ;
	width: 50%;
	margin: 0px auto -1px auto;
	font-size : 12px;
	font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
	}
	
.cadre_nom_adhesion {
	text-align: center;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	border-width:1px;
	border-style:solid;
	border-color:#5c158c ;
	background-color:#dfb9f9  ;
	color:#5c158c  ;
	width: 50%;
	margin: 0px auto -1px auto;
	font-size : 12px;
	font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
	}

.bleu_input {
 border:1px solid #6bc8df;
     color:#189dd5;
     font-size:12px;
	 font-weight: bold;
     font-family:verdana;
 }
.bleu_textarea {
 border:1px solid #6bc8df;
      color:#189dd5;
     font-size:12px;
	 font-weight: bold;
     font-family:verdana;
 }

.blue {
 border:1px solid #6bc8df; 
 }

.blue_h {
	border-top: 1px solid #6bc8df;
 }

.blue_bd {
	border-bottom:1px solid #69F;
	border-right:1px solid #69F; 
 }

.blue_hd {
	border-right:1px solid #69F;
	border-top: 1px solid #69F;
 }

.invisible_input {
 border:0px solid #6bc8df;
      color:#6bc8df;
     font-size:12px;
	 font-weight: bold;
     font-family:verdana;
 }
 .invisible_input_recherche {
 border:0px solid #6bc8df;
      color:#5c5a5a;
     font-size:18px;
     font-family:verdana;
 }
.invisible_textarea {
 border:0px solid #6bc8df;
      color:#6bc8df;
     font-size:12px;
	 font-weight: bold;
     font-family:verdana;
 }

/*****************************************************************************************************/

/************************************   PAGINATION   *************************************************/
	
.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
}

.pagination a {
	/*padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEEEEE;
	text-decoration: none; 
	color: #c10001;
	background-color: #fbfbfb; */
	margin: 3px;
	padding: 3px 8px 3px 8px;
	text-decoration: none; 
	border: solid 1px #32373b;
    background: #3e4347;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));
    background: -moz-linear-gradient(0% 0% 270deg,#565b5f, #3e4347);
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #feffff;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}

.pagination a:hover,
.pagination a:active {
	/*border: 1px solid #c10001;
	color: #000;*/
	text-decoration: none; 
	border: solid 1px #32373b;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #feffff;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
	background: #3d4f5d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
    background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}
.pagination span.active {
	/*padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #c10001;
	font-weight: bold;
	background-color: #c10001;
	color: #FFFFFF;*/
	margin: 6px;
	font: 13px/20px sans-serif;
	font-weight: bold;
	padding: 3px 9px 3px 9px;
	color: #f0f0f0;
	border: none;
    background: #d46a6a;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);
	text-decoration: none; 
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}
.pagination span.inactive {
	padding: 2px 5px 2px 5px;
	margin: 3px;
	border: 1px solid #EEE;	
	color: #e1e1e1;
}

/*****************************************************************************************************/

/************************************     TABLES     *************************************************/

		tr.premiere_ligne { 
	    background: #fff6bb;
		border:solid 1px #333;
	    font-weight:bold;
		font-size:12px;
		color:#000;
		height:30px;
		font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
	}
	
	td.premiere_ligne { 
	    background: #fff6bb;
		border:solid 1px #333;
	    font-weight:bold;
		font-size:12px;
		color:#000;
		height:30px;
		font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
	}
	
	tr.derniere_ligne { 
	    background: #FFC0C8 ;
		border:solid 1px #333;
	    font-weight:bold;
		font-size:11px;
		color:#C30;
		height:30px;
		font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
	}
	
	td.derniere_ligne { 
	    background: #f28fbe ;
		border:solid 1px #333;
	    font-weight:bold;
		font-size:12px;
		color:#000;
		height:30px;
		font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
	}
	
	tr.ligne_mails { 
		
		font-size:10px;
		color:#444;
		font-weight:100;
		font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
	}
	
	tr.total { 
	    background:#FCC;
	    font-weight:bold;
		font-size:12px;
		color:#000;
		height:30px;
	}
	
	tr.titre_brun { 
	    background: #6f6f6f   ;
	    font-weight:bold;
		font-size:12px;
		color:#DDD;
		height:22px;
	}
	
	tr.titre_brun a:hover,
tr.titre_brun a {
	
	color: #fff;
}
	
	table {
	border-collapse:collapse;
	width:99%;
	margin:auto;
	font-weight:bold;
	font-size:11px;
	text-align: center;
	color:#666;
	font-family:Verdana, Geneva, sans-serif;
	 }
	 
	 table.index {
	border-collapse:collapse;
	width:100%;
	margin:auto;
	font-weight:bold;
	font-size:12px;
	text-align: center;
	color:#666;
	font-family:Verdana, Geneva, sans-serif;
	 }
	 
	 table.tab_petit {
	border-collapse:collapse;
	width:70%;
	margin:auto;
	font-weight:bold;
	font-size:11px;
	text-align: center;
	color:#666;
	font-family:Verdana, Geneva, sans-serif;
	 }
	 
	table.tab_connexion {
	border-collapse:collapse;
	width:100%;
	margin:auto;
	font-weight:200;
	font-size:18px;
	text-align: center;
	color:#1a5482;
	font-family:Verdana, Geneva, sans-serif;
	 }
	
	
	input.iconnexion {
	 border:2px solid #1a5482;
	 background-color:#fff;
	 color:#505050 ;
	 }
	 

	 
	 
tr.survol1:hover{background-color:#f3d4d3  ;}
tr.survol2:hover{background-color:#f3d4d3   ;}
tr.survol3:hover{background-color:#B3F9BE;}
tr.survol4:hover{background-color:#ffd5fc;}
tr.survol5:hover{background-color:#DEFF0A;}
tr.survol6:hover{background-color:#6c6964;}
tr.survol7:hover{background-color:#E0E0E0;}

tr.survol0:hover{background-color:#f3d4d3  ;}
tr.survol1 { 
	    background: #ededed;
		border-right: 1px solid #ccc;
	border-bottom: 1px dashed   #ccc;
	padding: 5px;
	line-height: 1.8em;
	font-size: 10px;
	vertical-align: center;
	height:30px;
	font-family:Verdana, Geneva, sans-serif;
	}
	tr.survol2 { 
	    background: #e1e1e1;
		border-right: 1px solid #ccc;
	border-bottom: 1px dashed  #ccc;
	padding: 5px;
	line-height: 1.8em;
	font-size: 10px;
	vertical-align: center;
	height:30px;
	font-family:Verdana, Geneva, sans-serif;
		
	}
		tr.survol3 { 
	    background: #d8f9dd ; 
		border-right: 1px solid #ccc;
	border-bottom: 1px dashed  #ccc;
	padding: 5px;
	line-height: 1.8em;
	font-size: 10px;
	vertical-align: center;
	height:30px;
	font-family:Verdana, Geneva, sans-serif;

	}
	tr.survol4 { 
	    background: #ffe3fd;
		border-right: 1px solid #ccc;
	border-bottom: 1px dashed  #ccc;
	padding: 5px;
	line-height: 1.8em;
	font-size: 10px;
	vertical-align: center;
	height:30px;
	font-family:Verdana, Geneva, sans-serif;

	}
		tr.survol5 { 
	    background: #E9FF91;
		border-right: 1px solid #ccc;
	border-bottom: 1px dashed  #ccc;
	padding: 5px;
	line-height: 1.8em;
	font-size: 10px;
	vertical-align: center;
	height:30px;
	font-family:Verdana, Geneva, sans-serif;

	} 
	
	tr.survol6 { 
	    background: #a9a49c;
		border-right: 1px solid #ccc;
	border-bottom: 1px dashed  #ccc;
	padding: 5px;
	line-height: 1.8em;
	font-size: 10px;
	vertical-align: center;
	height:30px;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	}
	
	tr.survol0 { 
		border-right: 1px solid #ccc;
	border-bottom: 1px dashed   #ccc;
	padding: 5px;
	line-height: 1.8em;
	font-size: 10px;
	vertical-align: center;
	height:30px;
	font-family:Verdana, Geneva, sans-serif;
	}
/*****************************************************************************************************/



 a img
{
border: none;
} 

 a { color:#15588c; text-decoration:underline; font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:12px  } 
 a:hover { color:#62a6cd ; text-decoration:underline; font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:12px } 

 a.tab { color:#000000; text-decoration:none; font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:12px  } 
 a.tab:hover { color:#000000; text-decoration:none; font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:12px } 
 
 a.wiki { color:#FFFFFF; text-decoration:none; font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:12px  } 
 a.wiki:hover { color:#FFFFFF; text-decoration:none; font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:12px } 
 
 a.statut { color:#000000; text-decoration:none;font-weight:300;font-family:Verdana, Geneva, sans-serif;font-size:8px  } 
 a.statut:hover { color:#555555; text-decoration:none; font-weight:600;font-family:Verdana, Geneva, sans-serif;font-size:8px } 
 
tr.premiere_ligne a { color:#8d432a ; text-decoration:underline; font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:12px  } 
tr.premiere_ligne a:hover { color:#d38b59 ; text-decoration:underline; font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:12px } 

tr.survol1 a { color:#505050   ; text-decoration:underline; font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:12px  } 
tr.survol1 a:hover { color:#7f7f7f   ; text-decoration:underline; font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:12px }

tr.survol2 a { color:#505050   ; text-decoration:underline; font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:12px  } 
tr.survol2 a:hover { color:#7f7f7f   ; text-decoration:underline; font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:12px }

tr.survol3 a { color:#276325  ; text-decoration:underline; font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:12px  } 
tr.survol3 a:hover { color:#386950  ; text-decoration:underline; font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:12px } 

tr.survol4 a { color:#453a67   ; text-decoration:underline; font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:12px  } 
tr.survol4 a:hover { color:#614774   ; text-decoration:underline; font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:12px }

tr.survol6 a { color:#2b2d2a     ; text-decoration:underline; font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:12px  } 
tr.survol6 a:hover { color:#a9a49c    ; text-decoration:underline; font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:12px }

.titre{
	font-size:16px;
	font-weight:bold; 
	color:#000;
	font-family:Verdana, Geneva, sans-serif;	
}

.texte_normal{
	font-size:11px;
	font-weight:bold; 
	color:#666;
	font-family:Verdana, Geneva, sans-serif;	
}


.titre_rouge{
	font-size:14px;
	font-weight:bold; 
	color:#c10001;
	font-family:Verdana, Geneva, sans-serif;	
}

.titre_grand{
	font-size:20px;
	font-weight:bold; 
	color:#039;
	font-family:Verdana, Geneva, sans-serif;	
}

.drapeau_ssmenu{
position:absolute;
top:44px;
right:0px;
width:80px;
}

.menu_aide{
position:absolute;
top:80px;
right:0px;
width:80px;
}

.initiales{
position:absolute;
top:2px;
left:2px;
}

.bt_modifier{
     border:none;
     color:#fff;
     background: transparent url('../images/modifier_petit.png') no-repeat top left;
     width:24px;
     height:24px;	 
}
.bt_supprimer{
     border:none;
     color:#fff;
     background: transparent url('../images/supprimer_petit.png') no-repeat top left;
     width:24px;
     height:24px;
}

.bt_code_barre{
     border:none;
     color:#fff;
     background: transparent url('../images/code_barre_icone.png') no-repeat top left;
     width:50px;
     height:48px;
}

.bas_page{
	background-color: rgba(32, 32, 32, 0.6);
	position: fixed;
	margin-left: -10px ;
    bottom: 0;
	width:300px;
}

.barre-bas{
background : #505050;
height : 40px;
position : fixed;
bottom : -10px;
width : 100%;
left : 0;
overflow:hidden;
} 

.loader{
	background: url('images/chargement_eventime.gif') 50% 50% no-repeat rgba(255, 255, 255, 0.8);
	cursor: wait;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}
.loader h1{
	background: none;
	border: none;
	color: #458976;
	font-size: 22px;
	font-family: "Open Sans",sans-serif;
	font-variant: small-caps;
	font-weight: 700;
	height: 700px;
	line-height: 700px;
	margin: 0 0 10px;
	padding: 0;
	text-align: center;
}

#scrollToTop a{ position: fixed; right: 20px; bottom: 10px; background-color: rgb(255,255,255); /** rgba fallback**/ background-color: rgba(255,255,255, 0.7); padding: 7px 10px; border: 1px solid #000; } #scrollToTop a:hover{ box-shadow: 0px 0px 5px #222; -moz-box-shadow: 0px 0px 5px #222; -webkit-box-shadow: 0px 0px 5px #222; text-decoration: none !important; }


.tooltip
{
  position: relative;
  background: #eaeaea;
  cursor: help;
  display: inline-block;
  text-decoration: none;
  color: #666;
  outline: none;
}

.tooltip span
{
  visibility: hidden;
  position: absolute;
  bottom: 30px;
  left: 50%;
  z-index: 999;
  width: 230px;
  margin-left: -127px;
  padding: 10px;
  border: 2px solid #e1ca82;
  opacity: .9;
  background-color: #ffeaa6;
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

.tooltip:hover
{
  border: 0; /* IE6 fix */
}

.tooltip:hover span
{
  visibility: visible;
}

.tooltip span:before,
.tooltip span:after
{
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0;
}

.tooltip span:before
{
  border-top-color: #e1ca82;
  bottom: -8px;
}

.tooltip span:after
{
  border-top-color: #ffeaa6;
  bottom: -8px;
}

[data-tooltip] {
    display: inline-block;
    position: relative;
    cursor: help;
    padding: 4px;
}
/* Tooltip styling */
[data-tooltip]:before {
    content: attr(data-tooltip);
    display: none;
    position: absolute;
    background: #000;
    color: #fff;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 1.4;
    min-width: 100px;
    text-align: center;
    border-radius: 4px;
}
/* Dynamic horizontal centering */
[data-tooltip-position="top"]:before,
[data-tooltip-position="bottom"]:before {
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
/* Dynamic vertical centering */
[data-tooltip-position="right"]:before,
[data-tooltip-position="left"]:before {
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
[data-tooltip-position="top"]:before {
    bottom: 100%;
    margin-bottom: 6px;
}
[data-tooltip-position="right"]:before {
    left: 100%;
    margin-left: 6px;
}
[data-tooltip-position="bottom"]:before {
    top: 100%;
    margin-top: 6px;
}
[data-tooltip-position="left"]:before {
    right: 100%;
    margin-right: 6px;
}

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
    content: '';
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position="top"]:after,
[data-tooltip-position="bottom"]:after {
    left: 50%;
    margin-left: -6px;
}
/* Dynamic vertical centering for the tooltip */
[data-tooltip-position="right"]:after,
[data-tooltip-position="left"]:after {
    top: 50%;
    margin-top: -6px;
}
[data-tooltip-position="top"]:after {
    bottom: 100%;
    border-width: 6px 6px 0;
    border-top-color: #000;
}
[data-tooltip-position="right"]:after {
    left: 100%;
    border-width: 6px 6px 6px 0;
    border-right-color: #000;
}
[data-tooltip-position="bottom"]:after {
    top: 100%;
    border-width: 0 6px 6px;
    border-bottom-color: #000;
}
[data-tooltip-position="left"]:after {
    right: 100%;
    border-width: 6px 0 6px 6px;
    border-left-color: #000;
}
/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    display: block;
    z-index: 50;
}