@charset "UTF-8";
/*
 * FONTS
 * GENERAL
 * TETIERE
 * MENU "CARRES NOIRS"
 * RECHERCHE
 * INSCRIPTION
 * ILS RECRUTENT
 * OFFRES
 * PUB
 * RECRUTEURS
 * DOSSIERS A LA UNE
 * IDENTIFICATION
 * RECHERCHE AVANCEE
 * TUNNEL D'ACHAT : FIL D'ARIANE
 * TUNNEL D'ACHAT : FACTURATION
 * TUNNEL D'ACHAT : PAIEMENT
 * TUNNEL D'ACHAT : CONFIRMATION
 * LIGHTBOX ALERTE
 * FICHE OFFRE
 * TABLEAU DE BORD CANDIDAT
 * PANIER
 * PAGE DE CONTENU REDACTIONNEL
 * OFFRE CV
 * OFFRE RECRUTEUR
 * LISTONG RESULTATS
 * FOOTER
   Media Queries
*/

/* ---------------------------------
 * FONTS
 * --------------------------------- */
@font-face {
  font-family:'Judson';
  src:url('font/Judson-Regular.otf');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'Judson';
  src:url('font/Judson-Bold.otf');
  font-weight:bold;
  font-style:normal;
}

/* ---------------------------------
 * GENERAL
 * --------------------------------- */
body {
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    background-color: #e8ecef;
}
body.dashboard.recruteur {
    background-color: #0faeb1;
}
.container {
    position: relative;
}
abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: none;
}
.clr {
    clear: both;
}
.orange {
    color: #ec6825;
    padding-left: 2px;
    padding-right: 2px;
}
section {
    position: relative;
}
section header {
    background: #ec6825;
    color:#fff;
    text-transform: uppercase;
    position: relative;
}
.tunnel section header {
    background: #0faeb1;
}
section header a {
    color:#fff;
}
section header>h2 {
    padding: 15px 0 0 10px;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-size: 2.4em;
    line-height: 50px;
    font-weight: bold;
}
section header .plus {
    margin-bottom: 0;
}
section header .plus a {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: .85em;
    text-transform: none;
}
section header .plus a:hover,
section header .plus a:focus {
    color: #000;
    text-decoration: none;
}
section header .plus a span {
    color: #000;
    display: inline;
    font-size: 1.35em;
    font-weight: bold;
    float: left;
    padding-right: 5px;
    margin-top: -1px;
}
.bt {
    display: block;
    text-align: center;
}
.bt a {
    display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
    padding:0 20px;
    background: #000;
    color: #fff;
    line-height:30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.4em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
.bt a:hover,
.bt a:focus {
    background: #fff;
    color: #000;
    text-decoration: none;
}

/* ---------------------------------
 * TETIERE
 * --------------------------------- */
body>header {
    background: #fff;
    margin: 0;
    padding: 0;
}
/* Menu groupe */
.bandeau .groupe {
    font-family: Judson, Arial, Helvetica, sans-serif;
    font-size: 1.8em;
    color: #89969d;
    padding-left: 5px;
}
.bandeau .groupe:hover,
.bandeau .groupe:focus {
    color: #000;
    text-decoration: none;
}
.bandeau .groupe span {
    color: #000;
}
.bandeau nav {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin: 6px 0 16px;
}
.bandeau ul.sites {
    padding: 0 5px 0 0;
    margin: 0 -5px;
}
.bandeau ul.sites li {
    display:inline-block;
}
.bandeau ul.sites>li {
    padding: 1px 0 3px;
}
.bandeau ul.sites>li>a {
    display:inline-block;
    color: #89969d;
    font-size: .81em;
    padding: 0 10px;
    border-right: 2px solid #e5e5e5;
}
.bandeau ul.sites>li>a:hover,
.bandeau ul.sites>li>a:focus {
    color: #000;
    text-decoration: none;
}
.bandeau ul.sites .right {
    padding: 0;
    float:right;
    text-align:right;
}
.bandeau ul.sites .right>ul>li {
    padding: 1px 0 3px;
    float: left;
    margin-left: 1px;
}
.bandeau ul.sites .right>ul>li>a {
    color: #89969d;
    font-size: .81em;
    padding: 0 10px;
    border-left: 2px solid #e5e5e5;
}
.bandeau ul.sites .right>ul>li>a:hover,
.bandeau ul.sites .right>ul>li>a:focus,
.bandeau ul.sites .right>ul>li.open>a {
    text-decoration: none;
    color:#000;
}
.bandeau ul.sites .right>ul>li.dropdown>a {
    background: transparent url(img/menu-topbar-puce.png) no-repeat right 5px  center;
    padding-right: 20px;
}
.bandeau ul.sites .right>ul>li.dropdown.open>a {
    background: transparent url(img/menu-topbar-puce-on.png) no-repeat right 5px  center;
    padding-right: 20px;
}
.bandeau ul.sites .right>ul>li.dropdown>ul {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(222,231,236,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(222,231,236,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(222,231,236,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(222,231,236,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(222,231,236,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(222,231,236,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dee7ec',GradientType=0 ); /* IE6-9 */
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
    border-radius: 0;
    border-top: none;
    -webkit-box-shadow: none);
    box-shadow: none;
    padding: 0;
}
.bandeau ul.sites .right>ul>li.dropdown>ul>li {
    display: block;
}
.bandeau ul.sites .right>ul>li.dropdown>ul>li a {
    border-bottom: 1px solid #969a9e;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: .85em;
    line-height: 1.8em;
    color: #31393f;
}
.bandeau ul.sites .right>ul>li.dropdown>ul>li:last-child a {
    border-bottom: none;
}
.bandeau ul.sites .right>ul>li.dropdown>ul>li a:hover,
.bandeau ul.sites .right>ul>li.dropdown>ul>li a:focus {
    background: #ec6825;
    color: #fff;
}
.bandeau ul.sites .dropdown-menu>li>a:before {
    content: '';
    display: none;
}
.bandeau ul.sites .right .panier,
.bandeau ul.sites .right .connexion,
.bandeau ul.sites .right .panier a,
.bandeau ul.sites .right .connexion a,
.bandeau ul.sites .right .identite,
.bandeau ul.sites .right .abonner,
.bandeau ul.sites .right .identite a,
.bandeau ul.sites .right .abonner a {
    border-left: none;
}
.bandeau ul.sites .right>ul>li.panier,
.bandeau ul.sites .right>ul>li.connexion,
.bandeau ul.sites .right>ul>li.identite,
.bandeau ul.sites .right>ul>li.abonner {
    padding: 0;
}
.bandeau ul.sites .right>ul>li.panier>a,
.bandeau ul.sites .right>ul>li.connexion>a,
.bandeau ul.sites .right>ul>li.identite>a,
.bandeau ul.sites .right>ul>li.abonner>a {
    background-color: #000;
    color: #fff;
    padding: 0 25px;
    font-weight: bold;
    line-height: 24px;
    display: block;
}
.bandeau ul.sites .right>ul>li.panier>a {
    background: #000 url(img/panier.png) no-repeat 10px center;
    padding-left: 50px;
}
.bandeau ul.sites .right>ul>li.connexion>a {
    background: #000 url(img/connecter.png) no-repeat right 10px center;
    padding-right: 40px;
}
.bandeau ul.sites .right>ul>li.identite>a {
    background: #000 url(img/menu-topbar-puce-blanc.png) no-repeat right 5px center;
    padding: 0 40px 0 0;
}
.bandeau ul.sites .right>ul>li.identite.open>a {
    background: #000 url(img/menu-topbar-puce-blanc-on.png) no-repeat right 5px center;
    padding-right: 40px;
}
.bandeau ul.sites .right>ul>li.identite>a>span {
    display: block;
    background: #000 url(img/connecter.png) no-repeat 10px center;
    padding: 0 25px 0 40px;
}
.bandeau ul.sites .right>ul>li.panier>a:hover,
.bandeau ul.sites .right>ul>li.panier>a:focus,
.bandeau ul.sites .right>ul>li.connexion>a:hover,
.bandeau ul.sites .right>ul>li.connexion>a:focus,
.bandeau ul.sites .right>ul>li.identite>a:hover,
.bandeau ul.sites .right>ul>li.identite>a:focus,
.bandeau ul.sites .right>ul>li.identite>a:hover span,
.bandeau ul.sites .right>ul>li.identite>a:focus span,
.bandeau ul.sites .right>ul>li.abonner>a:hover,
.bandeau ul.sites .right>ul>li.abonner>a:focus {
    background-color: #0faeb1;
    text-decoration: none;
}
/*logo */
.logo {
    float:left;
    font-family: Judson, Arial, Helvetica, sans-serif;
    width: 510px;
    overflow: hidden;
    display: block;
}
.logo .sr {
    font-size: 6em;
    color: #ec6825;
    letter-spacing: -4px;
    display: inline-block;
    line-height: 1em;
}
.logo .title {
    display: inline-block;
    padding: 12px 7px;
}
.logo .n1 {
    font-size: 3.3em;
    display: block;
    line-height: .9em;
}
.logo .n2 {
    font-size: 1.2em;
    display: block;
    line-height: 1em;
    letter-spacing: .8px;
}
/* indicateurs */
.nombre {
    float: left;
    width: 248px;
    overflow: hidden;
    color: #575756;
    margin: 10px 0 -10px;
    background-position: 100px 15px;
    background-repeat: no-repeat;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-weight: bold;
}
.nombre .nb {
    float: left;
    line-height: 75px;
    font-size: 2.85em;
    letter-spacing: -2px;
    padding-top: 5px;
    width: 90px;
    text-align: right;
}
.nombre .quoi {
    float: right;
    font-size: .8em;
    text-transform: uppercase;
    width: 100px;
    padding-top: 25px;
    line-height: 1.1em;
}
.nombre.offres {
    background-image: url(img/nombre-offres.png);
}
.nombre.recruteurs {
    background-image: url(img/nombre-recruteurs.png);
}
/* menu principal */
.menu {
    margin: 18px 0 0;
    border-top: 2px solid #ec6825;
}
.menu .navbar-collapse {
    padding: 0;
}
.menu .navbar {
    border: none;
    min-height: 43px;
}
.menu .navbar-nav {
    float: none;
}
.menu .navbar-nav>li>a {
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.15em;
    text-transform: uppercase;
    padding: 14px 0 11px;
    margin: 0;
}
.menu .navbar-nav>li>a>span {
    padding: 0;
    border-left: 1px solid #e5e5e5;
    display: inline-block;
    text-align: center;
}
.accueil-recruteur .menu .navbar-nav>li>a>span,
.dashboard.recruteur .menu .navbar-nav>li>a>span {
    padding-left: 37.7px;
    padding-right: 37.7px;
    width: auto!important;
}
.menu .navbar-nav>li:first-child>a>span {
    margin-top: -5px;
    display: block;
    border-left: none;
}
.accueil-recruteur .menu .navbar-nav>li:first-child>a>span {
    padding-left: 20px;
    padding-right: 20px;
}
.menu .navbar-nav>li.recruteur {
    background: #0faeb1;
    color: #fff;
    margin:2px 0;
}
.accueil .menu .navbar-nav>li.recruteur,
.accueil-recruteur .menu .navbar-nav>li.recruteur {
    float:right;
}
.menu .navbar-nav>li.recruteur>a {
    background: #0faeb1;
    color: #fff;
    border-left: 0;
    padding: 11px 0 10px;
}
.abonnement .menu .navbar-nav>li.recruteur>a,
.cvtheque .menu .navbar-nav>li.recruteur>a,
.fiche .menu .navbar-nav>li.recruteur>a,
.offres .menu .navbar-nav>li.recruteur>a,
.formulaire .menu .navbar-nav>li.recruteur>a,
.article .menu .navbar-nav>li.recruteur>a {
    color: #87d7d8;
}
.menu .navbar-nav>li.recruteur>a:hover,
.menu .navbar-nav>li.recruteur>a:focus,
.abonnement .menu .navbar-nav>li.recruteur>a:hover,
.abonnement .menu .navbar-nav>li.recruteur>a:focus {
    background: #000;
    color: #fff;
}
.menu .navbar-nav>li.recruteur>a>span {
    border-left: 0;
}
.menu .navbar-nav>li.accueil>a>span {
    width: 57px;
    padding-top: 2px;
}
.menu .navbar-nav>li.offres>a>span {
    width: 138px;
}
.menu .navbar-nav>li.recrut>a>span {
    width: 153px;
}
.menu .navbar-nav>li.cv>a>span {
    width: 159px;
}
.menu .navbar-nav>li.deposer>a>span {
    width: 190px;
}
.menu .navbar-nav>li.dossiers>a>span {
    width: 121px;
}
.menu .navbar-nav>li.recruteur>a>span {
    width: 153px;
}
.menu .navbar-nav>li.recherche>a>span {
    width: 42px;
}
.menu .navbar-nav>li.dashboard>a>span {
    width: 202px;
}
.accueil .menu .navbar-nav>li.offres>a>span {
    width: 148px;
}
.accueil .menu .navbar-nav>li.recrut>a>span {
    width: 163px;
}
.accueil .menu .navbar-nav>li.cv>a>span {
    width: 169px;
}
.accueil .menu .navbar-nav>li.deposer>a>span {
    width: 200px;
}
.accueil .menu .navbar-nav>li.dossiers>a>span {
    width: 131px;
}
.accueil .menu .navbar-nav>li.recruteur>a>span {
    width: 145px;
}
.menu .navbar-default .navbar-nav>.open>a, 
.menu .navbar-default .navbar-nav>.open>a:hover, 
.menu .navbar-default .navbar-nav>.open>a:focus {
    background-color: transparent;
    color: #89969d;
}
.menu .dropdown.open>a {
    background: transparent url(img/menu-puce.png) no-repeat center bottom;
    color: #89969d;
}
.menu .navbar-nav>li>a.current {
    background: transparent url(img/menu-puce.png) no-repeat center bottom;
    color: #89969d;
    border-bottom: 3px solid #000;
    margin-bottom: -3px;
    z-index: 2;
}
.menu .dropdown-menu {
    border: none;
    border-top: 3px solid #000;
    width: 100%;
}
.menu .dropdown-menu>li>a {
    padding: 3px 10px;
}
.menu .dropdown-menu>li>a:before {
    content: '> ';
}
.menu .dropdown-menu>li>a:hover,
.menu .dropdown-menu>li>a:focus {
    background-color: transparent;
    color: #ec6825;
}
.menu .navbar-nav>li>.dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
    border-radius: 0;
}
.menu .navbar-nav>li.recherche {
    float: right;
    margin-top: 2px;
    width: 42px;
    height: 41px;
}
.dashboard .menu .navbar-nav>li.recherche {
    float: left;
    margin-top: 2px;
    width: 42px;
    height: 41px;
}
.menu .navbar-nav>li.recherche a {
    width: 42px;
    height: 41px;
    text-indent: -5000px;
    font-size: 0px;
    letter-spacing: -5px;
    display: inline-block;
    background: #000 url(img/menu-recherche.png) no-repeat left top;
}
.menu .navbar-nav>li.recherche a:hover,
.menu .navbar-nav>li.recherche a:focus,
.menu .navbar-nav>li.recherche a.actif {
    background: #000 url(img/menu-recherche-on.png) no-repeat left top;
}
.recruteur .menu .navbar-nav>li.recherche a:hover,
.recruteur .menu .navbar-nav>li.recherche a:focus,
.recruteur .menu .navbar-nav>li.recherche a.actif,
.menu .navbar-nav>li.recherche.cv a:hover,
.menu .navbar-nav>li.recherche.cv a:focus,
.menu .navbar-nav>li.recherche.cv a.actif {
    background: #0faeb1 url(img/menu-recherche-bleu-on.png) no-repeat left top;
}
.connecte .menu .navbar-nav>li.recherche a:hover,
.connecte .menu .navbar-nav>li.recherche a:focus,
.connecte .menu .navbar-nav>li.recherche a.actif {
    background: #000 url(img/menu-recherche-bleu-on.png) no-repeat left top;
}
.offre .menu .navbar-nav>li.recherche,
.article .menu .navbar-nav>li.recherche {
    width: 140px;
}
.offre .menu .navbar-nav>li.recherche a,
.article .menu .navbar-nav>li.recherche a {
    width: 140px;
    text-indent: inherit;
    font-size: 1.15em;
    letter-spacing: 0;
    background: #ec6825 url(img/menu-recherche-long.png) no-repeat right 10px center;
    color: #fff;
    padding: 11px 41px 11px 20px;
}
.offre .menu .navbar-nav>li.recherche a:hover,
.offre .menu .navbar-nav>li.recherche a:focus,
.article .menu .navbar-nav>li.recherche a:hover,
.article .menu .navbar-nav>li.recherche a:focus {
    background: #000 url(img/menu-recherche-long.png) no-repeat right 10px center;
}
.offre .menu .navbar-nav>li.recherche>a>span,
.article .menu .navbar-nav>li.recherche>a>span {
    width: auto;
    border-left: none;
}
.offre .menu .navbar-nav>li.accueil>a>span,
.article .menu .navbar-nav>li.accueil>a>span {
    width: 61px;
}
.offre .menu .navbar-nav>li.offres>a>span,
.article .menu .navbar-nav>li.offres>a>span {
    width: 118px;
}
.offre .menu .navbar-nav>li.recrut>a>span,
.article .menu .navbar-nav>li.recrut>a>span {
    width: 133px;
}
.offre .menu .navbar-nav>li.cv>a>span,
.article .menu .navbar-nav>li.cv>a>span {
    width: 137px;
}
.offre .menu .navbar-nav>li.deposer>a>span,
.article .menu .navbar-nav>li.deposer>a>span {
    width: 170px;
}
.offre .menu .navbar-nav>li.dossiers>a>span,
.article .menu .navbar-nav>li.dossiers>a>span {
    width: 101px;
}
.offre .menu .navbar-nav>li.recruteur>a>span,
.article .menu .navbar-nav>li.recruteur>a>span {
    width: 153px;
}
.dashboard .menu .navbar-nav>li.candidat {
    background: #ec6825;
    color: #fff;
    margin:2px 0 0;
}
.dashboard.recruteur .menu .navbar-nav>li.candidat {
    background: #0faeb1;
}
.dashboard .menu .navbar-nav>li.candidat {
    float:right;
}
.dashboard .menu .navbar-nav>li.candidat>a {
    background: #ec6825;
    color: #fff;
    border-left: 0;
    width: 100px;
    height: 41px;
    padding: 0;
}
.dashboard.recruteur .menu .navbar-nav>li.candidat>a {
    background: #0faeb1;
}
.dashboard .menu .navbar-nav>li.candidat>a:hover,
.dashboard .menu .navbar-nav>li.candidat>a:focus,
.dashboard.recruteur .menu .navbar-nav>li.candidat>a:hover,
.dashboard.recruteur .menu .navbar-nav>li.candidat>a:focus {
    background: #000;
}
.dashboard .menu .navbar-nav>li.candidat>a span {
    width: 100px;
    height: 41px;
    line-height: 1.1em;
    padding: 4px 0 0;
}
.dashboard.candidat .menu .navbar-nav>li.accueil>a>span {
    width: 81px;
}
.dashboard.candidat .menu .navbar-nav>li.offres>a>span {
    width: 138px;
}
.dashboard.candidat .menu .navbar-nav>li.recrut>a>span {
    width: 153px;
}
.dashboard.candidat .menu .navbar-nav>li.cv>a>span {
    width: 157px;
}
.dashboard.candidat .menu .navbar-nav>li.deposer>a>span {
    width: 190px;
}
.dashboard.candidat .menu .navbar-nav>li.dossiers>a>span {
    width: 141px;
}

.menu-carre a.recherche {
    background: #000 url(img/marecherche.png) no-repeat left top;
}
.menu-carre li a {
    width: 42px;
    height: 41px;
    text-indent: -5000px;
    font-size: 0px;
    letter-spacing: -5px;
    display: inline-block;
}



/* ---------------------------------
 * MENU "CARRES NOIRS"
 * --------------------------------- */
.menu-carre {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 175px;
    float: right;
    height: 50px;
    text-align: right;
}
.menu-carre li {
    margin: 0 5px 0 0;
    padding: 0;
    display: block;
    float: left;
    width: 55px;
    height: 50px;
}
.menu-carre li:last-child {
    margin-right: 0;
}
.menu-carre li a {
    width: 55px;
    height: 50px;
    text-indent: -5000px;
    font-size:0px;
    letter-spacing: -5px;
    display: inline-block;
}
.menu-carre a.compte {
    background: #000 url(img/moncompte.png) no-repeat left top;
}
.menu-carre a.compte:hover,
.menu-carre a.compte:focus {
    background: #ec6825 url(img/moncompte-on.png) no-repeat left top;
}
.menu-carre a.panier {
    background: #000 url(img/monpanier.png) no-repeat left top;
}
.menu-carre a.panier:hover,
.menu-carre a.panier:focus {
    background: #0faeb1 url(img/monpanier-on.png) no-repeat left top;
}
.menu-carre a.recherche {
    background: #000 url(img/marecherche.png) no-repeat left top;
}
.menu-carre a.recherche:hover,
.menu-carre a.recherche:focus,
.menu-carre a.recherche.actif {
    background: #ec6825 url(img/marecherche-on.png) no-repeat left top;
}
#recherche-form,
#section-recherche.mini {
    display: none;
    position: absolute;
    right: 5px;
    z-index: 10;
    width: 307px;
}
#section-recherche.mini {
    right: 0;
    margin-top: 1px;
    width: 242px;
}
#recherche-form input,
#section-recherche.mini input {
    float: left;
}
#section-recherche.mini input {
    height: 42px;
    width: 42px;
}
#recherche-form input.text,
#section-recherche.mini input.text {
    border: 5px solid #afafaf;
    height: 50px;
    width: 257px;
    padding: 0 10px;
}
#section-recherche.mini input.text {
    height: 42px;
    width: 200px;
    border-right: none;
}

/* ---------------------------------
 * RECHERCHE
 * --------------------------------- */
section.recherche {
    display: none;
    position: absolute;
    z-index: 20;
    left: 5px;
    right: 5px;
    margin: -2px 0 0;
    padding: 10px 5px 5px;
    background: #ec6825;
    color: #fff;
}
section.recherche.cv {
    background: #0faeb1;
    color: #fff;
}
.connecte section.recherche {
    background: #0faeb1;
}
.accueil section.recherche,
.accueil-recruteur section.recherche {
    display: block;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
}
section.recherche fieldset {
    /*padding-left: 35px;*/
    padding-left: 165px;
}
section.recherche h1 {
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    margin:20px 10px 10px;
    text-transform: uppercase;
    font-size: 3em;
    font-weight: bold;
    text-align: center;
}
section.recherche p {
    display: inline-block;
    width: 300px;
    margin-right: 20px;
    vertical-align: text-top;
}
section.recherche p.actions {
    display: inline-block;
    width: auto;
    margin-right: 0;
    vertical-align: text-top;
}
section.recherche label {
    display: none;
}
section.recherche input {
    width: 300px;
    font-size: 1.15em;
    min-height: 40px;
    line-height: 40px;
    color: #000;
    border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
    padding:0 20px;
}
section.recherche p.actions input {
    width: auto;
    text-align: left;
    background: transparent;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size:1.45em;
    padding: 0 10px 0 0;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
section.recherche p.actions input:hover,
section.recherche p.actions input:focus,
section.recherche p.actions input:active {
    color: #000;
}
section.recherche p a {
    float: left;
    margin: 4px;
    color: #fff;
}
section.recherche p a:hover,
section.recherche p a:focus {
    color: #000;
    text-decoration: none;
}
section.recherche p a:before {
    content: '> ';
}

/* ---------------------------------
 * INSCRIPTION
 * --------------------------------- */
.bgflou {
    background: transparent url(img/inscription-bg.png) no-repeat center top;
    margin: 0;
    padding: 0;
}
section.inscription {
    height: 288px;
    background: rgba(255,255,255,.3);
    overflow: hidden;
}
section.inscription div,
section.inscription article {
    height: 288px;
}
section.inscription .candidats {
    background: transparent url(img/inscription.png) no-repeat 5px bottom;
}
section.inscription .candidats>.row {
    background: transparent url(img/inscription-bas.png) no-repeat center bottom;
}
section.inscription .candidats article.cv {
    padding-left:20px;
}
section.inscription .candidats article.alertes {
    padding-left:40px;
}
section.inscription .candidats article {
    padding-top:30px;
}
section.inscription .medecins article {
    padding-top:10px;
}
section.inscription article h2 {
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size:2.4em;
    margin: 20px 0 0;
    line-height: 1em;
}
section.inscription .candidats article p {
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-size:2em;
    line-height: .9em;
    padding-top: 2px;
}
section.inscription .medecins {
    background: #0faeb1 url(img/medecins.png) no-repeat 20px 33px;
    color: #fff;
}
section.inscription .medecins article h2 {
    font-size:2.3em;
}
section.inscription .medecins p {
    font-size: 1.4em;
    margin-bottom: 0;
    line-height: 1em;
    padding-top: 2px;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
section.inscription .medecins p.bt {
    font-size: 1em;
    margin-bottom: 30px;
    text-align: left;
}
section.inscription .medecins ul {
    padding-left: 15px;
    padding-top: 5px;
    font-size: 1.15em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
section.inscription .bt {
    margin: 0 auto 30px;
    position: absolute;
    bottom: 0;
    left : 0;
    right : 0;
}

/* ---------------------------------
 * ILS RECRUTENT
 * --------------------------------- */
section.recrutements {
    background: #fff;
    border-bottom:2px solid #ec6825;
    margin-top: 27px;
}
section.recrutements .row a {
    display: block;
    padding: 5px 0 20px;
    border-bottom:1px solid #f1b096;
    min-height: 148px;
}
section.recrutements .row .col-md-4:nth-child(7) a,
section.recrutements .row .col-md-4:nth-child(8) a,
section.recrutements .row .col-md-4:nth-child(9) a {
    border-bottom:none;
}
section.recrutements h3 {
    font-weight: bold;
    text-transform: uppercase;
    font-size:1.1em;
    margin: 20px 0 0 2px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
section.recrutements p {
    margin:0;
}
section.recrutements img {
    margin: 5px 10px 0 2px;
    float: left;
}
section.recrutements span {
    padding-left: 101px;
    font-size: .95em;
}
section.recrutements span,
section.recrutements strong {
    display: block;
    margin-top:5px;
}
section.recrutements strong {
    text-transform: uppercase;
}
section.recrutements a:hover,
section.recrutements a:focus {
    text-decoration: none;
}
section.recrutements .bt {
    margin: 10px auto 20px;
}
section.recrutements .bt a:hover,
section.recrutements .bt a:focus {
    background: #ec6825;
    color: #fff;
}

/* ---------------------------------
 * OFFRES
 * --------------------------------- */
article.offres {
    background: #fff;
    border-bottom:2px solid #0faeb1;
    margin: 30px -5px 0 5px;
    padding: 0;
    min-height: 500px;
}
.accueil article.offres {
    border-bottom:2px solid #ec6825;
}
article.offres header h2 {
    margin: 0 0 10px;
}
article.offres.cv header {
    background-color: #0faeb1;
}
article.offres .row .type {
    font-weight: bold;
    color: #0faeb1;
    font-size:.85em;
    margin-bottom: 5px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.accueil article.offres .row .type {
    color: #ec6825;
}
article.offres .row .lieu {
    font-size:.85em;
    margin: -5px 0 20px;
    padding-bottom: 25px;
    border-bottom:1px solid #0faeb1;
}
.accueil article.offres .row .lieu {
    border-color: #f1b096;
}
article.offres .row:nth-child(4) .lieu {
    margin-bottom:0;
    padding-bottom: 0;
    border-bottom:none;
}
article.offres .row a {
    font-weight: bold;
    text-transform: uppercase;
    font-size:1.1em;
    line-height: 1.2em;
    margin: 5px 0 0 2px;
    padding-right: 20px;
    display: block;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
article.offres .row a:hover,
article.offres .row a:focus {
    text-decoration: none;
}
article.offres.cv .row a:hover,
article.offres.cv .row a:focus {
    color: #0faeb1;
}
article.offres .row .col-md-6 {
    padding: 0 10px;
    min-height: 150px;
}
article.offres .row:nth-child(4) .col-md-6 {
    min-height: 130px;
}
article.offres .bt a:hover,
article.offres .bt a:focus {
    background: #ec6825;
    color: #fff;
}

/* ---------------------------------
 * PUB
 * --------------------------------- */
article.pub {
    margin:30px 0 0;
    min-height: 279px;
}
article.pub div {
    background: #fff;
    padding:0 10px 10px;
    margin:0 0 0 10px;
    text-align: center;
}
.recherche article.pub div {
    margin-bottom: 30px;
}
article.pub small {
    color: #89969d;
    text-transform: uppercase;
    font-size: .7em;
}

/* ---------------------------------
 * RECRUTEURS
 * --------------------------------- */
article.recruteurs {
    margin:12px 0 0;
}
article.recruteurs div {
    background: #0faeb1;
    color: #fff;
    padding:0 10px 10px;
    margin:0 0 0 10px;
    text-align: center;
    min-height: 470px;
}
article.recruteurs h2 {
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 3.15em;
    padding: 170px 0 0;
    background: #0faeb1 url(img/recruteurs.png) no-repeat center 45px;
    letter-spacing: -1px;
    margin: 0;
}
article.recruteurs p {
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-size: 1.4em;
    padding: 20px 40px 0;
}
article.recruteurs .bt a {
    font-size: 1em;
}

/* ---------------------------------
 * DOSSIERS A LA UNE
 * --------------------------------- */
article.dossiers {
    margin: 30px -5px 0 5px;
    background: #fff;
    border-bottom:2px solid #ec6825;
}
.accueil article.dossiers {
    margin: -229px 5px 0;
}
article.dossiers header {
    margin: -20px -5px 0;
}
article.dossiers header h2 {
    padding: 6px 0 0 10px;
    font-size: 1.6em;
    margin-bottom: 6px;
}
article.dossiers img.visuel {
    float: left;
    margin: 20px 10px 0 0;
}
article.dossiers div {
    padding: 0 20px 0 10px;
}
article.dossiers div h3 {
    font-family: Judson, Arial, Helvetica, sans-serif;
    font-size: 1.85em;
    font-weight: bold;
}
article.dossiers div h3 a:hover,
article.dossiers div h3 a:focus {
    text-decoration: none;
}
article.dossiers div p {
    height: 152px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3em;
    font-size: .85em;
}
article.dossiers p.soutien {
    text-align: center;
    font-size: .7em;
    width: 327px;
}
article.dossiers .bt a:hover,
article.dossiers .bt a:focus {
    background: #ec6825;
    color: #fff;
}

/* ---------------------------------
 * IDENTIFICATION
 * --------------------------------- */
section.identification {
    background-color: #fff;
    padding: 10px 20px;
    border-bottom: 2px solid #ec6825;
    margin-top: 30px;
}
section.identification header {
    margin: -10px -20px 20px;
}
section.identification header h2 {
    margin: 0;
}
section.identification h3 {
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-size: 2.4em;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 10px;
}
section.identification .col-md-6 {
    min-height: 290px;
    padding-bottom: 50px;
}
section.identification .col-md-6:first-child {
    border-right: 1px solid #ec6825;
}
section.identification .col-md-6:first-child h3 {
    padding-left: 20px;
}
section.identification .col-md-6:nth-child(2) {
    padding-left: 65px;
    padding-right: 65px;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
section.identification .alerte {
    color: #db0000;
    text-align: left;
    font-weight: bold;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    padding: 0 0 10px 170px;
}
section.identification form label {
    width: 170px;
    text-align: right;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    font-weight: normal;
}
section.identification form input {
    width: 260px;
    font-size: 1.15em;
    min-height: 30px;
    line-height: 30px;
    color: #000;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0 20px;
    background-color: #e8ecef;
}
section.identification form .actions,
section.identification .bt {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
section.identification .bt a {
    font-size: 1.25em;
    padding: 0 30px;
}
section.identification form .actions input {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0 20px;
    background: #000;
    color: #fff;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.4em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
section.identification form .actions input:hover,
section.identification form .actions input:focus,
section.identification .bt a:hover,
section.identification .bt a:focus {
    background: #ec6825;
    color: #fff;
}
section.identification .col-md-6:nth-child(2) p {
    font-size: 1.15em;
}
section.identification .col-md-6:nth-child(2) strong {
    font-size: 1.1em;
}
section.identification .note {
    margin: 40px 0 0;
    color: #afafaf;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.1em;
}

/* ---------------------------------
 * RECHERCHE AVANCEE
 * --------------------------------- */
section.recherche-avancee {
    margin-left: 5px;
}
section.recherche-avancee article.form {
    background-color: #fff;
    margin-top: 30px;
    padding: 0;
    border-bottom: 2px solid #ec6825;
}
section.recherche-avancee article.form header {
    margin: 0 0 20px;
}
section.recherche-avancee article.form header h2 {
    margin: 0;
}
section.recherche-avancee article.form fieldset {
    border: none;
    border-bottom: 1px solid #ec6825;
    padding: 0 20px 20px;
    margin-bottom: 20px;
}
section.recherche-avancee article.form fieldset legend {
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 2.15em;
    text-transform: uppercase;
    margin-bottom: 10px;
    border-bottom: none;
}
section.recherche-avancee article.form p label {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 1.15em;
    float: left;
    width: 110px;
    font-weight: 600;
    margin-bottom: 0;
    text-align: right;
    margin-right: 10px;
    padding-left: 10px;
}
section.recherche-avancee article.form p input,
section.recherche-avancee article.form p select {
    background: #e8ecef;
    font-size: 1em;
    min-height: 30px;
    line-height: 30px;
    color: #000;
    border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
    padding:0 10px;
}
section.recherche-avancee article.form p select option {
    background: #e8ecef;
    font-size: 1em;
    min-height: 30px;
    line-height: 30px;
    color: #000;
    border: none;
    padding:0 10px;
}
section.recherche-avancee article.form p input.checkbox {
    min-height: 0;
    line-height: initial;
    display: inline;
    margin: 0;
}
section.recherche-avancee article.form p.radio {
    padding: 10px 0;
}
section.recherche-avancee article.form p.radio label {
    float: none;
    width: auto;
}
section.recherche-avancee article.form p.ou {
    margin: -5px 0 5px;
    clear: both;
    font-size: 1.15em;
    text-transform: uppercase;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 600;
    width: 110px;
    text-align: right;
}
section.recherche-avancee article.form fieldset.metier p input,
section.recherche-avancee article.form fieldset.metier p select {
    width: 300px;
}
section.recherche-avancee article.form fieldset.geo p input,
section.recherche-avancee article.form fieldset.geo p select {
    width: 500px;
}
section.recherche-avancee article.form fieldset.geo p.rayon input,
section.recherche-avancee article.form fieldset.geo p.rayon select {
    width: 110px;
}
section.recherche-avancee article.form fieldset.geo p.rayon select {
    margin-right: 16px;
}
section.recherche-avancee article.form fieldset.geo p.rayon input.checkbox {
    width: auto;
}
section.recherche-avancee article.form fieldset.geo p.radio.rayon {
    width: 100%;
    padding-left: 10px;
}
section.recherche-avancee article.form fieldset.aussi p label {
    width: 180px;
}
section.recherche-avancee article.form fieldset.aussi p input,
section.recherche-avancee article.form fieldset.aussi p select {
    width: 370px;
}
section.recherche-avancee article.form fieldset.submit {
    border: none;
    padding: 10px 20px 30px;
    margin-bottom: 0;
}
section.recherche-avancee article.form fieldset.submit p.radio {
    float: none;
    width: 100%;
    margin: 10px 0;
    text-align: center;
}
section.recherche-avancee article.form fieldset.submit p label {
    font-size: 1.5em;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-weight: bold;
}
section.recherche-avancee article.form fieldset.submit .actions {
    text-align: center;
    margin: 20px 0 0;
}
section.recherche-avancee article.form fieldset.submit .actions input {
    padding: 0 30px;
    background: #000;
    color: #fff;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.4em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
section.recherche-avancee article.form fieldset.submit .actions input:hover,
section.recherche-avancee article.form fieldset.submit .actions input:focus {
    background: #ec6825;
}

/* ---------------------------------
 * TUNNEL D'ACHAT : FIL D'ARIANE
 * --------------------------------- */
.ariane {
    margin: 32px 0 0;
    background-color: #fff;
}
.ariane ol {
    margin: 0;
    padding: 0 0 0 50px;
    background-color: #fff;
    height: 35px;
    width: 100%;
    overflow: hidden;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: bold;
    list-style: none;
}
.ariane ol li {
    float: left;
    list-style-position: inside;
    color: #dcdcdc;
    height: 35px;
}
.ariane ol li a,
.ariane ol li span.cont {
    display: block;
    line-height: 36px;
    color: #dcdcdc;
    height: 36px;
}
.ariane ol li.ok a,
.ariane ol li.ok span.cont {
    color: #000;
}
.ariane ol li a:hover,
.ariane ol li a:focus {
    text-decoration: none;
    color: #0faeb1;
}
.ariane ol li {
	background:#fff url('img/chevron.png') right center no-repeat;
    padding-left: 22px;
}
.ariane ol li.commande {
	background:#fff;
	width: 150px;
}
.ariane ol li.commande.courant {
	width: 220px;
	background:#000;
	float: left;
    margin-left: -50px;
}
.ariane ol li.commande.ok {
	background:#fff;
    color: #000;
    padding-left: 0;
}
.ariane ol li.identification {
	width: 215px;
}
.ariane ol li.identification.courant {
	width: 235px;
}
.ariane ol li.facturation {
	width: 200px;
}
.ariane ol li.facturation.courant {
	width: 220px;
}
.ariane ol li.paiement {
	width: 170px;
}
.ariane ol li.paiement.courant {
	width: 190px;
}
.ariane ol li.confirmation {
	width: 190px;
	background:#fff;
}
.ariane ol li.confirmation.courant {
	width: 225px;
	background:#000 url('img/chevron.png') left center no-repeat;
	float: right;
}
.ariane ol li.confirmation.courant a,
.ariane ol li.confirmation.courant span.cont {
	background:#000;
    padding-right: 0;
}
.ariane ol li.ok {
	background:#fff url('img/chevron.png') left center no-repeat;
    color: #000;
    padding-left: 35px;
}
.ariane ol li.courant {
	background:#000 url('img/chevron.png') left center no-repeat;
    color: #fff;
    padding-left: 35px;
}
.ariane ol li.courant a,
.ariane ol li.courant span.cont {
	background:#000 url('img/chevron-courant-droit.png') right center no-repeat;
    padding-right: 35px;
    color: #fff;
}


/* ---------------------------------
 * TUNNEL D'ACHAT : FACTURATION
 * --------------------------------- */
.tunnel .form-choix {
    background: #fff;
    border-bottom: 2px solid #0faeb1;
    margin: 30px 5px 0 0;
    padding: 0 0 20px;
    min-height: 420px;
    position: relative;
}
.tunnel .form-choix header h2 {
    margin-top: 0;
}
.tunnel .form-choix p {
    padding: 20px 70px 0;
    margin: 0;
}
.tunnel .form-choix p.form {
    padding: 20px 20px 45px;
}
.tunnel .form-choix p.form label {
    color: #0faeb1;
}
.tunnel .form-choix p.form select {
    background: #e8ecef;
    font-size: 1em;
    min-height: 30px;
    line-height: 30px;
    color: #000;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0 10px;
    margin: 0 10px;
    min-width: 280px;
}
.tunnel .form-choix footer p.plus {
    margin: 0;
    padding: 0 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: right;
    background: #0faeb1;
    color: #fff;
}
.tunnel .form-choix footer p.plus a {
    background: #0faeb1;
    color: #fff;
}
.tunnel .form-choix footer p.plus a:hover,
.tunnel .form-choix footer p.plus a:focus {
    text-decoration: none;
    color: #000;
}
.tunnel .form-choix footer p.plus a span {
    color: #000;
    font-weight: bold;
}
.tunnel .nouvelle-adresse {
    display: none;
    background: #0faeb1;
    margin: 0 5px 0 0;
    padding: 30px 20px;
    color: #fff;
}
.tunnel .nouvelle-adresse form label,
.tunnel .nouvelle-adresse form .label {
    display: inline-block;
    color: #fff;
    width: 225px;
    text-align: right;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: normal;
    margin-right: 10px;
    padding: 0;
}
.tunnel .nouvelle-adresse form input {
    width: 260px;
    font-size: 1.15em;
    min-height: 30px;
    line-height: 30px;
    color: #000;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0 10px;
    background-color: #e8ecef;
}
.tunnel .nouvelle-adresse form input.checkbox {
    min-height: 0;
    line-height: initial;
    display: inline;
    margin: 0;
    width: auto;
}
.tunnel .nouvelle-adresse form p.radio label {
    float: none;
    width: auto;
    margin-right: 30px;
    vertical-align: text-bottom;
}
.tunnel .nouvelle-adresse form .obligatoire {
    color: #000;
    font-weight: bold;
    font-style: italic;
}
.tunnel .nouvelle-adresse form span.obligatoire {
    padding-left: 10px;
}
.tunnel .nouvelle-adresse form p.obligatoire {
    padding-left: 235px;
}
.tunnel .nouvelle-adresse form span.obligatoire,
.tunnel .nouvelle-adresse form p.obligatoire span {
    font-size: 1.25em;
}
.tunnel .nouvelle-adresse form .actions input {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0 20px;
    background: #000;
    color: #fff;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.4em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
.tunnel .nouvelle-adresse form .actions {
    text-align: right;
    padding-right: 125px;
}
.tunnel .nouvelle-adresse form .actions input {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0 20px;
    background: #000;
    color: #fff;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.4em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    width: auto;
}
.tunnel .nouvelle-adresse form .actions input:hover,
.tunnel .nouvelle-adresse form .actions input:focus {
    background: #e8ecef;
    color: #000;
}
.tunnel article.recapitulatif {
    margin: 30px 0 0;
    background: #fff;
    padding-bottom: 20px;
    border-bottom: 2px solid #0faeb1;
    min-height: 420px;
}
.tunnel article.recapitulatif header {
    background: #fff;
}
.tunnel article.recapitulatif header h2 {
    margin: 0 0 20px;
    color: #000;
    font-size: 2.15em;
    line-height: .9em;
}
.tunnel article.recapitulatif p {
    padding: 0 10px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 1.15em;
}
.tunnel article.recapitulatif p.pack {
    text-transform: uppercase;
    color: #0faeb1;
    font-size: 1.4em;
    font-weight: bold;
}
.tunnel article.recapitulatif p.actions {
    margin-top: 30px;
}
.tunnel article.recapitulatif p.actions a {
    padding-left: 15px;
    background: transparent url(img/tunnel-puce.png) no-repeat left center;
    font-weight: bold;
}
.tunnel article.recapitulatif p.actions a:hover,
.tunnel article.recapitulatif p.actions a:focus {
    color: #0faeb1;
    text-decoration: none;
}
.tunnel article.recapitulatif p.total {
    margin-top: 20px;
    padding-top: 20px;
    padding-right: 20px;
    border-top: 1px solid #0faeb1;
    text-align: right;
    font-size: 1.4em;
    padding-left: 0;
    font-weight: bold;
}
.tunnel article.recapitulatif p.total strong {
    display: block;
    font-size: 1.5em;
    text-transform: uppercase;
}
.tunnel article.recapitulatif p.actions.bt {
    margin-top: 20px;
}
.tunnel article.recapitulatif p.actions.bt a {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0 45px 0 20px;
    background: #000 url(img/tunnel-puce-bt.png) no-repeat right center;
    color: #fff;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.4em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
.tunnel article.recapitulatif p.actions.bt a:hover,
.tunnel article.recapitulatif p.actions.bt a:focus {
    background-color: #0faeb1;
}
.tunnel article.contact {
    margin: 30px 0;
    padding: 30px;
    background: #fff;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
.tunnel article.contact h2 {
    margin: 0;
    padding-right: 60px;
    font-weight: bold;
    font-size: 1.7em;
    text-transform: uppercase;
    color: #afafaf;
}
.tunnel article.contact p {
    font-size: 1.45em;
    margin: 0 -20px 0 0;
}

/* ---------------------------------
 * TUNNEL D'ACHAT : PAIEMENT
 * --------------------------------- */
.tunnel.paiement .form-choix.intro {
    min-height: 280px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    padding-bottom: 0;
}
.tunnel.paiement .form-choix header h2 {
    margin-top: 0;
    font-size: 2.15em;
}
.tunnel.paiement .form-choix.intro p {
    padding: 10px 20px 0;
    margin: 0;
}
.tunnel.paiement .form-choix.intro p.pack {
    text-transform: uppercase;
    color: #0faeb1;
    font-size: 1.4em;
    font-weight: bold;
}
.tunnel.paiement .form-choix.intro p.detail {
    font-size: 1.4em;
    font-weight: bold;
}
.tunnel.paiement .form-choix.intro p.options {
    font-size: 1.15em;
}
.tunnel.paiement .form-choix.intro p.total {
    clear: both;
    border-top: 1px solid #0faeb1;
    margin-top: 20px;
    padding-top: 10px;
    font-weight: bold;
    font-size: 1.4em;
    text-transform: uppercase;
}
.tunnel.paiement .form-choix.intro p.tva {
    font-size: 1.15em;
}
.tunnel.paiement .form-choix.intro p.total,
.tunnel.paiement .form-choix.intro p.tva {
    padding-left: 370px;
}
.tunnel.paiement .form-choix.intro p.total span,
.tunnel.paiement .form-choix.intro p.tva span {
    display: inline-block;
}
.tunnel.paiement .form-choix.intro p span.libelle,
.tunnel.paiement .form-choix.intro p span.libelle {
    width: 80px;
    text-align: right;
    margin-right: 50px;
}
.tunnel.paiement .form-choix.intro p span.prix {
    text-transform: uppercase;
}
.tunnel.paiement .form-choix.intro p.total span.prix {
    font-size: 1.55em;
    text-transform: uppercase;
}
.tunnel.paiement .form-choix.adresse {
    min-height: 245px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    padding-bottom: 0;
}
.tunnel.paiement .form-choix.adresse header h2 {
    margin-bottom: 0;
}
.tunnel.paiement .form-choix.adresse p {
    padding: 10px 20px 0;
    margin: 0;
}
.tunnel.paiement .form-choix.adresse p strong {
    display: block;
}
.tunnel.paiement .form-choix.adresse p.actions {
    text-align: right;
    padding-right: 20px;
    padding-bottom: 20px;
    margin-top: -20px;
}
.tunnel.paiement .form-choix.adresse p.actions a {
    padding-left: 15px;
    background: transparent url(img/tunnel-puce.png) no-repeat left center;
    font-weight: bold;
    font-size: 1.15em;
}
.tunnel.paiement .form-choix.adresse p.actions a:hover,
.tunnel.paiement .form-choix.adresse p.actions a:focus {
    color: #0faeb1;
    text-decoration: none;
}
.tunnel.paiement .form-choix.paiement {
    min-height: 440px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    padding-bottom: 0;
}
.tunnel.paiement .form-choix.paiement legend {
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.4em;
    border: none;
    padding: 10px 20px;
    margin: 0;
}
.tunnel.paiement .form-choix.paiement div.ligne {
    padding: 0 30px;
    margin: 0;
    border-bottom: 1px solid #0faeb1;
    clear: both;
    width: 100%;
    overflow: hidden;
}
.tunnel.paiement .form-choix.paiement div.ligne:last-child {
    border-bottom: none;
}
.tunnel.paiement .form-choix.paiement div.ligne p {
    padding: 20px 0;
    margin: 0;
    float: left;
    width: 60%;
}
.tunnel.paiement .form-choix.paiement div.ligne p.cb {
    padding-top: 50px;
}
.tunnel.paiement .form-choix.paiement div.ligne p.cheque {
    padding-top: 33px;
}
.tunnel.paiement .form-choix.paiement div.ligne p.bon {
    padding-top: 26px;
}
.tunnel.paiement .form-choix.paiement div.ligne p:nth-child(2) {
    width: 40%;
    font-size:.85em;
}
.tunnel.paiement .form-choix.paiement div.ligne label {
    padding: 0 10px;
}
.tunnel.paiement .cgv {
    padding-top: 20px;
}
.tunnel.paiement .cgv p {
    padding-left: 95px;
}
.tunnel.paiement .cgv p.alerte {
    margin: 0;
    color: #db0000;
    font-weight: bold;
}
.tunnel.paiement .cgv p label {
    padding: 0 5px;
}
.tunnel.paiement .cgv p a {
    text-decoration: underline;
    color: #000;
}
.tunnel.paiement .cgv p.actions.bt a {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0 45px 0 20px;
    background: #000 url(img/tunnel-puce-bt.png) no-repeat right center;
    color: #fff;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.4em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    text-decoration: none;
    margin-top: 10px;
}
.tunnel.paiement .cgv p.actions.bt a:hover,
.tunnel.paiement .cgv p.actions.bt a:focus {
    background-color: #0faeb1;
}
.tunnel.paiement .secur {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 615px;
    background: #0faeb1;
    padding: 20px;
    min-height: 440px;
    color: #fff;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
.tunnel.paiement .secur h2 {
    margin: 0 0 10px;
    padding: 5px 0 0;
    text-transform: uppercase;
    color: #000;
    font-size: 2.15em;
    font-weight: bold;
}
.tunnel.paiement .secur h3 {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 1.7em;
    font-weight: bold;
    line-height: 1em;
}
.tunnel.paiement .secur p {
    font-size: 1.7em;
    line-height: 1em;
}
.tunnel.paiement .secur p.img {
    margin-top: 40px;
    margin-bottom: 0px;
}
.tunnel.paiement .secur h3.cb {
    margin-top: 10px;
}
.tunnel.paiement .secur h3.cheque {
    margin-top: 40px;
}
.tunnel.paiement .secur h3.bon {
    margin-top: 40px;
}

/* ---------------------------------
 * TUNNEL D'ACHAT : CONFIRMATION
 * --------------------------------- */
.tunnel.confirmation .form-choix {
    margin: 30px 0 0;
    min-height: 0;
}
.tunnel.confirmation .form-choix p {
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    padding: 10px 20px;
    line-height: 1em;
}
.tunnel.confirmation .form-choix p.alerte {
    text-align: center;
    margin: 20px 60px;
    border: 1px solid #db0000;
    color: #db0000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
    text-transform: uppercase;
}
.tunnel.confirmation .form-choix h3 {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 1.15em;
    font-weight: bold;
    padding: 20px 20px 0;
    text-transform: uppercase;
    color: #0faeb1;
}
.tunnel.confirmation .form-choix ol li {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 1.15em;
    line-height: 1.8em;
}
.tunnel.confirmation .form-choix ol li p {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    text-align: center;
    color: #7a7a7a;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 1.2em;
    font-size: 1.1em;
    margin-left: -40px;
}
.tunnel.confirmation .form-choix p.memo {
    text-align: center;
    margin: 20px 160px;
    padding: 10px 40px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
    background: #e8ecef;
    line-height: 1.5em;
    font-size: 1.6em;
}
.tunnel.confirmation .form-choix p.memo a.bt {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0 20px;
    background: #000;
    color: #fff;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .9em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    margin: 30px 0;
}
.tunnel.confirmation .form-choix p.memo a.bt:hover,
.tunnel.confirmation .form-choix p.memo a.bt:focus {
    text-decoration: none;
    background-color: #0faeb1;
}
.tunnel.confirmation article.contact,
.tunnel.confirmation article.suivi {
    min-height: 165px;
}
.tunnel.confirmation article.contact h2 {
    padding-right: 80px;
}
.tunnel.confirmation article.contact p {
    font-size: 1.2em;
}
.tunnel.confirmation article.suivi {
    margin: 30px 0;
    padding: 40px 30px;
    background: #fff;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
.tunnel.confirmation article.suivi h2 {
    margin: 0;
    padding-right: 60px;
    font-weight: bold;
    font-size: 1.7em;
    text-transform: uppercase;
    color: #afafaf;
}


/* ---------------------------------
 * LIGHTBOX ALERTE
 * --------------------------------- */
section.creer-alerte {
    background: #fff;
    margin: 10px 5px 0;
    text-align: center;
}
section.creer-alerte h2 {
    background: transparent url(img/creer-alerte.png) no-repeat left center;
    margin: 0 80px 0 20px;
    padding: 0 0 0 47px;
    line-height: 45px;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-size: 1.45em;
    font-weight: bold;
    display: inline-block;
}
section.creer-alerte p.bt {
    display: inline-block;
    margin: 0;
}
section.creer-alerte p.bt a:hover,
section.creer-alerte p.bt a:focus {
    background: #ec6825;
    color: #fff;
}
.ui-widget-overlay {
    background: #000;
    opacity: .6;
    filter: Alpha(Opacity=60);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.ui-dialog {
    z-index: 101;
    position: absolute!important;
    width: 1014px!important;
    top: 66px!important;
    background: #e8ecef;
    padding-bottom: 20px;
}
.ui-dialog-titlebar {
	position: absolute;
	top: -24px;
	right: 0;
	width: 26px;
	height: 24px;
	z-index: 101;
}
.ui-dialog-title {
    display: none;
}
.ui-dialog-titlebar-close {
	width: 26px;
	height: 24px;
	cursor: pointer;
	background: #fff url(img/fermer.png) no-repeat left top;
    border: none;
}
.pack .ui-dialog-titlebar-close {
	background: #fff url(img/fermer-bleu.png) no-repeat left top;
}
.fancy {
    display: none;
}
.fancy#popup-alerte header {
    background: #fff;
}
.fancy#popup-pack header {
    background: #0faeb1;
}
.fancy header h2 {
    margin: 0 10px;
}
.fancy#popup-alerte header h2 {
    background: transparent url(img/creer-alerte.png) no-repeat left center;
    padding: 0 0 0 47px;
    color: #000;
    font-size: 1.45em;
    text-transform: none;
}
.fancy#popup-pack header h2 {
    color: #fff;
    padding: 10px 0 0 10px;
}
.fancy h3 {
    margin: 30px;
    color: #ec6825;
    font-size: 1.45em;
    font-weight: bold;
    text-transform: uppercase;
}
.fancy#popup-pack h3 {
    color: #0faeb1;
}
.fancy h3 span {
    margin: 0 0 0 5px;
    color: #000;
    font-size: .8em;
    font-weight: bold;
    text-transform: none;
}
.fancy fieldset {
    margin: 30px;
    background: #fff;
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}
.fancy#popup-pack form .ligne {
    width: 100%;
    width: calc(100% + 40px);
    overflow: hidden;
    padding: 30px 20px;
    margin: 0 -20px;
    border-bottom: 1px solid #0faeb1;
}
.fancy#popup-pack form .ligne:last-child {
    border-bottom: none;
}
.fancy#popup-pack form .ligne p {
    float: left;
    border-right: 2px solid #e9e9e9;
    padding: 10px 0;
    min-height: 85px;
    margin: 0;
}
.fancy#popup-pack form .ligne p:last-child {
    border-right: none;
}
.fancy#popup-pack form .ligne p.input {
    width: 370px;
}
.fancy#popup-pack form .ligne p.restant {
    width: 280px;
    padding-left: 85px;
}
.fancy#popup-pack form .ligne p.restant .nb {
    font-size: 3.15em;
    font-weight: bold;
}
.fancy#popup-pack form .ligne p.restant .libelle {
    width: 70px;
    display: inline-block;
}
.fancy#popup-pack form .ligne p.date {
    width: 260px;
    padding-left: 20px;
    text-align: center;
}
.fancy#popup-pack form .ligne p.date strong {
    display: block;
    font-size: 1.15em;
}
.fancy#popup-pack form .ligne .alerte {
    color: #db0000;
}
.fancy#popup-alerte form label,
.fancy#popup-alerte form .label {
    width: 340px;
    text-align: right;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    font-weight: normal;
    color: #000;
    display: inline-block;
    padding: 0;
}
.fancy#popup-pack form label {
    color: #0faeb1;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 1.05em;
    width: 340px;
}
.fancy#popup-pack form label span {
    display: block;
    color: #000;
    text-transform: none;
    font-weight: bold;
    font-size: .85em;
}
.fancy form input {
    width: 310px;
    font-size: 1em;
    min-height: 30px;
    line-height: 30px;
    color: #888888;
    font-style: italic;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0 10px;
    background-color: #e8ecef;
}
.fancy form p input.checkbox {
    min-height: 0;
    line-height: initial;
    display: inline;
    margin: 0;
    width: auto;
    position: relative;
}
.fancy#popup-pack form .ligne p.input input.checkbox {
    float: left;
    margin: 5px 10px 0 0;
}
.fancy form .actions {
    text-align: center;
}
.fancy .bt a {
    font-size: 1.25em;
    padding: 0 30px;
}
.fancy form .actions input {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0 20px;
    background: #0faeb1;
    color: #fff;
    background: #000;
    color: #fff;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.4em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-style: normal;
}
.fancy#popup-pack form .actions input {
    background: #000;
    color: #fff;
}
.fancy form .actions input:hover,
.fancy form .actions input:focus,
.fancy .bt a:hover,
.fancy .bt a:focus {
    background: #0faeb1;
    color: #fff;
}
.fancy#popup-pack form .actions input:hover,
.fancy#popup-pack form .actions input:focus {
    background: #0faeb1;
    color: #fff;
}
.fancy form p.radio label,
.fancy#popup-alerte form p.radio label {
    float: none;
    width: auto;
    padding-right: 30px;
    font-weight: bold;
    font-size: 1em;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.fancy form .cgv {
    padding-bottom: 20px;
    padding-left: 95px;
}
.fancy form .cgv label,
.fancy#popup-alerte form .cgv label {
    padding: 0 5px;
}
.fancy form .cgv a {
    text-decoration: underline;
    color: #000;
}
.fancy .erreur input {
    border: 1px solid #db0000;
}
.fancy span.erreur {
    color: #db0000;
    display: block;
    font-weight: bold;
    padding-left: 345px;
}


/* ---------------------------------
 * FICHE OFFRE
 * --------------------------------- */
.offre section.offre {
    margin: 10px 5px 0;
    background: #fff;
    width: 100%;
    width: calc(100% - 10px);
    overflow: hidden;
    border-bottom: 2px solid #ec6825;
    padding-bottom: 20px;
}
.offre.fiche section.offre {
    margin: 30px 5px 0;
}
.offre section.offre header {
    padding: 0 56px;
    width: 100%;
    overflow: hidden;
}
.offre section.offre header .next span,
.offre section.offre header .prev span {
    text-indent: -5000px;
    font-size: 0px;
    letter-spacing: -5px;
}
.offre section.offre header .prev {
    background: #000 url(img/fl-g.png) no-repeat left top;
    width: 36px;
    height: 43px;
    display: block;
    position: absolute;
    left: 0;
    top: 20px;
}
.offre section.offre header .prev:hover,
.offre section.offre header .prev:focus {
    background: #fff url(img/fl-g-on.png) no-repeat left top;
}
.offre section.offre header .next {
    background: #000 url(img/fl-d.png) no-repeat left top;
    width: 36px;
    height: 43px;
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
}
.offre section.offre header .next:hover,
.offre section.offre header .next:focus {
    background: #fff url(img/fl-d-on.png) no-repeat left top;
}
.offre section.offre header>div>h2,
.offre section.offre header>div>div>h2 {
    font-size: 2.85em;
    text-transform: none;
    float: left;
    width: 624px;
    line-height: 80px;
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
.offre section.offre header>div>p.ref {
    float: left;
    padding-top: 10px;
    margin: 0;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
.offre section.offre article {
    clear: both;
}
.offre section.offre article.fiche {
    float: left;
    width: 670px;
    margin-right: 10px;
    padding: 35px 10px 10px;
    border-bottom: 1px solid #ec6825;
    min-height: 780px;
}
.offre section.offre article h3 {
    font-weight: 700;
    font-size: 2.15em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    margin: 10px 0;
    text-transform: uppercase;
}
.offre section.offre article.fiche h4 {
    font-weight: 700;
    font-size: 1.4em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    margin: 10px 0;
    color: #999999;
}
.offre section.offre article p {
    margin: 0 0 20px;
    font-size: .95em;
    line-height: 1.2em;
}
.offre section.offre article.fiche p.note {
    margin: 10px 0 20px;
    font-size: .9em;
    color: #999999;
    font-style: italic;
}
.offre section.offre article.fiche ul {
    padding: 0 0 0 15px;
    list-style-image: url(img/puce-liste.png);
    font-size: .9em;
}
.offre section.offre article.fiche p.exergue {
    background: #ec6825;
    padding: 20px 30px;
    margin: 20px -10px 10px;
    color: #fff;
}
.offre section.offre article.fiche p a {
    color: #ec6825;
}
.offre section.offre article.fiche p.exergue a,
.offre.fiche section.offre article.fiche p a, .offre.fiche section.offre article.fiche p.note{
    color: #000;
}
.offre section.offre aside.mots-cles {
    float: left;
    width: 310px;
    padding: 10px;
    border: 1px solid #d9d9d9;
    margin-top: 35px;
    min-height: 745px;
}
.offre section.offre aside.mots-cles .row {
    margin: 0;
}
.offre section.offre aside.mots-cles .label {
    color: #0faeb1;
    display: block;
    font-size: .85em;
    font-weight: normal;
    text-align: left;
    padding: 0;
}
.offre section.offre aside.mots-cles .recruteur img {
    display: block;
    margin: 30px auto 20px;
}
.offre section.offre .recruteur img {
    display: block;
    float: left;
    margin: 20px 20px 20px 0;
}
.offre section.offre .recruteur p {
    display: block;
    float: left;
    line-height: inherit;
}
.offre section.offre .recruteur p span {
    display: block;
}
.offre section.offre .recruteur p a.bt {
    display: inline-block;
    padding: 0 20px;
    background: #000;
    color: #fff;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.4em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    margin: 20px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
.offre section.offre .recruteur p a.bt:hover,
.offre section.offre .recruteur p a.bt:focus {
    background: #0faeb1;
    text-decoration: none;
}
.offre section.offre .recruteur a.adresse {
    display: block;
    text-transform: uppercase;
    font-size: 1.1em;
}
.offre section.offre aside.mots-cles .recruteur a.adresse {
    padding-bottom: 20px;
    margin-bottom: 20px; 
    border-bottom: 1px solid #d9d9d9;
}
.offre section.offre .recruteur a.adresse:hover,
.offre section.offre .recruteur a.adresse:focus {
    color: #0faeb1;
    text-decoration: none;
}
.offre section.offre aside.mots-cles .recruteur a strong {
    font-size: 1.3em;
}
.offre section.offre aside.mots-cles .value {
    font-weight: 700;
    font-size: 1.4em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
.offre section.offre p.bt {
    margin:  30px 0 10px;
}
.offre section.offre .bt a {
    display: inline-block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    padding: 0 64px 0 20px;
    background: #000 url(img/bt-puce-bt.png) no-repeat right center;
    color: #fff;
    line-height: 44px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
.offre section.offre .bt a:hover,
.offre section.offre .bt a:focus {
    background-color: #0faeb1;
}
.offre section.offre article.details {
    float: left;
    width: 663px;
    margin-right: 10px;
    min-height: 840px;
}
.offre section.offre article.details .article {
    border-bottom: 1px solid #ec6825;
    padding: 20px 10px;
    min-height: 260px;
}
.offre section.offre article.details .article:last-child {
    border-bottom: none;
}
.offre section.offre aside.liens {
    float: left;
    width: 330px;
    padding: 10px;
}
.offre section.offre aside.liens h3 {
    margin: 40px 0 10px;
    font-weight: 700;
    font-size: 1.6em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}
.offre section.offre aside.liens .article.video {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 20px;
}
.offre section.offre aside.liens .article.video h3 {
    margin: 10px 0;
}
.offre section.offre aside.liens ul {
    list-style-image: url(img/puce-liste-aside.png);
    padding: 0 0 0 15px;
    font-size: .85em;
}
.offre section.offre aside.liens ul li a:hover,
.offre section.offre aside.liens ul li a:focus {
    color: #0faeb1;
    text-decoration: none;
}
.offre section.offre aside.liens ul li a strong {
    text-transform: uppercase;
}
.offre section.offre ul.partage,
.offre section.offre aside.liens ul.partage {
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 30px 0 10px;
    border-bottom: 1px solid #d9d9d9;
    min-height: 180px;
}
.offre section.offre ul.partage li {
    display: inline-block;
}
.offre section.offre ul.partage li a img {
    width: auto;
    height: 40px;
    margin: 0 5px;
    opacity: .9;
    filter: Alpha(Opacity=90);
}
.offre section.offre ul.partage li a:hover img,
.offre section.offre ul.partage li a:focus img {
    opacity: 1;
    filter: Alpha(Opacity=100);
}
.offre section.offre ul.partage li a.sauvegarder {
    background: transparent url(img/sauvegarder.png) no-repeat center top;
    padding-top: 52px;
    width: 130px;
    display: inline-block;
    margin: 40px 0 0;
    font-weight: 700;
    font-size: 1.3em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}
.offre section.offre ul.partage li a.sauvegarder:hover,
.offre section.offre ul.partage li a.sauvegarder:focus {
    background: transparent url(img/sauvegarder-on.png) no-repeat center top;
    color: #000;
    text-decoration: none;
}
.offre section.offre ul.partage li a.imprimer {
    background: transparent url(img/imprimer.png) no-repeat center top;
    padding-top: 52px;
    width: 130px;
    display: inline-block;
    margin: 40px 0 0;
    font-weight: 700;
    font-size: 1.3em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}
.offre section.offre ul.partage li a.imprimer:hover,
.offre section.offre ul.partage li a.imprimer:focus {
    background: transparent url(img/imprimer-on.png) no-repeat center top;
    color: #000;
    text-decoration: none;
}

.offre section.offre .partage ul {
    list-style: none;
    text-align: center;
    padding: 0 0 30px;
    margin: 20px 0;
    border-bottom: 1px solid #d9d9d9;
}
.offre section.offre .partage ul li {
    display: inline-block;
}
.offre section.offre .partage ul li a img {
    margin: 8px 8px 0;
    opacity: .9;
    filter: Alpha(Opacity=90);
}
.offre section.offre .partage ul li a:hover img,
.offre section.offre .partage ul li a:focus img {
    opacity: 1;
    filter: Alpha(Opacity=100);
}
.offre section.offre .partage ul li a.sauvegarder {
    background: transparent url(img/sauvegarder.png) no-repeat left top;
    padding-left: 75px;
    display: inline-block;
    font-weight: 700;
    font-size: 1.45em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    height: 47px;
    overflow: hidden;
    line-height: 72px;
    vertical-align: middle;
    margin-right: 20px;
}
.offre section.offre .partage ul li a.sauvegarder:hover,
.offre section.offre .partage ul li a.sauvegarder:focus {
    background: transparent url(img/sauvegarder-on.png) no-repeat left top;
    color: #000;
    text-decoration: none;
}

.offre section.offre aside.liens .recherche {
    background: #ec6825;
    color: #fff;
    margin: 40px -20px 20px;
    padding: 20px;
}
.offre section.offre aside.liens .recherche h3 {
    margin: 0 0 20px;
    font-size: 2.15em;
}
.offre section.offre aside.liens .recherche label {
    display: none;
}
.offre section.offre aside.liens .recherche input {
    width: 230px;
    font-size: 1.15em;
    min-height: 40px;
    line-height: 40px;
    color: #000;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0 20px;
}
.offre section.offre aside.liens .recherche a {
    color: #fff;
    display: block;
    font-size: .85em;
}
.offre section.offre aside.liens .recherche a:before {
    content: '> ';
}
.offre section.offre aside.liens .recherche p {
    float: left;
}
.offre section.offre aside.liens .recherche p.actions {
    float: right;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 4px 50px 0 0;
}
.offre section.offre aside.liens .recherche p.actions input {
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    min-height: 0;
}


/* ---------------------------------
 * TABLEAU DE BORD CANDIDAT
 * --------------------------------- */
.dashboard section.titre,
.dashboard section.sousmenu {
    color: #fff;
}
.dashboard.candidat section.titre,
.dashboard.candidat section.sousmenu {
    background: #ec6825;
}
.dashboard section.titre h1 {
    font-weight: 700;
    font-size: 3em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    padding: 0 10px;
    margin: 12px 0;
}
.dashboard section.sousmenu {
    border-top: 2px solid #fff;
}
.dashboard section.sousmenu ul {
    list-style: none;
    margin: 0;
    padding: 10px;
}
.dashboard section.sousmenu ul li {
    display: inline-block;
    font-weight: 700;
    font-size: 1.15em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    color: #fff;
    margin: 0 10px 0 0;
}
.dashboard section.sousmenu ul li a {
    font-weight: 700;
    font-size: .95em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    padding: 0 10px 0 0;
}
.dashboard section.sousmenu ul li a:hover,
.dashboard section.sousmenu ul li a:focus {
    color: #000;
    text-decoration: none;
}
.dashboard section header {
    background: transparent;
    margin: 30px 0 5px;
}
.dashboard section header h2 {
    background: #fff;
    color: #000;
    display: inline-block;
    margin: 0 3px 0 0;
    padding: 0 20px;
    font-size: 1.6em;
    line-height: 35px;
}
.dashboard.candidat section header h2 {
    background: #ec6825;
    color: #fff;
}
.dashboard section header .bt {
    display: inline-block;
    margin: 0 3px 0 0;
}
.dashboard section header .bt a {
    background: #fff;
    color: #000;
    display: block;
    margin: 0;
    padding: 0 20px;
    font-size: 1.6em;
    line-height: 35px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -o-border-radius: 0;
      -ms-border-radius: 0;
        border-radius: 0;
}
.dashboard.recruteur section header .bt a {
    background: #87d7d8;
    color: #fff;
}
.dashboard section header .bt a:hover,
.dashboard section header .bt a:focus {
    background: #000;
    color: #fff;
}
.dashboard section article {
    background: #fff;
    color: #000;
    border-bottom: 2px solid #ec6825;
}
.dashboard.recruteur section article {
    border-bottom: 2px solid #0faeb1;
}
.dashboard section article .ligne {
    width: 100%;
    overflow: hidden;
    padding: 20px 10px;
    border-bottom: 1px solid #ec6825;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.dashboard.recruteur section article .ligne {
    border-bottom: 1px solid #0faeb1;
}
.dashboard section article .ligne:last-child {
    border-bottom: none;
}
.dashboard section article .ligne p {
    float: left;
    border-right: 2px solid #e9e9e9;
    padding: 10px 0;
    min-height: 85px;
    margin: 0;
}
.dashboard section article .ligne p:last-child {
    border-right: none;
}
.dashboard section article .ligne p.titre {
    width: 410px;
    padding: 0 20px 0 0;
    font-weight: 700;
}
.dashboard section.candidatures article .ligne p.titre,
.dashboard section.offres article .ligne p.titre {
    width: 680px;
    padding-right: 290px;
}
.dashboard section.alertes article .ligne p.titre {
    padding-top: 20px;
}
.dashboard section.produits article .ligne p.titre {
    background: transparent url(img/produit-on.png) no-repeat 0 center;
    padding-left: 73px;
    padding-top: 23px;
}
.dashboard.recruteur section.cv article .ligne p.titre {
    width: 680px;
    padding-right: 300px;
}
.dashboard section.produits article .ligne.off,
.dashboard section.produits article .ligne.off p.titre span.soustitre,
.dashboard section article .ligne.off .alerte {
    color: #afafaf;
}
.dashboard section.produits article .ligne.off p.titre {
    background: transparent url(img/produit-off.png) no-repeat 0 center;
    padding-left: 73px;
}
.dashboard section article .ligne p.titre span.soustitre {
    font-size: .85em;
    display: block;
}
.dashboard section.produits article .ligne p.titre span.soustitre {
    font-size: 1.05em;
    color: #0faeb1;
    text-transform: uppercase;
}
.dashboard section article .ligne p.titre span.description {
    font-size: 1.1em;
    display: block;
    text-transform: uppercase;
}
.dashboard section.produits article .ligne p.titre span.description {
    font-size: .85em;
    text-transform: none;
}
.dashboard section article .ligne p.date {
    width: 180px;
    text-align: center;
    padding-top: 20px;
}
.dashboard section.annonces article .ligne p.date {
    width: 170px;
}
.dashboard section.produits article .ligne p.date:last-child {
    width: 140px;
    margin-right: -10px;
}
.dashboard section article .ligne p.date strong {
    display: block;
    font-size: 1.15em;
}
.dashboard section article .ligne p.telecharger {
    width: 90px;
    text-align: center;
}
.dashboard section article .ligne p.telecharger a {
    display: block;
    padding-bottom: 10px;
}
.dashboard section article .ligne p.telecharger img {
    width: 23px;
    height: auto;
}
.dashboard section article .ligne ul.actions {
    float: right;
    width: 130px;
    list-style-image: url(img/dashboard-puce-liste.png);
    list-style-position: inside;
    padding: 10px 0 0 20px;
    margin: 0;
    font-size: 1.15em;
    font-weight: bold;
}
.dashboard.recruteur section article .ligne ul.actions {
    list-style-image: url(img/dashboard-recruteur-puce-liste.png);
}
.dashboard section article .ligne ul.actions a:hover,
.dashboard section article .ligne ul.actions a:focus {
    text-decoration: none;
}
.dashboard.recruteur section article .ligne ul.actions a:hover,
.dashboard.recruteur section article .ligne ul.actions a:focus {
    color: #0faeb1;
}
.dashboard section.candidatures article .ligne ul.actions,
.dashboard section.alertes article .ligne ul.actions,
.dashboard section.offres article .ligne ul.actions,
.dashboard.recruteur section.cv article .ligne ul.actions {
    padding-top: 15px;
    line-height: 1.8em;
}
.dashboard section article .ligne p.resultats {
    width: 270px;
    padding-left: 65px;
}
.dashboard section.annonces article .ligne p.resultats {
    width: 100px;
    padding-left: 0;
    text-align: center;
    line-height: 1em;
    padding-top: 25px;
}
.dashboard section article .ligne p.resultats .nb {
    font-size: 3.15em;
    font-weight: bold;
}
.dashboard section article .ligne p.resultats .libelle {
    width: 130px;
    display: inline-block;
}
.dashboard section.annonces article .ligne p.resultats .libelle {
    width: auto;
    font-size: .85em;
}
.dashboard p.bt.coordonnees {
    margin-top: 40px;
}
.dashboard p.bt.coordonnees a {
    background: #000 url(img/moncompte.png) no-repeat 50px center;
    padding-left: 105px;
    width: 310px;
    height: 62px;
    text-align: left;
    line-height: 1em;
    padding-top: 12px;
    margin: 0 10px;
}
.dashboard p.bt.coordonnees a:hover,
.dashboard p.bt.coordonnees a:focus {
    background: #ec6825 url(img/moncompte-on.png) no-repeat 50px center;
    color: #fff;
}
.dashboard.recruteur p.bt.coordonnees a:hover,
.dashboard.recruteur p.bt.coordonnees a:focus {
    background: #87d7d8 url(img/moncompte-tablette.png) no-repeat 50px center;
    background-size: 30px 29px;
    background-position: 63px center;
}
.dashboard p.bt.coordonnees a.fiche {
    background: #000 url(img/mafiche.png) no-repeat 50px center;
}
.dashboard p.bt.coordonnees a.fiche:hover,
.dashboard p.bt.coordonnees a.fiche:focus {
    background: #87d7d8 url(img/mafiche.png) no-repeat 50px center;
}
.dashboard p.bt.coordonnees a.historique {
    background: #000 url(img/monhistorique.png) no-repeat 20px center;
    padding-left: 85px;
}
.dashboard p.bt.coordonnees a.historique:hover,
.dashboard p.bt.coordonnees a.historique:focus {
    background: #87d7d8 url(img/monhistorique.png) no-repeat 20px center;
}
.dashboard section article .ligne p.input {
    width: 370px;
}
.dashboard section article .ligne .alerte {
    color: #db0000;
}
.dashboard section footer {
    background: #f4f6f7;
}
.dashboard section footer .bt {
    margin: 0;
    text-align: right;
}
.dashboard section footer .bt a {
    background: transparent;
    color: #000;
}
.dashboard section footer .bt a:hover,
.dashboard section footer .bt a:hover {
    color: #ec6825;
}
.dashboard.recruteur section footer .bt a:hover,
.dashboard.recruteur section footer .bt a:hover {
    color: #0faeb1;
}

/* ---------------------------------
 * PANIER
 * --------------------------------- */
.panier section.panier {
    margin: 30px 0 0;
    background: #fff;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    width: 100%;
    overflow: hidden;
}
.panier section.panier header h2 {
    margin: 0;
}
.panier section.panier article {
    border-bottom:2px solid #0faeb1;
}
.panier section.panier div.ligne {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #0faeb1;
    clear: both;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.panier section.panier div.ligne:last-child {
    border-bottom: none;
}
.panier section.panier article.contenu div.ligne.thead {
    border-bottom: none;
    border-top: 1px solid #fff;
    background: #87d6d8;
    margin: 0;
}
.panier section.panier article.contenu div.ligne.thead p {
    padding: 0;
    border-right: 1px solid #fff;
    color: #fff;
    text-align: center;
    line-height: 25px;
    font-weight: bold;
    margin: 0;
    min-height: 0;
    font-size: 1em;
}
.panier section.panier article.contenu div.ligne.thead p:last-child {
    border-right: none;
}
.panier section.panier div.ligne .pack {
    width: 335px;
    float: left;
    margin: 20px 0;
    min-height: 60px;
    border-right: 2px solid #e9e9e9;
}
.panier section.panier div.ligne .options {
    width: 340px;
    float: left;
    margin: 20px 0;
    min-height: 60px;
    border-right: 2px solid #e9e9e9;
}
.panier section.panier div.ligne .suppr {
    width: 85px;
    float: left;
    margin: 20px 0;
    min-height: 60px;
    border-right: 2px solid #e9e9e9;
    text-align: center;
}
.panier section.panier div.ligne .prix {
    width: 254px;
    float: left;
    margin: 20px 0;
    min-height: 60px;
    text-align: right;
    padding-right: 93px;
}
.panier section.panier div.ligne div.pack {
    padding: 10px 20px;
}
.panier section.panier div.ligne div.pack h3 {
    margin: 0 0 5px;
    color: #0faeb1;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.45em;
}
.panier section.panier div.ligne div.pack a {
    padding-left: 15px;
    background: transparent url(img/tunnel-puce.png) no-repeat left center;
    font-weight: bold;
    font-size: 1.15em;
}
.panier section.panier div.ligne div.pack a:hover,
.panier section.panier div.ligne div.pack a:focus {
    color: #0faeb1;
    text-decoration: none;
}
.panier section.panier div.ligne ul.options {
    padding: 10px 20px 10px 110px;
    text-align: left;
    list-style: none;
    font-size: 1.15em;
    line-height: 1.5em;
    margin: 20px 0;
}
.panier section.panier div.ligne .suppr a {
    width: 15px;
    height: 16px;
    text-indent: -5000px;
    font-size: 0px;
    letter-spacing: -5px;
    display: inline-block;
    background: transparent url(img/supprimer.png) no-repeat left top;
    margin-top: 25px;
}
.panier section.panier div.ligne .suppr a:hover,
.panier section.panier div.ligne .suppr a:focus {
    background: transparent url(img/supprimer-on.png) no-repeat left top;
}
.panier section.panier div.ligne .prix {
    font-size: 2.15em;
    font-weight: bold;
    padding-top: 10px;
}
.panier section.panier article.total div.ligne .coupon {
    background: #e8ecef;
    float: left;
    width: 450px;
    height: 120px;
    padding: 20px 40px;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
.panier section.panier article.total div.ligne .coupon h3 {
    margin: 0 0 10px;
    font-size: 1.85em;
    text-transform: uppercase;
    font-weight: bold;
}
.panier section.panier article.total div.ligne .coupon p {
    padding-right: 28px;
}
.panier section.panier article.total div.ligne .coupon label {
    margin: 0;
    font-size: 1.45em;
    font-weight: normal;
    padding-right: 10px;
}
.panier section.panier article.total div.ligne .coupon input {
    width: 180px;
    line-height: 30px;
    height: 30px;
    border: none;
    padding: 0 10px;
}
.panier section.panier article.total div.ligne .coupon input.submit {
    background: #000;
    color: #fff;
    width: auto;
    font-size: 1.45em;
    font-weight: bold;
    margin-top: 1px;
    float: right;
}
.panier section.panier article.total div.ligne .coupon input.submit:hover,
.panier section.panier article.total div.ligne .coupon input.submit:focus {
    background: #0faeb1;
}
.panier section.panier article.total div.ligne .total {
    padding: 20px 0;
    border-bottom: 2px solid #e9e9e9;
    margin-bottom: 20px;
}
.panier section.panier article.total div.ligne .total p,
.panier section.panier article.total div.ligne .montant p {
    margin: 0;
    font-weight: bold;
}
.panier section.panier article.total div.ligne .label {
    width: 310px;
    color: #000;
    display: inline-block;
    text-align: right;
    border-right: 2px solid #e9e9e9;
    line-height: 50px;
    height: 40px;
    padding: 0 45px 0 0;
    font-size: 1.45em;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -o-border-radius: 0;
      -ms-border-radius: 0;
        border-radius: 0;
}
.panier section.panier article.total div.ligne .value {
    display: inline-block;
    font-size: 2.15em;
    text-align: right;
    padding-right: 30px;
    width: 250px;
    height: 40px;
}
.panier section.panier article.total div.ligne .value .ttc {
    min-width: 55px;
    display: inline-block;
}
.panier section.panier article.total div.ligne .reduction .label,
.panier section.panier article.total div.ligne .reduction .value {
    color: #0faeb1;
}
.panier section.panier article.total div.ligne .reduction .value {
    padding-right: 90px;
}
.panier section.panier article.total div.ligne .montant {
    clear: both;
    padding-left: 450px;
    border-bottom: 2px solid #e9e9e9;
    padding-bottom: 20px;
}
.panier section.panier article.total div.ligne .montant .label {
    border-right: none;
}
.panier section.panier article.total div.ligne .montant .tva .label,
.panier section.panier article.total div.ligne .montant .tva .value {
    font-size: 1.15em;
    line-height: 30px;
    font-weight: normal;
}
.panier section.panier article.total div.ligne .montant .tva .value {
    padding-right: 90px;
}
.panier section.panier article.total div.ligne .actions {
    padding: 30px;
    width: 100%;
    overflow: hidden;
}
.panier section.panier article.total div.ligne .actions p.bt {
    margin: 0;
    float: left;
}
.panier section.panier article.total div.ligne .actions p.bt.valider {
    float: right;
}
.panier section.panier article.total div.ligne .actions p.bt.valider a {
    padding: 0 45px 0 20px;
    background: #000 url(img/tunnel-puce-bt.png) no-repeat right center;
}
.panier section.panier article.total div.ligne .actions p.bt a:hover,
.panier section.panier article.total div.ligne .actions p.bt a:focus {
    background-color: #0faeb1;
    color: #fff;
}
.panier section.reassurance {
    margin: 30px 0 0;
    width: 100%;
    overflow: hidden;
}
.panier section.reassurance .secur {
    background: #0faeb1;
    padding: 20px 20px 0;
    color: #fff;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    float: left;
    width: 670px;
    min-height: 210px;
    overflow: hidden;
    position: relative;
}
.panier section.reassurance .secur div {
    float: left;
}
.panier section.reassurance .secur div.cb {
    width: 225px;
}
.panier section.reassurance .secur div.cheque {
    width: 160px;
    padding: 0 20px 0 30px;
}
.panier section.reassurance .secur div.bon {
    width: 220px;
    padding: 0 0 0 50px; 
}
.panier section.reassurance .secur h2 {
    margin: 0 0 10px;
    padding: 5px 0 0;
    text-transform: uppercase;
    color: #000;
    font-size: 2.3em;
    font-weight: bold;
}
.panier section.reassurance .secur h3 {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 1.45em;
    font-weight: bold;
    line-height: 1em;
}
.panier section.reassurance .secur p {
    font-size: 1.3em;
    line-height: 1em;
}
.panier section.reassurance .secur p.img {
    margin-top: 10px;
    margin-bottom: 10px;
}
.panier section.reassurance .plus a {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: .65em;
    text-transform: none;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}
.panier section.reassurance .plus a span,
.panier section.reassurance .plus a:hover,
.panier section.reassurance .plus a:focus {
    color: #000;
    text-decoration: none;
}
.panier section.reassurance .contact {
    background: #fff;
    padding: 30px;
    float: right;
    width: 330px;
    min-height: 210px; 
    overflow: hidden;
    position: relative;
    margin: 0;
}
.panier section.reassurance .contact h2 {
    padding-right: 0;
    line-height: 1em;
    padding-bottom: 10px;
}
.panier section.reassurance .contact p {
    line-height: 1em;
}

/* ---------------------------------
 * PAGE DE CONTENU REDACTIONNEL
 * --------------------------------- */
section.cont-redac  {
    margin: 30px 0 0;
    background: #fff; 
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    overflow: hidden;
    border-bottom: 2px solid #ec6825;
}
.cvtheque section.cont-redac  {
    border-bottom: 2px solid #ec6825;
}
section.cont-redac .conteneur  {
    width: 100%;
    width: calc(100% - 20px);
    overflow: hidden;
    border: 1px solid #e9e9e9;
    margin: 0 10px 10px;
}
section.cont-redac header {
    background: #0faeb1;
    margin: 0 -10px;
    padding: 0 10px;
}
section.cont-redac header h2 {
    margin: 0;
    line-height: 1em;
}
section.cont-redac header p {
    padding: 0 0 10px 10px;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-size: 1em;
    margin: 0;
}
section.cont-redac header p strong {
    font-size: 1.6em;
}
section.cont-redac article {
    padding: 20px 10px 0;
    margin: 0;
}
section.cont-redac article.colonne {
    width: 680px;
    min-height: 250px;
    float: left;
}
section.cont-redac article p.note {
    color: #a9a9a9;
    font-style: italic;
    font-size: 0.85em;
    font-weight: bold;
    padding: 20px 0 0;
}
section.cont-redac article ul {
    padding: 0 0 0 15px;
    list-style-image: url(img/puce-liste.png);
}
section.cont-redac .sidebar {
    width: 312px;
    float: right;
}
section.cont-redac .contact {
    background: #ededed;
    min-height: 250px; 
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 30px;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
section.cont-redac .contact h2 {
    padding-right: 0;
    line-height: 1em;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 1.7em;
    text-transform: uppercase;
    color: #afafaf;
    text-align: center;
    margin-bottom: 0;
}
section.cont-redac .contact p {
    line-height: 1.2em;
    font-size: 1.45em;
    margin: 0 -20px 0 0;
    text-align: center;
}
section.cont-redac .form-pack {
    background: #ededed;
    min-height: 250px; 
}
section.cont-redac .form-pack h2 {
    font-weight: bold;
    font-size: 1em;
    color: #ec6825;
    text-transform: uppercase;
    margin: 0;
    padding: 20px;
}
section.cont-redac .form-pack p {
    margin: 0 0 5px;
    padding: 0 20px;
}
section.cont-redac .form-pack p.checkbox {
    width: 100%;
    overflow: hidden;
}
section.cont-redac .form-pack input {
    position: relative;
    margin-left: 0;
    margin-top: 0;
    display: inline-block;
    float: left;
}
section.cont-redac .form-pack .checkbox label {
    padding-left: 10px;
    font-size: .85em;
}
section.cont-redac .form-pack .checkbox label .prix {
    color: #ec6825;
}
section.cont-redac .form-pack p.total {
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 30px;
}
section.cont-redac .form-pack p.total strong {
    font-size: 2.55em;
    color: #ec6825;
    display: inline-block;
    text-align: right;
    float: right;
    margin-right: 80px;
    margin-top: -16px;
}
section.cont-redac .form-pack p.actions {
    text-align: left;
    padding: 20px;
    margin: 0;
}
section.cont-redac .form-pack p.actions input.submit {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0 70px 0 20px;
    background: #000 url(img/valider-bt.png) no-repeat right center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.6em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    text-decoration: none;
    margin-top: 10px;
    
    border: none;
    float: none;
    width: 190px;
    height: 44px;
    white-space: normal;
    line-height: .85em;
}
section.cont-redac .form-pack p.actions input.submit:hover,
section.cont-redac .form-pack p.actions input.submit:focus {
    background: #0faeb1 url(img/valider-bt.png) no-repeat right center;
    color: #fff;
}

/* ---------------------------------
 * OFFRE CV
 * --------------------------------- */
.offre.fiche section.offre .bt a {
    background: #000 url(img/bt-puce-bt-on.png) no-repeat right center;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -o-border-radius: 0;
      -ms-border-radius: 0;
        border-radius: 0;
}
.offre.fiche section.offre .bt a:hover,
.offre.fiche section.offre .bt a:focus {
    background-color: #ec6825;
    color: #fff;
}
.offre.fiche section.offre aside.mots-cles .bt a {
    font-size: 1.45em;
}
.offre.fiche section.offre article.fiche {
    min-height: 750px;
    padding-top: 20px;
}
.offre.fiche section.offre aside.mots-cles {
    min-height: 715px;
}
.offre.fiche section.offre aside.mots-cles {
    padding: 0;
    border: none;
    border-bottom: 1px solid #d9d9d9
}
.offre.fiche section.offre aside.mots-cles .row {
    padding: 20px 10px;
    border: 1px solid #d9d9d9;
    margin: 0;
}
.offre.fiche section.offre aside.mots-cles .label {
    color: #ec6825;
}
.offre.recruteur section.offre aside.mots-cles .label {
    display: inline-block;
}
.offre.recruteur section.offre aside.mots-cles p {
    margin-bottom: 0;
}
.offre.recruteur section.offre aside.mots-cles p.adresse,
.offre.recruteur section.offre aside.mots-cles p.contact,
.offre.recruteur section.offre aside.mots-cles p:last-child {
    margin-bottom: 10px;
}
.offre.recruteur section.offre aside.mots-cles .adresse .label,
.offre.recruteur section.offre aside.mots-cles .contact .label {
    display: block;
}
.offre.recruteur section.offre aside.mots-cles .value {
    font-size: 1em;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}
.offre.recruteur section.offre aside.mots-cles .adresse .value,
.offre.recruteur section.offre aside.mots-cles .contact .value {
    font-size: 1.25em;
    font-weight: bold;
}
.offre.fiche section.offre article.fiche p a,
.offre.fiche section.offre article.fiche p.note {
    color: #0faeb1;
}
.offre.fiche section.offre article.fiche p.exergue a {
    color: #000;
}
.offre.fiche section.offre header,
.offre.fiche section.offre article.fiche p.exergue {
    background: #0faeb1;
}
.offre.fiche section.offre article.details .article,
.offre.fiche section.offre article.fiche {
    border-bottom: 1px solid #0faeb1;
}
.offre.fiche section.offre article.fiche ul {
    list-style-image: url(img/puce-liste-bleue.png);
}
.offre.fiche section.offre {
    border-bottom: 2px solid #0faeb1;
}
.offre.fiche section.offre article.details h4 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: .9em;
    margin-top: 30px;
    margin-bottom: 0;
    padding-bottom: 5px;
}
.offre.fiche section.offre article.details .experience {
    padding-bottom: 30px;
}
.offre.fiche section.offre article.details .experience h4 {
    color: #0faeb1;
    font-size: 1.45em;
    margin-bottom: 0; 
}
.offre.fiche section.offre article.details p {
    margin: 0;
}
.offre.fiche section.offre article.details .periode {
    color: #a9a9a9;
    font-style: italic;
    padding-bottom: 5px;
}
.offre.fiche section.offre article.details .article.coordonnees-cont {
    border-bottom: none;
    width: 100%;
    overflow: hidden;
}
.offre.fiche section.offre .coordonnees-cont p.bt {
    text-align: left;
}
.offre.fiche section.offre .coordonnees-cont .colonne {
    float: left;
    width: 66.66%;
}
.offre.fiche section.offre .coordonnees-cont .aside {
    float: left;
    width: 33.33%;
    margin-top: -50px;
}
.offre.fiche .similaires {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 30px;
    position: relative;
}
.offre.fiche section.offre aside.liens .similaires h3 {
    margin-top: 20px;
}
.offre.fiche aside .plus a {
    position: absolute;
    top: -15px;
    right: 0;
    font-size: .85em;
    text-transform: none;
}
.offre.fiche aside .plus a span {
    color: #ec6825;
    display: inline;
    font-size: 1.35em;
    font-weight: bold;
    float: left;
    padding-right: 5px;
    margin-top: -1px;
}
.offre.fiche aside .plus a:hover,
.offre.fiche aside .plus a:focus {
    text-decoration: none;
}
.offre.fiche ul.outils {
    list-style: none;
    padding: 0;
    margin: 30px 0 0;
}
.offre.fiche ul.outils li {
    display: inline-block;
}
.offre.fiche section.offre ul.fichiers {
    list-style: none;
    padding: 0;
    margin: 0;
}
.offre.fiche section.offre ul.fichiers li a {
    background: transparent url(img/file.png) no-repeat left center;
    padding-left: 50px;
    display: block;
    min-height: 52px;
    margin: 20px 0 0;
    font-weight: bold;
    font-size: 1.6em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    line-height: 1em;
    padding-top: 8px;
}
.offre.fiche section.offre ul.fichiers li a strong {
    color: #ec6825;
}
.offre.fiche section.offre ul.fichiers li a:hover,
.offre.fiche section.offre ul.fichiers li a:focus {
    text-decoration: none;
}
.offre.fiche section.offre .video .video {
    margin: 0 -10px;
}
.offre.fiche section.offre header {
    min-height: 180px
}
.offre.fiche section.offre header>div {
    padding-right: 283px;
    width: 100%;
    margin-right: 0;
}
.offre.fiche section.offre header>div>h2,
.offre.fiche section.offre header>div>div>h2 {
    float: none;
    width: 100%;
    line-height: 1em;
    padding: 15px 0 10px;
}
.offre.recruteur section.offre header>div>div>h2 {
    padding-bottom: 0;
}
.offre.recruteur section.offre header>div>div>p {
    padding-bottom: 20px;
}
.offre.fiche section.offre header>div>h2 .bt {
    font-size: .75em;
    text-align: left;
    margin-bottom: 5px;
}
.offre.fiche section.offre header p {
    margin: 0;
    font-size: 1.45em;
    text-transform: none;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
.offre.fiche section.offre header p.photo {
    position: absolute;
    top: 0;
    right: 55px;
}
.offre.fiche section.offre header .prev,
.offre.fiche section.offre header .next {
    top: 70px;
}
#coordonnees,
#coordonnees-header,
#coordonnees-aside {
    display: none;
}
.offre.fiche section.offre #coordonnees-aside ul.fichiers li a {
    padding-right: 70px;
}
.offre.fiche section.offre article.details .colonnes {
    width: 100%;
    overflow: hidden;
}
.offre.fiche section.offre article.details .colonnes .colonne {
    width: 50%;
    float: left;
    border-bottom: 1px solid #0faeb1;
    padding-bottom: 10px;
}
.offre.fiche section.offre article.details .colonnes .colonne:nth-child(2n+1) {
    clear: both;
}

/* ---------------------------------
 * OFFRE RECRUTEUR
 * --------------------------------- */
.offre.recruteur section.offre header>div {
    padding-left: 283px;
    padding-right: 0;
}
.offre.recruteur section.offre header {
    min-height: 180px;
    background: #0faeb1;
}
.offre.recruteur section.offre header>div>h2 {
    line-height: 1em;
    padding-top: 30px;
}
.offre.recruteur section.offre header p {
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    text-transform: none;
    line-height: 1.2em;
}
.offre.recruteur section.offre header p.photo {
    position: absolute;
    top: 0;
    right: auto;
    left: 50px;
}
.offre.recruteur section.offre header .prev, 
.offre.recruteur section.offre header .next {
    top: 70px;
}
.offre.recruteur section.offre article.fiche {
    padding-top: 10px;
    padding-bottom: 30px;
    min-height: 930px;
}
.offre.recruteur section.offre article.details h3,
.offre.recruteur section.offre article.details p {
    padding-left: 10px;
    padding-right: 10px;
}
.offre.recruteur section.offre aside.mots-cles {
    min-height: 0;
}
.offre.recruteur section.offre aside.mots-cles .row {
    padding: 0 10px;
    border: 1px solid #d9d9d9;
    margin: 10px 0 -1px;
}
.offre.recruteur section.offre aside.mots-cles .row h3 {
    font-size: 1.7em;
    font-weight: bold;
}
.offre section.offre aside.mots-cles .value {
    font-size: 1.25em;
}
.offre.recruteur section.offre .chiffres {
    margin: 0;
    background: #ec6825;
    color: #fff;
    padding: 30px 20px 20px;
}
.offre.recruteur section.offre .chiffres p {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    text-align: center;
    font-weight: 300;
    line-height: 4em;
    font-size: 1.3em;
    display: inline;
}
.offre.recruteur section.offre .chiffres p strong {
    font-size: 4.4em;
    font-weight: 700;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
.offre.recruteur section.offre ul.partage {
    border-bottom: none;
}
.offre.recruteur section.offre article.details p {
    margin: 0 0 20px;
}
.offre.recruteur section.offre article.details p.video {
    text-align: center;
}
.offre.recruteur section.offre .offres header {
    min-height: 0;
    background: transparent;
    color: #000;
    padding: 0;
}
.offre.recruteur section.offre .offres header>h2 {
    padding: 0 0 10px;
    margin: 0;
    line-height: 1em;
}
.offre.recruteur section.offre article.details {
    min-height: 0;
}

.offre.recruteur section.offre .article.offres {
    padding: 20px 10px;
    margin: 30px 0 0;
    clear: both;
}
.offre.recruteur section.offre .article.offres .colonnes {
    width: 100%;
    width: calc(100% + 10px);
    margin: 0 -5px;
    overflow: hidden;
}
.offre.recruteur section.offre .article.offres .colonnes .colonne {
    width: 33.3333%;
    width: calc(33.3333% - 10px);
    margin: 0 5px;
    float: left;
}
.offre.recruteur section.offre .article.offres .colonnes .colonne:nth-child(3n+1) {
    clear: both;
}
.offre.recruteur section.offre .article.offres .type {
    font-weight: bold;
    color: #0faeb1;
    font-size:.85em;
    margin-bottom: 5px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.offre.recruteur section.offre .article.offres .type {
    color: #ec6825;
}
.offre.recruteur section.offre .article.offres .lieu {
    font-size:.85em;
    margin: -5px 0 20px;
    padding-bottom: 25px;
    border-bottom:1px solid #0faeb1;
}
.offre.recruteur section.offre .article.offres .colonne:nth-child(4) .lieu,
.offre.recruteur section.offre .article.offres .colonne:nth-child(5) .lieu,
.offre.recruteur section.offre .article.offres .colonne:nth-child(6) .lieu {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 10px;
}
.offre.recruteur section.offre .article.offres a {
    font-weight: bold;
    text-transform: uppercase;
    font-size:1.1em;
    line-height: 1.2em;
    margin: 5px 0 0 2px;
    padding-right: 20px;
    display: block;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.offre.recruteur section.offre .row a:hover,
.offre.recruteur section.offre .row a:focus {
    text-decoration: none;
    color: #ec6825;
}



/* ---------------------------------
 * LISTONG RESULTATS
 * --------------------------------- */
.resultats section.resultats {
    margin: 0 5px;
    width: 100%;
    width: calc(100% - 10px);
    overflow: hidden;
    background: #fff;
    margin-top: 10px;
    border-bottom: 2px solid #ec6825;
}
.resultats section.resultats>header>h2 {
    margin: 0;
    text-transform: none;
}
.resultats section.resultats>header>p {
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-size: 1em;
    text-transform: none;
    padding: 0 0 10px 10px;
}
.resultats aside.affiner {
    float: left;
    width: 260px;
    padding: 0 10px 10px;
    margin-top: -10px;
}
.resultats article.listing {
    float: left;
    width: 744px;
    padding-top: 13px;
}
.resultats aside.affiner h3 {
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-size: 1.45em;
    text-transform: uppercase;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    font-weight: bold;
    padding: 5px 0;
}
.resultats aside.affiner h3:first-child {
    margin-top: 0;
}
.resultats aside.affiner ul.bloc {
    list-style: none;
    padding: 0;
    font-size: 0.85em;
}
.resultats aside.affiner ul.bloc.filtres a {
    display: inline-block;
    background: transparent url(img/affiner-supprimer.png) no-repeat right center;
    min-width: 80px;
}
.resultats aside.affiner ul.bloc.filtres li:first-child a,
.resultats aside.affiner ul.bloc.filtres a:hover,
.resultats aside.affiner ul.bloc.filtres a:focus {
    color: #ec6825;
    background: transparent url(img/affiner-supprimer-on.png) no-repeat right center;
    text-decoration: none;
}
.resultats aside.affiner fieldset {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 5px;
}
.resultats aside.affiner legend {
    font-size: 1em;
    font-weight: bold;
    border-bottom: none;
    margin-bottom: 10px;
}
.resultats aside.affiner legend a {
    display: block;
    background: transparent url(img/affiner-ouvrir.png) no-repeat right 10px center;
}
.resultats aside.affiner legend a:hover,
.resultats aside.affiner legend a:focus {
    text-decoration: none;
}
.resultats aside.affiner fieldset ul.bloc.ferme  {
    display: none;
}
.resultats aside.affiner fieldset ul.bloc li  {
    width: 100%;
    overflow: hidden;
    line-height: 1.5em;
}
.resultats aside.affiner input.checkbox {
    display: inline-block;
    float: left;
    margin: 0 10px 0 0;
}
.resultats aside.affiner label {
    cursor: pointer;
    font-weight: normal;
}
.resultats aside.affiner label:hover,
.resultats aside.affiner label:focus {
    color: #ec6825;
}

.resultats aside.affiner .recherche {
    background: #ec6825;
    color: #fff;
    margin: 20px 0 20px -10px;
    padding: 20px 0 10px 10px ;
}
.resultats aside.affiner .recherche h3 {
    margin: 0 0 20px;
    font-size: 1.7em;
    border: none;
    padding: 0;
}
.resultats aside.affiner .recherche fieldset {
    border: none;
    padding-bottom: 0;
}
.resultats aside.affiner .recherche label {
    display: none;
}
.resultats aside.affiner .recherche input {
    width: 175px;
    font-size: 1.15em;
    min-height: 40px;
    line-height: 40px;
    color: #000;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0 20px;
}
.resultats aside.affiner .recherche a {
    color: #fff;
    display: block;
    font-size: .85em;
    text-align: right;
    padding-top: 5px;
}
.resultats aside.affiner .recherche a:before {
    content: '> ';
}
.resultats aside.affiner .recherche p {
    float: left;
}
.resultats aside.affiner .recherche p.actions {
    float: right;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 4px 50px 0 0;
}
.resultats aside.affiner .recherche p.actions input {
    width: 32px;
    height: 32px;
    margin: 0 0 0 10px;
    padding: 0;
    min-height: 0;
}
.resultats article.listing p.tri {
    text-align: right;
    padding-right: 10px;
    color: #9d9d9c;
    font-weight: bold;
}
.resultats article.listing p.tri strong {
    color: #000;
}
.resultats article.listing p.tri a {
    color: #9d9d9c;
}
.resultats article.listing p.tri a:hover,
.resultats article.listing p.tri a:focus {
    color: #ec6825;
}
.resultats article.listing a:hover,
.resultats article.listing a:focus {
    text-decoration: none;
}
.resultats article.listing .item {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #d9d9d9;
    padding: 20px 10px 10px;
    position: relative;
}
.resultats article.listing .item.sponso {
    border-bottom: 1px solid #ec6825;
    background: #f1f1f1;
}
.resultats article.listing .resultats .item:first-child {
    border-top: 1px solid #d9d9d9;
}
.resultats article.listing .resultats .item.sponso:first-child {
    border-top: 1px solid #ec6825;
}
.resultats article.listing .resultats .item:last-child {
    border-bottom: 1px solid #ec6825;
}
.resultats article.listing .item .type {
    font-weight: bold;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: .85em;
}
.resultats article.listing .item h4 {
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 1.05em;
}
.resultats article.listing .item.sponso h4 a:hover,
.resultats article.listing .item.sponso h4 a:focus {
    color: #a3a3a3;
}
.resultats article.listing .item .lieu {
    font-size: .85em;
}
.resultats article.listing .item .origine {
    position: absolute;
    top: 15px;
    right: 10px;
    text-transform: uppercase;
    color: #404e55;
    font-size: .85em;
    font-weight: bold;
    padding-left: 10px;
}
.resultats article.listing .item .generaliste {
    border-left: 15px solid #d50b2c;
}
.resultats article.listing .item .medecin {
    border-left: 15px solid #f8bd24;
}
.resultats article.listing .item .pharmacien {
    border-left: 15px solid #53a128;
}
.resultats article.listing p.bt {
    margin: 20px 0;
}
.resultats article.listing p.bt a {
    display: block;
    padding: 0 20px;
    background: #dedede;
    color: #000;
    margin: 0 80px;
}
.resultats article.listing p.bt a:hover,
.resultats article.listing p.bt a:focus {
    background: #ec6825;
    color: #fff;
}



/* ---------------------------------
 * NOS SOLUTIONS
 * --------------------------------- */
.offres section.solutions {
    background: #fff;
    width: 100%;
    border-bottom: 2px solid #ec6825;
    margin: 20px 0;
}
.offres section.solutions header {
    background: #fff;
    color: #000;
    margin: 0 0 10px;
    padding: 0 10px;
    text-transform: none;
}
.offres section.solutions header h2 {
    font-size: 2.85em;
    margin: 0;
    padding: 10px 0 0;
    line-height: 1.1em;
}
.offres section.solutions header p {
    font-size: 1em;
    margin: 0;
    padding: 0 0 10px;
}
.offres section.solutions article.blocs {
    width: 100%;
    overflow: hidden;
}
.solutions section.solutions article.blocs {
    float: left;
    width: 66.66%;
    overflow: hidden;
}
.offres section.solutions article.blocs .bloc {
    float: left;
    width: 33.33%;
    width: calc(33.33% - 20px);
    margin: 10px 10px 20px;
    height: 305px;
    border: 1px solid #d9d9d9;
    padding: 0 20px 60px;
    margin-top: 36px;
    text-align: center;
    position: relative;
}
.solutions section.solutions article.blocs .bloc {
    width: 50%;
    width: calc(50% - 20px);
    height: 230px;
}
.offres section.solutions article.blocs .bloc h3 {
    display: block;
    text-align: center;
    width: 279px;
    background: transparent url(img/solution-titre.png) no-repeat center bottom;
    margin: -36px auto 35px;
    height: 65px;
    color: #fff;
    padding: 0 15px;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
.offres section.solutions article.blocs .bloc h3 span {
    display: inline-block;
    text-align: center;
    width: 250px;
    height: 65px;
    background: #ec6825;
    margin: 0;
    padding: 7px 5px 0;
    text-transform: uppercase;
}
.offres section.solutions article.blocs .bloc h3 span.lignesimple {
    padding-top: 18px;
}
.offres section.solutions article.blocs .bloc h3 span strong {
    display: block;
}
.offres section.solutions article.blocs .bloc p {
    text-align: left;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 1.05em;
    font-weight: bold;
    margin: 5px 0;
    padding: 0;
    line-height: 1.1em;
}
.offres section.solutions article.blocs .bloc p.light {
    font-weight: normal;
    margin-top: 20px;
}
.offres section.solutions article.blocs .bloc p strong {
    color: #ec6825;
}
.offres section.solutions article.blocs .bloc p .big {
    font-size: 3.05em;
}
.offres section.solutions article.blocs .bloc ul {
    padding: 0 0 0 15px;
    list-style-image: url(img/puce-liste.png);
    text-align: left;
}
.offres section.solutions article.blocs .bloc p.bt {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 0 10px;
}
.solutions section.solutions article.blocs .bloc p.bt {
    margin: 0 0 20px;
}
.offres section.solutions article.blocs .bloc p.bt a {
    display: inline-block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    padding: 2px 74px 2px 30px;
    background: #000 url(img/bt-puce-bt.png) no-repeat right center;
    color: #fff;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.4em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    height: 44px;
}
.offres section.solutions article.blocs .bloc p.bt a.lignesimple {
    padding-top: 11px;
}
.offres section.solutions article.blocs .bloc p.bt a:hover,
.offres section.solutions article.blocs .bloc p.bt a:focus {
    background: #0faeb1 url(img/bt-puce-bt.png) no-repeat right center;
}
.offres section.solutions aside.confiance {
    margin: 0 0 0 10px;
    padding: 10px 5px 0;
    overflow: hidden;
    background: #0faeb1;
    color: #fff;
    min-height: 340px;
    float: left;
    width: 33.33%;
    width: calc(33.33% - 20px);
}
.solutions section.solutions aside.confiance {
    float: right;
    width: 33.33%;
    width: calc(33.33% - 10px);
    padding: 10px 10px 0;
    min-height: 551px;
}
.offres section.solutions aside.confiance h3 {
    text-align: center;
    margin: 0 0 20px;
    padding: 0 0 60px;
    background: transparent url(img/logos.png) no-repeat center bottom;
    font-size: 2.7em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    line-height: 1em;
}
.solutions section.solutions aside.confiance h3 {
    margin: 20px 0 25px;
}
.offres section.solutions aside.confiance h3 strong {
    display: block;
}
.offres section.solutions aside.confiance p.vignette {
    float: left;
    width: 33.33%;
    text-align: center;
    margin-bottom: 4px;
}
.offres article.contact,
.offres article.engagements {
    min-height: 165px;
    float: left;
    width: 50%;
    width: calc(50% - 15px);
    padding: 20px;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    text-align: center;
}
.offres article.contact {
    margin: 30px 30px 30px 0;
    background: #fff;
}
.offres article.engagements {
    margin: 30px 0 30px 30px;
    background: #fff;
}
.offres article.contact h2,
.offres article.engagements h2 {
    color: #afafaf;
    margin: 0 0 10px;
    font-weight: bold;
    font-size: 2.15em;
    text-transform: uppercase;
    line-height: 1em;
    padding: 0 10px;
}
.offres article.contact p,
.offres article.engagements p {
    font-size: 1.3em;
    margin: 5px 0;
}
.offres article.engagements p {
    font-size: 1.7em;
    padding: 0 30px;
    line-height: 1.1em;
}
.offres article.engagements {
    margin: 30px 0;
    background: #ec6825;
    color: #fff;
}
.offres article.engagements h2 {
    color: #fff;
}



/* ---------------------------------
 * NOS PACKS
 * --------------------------------- */
.packs section.solutions .ligne {
    width: 100%;
    width: calc(100% - 20px);
    overflow: hidden;
    border: 1px solid #d9d9d9;
    margin: 10px 10px 20px;
}
.packs section.solutions .ligne .header {
    background: #0faeb1;
    color: #fff;
    padding: 5px 10px;
}
.packs section.solutions .options .header {
    background: #ec6825;
}
.packs section.solutions .ligne .header h3 {
    margin: 0;
    font-size: 2.45em;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
.packs section.solutions .ligne .header p {
    margin: 0;
    font-size: 1em;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.packs section.solutions .ligne .header p:first-letter {
  text-transform: uppercase;
}
.packs section.solutions .ligne .header p strong {
    font-size: 1.45em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
.packs section.solutions .ligne .contenu {
    padding: 10px;
    float: left;
    width: 680px;
}
.packs section.solutions .ligne .contenu p {
    margin: 20px 0 0;
    font-weight: bold;
    font-size: 1.15em;
}
.packs section.solutions .ligne.options .contenu p {
    margin: 0 0 5px;
    font-weight: normal;
    font-size: 1em;
}
.packs section.solutions .ligne.options .contenu p a {
    font-weight: bold;
}
.packs section.solutions .ligne .contenu p.soustitre {
    font-weight: bold;
    font-size: 1.15em;
}
.packs section.solutions .ligne .contenu p.description {
    margin: 5px 0 15px;
}
.packs section.solutions .ligne .contenu p.note {
    font-size: .8em;
    font-style: italic;
    color: #a9a9a9;
    margin: 5px 0 0;
}
.packs section.solutions .ligne .contenu p strong,
.packs section.solutions .ligne .aside p.nb label,
.packs section.solutions .ligne .aside fieldset legend,
.packs section.solutions .ligne.options .contenu h4 {
    color: #ec6825;
    text-transform: uppercase;
    font-size: 1em;
}
.packs section.solutions .ligne.options .contenu h4 {
    font-weight: bold;
    font-size: 1.15em;
    margin: 15px 0 5px;
}
.packs section.solutions .ligne .contenu ul {
    padding: 0 0 0 15px;
    list-style-image: url(img/puce-liste.png);
}
.packs section.solutions .ligne .contenu ul.options {
    padding: 15px 0 0;
    list-style: none;
    font-size: .9em;
}
.packs section.solutions .ligne .contenu ul.options li {
    display: inline-block;
}
.packs section.solutions .ligne .contenu ul.options li a {
    padding: 50px 10px 5px;
    margin: 0 5px;
    display: block;
    text-align: center;
}
.packs section.solutions .ligne .contenu ul.options li a:hover,
.packs section.solutions .ligne .contenu ul.options li a:focus {
    text-decoration: none;
}
.packs section.solutions .ligne.options .accueil {
    background: transparent url(img/pack-option-accueil.png) no-repeat left 20px top 20px;
    padding: 0 20px 0 80px;
    min-height: 80px;
}
.packs section.solutions .ligne.options .tete {
    background: transparent url(img/pack-option-tete.png) no-repeat left 15px top 20px;
    padding: 0 20px 0 80px;
    min-height: 80px;
}
.packs section.solutions .ligne.options .couleur {
    background: transparent url(img/pack-option-couleur.png) no-repeat left 15px top 20px;
    padding: 0 20px 0 80px;
    min-height: 80px;
}
.packs section.solutions .ligne.options .recruteur {
    background: transparent url(img/pack-option-recruteur.png) no-repeat left 20px top 20px;
    padding: 0 20px 0 80px;
    min-height: 80px;
}
.packs section.solutions .ligne.options .saisie {
    background: transparent url(img/pack-option-domiciliation.png) no-repeat left 15px top 20px;
    padding: 0 20px 0 80px;
    min-height: 80px;
}
.packs section.solutions .ligne.options .resultats {
    background: transparent url(img/resultats.png) no-repeat left 20px top 20px;
    padding: 0 20px 0 80px;
    min-height: 80px;
}
.packs section.solutions .ligne.options .domiciliation {
    background: transparent url(img/domiciliation.png) no-repeat left 15px top 20px;
    padding: 0 20px 0 80px;
    min-height: 80px;
}
.packs section.solutions .ligne.options .mois {
    background: transparent url(img/mois.png) no-repeat left 15px top 20px;
    padding: 0 20px 0 80px;
    min-height: 80px;
}
.packs section.solutions .ligne .footer {
    clear: both;
}
.packs section.solutions .ligne .footer p {
    margin: 0;
}
.packs section.solutions .ligne .footer a {
    display: block;
    background: #ededed url(img/suite-options.jpg) no-repeat left top;
    padding: 0 20px 0 50px;
    line-height: 36px;
    text-transform: uppercase;
    font-size: 1.45em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-weight: bold;
}
.packs section.solutions .ligne .aside {
    padding: 20px;
    width: 310px;
    float: right;
    background: #ededed;
}
.packs section.solutions .ligne.options .aside {
    min-height: 120px;
}
.packs section.solutions .ligne.options .aside .nb {
    margin: 0;
}
.packs section.solutions .ligne .aside .nb select {
    width: 210px;
}
.packs section.solutions .ligne .aside fieldset legend {
    font-weight: bold;
    border: none;
    margin: 10px 0;
}
.packs section.solutions .ligne .aside p.checkbox {
    margin: 0;
    line-height: 1.2em;
    font-size: .85em;
    clear: both;
}
.packs section.solutions .ligne .aside p.checkbox input {
    position: relative;
    margin: 0;
    float: left;
}
.packs section.solutions .ligne .aside p.checkbox label {
    padding-left: 10px;
}
.packs section.solutions .ligne .aside p.total {
    font-weight: bold;
    text-transform: uppercase;
}
.packs section.solutions .ligne .aside p.total strong {
    font-size: 2.55em;
    color: #ec6825;
    padding: 0 5px;
}
.packs section.solutions .ligne.options .aside p.total strong {
    font-size: 1.75em;
}
.packs section.solutions .ligne .aside p.actions input.submit {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0 70px 0 20px;
    background: #000 url(img/valider-bt.png) no-repeat right center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.6em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    text-decoration: none;
    margin-top: 10px;
    
    border: none;
    float: none;
    width: 190px;
    height: 44px;
    white-space: normal;
    line-height: .85em;
}
.packs section.solutions .ligne .aside p.actions input.submit:hover,
.packs section.solutions .ligne .aside p.actions input.submit:focus {
    background: #0faeb1 url(img/valider-bt.png) no-repeat right center;
    color: #fff;
}
.packs section.solutions .options .aside p.actions input.submit {
    padding: 0 60px 0 10px;
}
.packs section.solutions .options hr{
    clear: both;
    margin: 0;
    color: #d9d9d9;
}


/* ---------------------------------
 * ARTICLE
 * --------------------------------- */
.article section.fil-ariane {
    margin: 0;
    padding: 0;
    line-height: 40px;
    font-size: .85em;
}
.article section.article .col-md-8 article {
    margin: 0;
    padding: 0 10px 20px;
    background: #fff;
    border-bottom: 2px solid #ec6825;
}
.article.dossier section.article .col-md-8 article {
    border-bottom: none;
    padding-bottom: 1px;
}
.article section.article article.article>header {
    margin: 0;
    padding: 0;
    background: #fff;
    color: #000;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    text-transform: none;
}
.article section.article article.article>header p {
    font-size: 1.3em;
    padding: 10px 0 0;
    margin: 0;
}
.article section.article article.article>header p.surtitre {
    font-weight: bold;
    color: #ec6825;
}
.article section.article article.article>header h2 {
    font-size: 2.15em;
    line-height: 1em;
    margin: 0;
    padding: 0;
    font-family: Judson, Arial, Helvetica, sans-serif;
}
.article section.article article.article p.visuel {
    float: left;
    padding: 10px 0;
    margin: 0 10px 0 -10px;
    
}
.article section.article article.article p.chapeau {
    padding: 10px 0;
}
.article section.article article.article ul {
    list-style-image: url(img/puce-liste-aside.png);
    padding: 0 0 0 15px;
    font-size: .85em;
}
.article section.article article.article ul li a:hover,
.article section.article article.article ul li a:focus {
    color: #0faeb1;
    text-decoration: none;
}
.article section.article article.article ul li a strong {
    text-transform: uppercase;
}
.article section.article article.article ul.partage {
    list-style: none;
    text-align: left;
    padding: 20px 10px;
    margin: 0 -10px 10px;
    width: 100%;
    width: calc(100% + 20px);
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    clear: both;
}
.article.dossier section.article article.article ul.partage {
    padding: 10px;
    width: 100%;
    width: calc(100% + 20px);
    border-top: none;
    border-bottom: none;
}
.article section.article article.article ul.partage li {
    display: inline-block;
}
.article section.article article.article ul.partage li.droite {
    float: right;
    line-height: 40px;
    margin-top: -2px;
}
.article section.article article.article ul.partage li a img {
    width: auto;
    height: 40px;
    margin: 0 5px;
    opacity: .9;
    filter: Alpha(Opacity=90);
}
.article section.article article.article ul.partage li.droite a img {
    width: auto;
    height: auto;
    margin: 10px 5px 0;
    opacity: .9;
    filter: Alpha(Opacity=90);
}
.article section.article article.article ul.partage li a:hover img,
.article section.article article.article ul.partage li a:focus img {
    opacity: 1;
    filter: Alpha(Opacity=100);
}
.article section.article article.article ul.partage li a.imprimer {
    background: transparent url(img/imprimer.png) no-repeat left center;
    padding-left: 55px;
    width: 130px;
    display: inline-block;
    margin: -1px 0 0 20px;
    font-weight: 700;
    font-size: 1.5em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    line-height: 45px;
}
.article section.article article.article ul.partage li a.imprimer:hover,
.article section.article article.article ul.partage li a.imprimer:focus {
    background: transparent url(img/imprimer-on.png) no-repeat left center;
    color: #000;
    text-decoration: none;
}
.article section.article article.article .slideshow {
    text-align: center;
    margin: 30px 0;
    position: relative;
}
.article section.article article.article .slideshow ul {
    padding: 0;
}
.article section.article article.article .slideshow .flex-direction-nav a {
    position: absolute;
    top: 160px;
    width: 36px;
    height: 70px;
    background: #000 url(img/fl-g.png) no-repeat left top;
    width: 36px;
    height: 43px;
    display: block;
    color: #fff;
    text-indent: -5000px;
    font-size: 0px;
    letter-spacing: -5px;
}
.article section.article article.article .slideshow .flex-direction-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}
.article section.article article.article .slideshow .flex-direction-nav a.flex-prev {
    left: -10px;
}
.article section.article article.article .slideshow .flex-direction-nav a.flex-next {
    right: -10px;
    background: #000 url(img/fl-d.png) no-repeat left top;
}
.article section.article article.article .slideshow .flex-direction-nav a.flex-prev:hover,
.article section.article article.article .slideshow .flex-direction-nav a.flex-prev:focus {
    background: #fff url(img/fl-g-on.png) no-repeat left top;
}
.article section.article article.article .slideshow .flex-direction-nav a.flex-next:hover,
.article section.article article.article .slideshow .flex-direction-nav a.flex-next:focus {
    background: #fff url(img/fl-d-on.png) no-repeat left top;
}
.article section.article article.article .slideshow .flex-control-paging {
    display: none;
}
.article section.article article.article .slideshow .description {
    background: #dddddd;
    color: #4a4a4a;
    padding: 5px 10px;
    width: 470px;
    margin: 0 auto;
    text-align: left;
}
.article section.article article.article .slideshow .description a {
    color: #4a4a4a;
}
.article section.article article.article .slideshow .description a.zoom {
    width: 22px;
    height: 23px;
    text-indent: -5000px;
    font-size: 0px;
    letter-spacing: -5px;
    display: inline-block;
    background: transparent url(img/zoom.png) no-repeat left top;
    float: left;
    margin-right: 5px;
    margin-top: -3px;
}
.article section.article article.article .slideshow .description a:hover,
.article section.article article.article .slideshow .description a:focus {
    color: #000;
}
.article section.article article.article .slideshow .description .droite {
    float: right;
}
.article section.article article.article .contenu h3 {
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-size: 1.85em;
    font-weight: bold;
}
.article section.article article.article .contenu h4 {
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-size: 1.45em;
    font-weight: bold;
    color: #999999;
}
.article section.article article.article .contenu p {
    font-size: 0.85em;
}
.article section.article article.article .contenu p.exergue {
    background: #ec6825;
    color: #fff;
    margin: 20px -10px;
    padding: 10px;
}
.article section.article article.article .contenu p.exergue a:hover,
.article section.article article.article .contenu p.exergue a:focus {
    color: #000;
    text-decoration: underline;
}
.article section.article article.article .contenu p.note {
    color: #4a4a4a;
    font-size: 0.7em;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.article section.article article.article .contenu q {
    font-size: 0.85em;
    color: #eb6725;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 10px;
    display: block;
    line-height: 1.2em;
}
.article section.article article.article .contenu q:before,
.article section.article article.article .contenu q:after {
    content: '';
}
.article section.article article.article .contenu table {
    border: 1px solid #e9e9e9;
    width: 100%;
    line-height: 20px;
    font-size: 0.85em;
    margin: 20px 0;
}
.article section.article article.article .contenu thead th {
    border-right: 1px solid #fff;
    background: #e9e9e9;
    padding: 0 10px;
}
.article section.article article.article .contenu thead th:last-child {
    border-right: none;
}
.article section.article article.article .contenu tbody tr {
    border-bottom: 1px solid #e9e9e9;
}
.article section.article article.article .contenu tbody tr:last-child {
    border-bottom: none;
}
.article section.article article.article .contenu tbody td {
    border-right: 1px solid #e9e9e9;
    padding: 0 10px;
}
.article section.article article.article .contenu tbody td:last-child {
    border-right: none;
}
.article section.article p.soutien {
    text-align: center;
    color: #4a4a4a;
    margin: 20px 0 0;
    font-size: 1em;
}
.article section.article p.soutien img {
    margin-left: 5px;
}
.article section.article p.source {
    color: #4a4a4a;
    margin: 10px 0 20px;
    font-size: .8em;
}
.article section.article article.recommandations {
    margin: 20px 0 0;
}
.article section.article article.recommandations>header {
    margin: 0 -10px;
    padding: 0 10px;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    line-height: 1.2em;
}
.article section.article article.recommandations>header>h2 {
    line-height: 1.2em;
    margin: 0;
}
.article section.article article.recommandations>header .plus a {
    font-family: Arial, Helvetica, sans-serif;
    text-transform: none;
    font-size: .85em;
    padding: 0;
    margin: 0;
    font-weight: normal;
}
.article section.article article.recommandations .colonnes {
    width: 100%;
    width: calc(100% + 10px);
    margin: 10px -5px 0;
    overflow: hidden;
}
.article section.article article.recommandations .colonnes .colonne {
    width: 50%;
    width: calc(50% - 10px);
    margin: 0 5px 10px;
    float: left;
    border-bottom:1px solid #ec6825;
}
.article section.article article.recommandations .colonnes .colonne:nth-child(2n+1) {
    clear: both;
}
.article section.article article.recommandations .type {
    font-weight: bold;
    color: #ec6825;
    font-size:.85em;
    margin-bottom: 5px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.article section.article article.recommandations .colonne:nth-child(5),
.article section.article article.recommandations .colonne:nth-child(6) {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.article section.article article.recommandations a {
    font-weight: bold;
    line-height: 1.2em;
    margin: 5px 0 0 2px;
    padding-right: 20px;
    display: block;
    font-family: Judson, Arial, Helvetica, sans-serif;
    font-size: 1.3em;
}
.article section.article article.recommandations .row a:hover,
.article section.article article.recommandations .row a:focus {
    text-decoration: none;
    color: #ec6825;
}
.article section.article article.pub {
    margin: 0;
}
.article section.article article.chapitre {
    margin: 20px 0 0;
}
.article section.article article.chapitre.ferme {
    padding: 0 10px;
    border-bottom: none;
}
.article section.article article.chapitre>header {
    margin: 0 -10px;
    padding: 0 10px;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    line-height: 1.2em;
    width: 100%;
    width: calc(100% + 20px);
    overflow: hidden;
}
.article section.article article.chapitre>header>h2 {
    line-height: 1.2em;
    margin: 0;
    font-size: 1.55em;
    padding: 10px 0;
    float: left;
}
.article section.article article.chapitre>header>h2>a:hover,
.article section.article article.chapitre>header>h2>a:focus {
    color: #fff;
    text-decoration: none;
}
.article section.article article.chapitre>header>h2>a>span {
    font-weight: normal;
    text-transform: none;
}
.article section.article article.chapitre.ferme>header>h2>a>span {
    display: block;
}
.article section.article article.chapitre>header .extrait {
    width: 330px;
    float: right;
    text-transform: none;
    padding: 10px 0;
    display: none;
}
.article section.article article.chapitre.ferme>header .extrait {
    display: block;
}
.article section.article article.chapitre>header .extrait p {
    margin: 0 0 5px;
    font-size: 1.15em
}
.article section.article article.chapitre>header .extrait p.titre {
    font-family: Judson, Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    margin: 0;
}
.article section.article article.chapitre>header .plus {
    display: block;
}
.article section.article article.chapitre.ferme>header .plus {
    display: none;
}
.article section.article article.chapitre>header .plus a {
    font-family: Arial, Helvetica, sans-serif;
    text-transform: none;
    font-size: .85em;
    padding: 0;
    margin: 0;
    font-weight: normal;
}
.article section.article article.chapitre .lignes {
    padding: 10px 0 0;
    margin: 0 -10px;
}
.article section.article article.chapitre .ligne {
    width: 100%;
    overflow: hidden;
    padding: 0 10px 10px;
    border-bottom: 1px solid #ec6825;
    margin-bottom: 10px;
}
.article section.article article.chapitre .ligne:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding: 0 10px;
}
.article section.article article.chapitre.ferme .lignes {
    display: none;
}
.article section.article article.chapitre .ligne .visuel {
    float: left;
    margin: 0 10px 0 0;
    width: 110px;
}
.article section.article article.chapitre .ligne .cont {
    float: left;
    width: 532px;
}
.article section.article article.chapitre .ligne .cont p.surtitre {
    font-weight: bold;
    color: #ec6825;
    margin: 0;
}
.article section.article article.chapitre .ligne .cont h3 {
    font-family: Judson, Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    margin: 0;
    font-weight: bold;
    line-height: 1.2em;
}
.article section.article article.chapitre .ligne .cont h3 a:hover,
.article section.article article.chapitre .ligne .cont h3 a:focus {
    text-decoration: none;
}
.article section.article article.chapitre .ligne .cont p.chapeau {
    padding: 10px 0 0;
    font-size: .85em;
    line-height: 1.2em;
}



/* ---------------------------------
 * FORMULAIRES
 * --------------------------------- */
.formulaire section.formulaire article.form {
    background: #fff;
    margin: 20px 0 0;
    padding: 0 10px;
}
.formulaire section.formulaire article.form.formulaire {
    margin: 0;
}
.formulaire section.formulaire article.form>header {
    width: 100%;
    width: calc(100% + 20px);
    margin: 0 -10px;
    padding: 0;
    overflow: hidden;
}
.formulaire section.formulaire article.form>header>h2 {
    display: inline-block;
    float: left;
    margin: 0;
}
.formulaire section.formulaire article.form>header>p {
    display: inline-block;
    text-transform: none;
    float: right;
    font-size: 1.45em;
    padding: 30px 20px 0 0;
    margin: 0;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
}
.formulaire section.formulaire form fieldset {
    margin: 20px -10px 0;
    padding: 0 10px 20px;
    border-bottom: 1px solid #ec6825;
}
.formulaire section.formulaire form fieldset.last {
    margin: 20px -10px 0;
    padding: 0 10px 20px;
    border-bottom: 2px solid #ec6825;
}
.formulaire section.formulaire form fieldset legend {
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-weight: bold;
    border: none;
    font-size: 1.6em;
    text-transform: uppercase;
}
.formulaire section.formulaire form label,
.formulaire section.formulaire form .label {
    display: inline-block;
    color: #000;
    width: 190px;
    text-align: right;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: normal;
    margin-right: 10px;
    margin-left: -10px;
    padding: 0;
}
.formulaire section.formulaire form .textarea {
    width: 100%;
    overflow: hidden;
}
.formulaire section.formulaire form .textarea label {
    float: left;
}
.formulaire section.formulaire form input {
    width: 250px;
    font-size: 1.15em;
    min-height: 30px;
    line-height: 30px;
    color: #000;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0 10px;
    background-color: #e8ecef;
}
.formulaire section.formulaire form .diffusion input {
    width: 170px;
    background: #fff url(img/datepicker.png) no-repeat right 5px center;
    color: #a7a7a7;
    font-style: italic;
    border: 1px solid #000;
}
.formulaire section.formulaire form p.radio.diffusion label {
    margin-right: 5px;
}
.formulaire section.formulaire form textarea {
    width: 370px;
    height: 170px;
    font-size: 1.15em;
    color: #000;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0 10px;
    background-color: #e8ecef;
}
.mce-panel {
    border: 0!important;
    -webkit-border-radius: 4px!important;
    -moz-border-radius: 4px!important;
    -o-border-radius: 4px!important;
    -ms-border-radius: 4px!important;
    border-radius: 4px!important;
    float: left!important;
    overflow: hidden!important;
    background: #f1f1f1!important;
}
div.mce-edit-area {
    background: #e8ecef!important;
    width: 100%!important;
}
.mce-btn button {
    padding: 2px 7px!important;
}
.mce-btn {
    border: 0!important;
    background-image: none!important;
}
label.infobulle strong {
    float: left;
}
a.infobulle,
span.infobulle {
    width: 19px;
    height: 19px;
    text-indent: -5000px;
    font-size: 0px;
    letter-spacing: -5px;
    display: inline-block;
    background: #fff url(img/infos.png) no-repeat left top;
    float: left;
    margin-left: 5px;
}
.ui-datepicker {
	width: 216px;
	height: auto;
	margin: 5px auto 0;
	font: 9pt Arial, sans-serif;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}
.ui-datepicker a {
	text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
	width: 100%;
}
.ui-datepicker-header {
	background: #000;
	color: #e0e0e0;
	font-weight: bold;
	line-height: 30px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #111;
}
.ui-datepicker-title {
	text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	background-image: url('img/arrow.png');
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
}
.ui-datepicker-prev {
	float: left;
	background-position: center -30px;
}
.ui-datepicker-next {
	float: right;
	background-position: center 0px;
}
.ui-datepicker thead {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
	background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
	border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
	text-transform: uppercase;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
	text-shadow: 1px 0px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=0);
}
.ui-datepicker tbody td {
	padding: 0;
	border-right: 1px solid #bbb;
}
.ui-datepicker tbody td:last-child {
	border-right: 0px;
}
.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #666666;
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);
}
.ui-datepicker-calendar .ui-state-default {
	background: #ededed;
	background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
	background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: linear-gradient(top,  #ededed 0%,#dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	-moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}
.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
	background: #6eafbf;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	color: #e0e0e0;
	text-shadow: 0px 1px 0px #4d7a85;
	filter: dropshadow(color=#4d7a85, offx=0, offy=1);
	border: 1px solid #55838f;
	position: relative;
	margin: -1px;
}
.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 29px;
	margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 29px;
	margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}

.formulaire section.formulaire form input.checkbox {
    min-height: 0;
    line-height: initial;
    display: inline;
    margin: 0;
    width: auto;
    position: relative;
}
.formulaire section.formulaire form p.radio label {
    float: none;
    width: auto;
    margin-right: 30px;
    margin-left: 0;
    vertical-align: text-bottom;
}
.formulaire section.formulaire form p.radio.tete label {
    margin: 10px 5px 20px;
}
.formulaire section.formulaire form p.radio.tete input.checkbox {
    position: relative;
    top: -20px;
}
.formulaire section.formulaire form a.input {
    font-weight: bold;
    font-size: 1.15em;
}
.formulaire section.formulaire form a.input:hover,
.formulaire section.formulaire form a.input:focus {
    text-decoration: none;
}
.formulaire section.formulaire form a.input .plus {
    color: #ec6825;
}
.formulaire section.formulaire form .reseaux label {
    float: left;
}
.formulaire section.formulaire form .reseaux ul.partage {
    list-style: none;
    float: left;
    padding: 0;
    margin: 0 0 10px;
}
.formulaire section.formulaire form .reseaux ul.partage li {
    display: inline-block;
}
.formulaire section.formulaire form .reseaux ul.partage img {
    height: 30px;
    width: auto;
}
.formulaire section.formulaire form .reseaux input {
    clear: both;
    display: block;
    margin-left: 190px;
    color: #a7a7a7;
    font-style: italic;
    font-size: .85em;
}
.formulaire section.formulaire form .reseaux a.input {
    margin-left: 190px;
    line-height: 40px;
}
.formulaire section.formulaire form label.tel {
    text-align: left;
    margin-left: 0;
    width: auto;
    font-weight: bold;
}
.formulaire section.formulaire form .cgv input.checkbox {
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}
.formulaire section.formulaire form p.radio.cgv label {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    width: 610px;
    font-weight: bold;
}
.formulaire section.formulaire form p.radio.cgv label a {
    font-weight: normal;
    font-size: .85em;
}
.formulaire section.formulaire form small {
    line-height: 1.2em;
    font-size: .75em;
    display: block;
}
.formulaire section.formulaire form p.captcha label {
    width: auto;
    margin-left: 0;
}
.formulaire section.formulaire form p.captcha input {
    width: 160px;
}
.formulaire section.formulaire form p.captcha .actualiser {
    width: 31px;
    height: 34px;
    text-indent: -5000px;
    font-size: 0px;
    letter-spacing: -5px;
    display: inline-block;
    background: #fff url(img/refresh.png) no-repeat left top;
    vertical-align: middle;
}
.formulaire section.formulaire form .msg {
    display: inline-block;
    width: 205px;
    float: right;
    padding: 4px 0 0;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: .85em;
    margin-right: -10px;
    line-height: 1.2em;
}
.formulaire section.formulaire form .msg.alerte {
    color: #da0000;
    font-weight: bold;
}
.formulaire section.formulaire form .msg.note {
    color: #a7a7a7;
    font-style: italic;
}
.formulaire section.formulaire form .msg.correct {
    color: #15b800;
    font-weight: bold;
}
.formulaire section.formulaire form .msg.point.alerte {
    background: transparent url(img/point-rouge.png) no-repeat left center;
    padding-left: 20px;
}
.formulaire section.formulaire form .msg.point.correct {
    background: transparent url(img/point-vert.png) no-repeat left center;
    padding-left: 20px;
}
.formulaire section.formulaire form span.obligatoire {
}
.formulaire section.formulaire form p.obligatoire {
    padding-left: 235px;
}
.formulaire section.formulaire form span.obligatoire,
.formulaire section.formulaire form p.obligatoire span {
}
.formulaire section.formulaire form .actions input {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0 20px;
    background: #000;
    color: #fff;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.4em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    width: 160px;
    height: 60px;
    white-space: normal;
}
.formulaire section.formulaire form .actions {
    text-align: center;
    padding: 30px 0;
    margin: 0 -10px;
    background-color: #e8ecef;
}
.formulaire section.formulaire form .actions input:hover,
.formulaire section.formulaire form .actions input:focus {
    background: #ec6825;
    color: #fff;
}
.formulaire section.formulaire form .actions input:first-child {
    float: left;
}
.formulaire section.formulaire form .actions input:last-child {
    float: right;
}
.formulaire section.formulaire article.onekey {
    float: right;
}
.formulaire section.formulaire article.onekey>div {
    background: #fcfcfc;
    padding: 0 10px 10px;
    margin: 20px 0 0 10px;
    text-align: center;
}
.formulaire section.formulaire article.onekey>div h2 {
    color: #a9a9a9;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-size: 2em;
    font-weight: bold;
    display: block;
    margin: 10px 0 0;
    padding: 0;
}
.formulaire section.formulaire article.onekey>div h2 span {
    background: #fcfcfc url(img/chevrons.png) no-repeat left center;
    padding: 20px 0 20px 40px;
    display: inline-block
}
.formulaire section.formulaire article.onekey>div p {
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-size: 1.15em;
}
.formulaire section.formulaire article.onekey>div p strong {
    display: block;
    margin: 10px 0;
    font-size: 1.25em;
    line-height: 1.2em;
}
.formulaire section.formulaire article.onekey form label {
    width: 80px;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    font-size: .75em;
    font-weight: bold;
}
.formulaire section.formulaire article.onekey form input {
    width: 180px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
}
.formulaire section.formulaire article.onekey form .actions {
    padding: 20px 0 10px;
    margin: 0;
    background-color: #fcfcfc;
}
.formulaire section.formulaire article.onekey form .actions input:last-child {
    float: none;
    white-space: nowrap;
    width: auto;
    height: 30px;
    font-size: 1.1em;
}
.formulaire section.formulaire article.onekey form .actions input:hover,
.formulaire section.formulaire article.onekey form .actions input:focus {
    background: #fff;
    color: #000;
}
.formulaire section.formulaire form p.alerte,
.formulaire section.formulaire article.onekey p.alerte {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    margin: 0;
    color: #da0000;
    font-weight: bold;
}
.formulaire section.formulaire article.onekey p.alerte {
    font-size: 1em;
    font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    padding-left: 80px;
    margin-bottom: 5px;
}


/* ---------------------------------
 * FOOTER
 * --------------------------------- */
body>footer {
    clear:both;
    margin: 30px 0 100px;
}
body.dashboard.recruteur>footer {
    clear:both;
    margin: 130px 0 0;
    background: #e8ecef;
    padding-bottom: 100px;
}
body>footer .plan {
    background: #231f20;
    color: #fff;
    padding: 10px 0;
    position: relative;
}
body>footer .plan a {
    color: #fff;
    font-size: .9em;
}
body>footer .plan a:hover,
body>footer .plan a:focus {
    color: #ec6825;
    text-decoration: none;
}
body>footer .plan h3 {
    font-family: Judson, Arial, Helvetica, sans-serif;
    margin: 5px 0 10px;
    font-size: 1.4em;
}
body>footer .plan ul {
    padding-left:0;
    list-style: none;
    font-size:.8em;
}
body>footer .plan ul a:before {
    content: '> ';
}
body>footer .plan .services-recruteurs,
body>footer .plan .services-candidats {
    float: left;
    width: 50%;
}
body>footer .plan .creer-profil a {
    font-family: Judson, Arial, Helvetica, sans-serif;
    margin: 5px 0 10px;
    font-size: 1.45em;
}
body>footer .pied-de-page {
    font-size: .7em;
    padding:10px 0;
}
body>footer .pied-de-page a:hover,
body>footer .pied-de-page a:focus {
    color: #868889;
    text-decoration: none;
}
body>footer .pied-de-page p {
    margin:0 0 5px;
    font-weight: bold;
}
body>footer .pied-de-page p small {
    color: #868889;
    font-size: .85em;
}
body>footer .pied-de-page .qs {
    text-align: center;
    margin:50px 0 0;
}



/* ---------------------------------------------------------
   Media Queries
   ---------------------------------------------------------*/
   
/* TABLET */
@media only screen and (min-width: 768px) {
    .dropdown:hover .dropdown-menu {
        display: block;
     }
    .menu .dropdown:hover>a {
        background: transparent url(img/menu-puce.png) no-repeat center bottom;
        color: #89969d;
    }
}
    
    
   
/* TABLET */
@media only screen and (min-width: 768px) and (max-width: 1043px) {
    .container {
        width: 748px;
    }
    body>header,
    body>footer {
        width: 100%;
        min-width: 748px;
    }
    .bt a {
        font-size: 1.75em;
    }
    .logo {
        font-size: .83em;
    }
    .logo .n2 {
        letter-spacing: .4px;
    }
    .menu {
        margin-top: 16px;
    }
    .menu .navbar-nav {
        font-size: .95em;
    }
    .menu .navbar-nav>li.accueil>a>span {
        width: 33px;
    }
    .menu .navbar-nav>li.offres>a>span {
        width: 90px;
    }
    .menu .navbar-nav>li.recrut>a>span {
        width: 106px;
    }
    .menu .navbar-nav>li.cv>a>span {
        width: 111px;
    }
    .menu .navbar-nav>li.deposer>a>span {
        width: 137px;
    }
    .menu .navbar-nav>li.dossiers>a>span {
        width: 75px;
    }
    .menu .navbar-nav>li.recruteur>a>span {
        width: 143px;
    }

    .accueil .menu .navbar-nav>li.offres>a>span,
    .panier .menu .navbar-nav>li.offres>a>span,
    .article .menu .navbar-nav>li.offres>a>span {
        width: 99px;
    }
    .accueil .menu .navbar-nav>li.recrut>a>span,
    .panier .menu .navbar-nav>li.recrut>a>span,
    .article .menu .navbar-nav>li.recrut>a>span {
        width: 115px;
    }
    .accueil .menu .navbar-nav>li.cv>a>span,
    .panier .menu .navbar-nav>li.cv>a>span,
    .article .menu .navbar-nav>li.cv>a>span {
        width: 120px;
    }
    .accueil .menu .navbar-nav>li.deposer>a>span,
    .panier .menu .navbar-nav>li.deposer>a>span,
    .article .menu .navbar-nav>li.deposer>a>span {
        width: 146px;
    }
    .accueil .menu .navbar-nav>li.dossiers>a>span,
    .panier .menu .navbar-nav>li.dossiers>a>span,
    .article .menu .navbar-nav>li.dossiers>a>span {
        width: 84px;
    }
    .accueil .menu .navbar-nav>li.recruteur>a>span,
    .panier .menu .navbar-nav>li.recruteur>a>span,
    .article .menu .navbar-nav>li.recruteur>a>span {
        width: 140px;
    }
    section.recherche fieldset {
        padding-left: 50px;
    }
    section.recherche h1 {
        margin: 6px 0 10px;
        font-size: 2.7em;
    }
    section.recherche p {
        width: 260px;
        margin-right: 17px;
        margin-bottom: 0;
    }
    section.recherche input {
        width: 260px;
    }
    section.recherche p.actions input {
        width: auto;
    }
    section.recherche p.actions {
        padding: 0 5px 0 0px;
    }
    .bgflou {
        padding: 10px 10px 0;
    }
    section.inscription {
        font-size: .82em;
        height: 298px;
    }
    section.inscription .candidats,
    section.inscription .medecins {
        width: 50%;
        height: 298px;
    }
    section.inscription .medecins .col-md-9 {
        height: 298px;
    }
    section.inscription .candidats {
        background-position: -20px bottom;
    }
    .candidats .col-md-6 {
        width: 100%;
    }
    .candidats .col-md-3 {
        width: 43%;
    }
    .candidats .col-md-9 {
        width: 57%;
        position: inherit;
        height: 298px;
        padding-top: 4px;
    }
    section.inscription .candidats article {
        padding-top: 0px;
    }
    section.inscription .candidats article.cv,
    section.inscription .candidats article.alertes {
        padding-left: 10px;
    }
    section.inscription .candidats article br {
        display: none;
    }
    section.inscription div, section.inscription article {
        height: auto;
    }
    section.inscription article h2 {
        line-height: .9em;
        padding-right: 20px
    }
    section.inscription .candidats article p {
        font-size: 1.75em;
        padding-right: 20px;
    }
    section.inscription .candidats article.alertes h2 {
        margin-top: 10px;
    }
    section.inscription .bt,
    section.inscription .medecins p.bt {
        margin-bottom: 25px;
    }
    section.inscription .medecins {
        background-position: 40px 33px;
        font-size: 1.1em;
    }
    section.inscription .medecins {
        background-position: 38px 43px;
        font-size: 1.1em;
    }
    section.inscription .medecins article {
        padding-top: 20px;
    }
    section.inscription .medecins .col-md-3 {
        width: 29%;
    }
    section.inscription .medecins .col-md-9 {
        width: 71%;
        padding-right: 40px;
    }
    section.inscription .medecins p.bt {
        font-size: .9em;
        right: auto;
    }
    section header>h2 {
        padding: 10px 0 8px 10px;
        margin: 0;
        line-height: 30px;
    }
    section.recrutements {
        margin-top: 20px;
    }
    section.recrutements p {
        overflow: visible;
    }
    section.recrutements .row a {
        padding-bottom: 0;
        min-height: 115px;
    }
    section.recrutements h3 {
        margin: 15px 0 0 5px;
        min-height: 32px;
    }
    section.recrutements span {
        padding-left: 5px;
    }
    section.recrutements span, 
    section.recrutements strong {
        margin-top: 0;
    }
    article.offres {
        margin: 20px 5px 0;
        width: calc(100% - 10px);
    }
    article.offres header p {
        overflow: visible;
    }
    article.offres .row .col-md-6 {
        min-height: 120px;
    }
    article.offres .row .lieu {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    article.offres {
        min-height: 410px;
        float: none;
    }
    article.offres .row:nth-child(4) .col-md-6 {
        min-height: 110px;
    }
    article.pub {
        margin: 20px auto 0;
        width: 342px;
        float: none;
        clear: both;
    }
    article.recruteurs {
        width: 50%;
        width: calc(50% - 10px);
        float: right;
        margin: 20px 10px 0 0;
        padding: 0;
    }
    article.recruteurs div {
        min-height: 282px;
    }
    article.recruteurs h2 {
        padding-top: 20px;
        background: none;
    }
    article.recruteurs p {
        padding: 10px 55px 0;
        margin-bottom: 0;
    }
    article.dossiers {
        width: 100%;
        width: calc(100% - 10px);
        float: none;
        margin-top: 40px;
        margin-left: 5px;
    }
    .accueil article.dossiers {
        width: 50%;
        width: calc(50% - 10px);
        float: left;
        margin-top: -262px;
        margin-left: 10px;
    }
    article.dossiers div {
        padding-left: 5px;
    }
    article.dossiers img.visuel {
        margin-top: 60px;
        width: 160px;
        height: auto;
        margin-left: 5px;
    }
    article.dossiers header h2 {
        font-size: 2.4em;
        padding: 10px 0 8px 10px;
    }
    article.dossiers h3 {
        position: absolute;
        margin: 0;
        font-size: 1.6em;
        line-height: 1em;
    }
    article.dossiers div p {
        padding-top: 60px;
        margin-bottom: 0;
        height: 170px;
        font-size: 1em;
    }
    article.dossiers p.soutien {
        margin: 5px 0;
        text-align: center;
        font-size: .7em;
        width: 100%;
    }
    .accueil article.dossiers p.soutien {
        margin: 0;
        width: 327px;
    }
    body>footer {
        margin-top: 20px;
    }
    body>footer .plan {
        min-height: 350px;
    }
    body>footer .plan h3 {
        font-size: 1.3em;
    }
    body>footer .plan a {
        font-size: 1.1em;
    }
    body>footer .plan .creer-profil a {
        font-size: 1.15em;
    }
    body>footer .plan .col-md-3 {
        width: 33.33%;
    }
    body>footer .plan .col-md-6 {
        width: 66.66%;
    }
    body>footer .plan .col-md-3.plus-recherches {
        float: right;
        margin-top: -150px;
    }
    body>footer .plan .creer-profil {
        clear: both;
        margin-left: 33.33%;
    }
    body.accueil>footer .plan .creer-profil {
        clear: both;
        margin-left: 0;
    }
    
    
    body>footer .plan .row .col-md-3:last-child {
        float:right;
    }
    body>footer .plan .row:nth-child(2) {
        position: absolute;
        top: 130px;
        width: 728px;
    }
    body>footer .plan .row:nth-child(2) .col-md-6 {
        padding-left: 33.3333333%;
        width: 66.6666666%;
        padding-top: 10px
    }
    body>footer .plan .row:nth-child(2) .col-md-6 p {
        margin: 0;
    }
    
    
    body>footer .pied-de-page {
        font-size: .65em;
    }
    body>footer .pied-de-page p small {
        font-weight: normal;
    }
    body>footer .pied-de-page .qs {
        margin-top: 20px;
    }
    section.identification form label {
        width: 140px;
    }
    section.identification form input {
        width: 180px;
    }
    section.identification .col-md-6:nth-child(2) {
        padding-left: 10px;
        padding-right: 10px;
    }
    section.recherche-avancee {
        margin-right: 5px;
    }
    section.recherche-avancee article.form {
        width: 100%;
        float: none;
    }
    .recherche article.pub {
        width: 100%;
    }
    .recherche article.pub div {
        margin-bottom: 30px;
        float: left;
        width: 322px;
        margin: 0 20px;
    }
    .ariane ol {
        padding: 0 0 0 10px;
        font-size: 1.3em;
    }
    .ariane ol li {
        padding-left: 12px;
    }
    .ariane ol li.courant {
        padding-left: 25px;
    }
    .ariane ol li.courant a, 
    .ariane ol li.courant span.cont {
        padding-right: 25px;
    }
    .ariane ol li.ok {
        padding-left: 25px;
    }
    .ariane ol li.commande {
        width: 110px;
    }
    .ariane ol li.commande.courant {
        width: 140px;
        margin-left: -10px;
        padding-left: 10px;
    }
    .ariane ol li.identification {
        width: 165px;
    }
    .ariane ol li.identification.courant {
        width: 185px;
    }
    .ariane ol li.facturation {
        width: 150px;
    }
    .ariane ol li.facturation.courant {
        width: 170px;
    }
    .ariane ol li.paiement {
        width: 125px;
    }
    .ariane ol li.paiement.courant {
        width: 145px;
    }
    .ariane ol li.confirmation {
        width: 156px;
    }
    .ariane ol li.confirmation.courant {
        width: 176px;
    }
    .tunnel .form-choix,
    .tunnel article.recapitulatif {
        min-height: 390px;
    }
    .tunnel .nouvelle-adresse form label, .tunnel .nouvelle-adresse form .label {
        width: 170px;
    }
    .tunnel .nouvelle-adresse form input {
        width: 220px;
    }
    .tunnel .nouvelle-adresse form p.obligatoire {
        padding-left: 185px;
    }
    .tunnel .nouvelle-adresse form .actions {
        padding-right: 35px;
    }
    .tunnel article.recapitulatif header h2 {
        font-size: 1.8em;
    }
    .tunnel article.recapitulatif p {
        font-size: 1em;
    }
    .tunnel article.recapitulatif p.total {
        font-size: 1.15em;
    }
    .tunnel article.recapitulatif p.actions.bt a {
        padding: 0 37px 0 7px;
        font-size: 1.3em;
    }
    .tunnel.paiement .form-choix {
        font-size: .9em;
    }
    .tunnel.paiement .form-choix header h2 {
        font-size: 1.75em;
    }
    .tunnel.paiement .form-choix.intro p.total, 
    .tunnel.paiement .form-choix.intro p.tva {
        padding-left: 180px;
    }
    .tunnel.paiement .form-choix.intro {
        min-height: 250px;
    }
    .tunnel.paiement .form-choix.adresse {
        min-height: 215px;
    }
    .tunnel.paiement .form-choix.paiement {
        min-height: 450px;
    }
    .tunnel.paiement .form-choix.paiement div.ligne {
        padding: 0 20px 0 15px;
    }
    .tunnel.paiement .form-choix.paiement div.ligne label {
        padding: 0 0 0 5px;
    }
    .tunnel.paiement .form-choix.paiement div.ligne p {
        width: 70%;
    }
    .tunnel.paiement .form-choix.paiement div.ligne p:nth-child(2) {
        width: 30%;
    }
    .tunnel article.contact {
        padding: 20px;
        font-size: .85em;
    }
    .tunnel article.contact h2 {
        padding-right: 20px;
        font-size: 1.6em;
    }
    .tunnel.paiement .secur {
        top: 555px;
        padding: 10px;
        font-size: .9em;
        min-height: 450px;
    }
    .tunnel.paiement .secur h3.cheque {
        margin-top: 50px;
    }
    .tunnel.paiement .secur h3.bon {
        margin-top: 60px;
    }
    .tunnel.paiement .cgv p {
        padding-left: 25px;
        padding-right: 25px;
        font-size: .85em;
    }
    .tunnel.paiement .cgv p label {
        display: inline;
    }
    .tunnel.confirmation .form-choix {
        font-size: .9em;
    }
    .tunnel.confirmation .form-choix p {
        font-size: 1.3em;
    }
    .tunnel.confirmation .form-choix p.memo {
        margin: 20px 100px;
        font-size: 1.3em;
    }
    .tunnel.confirmation .form-choix p.memo a.bt {
        margin: 20px 0;
    }
    .tunnel.confirmation article.suivi h2 {
        font-size: 1.35em;
    }
    section.identification .alerte {
        text-align: left;
        padding: 0 0 10px 20px;
    }
    .tunnel.paiement .form-choix.paiement div.ligne p.cb {
        padding-top: 55px;
    }
    .tunnel.paiement .form-choix.paiement div.ligne p.cheque {
        padding-top: 38px;
    }
    .tunnel.paiement .form-choix.paiement div.ligne p.bon {
        padding-top: 36px;
    }
    section.creer-alerte h2 {
        margin: 0 10px;
        padding: 0 0 0 47px;
        font-size: 1.3em;
    }
    section.creer-alerte p.bt {
        float: right;
        margin: 7px 7px 0 0;
    }
    section.creer-alerte .bt a {
        font-size: 1.45em;
    }
    .ui-dialog {
        width: 738px!important;
        top: 65px!important;
    }
    .ui-dialog-titlebar {
        position: absolute;
        top: -50px;
        width: 55px;
        height: 50px;
    }
    .ui-dialog-titlebar-close {
        width: 55px;
        height: 50px;
        background: #fff url(img/fermer-tablette.png) no-repeat left top;
    }
    .pack .ui-dialog-titlebar-close {
        background: #fff url(img/fermer-tablette-bleu.png) no-repeat left top;
    }
    .fancy#popup-alerte header h2 {
        line-height: 50px;
    }
    .fancy#popup-alerte form label, 
    .fancy#popup-alerte form .label {
        width: 250px;
    }
    .fancy#popup-alerte span.erreur {
        padding-left: 255px;
    }
    .fancy form p.radio.cgv {
        width: 100%;
        width: calc(100% - 30px);
        overflow: hidden;
        padding-left: 30px;
    }
    .fancy form p.radio.cgv input.checkbox {
        float: left;
        margin-top: 3px;
    }
    .fancy#popup-alerte form p.radio.cgv label {
        width: 650px;
        text-align: left;
        float: left;
        padding-right: 0;
    }
    .fancy#popup-pack header h2 {
        line-height: 50px;
    }
    .fancy#popup-pack form .ligne p.input {
        width: 280px;
    }
    .fancy#popup-pack form .ligne p.restant {
        width: 180px;
        padding-left: 45px;
    }
    .fancy#popup-pack form .ligne p.date {
        width: 170px;
    }
    .fancy#popup-pack form label {
        width: 240px;
    }
    .offre section.offre {
        padding-bottom: 0;
    }
    .offre section.offre header {
        padding: 0;
    }
    .offre section.offre header>div {
        float: left;
        width: 467px;
        padding-left: 10px;
        margin-right: 10px;
        position: relative;
        min-height: 210px;
    }
    .offre section.offre header>div>h2 {
        font-size: 3.15em;
    }
    .offre section.offre header>div p.ref {
        position: absolute;
        bottom: 10px;
        font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
        font-size: 1em;
    }
    .offre section.offre header p.recruteur {
        float: left;
        width: 250px;
        background: #fff;
        color: #000;
        margin: 0;
        padding: 10px 20px;
        min-height: 210px;
        height: auto;
        font-size: 1.05em;
    }
    .offre section.offre header p.recruteur strong {
        font-size: 1.35em;
    }
    
    .offre section.offre article.fiche p.exergue {
        margin: 20px -10px 10px;
    }
    .offre section.offre article.fiche {
        padding-top: 0;
        float: none;
        width: 100%;
        margin-right: 0;
        min-height: 0;
        border-bottom: none;
    }
    .offre section.offre article p {
        font-size: 1.05em;
    }
    .offre section.offre aside.mots-cles {
        float: none;
        width: 100%;
        width: calc(100% - 20px);
        padding: 10px;
        border: 1px solid #d9d9d9;
        margin: 0 10px;
        min-height: 0;
    }
    .offre section.offre aside.mots-cles .col {
        float: left;
        padding-right: 40px;
    }
    .offre section.offre aside.mots-cles .col:first-child {
        width: 33.33%;
    }
    .offre section.offre aside.mots-cles .col:last-child {
        width: 66.66%;
        padding-right: 0;
    }
    .offre section.offre aside.mots-cles .col .col {
        width: 50%;
        padding-right: 40px;
    }
    .offre section.offre aside.mots-cles .label {
        font-size: 1em;
    }
    .offre section.offre aside.mots-cles .value {
        font-size: 1.5em;
    }
    .offre section.offre p.bt {
        margin-top: 0;
    }
    .offre section.offre p.bt a {
        font-size: 2.1em;
    }
    .offre section.offre article.details {
        float: none;
        width: 100%;
        margin-right: 0;
        min-height: 0;
    }
    .offre section.offre article.details .article:first-child {
        border-top: 1px solid #ec6825;
        margin-top: 20px;
        padding-top: 10px;
    }
    .offre section.offre .recruteur {
        float: left; 
        width: 50%;
        height: 305px;
        border: 1px solid #d9d9d9;
        padding: 0 20px;
        text-align: center;
    }
    .offre section.offre .recruteur img {
        float: none; 
        margin: 20px auto;
    }
    .offre section.offre .recruteur p {
        float: none;
    }
    .offre section.offre p.map {
        float: left; 
        width: 50%;
        overflow: hidden;
        height: 305px;
    }
    .offre section.offre p.map img {
        margin-left: -120px;
    }
    .offre section.offre .recruteur p span {
        font-size: .95em;
    }
    .offre section.offre .recruteur a.adresse {
        font-size: 1.05em;
    }
    .offre section.offre .recruteur a.adresse strong {
        font-size: 1.3em;
    }
    .offre .menu .navbar-nav>li.accueil>a>span,
    .resultats .menu .navbar-nav>li.accueil>a>span,
    .article .menu .navbar-nav>li.accueil>a>span,
    .cvtheque .menu .navbar-nav>li.accueil>a>span {
        width: 41px;
    }
    .offre .menu .navbar-nav>li.offres>a>span,
    .resultats .menu .navbar-nav>li.offres>a>span,
    .article .menu .navbar-nav>li.offres>a>span,
    .cvtheque .menu .navbar-nav>li.offres>a>span {
        width: 98px;
    }
    .offre .menu .navbar-nav>li.recrut>a>span,
    .resultats .menu .navbar-nav>li.recrut>a>span,
    .article .menu .navbar-nav>li.recrut>a>span,
    .cvtheque .menu .navbar-nav>li.recrut>a>span {
        width: 113px;
    }
    .offre .menu .navbar-nav>li.cv>a>span,
    .resultats .menu .navbar-nav>li.cv>a>span,
    .article .menu .navbar-nav>li.cv>a>span,
    .cvtheque .menu .navbar-nav>li.cv>a>span {
        width: 117px;
    }
    .offre .menu .navbar-nav>li.deposer>a>span,
    .resultats .menu .navbar-nav>li.deposer>a>span,
    .cvtheque .menu .navbar-nav>li.deposer>a>span {
        width: 150px;
    }
    .offre .menu .navbar-nav>li.dossiers>a>span,
    .resultats .menu .navbar-nav>li.dossiers>a>span,
    .article .menu .navbar-nav>li.dossiers>a>span,
    .cvtheque .menu .navbar-nav>li.dossiers>a>span {
        width: 81px;
    }
    .offre .menu .navbar-nav>li.recruteur>a>span,
    .resultats .menu .navbar-nav>li.recruteur>a>span,
    .article .menu .navbar-nav>li.recruteur>a>span,
    .cvtheque .menu .navbar-nav>li.recruteur>a>span {
        width: 138px;
    }
    .dashboard.candidat .menu .navbar-nav>li.accueil>a>span {
        width: 51px;
    }
    .dashboard.candidat .menu .navbar-nav>li.offres>a>span {
        width: 93px;
    }
    .dashboard.candidat .menu .navbar-nav>li.recrut>a>span {
        width: 110px;
    }
    .dashboard.candidat .menu .navbar-nav>li.cv>a>span {
        width: 111px;
    }
    .dashboard.candidat .menu .navbar-nav>li.deposer>a>span {
        width: 150px;
    }
    .dashboard.candidat .menu .navbar-nav>li.dossiers>a>span {
        width: 100px;
    }
    .dashboard.candidat .menu .navbar-nav>li.dashboard>a>span {
        width: 160px;
    }
    .dashboard .menu .navbar-nav>li.candidat>a,
    .dashboard .menu .navbar-nav>li.candidat>a>span {
        width: 113px;
    }
    .dashboard .menu .navbar-nav>li.candidat>a>span,
    .dashboard.recruteur .menu .navbar-nav>li.candidat>a>span {
        background: #0faeb1 url(img/menu-dashboard.png) no-repeat 8px center;
        padding-left: 30px;
        padding-right: 0;
        text-align: center;
    }
    .dashboard .menu .navbar-nav>li.candidat>a:hover>span,
    .dashboard .menu .navbar-nav>li.candidat>a:focus>span {
        background-color: #000;
    }
    .dashboard .menu .navbar-nav>li.dashboard .dropdown-menu {
        padding: 0;
    }
    .dashboard .menu .navbar-nav>li.dashboard .dropdown-menu>li>a:before {
        content: ' ';
        display: none;
    }
    .dashboard .menu .navbar-nav>li.dashboard .dropdown-menu>li>a {
        background: #ec6825;
        border-bottom: 1px solid #fff;
        text-transform: uppercase;
        text-align: right;
        color: #fff;
        font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
        font-size: 1.1em;
        line-height: 1.1em;
        padding: 10px 20px;
        font-weight: bold;
        white-space: normal;
    }
    .dashboard.recruteur .menu .navbar-nav>li.dashboard .dropdown-menu>li>a {
        background: #0faeb1;
    }
    .dashboard .menu .navbar-nav>li.dashboard .dropdown-menu>li>a:hover,
    .dashboard .menu .navbar-nav>li.dashboard .dropdown-menu>li>a:focus,
    .dashboard.recruteur .menu .navbar-nav>li.dashboard .dropdown-menu>li>a:hover,
    .dashboard.recruteur .menu .navbar-nav>li.dashboard .dropdown-menu>li>a:focus {
        background: #000;
        color: #fff;
    }
    .dashboard section article .ligne {
        padding-bottom: 5px;
    }
    .dashboard section article .ligne p {
        min-height: 75px;
    }
    .dashboard section article .ligne p.titre {
        width: 470px;
    }
    .dashboard.recruteur section article .ligne p.titre {
        width: 398px;
    }
    .dashboard.recruteur section.produits article .ligne p.titre {
        width: 328px;
        padding-top: 10px;
    }
    .dashboard.recruteur section.cv article .ligne p.titre {
        width: 608px;
        padding-right: 230px;
    }
    .dashboard section article .ligne p.date {
        width: 124px;
        padding: 5px 10px;
    }
    .dashboard.recruteur section article .ligne p.date {
        width: 110px;
    }
    .dashboard.candidat section article .ligne p.date:nth-child(3),
    .dashboard.recruteur section article .ligne p.date:nth-child(4),
    .dashboard.recruteur section.cv article .ligne p.date {
        border-right: none;
    }
    .dashboard.recruteur section.alertes article .ligne p.date,
    .dashboard.recruteur section.produits article .ligne p.date {
        padding-top: 12px;
    }
    .dashboard section article .ligne p.telecharger {
        width: 410px;
        float: right;
        border-right: none;
        padding-right: 280px;
        min-height: 0;
        padding-bottom: 0;
        border-top: 2px solid #e9e9e9;
        margin-right: -10px;
        margin-top: 20px;
    }
    .dashboard section article .ligne p.telecharger a {
        display: inline-block;
        padding: 0 10px;
    }
    .dashboard section article .ligne ul.actions {
        float: left;
        width: 328px;
        list-style-position: outside;
        border-top: 2px solid #e9e9e9;
        margin-top: 20px;
        margin-left: -10px;
        padding-left: 30px;
    }
    .dashboard section article .ligne ul.actions li {
        float: left;
        margin-right: 40px;
    }
    .dashboard section article .ligne ul.actions li:last-child {
        margin-right: 0;
    }
    .dashboard section footer .bt a {
        font-size: 1.45em;
    }
    .dashboard section.candidatures article .ligne p.titre, 
    .dashboard section.offres article .ligne p.titre {
        width: 594px;
        padding-right: 200px;
    }
    .dashboard section.alertes article .ligne p.titre {
        width: 344px;
        padding-right: 20px;
    }
    .dashboard section article .ligne p.resultats {
        width: 250px;
        padding-left: 50px;
    }
    .dashboard section.produits article .ligne p.resultats {
        width: 150px;
        padding-left: 20px;
        padding-top: 0;
    }
    .dashboard section.produits article .ligne p.resultats .libelle {
        width: 80px;
    }
    .dashboard section.candidatures article .ligne p.date, 
    .dashboard section.alertes article .ligne p.date, 
    .dashboard section.offres article .ligne p.date {
        border-right: none;
    }
    .dashboard section.candidatures article .ligne ul.actions,
    .dashboard section.alertes article .ligne ul.actions,
    .dashboard section.offres article .ligne ul.actions,
    .dashboard.recruteur section.annonces article .ligne ul.actions,
    .dashboard.recruteur section.cv article .ligne ul.actions {
        width: 100%;
        width: calc(100% + 20px);
        margin-right: -10px;
        padding-right: 30px;
        padding-top: 5px;
    }
    .dashboard p.bt.coordonnees a,
    .dashboard p.bt.coordonnees a:hover,
    .dashboard p.bt.coordonnees a:focus {
        font-size: 2.15em;
        width: 360px;
        height: 80px;
        background-image: url(img/moncompte-tablette.png);
        background-position: 35px 13px;
    }
    .dashboard.recruteur .menu .navbar-nav>li>a>span {
        padding-left: 16.5px;
        padding-right: 16.5px;
    }
    .dashboard p.bt.coordonnees a {
        margin: 0 50px 30px;
    }
    .dashboard p.bt.coordonnees a:last-child {
        margin-bottom: 10px;
    }
    .dashboard p.bt.coordonnees a.historique {
        height: 115px;
    }
    .panier section.panier div.ligne .pack {
        width: 245px;
    }
    .panier section.panier div.ligne .options {
        width: 190px;
        border-right: none;
    }
    .panier section.panier div.ligne .suppr {
        width: 60px;
    }
    .panier section.panier div.ligne .prix {
        width: 243px;
        padding-right: 85px;
    }
    .panier section.panier article.contenu div.ligne.thead p.options {
        width: 250px;
    }
    .panier section.panier div.ligne ul.options {
        padding-left: 55px;
        padding-right: 10px;
    }
    .panier section.panier article.total div.ligne .coupon {
        width: 375px;
        padding: 20px 10px;
    }
    .panier section.panier article.total div.ligne .coupon p {
        padding-right: 13px;
    }
    .panier section.panier article.total div.ligne .label {
        width: 175px;
        border-right: none;
        padding: 0 20px 0 0;
    }
    .panier section.panier article.total div.ligne .value {
        padding-right: 20px;
        width: 180px;
    }
    .panier section.panier article.total div.ligne .montant {
        padding-left: 260px;
    }
    .panier section.panier article.total div.ligne .montant .label {
        width: 290px;
    }
    .panier section.panier article.total div.ligne .actions p.bt a {
        font-size: 1.45em;
    }
    .panier section.reassurance .secur,
    .panier section.reassurance .contact {
        width: 362px;
        min-height: 270px;
        padding: 10px;
    }
    .panier section.reassurance .secur div.cb,
    .panier section.reassurance .secur div.cheque,
    .panier section.reassurance .secur div.bon {
        width: 100%;
        padding: 0 0 20px;
    }
    .panier section.reassurance .secur div.bon {
        padding-bottom: 0;
    }
    .panier section.reassurance .secur br {
        display: none;
    }
    .panier section.reassurance .contact {
        padding: 40px 60px;
    }
    .panier section.reassurance .contact h2 {
        font-size: 2.15em;
    }
    .tunnel article.contact p {
        font-size: 1.85em;
    }
    section.cont-redac article.colonne {
        width: 483px;
        float: left;
        min-height: 400px;
    }
    section.cont-redac .sidebar {
        width: 232px;
    }
    section.cont-redac article p {
        font-size: 1.2em;
    }
    section.cont-redac article p.note {
        font-size: 1em;
    }
    section.cont-redac .contact {
        min-height: 400px;
    }
    section.cont-redac .contact h2 {
        text-align: left;
    }
    section.cont-redac .contact p {
        margin: 0 0 10px;
    }
    section.cont-redac .form-pack p {
        padding: 0 0 0 10px;
    }
    section.cont-redac .form-pack .checkbox label {
        padding-left: 5px;
    }
    section.cont-redac .form-pack p.total strong {
        margin-right: 10px;
    }
    .cvtheque section.cont-redac article.colonne {
        min-height: 270px;
    }
    .offre.fiche section.offre header>div>h2 {
        padding: 10px 0;
        font-size: 2.3em;
    }
    .offre.fiche section.offre header p {
        font-size: 1.3em;
    }
    .offre.fiche section.offre header p strong {
        font-size: 1.1em;
    }
    .offre.fiche section.offre header p.photo {
        right: 0;
    }
    .offre.fiche section.offre header>div>h2 .bt {
        margin: 0 0 5px;
    }
    .offre section.offre header>div {
        min-height: 180px;
    }
    .offre.fiche section.offre {
        margin: 30px 0 0;
        padding-bottom: 20px;
        width: 100%;
    }
    .offre.fiche section.offre article.fiche {
        border-bottom: none;
        clear: none;
        padding-top: 30px;
        min-height: 0;
        padding-bottom: 0;
    }
    .offre.fiche section.offre aside.mots-cles .row p {
        width: 33.33%;
        float: left;
    }
    .offre.fiche section.offre aside.mots-cles .row p:nth-child(3n+1) {
        clear: both;
    }
    .offre.fiche section.offre .bt a {
        margin: 20px 0 0;
    }
    .offre.fiche section.offre aside.mots-cles {
        min-height: 0;
    }
    .offre.fiche section.offre #coordonnees-aside ul.fichiers {
        padding: 0;
        margin: 20px 0;
        text-align: center;
    }
    .offre.fiche section.offre aside.mots-cles {
        padding: 0 20px 30px;
        border-bottom: none;
        margin: 0 -10px 20px;
        width: 100%;
        width: calc(100% + 20px);
    }
    .offre.recruteur section.offre aside.mots-cles {
        border-bottom: 1px solid #0faeb1;
    }
    .offre.fiche section.offre article.details .article:first-child {
        border-top: 1px solid #0faeb1;
    }
    .offre section.offre aside.liens {
        float: none;
        width: 100%;
    }
    .offre.fiche section.offre .video .video {
        margin: 0;
    }
    .offre.fiche section.offre .video .video img {
        width: 100%;
        height: auto;
    }
    .offre.fiche section.offre article.details .article.coordonnees-cont {
        border-bottom: 1px solid #0faeb1;
    }
    .offre.recruteur section.offre header p.photo {
        left: 0;
    }
    .offre section.offre .partage {
        padding: 0;
        margin: 20px 15px 10px;
        float: right;
    }
    .offre section.offre .partage ul {
        padding: 0;
        margin: 0;
        border-bottom: 0;
    }
    .offre section.offre .partage ul li a img {
        margin: 0 5px;
    }
    .offre.recruteur section.offre .mots-cles .map .adresse {
        float: left;
        width: 398px;
        text-align: center;
        font-size: 1.15em;
        padding-top: 30px;
        border: 1px solid #d9d9d9;
        min-height: 311px;
    }
    .offre.recruteur section.offre .mots-cles .map .adresse a,
    .offre.recruteur section.offre .mots-cles .map .adresse a strong {
        display: block;
    }
    .offre.recruteur section.offre .chiffres {
        text-align: center;
        margin-bottom: 10px;
    }
    .offre.recruteur section.offre .chiffres p {
        margin: 0;
        padding: 0;
        width: 100%;
        overflow: hidden;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
        text-align: center;
        font-weight: 300;
        line-height: 4em;
        font-size: 1.3em;
        display: inline;
    }
    .offre.recruteur section.offre .map {
        width: 310px;
        float: right;
    }
    .offre.recruteur section.offre aside.mots-cles .row {
        text-align: center;
        padding-top: 20px;
    }
    .offre.recruteur section.offre aside.mots-cles .row p {
        display: none;
        float: none;
        width: 100%;
        font-size: 1em;
    }
    .offre.recruteur section.offre aside.mots-cles .row p.adresse,
    .offre.recruteur section.offre aside.mots-cles .row p.contact,
    .offre.recruteur section.offre aside.mots-cles .row p.mail {
        display: block;
        clear: none;
        margin: 0;
    }
    .offre.recruteur section.offre aside.mots-cles .row p.adresse {
        margin-bottom: 10px;
    }
    .offre.recruteur section.offre aside.mots-cles .row p .label {
        display: inline-block;
    }
    .offre.recruteur section.offre aside.mots-cles .value {
        font-size: 1em;
        font-weight: normal;
    }
    .offre.recruteur section.offre aside.mots-cles p.contact .value {
        font-weight: bold;
    }
    .offre.recruteur section.offre aside.mots-cles .row p.adresse .label {
        display: none;
    }
    .offre.recruteur section.offre aside.mots-cles .row h3 {
        font-size: 1.45em;
    }
    .offre.recruteur section.offre .article.offres {
        margin: 0;
    }
    .offre.recruteur section.offre .article.offres .colonnes .colonne {
        width: 50%;
        width:calc(50% - 10px);
        float: left;
    }
    .offre.recruteur section.offre .article.offres .colonnes .colonne:nth-child(3n+1) {
        clear: inherit;
    }
    .offre.recruteur section.offre .article.offres .colonnes .colonne:nth-child(2n+1) {
        clear: both;
    }
    .offre.recruteur section.offre .article.offres .colonne:nth-child(5) .lieu,
    .offre.recruteur section.offre .article.offres .colonne:nth-child(6) .lieu {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 10px;
    }
    .offre.recruteur section.offre .article.offres .colonne:nth-child(4) .lieu {
        border-bottom: 1px solid #0faeb1;
        padding-bottom: 25px;
        margin-bottom: 20px;
    }
    .offre.fiche section.offre #coordonnees ul.fichiers li a,
    .offre.fiche section.offre #coordonnees-aside ul.fichiers li a,
    .offre.fiche section.offre #coordonnees-mobile ul.fichiers li a {
        background: #000 url(img/pdf.png) no-repeat 10px center;
        padding: 0 20px 0 50px;
        display: inline-block;
        min-height: 52px;
        margin: 30px 0 10px;
        font-weight: bold;
        font-size: 2.15em;
        font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        line-height: 1.15em;
        padding-top: 8px;
        text-align: left;
        -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -o-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px;
        color: #fff;
    }
    .offre.fiche section.offre #coordonnees-mobile ul.fichiers li a {
        margin: 10px 0 0;
        padding-top: 12px;
    }
    .offre.fiche section.offre #coordonnees ul.fichiers li a strong,
    .offre.fiche section.offre #coordonnees-aside ul.fichiers li a strong,
    .offre.fiche section.offre #coordonnees-mobile ul.fichiers li a strong {
        color: #fff;
    }
    .offre.fiche section.offre #coordonnees ul.fichiers li a:hover,
    .offre.fiche section.offre #coordonnees ul.fichiers li a:focus,
    .offre.fiche section.offre #coordonnees ul.fichiers li a:hover strong,
    .offre.fiche section.offre #coordonnees ul.fichiers li a:focus strong,
    .offre.fiche section.offre #coordonnees-aside ul.fichiers li a:hover,
    .offre.fiche section.offre #coordonnees-aside ul.fichiers li a:focus,
    .offre.fiche section.offre #coordonnees-aside ul.fichiers li a:hover strong,
    .offre.fiche section.offre #coordonnees-aside ul.fichiers li a:focus strong,
    .offre.fiche section.offre #coordonnees-mobile ul.fichiers li a:hover,
    .offre.fiche section.offre #coordonnees-mobile ul.fichiers li a:focus,
    .offre.fiche section.offre #coordonnees-mobile ul.fichiers li a:hover strong,
    .offre.fiche section.offre #coordonnees-mobile ul.fichiers li a:focus strong {
        color: #ec6825;
    }
    .offre.fiche section.offre aside.mots-cles {
        padding: 0 0 0 10px;
        border: 1px solid #d9d9d9;
        margin: 10px;
        width: 100%;
        width: calc(100% - 20px);
    }
    .offre.fiche section.offre aside.mots-cles .row {
        padding: 10px 0 0;
        border: none;
        margin: 0;
    }
    .offre.fiche section.offre #coordonnees ul.fichiers,
    .offre.fiche section.offre #coordonnees-aside ul.fichiers {
        margin-bottom: 0;
    }
    .offre.fiche section.offre #coordonnees ul.fichiers li a, 
    .offre.fiche section.offre #coordonnees-aside ul.fichiers li a {
        margin-top: 0;
    }
    .offre section.offre article.details .article {
        min-height: 0;
        padding-top: 10px;
    }
    .offre.fiche section.offre article.details h4 {
        margin-top: 10px;
    }
    #coordonnees, 
    #coordonnees-aside {
        display: block;
    }
    .offre section.offre aside.liens .article.video h3,
    .offre section.offre aside.liens h3 {
        font-size: 2.15em;
        margin: 10px 0;
    }
    .offre section.offre aside.liens .article.video {
        border-bottom: none;
        padding-bottom: 20px;
    }
    .offre section.offre aside.liens .article.video .video {
        padding: 0 10px 20px;
        margin: 0 -10px;
        border-bottom: 1px solid #0faeb1;
    }
    .offre.fiche section.offre .coordonnees ul.outils {
        list-style: disc;
        position: absolute;
        right: 120px;
    }
    .offre.fiche section.offre .coordonnees ul.outils li {
        display: block;
        text-align: left;
    }
    .offre.fiche section.offre .coordonnees .colonne {
        float: none;
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    .offre.fiche section.offre .coordonnees .colonne p {
        font-weight: bold;
        line-height: 1em;
        width: 55%;
        float: left;
    }
    .offre.fiche section.offre .coordonnees .colonne p strong {
        color: #0faeb1;
        font-size: 1.5em;
        text-transform: uppercase;
        margin-top: 20px;
        margin-bottom: 10px;
        display: block;
    }
    .offre.fiche section.offre .coordonnees .colonne ul {
        font-weight: bold;
        line-height: 1.5em;
        width: 45%;
        position: absolute;
        top: 0;
        right: 20px;
        text-align: right;
    }
    .offre.fiche section.offre .coordonnees-cont .aside {
        float: none;
        width: 100%;
        width: calc(100% + 20px);
        margin: 10px -10px 0;
        padding: 20px 20px 0;
        border-top: 1px solid #0faeb1;
        text-align: center
    }
    .offre.fiche section.offre #coordonnees ul.fichiers li a {
        margin-bottom: 0;
    }
    #coordonnees-header {
        line-height: 1.55em;
    }
    .resultats aside.affiner {
        width: 230px;
    }
    .resultats article.listing {
        width: 498px;
    }
    .resultats article.listing .item .type {
        font-size: 1em;
    }
    .resultats article.listing .item .lieu {
        font-size: 1em;
    }
    .resultats article.listing p.bt {
        margin: 40px 0 0;
    }
    .resultats article.listing p.bt a {
        font-size: 1.45em;
    }
    .resultats aside.affiner .recherche input {
        width: 155px;
    }
    .resultats aside.affiner .recherche p.actions input {
        margin: 0 0 0 5px;
    }
    .solutions section.solutions article.blocs {
        width: 100%;
        float: none;
    }
    .offres section.solutions article.blocs .bloc {
        width: 50%;
        width: calc(50% - 20px);
    }
    .offres section.solutions aside.confiance {
        width: 50%;
        width: calc(50% - 20px);
    }
    .solutions section.solutions aside.confiance {
        width: 100%;
        width: calc(100% - 20px);
        float: none;
        margin-bottom: 20px;
        margin-left: 10px;
        margin-right: 10px;
        min-height: 0;
        padding: 10px 40px;
    }
    .solutions section.solutions aside.confiance p.vignette {
        width: 16.66%;
    }
    .solutions section.solutions aside.confiance h3 strong {
        display: inline;
    }
    .offres article.contact,
    .offres article.engagements {
        min-height: 200px;
    }
    .packs section.solutions .ligne .contenu {
        width: 476px;
    }
    .packs section.solutions .ligne .aside {
        width: 240px;
    }
    .packs section.solutions .ligne .header {
        position: relative;
        padding-top: 20px;
    }
    .packs section.solutions .ligne .header p {
        position: absolute;
        right: 10px;
        bottom: 5px;
        font-size: 1.15em;
    }
    .packs section.solutions .ligne .header p strong {
        font-size: 1.6em;
    }
    .packs section.solutions .ligne .contenu ul.options li a {
        max-width: 70px;
        text-align: center;
    }
    .packs section.solutions .ligne .contenu ul.options li a {
        max-width: 70px;
        vertical-align: text-top;
        display: inherit;
    }
    .packs section.solutions .ligne .contenu p,
    .packs section.solutions .ligne .aside p.nb label, 
    .packs section.solutions .ligne .aside fieldset legend,
    .packs section.solutions .ligne .aside p.total {
        font-size: 1.2em;
    }
    .packs section.solutions .ligne .contenu p.note {
        font-size: 1em;
    }
    .packs section.solutions .ligne .aside p.total strong {
        font-size: 2.15em;
    }
    .packs section.solutions .ligne .aside p.actions input.submit {
        font-size: 1.8em;
        width: 200px;
        padding-top: 1px;
        height: 68px;
        background: #000 url(img/valider-bt-mobile.png) no-repeat right center;
    }
    .packs section.solutions .ligne .aside p.actions input.submit:hover,
    .packs section.solutions .ligne .aside p.actions input.submit:focus {
        background: #0faeb1 url(img/valider-bt-mobile.png) no-repeat right center;
    }
    .article section.article .col-md-8 {
        width: 100%;
        width: calc(100% - 20px);
        margin: 0 10px;
        float: none;
        padding: 0;
    }
    .article section.fil-ariane {
        padding: 0 10px;
    }
    .article section.article article.pub {
        margin: 20px auto 10px;
        float: none;
    }
    .article section.article article.article p.chapeau {
        font-size: 1.3em;
    }
    .article section.article article.chapitre>header>h2 {
        font-size: 1.7em;
    }
    .article section.article article.chapitre .ligne .cont p.surtitre {
        padding-bottom: 5px;
    }
    .article section.article article.chapitre .ligne .cont p.surtitre,
    .article section.article article.chapitre .ligne .cont p.chapeau {
        font-size: 1.1em;
        line-height: 1em;
    }
    .article section.article article.chapitre .ligne .cont h3 {
        font-size: 1.85em;
        line-height: 1em;
    }
    .article section.article article.chapitre>header .extrait p {
        font-size: 1.3em;
    }
    .article section.article .col-md-8 article {
        margin: 20px 0 0;
    }
    .formulaire section.formulaire .col-md-8 {
        width: 100%;
        width: calc(100% - 20px);
        margin: 0 10px;
        float: none;
        padding: 0;
    }
    .formulaire section.formulaire article.onekey {
        margin: 20px auto 10px;
        float: none;
        width: 100%;
    }
    .formulaire section.formulaire article.onekey>div {
        width: 100%;
        overflow: hidden;
        margin: 20px 0 0;
    }
    .formulaire section.formulaire article.onekey>div h2 {
        font-size: 2.15em;
        margin-bottom: 0;
    }
    .formulaire section.formulaire article.onekey>div h2 span {
        padding: 10px 0 10px 40px;
    }
    .formulaire section.formulaire article.onekey>div>p {
        width: 50%;
        float: left;
        text-align: left;
    }
    .formulaire section.formulaire article.onekey>div>p strong {
        margin: 5px 0;
    }
    .formulaire section.formulaire article.onekey>div form {
        display: block;
        width: 50%;
        float: left;
        margin-top: 10px;
    }
    .formulaire section.formulaire article.onekey form input {
        width: 230px;
    }
    .formulaire section.formulaire article.onekey form label {
        font-size: 1em;
        width: 120px;
        font-weight: normal;
    }
    .formulaire section.formulaire article.onekey form .actions {
        padding: 20px 0 10px 120px;
    }
    .formulaire section.formulaire article.onekey form .actions input {
        padding: 0 10px;
    }
    .formulaire section.formulaire article.form {
        width: 100%;
        width: calc(100% - 10px);
        margin: 20px 5px 0;
    }
    .formulaire section.formulaire article.form>header>h2 {
        display: block;
        float: none;
    }
    .formulaire section.formulaire article.form>header>p {
        float: none;
        padding: 0 0 5px;
        margin: 0 10px;
    }
    .formulaire section.formulaire article.form.formulaire {
        padding: 10px 10px 0;
    }
    .formulaire section.formulaire form .msg {
        width: 270px;
        font-size: 1em;
    }
    .formulaire section.formulaire form .reseaux ul.partage img {
        height: auto;
        width: auto;
    }
    .formulaire section.formulaire form p.radio.cgv label {
        width: 690px;
    }
    .formulaire section.formulaire form p.captcha input {
        margin-right: 10px;
    }
    .formulaire section.formulaire form p.captcha .actualiser {
        margin-left: 10px;
    }
    .formulaire section.formulaire form .actions input {
        width: 200px;
    }
    .article section.article article.article .contenu h3 {
        font-size: 2.15em;
    }
    .article section.article article.article .contenu h4 {
        font-size: 1.85em;
    }
    .article section.article article.article .contenu p,
    .article section.article article.article .contenu q,
    .article section.article article.article .contenu table,
    .article section.article article.recommandations>header .plus a,
    .article section.article article.recommandations .type {
        font-size: 1.3em;
    }
    .article section.article article.article .contenu p.note {
        font-size: 0.85em;
    }
    .article section.article p.source {
        font-size: 1em;
    }
    .article section.article article.recommandations a {
        font-size: 1.45em;
    }
    .article section.article article.article ul.partage li.droite a img {
        width: auto;
        height: 36px;
    }
    .article section.article p.soutien img {
        height: 36px;
        width: auto;
    }
}












/* ################################################################################### */
/* MOBILE */
@media only screen and (max-width: 767px) {
    .container {
        width: 620px;
    }
    body>header,
    body>footer,
    .accueil section.recherche, 
    .accueil-recruteur section.recherche,
    .bgflou,
    .dashboard section.titre  {
        width: 100%;
        min-width: 620px;
        position: relative;
    }
    .tooltip {
        font-size:1em;
        left: 100px!important;
    }
    .tooltip-arrow {
        display: none;
    }
    .tooltip-inner{
        max-width:400px;
    }
    .tetiere {
        width: 100%;
        margin: 0;
        /*overflow: hidden;*/
        margin: 0;
    }
    .logo {
        margin-left: 65px;
        float: none;
        width: 340px;
        text-align: center;
        z-index: 120;
        position: relative;
    }
    .logo span {
        text-align: left;
    }
    .logo .title {
        padding: 12px 10px;
    }
    .logo .sr {
        font-size: 5.5em;
        letter-spacing: -4px;
    }
    .logo .n1 {
        font-size: 2.85em;
    }
    .logo .n2 {
        font-size: .95em;
        letter-spacing: 1.7px;
    }
    .accueil .logo {
        position: relative;
        float: none;
        width: 100%;
        margin-top: 78px;
        margin-left: 0;
        text-align: center;
        padding-bottom: 20px;
        z-index: 99;
    }
    .accueil .logo span {
        text-align: left;
    }
    .accueil .logo .title {
        padding: 12px 10px;
    }
    .accueil .logo .sr {
        font-size: 9em;
        letter-spacing: -4px;
    }
    .accueil .logo .n1 {
        font-size: 5.2em;
    }
    .accueil .logo .n2 {
        font-size: 1.9em;
        letter-spacing: 1.2px;
    }
    .menu {
        margin: 0;
        border-top: none;
        padding: 0;
        position: absolute;
        top: 10px;
        left: 0;
        right: 0;
        z-index: 99;
        border-bottom: 2px solid #ec6825;
        padding-bottom: 10px;
    }
    .navbar-default .navbar-toggle,
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        border: none;
        background-color: #000;
        margin: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -o-border-radius: 0;
      -ms-border-radius: 0;
        border-radius: 0;
        width: 65px;
        height: 58px;
        float: left;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
        width: 100%;
        height: 5px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -o-border-radius: 0;
      -ms-border-radius: 0;
        border-radius: 0;
    }
    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 7px;
    }
    .menu .container nav {
        width: 66px;
    }
    .menu .collapsing,
    .menu .collapse.in {
        margin: 0;
        padding: 8px 0 0;
        border: none;
        background: #fff url(img/menu-puce.png) no-repeat 24px top;
        position: absolute;
        width: 350px;
    }
    .menu .collapsing ul,
    .menu .collapse.in ul {
        border: none;
        border-top: 10px solid #000;
        width: 100%;
        margin: 0;
        z-index: 100;
        position: relative;
        background: #fff;
    }
    .menu .navbar-nav>li>a {
        font-size: 2.55em;
        line-height: 48px;
        border-bottom: 4px solid #e9e9e9;
    }
    .menu .navbar-nav>li>a>span {
        border-left: none;
        width: 100%!important;
        padding: 0 0 0 30px;
        text-align: left;
    }
    .menu .navbar-nav>li.recruteur {
        float: none!important;
        margin: 0;
    }
    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:hover,
    .navbar-default .navbar-nav>.open>a:focus {
        background: transparent url(img/sousmenu-puce.png) no-repeat left center;
        border-bottom: none;
        display: block;
    }
    .navbar-default .navbar-nav>.open>a, 
    .navbar-default .navbar-nav>.open>a:hover, 
    .navbar-default .navbar-nav>.open>a:focus {
        border-bottom: none;
    }
    .menu .collapsing ul .dropdown.open>ul,
    .menu .collapse.in ul .dropdown.open>ul {
        border-top: 4px solid #000;
        border-bottom: 4px solid #000;
        padding: 0;
    }
    .dropdown-menu>li>a:before {
        content: '';
        display: none;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        font-size: 2.15em;
        text-transform: uppercase;
        line-height: 50px;
        border-bottom: 4px solid #fff;
        background: #bcbcbc;
        color: #6a6a6a;
        font-weight: bold;
        padding-left: 28px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li:last-child>a {
        border-bottom: none;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        background: #bcbcbc;
        color: #000;
    }
    .menu-carre {
        position: absolute;
        top: 10px;
        right: 5px;
        height: 58px;
        width: 205px;
        z-index: 100;
    }
    .menu-carre li {
        width: 65px;
        height: 58px;
    }
    .menu-carre li a {
        width: 65px;
        height: 58px;
        background-position: 4px 5px!important;
        display:block;
        float:left;
    }
    #recherche-form,
    #section-recherche {
        right: 0;
        top: 58px;
        background: transparent url(img/recherche-puce.png) no-repeat right 23px top;
        padding-top: 8px;
        width: 380px;
    }
    #recherche-form input,
    #section-recherche input {
        border: 5px solid #afafaf;
        height: 60px;
        width: 60px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -o-border-radius: 0;
      -ms-border-radius: 0;
        border-radius: 0;
    }
    #recherche-form input.text,
    #section-recherche input.text {
        border: 5px solid #afafaf;
        height: 60px;
        width: 320px;
        padding: 0 10px;
        font-size: 1.8em;
    }
    section.recherche {
        padding: 10px 0 5px;
        text-align: center;
        position: relative;
        z-index: 1;
    }
    section.recherche h1 {
        font-size: 2.2em;
        margin-top: 4px;
    }
    section.recherche fieldset {
        padding-left: 0;
    }
    section.recherche p {
        width: 525px;
        margin: 0 0 10px;
    }
    section.recherche p a {
        font-size: 1.4em;
    }
    section.recherche input {
        width: 525px;
        font-size: 1.85em;
        line-height: 65px;
        height: 65px;
    }
    section.recherche p.actions {
        width: 525px;
        margin-top: -25px;
        margin-bottom: -10px;
    }
    section.recherche p.actions input {
        font-size: 2.4em;
    }
    section.inscription .candidats {
        background-position: -15px bottom;
        background-size: 200px;
    }
    section.inscription .candidats .col-md-3 {
        width: 22%;
        float: left;
    }
    section.inscription .candidats .col-md-9 {
        width: 78%;
        float: left;
        position: initial;
    }
    section.inscription .candidats .col-md-9 .row .col-md-6 {
        float: left;
        width: 50%;
    }
    section.inscription .candidats article {
        padding-top: 20px;
    }
    section.inscription .candidats article.alertes {
        padding-left: 20px;
    }
    section.inscription {
        height: 540px;
    }
    section.inscription div, 
    section.inscription article,
    section.inscription .candidats,
    .candidats .col-md-9 {
        height: 270px;
    }
    section.inscription .bt {
        margin-bottom: 20px;
    }
    .bt a {
        line-height: 50px;
        font-size: 2.15em;
    }
    section.inscription .medecins,
    section.inscription .medecins .col-md-9 {
        height: 260px;
    }
    section.inscription .medecins {
        margin-top: 10px;
        background: #0faeb1 url(img/medecins-gd.png) no-repeat 30px 36px;
    }
    section.inscription .medecins .col-md-3 {
        width: 28%;
        float: left;
    }
    section.inscription .medecins .col-md-9 {
        width: 72%;
        float: left;
        position: initial;
    }
    section.inscription .medecins article {
        padding-bottom: 80px;
    }
    section.inscription .medecins article h2 {
        margin-top: 10px;
    }
    section.inscription .medecins p {
        font-size: 1.85em;
    }
    section.inscription .medecins ul {
        font-size: 1.7em;
        line-height: 1.3em;
    }
    section.inscription .medecins p.bt {
        margin-bottom: 20px;
        text-align: center;
    }
    section header>h2 {
        margin-top: 10px;
        padding-top: 0;
        line-height: 50px;
    }
    section.recrutements .col-md-4 {
        width: 50%;
        float: left;
    }
    section.recrutements .col-md-4:nth-child(7),
    section.recrutements .col-md-4:nth-child(8),
    section.recrutements .col-md-4:nth-child(9) {
        display: none;
    }
    section.recrutements .col-md-4:nth-child(5) a,
    section.recrutements .col-md-4:nth-child(6) a {
        border-bottom: none;
        padding-bottom: 10px;
    }
    section.recrutements h3 {
        margin-left: 10px;
        font-size: 1.6em;
    }
    section.recrutements span {
        padding-left: 10px;
        padding-right: 20px;
        font-size: 1.4em;
    }
    article.offres {
        margin: 10px 5px 0;
    }
    article.offres .row {
        margin: 0;
    }
    article.offres .row .type {
        font-size: 1.4em;
    }
    article.offres .row a {
        font-size: 1.6em;
    }
    article.offres .row p {
        padding-right: 70px;
    }
    article.offres .row .lieu {
        font-size: 1.6em;
        margin: 0;
        padding-right: 0;
        padding-bottom: 0;
        border-bottom: none;
        position: absolute;
        top: 0;
        right: 15px;
        width: 70px;
        text-align: center;
        line-height: 1.5em;
        padding-top: 30px;
    }
    article.offres .row .lieu span {
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    }
    article.offres .row .lieu span span {
        display:block;
        font-size: 1.95em;
        font-weight: bold;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    }
    article.offres .row .col-md-6 {
        padding-bottom: 25px;
        border-bottom: 1px solid #f1b096;
        padding-left: 15px;
        margin-bottom: 20px;
        min-height: 140px;
    }
    article.offres .row:nth-child(4) .col-md-6 {
        padding-bottom: 10px;
        border-bottom: none;
    }
    article.offres .row:nth-child(4) .col-md-6:last-child {
        display: none;
    }
    article.pub {
        margin: 10px auto 0;
        width: 342px;
    }
    article.recruteurs {
        padding-left: 225px;
        background: #0faeb1 url(img/recruteurs.png) no-repeat 40px 50px;
        margin: 10px 5px 0;
        background-size: 150px;
    }
    article.recruteurs div {
        padding: 20px 10px 20px;
        margin: 0;
        text-align: left;
        min-height: 1px;
    }
    article.recruteurs h2 {
        font-size: 3.15em;
        padding: 0;
        background: none;
        letter-spacing: -1px;
        margin: 0;
    }
    article.recruteurs p {
        font-size: 1.7em;
        padding: 10px 0 0;
        margin: 0;
    }
    article.recruteurs p.bt {
        padding: 15px 0 0;
        text-align: left;
    }
    article.dossiers {
        margin: 30px 5px 0;
    }
    .accueil article.dossiers {
        margin: 30px 5px 0;
    }
    article.dossiers header h2 {
        font-size: 2.4em;
    }
    article.dossiers img.visuel {
        float: none;
        margin: 0;
        position: absolute;
        top: 110px;
        left: 10px;
        width: 235px;
        height: auto;
    }
    article.dossiers div {
        padding: 0 5px;
    }
    article.dossiers div h3 {
        font-size: 2em;
        margin: 0;
        line-height: 48px;
        height: 48px;
    }
    article.dossiers div p {
        height: 150px;
        font-size: 1.7em;
        padding-left: 255px;
    }
    article.dossiers p.soutien {
        width: 100%;
        font-size: 1.15em;
    }
    body>footer {
        margin: 10px 0 100px;
    }
    body>footer .plan h3 {
        font-size: 2.4em;
        padding-left: 30px;
        background: #000 url(img/footer-ouvert.png) no-repeat left 15px;
    }
    body>footer .plan h3.ferme {
        background: #000 url(img/footer-ferme.png) no-repeat left 15px;
    }
    body>footer .plan ul {
        font-size: 1.7em;
        padding-left: 55px;
    }
    body>footer .plan .col-md-6:last-child a {
        font-family: Judson, Arial, Helvetica, sans-serif;
        font-size: 2.3em;
    }
    body>footer .plan ul.ferme {
        display: none;
    }
    body>footer .plan .creer-profil {
        text-align: center;
        padding: 20px 0;
    }
    body>footer .plan .creer-profil p {
        margin: 0;
    }
    body>footer .plan .services-recruteurs, 
    body>footer .plan .services-candidats {
        float: none;
        width: 100%;
    }
    body>footer .plan .creer-profil a.creer-candidat,
    body>footer .plan .creer-profil a.creer-recruteur {
        display: inline-block;
        padding: 0 20px;
        line-height: 50px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 2.15em;
        font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
        margin: 20px 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        min-width: 390px;
    }
    body>footer .plan .creer-profil a.creer-candidat {
        background: #ec6825;
        color: #fff;
    }
    body>footer .plan .creer-profil a.creer-recruteur {
        background: #0fadb1;
        color: #fff;
    }
    body>footer .plan .creer-profil a.creer-candidat:hover,
    body>footer .plan .creer-profil a.creer-candidat:focus,
    body>footer .plan .creer-profil a.creer-recruteur:hover,
    body>footer .plan .creer-profil a.creer-recruteur:focus {
        background: #fff;
        color: #000;
    }
    body>footer .plan a.haut {
        font-family: Arial, Helvetica, sans-serif;
        color: #fff;
        text-decoration: underline;
        font-size: 1.6em;
    }
    body>footer .plan a.haut:before {
        content: '';
    }
    body>footer .plan .haut-page {
        text-align: center;
    }
    body.accueil>footer .plan .haut-page {
        text-align: left;
    }
    body.accueil>footer .plan .row:first-child {
        float: left;
        width: 50%;
    }
    body.accueil>footer .plan h3 {
        font-size: 2.25em;
        padding-left: 0;
        background: transparent;
    }
    body.accueil>footer .plan ul {
        font-size: 1.4em;
        padding-left: 0;
    }
    body.accueil>footer .plan .creer-profil a {
        font-size: 2.25em;
    }
    section.identification {
        padding-bottom: 20px;
    }
    section.identification .col-md-6:first-child {
        border-right: none;
        border-bottom: 1px solid #ec6825;
        padding-bottom: 100px;
        margin-bottom: 20px;
        padding-left: 65px;
    }
    section.identification .col-md-6:nth-child(2) {
        border-bottom: 1px solid #ec6825;
        padding-bottom: 100px;
    }
    section.identification .col-md-6:first-child h3 {
        padding-left: 0;
    }
    section.identification form .actions {
        bottom: 20px;
    }
    section.identification form .actions input {
        line-height: 50px;
    }
    section.identification {
        font-size: 1.4em;
    }
    section.identification .bt {
        bottom: 20px;
    }
    section.identification .note {
        margin: 20px 0 0;
    }
    section.recherche-avancee article.form fieldset.geo p input, section.recherche-avancee article.form fieldset.geo p select {
        width: 450px;
    }
    section.recherche-avancee article.form p.radio.rayon label {
        padding: 0;
        margin: 0;
    }
    section.recherche-avancee article.form fieldset.geo p.rayon select {
        margin-right: 5px;
    }
    section.recherche-avancee article.form .col-md-6 {
        width: 50%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .reherche article.pub {
        width: calc(100% + 30px);
        margin: 20px -5px;
    }
    .recherche article.pub div {
        margin: 0;
        width: 320px;
        float: left;
    }
    article.recapitulatif header h2 {
        padding-top: 20px;
    }
    
    
    .ariane ol {
        padding: 0;
        font-size: 2.45em;
        height: 50px;
    }
    .ariane ol li {
        padding-left: 7px;
        height: 50px;
    }
    .ariane ol li.courant {
        padding-left: 25px;
    }
    .ariane ol li.courant a, 
    .ariane ol li.courant span.cont {
        padding-right: 20px;
        height: 50px;
        line-height: 50px;
        background: #000 url('img/chevron-courant-droit-mobile.png') right center no-repeat;
        font-size: 1em;
        padding-left: 0;
    }
    .ariane ol li span.cont {
        height: 50px;
        line-height: 50px;
        font-size: 1.155em;
        padding-left: 20px;
    }
    .ariane ol li.ok {
        padding-left: 20px;
    }
    .ariane ol li.ok a,
    .ariane ol li.ok span.cont {
        height: 50px;
        line-height: 50px;
        padding-left: 17px;
    }
    .panier .ariane ol li.commande,
    .panier .ariane ol li.identification,
    .panier .ariane ol li.facturation,
    .panier .ariane ol li.paiement,
    .panier .ariane ol li.confirmation {
        width: 92px;
        background: #fff url('img/chevron-mobile.png') right center no-repeat;
    }
    .panier .ariane ol li.confirmation {
        background: #fff url('img/chevron-last-mobile.png') right center no-repeat;
    }
    .panier .ariane ol li.commande.courant {
        width: 242px;
        margin-left: 0;
        padding-left: 10px;
        background-color: #000;
    }
    .facturation .ariane ol li.commande,
    .facturation .ariane ol li.identification,
    .facturation .ariane ol li.facturation,
    .facturation .ariane ol li.paiement,
    .facturation .ariane ol li.confirmation {
        width: 82px;
        background: #fff url('img/chevron-mobile.png') right center no-repeat;
    }
    .facturation .ariane ol li.ok {
        background: #fff url('img/chevron-mobile.png') left center no-repeat;
        color: #000;
        padding-left: 25px;
    }
    .facturation .ariane ol li.ok:first-child {
        background: #fff url('img/chevron-first-mobile.png') left center no-repeat;
        color: #000;
        padding-left: 25px;
    }
    .facturation .ariane ol li.confirmation {
        background: #fff url('img/chevron-last-mobile.png') right center no-repeat;
    }
    .facturation .ariane ol li.facturation.courant {
        width: 282px;
        padding-left: 35px;
        background: #000 url('img/chevron-mobile.png') left center no-repeat;
    }
    .paiement .ariane ol li.commande,
    .paiement .ariane ol li.identification,
    .paiement .ariane ol li.facturation,
    .paiement .ariane ol li.paiement,
    .paiement .ariane ol li.confirmation {
        width: 92px;
        background: #fff url('img/chevron-mobile.png') right center no-repeat;
    }
    .paiement .ariane ol li.ok {
        background: #fff url('img/chevron-mobile.png') left center no-repeat;
        color: #000;
        padding-left: 25px;
    }
    .paiement .ariane ol li.ok:first-child {
        background: #fff url('img/chevron-first-mobile.png') left center no-repeat;
        color: #000;
        padding-left: 25px;
    }
    .paiement .ariane ol li.confirmation {
        background: #fff url('img/chevron-last-mobile.png') right center no-repeat;
    }
    .paiement .ariane ol li.paiement.courant {
        width: 242px;
        padding-left: 35px;
        background: #000 url('img/chevron-mobile.png') left center no-repeat;
    }
    .confirmation .ariane ol li.commande,
    .confirmation .ariane ol li.identification,
    .confirmation .ariane ol li.facturation,
    .confirmation .ariane ol li.paiement,
    .confirmation .ariane ol li.confirmation {
        width: 80px;
        background: #fff url('img/chevron-mobile.png') right center no-repeat;
    }
    .confirmation .ariane ol li.ok {
        background: #fff url('img/chevron-mobile.png') left center no-repeat;
        color: #000;
        padding-left: 25px;
    }
    .confirmation .ariane ol li.ok:first-child {
        background: #fff url('img/chevron-first-mobile.png') left center no-repeat;
        color: #000;
        padding-left: 25px;
    }
    .confirmation .ariane ol li.confirmation {
        background: #fff url('img/chevron-last-mobile.png') right center no-repeat;
    }
    .confirmation .ariane ol li.confirmation.courant {
        width: 290px;
        padding-left: 35px;
        background: #000 url('img/chevron-mobile.png') left center no-repeat;
    }
    .ariane ol li.identification.courant {
        width: 158px;
    }
    .ariane ol li.facturation.courant {
        width: 145px;
    }
    .ariane ol li.paiement.courant {
        width: 120px;
    }
    .ariane ol li.confirmation.courant {
        width: 150px;
    }
    .tunnel.paiement .form-choix {
        font-size: .95em;
        min-height: 0!important;
    }
    .tunnel.paiement .form-choix.intro {
        padding-bottom: 20px;
    }
    .tunnel.paiement .form-choix.intro p.total, 
    .tunnel.paiement .form-choix.intro p.tva {
        padding-left: 300px;
    }
    .tunnel.paiement .cgv p {
        padding-left: 35px;
    }
    .tunnel.paiement .secur {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .tunnel.confirmation .form-choix p.memo {
        margin: 20px 40px;
    }
    section.identification .alerte {
        text-align: left;
        padding: 0 0 10px;
    }
    .tunnel.paiement .form-choix.paiement div.ligne p.cb {
        padding-top: 45px;
    }
    .tunnel.paiement .form-choix.paiement div.ligne p.cheque {
        padding-top: 30px;
    }
    .tunnel.paiement .form-choix.paiement div.ligne p.bon {
        padding-top: 23px;
    }
    .ui-dialog {
        width: 610px!important;
        top: 68px!important;
    }
    .ui-dialog-titlebar {
        position: absolute;
        top: -58px;
        width: 65px;
        height: 58px;
    }
    .ui-dialog-titlebar-close {
        width: 65px;
        height: 58px;
        background: #fff url(img/fermer-mobile.png) no-repeat left top;
    }
    .pack .ui-dialog-titlebar-close {
        background: #fff url(img/fermer-mobile-bleu.png) no-repeat left top;
    }
    .fancy#popup-alerte header {
        padding: 10px 0;
    }
    .fancy header h2 {
        font-size: 1.85em;
    }
    .fancy#popup-alerte header h2 {
        background: #fff url(img/creer-alerte-mobile.png) no-repeat left top;
        padding-left: 73px;
        padding-right: 10px;
    }
    .fancy h3 {
        font-size: 2em;
        margin: 30px 10px 30px 30px;
    }
    .fancy h3 span {
        font-size: .85em;
        margin-left: 0;
    }
    .fancy#popup-alerte form label, 
    .fancy#popup-alerte form .label {
        width: 100%;
        float: none;
        text-align: left;
        font-size: 1.85em;
    }
    .fancy#popup-alerte form .label {
        padding-bottom: 5px;
    }
    .fancy#popup-alerte form input {
        width: 100%;
        font-size: 1.7em;
        height: 50px;
        line-height: 50px;
    }
    .fancy#popup-alerte form p input.checkbox {
        width: auto;
    }
    .fancy#popup-alerte form .actions input {
        width: auto;
        font-size: 2.15em;
    }
    .fancy#popup-alerte form p.radio input.checkbox {
        height: auto;
    }
    .fancy form p.radio label {
        font-size: 1.7em;
    }
    .fancy span.erreur {
        padding-left: 0;
        font-size: 1.6em;
    }
    .fancy form p {
        padding-left: 20px;
        padding-right: 20px;
    }
    .fancy form p.radio.cgv {
        width: 100%;
        width: calc(100% - 30px);
        overflow: hidden;
        padding-left: 30px;
        padding-right: 0;
    }
    .fancy#popup-alerte form p.radio.cgv input.checkbox {
        float: left;
        margin-top: 8px;
        height: auto;
    }
    .fancy#popup-alerte form p.radio.cgv label {
        width: 515px;
        text-align: left;
        float: left;
        padding-left: 10px;
        padding-right: 0;
        font-size: 1.4em;
    }
    .fancy#popup-pack header h2 {
        line-height: 50px;
    }
    .fancy#popup-pack h3 {
        font-size: 1.5em;
    }
    .fancy#popup-pack form .ligne p.input {
        width: 220px;
    }
    .fancy#popup-pack form .ligne p.input label {
        width: 190px;
    }
    .fancy#popup-pack form .ligne p.input input {
        height: auto;
    }
    .fancy#popup-pack form .ligne p.restant {
        width: 150px;
        padding-left: 30px;
    }
    .fancy#popup-pack form .ligne p.restant span {
        margin-top: -10px;
        display: inline-block;
    }
    .fancy#popup-pack form .ligne p.date {
        width: 130px;
    }
    section.creer-alerte {
        padding: 5px 0;
    }
    section.creer-alerte h2 {
        margin: 0 10px;
        font-size: 2.05em;
        background: none;
        padding-left: 0;
    }
    section.creer-alerte .bt a {
        padding: 0 15px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        line-height: 40px;
    }
    .offre section.offre {
        border-bottom: none;
        padding-bottom: 0;
    }
    .offre section.offre header {
        padding: 0 10px;
    }
    .offre section.offre header>div>h2 {
        font-size: 3.7em;
        width: auto;
        float: none;
    }
    .offre section.offre header>div>p.ref {
        float: none;
        font-size: 1.7em;
    }
    .offre section.offre header p.recruteur {
        margin: 10px -10px 0;
        background: #fff;
        color: #000;
        width: 100%;
        width: calc(100% + 20px);
        overflow: hidden;
    }
    .offre section.offre header p.recruteur span {
        margin: 10px;
        padding: 10px;
        display: block;
        border: 1px solid #d9d9d9;
        width: 100%;
        width: calc(100% - 20px);
        overflow: hidden;
    }
    .offre section.offre header p.recruteur span span {
        margin: 0;
        padding: 20px 0 0;
        border: none;
        width: auto;
        font-size: 1.45em;
        margin: 0;
        border: none;
    }
    .offre section.offre header p.recruteur span span strong {
        font-size: 1.2em;
    }
    .offre section.offre header p.recruteur span.adresse {
        padding-top: 10px;
        font-size: 1.45em;
        margin: 0;
        border: none;
    }
    .offre section.offre header p.recruteur span.adresse strong {
        font-size: 1.2em;
    }
    .offre section.offre .partage ul li a.sauvegarder {
        width: 260px;
        line-height: .8em;
        text-align: left;
        font-size: 2em;
        margin-right: 5px;
        margin-left: 5px;
    }
    .offre section.offre .partage ul li a img {
        margin: 0 5px;
    }
    .offre section.offre .partage ul {
        padding-top: 10px;
    }
    .offre section.offre article.fiche {
        float: none;
        width: 100%;
        margin-right: 0;
        padding: 0 10px 10px;
        border-bottom: none;
        min-height: 0;
    }
    .offre section.offre article h3 {
        font-size: 2.45em;
    }
    .offre section.offre article p {
        font-size: 1.7em;
    }
    .offre section.offre article.fiche h4 {
        font-size: 2.15em;
    }
    .offre section.offre article.fiche p.note,
    .offre section.offre article.fiche p.exergue,
    .offre section.offre article.fiche ul {
        font-size: 1.55em;
    }
    .offre section.offre aside.mots-cles {
        float: none;
        width: 100%;
        width: calc(100% - 20px);
        padding: 10px;
        margin: 10px;
        border: 1px solid #d9d9d9;
        min-height: 0;
    }
    .offre section.offre aside.mots-cles .col {
        float: left;
        width: 50%;
        padding-right: 60px;
    }
    .offre section.offre aside.mots-cles .col .col {
        float: none;
        width: 100%;
        padding-right: 0;
    }
    .offre section.offre aside.mots-cles .label {
        font-size: 1.45em;
    }
    .offre section.offre aside.mots-cles .value {
        font-size: 1.7em;
    }
    .offre section.offre p.bt a {
        font-size: 2.15em;
    }
    .offre section.offre article.details {
        float: none;
        width: 100%;
        margin-right: 0;
        min-height: 0;
    }
    .offre section.offre article.details .article:first-child {
        border-top: 1px solid #ec6825;
        padding: 20px 10px;
        margin-top: 30px;
    }
    .offre section.offre article.details p.bt a {
        font-size: 1.25em;
    }
    .offre section.offre article.details .recruteur {
        border: 1px solid #d9d9d9;
        width: 100%;
        overflow: hidden;
        text-align: center;
        margin-bottom: 10px;
    }
    .offre section.offre article.details .recruteur img {
        float: none;
        margin: 20px auto;
    }
    .offre section.offre article.details .recruteur p {
        float: none;
    }
    .offre section.offre article.details .recruteur a.adresse {
        font-size: .925em;
    }
    .offre section.offre article.details .recruteur a.adresse strong {
        font-size: 1.2em;
    }
    .offre section.offre article.details .recruteur p span {
        font-size: .85em;
    }
    .offre section.offre .recruteur p a.bt {
        padding: 0 15px;
        line-height: 40px;
    }
    .offre section.offre article.details .map {
        overflow: hidden;
    }
    body.offre>footer {
        margin-top: 0;
    }
    .sousmenu-toggle,
    .sousmenu-toggle:hover,
    .sousmenu-toggle:focus {
        border: none;
        background-color: transparent;
        margin: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -o-border-radius: 0;
      -ms-border-radius: 0;
        border-radius: 0;
        width: 65px;
        height: 58px;
        float: left;
        padding: 9px 10px;
        position: absolute;
        top: 6px;
        right: 0px;
    }
    .sousmenu-toggle .icon-bar {
        background-color: #fff;
        width: 100%;
        height: 5px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -o-border-radius: 0;
      -ms-border-radius: 0;
        border-radius: 0;
        display: block;
    }
    .sousmenu-toggle .icon-bar+.icon-bar {
        margin-top: 7px;
    }
    .dashboard section.sousmenu {
        border-top: none;
    }
    .sousmenu ul {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1000;
        display: none;
    }
    .dashboard section.sousmenu ul {
        width: 360px;
        padding: 0;
        margin: 0;
        list-style: none;
        font-size: 14px;
        text-align: left;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
        box-shadow: 0 6px 12px rgba(0,0,0,0.175);
        background-clip: padding-box;
        background: transparent url(img/menu-puce.png) no-repeat right 24px top;
        padding-top: 8px;
    }
    .dashboard section.sousmenu ul li:first-child {
        border-top: 10px solid #000;
    }
    .dashboard section.sousmenu ul li {
        display: block;
        margin: 0;
    }
    .dashboard section.sousmenu ul>li>a {
        background: #ec6825;
        border-bottom: 4px solid #e9e9e9;
        text-transform: uppercase;
        text-align: right;
        color: #fff;
        font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
        font-size: 2.25em;
        line-height: 1.1em;
        padding: 10px 20px;
        font-weight: bold;
        white-space: normal;
        display: block;
    }
    .dashboard.recruteur section.sousmenu ul>li>a {
        background: #0faeb1;
    }
    .dashboard section.sousmenu ul>li.candidat>a {
        background: #0faeb1 url(img/menu-dashboard-mobile.png) no-repeat 130px center;
        padding-left: 140px;
        border-bottom: none;
    }
    .dashboard section.sousmenu ul>li.candidat>a:hover,
    .dashboard section.sousmenu ul>li.candidat>a:focus {
        background: #000 url(img/menu-dashboard-mobile.png) no-repeat 130px center;
        color: #fff;
    }
    .dashboard .menu .navbar-nav>li.candidat {
        float: none;
    }
    .dashboard .menu .navbar-nav>li.candidat>a {
        background: #ec6825;
        color: #fff;
        border-left: 0;
        width: auto;
        height: auto;
        padding: 14px 0 11px;
    }
    .dashboard.recruteur .menu .navbar-nav>li.candidat>a {
        background: #0faeb1;
    }
    .dropdown-menu>li>a {
        white-space: normal;
    }
    .dashboard section header h2,
    .dashboard section header .bt a {
        font-size: 2.25em;
        line-height: 50px;
    }
    .dashboard.recruteur section.annonces header h2,
    .dashboard.recruteur section.annonces header .bt a {
        letter-spacing: -1px;
        font-size: 2.2em;
    }
    .dashboard section article .ligne p {
        float: none;
        border-right: none;
        min-height: 0;
    }
    .dashboard section article .ligne p.titre,
    .dashboard section article .ligne p.date,
    .dashboard section.candidatures article .ligne p.titre, 
    .dashboard section.offres article .ligne p.titre,
    .dashboard section.annonces article .ligne p.date,
    .dashboard section.produits article .ligne p.date:last-child{
        width: 100%;
        padding: 0 10px;
        text-align: left;
    }
    .dashboard.recruteur section.annonces article .ligne p.titre {
        width: 480px;
        padding-right: 20px;
        border-right: 2px solid #e9e9e9;
        float: left;
    }
    .dashboard.recruteur section.produits article .ligne p.titre {
        width: 400px;
        padding-right: 20px;
        border-right: 2px solid #e9e9e9;
        float: left;
        min-height: 100px;
    }
    .dashboard section article .ligne p.resultats {
        float: left;
        width: 190px;
        padding-left: 20px;
    }
    .dashboard section.annonces article .ligne p.resultats .libelle {
        display: block;
    }
    .dashboard section article .ligne p.resultats .libelle {
        font-size: 1.3em;
        width: 120px;
        line-height: 1em;
    }
    .dashboard.recruteur section.annonces article .ligne p.resultats {
        padding-top: 45px;
        float: left;
        width: 120px;
        margin-right: -10px;
    }
    .dashboard section article .ligne p.date strong {
        display: inline;
    }
    .dashboard section article .ligne p.telecharger {
        width: 210px;
        float: right;
        border-right: none;
        min-height: 0;
        padding-bottom: 0;
        border-top: 2px solid #e9e9e9;
        margin-right: -10px;
        margin-top: 20px;
    }
    .dashboard section article .ligne p.telecharger a {
        display: inline-block;
        padding: 0 10px;
    }
    .dashboard section article .ligne p.telecharger img {
        width: auto;
        height: auto;
    }
    .dashboard section article .ligne ul.actions {
        float: left;
        width: 400px;
        list-style-position: outside;
        border-top: 2px solid #e9e9e9;
        margin-top: 20px;
        margin-left: -10px;
        padding-left: 35px;
        padding-top: 20px;
    }
    .dashboard section article .ligne ul.actions li {
        float: left;
        margin-right: 40px;
    }
    .dashboard section article .ligne ul.actions li:last-child {
        margin-right: 0;
    }
    .dashboard section article .ligne p.titre span.soustitre {
        font-size: 1.45em;
    }
    .dashboard section article .ligne p.titre span.description,
    .dashboard section article .ligne p.date {
        font-size: 1.6em;
    }
    .dashboard section article .ligne p.date strong {
        font-size: 1em;
    }
    .dashboard section article .ligne ul.actions {
        font-size: 1.7em;
    }
    .dashboard section.candidatures article .ligne ul.actions, 
    .dashboard section.alertes article .ligne ul.actions, 
    .dashboard section.offres article .ligne ul.actions, 
    .dashboard.recruteur section.annonces article .ligne ul.actions, 
    .dashboard.recruteur section.cv article .ligne ul.actions {
        width: 100%;
        width: calc(100% + 20px);
        margin-right: -10px;
        padding-right: 30px;
    }
    .dashboard section.alertes article .ligne p.titre {
        float: left;
        width: 390px;
        padding-right: 20px;
        border-right: 2px solid #e9e9e9;
        min-height: 100px;
    }
    .dashboard section article .ligne p.resultats {
        float: left;
        width: 190px;
        padding-left: 20px;
        padding-top: 0;
    }
    .dashboard section article .ligne p.date {
        clear: both;
        padding-top: 10px;
    }
    .dashboard section article .ligne p.resultats .nb {
        font-size: 4.7em;
    }
    .dashboard section article .ligne p.resultats .libelle {
        font-size: 1.3em;
        width: 120px;
        line-height: 1em;
    }
    .dashboard p.bt.coordonnees {
        margin-bottom: 30px;
    }
    .dashboard p.bt.coordonnees a, 
    .dashboard p.bt.coordonnees a:hover, 
    .dashboard p.bt.coordonnees a:focus {
        font-size: 2.15em;
        width: 360px;
        height: 80px;
        background-image: url(img/moncompte-tablette.png);
        background-position: 35px 13px;
    }
    .dashboard p.bt.coordonnees a {
        margin: 0 50px 30px;
    }
    .dashboard p.bt.coordonnees a:last-child {
        margin-bottom: 10px;
    }
    .dashboard p.bt.coordonnees a.historique {
        height: 115px;
    }
    .panier section.panier article.contenu div.ligne.thead p {
        text-align: left;
        padding: 0 10px;
        font-size: 1.6em;
        line-height: 30px;
    }
    .panier section.panier div.ligne .pack {
        width: 410px;
        min-height: 80px;
    }
    .panier section.panier div.ligne .prix {
        width: 200px;
        position: absolute;
        top: 0;
        right: 0;
    }
    .panier section.panier div.ligne ul.options {
        padding: 10px 20px;
        min-height: 100px;
        border-right: none;
        width: 500px;
        margin: 0;
        border-top: 2px solid #e9e9e9;
    }
    .panier section.panier div.ligne ul.options li.thead {
        color: #afafaf;
        font-size: 1.35em;
        font-weight: bold;
        padding-bottom: 10px;
    }
    .panier section.panier div.ligne .suppr {
        padding: 10px 20px;
        min-height: 100px;
        border-right: none;
        width: 110px;
        margin: 0;
        border-top: 2px solid #e9e9e9;
    }
    .panier section.panier div.ligne .suppr a {
        width: 40px;
        height: 42px;
        background: transparent url(img/supprimer-mobile.png) no-repeat left top;
        margin-top: 25px;
    }
    .panier section.panier div.ligne .suppr a:hover,
    .panier section.panier div.ligne .suppr a:focus {
        background: transparent url(img/supprimer-mobile-on.png) no-repeat left top;
    }
    .panier section.panier div.ligne div.pack h3 {
        font-size: 2em;
    }
    .panier section.panier div.ligne div.pack a {
        font-size: 1.6em;
    }
    .panier section.panier div.ligne .prix {
        font-size: 3.15em;
        padding-right: 20px;
    }
    .panier section.panier article.total div.ligne .coupon {
        position: absolute;
        bottom: 200px;
        left: 0;
        right: 0;
        height: 140px;
        width: auto;
        border-bottom: 2px solid #0faeb1;
    }
    .panier section.panier article.total div.ligne .label {
        width: 375px;
        font-size: 1.7em;
        border-right: none;
        padding-right: 20px;
    }
    .panier section.panier article.total div.ligne .value {
        font-size: 3.15em;
        text-align: right;
        padding-right: 20px;
        width: 231px;
    }
    .panier section.panier article.total div.ligne .value .ttc {
        font-size: .68em;
    }
    .panier section.panier article.total div.ligne .montant {
        clear: both;
        padding-left: 0;
        border-bottom: 2px solid #e9e9e9;
        padding-bottom: 20px;
        margin-bottom: 140px;
        border-bottom: 2px solid #0faeb1;
    }
    .panier section.panier article.total div.ligne .montant .tva .label, 
    .panier section.panier article.total div.ligne .montant .tva .value {
        font-size: 1.3em;
    }
    .panier section.panier article.total div.ligne .actions {
        height: 200px;
        text-align: center;
        padding-top: 48px;
    }
    .panier section.panier article.total div.ligne .actions p.bt,
    .panier section.panier article.total div.ligne .actions p.bt.valider {
        float: none;
    }
    .panier section.panier article.total div.ligne .actions p.bt.valider {
        margin-bottom: 20px;
    }
    .panier section.panier article.total div.ligne .actions p.bt a {
        height: 44px;
        line-height: 44px;
        background-color: #969696;
    }
    .panier section.panier article.total div.ligne .actions p.bt.valider a {
        padding: 0 55px 0 20px;
        background: #000 url(img/bt-puce-bt.png) no-repeat right center;
    }
    .panier section.panier article.total div.ligne .actions p.bt.valider a:hover,
    .panier section.panier article.total div.ligne .actions p.bt.valider a:focus {
        background-color: #0faeb1;
    }
    .panier section.panier article.total div.ligne .coupon h3 {
        text-align: center;
        font-size: 2.45em;
    }
    .panier section.panier article.total div.ligne .coupon p {
        padding: 0 50px;
    }
    .panier section.panier article.total div.ligne .coupon label {
        font-size: 1.85em;
    }
    .panier section.panier article.total div.ligne .coupon input {
        width: 230px;
        line-height: 50px;
        height: 50px;
    }
    .panier section.panier article.total div.ligne .coupon input.submit {
        font-size: 2.15em;
        margin-top: 0;
    }
    .panier section.reassurance .secur,
    .panier section.reassurance .contact {
        width: 100%;
        min-height: 0;
        padding: 20px;
        margin-bottom: 10px;
    }
    .panier section.reassurance .secur div.cb,
    .panier section.reassurance .secur div.cheque,
    .panier section.reassurance .secur div.bon {
        width: 100%;
        padding: 0 0 20px;
    }
    .panier section.reassurance .secur div.bon {
        padding-bottom: 0;
    }
    .panier section.reassurance .secur br {
        display: none;
    }
    .panier section.reassurance .secur h2 {
        font-size: 3.15em;
    }
    .panier section.reassurance .secur h3 {
        font-size: 2.3em;
    }
    .panier section.reassurance .secur p {
        font-size: 1.7em;
    }
    .panier section.reassurance .contact {
        padding: 40px 60px;
    }
    .panier section.reassurance .contact h2 {
        font-size: 2.85em;
    }
    .tunnel article.contact p {
        font-size: 1.85em;
    }
    .panier section.reassurance .plus a {
        font-size: .85em;
    }
    section.cont-redac article.colonne {
        width: 100%;
        width: calc(100% - 20px);
        float: none;
        min-height: 0;
    }
    section.cont-redac .sidebar {
        width: 100%;
        float: none;
    }
    section.cont-redac article p {
        font-size: 1.2em;
    }
    section.cont-redac article p.note {
        font-size: 1em;
    }
    section.cont-redac .contact {
        min-height: 0;
    }
    section.cont-redac .contact h2 {
        text-align: center;
        margin-top: 0;
    }
    section.cont-redac .contact p {
        text-align: center;
        margin-bottom: 10px;
    }
    section.cont-redac .contact p:last-child {
        margin-bottom: 0;
    }
    section.cont-redac .form-pack p.total strong {
        float: none;
        margin-right: 0;
        min-width: 160px;
    }
    .offre.fiche section.offre header p.photo {
        right: 0;
        width: 210px;
        overflow: hidden;
    }
    .offre.fiche section.offre header p.photo img {
        margin-left: -30px;
    }
    .offre.fiche section.offre header>div>h2 {
        font-size: 3.15em;
        padding: 0 200px 5px 0;
    }
    .offre.fiche section.offre header>div>h2 .bt {
        font-size: .65em;
        margin: 5px 0;
    }
    #coordonnees-header {
        line-height: 1.35em;
    }
    .offre.fiche section.offre .partage ul {
        text-align: right;
        margin: 0 5px;
        padding: 20px 0;
    }
    .offre.fiche section.offre aside.mots-cles .row p {
        width: 50%;
        float: left;
    }
    .offre.fiche section.offre aside.mots-cles .row p:nth-child(2n+1) {
        clear: both;
    }
    .offre.fiche section.offre .bt a {
        margin: 20px 0;
    }
    .offre.fiche section.offre aside.mots-cles {
        min-height: 0;
    }
    .offre.fiche section.offre #coordonnees-aside ul.fichiers {
        padding: 0;
        margin: 10px 0;
        text-align: center;
    }
    .offre.fiche section.offre aside.mots-cles {
        border-bottom: none;
    }
    .offre.fiche section.offre article.details .article:first-child {
        border-top: 1px solid #0faeb1;
    }
    .offre section.offre aside.liens {
        float: none;
        width: 100%;
    }
    .offre section.offre aside.liens .article.video {
        border-bottom: none;
        padding-bottom: 20px;
        margin: 0;
    }
    .offre section.offre aside.liens .article.video .video {
        padding: 0 10px 0;
        margin: 0 -10px;
        border-bottom: 1px solid #0faeb1;
    }
    .offre.fiche section.offre .video .video img {
        width: 100%;
        height: auto;
    }
    .offre.fiche section.offre article.details .article.coordonnees-cont {
        border-bottom: 1px solid #0faeb1;
    }
    .offre.fiche section.offre {
        margin-bottom: 30px;
        padding-bottom: 20px;
    }
    .offre.fiche section.offre header>div {
        padding-right: 210px;
    }
    .offre.fiche section.offre header>div>h2 {
        padding: 0 0 5px;
    }
    .offre.fiche section.offre article.fiche ul {
        list-style-image: url(img/puce-liste-bleue-mobile.png);
        padding: 0 0 0 20px;
    }
    .offre.fiche section.offre article.fiche {
        border-bottom: none;
        padding-bottom: 0;
    }
    .offre.fiche section.offre aside.mots-cles {
        padding: 10px;
        border: 1px solid #d9d9d9;
    }
    .offre.fiche section.offre aside.mots-cles .row {
        padding: 10px 0;
        border: none;
        margin: 0;
    }
    .offre.fiche section.offre #coordonnees ul.fichiers li a,
    .offre.fiche section.offre #coordonnees-aside ul.fichiers li a,
    .offre.fiche section.offre #coordonnees-mobile ul.fichiers li a {
        background: #000 url(img/pdf.png) no-repeat 10px center;
        padding: 0 20px 0 50px;
        display: inline-block;
        min-height: 52px;
        margin: 0;
        font-weight: bold;
        font-size: 2.15em;
        font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        line-height: 1.15em;
        padding-top: 8px;
        text-align: left;
        -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -o-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px;
        color: #fff;
    }
    
    #coordonnees, 
    #coordonnees-aside {
        display: block;
    }
    .offre.fiche section.offre #coordonnees-mobile ul.fichiers li a {
        margin: 10px 0 0;
        padding-top: 12px;
    }
    .offre.fiche section.offre #coordonnees ul.fichiers li a strong,
    .offre.fiche section.offre #coordonnees-aside ul.fichiers li a strong,
    .offre.fiche section.offre #coordonnees-mobile ul.fichiers li a strong {
        color: #fff;
    }
    .offre.fiche section.offre #coordonnees ul.fichiers li a:hover,
    .offre.fiche section.offre #coordonnees ul.fichiers li a:focus,
    .offre.fiche section.offre #coordonnees ul.fichiers li a:hover strong,
    .offre.fiche section.offre #coordonnees ul.fichiers li a:focus strong,
    .offre.fiche section.offre #coordonnees-aside ul.fichiers li a:hover,
    .offre.fiche section.offre #coordonnees-aside ul.fichiers li a:focus,
    .offre.fiche section.offre #coordonnees-aside ul.fichiers li a:hover strong,
    .offre.fiche section.offre #coordonnees-aside ul.fichiers li a:focus strong,
    .offre.fiche section.offre #coordonnees-mobile ul.fichiers li a:hover,
    .offre.fiche section.offre #coordonnees-mobile ul.fichiers li a:focus,
    .offre.fiche section.offre #coordonnees-mobile ul.fichiers li a:hover strong,
    .offre.fiche section.offre #coordonnees-mobile ul.fichiers li a:focus strong {
        color: #ec6825;
    }
    .offre.fiche section.offre article.details .experience h4 {
        font-size: 2em;
        margin-bottom: 5px;
    }
    .offre.fiche section.offre article.details h4 {
        font-size: 1.85em;
    }
    .offre section.offre aside.liens h3 {
        font-size: 2.45em;
        margin-top: 0;
    }
    .offre.fiche section.offre .coordonnees-cont .colonne {
        float: none;
        width: 100%;
    }
    .offre.fiche section.offre .coordonnees-cont .aside {
        float: none;
        width: 100%;
        width: calc(100% + 20px);
        margin: 20px -10px 0;
        border-top: 1px solid #0faeb1;
        padding: 10px;
        text-align: center;
    }
    .offre.fiche section.offre .coordonnees .colonne p {
        font-weight: bold;
        line-height: 1.5em;
    }
    .offre.fiche section.offre .coordonnees .colonne p strong {
        color: #0faeb1;
        font-size: 1.5em;
        text-transform: uppercase;
        margin-top: 20px;
        margin-bottom: 10px;
        display: block;
    }
    .offre.recruteur section.offre header p.photo {
        position: relative;
        left: 0;
        margin-left: -10px;
        float: left;
    }
    .offre.recruteur section.offre header>div {
        float: right;
        width: 370px;
        padding: 0;
    }
    /*
    .offre.recruteur section.offre header>div>div {
        min-height: 170px;
    }
    .offre.recruteur section.offre header>div>p:last-child {
        margin-left: -210px;
    }
    */
    .offre.recruteur section.offre aside.mots-cles {
        padding: 10px 20px 340px;
        margin: 10px 0 20px;
        position: relative;
        border: none;
        border-bottom: 1px solid #0faeb1;
        width: 100%;
    }
    .offre.recruteur section.offre aside.mots-cles .map,
    .offre.recruteur section.offre aside.mots-cles .row {
        text-align: center;
    }
    .offre.recruteur section.offre aside.mots-cles .map {
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
    }
    .offre.recruteur section.offre aside.mots-cles .row {
        padding: 0 10px 20px;
        border: 1px solid #d9d9d9;
        margin: 10px 0 -1px;
    }
    .offre.recruteur section.offre aside.mots-cles .row p {
        width: 100%;
        float: none;
    }
    .offre.recruteur section.offre aside.mots-cles .row p {
        display: none;
        float: none;
        width: 100%;
        font-size: 1em;
    }
    .offre.recruteur section.offre aside.mots-cles .row p.adresse,
    .offre.recruteur section.offre aside.mots-cles .row p.contact,
    .offre.recruteur section.offre aside.mots-cles .row p.mail {
        display: block;
        clear: none;
        margin: 0;
    }
    .offre.recruteur section.offre aside.mots-cles .row p.adresse {
        margin-bottom: 10px;
    }
    .offre.recruteur section.offre aside.mots-cles .row p .label {
        display: inline-block;
    }
    .offre.recruteur section.offre aside.mots-cles p.contact .value {
        font-weight: bold;
    }
    .offre.recruteur section.offre aside.mots-cles .row p.adresse .label {
        display: none;
    }
    .offre.recruteur section.offre .chiffres {
        text-align: center;
    }
    .offre.recruteur section.offre article.details .chiffres p {
        display: block;
        margin: 0;
    }
    .offre.recruteur section.offre .article.offres .colonnes .colonne,
    .offre.recruteur section.offre article.details .colonnes .colonne {
        width: 100%;
        float: none;
        border-bottom: 1px solid #0faeb1;
        padding-top: 20px;
        padding-bottom: 10px;
        position: relative;
    }
    .offre.recruteur section.offre article.details .colonnes .colonne {
        border-bottom: none;
        padding-bottom: 0;
        padding-top: 10px;
    }
    .offre.recruteur section.offre article.details .colonnes .colonne:last-child {
        border-bottom: 1px solid #0faeb1;
        padding-bottom: 10px;
    }
    .offre.recruteur section.offre .article.offres .colonnes {
        margin: 0 -10px;
        padding: 20px 0 10px;
        width: 100%;
        width: calc(100% + 20px);
    }
    .offre.recruteur section.offre .article.offres .colonnes .colonne {
        margin: 0;
        padding: 20px 10px 10px;
    }
    .offre.recruteur section.offre .article.offres  .type {
        font-size: 1.4em;
    }
    .offre.recruteur section.offre .article.offres  a {
        font-size: 1.6em;
    }
    .offre.recruteur section.offre .article.offres  p {
        padding-right: 70px;
    }
    .offre.recruteur section.offre .article.offres  .lieu {
        font-size: 1.6em;
        margin: 0;
        padding-right: 0;
        padding-bottom: 0;
        border-bottom: none;
        position: absolute;
        top: 0;
        right: 15px;
        width: 70px;
        text-align: center;
        line-height: 1.5em;
        padding-top: 30px;
    }
    .offre.recruteur section.offre .article.offres .lieu span {
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    }
    .offre.recruteur section.offre .article.offres .lieu span span {
        display:block;
        font-size: 1.95em;
        font-weight: bold;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    }
    .offre.recruteur section.offre .article.offres p.bt {
        padding: 0 20px;
    }
    .offre.recruteur section.offre .article.offres .bt a {
        display: inline-block;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        padding: 0 20px;
        background: #000;
        color: #fff;
        line-height: 50px;
        font-size: 2.15em;
        text-transform: uppercase;
        font-weight: 700;
        font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    }
    .offre.recruteur section.offre .article.offres .bt a:hover,
    .offre.recruteur section.offre .article.offres .bt a:focus {
        background: #0faeb1;
    }
    .resultats section.resultats>header>h2 {
        font-size: 3.45em;
        padding-top: 20px;
    }
    .resultats section.resultats>header>p {
        font-size: 1.7em;
    }
    .resultats aside.affiner {
        float: none;
        width: 100%;
        display: none;
    }
    .resultats article.listing {
        float: none;
        width: 100%;
    }
    .resultats article.listing p.bt.affiner {
        display: inline-block;
        margin: 0;
        float: left;
    }
    .resultats article.listing p.bt.affiner a {
        display: inline-block;
        margin: 0 0 0 10px;
        background: #000;
        color: #fff;
    }
    .resultats article.listing p.bt.affiner a:hover,
    .resultats article.listing p.bt.affiner a:focus {
        background: #ec6825;
        color: #fff;
    }
    .resultats article.listing p.tri {
        line-height: 50px;
        font-size: 1.2em;
    }
    .resultats aside.affiner h3 {
        font-size: 2.85em;
    }
    .resultats aside.affiner ul.bloc,
    .resultats aside.affiner legend {
        font-size: 2.15em;
    }
    .resultats aside.affiner ul.bloc.filtres a {
        background: transparent url(img/affiner-supprimer-mobile.png) no-repeat right center;
        min-width: 200px;
    }
    .resultats aside.affiner ul.bloc.filtres a:hover,
    .resultats aside.affiner ul.bloc.filtres a:focus { 
        background: transparent url(img/affiner-supprimer-mobile-on.png) no-repeat right center;
    }
    .resultats aside.affiner input.checkbox {
        margin: 13px 10px 0 0;
    }
    .resultats aside.affiner p.bt.affiner {
        display: inline-block;
        margin: 0;
        text-align: left;
    }
    .resultats aside.affiner p.bt.affiner a {
        display: inline-block;
        margin: 0 20px;
    }
    .resultats aside.affiner p.bt a:hover,
    .resultats aside.affiner p.bt a:focus {
        background: #ec6825;
        color: #fff;
    }
    .resultats aside.affiner legend a {
        background: transparent url(img/affiner-ouvrir-mobile.png) no-repeat right 10px center;
    }
    .resultats aside.affiner legend a.ferme {
        background: transparent url(img/affiner-ouvrir-mobile-on.png) no-repeat right 10px center;
    }
    .resultats aside.affiner {
        border-bottom: 2px solid #ec6825;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .resultats aside.affiner p.bt input {
        display: inline-block;
        padding: 0 20px;
        background: #dedede;
        color: #000;
        margin: 20px 80px 10px;
        border: none;
        line-height: 50px;
        font-size: 2.15em;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        text-transform: uppercase;
        font-weight: 700;
        font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
    }
    .resultats aside.affiner p.bt input:hover,
    .resultats aside.affiner p.bt input:focus {
        background: #ec6825;
        color: #fff;
    }
    .resultats article.listing .item .type,
    .resultats article.listing .item .lieu {
        font-size: 1.45em;
    }
    .resultats article.listing .item h4 {
        font-size: 1.6em;
    }
    .resultats article.listing .item .origine {
        font-size: 1.3em;
    }
    .solutions section.solutions article.blocs {
        width: 100%;
        float: none;
    }
    .offres section.solutions article.blocs .bloc {
        width: 100%;
        width: calc(100% - 20px);
        float: none;
        margin-bottom: 60px;
        height: auto;
        padding-bottom: 90px;
    }
    .solutions section.solutions article.blocs .bloc {
        width: 100%;
        width: calc(100% - 20px);
        float: none;
        margin-bottom: 80px;
        height: auto;
    }
    .offres section.solutions aside.confiance {
        width: 100%;
        width: calc(100% - 20px);
        float: none;
        margin-bottom: 20px;
        margin-left: 10px;
        margin-right: 10px;
        min-height: 0;
        padding: 10px 35px;
        margin-top: -40px;
    }
    .offres section.solutions aside.confiance p.vignette {
        width: 33.33%;
    }
    .solutions section.solutions aside.confiance h3 strong {
        display: inline;
    }
    .offres section.solutions header h2 {
        font-size: 3.3em;
    }
    .offres section.solutions header p {
        font-size: 1.4em;
    }
    .offres section.solutions article.blocs .bloc h3 {
        font-size: 2.15em;
        line-height: .9;
        margin-bottom: 25px;
    }
    .offres section.solutions article.blocs .bloc h3 span {
        padding-top: 5px;
        padding-left: 0;
        padding-right: 0;
    }
    .offres section.solutions article.blocs .bloc p,
    .offres section.solutions article.blocs .bloc ul {
        font-size: 1.7em;
        line-height: 1.2em;
    }
    .offres section.solutions article.blocs .bloc p.bt {
        font-size: 1.7em;
    }
    .offres section.solutions article.blocs .bloc p.bt a,
    .offres section.solutions article.blocs .bloc p.bt a.lignesimple {
        line-height: 44px;
        padding-top: 0;
    }
    .offres section.solutions article.blocs .bloc p.bt a br {
        display: none;
    }
    .offres section.solutions aside.confiance p.vignette img {
        width: 170px;
        height: auto;
    }
    .offres article.contact, 
    .offres article.engagements {
        min-height: 0;
        float: none;
        width: 100%;
        margin: 10px 0;
    }
    .offres article.contact h2, 
    .offres article.engagements h2 {
        font-size: 3.45em;
        line-height: .9em;
    }
    .offres article.contact p, 
    .offres article.engagements p {
        font-size: 2.15em;
    }
    .packs section.solutions .ligne .contenu {
        width: 100%;
        float: none;
    }
    .packs section.solutions .ligne .aside {
        width: 100%;
        float: none;
    }
    .packs section.solutions .ligne .header {
        position: relative;
        padding-top: 20px;
    }
    .packs section.solutions .ligne .header p {
        position: absolute;
        right: 10px;
        bottom: 5px;
        font-size: 1.3em;
    }
    .packs section.solutions .ligne .header p strong {
        font-size: 1.6em;
    }
    .packs section.solutions .ligne .contenu ul.options li a {
        max-width: 70px;
        text-align: center;
    }
    .packs section.solutions .ligne .contenu ul.options li a {
        max-width: 100px;
        vertical-align: text-top;
        display: inherit;
        padding-left: 20px;
        padding-right: 20px;
    }
    .packs section.solutions .ligne .contenu p,
    .packs section.solutions .ligne .aside p.nb label, 
    .packs section.solutions .ligne .aside fieldset legend,
    .packs section.solutions .ligne .aside p.total,
    .packs section.solutions .ligne .aside p.nb select,
    .packs section.solutions .ligne .aside p.nb select option {
        font-size: 1.7em;
        line-height: 1em;
    }
    .packs section.solutions .ligne .aside fieldset legend {
        padding-top: 10px;
    }
    .packs section.solutions .ligne .aside p.checkbox {
        line-height: 2.8em;
    }
    .packs section.solutions .ligne .aside p.checkbox label {
        font-size: 2.45em;
    }
    .packs section.solutions .ligne .aside p.checkbox input {
        margin-top: 10px;
        margin-right: 10px;
    }
    .packs section.solutions .ligne .contenu p.note {
        font-size: 1em;
    }
    .packs section.solutions .ligne .aside p.nb label {
        display: block;
    }
    .packs section.solutions .ligne .aside p.total {
        margin-top: 20px;
    }
    .packs section.solutions .options .aside {
        padding: 10px 20px 5px;
    }
    .packs section.solutions .options .aside p.total {
        margin-top: 10px;
        font-size: 1.15em;
        display: inline-block;
    }
    .packs section.solutions .ligne.options .aside {
        min-height: 0;
    }
    .packs section.solutions .ligne .aside p.total strong {
        font-size: 2.15em;
        min-width: 240px;
        text-align: right;
        display: inline-block;
    }
    .packs section.solutions .options .aside p.total strong {
        min-width: 0;
    }
    .packs section.solutions .ligne .aside p.actions input.submit {
        font-size: 2.15em;
        width: 340px;
        padding-top: 1px;
        height: 44px;
        background: #000 url(img/valider-bt-mobile.png) no-repeat right center;
    }
    .packs section.solutions .ligne .aside p.actions input.submit:hover,
    .packs section.solutions .ligne .aside p.actions input.submit:focus {
        background: #0faeb1 url(img/valider-bt-mobile.png) no-repeat right center;
    }
    .packs section.solutions .ligne.options .aside:nth-child(3),
    .packs section.solutions .ligne.options .aside:last-child {
        background: transparent;
    }
    .article section.article .col-md-8 {
        width: 100%;
        width: calc(100% - 20px);
        margin: 0 10px;
        float: none;
        padding: 0;
    }
    .article section.fil-ariane {
        padding: 0 10px;
    }
    .article section.article article.pub {
        margin: 20px auto 10px;
        float: none;
    }
    .article section.article article.recommandations p.bt a {
        line-height: 50px;
        font-size: 2.15em;
        display: inline-block;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        padding: 0 20px;
        background: #000;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
        margin: 0;
    }
    .article section.article article.recommandations p.bt {
        margin: 20px 0 0;
    }
    .article section.article article.chapitre.ferme>header .extrait {
        display: none;
    }
    .article section.article article.chapitre>header>h2>a>span {
        display: block;
    }
    .article section.article article.chapitre .ligne .cont {
        width: 460px;
    }
    .article section.article .col-md-8 article {
        margin: 20px 0 0;
    }
    .article section.article article.article>header p.surtitre {
        font-size: 1.85em;
    }
    .article.dossier section.article article.article>header h2 {
        font-size: 2.45em;
    }
    .article section.article article.article>header p.date {
        font-size: 1.45em;
    }
    .article section.article article.article p.visuel {
        float: none;
        padding: 10px 0;
        margin: 0;
        text-align: center;
    }
    .article section.article article.article p.chapeau {
        font-size: 1.85em;
        line-height: 1.2em;
    }
    .article.dossier section.article article.article ul.partage {
        text-align: center;
    }
    .article section.article article.chapitre>header>h2 {
        font-size: 2.45em;
    }
    .article section.article article.chapitre>header .plus a {
        font-size: 1.3em;
        padding-top: 5px;
    }
    .article section.article article.chapitre .ligne .cont p.chapeau {
        display: none;
    }
    .article section.article article.chapitre .ligne .cont p.surtitre {
        font-size: 1.85em;
    }
    .article section.article article.chapitre .ligne .cont h3 {
        font-size: 2.15em;
        line-height: 1em;
    }
    .article section.article article.recommandations>header>h2 {
        padding: 10px 0 5px;
    }
    .article section.article article.recommandations .colonnes .colonne {
        width: 100%;
        margin: 0 0 10px;
        float: none;
        border-bottom: 1px solid #ec6825;
    }
    .article section.article article.recommandations .type {
        font-size: 1.6em;
    }
    .article section.article article.recommandations a {
        font-size: 1.85em;
    }
    .formulaire section.formulaire .col-md-8 {
        width: 100%;
        width: calc(100% - 20px);
        margin: 0 10px;
        float: none;
        padding: 0;
    }
    .formulaire section.formulaire p {
        margin: 0 0 20px;
    }
    .formulaire section.formulaire article.onekey {
        margin: 20px auto 10px;
        float: none;
        width: 100%;
    }
    .formulaire section.formulaire article.onekey>div {
        width: 100%;
        overflow: hidden;
        margin: 20px 0 0;
        text-align: left;
    }
    .formulaire section.formulaire article.onekey>div h2 {
        font-size: 3em;
        margin-bottom: 0;
    }
    .formulaire section.formulaire article.onekey>div h2 span {
        padding: 10px 0 10px 40px;
    }
    .formulaire section.formulaire article.onekey>div p {
        font-size: 1.7em;
    }
    .formulaire section.formulaire article.onekey>div>p strong {
        margin: 5px 0;
        font-size: 1.1em;
    }
    .formulaire section.formulaire article.onekey form input {
        width: 400px;
        margin: 0 0 0 10px;
    }
    .formulaire section.formulaire article.onekey form label {
        font-size: 1.15em;
        width: 150px;
        font-weight: normal;
        padding: 0;
        float: left;
        text-align: right;
    }
    .formulaire section.formulaire article.onekey form .actions {
        padding: 20px 0 10px;
    }
    .formulaire section.formulaire article.onekey form .actions input:last-child {
        padding: 0 10px;
        font-size: 1.3em;
        height: 50px;
    }
    .formulaire section.formulaire article.form {
        width: 100%;
        width: calc(100% - 10px);
        margin: 20px 5px 0;
    }
    .formulaire section.formulaire article.form>header>h2 {
        display: block;
        float: none;
    }
    .formulaire section.formulaire article.form>header>p {
        float: none;
        padding: 0 0 5px;
        margin: 0 10px;
    }
    .formulaire section.formulaire article.form.formulaire {
        padding: 10px 10px 0;
        margin: 0 5px;
    }
    .formulaire section.formulaire form .msg {
        width: 270px;
        font-size: 1em;
    }
    .formulaire section.formulaire form .reseaux ul.partage img {
        height: auto;
        width: auto;
    }
    .formulaire section.formulaire form p.radio.cgv label {
        width: 690px;
    }
    .formulaire section.formulaire form p.captcha input {
        margin-right: 10px;
        width: 440px;
        margin-left: 20px;
    }
    .formulaire section.formulaire form p.captcha .actualiser {
        margin-left: 10px;
        background: #fff url(img/refresh-mobile.png) no-repeat left top;
        width: 61px;
        height: 68px;
    }
    .formulaire section.formulaire form p.captcha img.captcha {
        margin: 20px;
        height: 90px;
        width: auto;
    }
    .formulaire section.formulaire form .actions input {
        width: 200px;
    }
    .formulaire section.formulaire article.form>header>h2 {
        font-size: 3.45em;
        padding-top: 10px;
    }
    .formulaire section.formulaire article.form>header>p {
        font-size: 1.7em;
        padding-bottom: 10px;
    }
    .formulaire section.formulaire article.onekey>div>p .underline {
        font-weight: bold;
        text-decoration: underline;
    }
    .formulaire section.formulaire article.onekey p.alerte {
        font-size: 1.55em;
    }
    .formulaire section.formulaire article.onekey form {
        display: none;
    }
    .formulaire section.formulaire form label, 
    .formulaire section.formulaire form .label {
        display: block;
        width: 100%;
        text-align: left;
        font-size: 2.15em;
        margin-right: 0;
        margin-left: 0;
        padding: 0 80px;
        float: none;
    }
    .formulaire section.formulaire form input {
        margin: 0 80px;
        width: 100%;
        width: calc(100% - 160px);
        font-size: 1.55em;
        height: 50px;
    }
    .formulaire section.formulaire form .msg {
        display: block;
        width: 100%;
        float: none;
        padding: 0 80px;
        margin-right: 0;
        margin-left: 0;
        font-size: 1.55em;
    }
    .formulaire section.formulaire form p.radio {
        padding: 0 80px;
    }
    .formulaire section.formulaire form p.radio .label {
        padding: 0 0 5px;
    }
    .formulaire section.formulaire form p.radio label {
        padding: 0;
        display: inline-block;
        width: 80px;
        padding-left: 10px;
    }
    .formulaire section.formulaire form p.radio .msg {
        padding: 0;
    }
    .formulaire section.formulaire form .msg.point {
        padding: 5px 80px 5px 100px!important;
        background-position: 80px center!important;
    }
    .mce-panel {
        margin: 0 80px!important;
    }
    .formulaire section.formulaire form input.checkbox {
        vertical-align: super;
        height: auto;
    }
    .formulaire section.formulaire form fieldset legend {
        font-size: 2.85em;
    }
    .formulaire section.formulaire form .mce-stack-layout-item,
    .formulaire section.formulaire form div.mce-edit-area {
        margin: 0!important;
    }
    .formulaire section.formulaire form .mce-btn button {
        padding: 15px 25px!important;
    }
    .formulaire section.formulaire form .mce-flow-layout {
        text-align: center!important;
    }
    .formulaire section.formulaire form iframe {
        height: 470px!important;
    }
    .formulaire section.formulaire form p.radio label.infobulle {
        width: 397px;
        margin-right: 0;
        margin-left: 0;
    }
    .formulaire section.formulaire form p.radio.diffusion {
        margin: 20px 0 0;
    }
    .formulaire section.formulaire form p.radio.diffusion label {
        width: 60px;
    }
    .formulaire section.formulaire form .diffusion input {
        width: 310px;
        height: 70px;
        font-size: 2.15em;
        padding: 0 10px;
        margin: 10px 0;
    }
    .formulaire section.formulaire form a.input {
        font-size: 1.15em;
        display: block;
        padding: 0 80px;
        font-size: 2.15em;
    }
    .formulaire section.formulaire form .reseaux ul.partage {
        float: none;
        padding: 0 80px;
    }
    .formulaire section.formulaire form .reseaux input {
        margin-left: 80px;
        margin-right: 80px;
        font-size: 1.55em;
    }
    .formulaire section.formulaire form .reseaux a.input {
        margin-left: 0;
        line-height: 60px;
        margin-bottom: 20px;
    }
    .formulaire section.formulaire form input.checkbox#afficher-tel {
        margin-left: 80px;
        margin-top: 30px;
        float: left;
    }
    .formulaire section.formulaire form label.tel {
        padding: 15px 0 0 10px;
        float: left;
    }
    .formulaire section.formulaire form p.alerte, 
    .formulaire section.formulaire article.onekey p.alerte {
        font-size: 1.6em;
        padding-left: 20px;
    }
    .formulaire section.formulaire form p.radio.cgv {
        padding: 0 20px;
    }
    .formulaire section.formulaire form .cgv input.checkbox {
        margin-left: 0;
        margin-top: 10px;
    }
    .formulaire section.formulaire form p.radio.cgv label {
        width: 520px;
        font-size: 1.6em;
        line-height: 1.2em;
    }
    .formulaire section.formulaire form small {
        font-size: 1.45em;
        padding: 0 20px;
    }
    .formulaire section.formulaire form p.captcha label {
        padding: 0 20px;
    }
    .formulaire section.formulaire form .actions input {
        width: 260px;
        height: 80px;
        margin: 0 150px 20px;
        font-size: 2.15em;
        line-height: 1.2em;
    }
    .formulaire section.formulaire form .actions input:first-child,
    .formulaire section.formulaire form .actions input:last-child {
        float: none;
    }
    .article section.article article.article .contenu h3 {
        font-size: 2.15em;
    }
    .article section.article article.article .contenu h4 {
        font-size: 1.85em;
    }
    .article section.article article.article .contenu p,
    .article section.article article.article .contenu q,
    .article section.article article.article .contenu table,
    .article section.article article.recommandations>header .plus a,
    .article section.article article.recommandations .type {
        font-size: 1.3em;
    }
    .article section.article article.article .contenu p.note {
        font-size: 0.85em;
    }
    .article section.article p.source {
        font-size: 1em;
    }
    .article section.article article.recommandations a {
        font-size: 1.45em;
    }
    .article section.article article.article ul.partage li.droite {
        float: none;
        line-height: inherit;
        margin-top: 0;
    }
    .article section.article article.article ul.partage li.droite a img {
        margin: 0;
    }
    a.infobulle,
    span.infobulle {
        width: 60px;
        height: 60px;
        background: #fff url(img/infos-mobile.png) no-repeat left top;
        margin: -10px 0 0 10px;
    }
    .formulaire section.formulaire form p.radio.tete input.checkbox {
        top: -30px;
    }
}