.conteneur {
  text-align: center;
  margin:0px;
  padding:0px;
}
.centre {
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  text-align: left;
}
#content1 {
	width: 820px;
	height: 280px;
	display:block;	
	border: solid #99B7C4;
	border-width: 0px 1px 0px 1px;
	margin:0 89px 0;
	text-align: center;
	font-size: 0px;
}
html>body #page #content1 {
height:297px;
} 
#content2 {
	width: 820px;

	display:block;	
	border: solid #99B7C4;
	border-width: 0px 1px 0px 1px;
	margin:0 89px 0;
	text-align: center;
	font-size: 0px;
}
html>body #page #content2 {
height:523px;
} 
#A1 {
	float: left; width:519px; height:31px;border: solid #ccc; border-width: 0px 1px 1px 0px;
}
#A2 {
	float: left; width:290px; height:31px;border: solid #ccc; border-width: 0px 0px 1px 0px;
}
#A3 {
	float: left;display:inline; width:21px; height:222px;border: solid #fc0; border-width: 1px 0px 1px 1px; margin:15px 0px 15px 10px;
}
#A4 {
	float: left; width:451px; height:222px; font-size:10px; text-align:left; padding: 12px 30px 0 5px;
}
#A5 {
	float: left; width:451px;  font-size:10px; text-align:left; padding: 12px 30px 0 5px;
}
/*tessssssst*/
#container {
    margin-left: auto;
    margin-right: auto;
	width:820px;
	border-left: 1px solid #99B7C4;
	border-right: 1px solid #99B7C4;
	padding: 11px 0 11px 0;
	overflow: hidden;
}
#actual01 {
	display:block;
    margin-left: auto;
    margin-right: auto;
	width:820px;
	border-left: 1px solid #99B7C4;
	border-right: 1px solid #99B7C4;
	padding: 11px 0 11px 0;
}
/*#container {
	float:left;
    margin-left: 180px;
    margin-right: auto;
	width: 820px;
	border-left: 1px solid #99B7C4;
	border-right: 1px solid #99B7C4;
	padding: 11px 0 11px 0;
	overflow: auto;
	text-align: left;
}*/
#gauche {
	  display:block; width:481px; float: left;
}
#droite {
	    display:block; width:290px; float: left;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
text-align:center;
}
#fondscrool {
clear: both;
width:747px;
height:242px;  
background-color:#666666;
background:url(../image/fond_div.jpg) no-repeat left top;
text-align:left;
padding: 31px 0 15px 53px;
}
#bouton {
	width:22px; height:222px; position:absolute; right:0;
}
#bouton img{
	cursor:pointer; position:absolute; right:0;
}

#support{
position:relative; 
width:727px; 
height:222px; 
overflow:hidden;
}
#contenu77{
position:absolute; 
top:0;
}
#contenu li a {
height: 27px;
clear: both;
position: relative;
background:url(../image/puce_off.gif) no-repeat;
color: #FFF;
font-weight:normal;
text-decoration: none;
text-align:left;
display: block;
border: 0 none;
padding: 0px 0px 0px 40px;
margin-left: 0px;
text-align:left;
}
#contenu li a:hover {
background-image:url(../image/puce_on.gif);
text-decoration: none;
color: #FFCC00;
}

.boititre_bas { 
z-index: 205; position: absolute; 
text-align:right; border: solid #ccc; border-width: 0px 1px 0px 0px; 
top:350px; /*IE6 */
width: 800px; 
}
.boititre_bas a:focus{
 outline:none;	  
}

.boititre { 
z-index: 205; position: absolute;  text-align:right; border: solid #ccc; border-width: 0px 1px 0px 0px; 
top: 272px; /*IE6 */
width: 800px;
}
html>body .boititre {
top:270px;
!top:272px;/*IE 7*/
} 
.boititre a:focus{
 outline:none;	  
}

.boite { 
clear: both; z-index: 205; position: absolute; 
 padding: 0px; margin: 0px; 
 top:272px; /*IE 6*/
  !top:270px;
}
html>body .boite {
position: absolute; 
 top:270px;
 !top:272px;/*IE 7*/
} 

.boite_bas { 
clear: both; z-index: 205; position: absolute;  padding: 0px; margin: 0px; 
top:350px; 
width: 800px;
}

html>body .boite_bas {
top:350px; 
}


.T18J {
font: 18px Verdana; 
color:#FFCC00;
padding-bottom: 23px;
}
.T18Jr {
display:block;
font: 18px Verdana; 
color:#FFCC00;
padding-bottom: 23px;
padding-top: 15px;
padding-left: 15px;
}
.T14N {
font: bold 14px Verdana; 
color:#000;
}
.Text_intro {
display:block;
background:url(../image/puce_para.gif) no-repeat left top;
background-position: 0 10px;
padding: 0px 00px 0px 30px;
margin-left: 0px;
text-align:left;
}

.Text_libre {
display:block;
background:url(../image/puce_para.gif) no-repeat left top;
background-position: 0 10px;
padding: 0px 30px 0px 30px;
margin-left: 0px;
text-align:left;
}

#B1 {
	float: left; width:290px; height:234px;border: solid #ccc; border-width: 0px 1px 0px 1px; text-align:center;
}
#B2 {
	float: left; width:291px; height:autopx;border: solid #ccc; border-width: 0px 1px 0px 1px; text-align:center; margin-left: auto; margin-right: auto;
}
#Decouv {
	float: left; display:block; width:486px; height:30px; text-align:left ;
}
#Decouv a{
	font: bold 12px Verdana; color:#266781;
}
#Contact {
	float:left; width:290px; height:21px; background-color:#333; border: solid #ccc; border-width: 0px 1px 0px 1px; 
}
.fondgris {
	background-image:url(../image/fond_video.gif); width:288px; height:360px; padding:12px 0 0 0; text-align:center; margin-left: auto; margin-right: auto;
}
.fondgris1 {
	width:280px; padding:12px 0 0 7px;text-align:center; margin-left: auto; margin-right: auto; margin-top:0;
}
html>body .fondgris1 {
	width:275px; 
}
.logo {
	display: block; top:-207px;background-image:url(../image/fond_video.gif); background-repeat:repeat-x; 
	width:291px;height:185px; padding:12px 0 12px 0; text-align:center; margin-left: auto; margin-right: auto; margin-top:0px;
}
.logo_vid {
	z-index:100; display:block; visibility:hidden; position:absolute; /*background:#FFF url(../image/fond_video.gif) repeat-x;*/ height:165px; text-align:center; margin-left: auto; margin-right: auto; margin-top:5px;
	padding:12px 0 0 4px; 
	top:318px;
	!top:320px; /*IE 6*/
	!padding:12px 0 0 0px;
	width:291px;
}
* > .logo_vid{
top:318px; /*FF */
!top:318px; /*IE 7*/
 width:287px; /*FF */
!width:291px; /*IE 7*/
!padding:12px 0 0 0px;
!margin-left:0px; /*IE 7*/
}
.logo_vid_bas {
	z-index:100; display:block; 
	visibility:hidden; position:absolute; /*background:#FFF url(../image/fond_video.gif) repeat-x ;*/ height:165px; 
	padding:12px 0 0 4px; text-align:center; margin-left: auto; margin-right: auto; margin-top:5px;
	width:283px;
	!padding:12px 0 0 0px;
	top:318px; 
	!top:400px;/*IE 6*/
	
}
/*html>body .logo_vid {
	width:293px; 
}*/


* > .logo_vid_bas{
top:403px;
!top:408px;
 width:287px;
!width:290px; /*IE 7*/
!padding:12px 0 0 0px;
TOP: 399px;
!margin-left:0px;
}
.vignette {
	FLOAT: left; MARGIN: 0px 2px 2px 0px;WIDTH: 87px; HEIGHT: 70px; border: 1px #000000 solid ;
}
.vignette IMG {
	  border:0px; padding:0; margin:0;  
}
.vignette A {
	BACKGROUND: url(../image/med_off.gif); background-repeat:no-repeat; background-position:bottom; FLOAT: left;HEIGHT: 70px;  
}
.vignette A:hover {
	BACKGROUND: url(../image/med_on.gif); background-repeat:no-repeat; background-position:bottom; FLOAT: left;
}

#video {
	width:270px; text-align:center; margin-left: auto; margin-right: auto;
}
#vid_titre {
 	 display:block;background-color:#333; width:270px; height:31px; padding:1px 0 0 0px; text-align:left; margin-left: auto; margin-right: auto;  
}
#vid_titre p{
 	padding:5px 110px 0 5px; color:#ccc;
}
#vid_titre p a{
 	font:10px Verdana; color:#ccc;
}
#savoir {
 		font: bold 12px Verdana; color:#266781; text-align:left;  
}
#savoir span a{
 		font: bold 12px Verdana; color:#266781; 
}

/*Txt_libre 
{
text-decoration: none;
font: bold 12px Verdana; 
color:#000;
color: #ffffff;
}*/

PDF a:hover{
font: bold 14px Verdana; 
color:#000;
background-position: 0 10px;
padding: 0px 0px 0px 30px;
margin-left: 0px;
text-align:left;
}