@charset "utf-8";
/* CSS Document */

/*REGLAGES SPECIFIQUES DES PAGES INTERIEURES VOIR LA LIGNE 305 et suivantes*/

/*specifiques rubrique texte seul écran*/
/***************************************/

#max{
max-width: 950px;
}

#nada{
background-image:none;
background-color:#FFFFFF;
text-indent:0px;
padding-left: 20px;
}

#nadatitre{
background-image:url(../images/titre_print.jpg);
position:relative;
font-size:0;
line-height:0px;
text-indent:0px;
display:block;
height: 80px;
width: 721px;
left: -10px;
top: 10px;
}
h2, h3{
color:#344660;
}

.reseta:link{
position: relative;
}

.reseta:hover{
position: relative;
}

.reseta:visited{
position: relative;
}
/************************************************/


body{ 
background-color:#c7c8c8;
margin: 0px;
padding: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
background-image:url(../images/back.jpg);
background-repeat:repeat-x;
z-index:0;
}

img{
border-style: none;
}

#conteneur{
position: relative;
width: 950px;
height: 590px;
background-image: url(../images/bg_pict.jpg);
background-repeat: repeat-x;
margin: 0 auto;
-moz-box-shadow: 0px 7px 18px #786e6a;
}

#conteneur_corps{
position: relative;
width: 950px;
height: 590px;
background-image: url(../images/fondcontenu.jpg);
background-repeat: repeat-x;
margin: 0 auto;
-moz-box-shadow: 0px 7px 18px #786e6a;
}


#copyright2{
font-size:10px;
color:#CCCCCC;
position: absolute;
bottom: 0px;
left:272px;
margin:0px;
padding:0px;
}

#copyright2 a{
	font-size:10px;
	color:#CCCCCC;
	position: relative;
	text-decoration: none;	
}
#copyright2 a:visited {
	font-size:10px;
	color:#CCC;
	position: relative;
	text-decoration: none;	
}
#copyright2 a:hover{
	font-size:10px;
	color:#999999;
	position: relative;
	text-decoration: underline;	
}

#copyright2 a:focus{
	font-size:10px;
	color:#999999;
	position: relative;
	text-decoration: underline;	
}




/******************************/
/* reglages titres textes et liens index*/
/******************************/
h1{
z-index:10;
overflow:hidden;
position:absolute;
text-indent: -5000px;
background-image:url(../images/titre.jpg) ;
background-repeat:no-repeat;
height: 68px;
width: 721px;
left: 229px;
top: 126px;
font-size:0px;
line-height:0px;


}

#h2accueil{
z-index:10;
overflow:hidden;
font-size:0px;
line-height:0px;
position:absolute;
text-indent: -5000px;
background-image:url(../images/soustitre.jpg);
height: 41px;
width: 721px;
left: 229px;
top: 193px;
}

a_link{
	position: absolute;
	border-style: none;
	top: 0px;
	color:#333333;
}
a:visited{
position: absolute;
border-style: none;
outline:none;
color:#333333;
}

a:hover{
position: absolute;
border-style: none;
outline:none;
color:#666666;
}

a:focus{
position: absolute;
border-style: none;
outline:none;
color:#666666;
}

a:active{
position: absolute;
border-style: none;
outline:none;
}


	/*****************************************************************/
	/*navigation auxiliaire index*/
	#nav_auxiliaire {
z-index:50;

	top: 0px;
	text-indent: -5000px;
	font-size:0px;
	line-height:0px;
	list-style-type: none;
	}
			#nav_auxiliaire li a {
			background-image:url(../images/nav_aux.jpg);
	}

			/*****************************************************************/
			/*Navigation auxiliaire liens et états des liens au survol index*/
			#aux1 a{
			z-index:60;
			position: absolute;
			top:0px;
			height: 34px;
			width: 131px;
			left: 434px;
		
			}
			
			#aux2 a{
			z-index:60;
			position: absolute;
			top:0px;
			height: 34px;
			width: 103px;
			left: 565px;
			background-position: -131px 0px;
			}
			
			#aux3 a{
			z-index:60;
			position: absolute;
			top:0px;
			height: 34px;
			width: 166px;
			left: 668px;
			background-position: -234px 0px;
			}
			
			#aux4 a{
			z-index:60;
			position: absolute;
			top:0px;
			height: 34px;
			width: 115px;
			left: 834px;
			background-position: -400px 0px;
			}
			
			#aux1 a:hover{
			z-index:60;
			position: absolute;
			top:0px;
			position: absolute;
			height: 34px;
			width: 131px;
			left: 434px;
			background-position: 0 -34px;
			}
			
			#aux2 a:hover{
			z-index:60;
			position: absolute;
			top:0px;
			height: 34px;
			width: 103px;
			left: 565px;
			background-position: -131px -34px;
			}
			
			#aux3 a:hover{
			z-index:60;
			position: absolute;
			top:0px;
			height: 34px;
			width: 166px;
			left: 668px;
			background-position: -234px -34px;
			}
			
			#aux4 a:hover{
			z-index:60;
			position: absolute;
			top:0px;
			height: 34px;
			width: 115px;
			left: 834px;
			background-position: -400px -34px;
			}
			
			
			#aux1 a:focus{
			z-index:60;
			position: absolute;
			top:0px;
			position: absolute;
			height: 34px;
			width: 131px;
			left: 434px;
			background-position: 0 -34px;
			}
			
			#aux2 a:focus{
			z-index:60;
			position: absolute;
			top:0px;
			height: 34px;
			width: 103px;
			left: 565px;
			background-position: -131px -34px;
			}
			
			#aux3 a:focus{
			z-index:60;
			position: absolute;
			top:0px;
			height: 34px;
			width: 166px;
			left: 668px;
			background-position: -234px -34px;
			}
			
			#aux4 a:focus{
			z-index:60;
			position: absolute;
			top:0px;
			height: 34px;
			width: 115px;
			left: 834px;
			background-position: -400px -34px;
			}

/*****************************************************************/


/*navigation principale index*/




#mainnav {
	top: 0;
	left: 0;
	z-index:30;
	font-size:0px;
	line-height:0px;
	text-indent: -5000px;
	list-style-type:none;
}

			#mainnav li a {
			z-index:100;
			background-image:url(../images/nav_princ.jpg);
			
			}
		
/*****************************************************************/
			/*Defaut nav principale index*/
					#princ1 a{
					
					position: absolute;
					height: 45px;
					width: 504px;
					left: 136px;
					top:312px;
					background-position: 0px 0px;
					}
					
					#princ2 a{
					position: absolute;
					height: 46px;
					width: 504px;
					left: 136px;
					top: 358px;
					background-position: 0px -45px;
					}
					
					#princ3 a{
					position: absolute;
					height: 39px;
					width: 504px;
					left: 136px;
					top: 397px;
					background-position: 0px -84px;
					}
					
					#princ4 a{
					position: absolute;
					height: 41px;
					width: 504px;
					left: 136px;
					top: 438px;
					background-position: 0px -125px;
					}
					
					/*Etat survolé de page index*/
					#princ1 a:hover{
					position: absolute;
					height: 45px;
					width: 504px;
					left: 136px;
					top:312px;
					background-position: 504px 0;
					}
					
					#princ2 a:hover{
					position: absolute;
					height: 46px;
					width: 504px;
					left: 136px;
					top: 358px;
					background-position: 504px -45px;
					}
					
					#princ3 a:hover{
					position: absolute;
					height: 39px;
					width: 504px;
					left: 136px;
					top: 397px;
					background-position: 504px -84px;
					}
					
					#princ4 a:hover{
					position: absolute;
					height: 41px;
					width: 504px;
					left: 136px;
					top: 438px;
					background-position: 504px -125px;
					}		
					
					/*effet focus*/
					#princ1 a:focus{
					position: absolute;
					height: 45px;
					width: 504px;
					left: 136px;
					top:312px;
					background-position: 504px 0;
					}
					
					#princ2 a:focus{
					position: absolute;
					height: 46px;
					width: 504px;
					left: 136px;
					top: 358px;
					background-position: 504px -45px;
					}
					
					#princ3 a:focus{
					position: absolute;
					height: 39px;
					width: 504px;
					left: 136px;
					top: 397px;
					background-position: 504px -84px;
					}
					
					#princ4 a:focus{
					position: absolute;
					height: 41px;
					width: 504px;
					left: 136px;
					top: 438px;
					background-position: 504px -125px;
					}				
					


/*****************************************************************/
/*Images de la page index*/

#image1{
position: absolute;

left:36px;
width:202px;
height:248px;
top:53px;
left:27px;

border:none;
}

#image2{

z-index:20;
position: absolute;
left: 704px;
top: 209px;
border:none;

}

#decofond1{
z-index:0;
background-image:url(../images/fondfemme.jpg);
position: absolute;
top: 0px;
left: 345px;
width: 587px;
height: 590px;
}


/*****************************************************************************************************************/
/*****************************************MISE EN PLACE DES PAGES DE CONTENU**************************************/

#titrecontenu1{
background-image:url(../images/retouraccueil.jpg);
left: 0;
top: 209px;
height: 365px;
width: 45px;
}

#bt_sommaire {
position: absolute;
background-image:url(../images/retouraccueil.jpg);
left: 0;
top: 0px;
height: 365px;
width: 45px;
}
#bt_sommaire:hover {
position: absolute;
background-image:url(../images/retouraccueil.jpg);
background-position: right;
left: 0;
top: 0px;
height: 365px;
width: 45px;
}

/*****************************************************************/
	/*navigation se raccordant sur pages où est affiché le portrait féminin*/
	

	
	
	
	#nav_contenu_f {
	top: 0;
	left: 0;
	z-index:30;
	font-size:0px;
	line-height:0px;
	text-indent: -5000px;
	}
	
			#nav_contenu_f {
			
			list-style-type:none;
		
			}

			#nav_contenu_f li a {
	
			background-image:url(../images/nav_contenu_f.jpg);
		
			}
			
			
	/*navigation se raccordant sur pages où est affiché le portrait masculin*/
	#nav_contenu_h {
	top: 0;
	left: 0;
	display: block;
	z-index:30;
	font-size:0px;
	line-height:0px;
	text-indent: -5000px;
	}

			#nav_contenu_h {
			
			list-style-type:none;
		
			}

			#nav_contenu_h li a {
			
			background-image:url(../images/nav_contenu_h.jpg);
		
			}
			
			/*****************************************************************/
			/*Navigation auxiliaire liens et états des liens au survol index*/
			#contenu1 a{
			position: absolute;
			height: 38px;
			width: 417px;
			left: 76px;
				top: 17px;
			}
			
			#contenu2 a{
			position: absolute;
			height: 38px;
			width: 407px;
			left: 520px;
				top: 17px;
			background-position: -417px 0px;
			}
			
			#contenu3 a{
			position: absolute;
			top:52px;
			height: 38px;
			width: 407px;
			left: 76px;
			background-position: 0 -38px;
			}
			
			#contenu4 a{
			position: absolute;
			top:52px;
			height: 38px;
			width: 463px;
			left: 480px;
			background-position: -407px -38px;
			}
			
			/*survol contenu*/
			
			#contenu1 a:hover{
			position: absolute;
			height: 38px;
			width: 417px;
			left: 76px;
				top: 17px;
				background-position:0 152px ;
			}
			
			#contenu2 a:hover{
			position: absolute;
			height: 38px;
			width: 407px;
			left: 520px;
				top: 17px;
			background-position: -417px 152px;
			}
			
			#contenu3 a:hover{
			position: absolute;
			top:52px;
			height: 38px;
			width: 407px;
			left: 76px;
			background-position: 0 114px;
			}
			
			#contenu4 a:hover{
			position: absolute;
			top:52px;
			height: 38px;
			width: 463px;
			left: 480px;
			background-position: -407px 114px;
			}
			
			/*contenu focus*/
			#contenu1 a:focus{
			position: absolute;
			height: 38px;
			width: 417px;
			left: 76px;
				top: 17px;
				background-position:0 152px ;
			}
			
			#contenu2 a:focus{
			position: absolute;
			height: 38px;
			width: 407px;
			left: 520px;
				top: 17px;
			background-position: -417px 152px;
			}
			
			#contenu3 a:focus{
			position: absolute;
			top:52px;
			height: 38px;
			width: 407px;
			left: 76px;
			background-position: 0 114px;
			}
			
			#contenu4 a:focus{
			position: absolute;
			top:52px;
			height: 38px;
			width: 463px;
			left: 480px;
			background-position: -407px 114px;
			}
			
			
			/*définition des styles de page active : présents en dur dans la code html*/
			#contenu1_courant a{
			position: absolute;
			height: 38px;
			width: 417px;
			left: 76px;
				top: 17px;
				background-position:0 76px ;
			}
		
		#contenu2_courant a{
			position: absolute;
			height: 38px;
			width: 417px;
			left: 520px;
				top: 17px;
				background-position:-417px 76px ;
			}
			
		#contenu3_courant a{
		position: absolute;
			top:52px;
			height: 38px;
			width: 407px;
			left: 76px;
			background-position: 0 266px;
			}
		
		#contenu4_courant a{
		position: absolute;
			top:52px;
			height: 38px;
			width: 463px;
			left: 480px;
			background-position: -407px 38px;
			}
		
				/***********************/
				/*navigation auxiliaire*/
				/*boutons precedent/suivant*/
				#btn_prec{
				z-index:100;
				text-indent: -5000px;
				position:absolute;
				background-image:url(../images/previous.jpg);
				top: 90px;
				left: 65px;
				width: 99px;
				height: 36px; 
				}
				#btn_prec:hover{
				position:absolute;
				background-image:url(../images/previous.jpg);
				top: 90px;
				left: 65px;
				width: 99px;
				height: 36px; 
				background-position: 0 -36px; 
				}
				
				#btn_suiv{
				text-indent: -5000px;
				position:absolute;
				background-image:url(../images/next.jpg);
				top: 90px;
				right: 0;
				width: 99px;
				height: 36px; 
				}
				#btn_suiv:hover{
				position:absolute;
				background-image:url(../images/next.jpg);
				top: 90px;
				right: 0;
				width: 99px;
				height: 36px; 
				background-position: 0 -36px; 
				}
				
			
/*Mise en page des textes du contenu*/

#textedroit{
position: absolute;
display: block;
top: 186px;
left: 479px;
width: 432px;
height: 300px;
}

#textegauche{
position: absolute;
display: block;
top: 186px;
left: 109px;
width: 432px;
height: 300px;
}

#textecentre{
position: absolute;
display: block;
top: 186px;
left: 109px;
width: 732px;
height: 300px;
}

/*Mise en page des images du document*/

#citationgauche{
background-repeat:no-repeat;
display: block;
position: absolute;
width: 404px;
height: 366px;
top: 126px;
left: 75px;
}

#objetgauche{
display: block;
position: absolute;
width: 317px;
height: 446px;
top: 126px;
left: 90px;
}

#objetdroit{
display: block;
position: absolute;
width: 316px;
height: 446px;
top: -58px;
left: 464px;
}

/*Images d'habillage du site (femme et homme)*/

#decofond_f{
display:block;
position:absolute;
background-image:url(../images/fond_contenu_f.jpg);
background-repeat:no-repeat;
width:500px;
height:500px;
top: 90px;
right:0;
}
#decofond_h{
display:block;
position:absolute;
background-image:url(../images/fond_contenu_h.jpg);
background-repeat:no-repeat;
width:420px;
height:500px;
top: 90px;
left:65px;
}