/* CSS Document */
body {
	width:650px;
	margin:0px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	color:#636363;
	background:#FFFFFF;	
}
div, form, ul, li, p, input, select, h1, h2, h3, h4, h5, img, a {padding:0; margin:0;}
ul, li {list-style:none;}
table, img, img a {border:none;}
a {text-decoration:none; color:#000000;}
a:hover {text-decoration:underline;}
input, select, textarea {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#2C3A42;}
table tr td {vertical-align:top;}
.cb {clear:both;}
.htrans {height:25px;}
.hcontenu {height:500px;}

/* Menu remplacement flash*/
#menurempl, .tableft {display:none;}
.transverse, .logo, .contenuinter, .def, .colleft, .footer, .listlogo, .colright, .listlink, .haut, .link {display:none;}

#mp {padding:10px 10px 10px 0;}
.contenu {padding:0 0 20px 170px;}

.legende {font-size:10px;}

.visuel {padding:0 0 0 8px; width:326px; vertical-align:bottom;}
h2 {padding-bottom:12px;}
h3 {color:#DB1E8C; padding:20px 0 0 0; font-size:13px;}
* html ul.candidat {height:1%;}
ul.candidat:after {content:"."; display:block; height:0; clear:both; color:#FFFFFF;}
ul.candidat li {float:left; margin-right:5px;}
p {padding-bottom:10px;}
p span, p label span{color:#DB1E8C; padding:0px 3px;}
form p {clear:both;}
form p label{font-weight:bold; display:block; float:left; width:200px; text-align:right; padding-right:5px;}
form p span.infoform {color:#9E9E9E;}
p.obli {padding:15px 0;}
p.valid {padding-left:205px;}
p.contactv {padding-left:150px;}
p.txt {padding-right:30px;}
input.suiv {border:none; color:#FFFFFF; background:url("../img/css/bk-suivant.gif") 0px 0px no-repeat; font-weight:bold; padding:0px 5px 3px 0px; width:91px; font-size:13px; cursor:pointer;}
input.retour {border:none; color:#FFFFFF; background:url("../img/css/bk-retour.gif") 0px 0px no-repeat; font-weight:bold; padding:0px 5px 3px 0px; width:91px; font-size:13px; cursor:pointer;}

/*Carrière*/
.topcarriere {background:url("../img/css/visuel_carriere.jpg") right 2px no-repeat; height:280px;}
.topcarriere .video { width:270px; margin:0px 10px 10px 300px;}
.topcarriere .capture img {margin:0 5px 0 0;}
.bloccarriere .left {float:left; margin-left:30px; width:165px;}
..bloccarriere .left {float:left; margin-left:22px; width:165px;}
.bloccarriere .left h3{margin:0; padding:0;}
.bloccarriere .left .bloc{background:#F2F2F2; padding:8px 8px 0 8px; margin-top:2px;}
* html .bloccarriere {height:1%;}
*:first-child+html .bloccarriere {height:100%;} 
.bloccarriere:after {content:"."; display:block; height:0; clear:both; color:#FFFFFF;}

/* Quiz */
.quiz {background:url("../img/css/visuel_quiz.jpg") right -8px no-repeat;}
* html .quiz {height:1%;}
*:first-child+html .quiz {height:100%;} 
.quiz:after {content:"."; display:block; height:0; clear:both; color:#FFFFFF;}
.quiz .questions{width:340px; float:right;}
.quiz .questions h3 {padding:0 0 10px 0;}
.quiz .questions ul li {padding:2px 0 15px 2px; background:url("../img/css/bk-li.gif") 0px 3px no-repeat; }
.quiz .questions ul li span {font-weight:bold; color:#FFFFFF; padding:0 10px 0 1px; font-size:11px;}
.quiz .questions form label {float:left; font-weight:normal; text-align:left; width:250px; padding:0px 0 0 5px;}
* html .quiz .questions form label {padding:3px 0 0 3px;}
*:first-child+html .quiz .questions form label {padding:3px 0 0 3px;}
.quiz .questions form input {float:left; margin:0px;}
.quiz .questions form p {padding:0; margin:2px 0 0 15px;}
* html .quiz .questions form p {height:1%; margin:0px 0 0 15px;}
*:first-child+html .quiz .questions form p {height:100%; margin:0px 0 0 15px;} 
.quiz .questions form p:after {content:"."; display:block; height:0; clear:both; color:#FFFFFF; margin:4px 0 0 15px;}

/* Métiers */
.metiers h3 {float:left; margin:-10px 0 0 0; padding:0;}
.metiers img {padding-bottom:10px; padding-left:6px;}
.ecommerce {background:url("../img/css/center-ecom.gif") 0px 0px repeat-y; width:300px; float:left;}
.ecommerce .topecom {background:url("../img/css/top-ecom.gif") 0px 0px no-repeat;}
.ecommerce .bottomecom {background:url("../img/css/bottom-ecom.gif") 0px bottom no-repeat; padding:10px 0;}
.ecommerce .bottomecom img, .ecommerce .bottomecom p {padding-left:10px;clear:both}
.ecommerce .bottomecom img {padding-bottom:10px; float:none; clear:both}

/*Contact */
.contact {background:url("../img/css/visuel_contact.jpg") right -15px no-repeat;}
* html .contact {height:1%;}
*:first-child+html .contact {height:100%;} 
.contact:after {content:"."; display:block; height:0; clear:both; color:#FFFFFF;}
.contact .questions{width:340px; float:right;}
.contact .questions form p label {width:140px;}

/* FAQ */
.blocfaq {background:url("../img/css/visuel_faq.jpg") right 15px no-repeat;}
.contenufaq {width:450px; float:left;}

.blocfaq .faq2 {cursor:pointer;}
.blocfaq .faq2 h3 {color:#636363; font-size:11px; padding:2px 0px 0px 10px; 
background:url("../img/css/h3-on.gif") 0px 5px no-repeat;}
.blocfaq .faq2 p {display:block; padding-left:10px;}

.blocfaq .faq {cursor:pointer;}
.blocfaq .faq h3 {color:#636363; font-size:11px; padding:2px 0px 0px 10px; 
background:url("../img/css/h3-on.gif") 0px 5px no-repeat;}
.blocfaq .faq p {display:block; padding-left:10px;}

* html .blocfaq {height:1%;}
*:first-child+html .blocfaq {height:100%;} 
.blocfaq:after {content:"."; display:block; height:0; clear:both; color:#FFFFFF;}

/* Actualités */
.actualites {padding:5px 0px; width:600px;}
.actualites h2 {padding:0px 0px 3px 0px;}
.actualites h3 {padding:0; background:url("../img/css/bk-h3.gif") 0px 8px repeat-x; margin-bottom:15px;}
.actualites .impaire {background:#F2F2F2; margin:0 0 0 10px;}
.actualites .impaire .visuelactu {background:url("../img/css/bk-impaire.gif") 0px 0px repeat-y; width:178px; text-align:center; float:left; margin:10px 0px 5px 5px; border:1px solid #F2F2F2;}
.actualites .txtactu {padding:15px 15px 10px 25px; float:left; width:350px;}
.actualites .txtactu h4{color:#7EAF04; font-weight:bold; font-size:12px; margin:0; padding:0 0 0 10px; background:url("../img/css/goutte.gif") 0px 2px no-repeat; }
.actualites .txtactu h5{color:#7EAF04; font-weight:bold; font-size:12px; margin:0; padding:0;}
.actualites .paire {background:none; margin:0 0 0 10px;}
.actualites .paire .visuelactu {background:url("../img/css/bk-paire.gif") 0px 0px repeat-y; width:178px; text-align:center; float:left; margin:10px 0px 5px 5px; border:1px solid #FFFFFF;}

* html .actualites {height:1%;}
*:first-child+html .actualites {height:100%;} 
.actualites:after {content:"."; display:block; height:0; clear:both; color:#FFFFFF;}
* html .actualites .impaire {height:1%;}
*:first-child+html .actualites .impaire{height:100%;} 
.actualites .impaire:after {content:"."; display:block; height:0; clear:both; color:#FFFFFF;}
* html .actualites .paire {height:1%;}
*:first-child+html .actualites .paire{height:100%;} 
.actualites .paire:after {content:"."; display:block; height:0; clear:both; color:#FFFFFF;}

/* fiche métier */
.fichemetier {padding:5px 0px; width:580px; }
#marketing {background:url("../img/css/visuel_marketing.jpg") right 10px no-repeat;}
#temoignage{background:url("../img/css/visuel_marketing_temoignage.jpg") right 10px no-repeat;}
.fichemetier h2 {padding:0px 0px 3px 0px;}
.fichemetier h3 {padding:0; margin-bottom:15px;}
.fonction {padding:0; color:#7F7F7F;}
.tabright .contenumetier {padding-left:20px;}
.contenumetier p {padding-right:20px;}
.tabright .contenumetier h4{background:url("../img/css/goutte.gif") 0px 2px no-repeat; color:#058FAF; font-size:12px; padding-left:10px;}
.tabright .contenumetier h4.chapeau{color:#058FAF; font-size:12px;font-weight:bold;padding:0;background:none;}
.tabright .contenumetier h3{color:#636363; font-size:13px;font-weight:bold;font-weight:bold;margin:0;padding:10px;}
/* stages*/
#stages {background:url("../img/css/visuel_stages.jpg") 20px 0px no-repeat;}
#stages .contenumetier h4{background:url("../img/css/goutte.gif") 0px 2px no-repeat; color:#1BA39D; font-size:12px; padding-left:10px;}
#stages .contenumetier h5{background:url("../img/css/puce.gif") 0px 3px no-repeat; color:#1BA39D; font-size:11px; padding-left:10px; margin-left:10px;}
#stages .contenumetier p.sstxt{margin-left:10px;}

.listeoffre {	
	margin:20px 0;
	padding:10px;	
}

.listeoffre .fichem2 {cursor:pointer;}
.listeoffre .fichem2 h5 {color:#058FAF; font-size:11px; padding:2px 0px 0px 10px; font-weight:bold;
background:url("../img/css/h5-on.gif") 0px 5px no-repeat;}
.listeoffre .fichem2 p {display:block; padding-left:10px;}

.listeoffre .fichem {cursor:pointer;}
.listeoffre .fichem h5 {color:#058FAF; font-size:11px; padding:2px 0px 0px 10px; font-weight:bold;
background:url("../img/css/h5-off.gif") 0px 5px no-repeat;}
.listeoffre .fichem p {display:block; padding-left:10px;}



/* decoupe colonne*/
.tabright {width:352px;}

/*espace*/
.espcandidat {padding:0 0 0 25px; clear:both;}
* html .espcandidat {height:1%;}
*:first-child+html .espcandidat {height:100%;} 
.espcandidat:after {content:"."; display:block; height:0; clear:both; color:#FFFFFF;}

.espcandidat div {float:left; padding:0 0 0 20px;}
.espcandidat div h3 {padding-bottom:5px;}
.espcandidat div p {width:250px; margin-left:50px;}
.espcandidat .visleft {margin-left:50px;}
.espcandidat .visright {margin-top:-30px; }
* html .espcandidat .visright {position:absolute;}

/* Quiz résultats*/
.quiz-resultats {background:url("../img/css/visuel_quiz_resultats.jpg") right 0px no-repeat;}
* html .quiz-resultats {height:1%;}
*:first-child+html .quiz-resultats {height:100%;} 
.quiz-resultats:after {content:"."; display:block; height:0; clear:both; color:#FFFFFF;}
.quiz-resultats h3{color:#00A0C6; font-size:18px; font-weight:normal;}
.quiz-resultats h4{font-size:15px; margin:15px 0;}
.quiz-resultats h4.triangle{background:url("../img/css/puce_bleu-triangle.gif") left no-repeat; padding-left:15px;}
.quiz-resultats h4.etoile{background:url("../img/css/puce_bleu-etoile.gif") left no-repeat; padding-left:15px;}
.quiz-resultats h4.rond{background:url("../img/css/puce_bleu-rond.gif") left no-repeat; padding-left:15px;}
.quiz-resultats .tabright p{margin:0; padding:0;}
.quiz-resultats .tabright{padding-left:20px;}

/*liens avec puces*/
a.bleu{color:#636363; font-size:12px;}
a.bleu.triangle{background:url("../img/css/puce_bleu-triangle.gif") left no-repeat; padding-left:15px;}
a.bleu.etoile{background:url("../img/css/puce_bleu-etoile.gif") left no-repeat; padding-left:15px;}
a.bleu.rond{background:url("../img/css/puce_bleu-rond.gif") left no-repeat; padding-left:15px;}

/* groupe*/
.groupe {padding:0 20px 20px 305px;}
.groupe h3 {margin-bottom:15px;}
.groupe ul li {padding:0 0px 5px 13px; background:url("../img/css/bk-li-goupe.gif") 0px 2px no-repeat;}
.blocgroupe .left {float:left; margin-left:20px; width:175px;}
* html .blocgroupe .left {width:170px;}
.blocgroupe .left h3{margin:0; padding:0 0 5px 0;}
.blocgroupe .left .bloc{background:#F2F2F2; padding:8px 8px 0 8px; margin-top:2px;}
* html .blocgroupe {height:1%;}
*:first-child+html .blocgroupe {height:100%;} 
.blocgroupe:after {content:"."; display:block; height:0; clear:both; color:#FFFFFF;}
.linkgrp a {background:#44677A url("../img/css/bk-cc.gif") 0px 2px no-repeat!important; color:#FFFFFF; font-weight:bold; padding:2px 3px 2px 12px;}
.contenugroupe p {padding-right:20px; }
.contenugroupe p.visuel {margin:10px 0 15px 0px;}
.contenuinternat p.visuel {margin:10px 0 15px 0px;}
.contenugroupe h3 {color:#44677A; font-size:15px;}
.tabright .contenugroupe h4{background:url("../img/css/goutte.gif") 0px 2px no-repeat; color:#44677A; font-size:12px; padding-left:10px;}
.tabright .contenugroupe h5{background:url("../img/css/puce.gif") 0px 4px no-repeat; color:#44677A; font-size:11px; padding-left:12px; margin-left:10px;}
.tabright .contenugroupe p.sstxt {margin-left:10px;}
.tabright .contenugroupe p a {color:#44677A; text-decoration:underline}
.tableft p a.syl {color:#44677A; font-weight:bold; text-decoration:underline}
.bold {color:#7F7F7F; font-weight:bold;}
h3.inter {padding:0; background:url("../img/css/bk-h3.gif") 0px 8px repeat-x; margin-bottom:15px;}
.contenuinternat {padding:10px 0px 0 10px; clear:both; }
.contenuinternat h4{background:url("../img/css/goutte.gif") 0px 2px no-repeat; color:#44677A; font-size:12px; padding-left:10px;}
.contenuinternat h5{background:url("../img/css/puce.gif") 0px 4px no-repeat; color:#44677A; font-size:11px; padding-left:12px; margin-left:10px;}
.contenuinternat p.sstxt {margin-left:10px;}
.contenuinternat p a {color:#44677A; text-decoration:underline}

/*plan du site*/
.plan {padding:5px 0px;}
.plan h3 {padding:0; background:url("../img/css/bk-h3.gif") 0px 8px repeat-x; margin-bottom:15px;}
.plan .rub img {padding:2px 10px 1px 0;}
.plan .rub ul {padding:5px 10px;list-style-type:none;}
.plan .rub ul li {padding:1px 0 1px 12px;font-size:11px;font-family:Arial, Helvetica, sans-serif;}
.plan .rub ul li a {text-decoration:none;color:#636363;}
.plan .rub ul li a:hover {text-decoration:underline;}
.plan .rub ul.bleu li {background:url("../img/css/puce_fleche-bleue.gif") no-repeat 0 6px;}
.plan .rub ul.turquoise li{ background:url("../img/css/puce_fleche-turquoise.gif") no-repeat 0 6px;}
.plan .rub ul.verte li { background:url("../img/css/puce_fleche-verte.gif") no-repeat 0 6px;}
.plan .rub ul.pomme li { background:url("../img/css/puce_fleche-pomme.gif") no-repeat 0 6px;}
.plan .rub ul.rose li {background:url("../img/css/puce_fleche-rose.gif") no-repeat 0 6px;}
.plan .rub ul.grise li {background:url("../img/css/puce_fleche-grise.gif") no-repeat 0 6px;}