body {margin: 0px; padding: 0px;background-color:#252525;text-align:center;
  }
  

 
.centrer2 {
     position:absolute;
     left: 50%; 
     top: 40%;
     width: 800px;
     height: 420px;
     margin-top: -290px; /* moitié de la hauteur */
     margin-left: -400px; /* moitié de la largeur */
     border: none;
     }
	 .centrer3 {
     position:absolute;
     left: 50%; 
     top: 40%;
     width: 800px;
     height: 420px;
     margin-top: -290px; /* moitié de la hauteur */
     margin-left: -400px; /* moitié de la largeur */
     border: none;
     }
.fondbleu
{margin: 0px; padding:0px; 
background-color:#1f1f21;
position:relative; top:25px; width:800px;
 height:420px; z-index:2; visibility: visible;
 
}
.fondlogo
{margin: 0px; padding:0px; 
background-image: url('../images/fond_logo.gif');
position:absolute; top:-102px; left:112px;width:450px;
 height:450px; z-index:1; visibility: visible;
}
.atexte {margin: 0px;padding:0px;background-color:transparent;
  }
.atexte p {margin: 0px; padding: 0px;
text-decoration: none;
  font-family: arial,sans-serif;
  font-size: 20px;
  color: #ffffff;cursor: default;
  }
  
.synops{margin-left: 0px; padding: 0px;text-decoration: none;font-family: arial,sans-serif;font-size: 12px;color: #ffffff;cursor: default;width:300px;height:auto;letter-spacing: 1px;color:#000000;text-align:justify }  
.menu {margin:0%; padding:0%;height:74px; text-align: left;
position:absolute; left:393px; top:177px;
  background-color: transparent;
 z-index:35; visibility: visible;border:none;
 }
.menu p {margin: 0%;padding:0%;
font-family: verdana,sans-serif;
  font-size: 10px;background-color:transparent;
;height:74px;
}
.menu a {margin: 0%; padding:0%; 
  background-color: transparent;
  text-decoration: none;
 font-family:verdana,sans-serif;
  font-size: 10px;
  color: black;
  line-height:11px;
  text-align: left;
}
.menu a:hover {margin: 0%; padding:0%; 
  background-color: #e4e2e1;
}
.croix {
	margin: 0px;
	padding:0px;
	z-index:50;
	background-color: transparent;
	position:absolute;
	left:362px;
	top:168px;
	visibility: visible;
  }
  
  .arappel {margin: 0px; padding:0px; 
position:absolute; left:10px; top:420px;
  width:250px; height:1px; z-index:70; visibility: visible;text-align: left; 
  }  
  .arappellien {margin: 0%; padding:0%; 
 font-family: verdana,sans-serif;
  font-size: 10px; font-style: normal; color: #3f403e; text-decoration: none;cursor:pointer;
 }
.arappellien p {margin: 0%; padding:0%; 
 }
arappellien a {margin: 0%; padding:0%; 
COLOR:#565855; text-decoration: none;
  font-style: normal; font-family: verdana,sans-serif;
  font-size: 10px;
  text-align: left;cursor:pointer; 
  }        
a.arappellien:hover {margin: 0%; padding:0%; 
COLOR:#101010; text-decoration: none;
  font-style: normal; font-family: verdana,sans-serif;
  font-size: 10px;
  }
  
  
  .arappellien2 {margin: 0%; padding:0%; 
 font-family: verdana,sans-serif;
  font-size: 10px; font-style: normal; color: #919495; text-decoration: none;cursor:pointer;
 }
.arappellien2 p {margin: 0%; padding:0%; 
 }
arappellien2 a {margin: 0%; padding:0%; 
COLOR:#919495; text-decoration: none;
  font-style: normal; font-family: verdana,sans-serif;
  font-size: 10px;
  text-align: left;cursor:pointer; 
  }        
a.arappellien2:hover {margin: 0%; padding:0%; 
COLOR:#ab4a3a; text-decoration: none;
  font-style: normal; font-family: verdana,sans-serif;
  font-size: 10px;
  }
  
 
  
 .bordphoto {border:1px solid #ACACAB; cursor: pointer;}
  .bordphoto2 {border:1px solid #000000; cursor: pointer;}
  .bordphoto3 {border:1px solid #252525; cursor: pointer;}
  .legendevig {position:relative;top:8px;!top:0px;color: #7e7c7c; font-family: verdana,sans-serif;
  font-size: 10px;}
  .legendevig2 {color: #101010; font-family: verdana,sans-serif;
  font-size: 10px;}
  .legendevig3 {color: #ffffff; font-family: verdana,sans-serif;
  font-size: 12px;letter-spacing: 2px;}
  
 
  .titresujet {position:relative;top:26px;color: #7e7c7c; font-family: verdana,sans-serif;
  font-size: 10px;padding-bottom:2px;border-bottom:1px solid;!top:36px;cursor:default;}
  .pl {color: #000000; }
  .plc {color: #303130; }
  .hauteurimg {top:135px;!top:145px;}
  .verti {top:102px;!top:112px;}
  .bouton {position:relative;margin-left: auto;margin-right: auto; width:830px;border-top:1px solid #77a04b;top:200px; height:15px; z-index:50; visibility: visible;}
  .bverti {top:130px; }

.logo { position:absolute; left:9px; top:19px; width:258px; height:22px; z-index:8;cursor:default;} 
.barre {position:absolute; padding:none; margin:none; top:55px;left:0px;height:15px;width:100%;border-top:1px solid #77a04b;border-bottom:1px solid #77a04b;z-index:70;!height:17px;}
.background { background-color:#77a04b;}
.menudvert { background-color:#77a04b;border-left:10px solid #77a04b;position:absolute;left:0px;top:1px;cursor:default;width:500px;margin-right:200px;z-index:80;}
.menugvert { position:relative; float:right;right:15px;top:1px;cursor:default; width:85px; visibility: visible;z-index:79;} 
 
.menudbrun { background-color:#252525;border-left:10px solid #252525;position:absolute;left:0px;top:1px;cursor:default;width:500px;margin-right:200px;z-index:80;}
.menugbrun { position:relative; float:right;right:15px;top:1px;cursor:default; width:85px; visibility: visible;z-index:79;}  
.conteneur3 {
width: 100%;
cursor:default;
padding:0px;margin:0px;display:inline;position:relative;top:-10px;left:00px;width:auto;text-align:right;z-index:75;float: right;height:15px;!top:-10px;
} 
.conteneur4 {
cursor:default;
padding:0px;margin:0px;position:relative;width:60px;text-align:right;z-index:75;height:15px;
}
.cachev { COLOR:#636561;}

  
.flottante {padding:0px;

margin: 20px;margin-top:20px;margin-bottom:25px;
float: left;
width: 140px;height: 115px;
text-align: left;
cursor:default;

}


.flottante2 {

margin-left: 20px;margin-top:15px;margin-bottom:15px;
float: left;
width: 300px;
text-align: left;
cursor:default;

}
.flottante3 { position:relative; top:0px;

margin-left: 5px;margin-top:15px;margin-bottom:0px;
float: left;
width: 13px;
text-align: left;
cursor:default;

}

 .flottante4 {

margin: 10px;margin-top:20px;margin-bottom:20px;
float: left;
width: 110px;
text-align: left;
cursor:default;

}
.flottante5 { position:relative; top:0px;

margin-left: 5px;margin-top:0px;margin-bottom:0px;
float: left;
width: 13px;
text-align: left;
cursor:default;

}
  .flottantes {

margin: 20px;margin-top:15px;margin-bottom:15px;
float: left;
width: 800px;
text-align: left;
cursor:default;
white-space:nowrap;

}
.conteneur {
width: 100%;
cursor:default;
}
.spacer {
clear: both;
}

  .arappellien3 {margin: 0%; padding:0%; 
 font-family: verdana,sans-serif;
  font-size: 10px; font-style: normal; color: #636561; text-decoration: none;cursor:pointer;
 }
.arappellien3 p {margin: 0%; padding:0%; 
 }
arappellien3 a {margin: 0%; padding:0%; 
COLOR:#636561; text-decoration: none;
  font-style: normal; font-family: verdana,sans-serif;
  font-size: 10px;
  text-align: left;cursor:pointer; 
  }        
a.arappellien3:hover {margin: 0%; padding:0%; 
COLOR:#77a04b; text-decoration: none;
  font-style: normal; font-family: verdana,sans-serif;
  font-size: 10px;
  }
  .arappellien3 {margin: 0%; padding:0%; 
 font-family: verdana,sans-serif;
  font-size: 10px; font-style: normal; color: #7e7c7c; text-decoration: none;cursor:pointer;
 }
.arappellien4 p {margin: 0%; padding:0%; 
 }
arappellien4 a {margin: 0%; padding:0%; 
COLOR:#CCCCCC; text-decoration: none;
  font-style: normal; font-family: verdana,sans-serif;
  font-size: 10px;
  text-align: left;cursor:pointer; 
  }        
a.arappellien4:hover {margin: 0%; padding:0%; 
COLOR:#77a04b; text-decoration: none;
  font-style: normal; font-family: verdana,sans-serif;
  font-size: 10px;
  }  
  .arappellien4 {margin: 0%; padding:0%; 
 font-family: verdana,sans-serif;
  font-size: 10px; font-style: normal; color: #CCCCCC; text-decoration: none;cursor:pointer;
 }
 .arappellien5 p {margin: 0%; padding:0%; 
 }
arappellien5 a {margin: 0%; padding:0%; 
COLOR:#636561; text-decoration: none;
  font-style: normal; font-family: verdana,sans-serif;
  font-size: 10px;
  text-align: left;cursor:pointer; 
  }        
a.arappellien5:hover {margin: 0%; padding:0%; 
COLOR:#959494; text-decoration: none;
  font-style: normal; font-family: verdana,sans-serif;
  font-size: 10px;
  }  
  .arappellien5 {margin: 0%; padding:0%; 
 font-family: verdana,sans-serif;
  font-size: 10px; font-style: normal; color: #636561; text-decoration: none;cursor:pointer;
 }
  .arappellien6 p {margin: 0%; padding:0%;text-decoration: none; 
 }
arappellien6 a {margin: 0%; padding:0%; 
COLOR:#252525; text-decoration: none;
  cursor:pointer; 
  }        
  .arappellien6 {margin: 0%; padding:0%; 
 color: #252525; text-decoration: none;cursor:pointer;
 }

 .arappellien7 p {margin: 0%; padding:0%; 
 }
arappellien7 a {margin: 0%; padding:0%; 
COLOR:#77a04b; text-decoration: none;
  font-style: normal; font-family: verdana,sans-serif;
  font-size: 16px;
  text-align: left;cursor:pointer; 
  }        
a.arappellien7:hover {margin: 0%; padding:0%; 
COLOR:#7e7c7c; text-decoration: none;
  font-style: normal; font-family: verdana,sans-serif;
  font-size: 16px;
  }  
  .arappellien7 {margin: 0%; padding:0%; 
 font-family: verdana,sans-serif;
  font-size: 16px; font-style: normal; color:#77a04b; text-decoration: none;cursor:pointer;
 } 
 
.titresuj {color: #959494}
.motcle {margin:0%; 
 padding:0%;
background-color: #252525;
position:absolute; top:350px;left:340px; width:350px;
 height:100px; z-index:0; visibility: visible;
}