/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////// feuille de style du site web réalisé par Jonathan Rycx copyright 2007 pour le centre des affaires de Verdun /////////////
//////// - la feuille de style permet la mise en forme du site ///////////////////////////////////////////////////////////////////
//////// - la disposition des calques du site web et aussi les styles de textes utilisés pour le site web ////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*corps du site */
html, body 
		{
			background-image: url(images/fond3.gif); /*fond du site */
			margin:0;
			padding:0;
			height: 100%;
			width: 100%;
		}
/*fin corps du site */

a:link {
	color: #006246;
	text-decoration: none;
}
a:hover {
	color: #C2D4C8;
	text-decoration: underline;
}
a:visited {
	text-decoration: none;
	color: #086D5F;
}
a:active {
	text-decoration: none;
	color: #006351;
}

/*/////////////////////////////////////////////////////////
////////// Debut des styles des textes du site ////////////
/////////////////////////////////////////////////////////*/


/* Debut style du titre du site */
.titre 
		{
	font-size: 22px;
	color: #045E55;
			
		}
/* fin du style du titre du site */

/* Debut style des contenus du site */
.texte 
		{
			font-family: Verdana, Arial, Helvetica, sans-serif; /* Police d'ecriture utilisé pour le texte du site */
			font-size: 12px;
			color: #000000;
		}
/*Fin du style des contenus du site */

/* Debut style des contenus du site */
.indent 
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #000000;
			text-indent: 20px;
		}
/*Fin du style des contenus du site */

/* Debut style des contenus du site */
.indent-puce 
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #000000;
			text-indent: 28px;
		}
/*Fin du style des contenus du site */

/* Debut du style de pied de page du site */
.footer 
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			color: #000000;
		}
/*Fin du  style de pied de page du site */		

/*Fin du  style de texte du site */

/* Debut du style des textes important */
.important 
			{
				font-weight: bold; /* mise en gras du texte pour les textes important */
			}
/* Fin du style des textes important */

/*/////////////////////////////////////////////////////////
////////// Fin des styles des textes du site /////////////
/////////////////////////////////////////////////////////*/




/*/////////////////////////////////////////////////////////
//////// Début disposition des calques du site ////////////
/////////////////////////////////////////////////////////*/

/*Debut disposition du calque de la banniere du site */		
#head
		{
			position:absolute;
 			left:154px; 
 			top:56px; 
 			width:769px; 
 			height:180px; 
 			z-index:1; 
 			background-image: url(images/banniere2.jpg); /* image de fond du site web */
 			border: 1px none #000000;
 		}
 /*Fin disposition du calque de la banniere du site */		
 
/*Debut disposition du calque du menu du site*/		
#sous-menu
			{
				position:absolute;
				left:154px;
				top:235px;
				width:769px;
				height:39px;
				background-image: url(images/sous_menu1.gif);
				border: 1px none #000000;
				z-index: 2;
			}
 /*Fin disposition du calque du menu du site*/	

#accueil 
			{
				position:relative; 
				left:440px; 
				top:30px; 
				width:300px;
			}

#ment-right 
				{
					position:relative;
					left:550px;
					top:1150px;
					width:300px;
					z-index: 2;
				}

#mentors
			 {
				position:relative;
				left:40px;
				top:50px;
				width:650px;
				z-index: 2;
			}

#rame
		{
			position:absolute; 
			left:0px; 
			top:-89px; 
			width:58px; 
			height:55px; 
			z-index:3;
		}
 
/*Debut disposition du calque du contenu  a droite*/	
#content-right
				{
 					position:relative; 
 					left:50px; 
 					top:46px; 
 					width:650px;
				}
/*Fin disposition du calque du contenu  a droite*/	

/*Debut disposition du calque du contenu  a gauche*/					
#content-left
				{				
					position:relative; 
					left:40px; 
					top:30px; 
					width:345px; 
					height:216px; 
					z-index:5;
				}
/*Fin disposition du calque du contenu  a gauche*/

/*Debut disposition du calque contact*/					
#contact
				{
					position:relative;
					left:20px;
					top:13px;
					width:640px;
					height:216px;
					z-index: 1;
				}
/*Fin disposition du calque contact*/


/*Debut disposition du calque du contenu de la page coaching a gauche*/					
#coach-left
				{				
					position:relative; 
					left:50px; 
					top:-1200px; 
					width:345px; 
					z-index:5;
				}
/*Fin disposition du calque du contenu de la page coaching a gauche*/


/*Debut disposition du calque du contenu de la page coaching a gauche*/					
#coaching-left
				{				
					position:relative; 
					left:50px; 
					top:70px; 
					width:650px; 
					z-index:5;
				}
/*Fin disposition du calque du contenu de la page coaching a gauche



/*Debut disposition du calque du contenu avantages a droite*/	
#av-right
				{
					position:relative;
					left:550px;
					top:700px;
					width:300px;
					z-index: 2;
				}
/*Fin disposition du calque du contenu avantages droite*/	

/*Debut disposition du calque du contenu avantages a gauche*/					
#ment-left
				{
					position:relative;
					left:40px;
					top:39px;
					width:700px;
					z-index: 2;
				}
/*Fin disposition du calque du contenu avantages a gauche*/

/*Debut disposition du calque du contenu avantages a gauche*/					
#av-left
				{
					position:relative;
					left:40px;
					top:60px;
					width:430px;
					z-index: 2;
				}
/*Fin disposition du calque du contenu avantages a gauche*/

/*Debut disposition du calque du contenu mentorat a gauche*/					
#mentorat-left
				{
					position:relative;
					left:40px;
					top:110px;
					width:430px;
					z-index: 2;
				}
/*Fin disposition du calque du contenu mentorat a gauche*/

/*Debut disposition du calque du contenu generaux a droite*/	
#gen-right
				{
					position:relative;
					left:575px;
					top:925px;
					width:320px;
					z-index: 4;
				}
/*Fin disposition du calque du contenu generaux droite*/	

/*Debut disposition du calque du contenu generaux a gauche*/					
#gen-left
				{				
					position:relative; 
					left:50px; 
					top:50px; 
					width:356px; 
					z-index:4;
				}
/*Fin disposition du calque du contenu generaux a gauche*/

/*Debut disposition du calque du contenu mentor a gauche*/	
#ment-left
				{
 					position:relative; 
 					left:40px; 
 					top:50px; 
 					width:700px;
				}
/*Fin disposition du calque du contenu mentor a gauche*/	




/*Debut disposition du calque du contenu mentor a droite*/	
#ment-right
				{
 					position:relative; 
 					left:550px; 
 					top:1000px; 
 					width:320px;
				}
/*Fin disposition du calque du contenu mentor droite*/	

/*Debut disposition du calque du contenu adhesion a droite*/	
#ass-right
				{
					position:relative;
					left:370px;
					top:70px;
					width:320px;
					z-index: 1000;
				}
/*Fin disposition du calque du contenu adhesion droite*/	

/*Debut disposition du calque du contenu associé a gauche*/					
#ass-left
				{				
					position:relative; 
					left:50px; 
					top:45px; 
					width:300px; 
					z-index:5;
				}
/*Fin disposition du calque du contenu associé a gauche*/

/*Debut disposition du calque du contenu adhesion a droite*/	
#adh-right
				{
 					position:relative; 
 					left:50px; 
 					top:-40px; 
 					width:650px;
				}
/*Fin disposition du calque du contenu adhesion droite*/	

/*Debut disposition du calque du contenu adhesion a gauche*/					
#adh-left
				{				
					position:relative; 
					left:50px; 
					top:50px; 
					width:300px; 
					z-index:5;
				}
/*Fin disposition du calque du contenu adhesion a gauche*/



/*Debut disposition du calque du contenu mission a gauche*/					
#miss-left
				{				
					position:relative; 
					left:50px; 
					top:50px; 
					width:356px; 
					z-index:5;
				}
/*Fin disposition du calque du contenu mission a gauche*/


/*Debut disposition du calque du contenu du site*/		
#content
		{
	position: absolute;
	left: 154px;
	top: 263px;
	width:769px;
	border: 1px none #000000;
	background-image: url(images/bg_content.gif);
	z-index: 1;
		}
/*Fin disposition du calque du contenu du site*/			

/*Debut disposition du calque du titre du site*/						
#content-titre
		{
			position:relative; 
			left:50px; 
			top:10px; 
			width:300px;
			font-size: 22px; /* taille de la police */
			color: #006350; /* couleur du texte */
		}	
/*Fin disposition du calque du titre du site*/

/*Debut disposition du calque du contenu de la page general du site*/		
#content-gen
		{
	position:absolute;
	left:154px;
	top:274px;
	width:769px;
	height:554px;
	z-index: 1;
	background-image: url(images/bg_content.gif);
	border: 1px none #000000;
	visibility: visible;
		}
/*Fin disposition du calque du contenu de la page general du site*/			

/*Debut disposition du calque du pied de page du site*/			
#bottom
		{
			position:relative;
			left:3px;
			top:404px;
			width:769px;
			z-index:7;
		}
/*Fin disposition du calque du bas du site*/			

/*Debut disposition du calque du contenu du pied de page gauche du site */	
#footer-left
				{
					position:absolute; 
					left:224px; 
					top:753px; 
					width:258px; 
					height:10px; 
					z-index:8;
				}
/*Fin disposition du calque du contenu du pied de page gauche du site */					

/*Debut disposition du calque du contenu du pied de page droite du site */	
#footer-right
				{
					position:absolute; 
					left:720px; 
					top:753px; 
					width:176px; 
					height:10px;
					z-index:9;
				}
/*Fin disposition du calque du contenu du pied de page droite du site */

/*//////////////////////////////////////////////////////////
//////// Fin disposition des calques du site ////////////
/////////////////////////////////////////////////////////*/
#concours {

				position:relative; 
				left:40px; 
				top:30px; 
				width:650px; 
				z-index:5;
}
#miss-right {

 					position:relative; 
 					left:50px; 
 					top:60px; 
 					width:660px;
}

#logo
		{
	position:absolute;
	left:583px;
	top:363px;
	width:168px;
	height:294px;
	z-index:3;
	background-image: url(images/logo.gif);
	layer-background-image: url(images/logo.gif);
	border: 1px solid #008000;
	background-repeat: no-repeat;
		}
#desc-right {

					position:relative;
					left:600px;
					top:1050px;
					width:300px;
					z-index: 2;
}

#menu-sec
			{
	position:absolute;
	left:205px;
	top:311px;
	width:307px;
	height:14px;
	z-index:6;
	border: 1px solid #111419;
			}
#perm-left {

					position:relative; 
					left:50px; 
					top:50px; 
					width:345px; 
					height:216px; 
					z-index:5;
}

#menu-tert
			{
				position:relative;
				left:194px;
				top:324px;
				width:357px;
				height:16px;
				z-index:3;
				border: 1px solid #060608;
			}

#menu-mentorat
			{
				position:relative;
				left:194px;
				top:345px;
				width:357px;
				height:16px;
				z-index:3;
				border: 1px solid #060608;
			}	

#pl-right 
			{
								position:relative; 
								left:530px; 
								top:900px; 
								width:352px; 
								height:216px; 
								z-index:5;
			}
#pl-left 
				{
					position:relative;
					left:40px;
					top:50px;
					width:670px;
					z-index: 2;
				}

#images-accueil
				{
					position:absolute;
					left:199px;
					top:322px;
					width:383px;
					height:259px;
					z-index:2;
					layer-background-image: url(images/mission.jpg);
					border: 1px none #000000;
					background-image: url(images/accueil.jpg);
				}

#ass-photo-bottom
					{
						position:absolute; 
						left:198px; 
						top:574px; 
						width:305px; 
						height:202px; 
						z-index:7;
					}
#photo-part
			{
				position:absolute; 
				left:597px; 
				top:332px; 
				width:280px; 
				height:208px; 
				z-index:7;

			}					
#haut-avantages
					{
						position:absolute; 
						left:878px; 
						top:873px; 
						width:27px; 
						height:26px; 
						z-index:4
					}			

#haut-adhesion
				{
					position:absolute; 
					left:878px; 
					top:1055px; 
					width:27px; 
					height:26px; 
					z-index:4
				}				

#haut-tarification
						{
							position:absolute; 
							left:879px; 
							top:1043px; 
							width:27px; 
							height:26px; 
							z-index:4
						}
#haut-plan
				{
					position:absolute; 
					left:878px; 
					top:925px; 
					width:27px; 
					height:26px; 
					z-index:4
				}		
#haut-part
			{
				position:absolute; 
				left:877px; 
				top:914px; 
				width:27px; 
				height:26px; 
				z-index:4
			}

#haut-mentor
				{
					position:absolute; 
					left:880px; 
					top:1228px; 
					width:27px; 
					height:26px; 
					z-index:4
				}
#haut-mentorat
				{
					position:absolute; 
					left:880px; 
					top:1309px; 
					width:27px; 
					height:26px; 
					z-index:4
				}

#haut-contact
				{
					position:absolute; 
					left:878px; 
					top:724px; 
					width:27px; 
					height:26px; 
					z-index:4
				}

#haut-generaux
				{
				position:absolute; 
				left:878px; 
				top:1170px; 
				width:27px; 
				height:26px; 
				z-index:4
				}

#haut-concours
				{
					position:absolute; 
					left:878px; 
					top:1214px; 
					width:27px; 
					height:26px; 
					z-index:4
				}

#haut-coaching
					{
						position:absolute; 
						left:878px; 
						top:1607px; 
						width:27px; 
						height:26px; 
						z-index:4
					}
#haut-mission
				{
					position:absolute; 
					left:879px; 
					top:722px; 
					width:27px; 
					height:26px; 
					z-index:4
				}
					
#bottom
			{
				position:relative; 
				left:154px; 
				top:540px; 
				width:771px; 
				z-index:3;
			}

#bottom-mission
					{
						position:absolute; 
						left:154px; 
						top:721px; 
						width:769px; 
						z-index:3
					}			
			
#bottom-avantages
					{
						position:absolute; 
						left:154px; 
						top:871px; 
						width:769px; 
						z-index:3
					}

#bottom-adhesion
					{
						position:absolute; 
						left:154px; 
						top:1054px; 
						width:771px; 
						z-index:3
					}					

#bottom-tarification
						{
							position:absolute; 
							left:154px; 
							top:1042px; 
							width:771px; 
							z-index:3
						}					
#bottom-plan
				{
					position:absolute; 
					left:154px; 
					top:924px; 
					width:771px; 
					z-index:3
				}
						
#adh-photo
			{
				position:relative; 
				left:527px; 
				top:351px; 
				width:320px; 
				height:414px; 
				z-index:3
			}

#miss-photo
				{
					position:absolute; 
					left:586px; 
					top:367px; 
					width:283px; 
					height:191px; 
					z-index:3
				}			
		
#bottom-part
				{
					position:absolute; 
					left:154px; 
					top:912px; 
					width:771px; 
					z-index:3
				}

#bottom-mentor
				{
					position:absolute; 
					left:154px; 
					top:1228px; 
					width:771px; 
					z-index:3
				}

#bottom-mentorat
					{
						position:absolute; 
						left:154px; 
						top:1308px; 
						width:771px; 
						z-index:3
					}

#bottom-generaux
					{
						position:absolute; 
						left:154px; 
						top:1169px; 
						width:769px; 
						z-index:3
					}
#bottom-concours
					{
						position:absolute; 
						left:154px; 
						top:1212px; 
						width:771px; 
						z-index:3
					}
#bottom-coaching
					{
						position:absolute; 
						left:0px; 
						top:1343px; 
						width:771px; 
						z-index:3
					}


#bottom-contact
					{
						position:absolute; 
						left:154px; 
						top:723px; 
						width:771px; 
						z-index:3
					}

#bottom-liens
				{
					position:absolute; 
					left:154px; 
					top:506px; 
					width:771px; 
					z-index:3
				}

#bottom-liste
				{
					position:absolute; 
					left:154px; 
					top:506px; 
					width:771px; 
					z-index:3
				}

					
#av-dr-photo
				{
					position:absolute; 
					left:637px; 
					top:424px; 
					width:251px; 
					height:166px; 
					z-index:3
				}

#av-ga-photo
				{
					position:relative; 
					left:250px; 
					top:550px; 
					width:241px; 
					height:150px; 
					z-index:3
				}
#rem-photo
			{
				position:absolute; 
				left:566px; 
				top:321px; 
				width:220px; 
				height:25px; 
				z-index:4

			}				

#mentor-photo
				{
					position:absolute; 
					left:240px; 
					top:1024px; 
					width:284px; 
					height:189px; 
					z-index:6			
				}
			
#liste1
			{
				position:absolute; 
				left:5px; 
				top:100px; 
				width:108px; 
				height:114px; 
				z-index:3
			}

#liste2
		{
			position:absolute; 
			left:167px; 
			top:206px; 
			width:108px; 
			height:114px; 
			z-index:4
		}

#liste3
			{
				position:absolute; 
				left:249px; 
				top:101px; 
				width:161px; 
				height:114px; 
				z-index:5
			}			
			
#desc-left-photo
					{
						position:absolute; 
						left:224px; 
						top:1061px; 
						width:343px; 
						height:164px; 
						z-index:3
					}

#desc1-photo-haut
					{
						position:absolute; 
						left:637px; 
						top:399px; 
						width:263px;
						height:167px; 
						z-index:4
					}

#desc2-photo-haut
					{
						position:absolute; 
						left:637px; 
						top:706px; 
						width:254px; 
						height:178px; 
						z-index:5
					}
	
#sv-right
			{
				position:relative; 
				left:621px; 
				top:230px; 
				width:230px; 
				height:345px; 
				z-index:3
			}

#sv-left
			{
				position:absolute; 
				left:203px; 
				top:921px; 
				width:346px; 
				height:223px; 
				z-index:4
			}
#carte
		{
			position:absolute; 
			left:455px; 
			top:79px; 
			width:142px; 
			height:125px; 
			z-index:3
		}
		
#prime
		{
			position:absolute; 
			left:50px; 
			top:47px; 
			width:125px; 
			height:71px; 
			z-index:3
		}

#texte-prime
				{
					position:absolute; 
					left:339px; 
					top:411px; 
					width:137px; 
					height:26px; 
					z-index:3
				}
#langue
			{
				position:absolute;
				left:853px;
				top:284px;
				width:41px;
				height:16px;
				z-index:4;
				text-align: right;
			}