/* 
bleu BG
#5C91C6
bleu pale D1DAFC

*/
body { 
  margin: 0; /* pour éviter les marges */
  margin-top:0px;
  font-family:Calibri,Arial, Helvetica, sans-serif;
  
	background-color:#1B1B1D;
	
	background:#1B1B1D url(../images/bg/photo.jpg) center top repeat;
	font-size:1.2em;
	
	
}

.milieu_1 li { line-height:25px;  padding-bottom:10px;  
/*display : list-item;
 list-style-image : url(../images/fleur1.jpg); */
 }
.milieu_1 h1 {  font-size:40px; margin-top:0px; }
.milieu_1 { /*font-size:16px;*/ }


.logo_m { position:absolute; top:-22px; left:-53px; }
.logo_m img {/*width:400px; */}

h2.titre1 { color:white; font-size:37px; line-height:55px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  }



.top-titre, h1, h2, h3, h4, h5, h6 {
 font-family: 'Parisienne',Geneva, Arial, Helvetica, cursive;
 }

.col_1 h2 { font-size:44px; margin-bottom:0px; margin-top:5px;}
.col_1 h3 { font-size:29px;}
.top-titre {

 background: rgba(255, 255, 255, 0.75);
 border:1px solid white;
margin:0px;
margin-top:15px;
 	border-radius: 25px;
 width:315px; 
 padding:10px 20px 10px 30px;
 color:#000000;
 font-size:46px;
/* font-family:'Parisienne',Geneva, Arial, Helvetica, sans-serif;*/


}

.coul2 { color:#05703A !IMPORTANT; text-decoration:none; font-size:16px; font-weight:bold; text-align:right; display:block; }

.top_membre .largeur_site { padding-left:280px; width: 780px; }

.aff_print  { display: none;}

.top_membre {
	background-color: #084573;
	margin-bottom:55px;
	color: white;
	height: 35px;
	line-height: 35px;
	font-size: 16px;

}
.top_membre a {
	padding: 5px 10px;
	text-decoration: none;
	border-left:1px dashed  #777777;
}
.top_membre a:hover 
{
	
}
.milieu_1{}

.boite_menu { text-decoration:none; border:3px solid #084573; background-color:#FFFFCC; border-radius: 10px; padding:10px; margin:20px 0px;}
.col_1 a:link.boite_menu { color:#000000; }

.important { background-color:#FFFF66; border:1px solid black; padding:10px;  }

.lien_langue { background-color:#003b6a; color:white !important; padding:6px 12px; margin-top:40px; border:1px solid white; text-decoration:none !important; }

.lien_facebook {position:absolute;  right:0px; top: -20px;}
.lien_facebook img {padding:6px 0px 6px 26px;}


ul.roue li { list-style:none; background:url(../images/roue.png) 0px 0px no-repeat; padding-left:33px; padding-bottom:12px; padding-top:2px; }

.col_1 { width:209px; float:right; margin-top:135px; background-color:#FFFFFF; padding:10px;  background: rgba(255, 255, 255, 0.75); 
border-radius:25px; border:2px solid white;

  }
  
  
  .col_1 a {font-size:16px; }
  
.col_2 { width:730px; float:left; margin-top:51px;  }

/* titre page haut */
.bbig {
font-size:56px; 
line-height:56px; 
margin:5px 0px; 
padding:20px 20px 20px 0px; 

letter-spacing:5px; 

}
.bbig a { color:#003B6A; text-decoration:none; }
.bbig a:hover { color:#5C91C6; }


#tout{
/*
background: rgba(0, 0, 0, 0.6); 
*/
}


.milieu {
background-color:#FFFFFF;

border-radius: 0px 25px 25px 25px;
background: rgba(255, 255, 255, 0.95);

clear:both;
padding:20px;
}
.bas_signature { padding:30px 0px;  font-size:12px; 


 }
.bas_signature a { text-decoration:none; color:white;  padding:8px; padding-left:5px;  }
.bas_signature a:hover { color:black; background-color:white;   }

.bas_signature2 {background: rgba(0, 0, 0, 0.75); border:1px solid black; border-radius:10px; color:white; line-height:30px; padding-left:15px; }

/*9 terterte */

.largeur_site { 
  margin-left: auto; 
  margin-right: auto; 
  width: 980px;
  position:relative;
  text-align: left;
}


.date1 { color:#CCCCCC; font-family:Helvetica, sans-serif;  font-size:30px; letter-spacing:-1px; }

.logo { padding:40px 50px 0px 0px;  margin:0px;  }

img { border:0px; }

.cacher { display:none; }

.milieu a:link,  .milieu a:visited, .col_1 a:link , .col_1 a:visited
{
	color:#003b6a; 
}
.milieu a:visited:hover,.milieu a:hover, a.lien_langue:hover,
.col_1 a:visited:hover , .col_1 a:hover { text-decoration:none; 
 background-color:#D1DAFC; }


.menu a:link, .menu a:hover, .menu a:visited, .menu a:visited:hover, .menu a:hover
{
	color:black; text-decoration:none;
}
.menu a:visited:hover, .menu a:hover { color:#000; }

ul.menu li { 
position:relative;
font-weight:bold;

float:left;  
font-size:14px;  
line-height:33px;  
display:block; 

left:0px;
bottom:-3px;
margin-right:15px;


/*

border-bottom:3px solid white;
*/
}



ul.menu li a, .boite_2 h3 div  { 
display:block; 
float:left; 
height:36px;
letter-spacing:1px;



border-bottom:0px;
padding-left:10px;
padding-right:10px;

}
 ul.menu li span, .boite_2 h3 span { 
 
 display:none; 
 }  
 
 ul.menu li ul li a { border:0px; }
 
 ul.menu li.actif a, ul.menu li:hover a,  .boite_2 h3 div { /*background-color:white; */ }

  ul.menu li.actif a,   ul.menu li a:hover,   .boite_2 h3 div { background-color:white; border:3px solid white; border-radius: 10px 10px 0px 0px;   }
  
  
  ul.menu li a, .boite_2 h3 div  { 
background-color:#CCCCCC;  /* 1 */
border:3px solid #CCCCCC;
margin-bottom:3px;
border-radius: 10px 10px 0px 0px;

color:#000000 !IMPORTANT; /* 2 */
}

  
 ul.menu li.actif span, ul.menu li:hover span,  .boite_2 h3 span{ display:none;}
 

ul.menu li ul li { width:130px; }
ul.menu li ul li a {padding-right:0px; width:130px; display:block; background:none;}


ul.menu ul { display: none;}

ul.menu ul li.li_ss ul{ display: none;}
ul.menu ul li.li_ss:hover ul { display:block; }

ul.menu li:hover ul.sous_m {display:block; }



ul.menu, ul.menu ul  { padding:0px; margin:0px;}

.sous_m { position:absolute; top: 36px; left:0px; }
ul.menu ul li { padding:0px 0px 0px 5px;   border-top:0px;  border-collapse:collapse; }
.sous_m li:hover  { /*background-color:#D1DAFC; color: white; */  }
ul.menu ul li.debut { border-top:1px solid #d0d0d0; }

.sous_m li:hover a { background:none; } 


.sous_sous_m { position:absolute; top: -8px; left:138px; }
.sous_sous_m li:hover a { background:none; } 


.actif { color:black !important; }




.ie_patch { display:none; }



table { border-collapse:collapse; }
th { background-color:#003b6a; color:white;}
td, th { padding:6px 10px; border:2px solid black; text-align:center; }
td.td1 { text-align:left; }


table.small_tab {font-size:12px; }
table.small_tab tr td, table.small_tab tr th { padding:3px 1px; border:1px solid black;  }


.tr1 { background-color:#FFFFFF; }
.tr2 { background-color:#F0F0F0; }
.tr3 { background-color:#FFFFCC;}

.boite_2 { margin-left:6px; font-size:14px; }

.boite_2 h3 { line-height:36px; clear:both; bottom:-4px; left:12px; position:relative; }
.boite_2 h3 div { padding-left:20px; padding-right:9px;  }

.txt0 { margin-bottom:6px; margin-right:10px; }
.txt1 { margin-bottom:10px; }

.boite_2 div.boite3 { clear:both; border:4px solid black; margin:0px; background-color:#DBDDBF; padding:8px; }
.img1 {  border:2px solid #DBDDBF;}
a:hover .img1 {background-color:white;  border:2px solid #003b6a;}



.h2_or, .h2_argent , .h2_bronze {  letter-spacing: 2px; }

.h2_or {border-bottom: 10px solid #f3cc2f;  font-size: 32px; color: #f3cc2f; }
.h2_argent {border-bottom: 10px solid #bbb8ac; color: #bbb8ac; font-size: 26px; }
.h2_bronze {border-bottom: 10px solid #925e3a; color: #925e3a; font-size: 22px; }



/* Boites messages */

div.msg_erreur, div.msg_correct, div.msg_info {
	margin: 30px 0px 30px 0px;
	padding: 24px 20px 24px 100px;
	text-shadow: 0px 1px 0px rgba(255,255,255,1);
}

div.msg_erreur {
	background: #FFE6DF url("../images/icone/i-avertissement.png") 15px 15px no-repeat;
	border: 1px solid #FFD9CF;
	border-radius:8px; 

}

div.msg_correct {
	background: #d0fce4 url("../images/icone/i-check.png") 15px 15px no-repeat;
	border: 1px solid #009345;
	border-radius:8px; 
	font-size:22px;
	line-height:35px;
}

div.msg_info {
	background: #cfe6ff url("../images/icone/i-info.png") 15px 15px no-repeat;
	border: 1px solid #386ebf;
border-radius:8px; 
}


.annee a, .annee strong { padding: 8px; font-size: 18px; margin-right: 5px; line-height:35px; }

form.valider input:focus:invalid, form.valider textarea:focus:invalid { /* when a field is considered invalid by the browser */
    background: #fff url(../images/exclamation.png) no-repeat 98% center;
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}

form.valider input:required, form.valider textarea:required {
    background: #fff url(../images/pencil.png) no-repeat 98% center;
}

form.valider input:required:valid, .form.valider  textarea:required:valid { /* when a field is considered valid by the browser */
    background: #fff url(../images/accept.png) no-repeat 98% center;
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}

.h2_th {padding: 0px; margin: 0px; font-size: 36px;}


.photo1, .photo2 {float:right; padding:30px 130px 10px 10px; }
.photo2 { padding-right:30px; }

/*######## Smart Green ########*/
.smart-green {
margin-top:30px;
   
    max-width: 500px;
    background: #F8F8F8;
    padding: 30px 30px 20px 30px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #666;
    border-radius: 5px;
	border:1px solid #9DC45F;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.smart-green h1 {
    font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 20px 0px 20px 40px;
    display: block;
    margin: -30px -30px 10px -30px;
    color: #FFF;
    background: #9DC45F;
    text-shadow: 1px 1px 1px #949494;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-bottom:1px solid #89AF4C;

}
.smart-green h1>span {
    display: block;
    font-size: 11px;
    color: #FFF;
}

.smart-green label {
    display: block;
    margin: 0px 0px 5px;
}
.smart-green label>span {
    float: left;
    margin-top: 10px;
    color: #5E5E5E;
}
.smart-green input[type="text"], .smart-green input[type="email"], .smart-green textarea, .smart-green select {
    color: #555;
    height: 30px;
    line-height:15px;
    width: 100%;
    padding: 0px 0px 0px 10px;
    margin-top: 2px;
    border: 1px solid #E5E5E5;
    background: #FBFBFB;
    outline: 0;
    -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    font: normal 14px/14px Arial, Helvetica, sans-serif;
}
.smart-green textarea{
    height:100px;
    padding-top: 10px;
}
.smart-green select {
    background: url('down-arrow.png') no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
    background: url('down-arrow.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
   appearance:none;
    -webkit-appearance:none;
   -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width:100%;
    height:30px;
}
.smart-green .button {
    background-color: #9DC45F;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;
    border: none;
    padding: 10px 25px 10px 25px;
    color: #FFF;
    text-shadow: 1px 1px 1px #949494;
}
.smart-green .button:hover {
    background-color:#80A24A;
}