/* styles globaux de mise en page */

/***********************************************/
/* Calques styles                                 */
/***********************************************/


#skipnavigation{
	display:block;
	color: #FFFFFF;
}
#skipnavigation a{
	color: #FFFFFF;
}
#skipnavigation a:hover{
	color: #FFFFFF;
}
#skipnavigation img{border:0;}



#gab_centrer{
	position: absolute;
	width: 945px;
	margin-left: -472px; /* moitie de width */
   	left: 50%;      /* selon la quantite de texte */
   	margin-top: -310px;   /* moitie de height */
   	top: 50%;
}

#central{
	height:450px;
	min-height: 450px;
	width: 795px;
	margin-top: 20px;
	margin-left: 77px;
	-margin-left: 37px;
	float: left;
	clear: both;
}

#central img{
	border:0;
}

#titresite{
	position: absolute;
	float: left;
	left: 74px;
	top:0.5em;
	-top:0.2em;
	margin-top:1em;}

#navht{
	position: absolute;
	float: right;
	right: 74px;
	top:2.5em;
	-top:2em;
	margin-top:2em;
}
#navht img{
	border:0;
	padding-left: 1px;	
}

#acces img{
	border:0;
	display: inline;
	padding-left:0.2em;
}

#acces {
	position: absolute;
	float: right;
	right: 74px;
	padding-left:1em;
	top:2.3em;
	-top:1.5em;
	width: 314px;
	text-align: right;
}

#cont{
	height: 407px;
	width: 795px;
	clear: both;
	background-image: url(../images/foto.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#contrub1{
	height: 407px;
	width: 795px;
	clear: both;
	background-image: url(../images/fond_rub1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#contrub2{
	height: 407px;
	width: 795px;
	clear: both;
	background-image: url(../images/fond_uni.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#contrub1r2{
	height: 407px;
	width: 795px;
	clear: both;
	background-image: url(../images/fond_rub1_2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#contrub1r1{
	height: 407px;
	width: 795px;
	clear: both;
	background-image: url(../images/fond_rub1_1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#contrub1r3{
	height: 407px;
	width: 795px;
	clear: both;
	background-image: url(../images/fond.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#contrub2r1{
	height: 407px;
	width: 795px;
	clear: both;
	background-image: url(../images/fond_rub2_1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#contrub2r2{
	height: 407px;
	width: 795px;
	clear: both;
	background-image: url(../images/fond.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#contrub2r3{
	height: 407px;
	width: 795px;
	clear: both;
	background-image: url(../images/fond_rub2_3.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#visuelhome{
	height: 403px;
	width: 462px;
	margin-top: 0px;
	float: left;
	left: 77px;
	-left: 74px;
}
#visuelhome img{
	border:0px;
}

#spot 
{margin:60px 0 0 15px;
}

#extraitdvd{
	position: absolute;
	height: 280px;
	width: 500px;
	top: 160px;
	float: left;
	left: 210px;
	-left: 104px;
}
#extraitdvd img{
	border:0px;
}

#entree_rub{
	height: 407px;
	width: 197px;
	top:97px;
	margin-top: 0px;
	float: left;
	left: 77px;
	-left: 74px;
}
#entree_rub img{
	border:0px;
}

#plac_rub{
	height: 290px;
	width: 346px;
	margin-top:118px;
	/margin-top:118px;
	-top:193px;
	float :right;
	right: 73px;
	-right: 75px;
}
#plac_rub img{
	border:0px;
}

#plac_rub2{
	height: 290px;
	width: 390px;
	margin-top:118px;
	/margin-top:118px;
	-top:193px;
	float :right;
	right: 73px;
	-right: 75px;
}
#plac_rub2 img{
	border:0px;
}

#contrub3{
	height: 407px;
	width: 795px;
	clear: both;
	background-image: url(../images/fond_rub3.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#contrub3r1{
	height: 407px;
	width: 795px;
	clear: both;
	background-image: url(../images/fond_rub3_1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#contrub3r2{
	height: 407px;
	width: 795px;
	clear: both;
	background-image: url(../images/fond_rub3_2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/***************/
/* Menu vertical */
/***************/
#menu {
float: right;
width: 275px ;
height : 407px;
list-style: none ;
margin-right:40px;
-margin-right:20px;
padding: 0 ;
}

#menu2, #camp {
position :absolute;
margin-top: -10px;
float: left;
width: 255px ;
height : 60px;
list-style: none ;
margin-left:200px;
/margin-left:0px;
-margin-left:0px;
padding: 0 ;
display: block;
line-height: 1em;
/line-height: 4.15em;
-line-height: 3em;
text-align: left;
text-decoration: none;
padding-right: 0;
padding-left: 0.4em;
padding-left: 0.8em; !important;
/padding-left: 0.4em;
-padding-left: 0.8em;
}


#camp{
width: 368px ;
height : 100px;
margin-left:400px;
/margin-left:200px;
-margin-left:300px;
line-height: 1.7em;
/line-height: 2.0em;
-line-height: 3em;
margin-top: -10px;
/margin-top: 0px;
-margin-top: 0px;
}

/***************/
/* Menu vertical niveau 2 */
/***************/
#menu3 {
float: right;
width: 240px ;
height : 407px;
list-style: none ;
margin-right:0px;
-margin-right:0px;
padding: 0 ; 
}

#retour{
position: absolute;
float: right;
right: 2em;
width: 270px ;
height : 80px;
/height : 60px;
-height : 60px;
list-style: none ;
margin-right:100px;
-margin-right:100px;
display: block;
line-height: 1.5em;
/line-height: 1.6em;
-line-height: 1.5em;
text-align: left;
margin-top : 2.5em;
text-decoration: none; 
padding-left: 0.2em;
padding-left: 0.5em; !important;
/padding-left: 0.2em;
/padding-top: 0.5em;
-padding-left: 0.5em;
}


#menu4{
position :absolute;
float: left;
width: 305px ;
height : 60px;
list-style: none ;
margin-left:48px;
-margin-left:60px;
padding: 0 ;
display: block;
line-height: 1.2em;
/line-height: 4.15em;
-line-height: 3em;
text-align: left;
text-decoration: none;
padding-right: 0;
padding-left: 0.4em;
padding-left: 0.8em; !important;
/padding-left: 0.5em;
-padding-left: 0.8em;
}

/***************/
/* liste des items le saviez vous */
/***************/


#lesavoir {
	height: 407px;
	width: 795px;
	clear: both;
	background-image: url(../images/fond.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#test {
	float : left;
	width: 500px;
	padding-left:4em;
}

#gauche{position :absolute; top:176px; left:0px;}
#gauche img{border:0;}


#bottom{
/*	position: absolute;
*/	float: right;
	margin-right: 90px;
	top:0px;
	margin-top:0px;
}

#footer, x:-moz-any-link, x:default {
	padding-top : 10px;
}

#footer{
	float: left;
	padding-top:1em;
	margin-top : 40px;
	margin-top : 40px; !important;
	/margin-top : 40px;
	-margin-top : 0px;
	left:0px;
	width: 100%;
	clear: both;
}


#dvd {
	width: 106px;
	display: inline;
	float:left;
	display: inline;
	margin-right:10px;
}


#dvd img{
	border :0;
}

#vide {
	width: 106px;
	display: inline;
	float:left;
	display: inline;
	margin-right:10px;
}


#vide img{
	border :0;
}

#bloc_fleches{
	position:absolute;
	width: 120px;
	display: inline;
	float:right;
	left: 505px;
	top: 465px;
	/top: 460px;
	-top: 465px;
}
#bloc_fleches{
	border :0;
}


#ret {
	width: 55px;
	display: inline;
	float:left;
	text-align: center;
}


#ret img{
	border :0;
	float: left;
}


#avance {
	width: 55px;
	display: inline;
	float:right;
	text-align: center;
}


#avance img{
	border :0;
	float: right;
}

#numerovert{
	width: 420px;
	display: inline;
	float:left;
	text-align:center;
}

#suite{
	width: 420px;
	display: inline;
	float:left;
	text-align:center;
	padding: 50px 0 0 0px;
	height: 100px;
}

#numerovert img{
	border:0;
	bottom: 0;
}

#logo{
	width: 250px;
	display: inline;
	float:left;
	margin-left:20px;
}

#logo img{
	border:0;
}

/***************/
/* Pages interieures */
/***************/

#cont2{
	height: 407px;
	width: 795px;
	clear: both;	
}

#temoignages, #campagne{
	position : absolute;
	left: 280px;
	-left: 272px;
	top: 166px;
	/top: 155px;
	-top: 160px;
	width:340px;
	-width:336px;
	display:inline;
	list-style: none ;
}

#campagne{
	left: 480px;
	width:380px;
	-width:356px;
		top: 196px;
	/top: 185px;
	-top: 190px;
	overflow: scroll;
	height: 320px;
	padding-left:0.5em;
	padding-right:0.5em;
	}
	
#temoignages, #campagne img{
	border:0;
	padding-left :0.4em;
}

#quisommesnous{
	position : absolute;
	left: 147px;
	/left: 140px;
	-left: 140px;
	top: 171px;
	-top: 166px;
	width:460px;
	-width:456px;
	display:inline;
	list-style: none;
	overflow: scroll;
	height: 300px;
	padding-left:0.5em;
	padding-right:0.5em;
}
#quisommesnous img{
	border:0;
	padding-left :0.4em;
}

#quisommesnous li{
	list-style-position: outside;
	list-style-type: square;	
	}

#coordonnees, #presse{
	position : absolute;
	left: 109px;
	-left: 120px;
	top: 167px;
	/top: 180px;
	-top: 180px;
	width:500px;
	-width:450px;
	display:inline;
	list-style: none;
	overflow: scroll;
	height: 320px;
	/height: 290px;
	padding-left:0.5em;
	padding-right:0.5em;
}
#coordonnees, #presse img{
	border:0;
	padding-left :0.4em;
	float: left;
	padding-right : 1em;
}

#coordonnees li{
	list-style-position: outside;
	list-style-type: none;	
	}
	
#accessibilite{
	position : absolute;
	left: 109px;
	-left: 120px;
	top: 167px;
	-top: 150px;
	width:500px;
	-width:480px;
	display:inline;
	list-style: none;
	overflow: scroll;
	height: 320px;
	/height: 290px;
	padding-left:0.5em;
	padding-right:0.5em;
}
#accessibilite img{
	border:0;
}

#accessibilite li{
	list-style-position: outside;
	list-style-type: none;	
	}

#reponse {
	position : absolute;
	left: 120px;
	-left: 120px;
	top: 126px;
	-top: 116px;
	width:360px;
	-width:350px;
	display:inline;
	list-style: none ;
}
.dessous{
padding-bottom:0.5em;}