/*

Rouge #E30613
Gris  #999


*/
body{
    color:#555;
}
.btn-primary,
.btn-black{
    color: #ffffff; background-color: #555; border-color: #555;
    transition-duration: inherit;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary,
.btn-black:hover, .btn-black:focus, .btn-black:active, .btn-black.active, .open .dropdown-toggle.btn-black{
    color: #ffffff; background-color: #000; border-color: #000;
}
.btn-black a{
    color: #ffffff;
}
#sp-top-bar{
    background:rgba(0, 0, 0, 0.68)!important;
    padding: 0;
    position: absolute;
    width: 100%;
    top: 0;
    z-index:2;
}
#sp-top-bar > .container > .row{
    position: relative;
    height: 88px;
}
#sp-logo-section {
    position: absolute;
    width: 100%;
    top: 0;
    height: 1px;
}
#sp-logo-section > .container{
    height: 1px;
}
#sp-logo-section > .container > .row{
    max-width: 270px;
}
#sp-logo {
    padding: 0;
    z-index: 100;
}
#sp-logo h1{
    margin:0;
}
#sp-top1{
    text-align: right;
    position: absolute;
    right: 170px;
    margin-top: 27px;
}
#sp-top2{
    right: 0;
    position: absolute;
    text-align: right;
}
#sp-top2 .sp-module ul >li {
    float: left;
    margin: 5px;
}
#sp-top2 .sp-module ul >li >a:before{
    display:none;
}
#sp-bottom3 ul.menu>li>a>img,
#sp-top2 ul.menu>li>a>img{
    transition-duration: 0.3s;
}
#sp-bottom3 ul.menu>li>a>img:hover,
#sp-top2 ul.menu>li>a>img:hover{
    transform:rotateY(360deg);
    transition-duration: 1s;
}
#sp-header-sticky-wrapper{
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 50;
    margin-top: 87px;
}
#sp-header{
    height:inherit;
    background: #999;
}
#sp-menu a{
    color:white;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
    background:none;
    padding:0;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a{
    background:rgba(0, 0, 0, 0.68);
}
/*
#sp-menu .sp-megamenu-parent >li>a, #sp-menu .sp-megamenu-parent >li>a{
        font-weight:bold;
}
*/
#sp-menu .sp-megamenu-parent >li.active>a, #sp-menu .sp-megamenu-parent >li:hover>a{
    color:black;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover{
    background:#E30613;
}
.sp-megamenu-parent >li >a{
    line-height: 52px;
    font-size: 14px;
}
.sp-megamenu-parent >li >a>img{
    display:inline-block;
}
.sp-megamenu-parent .recherche{
    border-left:1px solid white;
}
#sp-carrousel > .container {
    width:100%;
    padding:0;
}
#sp-carrousel .camera_caption {
    width: 100%;
    padding-left: 400px;
    top:180px;
}
#sp-carrousel .camera_caption > div{
    width: 400px;
    margin: auto;
}
#sp-carrousel .slideshowck.camera_wrap.camera_amber_skin {
    margin-bottom:0;
    border-bottom:10px solid #E30613;
}
#sp-carrousel .camera_pag {
    position:absolute;
    width:100%;
    margin:auto;
    text-align:center;
    top:340px;
}
#sp-carrousel .camera_wrap .camera_pag .camera_pag_ul {
    text-align:center;
}
#sp-s-carrousel{
    height: 395px;
    margin-bottom: 30px;
}
.blocrechercheemploi{
    margin: auto;
}
.blocrechercheemploi h2{
    margin-bottom: 20px;
}
.blocrechercheemploi #s_module_recherche_avancee{
    text-align: center;
    margin-top:60px;
}
.blocrechercheemploi #s_module_recherche_avancee img{
    margin: auto;
}
.blocrechercheemploi #vwbre_recherche_avancee_bouton{
    margin-top:18px;
}
#s_module_recherche_code_postal #code_postal{
    width: 100%;
}
#s_module_recherche_mots_cles #mots_cles{
    width: 100%;
    text-align: center;
    color: #e30613;
    font-weight: bold;
}
#s_module_recherche_bouton_rechercher {
    text-align: center;
}
#s_module_recherche #s_module_recherche_contrat,
#s_module_recherche #s_module_recherche_titre_recherche_geolocalisation{
    line-height: 34px;
}
#s_module_recherche #s_module_recherche_contrat label{
    margin-bottom: 0;
}
#s_module_recherche .s_module_recherche_un_champ,
#s_module_recherche #s_module_recherche_titre_recherche_geolocalisation{
    margin-bottom: 20px;
}
#s_module_recherche #s_module_recherche_contrat,
#s_module_recherche #s_module_recherche_titre_recherche_geolocalisation{
    text-align: center;
}
#s_module_recherche_titre_recherche_geolocalisation{
    font-weight: normal;
}
#sp-component{
    text-align:justify;
}
#sp-s-espace2{
    text-align:right;
    width: 39%;
    float: left;
}
#sp-s-espace2-2{
    position: relative;
    float: none;
    width: auto;
    padding: 0;
    margin: 0;
}
#sp-s-espace2-3{
    width: 39%;
    float: right;
}
.com-vwaccueil #sp-espace-1{
    margin-bottom: 60px;
}
#sp-espace-2{
    border-style: solid;
    background: #b3b3b3;
    background-position: center bottom;
    background-repeat: no-repeat;
    box-shadow: 0 0 15px 1px #999;
    border-width: 5px 0;
    border-color: white;
    margin-top: 30px;
    margin-bottom: 30px;
}
#sp-s-espace2-2 .sp-column{
    position: absolute;
    top: -25px;
    width: 100%;
}
#sp-s-espace2-2 .custom{
    background: #E30613;
    border-radius: 230px;
    width: 230px;
    height: 230px;
    border-color: white;
    border-width: 20px;
    border-style: solid;
    margin: auto;
    text-align: center;
    padding-top: 40px;
    transition-duration:1s;
}
#sp-s-espace2-2 .custom:hover{
    transform:rotateY(360deg);
    /*
    padding-top: 30px;
border-width: 20px;
    background: white;
    color: #E30613;
border-color: #E30613;
    */
}
#sp-s-espace2-2 .custom *{
    color: white;

}
#sp-s-espace2-2 .custom img{
    margin:auto;
}
#sp-s-espace2-2 .s_nombre_offres{
    font-size: 50px;
    font-weight: bold;
}
#sp-s-espace2-2 .s_nombre_offres_p{
    line-height: 15px;
}
#sp-s-espace2-2 .s_nombre_offres_t1{
    font-size: 30px;
    line-height: 35px;
}
#sp-s-espace2-2 .s_nombre_offres_t2{
    font-size: 15px;
    line-height:10px;
}
#sp-s-espace2 h2,
#sp-s-espace2-3 h2{
    margin: 0;
    padding-top: 20px;
    margin-bottom: 10px;
}
#sp-s-espace2 p,
#sp-s-espace2-3 p{
    margin: 0;
    padding:0 0 10px;
}
#sp-s-espace2-3 *{
    color:white;
}
#sp-s-espace2 .custom{
    background-position: left top;
}
#sp-s-espace2 .custom,
#sp-s-espace2-3 .custom{
    background-repeat: no-repeat;
    min-height: 180px;
}
#sp-s-espace2-3 .custom{
    background-position: right bottom;
}

#sp-s-espace3,
#sp-s-espace3-2{
    text-align:center;
}
#sp-s-espace3 img,
#sp-s-espace3-2 img{
    margin: auto;
}
#sp-bottom{
    padding: 30px 0 20px 0;
    border-width: 10px 0;
    border-style: solid;
    border-color: #555;
    background: #E30613;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
}
#sp-bottom *{
    color:white;
}
#sp-footer{
    background:white;
    color:#999;
}
#sp-footer a{
    color:#999;
    padding:0;
    line-height:24px;
}
#sp-footer a:hover{
    color:black;
}
#sp-bottom1,
#sp-bottom2,
#sp-bottom3{
    line-height: 16px;
}
#sp-bottom1{
    text-align:left;
}
#sp-bottom3 ul >li >a:before,
#sp-footer1 ul >li >a:before{
    display:none;
}
#sp-bottom3 li,
#sp-footer1 li{
    display: inline-block;
    border:none;
    padding:0 3px;
}
#sp-bottom3 {
    text-align:center;
}
#sp-bottom3 .sp-module .sp-module-title{
    font-size: 15px;
}
#sp-bottom3 .custom.nombre_agences{
    width: 220px;
    margin: auto;
}
#sp-bottom3 .custom.nombre_agences img{
    float:none;
    margin-right:20px;
}
#sp-bottom3 .custom.nombre_agences>div{
    float: right;
}
#sp-footer1{
    text-align:left;
}
#sp-footer2{
    text-align:right;
}
.viaweb-consulting-espace{
    margin-right: 50px;
}

h1 {
    font-size:30px;
    line-height:33px;
}
h1 strong{
    color:#E30613;
}
a{
    color:black;
}
.s_rouge{
    color:#E30613;
}
.s_creer_un_compte,
.s_candidature_spontanee{
}
.s_creer_un_compte .s_illustration_image,
.s_candidature_spontanee .s_illustration_image{
    height: 100%;
    background: linear-gradient(0deg, rgba(214, 214, 214, 0.5) 50%, rgba(0, 0, 0, 0) 50%);

}
.s_creer_un_compte .s_illustration_image img,
.s_candidature_spontanee .s_illustration_image img {
    margin: auto;
}
.s_creer_un_compte .s_description,
.s_candidature_spontanee .s_description {
    background-color: rgba(214, 214, 214, 0.5);
    font-size: 16px;
    padding-bottom: 12px;
    padding-top: 5px;
    margin-bottom: 10px;
}
.s_creer_un_compte .s_description p,
.s_candidature_spontanee .s_description p {
    margin: 0;
}
#sp-main-body{
    padding: 10px 0 50px 0;
}
.com-vwaccueil #sp-main-body{
    padding: 10px 0 0 0;
}
#sp-espace-1,
#sp-espace-3{
    padding:30px;
}
.com-vwaccueil #sp-espace-1{
    padding:0;
}
.com-vwaccueil #sp-espace-3{
    padding:0 0 30px 0;
}
#sp-espace-1{
    background-color:rgba(214, 214, 214, 0.5);
}
.com-vwaccueil #sp-espace-1{
    background-color:inherit;
}
#s_module_recherche_contrat label {
    margin-right: 20px;
}
.listedesoffres {
    max-width: 350px;
    margin: auto;
}
.listedesoffres .s_listedesoffres_liste marquee {
    box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868;
    height: 248px;
}
.listedesoffres .s_listedesoffres_liste ul {
    text-align: center;
}
.listedesoffres .s_listedesoffres_liste li {
    font-size: 20px;
    padding: 10px 0;
}
.listedesoffres .s_listedesoffres_liste li a {
    line-height: 25px;
}
.listedesoffres .s_listedesoffres_liste li>a:before {
    display:none;
}
.listedesoffres .s_listedesoffres_liste .s_listedesoffres_illustration {
    float:right;
}
.accueil_actualite_titre {
    margin-bottom: 30px;
}
.accueil_actualite_contenu {
    margin-top: 0;
}
.accueil_actualite_contenu marquee {
    box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868;
    height: 248px;
}
.s_chapeau{
    font-size: 20px;
    margin-bottom: 30px;
}
.sp-module.reseaux_sociaux ul{
    margin-right: 14px;
    margin-top: 17px;
}
.sp-module.reseaux_sociaux li{
    border:none;
}
.sp-module.reseaux_sociaux li>a:hover,
.sp-module.reseaux_sociaux li>a:focus{
    background:none;
}
#contact-form {
    font-weight: normal;
}
.post-format{
    background:#E30613;
}
.espace_padding_right_10{
    padding-right: 10px;
}
#camera_wrap_87 .camera_caption>div{
    line-height:30px;
    padding:20px;
}
#camera_wrap_87 .camera_caption > div *{
    font-family:Open Sans, sans-serif;	
}
.post-format *{
    color:white;
}
.s_login_gauche{
    margin-top: 17px;	
}
.s_login_milieu{
    margin-top: 34px;	
}

.alert-message{
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}
.alert-danger{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.optionGroup {
    font-weight: bold !important;
    font-style: italic !important;
    color: black;
}
.blog .items-row{
    margin-top: 30px;
}

.vw_listedesoffresdetails .btn_gris {
    background: rgb(221, 221, 221);
}
.vw_listedesoffresdetails .control-group{
    margin-bottom:0;
}
#offcanvas-toggler {
    line-height: 54px;
}
div.blog > div.items-row > div > article img{
    width: 100%;
}
.vw_emploi_votre_cv_label{
    float:left;
    margin-right:20px;
}
.alert-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
li.charte_laicite>a{
    padding: 0;
    margin: 0;
}

/* RESPONSIVE */
@media (max-width: 1200px) {
    .sp-megamenu-parent >li >a{
        font-size: 12px;
    }
    .sp-megamenu-parent >li >a{
        padding: 0 5px;
    }
    .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
        font-size: 12px;
        padding: 0 10px;
    }
}
/* RESPONSIVE */
@media (max-width: 991px) {
    #sp-carrousel .camera_caption {
        padding-left: 0;
    }
    #sp-logo-section > .container > .row {
        max-width: 189px;
    }
    .sp-megamenu-parent{
        float: none;
    }
    #sp-s-espace2-2 .sp-column{
        position: relative;
        top: inherit;
    }
    #sp-espace-2{
        background:#dddfdc!important;
    }
    #sp-s-espace2-3{
        background:#b2b4b1!important;
    }
    #sp-s-espace2-2,
    #sp-s-espace2,
    #sp-s-espace2-3{
        width:100%;
        text-align: center;
    }
    #sp-s-espace2,
    #sp-s-espace2-3{
        padding: 20px 0;
    }
    #sp-s-espace2 a img,
    #sp-s-espace2-3 a img{
        display: inline-block;
        float: none!important;
    }
    #sp-s-espace2-2 .custom{
        border: none;
        width: auto;
        border-radius: inherit;
        height: inherit;
        margin: 0;
        padding: 40px 0 30px 0;
    }
    #sp-s-espace2-2 .custom:hover{
        transform: inherit;
    }
    #sp-espace-2 .container{
        width: 100%;
    }
    #sp-s-espace2,
    #sp-s-espace2-2{
        border-bottom: 5px solid white;
    }
}
@media (max-width: 767px) {
    #sp-top1{
        display: none;
    }
    #sp-top2 {
        right: 70px;
        position: inherit;
        text-align: right;
    }
    #sp-menu{
        margin: 0;
        padding: 0;
    }
    #offcanvas-toggler{
        line-height: 88px;
        float: inherit;
        width: 88px;
        margin: auto;
        text-align: center;
    }
    #sp-header-sticky-wrapper {
        margin-top: 0;
        right: 0;
        height: 88px!important;
        width: 88px;
    }
    div#sp-header-sticky-wrapper.is-sticky{
        height: 50px!important;
        width: 50px;
    }
    div#sp-header-sticky-wrapper.is-sticky #offcanvas-toggler{
            line-height: 50px;
            width: 50px;
    }
    #offcanvas-toggler >i{
        padding:0;
        margin:0;
    }
    #sp-bottom{
        background-image:none!important;
    }
    #sp-bottom1{
        text-align: center;
    }
    #sp-bottom1 img{
        margin:auto;
    }
}
@media (max-width: 500px) {
    #tableau_de_la_liste_des_offres thead{
        display: none;
    }
    td.vw_listedesoffres_date_publication,
    td.vw_listedesoffres_ville,
    td.vw_listedesoffres_poste,
    td.vw_listedesoffres_reference,
    td.vw_listedesoffres_action {
        border: none!important;
        float: none!important;
        display: block;
    }   
}
@media (max-width: 400px) {
    #sp-carrousel{
        display: none;
    }
    #sp-logo-section{
        height: 88px;
        position: inherit;
        background: rgba(0, 0, 0, 0.68)!important;
    }
    #sp-logo-section > .container > .row{
        width: 100%;
        text-align: center;
        margin: auto;
    }
    #sp-top-bar{
        position: inherit;
    }
    #sp-header-sticky-wrapper{
        margin-top: 88px;
    }
    #sp-header{
        background:none;
    }
    #sp-top2{
        left: 0;
        text-align: left;
    }
    #sp-top2 .sp-module ul >li{
        float:left;
    }
    #offcanvas-toggler >i{
        color:white;
    }
}