body {
	background-color: #706a64;
}



.blanc {
	color: white !important;
}

.red {
	color: red !important;
}

.titreactu {
	    font-weight: bold;
    font-size: 16px;
    color: #993300;
    padding:8px;
    text-align:center;	
}	
.corpsactu {
	 
    padding:12px;
    text-align:center;	
}

.parentactu {
	min-height: 175px;
    position: relative;
    width: 400px;
    float: left;
   
 
}
#containeractu {
	height:175px;
	text-align: left;
    position: absolute;
    
}

.enfantactu {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
}	
.actu {
    
    right: 80px;
    width: 400px;
    background-color: white;
     height: 200px;
     opacity:0;
     transform: perspective(2000px) rotateX(45deg);
      transform: moz-perspective(2000px) rotateX(45deg);
     overflow:hidden;
   
   
}

.actuanimated {
    animation-duration: 1000ms;
    animation-name: actu;
    animation-timing-function: ease-in-out;
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
}

.containeragenda {
	width: 900px;
	height: 120px;
}	
.agenda {
    
    right: 80px;
    width: 200px;
    background-color: white;
     height: 100px;
     /*opacity:0;*/
     float:left;
     margin-right: 25px;
     margin-top: 10px;
     
     
   
   
   
}
.ent_agenda {
	 position:absolute;
	 background-color: #5a4d3d;
	  width: 200px;
	  height:24px;
	 
}
.ent_agenda img{
    padding-top: 2px;
    padding-left: 4px;
}
.agenda p{
    margin-top: 24px;
    padding: 6px;
}
@keyframes actu {
    from {transform: perspective(2000px) rotateX(45deg);opacity:0;}
    to {transform: perspective(2000px) rotateX(0deg);opacity:1;}
}

#content {
	
	margin-top:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5A4D3D;

}

#content a {
font-family: Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
	color: #5A4D3D;

}

 
a.lien1
  {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5A4D3D;

  }
  
  
table a {
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5A4D3D;

}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5A4D3D;
}



h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #5A4D3D;
	text-align: center;
}
.m1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #5A4D3D;
	font-weight:bold;
	text-align: center;
}
.m2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5A4D3D;
	font-weight:bold;
	text-align: center;
}


.p1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5A4D3D;
	font-weight: bold;
}

.p2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5A4D3D;
	
}

.p1v2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5A4D3D;
	font-weight: bold;
	line-height: 15px;
}

.p2v2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5A4D3D;
	line-height: 15px;
}

#contentback {
	margin-top:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5A4D3D;
	
}

contentback.h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5A4D3D;
}



#content_f {
	margin-left:15px;
	margin-top:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5A4D3D;
}

#header {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -600px;
	width: 1200px;
	background-color: #FFFFFF;
	height: 160px;
	
}

#header a img

{

  border:  none ;

}



#footer {
	position: absolute;
	left: 50%;
	margin-left: -600px;
	width: 1200px;
	 
	
	
	background-color: #706a64;
}






#barremenu {
	position: absolute;
	top: 160px;
	left: 50%;
	margin-left: -600px;
    padding-left: 20px;

	width: 1180px;
	background-color: #FFFFFF;
	height: 30px;
	background-image: url(../images/motif-navH.jpg);
	background-repeat: repeat-x;
}
#barremenu_g {
	position: absolute;
	top: 160px;
	left: 50%;
	margin-left: -450px;
	width: 20px;
	background-color: #FFFFFF;
	height: 30px;
	background-image: url(../images/coin-G.jpg);
	
}
#barremenu_d {
	position: absolute;
	left: 50%;
	top: 160px;
	margin-left: 580px;
	width: 20px;
	background-color: #FFFFFF;
	height: 30px;
	background-image: url(../images/coin-D.jpg);
	
}

#barremenubo {
	position: absolute;
	top: 160px;
	left: 50%;
	margin-left: -600px;
	width: 1100px;
	background-color: #FFFFFF;
	height: 30px;
	background-image: url(../images/motif-navH-bo.jpg);
	background-repeat: repeat-x;
	padding-left:100px;
}
#barremenubo_g {
	position: absolute;
	top: 160px;
	left: 50%;
	margin-left: -600px;
	width: 20px;
	background-color: #FFFFFF;
	height: 30px;
	background-image: url(../images/coin-G-bo.jpg);
	
}
#barremenubo_d {
	position: absolute;
	left: 50%;
	top: 160px;
	margin-left: 730px;
	width: 20px;
	background-color: #FFFFFF;
	height: 30px;
	background-image: url(../images/coin-D-bo.jpg);
	
}

#identification {
	position: absolute;
	left: 50%;
	top: 190px;
	margin-left: -450px;
	width: 900px;
	background-color: #5a4d3d;
	height: 30px;
	
	
	
	
}


#motdepasse {
	position: absolute;
	left: 50%;
	top: 220px;

	width: 900px;
	background-color: #5a4d3d;
	height: 30px;
	margin-left: -450px;
}
#motdepasse_cache {
	position: absolute;
	top: 190px;
	
	position: absolute;
	left: 50%;
	top: 220px;

	width: 900px;
	background-color: #5a4d3d;
	height: 30px;
	margin-left: -450px;
	
	visibility:hidden;
	
	
	
	
}



#identificationextra  {
	position: absolute;
	left: 50%;
	top: 190px;
	margin-left: -600px;
	width: 1200px;
	background-color: #5a4d3d;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-indent: 20px;
	padding-top:6px;

}

table#tb_identificationextra {
    background-color: #5a4d3d;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	

}

#identificationextra a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	color: #FFFFFF;
	text-decoration: none;
	
}
#identificationextra a:hover { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	color: #FFFFFF;
   text-decoration: underline; 
}



#menugauche {
	position: absolute;
	left: 50%;
	top: 250px;
	margin-left: -550px;
	width: 220px;
	background-color: #FFFFFF;

	
	
}

#menugaucheextra {
	position: absolute;
	left: 50%;
	top: 220px;
	margin-left: -600px;
	width: 220px;
	background-color: #FFFFFF;
	
	
}





#contenuextra {
	position: absolute;
	left: 50%;
	top: 220px;
	margin-left: -380px;
	width: 980px;
	background-color: #d9d5d1;

	
	
}

#contenuback {
	position: absolute;
	left: 50%;
	top: 220px;
	margin-left: -600px;
	width: 1050px;
	background-color: #d9d5d1;
	padding-left:150px;

	
	
}

#barre_gauche {
     width: 220px;
     height: 1px;
	 margin-left: 0px;
	 margin-top: 40px;
	 
     background: transparent url(../images/filetvert.jpg) no-repeat;
}

#html_droite {
	width: 680px;
	margin-left: -230px;
	top: 250px;
	left: 50%;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #d9d5d1;
	
	
}

#html_droite_include a img {

  border:  none ;

}








.barre_droite {
	width: 930px;
	height: 1px;
	margin-left: 20px;
	margin-top: 11px;
	background: url(../images/filetmarron.jpg) repeat-x;
	
}


.html_droite_back {
	width: 880px;
	margin-left: 20px;
	margin-top: 28px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
}
.barre_droite_back {
     width: 870px;
     height: 1px;
	 margin-left: 20px;
	 margin-top: 16px;
	 position: absolute;
     background: url(../images/filetmarronback.jpg) no-repeat;
}


.valider_gauche {
	
	
	margin-top: 1px;

}



#html_droite_include {
	
	
	width: 640px;
	margin-left: -360px;
	top: 300px;
	left: 50%;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #d9d5d1;
	
}

#html_droite_include_extra {
	
	
	width: 640px;
	margin-left: -360px;
	top: 270px;
	left: 50%;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #d9d5d1;
	
}

.ht1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #5A4D3D;
	top: 290px;
	line-height:30px;
}

.pt1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #5A4D3D;
}

.ct1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #5A4d3d;
	
	
}

.ct2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	
}

.ct2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
	
	
}

.ct3{
	font-size: 11px;
	color: #5A4D3D;
	font-weight:bold;
	text-decoration:none;
	margin-left:350px;
	
}


.ct3 a{
	font-size: 11px;
	color: #5A4D3D;
	font-weight:bold;
	text-decoration:none;
	
}

.ct3 a:hover{
	font-weight:bold;
	text-decoration: underline; 
	
}

.ct3nb{
	font-size: 11px;
	color: #5A4D3D;
 	text-decoration:none;
	
}


.ct3nb a{
	font-size: 11px;
	color: #5A4D3D;
 	text-decoration:none;
	
}

.ct3nb a:hover{
 	text-decoration: underline; 
	
}


.ct4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #FFFFFF;
	
}

.home_droite {
	
	
	margin-top: 13px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #008885;
	
}

.home_droite a img

{

  border:  none ;

}



.home_gauche {
	width: 5px;
	margin-left: 20px;
	margin-top: 4px;
	background: transparent url(../images/fleverte.jpg) no-repeat;
	padding-left: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #008885;
}	

.extra_gauche_ent {
	
	margin-left: 20px;
	margin-top: 14px;
	margin-bottom: 10px;
	background: transparent url(../images/puceverte.jpg) no-repeat;
	padding-left: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #7eb736;
}	

.extra_gauche_ent a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #7eb736;
	text-decoration: none;     

}
.extra_gauche_ent a:hover { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #7eb736;
   text-decoration: underline; 
}


.extra_gauche_rub {
	
	margin-left: 24px;
	margin-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5a4d3d;
}	

.extra_gauche_rub a {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5a4d3d;
	text-decoration: none;     

}
.extra_gauche_rub a:hover { 
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5a4d3d;
   text-decoration: underline; 
}


.extra_droite_rub {
	
	margin-left: 8px;
	margin-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5a4d3d;
}	

.extra_droite_rub a {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5a4d3d;
	text-decoration: none;     

}
.extra_droite_rub a:hover { 
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5a4d3d;
   text-decoration: underline; 
}



.home_gauche a {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #008885;
	text-decoration: none;     

}
.home_gauche a:hover { 
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #008885;
   text-decoration: underline; 
}


.rollover_esp {
     width: 200px;
     height: 30px;
	 margin-left: 0px;
	 margin-top: 0px;
	 position: absolute;
     background: transparent url(../images/espaceadherent.jpg) no-repeat;
}

.rollover_dec {
     width: 200px;
     height: 30px;
	 margin-left: 0px;
	 margin-top: 0px;
	 position: absolute;
     background: transparent url(../images/deconnexion.jpg) no-repeat;
}

.rollover_dec a {
     display: block;
     width: 100%;
     height: 100%;
     background: url(../images/deconnexion.jpg) no-repeat;
}
.rollover_pre {
     width: 180px;
     height: 30px;
	 margin-left: 200px;
	 margin-top: 0px;
	 position: absolute;
     background: transparent url(../images/presentation-on.jpg) no-repeat;
}
.rollover_pre a {
     display: block;
     width: 100%;
     height: 100%;
     background: url(../images/presentation-off.jpg) no-repeat;
}

.rollover_pre a:hover { /* masquage de lien.jpg au survol */
     background: transparent none;
}

.rollover_mis {
     width: 120px;
     height: 30px;
	 margin-left: 380px;
 	 margin-top: 0px;
	 position: absolute;
     background: transparent url(../images/missions-on.jpg) no-repeat;
}
.rollover_mis a {
     display: block;
     width: 100%;
     height: 100%;
     background: url(../images/missions-off.jpg) no-repeat;
}

.rollover_mis a:hover { /* masquage de lien.jpg au survol */
     background: transparent none;
}

.rollover_pro {
	width: 110px;
	height: 30px;
	margin-left: 500px;
	margin-top: 0px;
	position: absolute;
	background: transparent url(../images/produits-on.jpg) no-repeat;
	padding-left: 2px;
}
.rollover_pro a {
     display: block;
     width: 100%;
     height: 100%;
     background: url(../images/produits-off.jpg) no-repeat;
}

.rollover_pro a:hover { /* masquage de lien.jpg au survol */
     background: transparent none;
}


.rollover_chi {
     width: 96px;
     height: 30px;
	 margin-left: 610px;
 	 margin-top: 0px;
	 position: absolute;
     background: transparent url(../images/chiffrescles-on.jpg) no-repeat;
}
.rollover_chi a {
     display: block;
     width: 100%;
     height: 100%;
     background: url(../images/chiffrescles-off.jpg) no-repeat;
}

.rollover_chi a:hover { /* masquage de lien.jpg au survol */
     background: transparent none;
}



.rollover_bo_car {
     width: 121px;
     height: 30px;
	 margin-left: 0px;
	 margin-top: 0px;
	 position: absolute;
     background: transparent url(../images/carnet_adresse_on2.png) no-repeat;
}

.rollover_bo_car a {
     display: block;
     width: 100%;
     height: 100%;
     background: url(../images/carnet_adresse_off2.png) no-repeat;
}

.rollover_bo_car a:hover { /* masquage de lien.jpg au survol */
     background: transparent none;
}

.rollover_bo_doc {
     width: 163px;
     height: 30px;
	 margin-left: 121px;
	 margin-top: 0px;
	 position: absolute;
     background: transparent url(../images/documents_on2.png) no-repeat;
}
.rollover_bo_doc a {
     display: block;
     width: 100%;
     height: 100%;
     background: url(../images/documents_off2.png) no-repeat;
}

.rollover_bo_doc a:hover { /* masquage de lien.jpg au survol */
     background: transparent none;
}


.rollover_bo_for {
     width: 91px;
     height: 30px;
	 margin-left: 284px;
 	 margin-top: 0px;
	 position: absolute;
     background: transparent url(../images/formulaires_on2.png) no-repeat;
}
.rollover_bo_for a {
     display: block;
     width: 100%;
     height: 100%;
     background: url(../images/formulaires_off2.png) no-repeat;
}

.rollover_bo_for a:hover { /* masquage de lien.jpg au survol */
     background: transparent none;
}


.rollover_bo_par {
     width: 132px;
     height: 30px;
	 margin-left: 370px;
 	 margin-top: 0px;
	 position: absolute;
     background: transparent url(../images/partie_reglementaire_on2.png) no-repeat;
}
.rollover_bo_par a {
     display: block;
     width: 100%;
     height: 100%;
     background: url(../images/partie_reglementaire_off2.png) no-repeat;
}

.rollover_bo_par a:hover { /* masquage de lien.jpg au survol */
     background: transparent none;
}

.rollover_bo_res {
     width: 141px;
     height: 30px;
	 margin-left: 502px;
 	 margin-top: 0px;
	 position: absolute;
     background: transparent url(../images/resultats_stat_on2.png) no-repeat;
}
.rollover_bo_res a {
     display: block;
     width: 100%;
     height: 100%;
     background: url(../images/resultats_stat_off2.png) no-repeat;
}

.rollover_bo_res a:hover { /* masquage de lien.jpg au survol */
     background: transparent none;
}

.rollover_bo_let {
     width: 141px;
     height: 30px;
	 margin-left: 643px;
 	 margin-top: 0px;
	 position: absolute;
     background: transparent url(../images/lettre_info_on2.png) no-repeat;
}
.rollover_bo_let a {
     display: block;
     width: 100%;
     height: 100%;
     background: url(../images/lettre_info_off2.png) no-repeat;
}

.rollover_bo_let a:hover { /* masquage de lien.jpg au survol */
     background: transparent none;
}

.rollover_bo_faq {
     width: 42px;
     height: 30px;
	 margin-left: 784px;
 	 margin-top: 0px;
	 position: absolute;
     background: transparent url(../images/faq_on2.png) no-repeat;
}
.rollover_bo_faq a {
     display: block;
     width: 100%;
     height: 100%;
     background: url(../images/faq_off2.png) no-repeat;
}

.rollover_bo_faq a:hover { /* masquage de lien.jpg au survol */
     background: transparent none;
}


.rollover_bo_div {
     width: 47px;
     height: 30px;
	 margin-left: 826px;
 	 margin-top: 0px;
	 position: absolute;
     background: transparent url(../images/divers_on2.png) no-repeat;
}
.rollover_bo_div a {
     display: block;
     width: 100%;
     height: 100%;
     background: url(../images/divers_off2.png) no-repeat;
}

.rollover_bo_div a:hover { /* masquage de lien.jpg au survol */
     background: transparent none;
}

.champ_login {
  	 margin-left: 20px;
	 margin-top: 7px;
	 
     
}

.champ_password {
  	 margin-left: 20px;
	 margin-top: 26px;
	 position: absolute;
     
}


input.identification_l {
  
	border:0px solid black;
	background-color:#91877a;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	font-size: 11px;
	padding-left: 2px;
	 margin-left: 20px;
	 margin-top: 7px;
	
	 }
	
 input.identification_p {
	
	border:0px solid black;
	background-color:#91877a;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	font-size: 11px;
	padding-left: 2px;
	margin-left: 20px;
	 margin-top: 4px;
	}	
	
	 input.valider {
     margin-left: 20px;
	 margin-top: 10px;
	 position: absolute; 
	
    }
	
	
	#identification_bad {
     margin-left: 228px;
	 margin-top: 18px;
	 position: absolute; 
	border:0px solid black;
	
	font-family:Arial, Helvetica, sans-serif;
	color:yellow;
	font-size: 11px;
	padding-left: 2px;
	height:20 px;
	 }

#image_float_droit {
	float:right;
	width: 100px;
}

/** prob date picker js **/
.x-date-picker {
	width: 185px;
}