body {
	margin: 0;
	padding: 0;
	background-color: #fff;
}
	
#page {
	position: relative;
	margin: auto;
	width: 990px;
}

#animation {
	position: absolute;
	top: 0;
	left: 87px;
}

.accueil #page {
	background-image: url(/images/fond-entete.gif);
	background-repeat: no-repeat;
	padding-top: 393px;
}

.texte #page {
	background-image: url(/images/fond-entete-texte.jpg);
	background-repeat: no-repeat;
	padding-top: 360px;
}

.amenagement #page {
	background-image: url(/images/fond-entete-amenagement.jpg) !important;
}

.carossiere #page {
	background-image: url(/images/fond-entete-carrossiere.jpg) !important;
}

.dessinatrice #page {
	background-image: url(/images/fond-entete-dessinatrice.jpg) !important;
}

.ebeniste #page {
	background-image: url(/images/fond-entete-ebeniste.jpg) !important;
}

.operatrice #page {
	background-image: url(/images/fond-entete-operatrice.jpg) !important;
}

.arpentage #page {
	background-image: url(/images/fond-entete-arpentage.jpg) !important;
}

.genie #page {
	background-image: url(/images/fond-entete-genie.jpg) !important;
}

.electrotechnique #page {
	background-image: url(/images/fond-entete-electrotechnique.jpg) !important;
}

.fabrication #page {
	background-image: url(/images/fond-entete-fabrication.jpg) !important;
}

/*
.arpenteure #page {
	background-image: url(/images/fond-entete-arpenteure.jpg) !important;
}
*/

.logistique #page {
	background-image: url(/images/fond-entete-logistique.jpg) !important;
}

.agricultrice #page {
	background-image: url(/images/fond-entete-agricultrice.jpg) !important;
}

.mecanicienne-industrielle #page {
	background-image: url(/images/fond-entete-mechanicienne-i.jpg) !important;
}

.ouvriere-agricole #page {
	background-image: url(/images/fond-entete-ouvriere-agrico.jpg) !important;
}

.pompiere #page {
	background-image: url(/images/fond-entete-pompiere.jpg) !important;
}

.electricienne #page {
	background-image: url(/images/fond-entete-electricienne.jpg) !important;
}

.electromecanicienne #page {
	background-image: url(/images/fond-entete-electromecanici.jpg) !important;
}

.machiniste #page {
	background-image: url(/images/fond-entete-machiniste.jpg) !important;
}

.mechanicienne-machineries #page {
	background-image: url(/images/fond-entete-mecanicienne.jpg) !important;
}

.assistante-technique #page {
	background-image: url(/images/fond-entete-assistante-tech.jpg) !important;
}

.bouchere #page {
	background-image: url(/images/fond-entete-bouchere.jpg) !important;
}

.finisseuse #page {
	background-image: url(/images/fond-entete-finition.jpg) !important;
}

.soudeuse #page {
	background-image: url(/images/fond-entete-soudeuse.jpg) !important;
}

.acheteuse #page {
	background-image: url(/images/fond-entete-acheteuse.jpg) !important;
}

.dentaire #page {
	background-image: url(/images/fond-entete-dentaire.jpg) !important;
}

.conseillere #page {
	background-image: url(/images/fond-entete-conseilliere.jpg) !important;
}

.hygieniste_dentaire #page {
	background-image: url(/images/fond-entete-hygieniste_dentaire.jpg) !important;
}

.graphiste #page {
	background-image: url(/images/fond-entete-graphiste.jpg) !important;
}

.infirmiere_diplomee #page {
	background-image: url(/images/fond-entete-infirmiere_diplomee.jpg) !important;
}

.patissiere #page {
	background-image: url(/images/fond-entete-patissiere.jpg) !important;
}

.mecanicienne_vehicules_lourds #page {
	background-image: url(/images/fond-entete-mecanicienne_vehicules_lourds.jpg) !important;
}

.technicienne_en_design_industriel #page {
	background-image: url(/images/fond-entete-technicienne_en_design_industriel.jpg) !important;
}

.tableaux #page {
	background-image: url(/images/fond-entete-tableau.gif);
	background-repeat: no-repeat;
	/*padding-top: 373px;*/
	padding-top: 366px;
}

.forte #page {
	background-image: url(/images/fond-entete-forte.jpg);
	background-repeat: no-repeat;
	padding-top: 323px;
	min-height: 494px;
}

#fil {
	position: absolute;
	font-size: 11px;
	color: #808285;
	width: 475px;

}

#fil a {
	color: #808285 !important;
}

#fil a:hover {
	color: #000 !important;
}

#fil span {
	color: #814f95;
}

.texte #fil {
	top: 330px;
	left: 325px;
}

.tableaux #fil {
	top:-30px;
	left: -115px;
}


/*---------------------------
/* menu
/*--------------------------*/
.accueil #menu {
	position: absolute;
	top: 298px;
	left: 25px;

}

.texte #menu,
.tableaux #menu,
.forte #menu {
	position: absolute;
	top: 231px;
	left: 25px;

}

#menu a {
	
}

#menu img {
	border: 0;
}

#menu {
	z-index: 600;
}

#menu-accueil {
	position: absolute;
	left: 15px;
	top: 55px;
}

#menu-metiers-pour-toi {
	position: absolute;
	z-index: 900;
	top: 40px;
	left: 153px;
}

#menu-duel-des-metiers {
	position: absolute;
	
	top: 29px;
	left: 363px;
	
}

#menu-joue-un-peu {
	position: absolute;
	top: 20px;
	left: 560px;
}

#menu-liens {
	position: absolute;
	top: 9px;
	left: 725px;
}

#menu-contact {
	position: absolute;
	top: 2px;
	left: 830px;
}

#sous-menu-metiers {
	position: absolute;
	z-index: 300;
	top: 63px;
	left: 170px;
	background-image: url(/images/fond-menu-metiers.png);
	background-repeat: no-repeat;
	background-position: 0 10px;
	
	width: 107px;
	padding-left: 20px;
	/*height: 133px;*/
	/*padding-top: 8px;*/
	overflow: hidden;
	height: 0;
}

#menu-audacieuse {
	margin-top: 18px;
}

* html #menu-audacieuse {
	margin-top: 18px;
}

#sous-menu-metiers a {
	display: block;
}

#sous-menu-metiers img {
	border: 0;
}

#sous-menu-joue {
	position: absolute;
	z-index: 300;
	top: 42px;
	left: 570px;
	background-image: url(/images/fond-menu-joue.png);
	background-repeat: no-repeat;
	background-position: 0 10px;
	width: 107px;
	padding-left: 20px;
	/*height: 83px;*/
	/*padding-top: 8px;*/
	overflow: hidden;
	height: 0;
}

#sous-menu-joue a {
	display: block;
}

#sous-menu-joue img {
	border: 0;
}

#menu-qui {
	margin-top: 18px;
}


/*----------------------------
/* contenu
/*-----------------------------*/
#contenu a {
	color: #84509a;
	
}

#contenu a:hover {
	color: #000;
}

#contenu h2 {
	color: #c7d22c;
	font-size: 20px;
	font-weight: normal;
}


.accueil #contenu {
	color: #303132;
	padding-left: 124px;
	width: 350px;
	padding-bottom: 15px;
}

.accueil #contenu h1 {
	display: inline;
	padding: 0;
	margin: 0;
	font-size: 15px;
	color: #f8952d;
	text-transform: uppercase;
	margin-right: 5px;
	
	
}

.accueil #contenu span {
	color: #f8952d;
}


.texte #contenu {
	color: #303132;/*#808285;*/
	font-size: 15px;
	line-height: 1.5em;
	padding-left: 324px;
	width: 510px;
	padding-bottom: 15px;
	min-height: 250px;
	
}

* html {

	height: 250px;
}

.texte #contenu h1 {
	font-size: 24px;
	font-weight: normal;
	color: #f39715;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
	line-height: 1.3em;
}

.texte #contenu h2.titre-etudes {
	position: relative;
	text-indent: -9000px;

	height: 47px;
	width: 111px; 
	left: -5px;
	background-image: url(/images/titre-etudes.gif);
	background-repeat: no-repeat;
}

.texte #contenu h2.titre-fait {
	position: relative;
	text-indent: -9000px;

	height: 87px;
	width: 290px; 
	left: -5px;
	background-image: url(/images/titre-qu-est-ce-que-ca-fait.gif);
	background-repeat: no-repeat;
}

.texte #contenu h2.titre-qualites {
	position: relative;
	text-indent: -9000px;

	height: 73px;
	width: 411px; 
	left: -40px;
	background-image: url(/images/titre-quelles-sout-les-qual.gif);
	background-repeat: no-repeat;
}

.texte #contenu h2.titre-travail {
	position: relative;
	text-indent: -9000px;

	height: 81px;
	width: 294px; 
	left: -5px;
	background-image: url(/images/titre-ou-peux-tu-travailler.gif);
	background-repeat: no-repeat;
}

.texte #contenu h2.titre-salaire {
	position: relative;
	text-indent: -9000px;

	height: 71px;
	width: 229px; 
	left: -5px;
	background-image: url(/images/titre-salaire.gif);
	background-repeat: no-repeat;
}

.texte #contenu h2.titre-etudes-ou {
	position: relative;
	text-indent: -9000px;

	height: 80px;
	width: 282px; 
	left: -40px;
	background-image: url(/images/titre-ou-peux-tu-etudier.gif);
	background-repeat: no-repeat;
}

.texte #contenu h2.titre-taches{
	position: relative;
	text-indent: -9000px;

	height: 79px;
	width: 256px; 
	left: 0px;
	background-image: url(/images/titre-taches.gif);
	background-repeat: no-repeat;
}

.tableaux #contenu {
	position: relative;
	height: 1664px;
	/*width: 866px;*/
	width: 885px;
	background-image: url(/images/tableaux.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	text-align: center;
	/*left: 100px;*/
	left: 83px;
	
	
}

.tableaux #contenu h1 {
	position: absolute;
	z-index: 200;
	top:0;
	left: 55px;
	font-size: 24px;
	font-weight: normal;
	color: #f39715;
	padding: 0;
	margin: 0;
}

.tableaux #contenu table {
	position: absolute;
	
}


.tableaux #contenu #travail-social-logistique {
	top: 105px;
	left: 102px;
}

.tableaux #contenu #travail-social-logistique td {
	width: 300px;
	padding-right: 37px;
	padding-bottom: 10px;
}

.tableaux #contenu #educatrice-acheteuse {
	top: 400px;
	left: 173px;
}

.tableaux #contenu #educatrice-acheteuse td {
	width: 215px;
	padding-right: 7px;
	padding-bottom: 6px;
}

.tableaux #contenu #estheticienne-designer {
	top: 685px;
	left: 50px;
}

.tableaux #contenu #estheticienne-designer td {
	width: 350px;
	padding-right: 20px;
	padding-bottom: 10px;
}

.tableaux #contenu #informiere-pompiere {
	top: 970px;
	left: 294px;
}

.tableaux #contenu #informiere-pompiere td {
	width: 275px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.tableaux #contenu #archiviste-arpentage {
	top: 1278px;
	left: 20px;
}

.tableaux #contenu #archiviste-arpentage td {
	width: 275px;
	padding-right: 37px;
	padding-bottom: 10px;
	padding-top: 5px;
}

.forte #contenu {
	position: relative;
	left: 275px;
	width: 584px;
	min-height: 164px;
	
	background-image: url(/images/haut-contenu-forte.png);
	background-repeat: no-repeat;
	
}

.forte #contenu #texte {
	margin-top: 25px;
	background-color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	
}

.forte #contenu #texte p{
	margin: 0;
	padding: 0;
	margin-top: 10px;
	
}

.forte #contenu #texte h1 {
	color: #f39715;
	font-size: 24px;
	font-weight: normal;
	padding:0;
	margin: 0;
}

.forte #contenu #bas-contenu {
	height: 39px;
	width: 584px;
	background-image: url(/images/bas-contenu-forte.png);
	background-repeat: no-repeat;
}

/*----------------------------
/* Metiers
/*--------------------------*/
.unMetier {
	border-bottom: 1px dashed #84509a;
	
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.unMetier p {
	margin: 0;
	padding: 0;

}



/*----------------------------
/* liens
/*---------------------------*/
#liens {
	position: absolute;
	z-index: 200;
	top: 367px;
	right: 0;
	background-image: url(/images/fond-liens.png);
	background-repeat: no-repeat;
	width: 483px;
	height: 197px;
	
}

#liens img {
	border: 0;
	
}

#liens a {
	position: absolute;
}

#menu-lien-duel-des-metiers {
	top:50px;
	left: 210px;
}

#menu-qui-fait-quoi {
	top:152px;
	left: 80px
}

#menu-vrai-ou-faux {
	top:158px;
	left: 190px
}

#menu-liens-utiles {
	top:125px;
	left: 340px
}


/*----------------------------
/* tableau-accueil
/*----------------------------*/
#tableau-accueil {
	z-index: 100;
	position: relative;
	background-image: url(/images/tableau-accueil.gif);
	background-repeat: no-repeat;
	width: 896px;
	left: 94px;
	height: 430px;
	color: #2e2967;
	font-size: 12px;
	line-height: 1em;
}

#tableau-accueil p {
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
}

#tableau-accueil a {
	color: #2e2967;
	text-decoration: none;
}

#tableau-accueil a:hover {
	color: #84509a;
}

#tableau-accueil div {
	width: 120px;
	position: absolute;
	top: 115px;
	text-align: center;
	
}

#tableau-accueil p {
	padding: 0;
	margin: 0;
	margin-bottom: 12px;
}

#tableau-accueil #td-audacieuse {
	left: 35px;
}

#tableau-accueil #td-minutieuse {
	left: 185px
}

#tableau-accueil #td-artistique {
	left: 325px
}

#tableau-accueil #td-forte {
	left: 465px
}

#tableau-accueil #td-manuelle {
	left: 612px;
	
}

#tableau-accueil #td-sociable {
	left: 755px;
	
}

/*-----------------------
/* partenaires
/*---------------------*/

#partenaires {
	padding-top: 35px;
	color: #939598;
}

#partenaires #logo {
	width: 500px;
	float: right;
}

#partenaires #logo img {
	border: 0;
}

#partenaires #texte {
	width: 480px;
	float: left;
	padding-top: 15px;
	text-align: center;
}

/*--------------------------
/*	Source
/*------------------------*/
#source img {
	vertical-align: middle;
	border: 0;
	padding-left: 15px;
}

#source {
	text-align: center;
	color: #939598; 
}


/*--------------------------
/* pied
/*-------------------------*/
#pied {
	height: 50px;
	padding-top: 25px;
	width: 990px;
	margin: auto;
	color: #939598;
	font-size: 10px;
}

#pied a {
	color: #939598;
}

#pied a:hover {
	color: #000;
}

#copyrights {
	float: left;
	
}

#realisation {
	float: right;
}

/*---------------------------------
/* Vrai ou Faux
/*-------------------------------*/
.unVraiFAux .invisible {
	display: none;
}

.unVraiFAux .choix img {
	cursor: pointer;
	border: 0;
}

.unVraiFAux .choix {
	text-align: center;
}

.unVraiFAux {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #c7d22c;
}

.unVraiFAux .vrai {
	display: block;
	border: 1px solid #83AB6F;
	background-color: #EAFFDF;
	color: #333;
	padding: 10px;
}

.unVraiFAux .faux {
	display: block;
	border: 1px solid #AB836F;
	background-color: #FFEADF;
	color: #333;
	padding: 10px;
}


/*------------------------------------
/* qui fait quoi
/*----------------------------------*/
.unQuiFaitQuoi {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #c7d22c;
}

.unQuiFaitQuoi .invisible {
	display: none;
}

.unQuiFaitQuoi .choix img {
	position: absolute;
	top:0;
	left: 0;
	border: 0;
	vertical-align: middle;
	
}

.unQuiFaitQuoi .choix a {
	padding-left: 75px;
	position: relative;
	height: 40px;
	padding-top: 10px;
	display: block;
	color: #825097;
	text-decoration: none;
	font-size: 18px;
}

.unQuiFaitQuoi .choisie, 
.unQuiFaitQuoi .choisie:hover {
	color: #2e2867 !important;

}

.unQuiFaitQuoi .pasChoisie,
.unQuiFaitQuoi .pasChoisie:hover {
	color: #825097 !important;

}


.unQuiFaitQuoi .choix a:hover {
	color: #2e2867;
}



.unQuiFaitQuoi .vrai {
	display: block;
	border: 1px solid #83AB6F;
	background-color: #EAFFDF;
	color: #333;
	padding: 10px;
}

.unQuiFaitQuoi .faux {
	display: block;
	border: 1px solid #AB836F;
	background-color: #FFEADF;
	color: #333;
	padding: 10px;
}