/* *************** */
/* Styles généraux */
/* *************** */
body {
	font: normal 0.9em arial, helvetica;
	padding: 0;
	margin: 0;
	background-color: #4ab8c4;
}
#conteneur {padding: 5px 20px 0px 20px;}
.pagesCorps {
	width: 939px;
	height: 563px;
}
.separateur {clear:both; line-height: 0;font-size: 0; height: 0;}
.caches {display: none;}
#tetiere {
	width: 939px;
	height: 28px;
	background: url(/_images/tetiereFond.gif) top left no-repeat;
}
#tetiereLiens {
	color: #ffffff;
	font-size: 11px;
	float: right;
	padding: 4px 0px 0px 0px;
	line-height: 24px;
}
#tetiereLiens a {text-decoration: none; color: #ffffff;padding: 2px 2px 6px 2px;}
#tetiereLiens a:hover{background-color: #ffffff; color: #005dab; padding: 2px 2px 6px 2px;}
#tetiereLiens img {border: none;}
#tetiereHome {border: none; margin: 0; vertical-align: middle;}
.point {font-size: 24px; font-weight: bold; margin: 0; line-height: 1px; position: relative; bottom: 3px;}
.pipe {color: #f78c33; font-weight: bold; font-size: 16px;margin: 0; line-height: 10px;}
#footer {width: 953px; margin-bottom: 10px}
#footer img {border: none;}
#footerBoutonsImage {margin-top: 10px;}
#footerMentions {
	float: right;
	font-size: 10px;
	color: #000000;
	line-height: 30px;
	font-weight: bold;
}
#footerMentions a {text-decoration: none; color: #000000}
#footerMentions a:hover {text-decoration: underline}
#footerLienCCIP {font-style: italic; font-size: 11px;}
#footerLienCCIP img {position: relative; top: 7px;}

h1.mentionsLegales, h1.tchats, h1.newsletter {margin: 1px 0 5px 0; font-size: 16px; color: #157741;}
h2.mentionsLegales {margin: 1px 0 5px 0; font-size: 14px; color: #157741;}
p.mentionsLegales, p.tchats, .newsletter {font-size: 11px;background-color: #f29645; border: 1px solid #005dab; padding: 5px; margin: 5px 10px 10px 0px;}
/* ------------------------------------ */
/* 			Téléchargements 			*/
/* ------------------------------------ */

#pageTelechargements {
	background: url(/_images/telechargementsFond.gif) top left no-repeat;
}
#telechargementsTitre {
	border-top: 1px solid #a7a9ab;
 	width: 100%;
 	height: 40px;
 	margin-top: 2px;
}
#telechargementEncartCorps {
	position: absolute;
	top: 130px;
	left: 294px;
	width: 625px;
	height: 405px;
	background-color: #ffffff;
	opacity: .5;
	filter: alpha(opacity=50);
	border: 2px solid #a7a9ab;
	z-index:20;
}
#telechargementsListe {
	position: absolute;
	top: 170px;
	left: 295px;
	z-index: 30;
	width: 625px;
	height: 340px;
	border-top: 1px solid #a7a9ab;
	overflow: auto;
}
#telechargementsListe img {border: none; text-decoration: none; float: left; margin-right: 15px;}
#telechargementsListe a {text-decoration: none; color: #000000;}
#telechargementsListe a:hover{text-decoration: underline;}
#telechargementsListe li {clear: both; margin: 8px 0 8px 0; list-style-type: none;}
.telechargementDescription {
	font-size: 11px;
	line-height: 14px;
}
.telechargementCaracteristiques {
	font-size: 10px;
	margin-left: 50px;
	width: 100px;
	text-decoration: underline;
}
/* ------------------------------------ */
/* 					Jeu		 			*/
/* ------------------------------------ */

.jeuMessagesFin a {color: #000000; text-decoration: underline;}
#pageJeu {
	background: url(/_images/jeuFond.gif) top left no-repeat;
}
#jeuQuestion {
	position: absolute;
	top: 168px;
	left: 325px;
	width: 210px;
	font-size: .8em;
	font-weight: normal;
	color: #000000;
	z-index: 100;
	line-height: 1.3em;f
}
#jeuQuestion h1 {
	font-size: 1.1em;
	font-weight: normal;
	color: #005dab;
	line-height: 1em;
}
#jeuCercleVert {
	position: absolute;
	top: 130px;
	left: 270px;
	width: 328px;
	height: 329px;
	opacity: .6;
	filter: alpha(opacity=60);
	z-index: 90;
	background: url(/_images/jeuCercleVert.gif) top left no-repeat;
}
#jeuPaletteScoresDefi {
	position: absolute;
	top: 70px;
	left: 730px;
	height: 440px;
	padding: 15px;
	border: 2px solid #807f84;
	opacity: .8;
	filter: alpha(opacity=80);
	background: #ffffff;
}
#jeuPaletteScores {
	width: 155px;
	height: 218px;
	background: url(/_images/jeuPaletteScoresFond.gif) top left no-repeat;
	font-size: 14px;
	font-weight: bold;

}
#jeuPaletteScores table {
	list-style-type: none;
	margin-top: 60px;
	width: 110px;
	margin-left: 10px;
}
.meilleursScores_score {
	font-size: 18px;
	text-align: right;
	color: #ffffff;
}
.meilleursScores_pseudo {
	color: #9bd5da;
}
#jeuDefiTitre {
	margin-bottom: 5px;
}
#jeuPaletteDefi {
	text-align: top;
	border: 1px solid #807f84;
	margin-top: 20px;
	color: #005dab;
	padding: 10px;
	font-size: 12px;
	width: 135px;
	_width: 155px;
}
#fmDefiNom, #fmDefiEmail {
	width: 100px;
	font-family: arial;
	height: 12px; line-height: 12px; font-size: 9px;
}
#jeuOk {
	position: relative;
	left: 95px;
}
#jeuPaletteLogin {
	position: relative;
	top: 20px;
	left: 20px;
	padding: 15px;
	width: 130px;
	color: #227144;
	font-size: 13px;
	border: 2px solid #227144;
}
#fmLoginPseudo, #fmLoginPass {
	width: 100px;
	line-height: 14px;
	color: #227144;
	font-size: 13px;
}
/* ------------------------------------ */
/*				Métiers					*/
/* ------------------------------------ */
#pageMetiers {
	background: url(/_images/metiersFond.gif) top left no-repeat;
}
#metiersDropDownMetiers {
	float: right;
}
#dropDownMetiersSelect {
	font-size: 11px;
	width: 200px;
	margin: 50px 50px 0px 0px;
}
#metiersEncartCorps {
	position: absolute;
	top: 130px;
	left: 294px;
	width: 625px;
	height: 405px;
	background-color: #ffffff;
	opacity: .5;
	filter: alpha(opacity=50);
	border: 2px solid #a7a9ab;
	z-index:20;
}
#metiersTitre {
	position: absolute;
	top: 130px;
	left: 295px;
	z-index: 29;
	border-top: 1px solid #a7a9ab;
 	width: 625px;
 	height: 40px;
 	margin-top: 2px;
 	font-size: 14px;
 	font-weight: bold;
 	text-align:center;
}
#metiersCorps {
	font-size: 12px;
	position: absolute;
	top: 175px;
	left: 295px;
	z-index: 30;
	width: 605px;
	_width: 621px;
	height: 340px;
	_height: 355px;
	border-top: 1px solid #a7a9ab;
	overflow: auto;
	padding: 10px;
	text-align: justify;
}
#metiersEncartTemoignageEncart {
	position: absolute;
	top: 290px;
	left: 54px;
	width: 205px;
	height: 205px;
	background-color: #ffffff;
	opacity: .5;
	filter: alpha(opacity=50);
	border: 2px solid #a7a9ab;
	z-index:20;
}
#metiersEncartTemoignage img {
	border: none;
}
#metiersEncartTemoignagePhoto {
	height: 170px;
	margin: 10px 0 0 10px;
}
#metiersEncartTemoignage {
	position: absolute;
	top: 295px;
	left: 60px;
	width: 195px;
	z-index:30;
	font-size: 11px;
	font-weight: bold;
}
/* ------------------------------------ */
/*	Actus-Agenda / Projets Ingénieurs	*/
/* ------------------------------------ */

#pageProjets {
	background: url(/_images/projetsFond.gif) top left no-repeat;
}
#pageActusAgenda {
	background: url(/_images/projetsActusAgenda.gif) top left no-repeat;
}
#projetsEncartCorps, #actusAgendaEncartCorps {
	background-color: #ffffff;
	opacity: .5;
	filter: alpha(opacity=50);
	border: 2px solid #a7a9ab;
	z-index:20;
}
#projetsEncartCorps {
	position: absolute;
	top: 160px;
	left: 325px;
	width: 575px;
	height: 375px;
	background-color: #ffffff;
	opacity: .5;
	filter: alpha(opacity=50);
	border: 2px solid #a7a9ab;
	z-index:20;
}
#projetsCorps {
	position: absolute;
	top: 160px;
	left: 325px;
	width: 545px;
	_width: 575px;
	height: 345px;
	_height: 375px;
	padding: 15px;
	z-index: 30;
	text-align: justify;
}
#actusAgendaEncartCorps {
	position: absolute;
	top: 140px;
	left: 285px;
	width: 620px;
	height: 375px;
	background-color: #ffffff;
	opacity: .5;
	filter: alpha(opacity=50);
	border: 2px solid #a7a9ab;
	z-index:20;
}
#actusAgendaCorps {
	position: absolute;
	top: 140px;
	left: 285px;
	width: 590px;
	_width: 620px;
	height: 345px;
	_height: 375px;
	padding: 15px;
	z-index: 30;
	text-align: justify;
}
#actusAgendaCorps, #projetsCorps {
	overflow: auto;
	font-size: 12px;
}

/* ------------------------------------ */
/* 			Création de compte 			*/
/* ------------------------------------ */

#pageCreationCompte h1 {margin: 1px 0 5px 0; font-size: 16px; color: #157741;}
#pageCreationCompte {font-size: 12px; color: #ffffff;}
#pageCreationCompte a {color: #ffffff; text-decoration: underline;}
#fmCreationCompte {border: 1px solid #9a9a9d; background-color: #eefff5; padding: 5px; margin: 5px 10px 10px 0px; color: #000000;}
.fmCreationCompteEtiquette {width: 115px; float: left;}
#pageCreationCompte input {width: 150px; margin-bottom: 5px;}
#creationCompteErreurs {background-color: #f29645; border: 1px solid #005dab; padding: 5px; margin: 5px 10px 10px 0px;}
#creationCompteErreurs h1 {margin: 1px 0 5px 0; font-size: 14px; color: #d32d2d;}
#fmCreationCompteSubmit {margin: 5px 0 5px 110px;}

/* ------------------------------------ */
/* 			Boîte à questions			*/
/* ------------------------------------ */

#boiteQuestions {
	background: url(/_images/boiteQuestionsFond.gif) top left no-repeat;
}
#boiteQuestionsFormulaire {
	position: absolute;
	top:165px;
	left: 315px;
	width: 247px;
	height: 233px;
	text-align: center;
	font-size: 12px;
	color: #005dab;
}
#boiteQuestionsFormulaire div {margin-top: 10px;}
#fmBoiteQuestionsNom, #fmBoiteQuestionsPrenom, #fmBoiteQuestionsEmail {
	width: 100px;
	height: 12px; line-height: 12px; font-size: 10px;
}
.fmBoiteQuestionsGauche {float: left;}
#fmBoiteQuestionsCiviliteMonsieur {margin-left: 20px;}
#boiteQuestionsErreurs {color: #d32d2d; font-weight: bold;}
#fmBoiteQuestionsEncartMessage {
	position: relative;
	bottom: 50px;
	left: 200px;
}
#fmBoiteQuestionsMessage {
	width: 310px;
	height: 150px;
	font-size: 11px;
	padding: 5px;
	font-family: arial;
}