#guideMetiers a:hover,
.listeMetiers li:hover h3,
.temoignages li:hover p {color:#00a0f0;}
#guideMetiers .encartPub,
.encartGuide,
#guideMetiers .titreBloc,
.questionBonus h2 {margin-bottom:10px;}
#guideMetiers .bloc-650,
.metiersEdito,
.ficheMetier,
.ficheMetier .right .test,
.ficheMetier .right .test .encartTest p,
.autresMetiers,
.rechSecteurmat,
.questionMetier .reponse,
.questionBonux .email  {margin-bottom:20px;}
.matieres,
.metierFontmatiere,
.tousLestests,
#guideMetiers .secteursPro,
.resultSearchjob,
.resultatMetier,
.hautMoteur {margin-top:20px;}

#guideMetiers .ssonglets {margin-bottom:0; }
#guideMetiers .second {background-color:#e2ebee;}
#guideMetiers #reseauxSociaux {margin:0 0 10px 5px; height:25px;}

#guideMetiers .onglets #formations a:hover,
.onglets a:link, .onglets a:visited,
.ssonglets a:link, .ssonglets a:visited {color:#fff !important;}


.encartGuide {color:#fff; border-top:2px solid #9db0b7; background:#1ea0e6 url(/images/formation-search-bg.png) top left repeat-x; height:85px;}
.encartGuide.hpSecteurs {text-align:center; line-height:85px;}
.encartGuide.hpMatieres {padding-top:20px; text-align:center;}
.encartGuide.hpMetiers {padding:15px 0 0 25px; background-image:url(/images/visu-encart-metier.png); background-position:top right; background-repeat:no-repeat; }
.encartGuide h1 {font-size:23px; font-weight:bold;}
.encartGuide span {font-size:15px;}

#guideMetiers .layer {position:absolute; width:20px; height:10px; top:-2px; left:10px; background-position:top left; background-repeat:no-repeat; }
#guideMetiers .layer.laySecteur {top:-1px;}
#guideMetiers .redTransparent {background-image:url(/images/encoche-red.png);}
#guideMetiers .layWhite002633 {background-image:url(/images/layer-fleche-white002633.png); top:0;}
#guideMetiers .bloc002531 { background-color:#002531; height:41px; line-height:41px; padding-left:10px; text-transform:uppercase; color:#fff; font-size:15px; font-weight:bold; border-bottom:1px solid #e9e8e8;}
#guideMetiers .bloc228 {width:218px;}
#guideMetiers .bloccedde3 {border:1px solid #e9e8e8; border-top:none; background-color:#cedde3;}
#guideMetiers .bloccedde3.sansBlue { background-color:#fff;}

#guideMetiers .metierAlaune .ct p {height:85px; overflow:hidden;}
#guideMetiers .titreBloc, p.moteurRecherchemetier {text-transform:uppercase; color:#012d3c; font-size:15px;}
p.moteurRecherchemetier {margin-bottom:10px; font-weight:bold;}
#guideMetiers .titreBloc .blocRed {color:#a50429;}
#guideMetiers .bloc-650 .orientation .description img {width:99px; height:99px; border:1px solid #ffffff;}
#guideMetiers .bloc-650 .orientation .actu h3 a {font-weight:bold; font-size:18px; color:#FFFFFF;}
#guideMetiers .bloc-650 .orientation .description .ct {font-size:15px; margin-top:17px;}

.metiersEdito {float:left; background:none; margin-left:7px; color:#093e51;}
.metiersEdito.firstCol {margin-left:0;}
.metiersEdito .colonne {position:relative; padding-top:15px; border:1px solid #b9b9b9;  }
.metiersEdito .colonne li {padding:5px 0 0 20px; width:169px; height:40px; margin:0 10px;}
.metiersEdito .colonne li h3 {overflow:hidden; max-height:16px; font-size:13px; font-weight:bold; margin-bottom:5px;}
.metiersEdito .colonne li span {display:block; font-size:11px; height:17px; overflow:hidden;}

.blocTestmetier {padding:15px 0 15px 0; width:645px; background:#035B7F url(/images/formation-search-bg.png) top left repeat-x; border:1px solid #003243; text-align:center; }
.blocTestmetier a {width:614px; color:#fff; }
.blocTestmetier h2 {float:left; margin-left:45px; font-size:23px; width:500px; color:#FFF;}
.blocTestmetier span {display:block; font-size:14px; font-weight:normal; color:#FFF;}
.blocTestmetier .bouton {float:left; background: url(/images/bouton-fat-valide.png) top right no-repeat; width:53px; height:56px; }

.salonAgenda648 h2 {padding:35px 0 0 10px; height:40px; background: url(/images/angeda-salons.png) top left no-repeat; color:#fff; font-size:18px; text-transform:uppercase;}
.salonAgenda648 .nomSalons {padding:20px 15px; width:610px; border:4px solid #cc0033; border-top:none;}

.ficheMetier {padding:0 0 25px 0;}
.ficheMetier h1 {padding:20px 0 25px 5px; color:#003243;}
.ficheMetier .left, .ficheMetier .right {float:left; width:225px;}
.ficheMetier .left {margin:5px 10px 0px 5px; padding-top:5px; width:400px; border-top:1px solid #9aafb8;}
.ficheMetier .left h2, .ficheMetier .suiteMetier h2 {padding:25px 0 15px 0; font-size:15px; color:#a70023;}
.ficheMetier .left p, .ficheMetier .suiteMetier p {line-height:21px;}
.ficheMetier .right img {width:227px;}
.ficheMetier .right .copyright {margin:5px 0 15px 0; display:block; text-align:right; font-size:9px; color:#a3a3a3;}
.ficheMetier .right .test h2 {font-weight:bold; font-size:15px; color:#02374e; margin-bottom:5px;}
.ficheMetier .right .test .encartTest {padding:25px 15px 0 15px; width:197px; height:211px; background: url(/images/encart-test.png) top left no-repeat; color:#fff;}
.ficheMetier .right .test .encartTest p {font-size:20px; font-weight:bold; line-height:25px;}
.ficheMetier .right .test .encartTest a {color:#fff; font-size:15px; text-decoration:underline;}
.ficheMetier .left p, .ficheMetier .suiteMetier {clear:both; }
.ficheMetier .left p {padding:0 10px 0 0;}
.ficheMetier .suiteMetier {margin:0 5px;}
.ficheMetier .salaire {padding-top:25px;}
.ficheMetier .salaire h2 {display:inline;}

.synonyme {position:relative;}
.synonyme ul {padding:20px; width:186px; }
.synonyme ul li {padding-left:20px; margin-bottom:2px; background: url(/images/fleche-blue.png) left 3px no-repeat;}
.synonyme a {width:174px; display:block; overflow:hidden;}

.secteurVideo .video {padding:20px 15px 30px 15px;}
.secteurVideo .video .lecture, .secteurVideo .video .desVideo {float:left;}
.secteurVideo .video .lecture {width:400px; height:250px; margin-right:40px;}
.secteurVideo .video .desVideo {width:170px;}
.secteurVideo .video .descriptif {overflow:hidden; height:178px; }
.secteurVideo .video .partenariat {border:1px solid #edf2f4; width:115px; height:60px; margin-top:5px;}

.temoignages ul,
.matieres ul {position:relative; }
.temoignages li {padding:10px 15px; border-bottom:1px solid #b9b9b9}
.temoignages ul>li {padding-top:20px;}
.temoignages li:last-child {border-bottom:none;}
.temoignages li figure {float:left;}
.temoignages li img {float:left; width:98px; height:98px; border:1px solid #003243; margin-right:20px;}
.temoignages li .titre {float:none; width:620px;}
.temoignages li p, .listeMetiers li h3 {color:#003243; font-size:18px; margin-bottom:10px;}
.temoignages li span {display:block; overflow:hidden; height:65px;}
.temoignages li .secteurduJob {margin-bottom:5px; font-size:10px; height:13px;}
.bloc-650.temoignages a h3 {font-size:18px; font-weight:normal; color:#003243;}
.bloc-650.temoignages a:hover h3 {text-decoration:underline; color:#003243;}
/*#guideMetiers .bloc-650 {width:650px;}*/
.commentaires ul {position:relative; border:1px solid #a50429;}
.commentaires li p {padding:0 0 5px 25px; color:#a50429; font-weight:bold; font-size:16px; background: url(/images/bulle-red.png) top left no-repeat;}
.commentaires li span {display:block; font-size:11px;}

.autresMetiers {padding:10px 0 20px 0;}
.autresMetiers li {float:left; width:270px; padding-left:45px; background:url(/images/fleche-blue.png) 25px 2px no-repeat; margin-top:10px;}

.decouvrMetiers {padding:0;}
.decouvrMetiers ul {padding:15px 0 ;}

#guideMetiers .secteursPro .titreBloc {font-size:18px;}
#guideMetiers .secteursPro ul {padding-top:10px; position:relative; }
#guideMetiers .secteursPro li {float:left; border-right:1px solid #5a7a85}
#guideMetiers .secteursPro li.right {border-right:none;}
#guideMetiers .secteursPro .contener {height:125px; padding:10px 0; width:313px; margin:0 5px; border-bottom:1px solid #dcdcdc;}
#guideMetiers .secteursPro .contener.last {border-bottom:none;}
#guideMetiers .secteursPro .contener img {float:left; width:98px; height:98px; border:1px solid #003243; margin-right:4px;}
#guideMetiers .secteursPro .ecoleSecteur {float:left; width:208px;}
#guideMetiers .secteursPro .ecoleSecteur:hover h2,
#guideMetiers .secteursPro h2 { color:#003243; font-size:18px; font-weight:bold;}
#guideMetiers .secteursPro span {display:block; overflow:hidden; min-height:30px; max-height:67px;}

.matieres a {color:#093e51;}
.matieres ul {padding:15px 19px;}
.matieres li {height:43px;}
.matieres li img {float:left; width:54px;}
.matieres .intitules {float:left; margin-left:10px;}
.matieres li p {text-decoration:underline; padding:5px 0; font-weight:bold; }
.matieres li span {font-size:11px;}

.decouverteMetier ul {padding:19px 45px 19px 45px;}
.decouverteMetier li {float:left; margin:0 8px 8px 0;}
.decouverteMetier figure {position:relative;}
.decouverteMetier img {position:relative;z-index:2; width:100px; height:100px; border:1px solid #6095aa;}
.decouverteMetier img:hover {opacity:0.3;}
.decouverteMetier span {padding:0 7px; width:86px; opacity:1; z-index:1; position:absolute; top:30px; left:0; text-align:center; font-weight:bold; color:#093e51; font-size:12px; word-wrap:break-word;}

.aimeMetier {position:relative; border:1px solid #0f3e4e; padding:20px 0;}
.aimeMetier h2 {font-size:15px; font-weight:normal;}
.aimeMetier.avecLogo {border:none;}
.aimeMetier.avecLogo h2 {float:left; width:560px;}
.aimeMetier.avecLogo img {float:left; width:81px; height:64px;}

.hpMatieres.hpTestmetier {height:65px;}
          
.introtestMetiers {padding:5px 10px 5px 15px; width:620px; background:none; margin-top:25px;}
.introtestMetiers .intituleDes {float:left; width:470px;}
.introtestMetiers h2 {font-weight:bold; color:#aa0023; font-size:18px; margin:7px 0 15px 0;}
.introtestMetiers img {float:right; width:100px; height:100px; }
.questionMetier {background-image:none; background-color:#e2ebee; margin-bottom:70px !important;}
.questionMetier .numQuestion {width:175px; height:30px; line-height:30px; margin:0 auto; background-color:#fff; font-size:21px; color:#3c3f3f; text-align:center; margin-bottom:25px; }
.questionMetier form {padding:0 20px 0 40px; color:#003243;}
.questionMetier .question {display:block; font-size:18px; margin-bottom:30px;}
.questionMetier .formulaire-parisien .jqTransformRadioWrapper {margin-top:0; margin-right:15px;}
.questionMetier .reponse {font-size:14px; }
.questionMetier  input.bouton {position:absolute; bottom:-40px; right:0; padding-left:15px; width:128px; height:34px;  background:url(/images/btn-test-suivant.png) top left no-repeat; cursor:pointer; color:#fff; text-transform:uppercase; text-align:left; font-size:17px; font-weight:bold;}
.questionMetier  input.boutonr { position:absolute; right:140px; bottom:-40px; padding-left:35px; width:230px; height:34px;  background:url(/images/btn-violet.png) top left no-repeat; cursor:pointer; color:#fff; text-transform:uppercase; text-align:left; font-size:17px; font-weight:bold;}

#guideMetiers .reponseTestmetier {width:639px;}
#guideMetiers .reponseTestmetier .titreBloc {text-transform:none; font-size:25px;}
#guideMetiers .reponseTestmetier h2 {font-size:15px; color:#012d3c;  font-weight:bold;}
#guideMetiers .reponseTestmetier p {margin:15px;}
#guideMetiers .reponseTestmetier .smiley {float:left; margin:15px;}
#guideMetiers .reponseTestmetier .autreTest {display:block; margin:5px 10px 0 0; text-align:right; font-size:12px;}
.resultSearchjob {position:relative; background:none; margin-bottom:10px !important; padding-bottom:0 !important;}

#guideMetiers .bloc-650 .full {border:none; width:588px; padding-top:8px 0; height:100px; border-bottom:1px solid #eed2d8; padding-left:0;}
#guideMetiers .bloc-650 .event span {font-size:17px; font-weight:bold; color:#c9445f;}
#guideMetiers a.titreEv:link {font-weight:bold !important; color:#b60025 !important; font-size:18px !important; text-transform:uppercase !important;  margin-bottom:5px !important;}
#guideMetiers .bloc-650 #genres,
#guideMetiers .bloc-650 #descriptifGenre {font-size:13px !important; color:#333 !important; font-weight:normal !important;}
#guideMetiers .full .descriptionEvent {width:465px;}

.blocSavoirplus .bouton {background:url(/images/point-info-fat.png) top right no-repeat; height:53px;}
.merciQuestion {height:75px; line-height:75px; font-weight:bold; font-size:26px; color:#012d3c;}
.questionBonus {padding:10px 10px 20px 10px; color:#012d3c; text-align:center; margin-bottom:20px !important;}
.questionBonus h2 {font-size:18px;}
.questionBonux {padding-left:40px;}
.questionBonux p {font-size:16px; font-weight:bold; margin-bottom:12px; color:#012d3c;}
.questionBonux .email {width:390px; height:24px; line-height:24px;}
.questionBonux li {padding-left:40px;}
.questionBonux li .propal {float:left; width:280px; font-size:14px; font-weight:normal;}
.questionBonux label {margin:0 5px 0 25px;}
.questionBonux p label {margin-left:0;}
.questionMetier .questionBonux input.bouton {bottom:-60px;}

.paginator {float:left; margin:10px auto 30px 270px;}
.paginator a {float:left; color:#fff; width:20px; height:20px; line-height:20px; border:1px solid #e9e8e8; margin-right:10px; text-align:center; background-color:#a3afb3;}
.paginator a.active {background-color:#003243;}
.zeroResult {margin:25px; font-size:16px; font-weight:bold; color:#cc0000; text-align:center;}

.ficheMetier .left li, .ficheMetier .suiteMetier li {list-style-type:disc; margin:0 0 7px 30px; line-height:21px;}

.recherMetier {margin-bottom:0 !important; padding-bottom:0; float:none !important;}
.recherMetier .searchMetier {position:relative; padding:25px 0 0 20px; margin-bottom:15px; width:630px; height:59px; background:url(/images/background-moteur-metier.png) top left no-repeat;}
.recherMetier .intituleSearch,
.recherMetier input[type=submit] {color:#fff; text-transform:uppercase; font-size:13px; font-weight:bold; }
.recherMetier .intituleSearch {margin:0 0 5px 0;}
.recherMetier .intituleSearch p {float:left; width:175px; margin-right:10px;}
.recherMetier .boxSelect,
.recherMetier .rechercheDirectemploi {float:left; margin:0 10px 0 0;}
.recherMetier select,
.recherMetier .rechercheDirectemploi {width:175px; height:24px; -webkit-border-radius:2px; border-radius:2px;  moz-border-radius:2px; }
.recherMetier input[type=submit] {float:left; width:42px; height:24px; margin:0 0 0 5px; background:url(/images/btn-go-searchmetier.png) top left no-repeat;}
.rechSecteurmat {border:1px solid #94a2a7; height:82px; line-height:82px; margin-top:0; }
.rechSecteurmat a {float:left; padding-left:40px; width:245px; font-weight:bold; color:#023242; font-size:18px; background:url(/images/fleche-25x21.png) left 31px no-repeat; margin-left:35px;}
.recherMetier.sansBottom {margin-bottom:0 !important; padding:0;}
.resultSearchjob .titreBloc.resultatMetier {} 

.triMetier {position: absolute; top:15px; right:0; color:#717171;}
.triMetier .boxSelect {border:1px solid #717171}
.triMetier select {font-size:11px; width:180px; height:21px;}