@charset "UTF-8";

a:link { color: #000000; text-decoration: none; } 
a:visited { color: #000000; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: none; }
a:active {
	color: #000000;
	text-decoration: none;
}
/* On pourait aussi définire les paragraphes, les titres 1, 2, 3, ... (Par défault c'est bien, mais l'affichage peut différer entre IE. FireFox, Safarie, ... ) */
p {
	text-align: left;
	color: #000000;

}
p2 {
	text-align: left;
	color: #8371ac;

}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	line-height: 1.15;	
	margin: 0px;
	padding: 0px;
	}
h2 {}

body{ /* Définition de la couleur de fond, de la police générale, des marges principales, ... */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	line-height: 1.15;	
	margin: 0px;
	padding: 0px;
	background:#2e2d30;
}

#conteneur{ /* Div qui permet de centrer le site et lui donne sa largeur max */
	position:absolute;
	left: 50%;
	margin-left:-350px;
	width:720px;
	z-index:0;
	height: 1000px;
}

#site{ /* Div du site */
	margin:30px 0 30px 0; /* Petites mages en haut et en bas */
	height:1359px; /* Hauteur du site */
	border:0px dashed #64a4fb; /* Pour montrer la position du site. !! Ajouter la taille de la bordure (ou soustraire si tu l'enleve) a la largeure du site dans #conteneur */
	background:url(images/fond.jpg) no-repeat; /* l'image de fond */
}

#site2{ /* Div du site */
	margin:30px 0 30px 0; /* Petites mages en haut et en bas */
	height:2250px; /* Hauteur du site */
	border:0px dashed #64a4fb; /* Pour montrer la position du site. !! Ajouter la taille de la bordure (ou soustraire si tu l'enleve) a la largeure du site dans #conteneur */
	background:url(images/fond-tendance.jpg) no-repeat; /* l'image de fond */
}
#site3{ /* Div du site */
	margin:30px 0 30px 0; /* Petites mages en haut et en bas */
	height:1200px; /* Hauteur du site */
	border:0px dashed #64a4fb; /* Pour montrer la position du site. !! Ajouter la taille de la bordure (ou soustraire si tu l'enleve) a la largeure du site dans #conteneur */
	background:url(images/fond-formation.jpg) no-repeat; /* l'image de fond */
}
#site4{ /* Div du site */
	margin:30px 0 30px 0; /* Petites mages en haut et en bas */
	height:1500px; /* Hauteur du site */
	border:0px dashed #64a4fb; /* Pour montrer la position du site. !! Ajouter la taille de la bordure (ou soustraire si tu l'enleve) a la largeure du site dans #conteneur */
	background:url(images/fond-infos.jpg) no-repeat; /* l'image de fond */
}
#site5{ /* Div du site */
	margin:30px 0 30px 0; /* Petites mages en haut et en bas */
	height:1100px; /* Hauteur du site */
	border:0px dashed #64a4fb; /* Pour montrer la position du site. !! Ajouter la taille de la bordure (ou soustraire si tu l'enleve) a la largeure du site dans #conteneur */
	background:url(images/fond-recrutement.jpg) no-repeat; /* l'image de fond */
}
#site4{ /* Div du site */
	margin:30px 0 30px 0; /* Petites mages en haut et en bas */
	height:1337px; /* Hauteur du site */
	border:0px dashed #64a4fb; /* Pour montrer la position du site. !! Ajouter la taille de la bordure (ou soustraire si tu l'enleve) a la largeure du site dans #conteneur */
	background:url(images/fond-infos.jpg) no-repeat; /* l'image de fond */
}
#site6{ /* Div du site */
	margin:30px 0 30px 0; /* Petites mages en haut et en bas */
	height:1600px; /* Hauteur du site */
	border:0px dashed #64a4fb; /* Pour montrer la position du site. !! Ajouter la taille de la bordure (ou soustraire si tu l'enleve) a la largeure du site dans #conteneur */
	background:url(images/fond-trident.jpg) no-repeat; /* l'image de fond */
}
#site7{ /* Div du site */
	margin:30px 0 30px 0; /* Petites mages en haut et en bas */
	height:1205px; /* Hauteur du site */
	border:0px dashed #64a4fb; /* Pour montrer la position du site. !! Ajouter la taille de la bordure (ou soustraire si tu l'enleve) a la largeure du site dans #conteneur */
	background:url(images/fond-esthetique.jpg) no-repeat; /* l'image de fond */
}

#top{ /* On coupe le site en deux, ici Div #top (le menu) */
	height:558px; /* !! #top height + #bas height = #site height */
}
#menu1{
	position:absolute;
	top:525px;
	padding-left:00px;
	z-index:1;
	left: 57px;
	border: 0px;
} /* position du lien Accueil (une image jpg, plutot que du texte pour garder t'as police d'écriture) */
#menu2{
	position:absolute;
	top:525px;
	padding-left:00px;
	z-index:1;
	left: 155px;
	border: 0px;
}
#menu3{
	position:absolute;
	top:525px;
	padding-left:00px;
	z-index:1;
	left: 265px;
	border: 0px;
}
#menu4{
	position:absolute;
	top:525px;
	padding-left:00px;
	z-index:1;
	left: 534px;
	border: 0px;
}
#menu5{
	position:absolute;
	top:525px;
	padding-left:00px;
	z-index:1;
	left: 387px;
	border: 0px;
}
#menu6{
	position:absolute;
	top:560px;
	padding-left:00px;
	z-index:1;
	left: 83px;
	border: 0px;
}
#menu7{
	position:absolute;
	top:560px;
	padding-left:00px;
	z-index:1;
	left: 446px;
	border: 0px;
}

#bas{ /* On coupe le site en deux, ici Div #bas (le contenus) */
	height:800px; /* !! #top height + #bas height = #site height */
}
#contenus1{
	position:absolute;
	top:183px;
	padding-left:00px;
	z-index:1;
	left: 46px;
	border: 0px;
	width: 650px;
	height: 325px;
} /* position du texte */ 
#contenus2{
	position:absolute;
	top:629px;
	padding-left:00px;
	z-index:1;
	left: 80px;
	border: 0px;
	width: 195px;
	height: 250px;
}
#contenus3{
	position:absolute;
	top:930px;
	padding-left:00px;
	z-index:1;
	left: 77px;
	border: 0px;
	width: 579px;
	height: 440px;
}
#contenus4{
	position:absolute;
	top:620px;
	padding-left:00px;
	z-index:1;
	left: 71px;
	border: 0px;
	width: 601px;
	height: 706px;
	font-weight: normal;
}
#contenus5{
	position:absolute;
	top:1136px;
	padding-left:00px;
	z-index:1;
	left: 292px;
	border: 0px;
	width: 142px;
	height: 81px;
}
#contenus6{
	position:absolute;
	top:1441px;
	padding-left:00px;
	z-index:1;
	left: 172px;
	border: 0px;
	width: 89px;
	height: 194px;
}
#contenus7{
	position:absolute;
	top:1456px;
	padding-left:00px;
	z-index:1;
	left: 459px;
	border: 0px;
	width: 110px;
	height: 138px;
}
#contenus8{
	position:absolute;
	top:609px;
	padding-left:00px;
	z-index:1;
	left: 90px;
	border: 0px;
	width: 554px;
	height: 768px;
}
#contenus9{
	position:absolute;
	top:16px;
	padding-left:00px;
	z-index:1;
	left: 264px;
	border: 0px;
	width: 290px;
	height: 230px;
	text-align:right;
}
#contenus10{
	position:absolute;
	top:665px;
	padding-left:00px;
	z-index:1;
	left: 325px;
	border: 0px;
	width: 317px;
	height: 218px;
	text-align:right;
}
#contenus11{
	position:absolute;
	top:1269px;
	padding-left:00px;
	z-index:1;
	left: 320px;
	border: 0px;
	width: 140px;
	height: 81px;
	text-align: right;
}
#contenus12{
	position:absolute;
	top:446px;
	padding-left:00px;
	z-index:1;
	left: 252px;
	border: 0px;
	width: 350px;
	height: 283px;
	font-size: 14px;
}
#contenus13{
	position:absolute;
	top:718px;
	padding-left:00px;
	z-index:1;
	left: 0px;
	border: 0px;
	width: 391px;
	height: 220px;
	font-size: 14px;
}
#contenus14{
	position:absolute;
	top:827px;
	padding-left:00px;
	z-index:1;
	left: 71px;
	border: 0px;
	width: 603px;
	height: 222px;
	text-align: center;
}