/* CSS Document */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	color:#636363;
	background:#FFFFFF;
	text-align:center;
}
body#popup{
	width:640px;
	margin:0px;
	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;}
.def {width:8px;}
.cb {clear:both;}
.htrans {height:25px; position:relative;}
.hcontenu {height:500px;}
h3 {margin-left:5px;}
h3.tigrp {margin-left:0px;}

table.pgcentre{
	margin:0 auto;
	position:relative;
	width:979px;
	text-align:left;
}

/* Menu remplacement flash*/
#menurempl tr td {text-align:center; padding:7px 5px; vertical-align:top;}
#menurempl tr td.groupe {background-color:#44677A;}
#menurempl tr td.metiers {background-color:#1FCBDD;}
#menurempl tr td.carriere {background-color:#1BA39D;}
#menurempl tr td.actu {background-color:#90CE17;}
#menurempl tr td.candidat {background-color:#DB1E8C;}

.contenuhome {padding-left:13px;}

.transverse {text-align:right; color:#898989; padding:10px 40px 10px 0;}
#mp {padding:10px 10px 10px 0;}
.transverse a {color:#898989; padding:0px 2px;}
.transverse a.on {color:#FFFFFF; background:#898989;}
.logo {position:relative;}
* html .logo{	height:1%;}
.logo a{display:block; position:absolute; left:25px; top:25px;}
.contenu {padding:0 0 20px 170px;}
.contenu h1{padding:0 0 8px 8px}

.contenuinter {padding:0 0 20px 0px; height:40px;}
.contenuinter h1{padding:0 0 8px 155px}

.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;}

/* Home */
.home {margin-top:-30px; position:absolute;}
.flash_logo {padding: 0 20px 0 10px;}
.hccle h2 {font-size:12px; color:#44677A; padding-bottom:5px;}
.hagenda h2 {font-size:12px; color:#9ACF16; padding-bottom:5px;}
.hoffres h2 {font-size:12px; color:#DB1E8C; padding-bottom:5px;}

.hccle .link a {background:#44677A url("../img/css/bk-cc.gif") 0px 2px no-repeat; color:#FFFFFF; font-weight:bold; padding:2px 3px 2px 15px;}
.hagenda .link a {background:#9ACF16 url("../img/css/bk-agenda.gif") 0px 2px no-repeat; color:#FFFFFF; font-weight:bold; padding:2px 3px 2px 15px;}
.hoffres .link a {background:#DB1E8C url("../img/css/bk-offre.gif") 0px 2px no-repeat; color:#FFFFFF; font-weight:bold; padding:2px 3px 2px 15px;}


/*Liste logos*/
.listlogo {margin:40px 0 5px 50px; clear:both; float:left; width:549px;}
* html .listlogo {height:1%;}
*:first-child+html .listlogo {height:100%;} 
.listlogo:after {content:"."; display:block; height:0; clear:both; color:#FFFFFF;}
.listlogo li {float:left; margin-left:10px;}
.listlogo li.ali {padding-top:5px;}

/* bas de page*/
.footer {text-align:center; color:#898989; padding:10px 40px 10px 0; clear:both;}
.footer a {color:#898989; padding:0 2px 0 2px;}
.footer a.on {color:#FFFFFF; background:#898989;}

/* Menu gauche*/
.colleft {padding:20px 0 20px 10px; text-align:right; width:140px;}
#aliquizz {padding-top:100px}
.quizz{color:#636363; font-size:14px; font-weight:bold;}
.colleft .titre {padding-top:20px;}
.colleft .alert {font-size:12px;}
.colleft .carriere {margin-top:35px;}
.colleft p span {color:#7F7F7F}
.link a { background:url("../img/css/fleche.gif") 0px 2px no-repeat;}

/* liens */
.listlink {float:right; margin-top:-25px;}
.envoi {background:url("../img/css/fleche.gif") 0px 4px no-repeat; padding:0 0 0px 10px; float:left}
.envoi a {color:#058FAF; font-size:11px;}
.imprimer {background:url("../img/css/fleche.gif") 0px 4px no-repeat; padding:0 0 0px 10px; margin-right:10px; float:left}
.imprimer a {color:#058FAF; font-size:11px;}
.haut {text-align:center; margin-top:20px;}
.haut_left {text-align:left; margin-top:20px;}
.haut a, .haut_left a {color:#636363; padding-left:12px; background:url("../img/css/top.gif") 0px 3px no-repeat; }

/*Carrière*/
.colleft .link a {background:#058FAF url("../img/css/link-inter.gif") 0px 2px no-repeat!important; color:#FFFFFF; font-weight:bold; padding:2px 3px 2px 15px;}
.linkcarr a {background:#0C8980 url("../img/css/link-carriere.gif") 0px 2px no-repeat; color:#FFFFFF; font-weight:bold; padding:2px 3px 2px 15px;}
.topcarriere {background:url("../img/css/visuel_carriere.jpg") right 2px no-repeat; height:280px;}

/*IE6*/
* html .topcarriere {background:url("../img/css/visuel_carriere.jpg") 40% 2px no-repeat; height:280px;}

#mpgroupe {background:url("../img/css/visuel_groupe.jpg") right 2px no-repeat;}
.topcarriere .video { width:270px; margin:0px 10px 10px 300px;}
.topcarriere .capture img {margin:0 10px 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 0px no-repeat; }
.quiz .questions ul li span {font-weight:bold; color:#FFFFFF; padding:0 4px 0 4px; font-size:11px; margin-right:5px;}
.quiz .questions ul li span.deux{padding:0 1px;}
.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}
.metiers .link a{background:#058FAF url("../img/css/link-metiers.gif") 0px 2px no-repeat!important; color:#FFFFFF; font-weight:bold; padding:2px 3px 2px 15px!important; margin:0 20px 0 0;}

/*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") 10px 15px no-repeat;}
.contenufaq {width:350px; float:right;}

.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-off.gif") 0px 5px no-repeat;}
.blocfaq .faq p {display:none; padding-left:10px;}

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

/* Mentions légales */
.melgale h3 {background:url("../img/css/puce.gif") 0px 3px no-repeat; color:#1BA39D; font-size:11px; padding:0 0 0 10px; margin:0; }
.melgale p {padding-left:10px;}

/* Actualités */
.actualites {padding:5px 0px;}
.actualites h2 {padding:0px 0px 3px 0px;}
.actualites .link a{background:#7EAF04 url("../img/css/link-actu.gif") 0px 2px no-repeat!important; color:#FFFFFF; font-weight:bold; padding:2px 3px 2px 15px;}
.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; }

#ecommerce {background:url("../img/css/visuel_ecommerce.jpg") right 10px no-repeat;}
#ventemagasins {background:url("../img/css/visuel_ventemagasins.jpg") right 10px no-repeat;}
#ventedistance{background:url("../img/css/visuel_ventedistance.jpg") right 10px no-repeat;}
#ventedirecte{background:url("../img/css/visuel_ventedirecte.jpg") right 10px no-repeat;}
#recherche{background:url("../img/css/visuel_recherche.jpg") right 10px no-repeat;}
#marketing {background:url("../img/css/visuel_marketing.jpg") right 10px no-repeat;}
#industrie{background:url("../img/css/visuel_industrie.jpg") right 10px no-repeat;}
#achats{background:url("../img/css/visuel_achats.jpg") right 10px no-repeat;}
#relationcliente{background:url("../img/css/visuel_relationcliente.jpg") right 10px no-repeat;}
#business{background:url("../img/css/visuel_businesspartners.jpg") right 10px no-repeat;}
#temoignage_mp{background:url("../img/css/visuel_mp_tem.jpg") right 10px no-repeat;}
#temoignage_ce{background:url("../img/css/visuel_ce_tem.jpg") right 10px no-repeat;}
#temoignage_ecommerce{background:url("../img/css/visuel_ecommerce_tem.jpg") right 10px no-repeat;}
#temoignage_ventemag{background:url("../img/css/visuel_ventemag_temoignage.jpg") right 10px no-repeat;}
#temoignage_ventedirecte{background:url("../img/css/visuel_ventedirecte_tem.jpg") right 10px no-repeat;}
#temoignage_ventedistance{background:url("../img/css/visuel_vented_temoignage.jpg") right 10px no-repeat;}
#temoignage_recherche{background:url("../img/css/visuel_recherche_tem.jpg") right 10px no-repeat;}
#temoignage_industrie{background:url("../img/css/visuel_industrie_tem.jpg") right 10px no-repeat;}
#temoignage_achats{background:url("../img/css/visuel_achats_temoignage.jpg") right 10px no-repeat;}
#temoignage_relcliente{background:url("../img/css/visuel_relcliente_tem.jpg") right 10px no-repeat;}
#temoignage_business{background:url("../img/css/visuel_business_tem.jpg") right 10px no-repeat;}
#temoignage_marketing{background:url("../img/css/visuel_marketing_temoignage.jpg") right 10px no-repeat;}

/* fiches métier IE6 */
* html #ecommerce {background:url("../img/css/visuel_ecommerce.jpg") 40% 10px no-repeat;}
* html #ventemagasins {background:url("../img/css/visuel_ventemagasins.jpg") 40% 10px no-repeat;}
* html #ventedistance{background:url("../img/css/visuel_ventedistance.jpg") 40% 10px no-repeat;}
* html #ventedirecte{background:url("../img/css/visuel_ventedirecte.jpg") 40% 10px no-repeat;}
* html #recherche{background:url("../img/css/visuel_recherche.jpg") 40% 10px no-repeat;}
* html #marketing {background:url("../img/css/visuel_marketing.jpg") 40% 10px no-repeat;}
* html #industrie{background:url("../img/css/visuel_industrie.jpg") 40% 10px no-repeat;}
* html #achats{background:url("../img/css/visuel_achats.jpg") 40% 10px no-repeat;}
* html #relationcliente{background:url("../img/css/visuel_relationcliente.jpg") 40% 10px no-repeat;}
* html #business{background:url("../img/css/visuel_businesspartners.jpg") 40% 10px no-repeat;}
* html #temoignage_mp{background:url("../img/css/visuel_mp_tem.jpg") 40% 10px no-repeat;}
* html #temoignage_ce{background:url("../img/css/visuel_ce_tem.jpg") 40% 10px no-repeat;}
* html #temoignage_ecommerce{background:url("../img/css/visuel_ecommerce_tem.jpg") 40% 10px no-repeat;}
* html #temoignage_ventemag{background:url("../img/css/visuel_ventemag_temoignage.jpg") 40% 10px no-repeat;}
* html #temoignage_ventedirecte{background:url("../img/css/visuel_ventedirecte_tem.jpg") 40% 10px no-repeat;}
* html #temoignage_ventedistance{background:url("../img/css/visuel_vented_temoignage.jpg") 40% 10px no-repeat;}
* html #temoignage_recherche{background:url("../img/css/visuel_recherche_tem.jpg") 40% 10px no-repeat;}
* html #temoignage_industrie{background:url("../img/css/visuel_industrie_tem.jpg") 40% 10px no-repeat;}
* html #temoignage_achats{background:url("../img/css/visuel_achats_temoignage.jpg") 40% 10px no-repeat;}
* html #temoignage_relcliente{background:url("../img/css/visuel_relcliente_tem.jpg") 40% 10px no-repeat;}
* html #temoignage_business{background:url("../img/css/visuel_business_tem.jpg") 40% 10px no-repeat;}
* html #temoignage_marketing{background:url("../img/css/visuel_marketing_temoignage.jpg") 40% 10px no-repeat;}

/*id pour les marques*/
#yvesrocher{background:url("../img/css/marque_yevesrocher.jpg") right 10px no-repeat;}
#stanhome{background:url("../img/css/marque_stanhome.jpg") right 10px no-repeat;}
#pricaud{background:url("../img/css/marque_pricaud.jpg") right 10px no-repeat;}
#djouvance{background:url("../img/css/marque_djouvance.jpg") right 10px no-repeat;}
#gnoemie{background:url("../img/css/marque_gnoemie.jpg") right 10px no-repeat;}
#isabel{background:url("../img/css/marque_isabel.jpg") right 10px no-repeat;}
#kiotis{background:url("../img/css/marque_kiotis.jpg") right 10px no-repeat;}
#petitbateau{background:url("../img/css/marque_petitbateau.jpg") right 10px no-repeat;}

/*id pour le marques sous IE6*/
* html #yvesrocher{background:url("../img/css/marque_yevesrocher.jpg") 40% 10px no-repeat;}
* html #stanhome{background:url("../img/css/marque_stanhome.jpg") 40% 10px no-repeat;}
* html #pricaud{background:url("../img/css/marque_pricaud.jpg") 40% 10px no-repeat;}
* html #djouvance{background:url("../img/css/marque_djouvance.jpg") 40% 10px no-repeat;}
* html #gnoemie{background:url("../img/css/marque_gnoemie.jpg") 40% 10px no-repeat;}
* html #isabel{background:url("../img/css/marque_isabel.jpg") 40% 10px no-repeat;}
* html #kiotis{background:url("../img/css/marque_kiotis.jpg") 40% 10px no-repeat;}
* html #petitbateau{background:url("../img/css/marque_petitbateau.jpg") 40% 10px no-repeat;}


.separateur {border-top:5px solid #E6E6E6;}
.marque {color:#44677A; font-size:20px; font-weight:bold;}
.baseline {color:#636363; font-size:13px; font-weight:bold;}


.fichemetier h2 {padding:0px 0px 3px 0px;}
.fichemetier .link a{background:#058FAF url("../img/css/link-metiers.gif") 0px 2px no-repeat!important; color:#FFFFFF; font-weight:bold; padding:2px 3px 2px 15px;}
.fichemetier h3 {padding:0; margin-bottom:15px;}
.fonction {padding:0; color:#7F7F7F;}
.tabright .contenumetier {padding-left:20px;}
.contenumetier p {padding-right:20px;}
.contenumetier p a{font-weight:bold; text-decoration:underline; color:#636363;}
.tabright .contenumetier h4{background:url("../img/css/goutte.gif") 0px 2px no-repeat; color:#058FAF; font-size:12px; padding:0 0 3px 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;}

/* recrutement et formation*/
#recrutement, #formation {background:url("../img/css/visuel-groupe.jpg") 20px 20px no-repeat;}

/* stages*/
#stages {background:url("../img/css/visuel_stages.jpg") 20px 5px no-repeat;}
#stages .link a {background:#0C8980 url("../img/css/link-carriere.gif") 0px 2px no-repeat!important; color:#FFFFFF; font-weight:bold; padding:2px 3px 2px 15px;}
#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 {
	height:140px;
	overflow:auto;
	background:#F2F2F2;
	margin:15px 0;
	padding:10px;
	scrollbar-face-color: #058FAF;
	scrollbar-arrow-color: #F2F2F2;
	scrollbar-track-color: #F2F2F2;
	scrollbar-3dlight-color: #F2F2F2;
	scrollbar-darkshadow-color: #F2F2F2;
}

.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:none; padding-left:10px;}



/* decoupe colonne*/
.tableft {width:217px; padding-top:220px; padding-left:20px;}
.tabright {width:352px;}

/* colonne de droite */
.colright1 {background:url("../img/css/bk_img1.jpg") 0px 0px no-repeat; width:214px; padding-bottom:50px;}
.colright2 {background:url("../img/css/bk_img2.jpg") 0px 0px no-repeat; width:214px; padding-bottom:50px;}
.colright3 {background:url("../img/css/bk_img3.jpg") 0px 0px no-repeat; width:214px; padding-bottom:50px;}
.colright4 {background:url("../img/css/bk_img4.jpg") 0px 0px no-repeat; width:214px; padding-bottom:50px;}
.colright5 {background:url("../img/css/bk_img5.jpg") 0px 0px no-repeat; width:214px; padding-bottom:50px;}
.colright6 {background:url("../img/css/bk_img6.jpg") 0px 0px no-repeat; width:214px; padding-bottom:50px;}

/* colonne de droite */
#colright h2 {padding:15px 0 65px 8px;}
#colright .sstitre {padding:0 0 8px 50px;}
#colright .profil {padding:160px 0 3px 20px;}
#colright .guide {padding:0 0 0px 20px;}
#colright ul li {padding:0 0 8px 50px;}

#colright .hquiz {padding: 0 10px 0 25px; margin-top:260px; }
#colright .hquiz h2 {padding: 0px; margin: 0px; padding-bottom:3px;}

/*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; margin-bottom:80px;}
.espcandidat .visright {margin-top:-30px;}
* html .espcandidat .visright {position:absolute;}
#espcandidat{clear:both;}
* html #espcandidat {height:1%;}
*:first-child+html #espcandidat {height:100%;} 
#espcandidat:after {content:"."; display:block; height:0; clear:both; color:#FFFFFF;}
.espcandidatbis{float:left; width:250px; padding-left:25px;}
.espcandidatbis div, .espcandidatbis p, .espcandidatbis ul, .espcandidatbis h3{clear:both; text-align:center;}

/* Quiz résultats*/
.quiz-resultats {background:url("../img/css/visuel_quiz_resultats.jpg") right -10px 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;}
#service {background:url("../img/css/visuel_service.jpg") right -10px no-repeat;}
#challenge {background:url("../img/css/visuel-challenge.jpg") right -10px no-repeat;}

.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 2px no-repeat; padding-left:15px;}
.quiz-resultats h4.rond{background:url("../img/css/puce_bleu-rond.gif") left 4px no-repeat; padding-left:15px;}
.quiz-resultats .tabright p{margin:0; padding:0 20px 0 0;}
.quiz-resultats .link a{background:#058FAF url("../img/css/link-inter.gif") 0px 2px no-repeat!important; color:#FFFFFF; font-weight:bold; padding:2px 3px 2px 15px!important; margin:0 20px 0 0;}
.quiz-resultats .tabright{padding-left:40px;}

/* groupe*/
#mpgroupe {background:url("../img/css/visuel_groupe.jpg") 10px 0px no-repeat;}
#groupe {background:url("../img/css/visuel-mpgroupe.jpg") 5px 18px no-repeat;}

.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 15px!important;}
.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}

/*éco-citoyenneté*/
#eco-citoyennete {background:url("../img/css/visuel_faq.jpg") 5px 18px no-repeat;}

/*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;}

/*popup*/
.envoiami {background:url("../img/css/visuel_envoi.jpg") 0px 10px no-repeat;}
#credits {background:url("../img/css/visuel_credits.jpg") 0px 10px no-repeat;}
#videop {background:url("../img/css/visuel-video.jpg") 0px 10px no-repeat;}
.envoiami h1 {padding:15px 0 15px 200px;}
.envoiami h2 {padding:10px 0 20px 200px;}
.envoiami h3 {padding:0px 0 20px 200px;}
.envoiami h3.actu {color:#7EAF04;}
.envoiami .obli {padding:0px 0 20px 200px;}
.envoiami form {padding:0px 0 20px 100px;}
.right {background:url("../img/css/bk-right.gif") 0px 0px repeat-y;}
.bottom {background:url("../img/css/bk-bottom.gif") 0px 0px repeat-x;}
.lcredit {float:right; padding-right:30px;}
.lcredit table tr td.logoc {text-align:center;padding:10px; }
.bktab {background-color:#EEEEEE;}
#credits h3 {padding:10px 0 0px 0; color:#636363; font-size:11px; margin:0;}
#credits h4{padding:5px 0 0px 0; color:#DB1E8C; font-size:13px;}
#credits p{padding:0;}
p.clink {padding:0 0 10px 8px!important; background:url("../img/css/fleche_credit.gif") 0px 3px no-repeat;}
p.clink a {color:#DB1E8C;}
.videop {float:right; width:510px;}

/* Ouvert fermé */
.ferm h4{ display:block; cursor:pointer;}
.ferm h5{ display:block; cursor:pointer;}
.ferm h6{ display:block; cursor:pointer; font-weight:bold; color:#636363; margin:0 0 0 10px; padding:0; font-size:11px}
.ferm p{ display:none;}
.ferm p.cite{ display:block;}
.ferm p.cite strong{font-weight:normal;}

.ouv h4{ display:block; cursor:pointer;}
.ouv h5{ display:block; cursor:pointer;}
.ouv h6{ display:block; cursor:pointer; font-weight:bold; color:#636363; margin:0 0 0 10px; padding:0; font-size:11px}
.ouv p{ display:block;}
.ouv p.cite{ display:block;}
.ouv p.cite strong{font-weight:bold;}

/*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;}

/*vidéos*/
#videos{background:#F7F7F7; margin:50px 0 15px 10px; padding-bottom:5px;}
* html #videos {height:1%;}
*:first-child+html #videos {height:100%;} 
#videos:after {content:"."; display:block; height:0; clear:both; color:#FFFFFF;}
#videos div#videoG{float:left; width:200px; padding:0 0 0 5px;}
#videos div#videoG img{margin-top:-10px;}
#videos div#videoD{float:left; width:350px;}
* html #videoD {height:1%;}
*:first-child+html #videoD {height:100%;} 
#videos div#videoD:after {content:"."; display:block; height:0; clear:both; color:#FFFFFF;}
#videos div#videoD div{float:left; width:100px; margin-right:20px; text-align:center;}
#videos div#videoD div.last{margin-right:0;}
#videos div#videoD div img{padding:3px 0;}
#videos div#videoD h3{padding:0; margin:5px 0;}



/*Partenariats */
#partenariats {background:url("../img/css/visuel_partenariats.jpg") 5px 18px no-repeat;}
#partenariats p.pres {
	color:#7EAF04;
	font-size:12px;
	font-weight:bold;
}
#partenariats form h4 {
	margin:0 0 20px 0;
}
#partenariats form p {
	clear:both;
}
#partenariats form fieldset,
#partenariats form legend {
	margin:0;
	padding:0;
	border:0;
}
#partenariats form p label {
	width:145px;
	float:left;
}
#partenariats form fieldset p input,
#partenariats form fieldset p textarea {
	width:175px;
	border:1px solid #A9B0B2;
}