@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);


/**	

 * Ajout 6connect
 * @author grégoire Ohanessian
 */


a:focus , button:focus , input:focus, textarea:focus, select:focus{
    outline:0 none!important;
}
/**Reset **/
#wpadminbar{
    opacity:1;
}
#wpadminbar:hover{
    opacity:0.9;
}
html body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
}
/** enelever les pointillés sur les focus et les actives **/

html body .btn , html body .btn:hover ,html body .btn:active:focus  , html body .btn:active{
    outline:none;
}

/** plus de reponse dans le formulaire de contact **/
html body .wpcf7-response-output{
    display:none!important;
}
span.wpcf7-form-control-wrap{
    position:relative;
    display:block!important;
}
/** Fin reset **/


input.btn{
    color:white;
}
.btn:not(input){
    text-transform:lowercase;

}
.btn::first-letter , body .barre_contact .tel::first-letter{
    text-transform:uppercase;
}
body #slider_home .btn.btn-default.bouton{
    text-transform:lowercase;
}
body .barre_contact .tel{
    text-transform:none;
}
.agences_block_sections .agences_block_details{
    margin-top:10px;
}

/**Resize des block texte **/
.blog_home .articles_block  .titre{
    text-overflow:ellipsis;
    /* Required for text-overflow to do anything */
    overflow:hidden;
    line-height:20px;
    height:60px;
}
.blog_home .articles_block.h_blockss .article_contenu{
    height:150px;
}
.blog_home .articles_block.h_blockss .tags a{
    white-space:nowrap;
}
.row.block_articles p{
    overflow:hidden;
}
div.blog_home_colone{
    text-align:center;
}
div.blog_home_colone  h2.titre{
    text-align:left;
    position:relative;
    display:block;
    width:auto;
    max-width:670px;
    background:white;
    line-height:30px;
    height:30px;
    margin-left:-120px;
    padding:0px 0px 0px 149px;
    color:black;
    clear:both;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
div.blog_home_colone h2.titre::after{
    background:url(../img/fleche_titre_blog_home.png) no-repeat #F2F3F2;
    bottom:0px;
    right:0px;
    content:"";
    display:block;
    position:absolute;
    height:30px;
    width:15px;
}
div.blog_home_colone h2.titre span{
    color:black;
}
.block_articles .texte_article{
    height:130px;
}
.agences_block_sections p{
    height:45px;
    overflow:hidden;
}
.services_home .texte{
    height:140px;
    overflow:hidden;
}
/*** Refonte entière du menu barre nav **/

html body .navigation_header{
    height:110px;
}
/** LOGO dans la barre fix **/
html body .barre_contact.affix{
    position:relative;
}
html body .barre_contact{
    display:block;
    line-height:36px;
    height:36px;
    width:100%;
    background:#0f86a2;
    color:white;
    overflow:hidden;
}
html body .barre_contact > div{
    display:block;
    max-width:1260px;
    margin:0px auto;
}
html body .barre_contact .eventscroll{
    position:relative;
    top:0px;
    left:0px;
    right:0px;
    display:block;
    width:100%;
    overflow:hidden;
    height:36px;
    /*transition*/
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -o-transition:all 0.8s;
    transition:all 0.8s;
    background:#0f86a2;
}
html body .affix .barre_contact .eventscroll{
    top:-36px;
}
html body .barre_contact .blocktext{
    display:block;
    width:100%;
    text-align:center;
    overflow:hidden;
    /*transition*/
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
    height:36px;
}
/*** Barre de contact **/
html body .barre_contact .eventscroll{
    line-height:36px;
    text-align:center;
}
html body .barre_contact .eventscroll .nous_contacter{
    color:white;
    text-transform:initial;
}
html body .barre_contact .eventscroll > div{
    display:inline-block;
    vertical-align:top;
    height:36px;
    margin:-1.5px 0px 0px 0px;
}
html body .barre_contact .eventscroll .social{
    float:right;
    margin-right:10px;
}
/** Social button navTop **/
.social a{
    display:inline-block;
    vertical-align:middle;
    width:25px;
    height:25px;
    background:transparent;
    text-align:center;
    /*border-radius*/
    -webkit-border-radius:200px;
    -moz-border-radius:200px;
    border-radius:200px;
    overflow:hidden;
    line-height:25px;
    margin-left:5px;
}
.social a img{
    line-height:25px;
    height:15px;
    width:15px;
}
.social a.google-button{
    background-color:#d44032;
}
.social .facebook-button{
    background-color:#3c599f;
}
.social .tweet-button{
    background-color:#4ac5ee;
}
/** Naivigation **/
.navbar-brand{
    height:auto;
    padding:0px;
}
html body nav.navbar{
    background:white;
    /*box-shadow*/
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
    box-shadow:0 0 10px rgba(0,0,0,0.5);
    z-index:999999;
}
nav.navbar > div.container-fluid{
    max-width:1260px;
    margin:0px auto;
    position:relative;
}
#menu-menu-principal{
    height:80px;
    text-align:center;
    text-transform:uppercase;
    /*transition*/
    -webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
    font-size:0px;
}
#menu-menu-principal  > li{
    position:static;
    width:auto;
    font-size:1.2em;
    padding:0px 1.4%;
    line-height:80px;
    text-align:center;
    display:inline-block;
    height:82px;
}
#menu-menu-principal  > li:first-child{
}
#menu-menu-principal  >  li > a{
    position:relative;
    display:inline-block;
    width:auto;
    padding:0px;
    line-height:25px;
    color:#363636;
    border:0px solid #0f86a2;
    font-size:15px;
}
#menu-menu-principal >  li:hover > a , #menu-menu-principal > li:hover > a:hover , 
#menu-menu-principal > li > a:hover,  #menu-menu-principal > li > a:focus{
    background:white;
    color:#0f86a2;
    font-weight:normal;
    border-bottom:1px solid #0f86a2;
}
#menu-menu-principal  > li.open > a::after{
    display:block;
    content:'';
    height:80px;
    width:1px;
    position:absolute;
    left:50%;
    top:100%;
    margin-left:-0.5px;
    background:#0f86a2;
}
/** Sous menu **/

#menu-menu-principal > li > ul.dropdown-menu.menu{
    position:absolute;
    font-size:0px;
    padding:0px;
    left:0px;
    right:0px;
    width:auto;
    margin-top:1px;
    text-align:left;
    background-color:#e6e6e6;
    /*box-shadow*/
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    border:none;
    line-height:0px;
    padding-left:5%;
    padding-top:50px;
    padding-bottom:50px;
}
#menu-menu-principal > li > ul.dropdown-menu.menu > li{
    position:relative;
    display:inline-block;
    vertical-align:top;
    width:30%;
    margin:0;
    margin-left:0%;
    line-height:30px;
    text-align:left;
    font-size:15px;

}

#menu-menu-principal > li > ul.dropdown-menu.menu > li:before{
    position:absolute;
    left:4px;
    width:5px;
    height:5px;
    border-radius:150px;
    top:50%;
    margin-top:-2.5px;
    content:"";
    background:#0F86A2;
}



#menu-menu-principal > li > ul.dropdown-menu.menu > li a{
    line-height:30px;
    text-transform:initial;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
#menu-menu-principal > li > ul.dropdown-menu.menu > li:hover a, 
#menu-menu-principal > li > ul.dropdown-menu.menu > li:hover a:hover{
    color:#0f86a2;
    background:transparent;
}
/** Modif greg 23/04/2014**/

html body .navigation_principale_menu .entree_menu.open li:hover,
html body .navigation_principale_menu .entree_menu.open li:focus,
html body .navigation_principale_menu .entree_menu.open li:focus:active,
html body .navigation_principale_menu .entree_menu.open li:active{
    outline:none 0px;
}
html body .navigation_principale_menu .entree_menu.open li:hover a,
html body .navigation_principale_menu .entree_menu.open li:focus a,
html body .navigation_principale_menu .entree_menu.open li:focus:active a,
html body .navigation_principale_menu .entree_menu.open li:active a{
    color:white;
}
.entree_menu{
    padding-top:25px;
}
#blog a, #blog a:hover{
    border-right:none;
}
.navbar-toggle{
    border:1px solid #00678e;
    margin-right:50px;
    margin-top:50px;
}
.navbar-toggle .icon-bar{
    background-color:#00678e;
}
#menubtn , #fermermenubtn{
    position:relative;
    background:#F7F7F7;
    display:none;
    vertical-align:middle;
    line-height:40px;
    margin:0px 15px;
    padding:0px 25px;
    border:none;
    font-size:15px;
    float:right;
    margin-top:17.5px;
    /*transition*/
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
    opacity:1;
}
html body.openmenu #menubtn{
    opacity:0;
    visibility:hidden;
}
#menubtn:hover ,  #fermermenubtn{
    background:#F0F0F0;
    color:#0F86A2;
}
#nav_principale .header-nav{
    display:none;
}
/*** Menu en mode mobile */
@media screen and (max-width:1020px){
    #menubtn , #fermermenubtn{
        display:inline-block;
    }
    .navbar-header{
        width:100%;
    }
    #nav_principale{
        position:fixed;
        top:36px;
        bottom:0px;
        width:100%;
        max-width:400px;
        left:-100%;
        /*transition*/
        -webkit-transition:all 0.5s;
        -moz-transition:all 0.5s;
        -o-transition:all 0.5s;
        transition:all 0.5s;
        background:#0f86a2;
        overflow:hidden;
        /*box-shadow*/
        -webkit-box-shadow:5px 78px 5px rgba(0,0,0,0.2);
        -moz-box-shadow:5px 78px 5px rgba(0,0,0,0.2);
        box-shadow:5px 78px 5px rgba(0,0,0,0.2);
    }
    html body.openmenu #nav_principale{
        left:0px;
    }
    #nav_principale .header-nav{
        display:block;
        height:75px;
        margin-bottom:15px;
        background:white;
        line-height:75px;
        /*box-shadow*/
        -webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
        -moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
        box-shadow:0 0 10px rgba(0,0,0,0.5);
    }
    #nav_principale .header-nav img{
        height:60px;
        width:auto;
        margin:0px 15px;
    }
    #menu-menu-principal{
        position:absolute;
        top:90px;
        bottom:0px;
        left:0px;
        right:0px;
        height:auto;
        overflow-y:auto;
    }
    #menu-menu-principal  > li{
        display:block;
        text-align:left;
        height:auto;
    }
    #menu-menu-principal  > li:first-child{
    }
    #menu-menu-principal  >  li > a{
        /*border-radius*/
        -webkit-border-radius:0px;
        -moz-border-radius:0px;
        border-radius:0px;
        text-align:left;
        padding:0px;
        padding-left:15px;
        margin:0px;
        display:block;
        color:white;
        line-height:30px;
        border-bottom:1px solid #0F89A6;
    }
    #menu-menu-principal > li > ul.dropdown-menu.menu{
        position:relative;
        height:5px;
        /*transition*/
        -webkit-transition:all 0.5s;
        -moz-transition:all 0.5s;
        -o-transition:all 0.5s;
        transition:all 0.5s;
        width:100%;
        padding:0px;
    }
    #menu-menu-principal > li.open > ul.dropdown-menu.menu{
        height:auto;
    }
    #menu-menu-principal > li > ul.dropdown-menu.menu > li{
        display:block;
        width:100%;
        line-height:30px;
        text-align:left;
    }
    #menu-menu-principal > li > ul.dropdown-menu.menu > li a{
    }
}






/** Ajout d'une petite arge entre le texte et l'image sur les block gris **/
.reseto.img_services{
    position:relative;
    height:96px;
    width:96px;
    margin-right:4px;
}
.reseto.img_services img{
    position:absolute;
    max-height:100%;
    max-width:100%;
    width:auto;
    height:auto;
}
/** Barre nos partenaires **/
#slider_partenaires .item{
    display:inline-block;
    margin:0px 2%;
}
#slider_partenaires .item img{
    height:50px;
    width:auto;
}
/** Nos offres 
        Centrer les boutons "nous-contactez"
**/
#EnteteNosOffres , .entete_secteur{
    text-align:center;
}
#EnteteNosOffres h1 , 
#EnteteNosOffres p , 
.entete_secteur h1 , 
.entete_secteur p{
    text-align:justify;
}
#EnteteNosOffres a , 
.entete_secteur a{
    display:inline-block;
}
/** Harmonie des textes colonnes
**/
.one_half > div{
    padding:0 15px 0 0!important;
}
.one_half + .one_half > div{
    padding:0 0px 0 15px!important;
}
.agences_block_sections .img-responsive{
    margin:0 auto;
}
/** ON TRICHE pour eviter l'espace blanc si les images sont mal taillées */
#slider_home{
    margin-bottom:-35px;
}
/** Effet Radius sur les images **/
.cropRadius{
    display:inline-block;
    overflow:hidden;
    height:200px;
    /*border-radius*/
    -webkit-border-radius:500px;
    -moz-border-radius:500px;
    border-radius:500px;
    width:200px;
    margin:0 auto;
}
.cropRadius img{
    max-height:100%;
    max-width:100%;
    width:auto;
    height:200px;
}
/** Image des "landings" aligner au titre**/
.entete_offre{
    margin-bottom:30px;
}
.entete_offre  div > img{
    margin-top:30px;
}
/*** Contenu simple ***/
#contenu_simple .entete_offre{
    text-align:center;
}
#contenu_simple .entete_offre_texte{
    text-align:center;
}
/**La barre des reseaux sociaux sur cerfrance page simple **/
#socialBarre{
    width:100%;
    margin:0px 0px 25px;
    height:80px;
    line-height:80px;
    text-align:center;
    line-height:50px;
}
#socialBarre img{
    width:80px;
    height:auto;
    margin:0px 30px;
}
html{
    /*background:#F2F3*/
    background:#F2F3F2;
    :/;
}
body{
    font-family:'PT Sans', sans-serif;
    margin:0 auto;
    padding:0;
    max-width:100%;
    background:white;
}
/** resize 1260px*/
.contener , .blog_home , .agences_block , .block_slider_metiers{
    max-width:1260px;
    margin:0px auto;
}
.row{
    margin:0;
    padding:0;
    width:100%;
}
a, a:hover, a:focus{
    font-family:'PT Sans', sans-serif;
    outline:none;
}
input, textarea{
    outline:none;
}
p, h1, h2, h3, h4{
    font-family:'PT Sans', sans-serif;
}
.contener{
    margin:auto;
}
.reseto{
    margin:0;
    padding:0;
}
.texte{
    font-size:1em;
    margin-bottom:0;
    margin-bottom:5px;
    margin-top:10px;
    padding-bottom:0px;
    position:relative;
    text-align:justify;
}
.texte span{
    color:#0075a1;
}
/** LES BOUTONS **/


html body .btn.fermer,
html body .btn.fermer:active{
    border:1px solid #EF0603;
    outline:0px none;
    color:#EF0603;
}
html body .btn.fermer:hover{
    border:1px solid #EF0603;
    background:#ef0603;
    /* Old browsers */
    /*linear-gradient*/
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#ef0603,0),color-stop(#bc0303,0.94));
    background:-webkit-linear-gradient(top,  #ef0603 0%, #bc0303 94%);
    background:   -moz-linear-gradient(top,  #ef0603 0%, #bc0303 94%);
    background:     -o-linear-gradient(top,  #ef0603 0%, #bc0303 94%);
    background:        linear-gradient(top,  #ef0603 0%, #bc0303 94%);
    /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef0603), color-stop(94%,#bc0303));
    /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,  #ef0603 0%,#bc0303 94%);
    background:   -moz-linear-gradient(top,  #ef0603 0%,#bc0303 94%);
    background:     -o-linear-gradient(top,  #ef0603 0%,#bc0303 94%);
    background:        linear-gradient(top,  #ef0603 0%,#bc0303 94%);
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    /*@@prefixmycss->No equivalent*/
    background:-webkit-linear-gradient(to bottom,  #ef0603 0%,#bc0303 94%);
    background:   -moz-linear-gradient(to bottom,  #ef0603 0%,#bc0303 94%);
    background:     -o-linear-gradient(to bottom,  #ef0603 0%,#bc0303 94%);
    background:        linear-gradient(to bottom,  #ef0603 0%,#bc0303 94%);
    color:white;
    outline:0px none;
}
html body .bouton_cerfrance ,
html body .btn.btn-default , 
html body .btn, 
html body .btn:active, 
html body .bouton_blog,
html body .bouton_blog:active,
html body .calendrier_text .inscrition,
html body .calendrier_text .inscrition:active{
    max-width:auto;
    width:auto;
   
    outline:0px none;
    border:1px solid #006e97;
    /*border-radius*/
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    color:#006e97;
    font-size:1.3em;
    height:45px;
    line-height:39px;
    margin-top:10px;
    margin-bottom:10px;
    padding:0px 30px;
    background:transparent;
    text-align:center;
}
html body .bouton_cerfrance:hover ,
html body .btn:hover, 
html body .btn.btn-default:hover , 
html body .btn.btn-default.bouton:hover, 
html body .barre_contact  .tel:hover , 
html body .calendrier_text  .btn.inscrition:hover,
html body .bouton_blog:hover , 
html body .footer .envoie.btn:hover{
    background:#006e97;
    color:#f6a84d;
    outline:0px none;
    border:1px solid #006e97;
    background: -webkit-linear-gradient(to bottom, #006e97 0%,#004c69 100%);
    background: -moz-linear-gradient(to bottom, #006e97 0%,#004c69 100%);
    background: -o-linear-gradient(to bottom, #006e97 0%,#004c69 100%);
    background: linear-gradient(to bottom, #006e97 0%,#004c69 100%);
    
}
html body .tel:hover a{
    color:#f6a84d;
}
html body .envoie.btn{
    width:100%;
}
html body .block_agence .envoie.btn{
    width:80%;
    margin:0px auto;
}
html body .block_agence .ajax-loader{
    display:block;
    width:16px;
    margin:0px auto;
}
html body .footer .envoie.btn{
    border:1px solid white;
    color:white;
}
html body .footer .envoie.btn:hover{
    border:1px solid white;
    background:white;
}

/**** SLIDER ****/

#slider_home .item{
    height:auto;
    padding:0;
}
#slider_home .item img{
    height:auto;
    width:100%;
    max-width:1260px;
    margin:0px auto;
}
#slider_home .item .text_slider{
    left:60%;
    margin:5px 0px;
    padding:0;
    position:absolute;
    top:20%;
    width:24%;
}
#slider_home .item .text_slider h2{
    color:#fff;
    font-size:2.2em;
    margin:0;
    margin-bottom:20px;
    padding:0;
    text-align:left;
    text-shadow:1px 1px 3px rgba(0,0,0,0.5);
    text-transform:uppercase;
}
#slider_home .item .text_slider p{
    color:#fff;
    font-size:1.6em;
    text-align:left;
    text-shadow:1px 1px 3px #000;
    text-shadow:1px 1px 3px rgba(0,0,0,0.5);
    text-transform:normal;
}
#slider_home .item .text_slider .bouton{
    background:transparent;
    border:1px solid white;
    /*border-radius*/
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    /*box-shadow*/
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    color:#fff;
    font-size:1.5em;
    margin-top:20px;
    height:auto;
    padding:10px 30px;
    text-align:justify;
    text-transform:uppercase;
    webkit-box-shadow:1px 1px 2px 0 rgba(0,0,0,0.5);
}
#slider_home .item .text_slider a.btn.bouton:hover,
#slider_home .item .text_slider a.btn.bouton:focus,
#slider_home .item .text_slider a.btn.bouton:hover:focus{
    border:1px solid white;
    background:white;
    color:#f6a84d;
}
/** Slider responsive **/

@media screen and (max-width:1024px){
    #slider_home .item .text_slider
    {
        left:60%;
        top:15%;
        width:35%;
    }
    #slider_home .item .text_slider h2{
        font-size:1.7em;
    }
    #slider_home .item .text_slider p{
        font-size:1.2em;
    }
    #slider_home .item .text_slider .bouton{
        font-size:1.3em;
        margin-top:10px;
        padding:5px 15px;
    }
}

@media screen and (max-width:720px){
    #slider_home .item .text_slider
    {
        left:60%;
        top:30%;
        width:38%;
    }
    #slider_home .item .text_slider h2{
        font-size:1.5em;
    }
    #slider_home .item .text_slider p{
        display:none;
    }
}

@media screen and (max-width:560px){
    #slider_home .item .text_slider
    {
        left:60%;
        top:20%;
        width:38%;
    }
    #slider_home .item .text_slider h2{
        font-size:1.3em;
    }
    #slider_home .item .text_slider .bouton{
        font-size:1em;
        margin-top:5px;
        padding:3px 10px;
    }
}


/** Modif greg **/
.barre_contact .tel:hover a{
    color:#f6a84d;
}
.barre_contact .tel{
    display:inline-block;
    background:#fff;
    border:1px solid transparent;
    /*border-radius*/
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    color:#017F9D;
    cursor:pointer;
    height:25px;
    line-height:22px;
    margin-left:20px;
    padding:0px 20px;
    text-align:center;
    text-transform:uppercase;
    vertical-align:middle;
}

.barre_contact img[alt=mail]{
    margin-right:8px;
}

.barre_contact img, .barre_contact a, .barre_contact a img, .barre_contact p, .barre_contact div, .barre_contact p img{
    display:inline-block;
}
.tel_ov{
    display:none;
}
.over_tel{
    display:inline-block!important;
}
#mail_barre{
    margin-right:10px;
}
.barre_contact a{
    color:#277a98;
    text-transform:uppercase;
}
.barre_contact .social{
    margin-left:20px;
}
.text_home{
    margin:40px 0;
    text-align:center;
}
.text_home h1{
    font-size:2em;
    font-weight:600;
    margin-bottom:40px;
}
.text_home span{
    color:#0075a1;
}
.text_home p{
    font-size:1.4em;
    font-weight:400;
    text-align:center;
}
.services_home{
    margin:0;
}
.services_home .titre{
    height:55px;
}
.titre{
    font-size:1.2em;
    font-weight:600;
    margin:0;
}
.titre span{
    color:#277a98;
}
.services_home p{
    margin-bottom:0;
    margin-top:0;
    padding-bottom:20px;
    position:relative;
    text-align:justify;
}
.services_home .img_services{
    margin-top:20px;
    text-align:center;
}
.services_home .img_services img{
    margin:auto;
}
.services_home p a{
    bottom:0;
    color:#0075a1;
    position:absolute;
    right:0;
    text-decoration:underline;
}
.agence_question{
    margin:30px 0px;
}
.agence_question .titre{
    margin-bottom:15px;
    padding-left:5px;
}
.agence_nav{
    list-style:none;
    padding:0;
}
.agence_nav li{
    height:26px;
    list-style:none;
    padding:2px 10px;
    position:relative;
}
.agence_nav li:hover{
    background-color:#f6a74d;
}
.agence_nav .active{
    background-color:#f6a74d;
}
.agence_nav .active .fleche{
    border-color:transparent transparent transparent #f6a74d;
    border-style:solid;
    border-width:13px 0 13px 13px;
    height:0px;
    margin:0;
    position:absolute;
    right:-13px;
    top:0;
    width:0px;
    z-index:88;
}
.agence_nav li:hover a{
    color:#fff;
}
.agence_nav .active a{
    color:#fff;
}
.agence_nav li a{
    color:#000;
    font-size:0.8em;
    text-transform:uppercase;
}
.agence_nav li a:hover{
    text-decoration:none;
}
.agence_nav li:hover .fleche{
    border-color:transparent transparent transparent #f6a74d;
    border-style:solid;
    border-width:13px 0 13px 13px;
    height:0px;
    margin:0;
    position:absolute;
    right:-13px;
    top:0;
    width:0px;
    z-index:88;
}
.info_agence .maps{
    height:150px;
    margin-bottom:-5px;
    width:100%;
    z-index:5;
}
.info_agence{
    background:url(../img/fond.png) center center;
    line-height:15px;
    padding-bottom:0;
    padding-top:10px;
    text-align:center;
    width:100%;
}
.info_agence .nom_agence{
    color:#fdb16c;
    font-weight:bold;
    line-height:15px;
    margin-bottom:0px;
    padding:0px;
    text-transform:capitalize;
}
.infos_agences{
    margin-top:40px;
}
.infos_agences .adress{
    margin:0px;
}
.infos_agences .contact_agence{
    font-weight:bold;
    margin-top:0px;
}
.infos_agences .contact_agence a, .infos_agences .contact_agence a:hover{
    color:#000;
    text-decoration:none;
}
.picto{
    color:#fff;
    height:45px;
    padding-top:5px;
    text-align:center;
}
.picto:hover{
    color:#fff;
    text-align:center;
    text-decoration:none;
}
.picto p{
    font-size:0.8em;
    margin-top:3px;
}
.picto img{
    margin:auto;
}
.picto_tel{
    background:#a25f26;
}
.picto_vcard{
    background:#fdb16c;
}
.picto_contact{
    background:#c37b41;
}
.picto_local{
    background:#e69957;
}
.questions{
    padding:0 70px;
}
.questions .form-control{
    background:#e6e6e6;
    border:none;
    /*border-radius*/
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    /*box-shadow*/
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    color:#000;
    height:30px;
    o-box-shadow:none;
    webkit-box-shadow:none;
}
.questions textarea.form-control{
    height:70px;
}
.block_evenements{
    margin:30px 10px;
    margin-right:0px;
    padding:0px;
}
.evenements .titre{
    margin-bottom:0px;
    padding-bottom:0;
    padding-left:15px;
}
.calendrier_date{
    background:url(../img/icon-agenda.png) no-repeat center center;
    height:65px;
    margin:0;
    padding:0;
    text-align:center;
    width:60px;
}
.calendrier_date p{
    font-size:1.7em;
    padding:27px 0;
}
.calendrier_text{
    height:100px;
    padding:10px 0px 20px 20px;
}
.calendrier_text .titre_evenements{
    font-size:1em;
    font-weight:bold;
    margin-bottom:0;
    padding:0;
}
.calendrier_text .titre_evenements span{
    color:#277a98;
}
.slider_services{
    margin-bottom:40px;
    margin-top:40px;
}
.owl-theme .owl-controls .owl-buttons div{
    background:url(../img/fleches_slider.png) no-repeat center center;
    /*border-radius*/
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    height:24px;
    o-border-radius:0;
    opacity:1;
    position:absolute;
    top:70px;
    webkit-border-radius:0;
    width:18px;
}
#slider_home.owl-theme .owl-controls .owl-buttons div{
    top:180px;
    height:31px;
    width:21px;
}
#slider_home.owl-theme .owl-controls .owl-buttons div{
    background:url(../img/fleches_big_slider.png) no-repeat center center;
}
#slider_home.owl-theme .owl-controls .owl-buttons .owl-prev{
    background-position:left center;
    left:30px;
}
#slider_home.owl-theme .owl-controls .owl-buttons .owl-next{
    background-position:right center;
    right:30px;
}
.owl-theme .owl-controls .owl-buttons .owl-prev{
    background-position:left center;
    left:-30px;
}
.owl-theme .owl-controls .owl-buttons .owl-next{
    background-position:right center;
    right:-30px;
}
.slider_services_home{
    margin:auto;
    width:85%;
}
.slider_services_home h2{
    text-align:left;
    color:#f6a84d;
    margin:0;
    margin-bottom:10px;
}
.slider_services_home p{
    margin-bottom:0;
    padding-bottom:10px;
    position:relative;
    text-align:justify;
}
.slider_services_home p a{
    display:block;
    width:95%;
    margin-right:5%;
    text-align:right;
    line-height:40px;
    color:#0075a1;
    position:relative;
    text-decoration:underline;
}
.slider_services_home img{
    margin:20px auto;
    text-align:center;
}
.blog_home{
    background-color:#f2f3f2;
    padding-bottom:20px;
    padding-top:40px;
    width:100%;
}
.blog_home_colone{
}
.block_articles{
    margin-top:30px;
    text-align:center;
}
.articles_block{
    margin-bottom:0px;
    text-align:left;
}
.articles_block .header_articles{
    margin-bottom:0;
    text-align:left;
}
.articles_block .header_articles img{
    margin:auto;
}
.articles_block .header_articles .titre{
    font-size:1.1em;
    margin-bottom:0;
    text-align:left;
}
.articles_block .header_articles .titre a{
    color:#000;
}
.articles_block .header_articles .titre a:hover{
    color:#f6a84d;
    text-decoration:none;
}
.articles_block .header_articles .infos_auteur{
    color:#757575;
    font-size:0.7em;
    margin-top:0px;
    padding-bottom:0;
    text-align:left;
}
.articles_block p{
    font-size:0.9em;
    margin-top:10px;
    padding-bottom:21px;
    margin-bottom:0;
    margin-bottom:5px;
    position:relative;
    text-align:justify;
}
.articles_block p ,html body .articles_block p.texte a{
    color:#000;
    padding:0px;
    margin:0px;
}
.articles_block > a{
    display:block;
    width:100%;
    text-align:right;
    color:#0075a1;
    position:relative;
    text-decoration:underline;
}
.articles_block p a:hover{
    color:inherit;
    text-decoration:none;
}
.tags{
    display:block;
    text-align:left;
    margin:0px auto;
    width:80%;
}
.tags a{
    display:inline-block;
    background:#f4cd9f;
    /*border-radius*/
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#000;
    font-size:0.8em;
    margin-right:4px;
    o-border-radius:5px;
    padding:2px 6px;
    text-align:left;
    white-space:nowrap;
    webkit-border-radius:5px;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
}
.tags a:hover{
    background:#f6a84d;
    color:#000;
    text-decoration:none;
}
.blog_colone .tags ,.article_entete .tags{
    display:block;
    padding-top:10px;
    clear:both;
    width:100%;
}
.block_video{
    margin-bottom:60px;
    margin-top:30px;
    text-align:left;
}
.block_video .titre{
    font-size:1.1em;
    margin-bottom:0;
    margin-top:15px;
    text-align:left;
}
.block_video .titre a{
    color:#000;
}
.block_video .titre a:hover{
    color:#f6a84d;
    text-decoration:none;
}
.block_video .infos_auteur{
    color:#757575;
    font-size:0.7em;
    margin-top:0px;
    padding-bottom:0;
    text-align:left;
}
.block_video .video_blog{
    height:165px;
    width:100%;
}
.block_slider_equipe{
    margin:30px auto;
    margin-bottom:20px;
    max-width:1260px;
}
.slider_equipe{
    margin:auto;
    margin-bottom:40px;
    margin-top:40px;
    text-align:center;
}
.slider_equipe .item{
    /*border-radius*/
    -webkit-border-radius:180px;
    -moz-border-radius:180px;
    border-radius:180px;
}
.slider_equipe .item img{
    /*border-radius*/
    -webkit-border-radius:180px;
    -moz-border-radius:180px;
    border-radius:180px;
    margin:auto;
    width:100%;
    max-width:145px;
    overflow:hidden;
}
.social_share{
    margin:60px;
    text-align:center;
}
.social_share > iframe , .social_share > div{
    margin:0px 0px 20px 0px;
}
.block_slider_partenaires{
    max-width:1260px;
    margin:0px auto;
    margin-bottom:20px;
}
.block_slider_partenaires .titre{
    margin-top:30px;
    text-align:center;
}
.slider_partenaires{
    margin:auto;
    margin-bottom:40px;
    margin-top:40px;
    text-align:center;
}
.slider_partenaires .item{
    margin:auto;
}
.slider_partenaires .item img{
    margin:auto;
    vertical-align:middle;
}
.block_slider_partenaires .owl-theme .owl-controls .owl-buttons div{
    top:5px;
}
footer{
    background:#363636;
    color:#fff;
    margin-top:40px;
    padding-bottom:30px;
    padding-top:30px;
    width:100%;
}
footer .titre{
    margin-bottom:20px;
}
footer a{
    color:#fff;
    font-size:0.9em;
    text-decoration:none;
}
footer a:hover{
    color:#fff;
    text-decoration:none;
}
.footer_colone ul{
    list-style:none;
    padding-left:0;
}
.footer_colone ul li{
    margin:0;
    padding:0;
}
.footer .tell2{
    margin:0;
    margin-bottom:10px;
    padding-top:0;
}
.footer .tell{
    padding-top:10px;
    text-align:center;
    margin-top:3px;
}
.partenaires_footer{
    padding-top:10px;
}
footer .barre_bottom{
    margin-top:30px;
    position:relative;
}
footer .barre_bottom p{
    width:79%;
}
footer .barre_bottom .social, footer .barre_bottom p{
    display:inline-block;
}
footer .barre_bottom .social{
    width:20%;
}
footer .barre_bottom .social a{
    display:inline-block;
}
footer .form-group{
    margin:8px 0px;
}
footer .pad,footer .champ{
    padding-left:15px;
}
.breadcrumb{
    background:none;
    font-size:0.9em;
    margin:40px 0px 40px;
    padding:0;
}
.breadcrumb li a,.breadcrumb li a:hover{
    color:#0075a1;
}
.breadcrumb .active{
    color:#000;
}
.breadcrumb > li + li:before{
    color:#0075a1;
    content:"//";
}
.text_404{
    margin:40px 0;
    text-align:center;
}
.text_404 p{
    font-size:2em;
    font-weight:700;
    margin-bottom:0px;
}
.text_404 p span{
    color:#0075a1;
}
.text_404 p{
    font-size:1.8em;
    font-weight:700;
}
.cat_titre{
    background:url(../img/fleche_404.png) no-repeat center right;
    color:#0075a1;
    font-size:1.5em;
    font-weight:700;
    padding-right:15px;
    text-decoration:none;
}
.liste_404 ul{
    list-style:none;
    padding-left:0;
}
.liste_404 ul li a{
    color:#000;
    font-size:0.9em;
    text-decoration:underline;
}
.questions_agences{
    text-align:center;
}
.questions_agences img{
    margin:0 auto 20px;
}
.maps_agences{
    /*border-radius*/
    -webkit-border-radius:360px;
    -moz-border-radius:360px;
    border-radius:360px;
    height:300px;
    margin-bottom:40px;
    margin-top:0;
    moz-border-radius:360px;
    o-border-radius:360px;
    webkit-border-radius:360px;
    width:300px;
}
.block_agence form{
    margin-top:30px;
}
.block_agence .form-group{
    margin-bottom:10px;
}
.block_agence .form-control{
    background:#f2f3f2;
    border:none;
    /*border-radius*/
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    /*box-shadow*/
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    color:#000;
    height:30px;
    margin:auto;
    o-box-shadow:none;
    webkit-box-shadow:none;
    width:80%;
}
.block_agence textarea.form-control{
    height:70px;
}
.content_agences{
    text-align:justify;
    margin-bottom:40px;
}
.content_agences h1{
    font-size:2em;
    font-weight:600;
    margin-bottom:10px;
}
.content_agences h2{
    font-size:1.5em;
    font-weight:600;
    margin-bottom:10px;
}
.content_agences span{
    color:#0075a1;
}
.content_agences img{
    margin-top:25px;
}
.content_agences text_img{
    margin:0;
    padding:0;
    padding-left:10px;
}
.agences_block{
    margin-bottom:40px;
}
.agences_block h3{
    color:#0075a1;
    font-size:1.1em;
    font-weight:600;
    margin-bottom:10px;
    text-align:center;
    text-transform:uppercase;
}
.agences_block h3 a{
    color:#0075a1;
}
.agences_block .titre{
    margin-bottom:30px;
    text-align:center;
}
.agences_block .agences_block_details{
    padding:0 30px;
    text-align:center;
}
.agences_block .agences_block_details .texte{
    font-size:0.8em;
    margin-bottom:15px;
}
.agences_block .agences_block_sections{
    margin-top:60px;
}
.block_slider_metiers{
    margin-top:60px;
}
.block_slider_metiers .titre{
    text-align:center;
}
.block_slider_metiers h2{
    font-size:1em;
    text-align:center;
}
.block_slider_metiers h2 a{
    color:#000;
    text-align:center;
    text-decoration:none;
}
.block_slider_metiers a{
    display:block;
    width:100%;
    text-align:center;
    color:#0075a1;
    font-size:1.1em;
    font-weight:700;
}



html body .contact .texte_contact,
html body #page-contact .titre_contact,
html body #formulaireContact .contact .texte_contact{
    font-size:2em;
    font-weight:600;
    margin-bottom:10px;
    text-align:center;
}
.contact .texte_contact span{
    color:#0075a1;
}
.contact .contant_form{
    margin:auto;
    margin-top:50px;
    max-width:600px;
}
.contact .contant_form.devis{
    max-width:1260px;
}
.contact .contant_form .form-group{
    margin-bottom:10px;
}
.contact .contant_form .form-control{
    background:#f2f3f2;
    border:none;
    /*border-radius*/
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    /*box-shadow*/
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    color:#000;
    height:30px;
    margin:auto;
    o-box-shadow:none;
    webkit-box-shadow:none;
    width:100%;
}
.contact .contant_form textarea.form-control{
    height:120px;
}
.appeler_nous{
    max-width:575px;
    margin:0px auto;
}
.appeler_nous address{
    display:inline-block;
    vertical-align:middle;
    width:47%;
    margin:38px 3% 0px 0px;
    font-size:1.2em;
    text-align:left;
}
.appeler_nous a{
    display:inline-block;
    vertical-align:middle;
    width:49%;
    text-align:center;
    font-size:1.4em;
}
.entete_secteur{
    margin-bottom:50px;
}
.entete_secteur img{
    margin-top:20px;
}
.entete_secteur h1{
    font-size:2em;
    font-weight:600;
    margin-bottom:10px;
}
.entete_secteur span{
    color:#0075a1;
}
.secteur{
    margin-bottom:70px;
    max-width:1260px;
    margin:0px auto;
}
.secteur .titre{
    margin-bottom:50px;
    text-align:center;
}
.block_secteur{
    margin-bottom:30px;
}
.block_secteur h2{
    color:#0075a1;
    font-size:1.3em;
    font-weight:600;
    margin-bottom:10px;
    text-align:left;
    text-transform:uppercase;
}
.block_secteur .left_block_secteur{
    margin:0;
    padding:0;
    padding-right:15px;
}
.block_secteur .right_block_secteur{
    margin:0;
    padding:0;
    padding-left:15px;
}
.block_secteur img{
    margin:30px auto;
}
.entete_valeurs{
    margin-bottom:50px;
}
.entete_valeurs h1{
    font-size:2em;
    font-weight:600;
    margin-bottom:50px;
}
.entete_valeurs span{
    color:#0075a1;
}
.valeurs{
    margin-bottom:40px;
}
.video_offres{
    height:260px;
    width:100%;
}
.entete_offre h1{
    font-size:2em;
    font-weight:600;
    margin-bottom:20px;
    text-align:center;
}
.entete_offre span{
    color:#0075a1;
}
.entete_offre .entete_offre_texte{
    font-size:1.7em;
    margin-bottom:20px;
    text-align:justify;
}
.entete_offre .titre{
    font-size:1.5em;
    text-align:left;
}
.offre_details{
    padding-bottom:30px;
}
.offre_details .services_home_block{
    margin-top:40px;
}
.services_home_block{
    height:235px;
}
.offres_block{
    margin-top:50px;
}
.offres_block img{
    display:inline-block;
}
.offres_block .texte{
    padding-bottom:20px;
}
.offres_block .texte a{
    bottom:0;
    color:#0075A1;
    position:absolute;
    right:0;
}
.evenements, .evenements_manques{
    margin-top:70px;
}
.evenements .titre{
    position:relative;
    display:block;
    width:auto;
    max-width:310px;
    background:#005C7F;
    line-height:30px;
    height:30px;
    padding:0px 0px 0px 39px;
    color:white;
    clear:both;
}
.evenements .titre::after{
    background:url("../img/fleche_menu_inscrivez_vous.png") no-repeat transparent;
    bottom:0px;
    right:-15px;
    content:"";
    display:block;
    position:absolute;
    height:30px;
    width:15px;
}
.evenements .titre span{
    color:white;
}
.evenements .block_left{
    border-right:1px solid #e3e3e3;
}
.block_evenements h2{
    color:#0075A1;
    font-size:1.2em;
    font-weight:600;
    margin:0;
}
.block_evenements h2 a{
    color:#0075A1;
}
.block_evenements .date{
    font-size:1.3em;
    margin:0;
}
.block_evenements .lieu{
    font-size:1.3em;
    margin:0;
    text-transform:uppercase;
}
.evenements_manques{
    margin-bottom:60px;
}
.evenements_manques .titre{
    margin-bottom:40px;
}
.evenements_manques h3{
    color:#0075A1;
    font-size:1.1em;
    font-weight:bold;
    margin-bottom:0;
}
.evenements_manques h3 span{
    text-transform:uppercase;
}
.evenements_manques .date_lieu span{
    text-transform:uppercase;
}
.evenements_manques .date_lieu{
    margin-bottom:5px;
    margin-top:0;
}
.evenements_manques .texte{
    margin-top:0;
    padding-bottom:25px;
}
.evenements_manques .texte a{
    bottom:0;
    color:#0075A1;
    position:absolute;
    right:0;
}
.blog{
}
.blog_colone{
    padding-left:0;
}
.blog_block{
    border-top:1px solid #e3e3e3;
    margin-bottom:30px;
    padding-top:40px;
    position:relative;
}
.blog_block .titre_section{
    margin-bottom:20px;
    margin-top:0px;
    position:relative;
}
.blog_block .titre_section a{
    color:#428BCA;
    font-size:0.8em;
    font-weight:400;
    position:absolute;
    right:0;
    text-decoration:underline;
}
.titre_block_blog{
    background:#00678e;
    color:#fff;
    display:block;
    font-size:1.2em;
    font-weight:700;
    height:30px;
    left:0;
    margin:0;
    padding:3px 90px 0px 30px;
    position:absolute;
    top:-15px;
}
.titre_block_blog .fleches{
    border-color:transparent transparent transparent #00678e;
    border-style:solid;
    border-width:15px 0px 15px 15px;
    height:0px;
    margin:0px;
    position:absolute;
    right:-15px;
    top:0px;
    width:0px;
    z-index:88;
}
.blog_block .articles_block p{
    margin-bottom:0;
    margin-top:0;
    padding-bottom:0;
}
.blog_block .articles_block .header_articles .infos_auteur{
    margin-bottom:0;
}
.blog_block .articles_block .coms{
    text-decoration:underline;
}
.blog_block .articles_block .vues{
    margin-left:10px;
    text-decoration:none;
}
.blog_block .articles_block .tags{
    display:block;
}
.blog_block .articles_block .tags a{
    display:inline-block;
    text-decoration:none;
}
.article_entete img{
}
#gerer{
    background-color:#0075a1;
}
#gerer .fleches{
    border-color:transparent transparent transparent #0075a1;
}
#developper{
    background-color:#3287b8;
}
#developper .fleches{
    border-color:transparent transparent transparent #3287b8;
}
#exporter{
    background-color:#4999ce;
}
#exporter .fleches{
    border-color:transparent transparent transparent #4999ce;
}
#quotidien{
    background-color:#79c2e7;
}
#quotidien .fleches{
    border-color:transparent transparent transparent #79c2e7;
}
#activite{
    background-color:#86d0f5;
}
#activite .fleches{
    border-color:transparent transparent transparent #86d0f5;
}
.blog_sidebar{
    padding-right:0;
}
.titre_sidebar,.social_sidebar .titre, .widget_sidebar .widget_title{
    background-color:#006e98;
    color:#fff !important;
    font-size:1.2em;
    font-weight:bold;
    height:40px;
    padding-top:8px;
    text-align:center;
}

.widget_sidebar .widget_title{
    padding: 8px 0px !important;
}
#mc4wp_email{
    width: 70%;
    background: #f2f3f2;
    border: none;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #000;
    margin: 0 auto;
    padding: 5px 5px;
}
#mc4wp-form-1 input[type='submit']{
    border-radius: 4px;
    border: none;
    padding: 5px 20px;
    background: #F3AA12;
    color: white;
    font-weight: bold;
    font-size: 16px;
}


.dernieres_publications{
}
#dernieres .header_articles{
    border-bottom:1px solid #e3e3e3;
    margin:auto;
    margin-bottom:15px;
    padding-bottom:0;
    padding-left:10%;
    padding-right:10%;
}
#dernieres .header_articles .titre{
    color:#828282;
    font-size:0.9em;
    font-weight:400;
}
#dernieres .header_articles .titre a{
    color:#828282;
}
#dernieres .header_articles .infos_auteur{
    color:#828282;
    font-size:0.7em;
    margin-bottom:4px;
}
.slider_titre{
    font-size:0.9em;
    padding-right:10%;
    padding-top:10px;
    text-align:right;
}
.slider_titre a{
    color:#fff;
}
.blog_sidebar .owl-theme .owl-controls{
    top:auto;
    bottom:0;
}
.blog_sidebar .owl-theme .owl-controls .owl-buttons div{
    background-color:#5b5b5b;
    border-right:1px solid #fff;
    bottom:-45px;
    height:40px;
    padding:0;
    top:inherit;
    width:40px;
}
.blog_sidebar .owl-theme .owl-controls .owl-buttons .owl-prev{
    background:url(../img/fleches_slider3.png) no-repeat center center #5b5b5b;
    left:-4px;
}
.blog_sidebar .owl-theme .owl-controls .owl-buttons .owl-next{
    background:url(../img/fleches_slider2.png) no-repeat center center #5b5b5b;
    left:36px;
}
.pub_sidebar{
    margin-bottom:40px;
    margin-top:30px;
}
.categories ul{
    list-style:none;
    padding:0;
}
.categories ul li a{
    background:url(../img/icon-fleche3.png) no-repeat center left;
    color:#828282;
    font-size:1.2em;
    font-weight:400;
    padding-left:30px;
}
.categories ul li , .archives ul li{
    padding-left:10%;
    line-height:30px;
}
.categories ul li+li{
    border-top:1px solid #e3e3e3;
}
.archives ul{
    list-style:none;
    padding:0;
}
.archives ul li a{
    background:url(../img/icon-fleche2.png) no-repeat center left;
    color:#828282;
    font-size:1.2em;
    font-weight:400;
    padding-left:30px;
}
.archives ul li+li{
    border-top:1px solid #e3e3e3;
}
.archives{
    margin-top:40px;
}
.lus_part{
    margin-top:40px;
}
.lus_part .nav-tabs.nav-justified li a{
    background:transparent;
    border:none;
    color:#fff;
    cursor:pointer;
    font-size:1em;
    font-weight:bold;
    height:auto;
    outline:none;
    padding:0;
    text-align:center;
}
.lus_part .nav-tabs.nav-justified .tabs_side{
    background-color:#5b5b5b;
}
.lus_part .nav-tabs.nav-justified .active{
    background-color:#006e98;
}
.lus_part .nav-tabs.nav-justified li a:hover, .lus_part .nav-tabs.nav-justified li a:focus{
    background:none;
    border:none;
    color:#fff;
    font-size:1em;
    font-weight:bold;
    height:auto;
    outline:none;
    padding:0;
    text-align:center;
}
.lus_part .header_articles{
    border-bottom:1px solid #e3e3e3;
    margin:auto;
    margin-bottom:15px;
    margin-top:10px;
    padding-bottom:10px;
}
.lus_part .header_articles .titre{
    color:#828282;
    font-size:1em;
    font-weight:300;
}
.lus_part .header_articles .dates{
    color:#828282;
    font-size:0.8em;
    font-weight:300;
    margin-bottom:0;
}
.lus_part .header_articles .elements_infos{
    padding:0;
    text-align:center;
}
.lus_part .header_articles .comss{
    background:url(../img/commentaire.png) no-repeat center left;
    color:#006e98;
    font-size:0.8em;
    padding-left:20px;
    text-decoration:none;
}
.lus_part .header_articles .views{
    background:url(../img/icon-views.png) no-repeat center left;
    color:#006e98;
    font-size:0.8em;
    margin-left:5px;
    padding-left:20px;
    text-decoration:none;
}
.lus_part .header_articles .titre a{
    color:#828282;
}
.social_sidebar{
    margin-top:30px;
}
.social_sidebar .titre{
    color:#006e98;
    margin-bottom:30px;
    margin-top:50px;
}
.social_sidebar .form-group{
    margin-bottom:10px;
}
.social_sidebar .form-control{
    background:#f2f3f2;
    border:none;
    /*border-radius*/
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    /*box-shadow*/
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    color:#000;
    height:45px;
    margin:auto;
    o-box-shadow:none;
    text-align:center;
    webkit-box-shadow:none;
    width:80%;
}
.social_sidebar .bouton_cerfrance{
    margin:auto;
    width:80%;
}
.cat1 .article_entete{
    margin-bottom:40px;
}
.paginations{
    margin:auto;
    text-align:center;
    width:50%;
}
.paginations a{
    display:inline-block;
    margin:5px;
    vertical-align:middle;
}
.recherche{
    border:none;
    padding-top:10px;
}
.recherche .rch{
    margin-bottom:30px;
}
.titre_ech{
    color:#006e98;
    font-size:1.6em;
    font-weight:700;
    margin-bottom:0;
}
.titre_recherche{
    color:#000;
    font-size:1.2em;
    font-weight:700;
    margin-bottom:0;
    margin-bottom:30px;
}
.recherche_form{
    margin-bottom:10px;
}
.recherche_form .loupe , html body .contener .recherche_form .loupe:active,
html body .contener .recherche_form .loupe:focus{
    outline:0px!important;
    background:url(../img/icon-loupe.png) no-repeat center center;
    border:none;
    /*box-shadow*/
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    display:inline-block;
    height:35px;
    margin:0;
    position:absolute;
    top:0px;
    right:0;
    width:45px;
    padding:0px;
    /*transition*/
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
}
html body .contener .recherche_form .loupe:hover,
html body .contener .recherche_form .loupe:hover:focus{
    outline:0px none;
    background-color:#E7E8E7;
    border:none;
}
html body .contener .recherche_form .loupe:active,
html body .contener .recherche_form .loupe:active:focus{
    outline:0px none;
    /*transform*/
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -o-transform:scale(0.8);
    transform:scale(0.8);
    border:none;
}
.recherche_form .form-group{
    display:inline-block;
    margin-bottom:10px;
    position:relative;
    width:100%;
}
.recherche_form .form-control{
    background:#f2f3f2;
    border:none;
    /*border-radius*/
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    /*box-shadow*/
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    color:#000;
    display:inline-block;
    height:35px;
    margin:auto;
    width:100%;
}
.articless{
}

.articless > img:first-child{
    width:100%;
}

.articless .infos_auteur{
    color:#828282;
    font-size:0.9em;
    margin-bottom:4px;
    margin-top:20px;
    text-align:center;
}
.articless h1{
    color:#006e98;
    font-size:1.8em;
    font-weight:bold;
    margin-bottom:20px;
}
.articless h2{
    color:#000;
    font-size:1.3em;
    font-weight:bold;
}
.articless .comss{
    background:url(../img/commentaire.png) no-repeat center left;
    color:#006e98;
    font-size:1em;
    padding-left:20px;
    text-decoration:none;
    text-decoration:underline;
}
.articless .views{
    background:url(../img/icon-views.png) no-repeat center left;
    color:#006e98;
    font-size:1em;
    margin-left:5px;
    padding-left:20px;
    text-decoration:none;
}
.articless .tags{
    display:block;
    margin-top:10px;
}
.auteur_fiche{
    background:#f2f3f2;
    /*border-radius*/
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    moz-border-radius:5px;
    o-border-radius:5px;
    webkit-border-radius:5px;
}
.auteur_fiche .titre{
    margin-bottom:8px;
    margin-top:8px;
}
.auteur_fiche .texte{
    font-size:0.9em;
    width:90%;
}
.auteur_fiche .social_fiche{
    position:absolute;
    right:5px;
    top:8px;
}
.commentaires{
    margin-top:50px;
}
.commentaires .titre_commentaires{
    background:url(../img/icon-discution.png) no-repeat left bottom;
    height:65px;
    padding-left:55px;
    padding-top:30px;
}
.commentaires .coms2{
    background:url(../img/icon-bulle.png) no-repeat left bottom;
    height:65px;
    padding-left:55px;
    padding-top:30px;
}
.commentaires .titre_commentaires .titre_coms{
    font-size:1.3em;
    font-weight:700;
    line-height:13px;
    margin-bottom:0;
    padding-bottom:0;
}
.commentaires .titre_commentaires .texte_coms{
    font-size:1.2em;
    font-weight:400;
    margin-bottom:0;
    margin-top:0;
    padding-bottom:0;
    padding-top:0;
}
.commentaires .block_commentaires{
    background:url(../img/separations.jpg) no-repeat center bottom;
    margin-top:30px;
    padding-bottom:30px;
}
.commentaires .block_commentaires .titre{
    font-size:1em;
    margin-bottom:0;
}
.commentaires .block_commentaires .texte{
    margin-top:0;
}
.commentaires form{
    margin-top:30px;
    text-align:left;
}
.commentaires .form-group{
    margin-bottom:10px;
}
.commentaires .form-control{
    background:#f2f3f2;
    border:none;
    /*border-radius*/
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    /*box-shadow*/
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    color:#000;
    height:30px;
    o-box-shadow:none;
    webkit-box-shadow:none;
    width:50%;
}
.commentaires textarea.form-control{
    height:90px;
    width:100%;
}
.btn_precedent ,.homebtn, .btn_suivant{
    text-align:center;
    font-size:1.1em;
    line-height:20px;
}
.homebtn img{
    line-height:20px;
    margin-right:10px;
    margin-top:-4px;
}
.btn_precedent{
    text-align:left;
}
.btn_suivant{
    text-align:right;
}
.navigation_article{
    background:url(../img/separations.jpg) no-repeat top center;
    margin-top:30px;
    padding-top:40px;
}
.navigation_article .btn_recedent img{
    margin-right:10px;
}
.navigation_article .btn_recedent{
    padding:0;
    text-align:left;
}
.navigation_article .btn_suivant{
    padding:0;
    text-align:right;
}
.navigation_article .btn_suivant img{
    margin-left:10px;
}
.navigation_article .btn_blog{
    text-align:center;
}
.navigation_article .btn_blog img{
    margin-right:10px;
}
.navigation_article .btn_blog a{
    background:#f1f2f1;
    /*linear-gradient*/
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#f1f2f1,0.01),color-stop(#dbdcdb,1));
    /*@@prefixmycss->No equivalent*/
    background:-webkit-linear-gradient(to bottom, #f1f2f1 1%,#dbdcdb 100%);
    background:   -moz-linear-gradient(to bottom, #f1f2f1 1%,#dbdcdb 100%);
    background:     -o-linear-gradient(to bottom, #f1f2f1 1%,#dbdcdb 100%);
    background:        linear-gradient(to bottom, #f1f2f1 1%,#dbdcdb 100%);
    background:-webkit-linear-gradient(top, #f1f2f1 1%, #dbdcdb 100%);
    background:   -moz-linear-gradient(top, #f1f2f1 1%, #dbdcdb 100%);
    background:     -o-linear-gradient(top, #f1f2f1 1%, #dbdcdb 100%);
    background:        linear-gradient(top, #f1f2f1 1%, #dbdcdb 100%);
    background:-webkit-linear-gradient(top, #f1f2f1 1%,#dbdcdb 100%);
    background:   -moz-linear-gradient(top, #f1f2f1 1%,#dbdcdb 100%);
    background:     -o-linear-gradient(top, #f1f2f1 1%,#dbdcdb 100%);
    background:        linear-gradient(top, #f1f2f1 1%,#dbdcdb 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#f1f2f1), color-stop(100%,#dbdcdb));
    color:#000;
    }
@media screen and (max-width:1024px){
    .breadcrumb{
        padding-left:15px;
    }
    .entete_valeurs{
        padding:10px;
    }
    .articless{
        padding-left:10px;
    }
}
@media screen and (max-width:767px){
    .container-fluid .navbar-header{
        margin:0;
    }
    html body .container-fluid{
        padding:0px!important;
    }
    .entete_secteur img{
        margin:auto;
    }
    .img-responsive{
        margin:auto;
    }
    .block_secteur .left_block_secteur{
        margin:0;
        padding:10px;
    }
    .block_secteur .right_block_secteur{
        margin:0;
        padding:10px;
    }
    .block_evenements, .block_evenements .date, .block_evenements .lieu{
        text-align:center;
    }
    .blog_sidebar{
        margin-top:10px;
    }
}
@media screen and (max-width:900px){
    .maps_agences{
        height:200px;
        width:100%;
    }
}
@media screen and (max-width:800px){
    .text_home p{
        margin:auto;
        width:90%;
    }
    .services_home p{
        padding-bottom:15px;
    }
    .agences{
        padding-right:30px;
    }
    .questions{
        margin-top:30px;
    }
    .calendrier_text{
        padding-bottom:110px;
    }
}
@media screen and (max-width:800px){
    .text_home p{
        margin:auto;
        width:90%;
    }
    .services_home p{
        padding-bottom:15px;
    }
    .agences{
        padding-right:30px;
    }
    .questions{
        margin-top:30px;
    }
    .calendrier_text{
        padding-bottom:110px;
    }
    .blog_home_colone{
        text-align:center;
    }
}
@media screen and (max-width:430px){
    .agences{
        padding-right:10px;
    }
    .questions{
        padding-left:5px;
        padding-right:15px;
        padding-top:20px;
    }
    .calendrier_text{
        padding-bottom:130px;
    }
    .blog_block .titre_section a{
        top:20px;
    }
}
@media screen and (max-width:320px){
    .nav-tabs.nav-justified{
        margin-top:20px;
    }
}
.widget.widget_text, .widget.widget_nav_menu, .widget.widget_black_studio_tinymce{
    list-style:none;
}
#envoi1, #envoi2{
    margin-top:0px;
}
/** Slider slick **/

.slick-slider{
    margin-top:40px;
}
.slick-slider .item{
    text-align:center;
}
.slick-prev{
    background:url(../img/fleches_slider.png) 0 0 no-repeat transparent;
    height:24px;
    width:20px;
    margin-top:-12px;
}
.slick-next{
    background:url(../img/fleches_slider.png) -20px 0 no-repeat transparent;
    height:24px;
    width:20px;
    margin-top:-12px;
}
/** Page nos tarifs **/
.width100{
    width:100%;
}
/** Page landing formulaire de contact **/
#formulaireContact{
    padding-top:60px;
    clear: both;
}
/** widget_nos_tarifs **/

#widget_nos_tarifs{
    text-align:center;
    max-width:1260px;
    margin:60px auto;
    font-size:1em;
}
#widget_nos_tarifs article{
    position:relative;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    /*perspective*/
    -webkit-perspective:5000;
    -moz-perspective:5000;
    -ms-perspective:5000;
    -o-perspective:5000;
    perspective:5000;
    width:190px;
    float:none;
    padding:0px;
    margin:10px 0.5%;
}
#widget_nos_tarifs .animation{
    position:relative;
    text-align:center;
    /*transform-style*/
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    transform-style:preserve-3d;
    /*transition*/
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
    height:auto;
}
#widget_nos_tarifs article .face{
    /*transition*/
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
}
#widget_nos_tarifs article:focus .animation.rotate,
#widget_nos_tarifs article:active .animation.rotate,
#widget_nos_tarifs article:hover .animation.rotate{
    /*transform*/
    -webkit-transform:rotateX(180deg);
    -moz-transform:rotateX(180deg);
    -ms-transform:rotateX(180deg);
    -o-transform:rotateX(180deg);
    transform:rotateX(180deg);
}
#widget_nos_tarifs article:focus .animation.rotate .face.back,
#widget_nos_tarifs article:active .animation.rotate .face.back,
#widget_nos_tarifs article:hover .animation.rotate .face.back{
    /*transform*/
    -webkit-transform:rotateX(180deg);
    -moz-transform:rotateX(180deg);
    -ms-transform:rotateX(180deg);
    -o-transform:rotateX(180deg);
    transform:rotateX(180deg);
}
#widget_nos_tarifs article .front img{
    width:100%;
    height:auto;
}
.face{
    width:auto;
    height:auto;
    /*backface-visibility*/
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
}
.face.back{
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    display:block;
    /*transform*/
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    transform:rotateY(180deg);
    /*backface-visibility*/
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    box-sizing:border-box;
    padding:10px;
    color:white;
    text-align:center;
    /*border-radius*/
    -webkit-border-radius:1500px;
    -moz-border-radius:1500px;
    border-radius:1500px;
}
.front{
    /*border-radius*/
    -webkit-border-radius:1600px;
    -moz-border-radius:1600px;
    border-radius:1600px;
}
.front .title{
    position:absolute;
    left:10px;
    right:10px;
    top:50%;
    text-align:center;
    line-height:40px;
    font-size:20px;
    margin-top:-20px;
    color:white;
    font-weight:bold;
    /*backface-visibility*/
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    text-shadow:0 0 5px rgba(0,0,0,0.7);
}
#widget_nos_tarifs .back .title{
    margin-top:22%;
    font-size:1.3em;
    line-height:1em;
}
#widget_nos_tarifs .back .prix{
    font-size:1em;
    line-height:2.7em;
}
#widget_nos_tarifs .back .prix b{
    font-size:2.7em;
    vertical-align:middle;
}
#widget_nos_tarifs .back .ensavoirplus{
    display:block;
    margin-top:10%;
    font-size:1em;
}
#widget_nos_tarifs .art .front, .comm .front, .service .front{
    border:1px solid #F7A84C;
    background:#F7A84C;
}
#widget_nos_tarifs .liberale .front{
    border:1px solid #74ACC3;
    background:#74ACC3;
}
#widget_nos_tarifs .agriculteur .front, .viticulteur .front{
    border:1px solid #A2C753;
    background:#A2C753;
}
#widget_nos_tarifs .art .back, .comm .back, .service .back{
    border:1px solid #F7A84C;
    background:#F7A84C;
}
#widget_nos_tarifs .liberale .back{
    border:1px solid #74ACC3;
    background:#74ACC3;
}
#widget_nos_tarifs .agriculteur .back, .viticulteur .back{
    border:1px solid #A2C753;
    background:#A2C753;
}
#widget_nos_tarifs h3{
    position:relative;
    display:block;
    width:100%;
    font-size:3em;
    line-height:50px;
    text-align:center;
    color:black;
    font-weight:normal;
}
#widget_nos_tarifs .vous_etes , .titre_avec_ligne {
    position:relative;
    display:inline-block;
    font-size:2em;
    text-align:center;
    line-height:50px;
    margin-bottom:40px;
    clear:both;
    color:#0075a1;
    width:100%;

}

#widget_nos_tarifs .vous_etes span ,.titre_avec_ligne span{ 
    background: white;
    display: inline-block;
    z-index: 900;
    position: relative;
    padding: 0 15px;
}
#widget_nos_tarifs .vous_etes::after , .titre_avec_ligne::after{
    display:block;
    position:absolute;
    top:50%;
    right:5%;
    width:35%;
    height:1px;
    background:black;
    content:"";
    /*transition*/
    -webkit-transition:all 0.25s;
    -moz-transition:all 0.25s;
    -o-transition:all 0.25s;
    transition:all 0.25s;
}
#widget_nos_tarifs .vous_etes::before , .titre_avec_ligne::before{
    display:block;
    position:absolute;
    top:50%;
    left:5%;
    width:35%;
    height:1px;
    background:black;
    content:"";
    /*transition*/
    -webkit-transition:all 0.25s;
    -moz-transition:all 0.25s;
    -o-transition:all 0.25s;
    transition:all 0.25s;
}
/*version single*/

#widget_nos_tarifs{
    position:relative;
}
#widget_nos_tarifs.single article{
    vertical-align:top;
}
#widget_nos_tarifs.single article a > div{
    width:auto;
    height:190px;
    /*border-radius*/
    -webkit-border-radius:1600px;
    -moz-border-radius:1600px;
    border-radius:1600px;
    /*transition*/
    -webkit-transition:all 0.65s;
    -moz-transition:all 0.65s;
    -o-transition:all 0.65s;
    transition:all 0.65s;
}
#widget_nos_tarifs.single article.deplier:hover a > div{
    /*transform*/
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
    /*box-shadow*/
    -webkit-box-shadow:0 0 7px rgba(0,0,0,0.3);
    -moz-box-shadow:0 0 7px rgba(0,0,0,0.3);
    box-shadow:0 0 7px rgba(0,0,0,0.3);
}
#widget_nos_tarifs.single article a:hover{
    text-decoration:none;
}
#widget_nos_tarifs.single .face.back{
    position:relative;
    height:190px;
    /*transform*/
    -webkit-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
    -ms-transform:rotateY(0deg);
    -o-transform:rotateY(0deg);
    transform:rotateY(0deg);
}
/*Ajustement des couleurs suivant la catégorie*/
#widget_nos_tarifs.commercant article a > div , 
#widget_nos_tarifs.artisan article a > div ,
#widget_nos_tarifs.e-commercant article a > div ,
#widget_nos_tarifs.association article a > div ,
#widget_nos_tarifs.pme_pmi article a > div ,
#widget_nos_tarifs.societe_de_service article a > div{
    border:1px solid #F7A84C;
    background:#F7A84C;
}
#widget_nos_tarifs.profession_liberale article a > div{
    border:1px solid #74ACC3;
    background:#74ACC3;
}
#widget_nos_tarifs.agriculteur article a > div, 
#widget_nos_tarifs.viticulteur article a > div,
#widget_nos_tarifs.ostreiculteur article a > div{
    border:1px solid #A2C753;
    background:#A2C753;
}


.non-mobile #widget_nos_tarifs.single article:nth-child(4){
    /*transform*/
    -webkit-transform:translateX(-203px);
    -moz-transform:translateX(-203px);
    -ms-transform:translateX(-203px);
    -o-transform:translateX(-203px);
    transform:translateX(-203px);
}

#widget_nos_tarifs.single article:nth-child(5){
    opacity:0.8; 
}
.non-mobile #widget_nos_tarifs.single article:nth-child(5){
    /*transform*/
    -webkit-transform:translateX(-406px);
    -moz-transform:translateX(-406px);
    -ms-transform:translateX(-406px);
    -o-transform:translateX(-406px);
    transform:translateX(-406px);
    opacity:0.8;
}

#widget_nos_tarifs.single article:nth-child(6){
    opacity:0.7; 
}

.non-mobile #widget_nos_tarifs.single article:nth-child(6){
    /*transform*/
    -webkit-transform:translateX(-609px);
    -moz-transform:translateX(-609px);
    -ms-transform:translateX(-609px);
    -o-transform:translateX(-609px);
    transform:translateX(-609px);
}

#widget_nos_tarifs.single article:nth-child(7){
    opacity:0.4; 
}

.non-mobile #widget_nos_tarifs.single article:nth-child(7){
    /*transform*/
    -webkit-transform:translateX(-812px);
    -moz-transform:translateX(-812px);
    -ms-transform:translateX(-812px);
    -o-transform:translateX(-812px);
    transform:translateX(-812px);

}

#widget_nos_tarifs.single article:nth-child(8){
    opacity:0.2;
}

.non-mobile #widget_nos_tarifs.single article:nth-child(8){
    /*transform*/
    -webkit-transform:translateX(-1015px);
    -moz-transform:translateX(-1015px);
    -ms-transform:translateX(-1015px);
    -o-transform:translateX(-1015px);
    transform:translateX(-1015px);

}

.non-mobile #widget_nos_tarifs.single article{
    /*transition*/
    -webkit-transition:all 2s;
    -moz-transition:all 2s;
    -o-transition:all 2s;
    transition:all 2s;
}

.non-mobile #widget_nos_tarifs.single article.deplier{
    /*transform*/
    -webkit-transform:translateX(0px);
    -moz-transform:translateX(0px);
    -ms-transform:translateX(0px);
    -o-transform:translateX(0px);
    transform:translateX(0px);
}

/** On cache la div article 7 et 8 en mode mobile **/
.mobile #widget_nos_tarifs.single article:nth-child(7), 
.mobile #widget_nos_tarifs.single article:nth-child(8){
    display:none!important;
}

/** Reponsivite du titre vous êtes**/


@media screen and (max-width:1024px){
    .vous_etes::after , .titre_avec_ligne::after{        width:30%;
    }
    .vous_etes::before , .titre_avec_ligne::before{
        width:30%;
    }
}


@media screen and (max-width:720px){
    .vous_etes::after , .titre_avec_ligne::after{        width:25%;
    }
    .vous_etes::before , .titre_avec_ligne::before{
        width:25%;
    }
}


@media screen and (max-width:480px){
    .vous_etes::after , .titre_avec_ligne::after{       
        width:10%;
    }
    .vous_etes::before , .titre_avec_ligne::before{
        width:10%;
    }
}


.include_contact .contact, 
#page-contact .contact{
    display:inline-block;
    width:49%;
    vertical-align: top;
}
.include_contact .contact.devis, 
#page-contact .contact.devis{
    width:100%;
}

html body .include_contact .contact.appeler_nous{
    margin:0px;
}

.center-contact{
    text-align:center;
}


@media screen and (max-width:1100px){
    .include_contact .contact , #page-contact .contact{
        display:inline-block;
        width:100%;
    }
    
    .contact.appeler_nous{
        margin: 60px auto 120px;
    }
    
}


/*** Landing page nos-tarifs **/

.list_vignette{
    display:block;
    text-align:center;
    margin:100px auto;
    /*perspective*/
    -webkit-perspective:1000;
    -moz-perspective:1000;
    -ms-perspective:1000;
    -o-perspective:1000;
    perspective:1000;
}
.list_vignette .vignette{
    position:relative;
    display:inline-block;
    margin:0px 5%;
    /*transform*/
    -webkit-transform:rotateY(0deg) translateX(-1500px);
    -moz-transform:rotateY(0deg) translateX(-1500px);
    -ms-transform:rotateY(0deg) translateX(-1500px);
    -o-transform:rotateY(0deg) translateX(-1500px);
    transform:rotateY(0deg) translateX(-1500px);
    opacity:0;
    /*transition*/
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s;
}
.list_vignette .vignette:nth-child(3){
    /*transform*/
    -webkit-transform:rotateY(0deg) translateZ(-20000px);
    -moz-transform:rotateY(0deg) translateZ(-20000px);
    -ms-transform:rotateY(0deg) translateZ(-20000px);
    -o-transform:rotateY(0deg) translateZ(-20000px);
    transform:rotateY(0deg) translateZ(-20000px);
}
.list_vignette .vignette:nth-child(4){
    /*transform*/
    -webkit-transform:rotateY(0deg) translateX(1500px);
    -moz-transform:rotateY(0deg) translateX(1500px);
    -ms-transform:rotateY(0deg) translateX(1500px);
    -o-transform:rotateY(0deg) translateX(1500px);
    transform:rotateY(0deg) translateX(1500px);
}
.list_vignette.show .vignette{
    display:inline-block;
    opacity:1;
    /*transform*/
    -webkit-transform:rotateY(0deg) translateZ(0px);
    -moz-transform:rotateY(0deg) translateZ(0px);
    -ms-transform:rotateY(0deg) translateZ(0px);
    -o-transform:rotateY(0deg) translateZ(0px);
    transform:rotateY(0deg) translateZ(0px);
}
.list_vignette.show .vignette:hover,
.list_vignette.show .vignette:focus{
    z-index:1050;
    /*transform*/
    -webkit-transform:scale(1.1) rotateY(0deg) translateZ(50px);
    -moz-transform:scale(1.1) rotateY(0deg) translateZ(50px);
    -ms-transform:scale(1.1) rotateY(0deg) translateZ(50px);
    -o-transform:scale(1.1) rotateY(0deg) translateZ(50px);
    transform:scale(1.1) rotateY(0deg) translateZ(50px);
    /*box-shadow*/
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.5);
    -moz-box-shadow:0 0 15px rgba(0,0,0,0.5);
    box-shadow:0 0 15px rgba(0,0,0,0.5);
}
.list_vignette.show .vignette.rotate{
    /*transform*/
    -webkit-transform:scale(3) rotateY(360deg) translateZ(100px);
    -moz-transform:scale(3) rotateY(360deg) translateZ(100px);
    -ms-transform:scale(3) rotateY(360deg) translateZ(100px);
    -o-transform:scale(3) rotateY(360deg) translateZ(100px);
    transform:scale(3) rotateY(360deg) translateZ(100px);
    opacity:0;
    /*box-shadow*/
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.5);
    -moz-box-shadow:0 0 15px rgba(0,0,0,0.5);
    box-shadow:0 0 15px rgba(0,0,0,0.5);
}



/** Adaptation ie **/
html.ie #widget_nos_tarifs article:focus .animation.rotate,
html.ie #widget_nos_tarifs article:active .animation.rotate,
html.ie #widget_nos_tarifs article:hover .animation.rotate{
    /*transform*/
    -webkit-transform:rotateX(0deg)!important;
    -ms-transform:rotateX(0deg)!important;
    transform:rotateX(0deg)!important;
}
html.ie #widget_nos_tarifs article:focus .animation.rotate .face.back,
html.ie #widget_nos_tarifs article:active .animation.rotate .face.back,
html.ie #widget_nos_tarifs article:hover .animation.rotate .face.back{
    /*transform*/
    -webkit-transform:rotateX(0deg)!important;
    -ms-transform:rotateX(0deg)!important;
    transform:rotateX(0deg)!important;
}

html.ie .face.back{
    opacity:0;
    -webkit-transform:rotateX(0deg)!important;
    -ms-transform:rotateY(0deg)!important;
    transform:rotateY(0deg)!important;
}


html.ie #widget_nos_tarifs.single .face.back{
    opacity:1!important;
}

html.ie #widget_nos_tarifs article:focus .animation.rotate .face.back,
html.ie #widget_nos_tarifs article:active .animation.rotate .face.back,
html.ie #widget_nos_tarifs article:hover .animation.rotate .face.back{
    opacity:1;
}

html.ie #widget_nos_tarifs .art .front, .comm .front, .service .front{
    border:1px solid #F7A84C;
    background:#F7A84C;
}
html.ie #widget_nos_tarifs .liberale .front{
    border:1px solid #74ACC3;
    background:#74ACC3;
}
html.ie #widget_nos_tarifs .agriculteur .front, .viticulteur .front{
    border:1px solid #A2C753;
    background:#A2C753;
}


html.ie #widget_nos_tarifs .art .back, .comm .back, .service .back{
    border:1px solid #F7A84C;
    background:#F7A84C;
}
html.ie #widget_nos_tarifs .liberale .back{
    border:1px solid #74ACC3;
    background:#74ACC3;
}
html.ie #widget_nos_tarifs .agriculteur .back, .viticulteur .back{
    border:1px solid #A2C753;
    background:#A2C753;
}