/* 
Theme Name: Dourdan.fr
Theme URI: http://www.dourdan.fr/ 
Description: Theme Dourdan.fr

Author: Steve Max & Pierre-Nicolas | Kroox.io
Version: 1.0
Tags:
*/ 


@charset "UTF-8";
/*CSS Document */

/* ------------------------------------------------------------ Generals ---- */
* {margin: 0;padding: 0;font-family: 'Muli','Arial', sans-serif;}
html {} 
body {background: #FFFFFF;overflow-y: scroll;padding-top: 170px;}
a {color: #0090de;text-decoration: none;transition:0.3s;}
a.lien {
    color: #fbbb00;
    font-weight: 700;
}
a:hover, a:focus {color: #565149;text-decoration: none;}
a.lien:hover, a.lien:focus {color:#ffc61e;}
img {max-width: 100%;/* height: auto; */}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: "Muli", Arial, sans-serif;}
h1 {margin-top: 0;margin: 0;font-family: 'Muli', sans-serif;margin-bottom: 10px;}
h1.h1-title {
    font-weight: 900;
    text-align: center;
    /* margin: 50px 0; */
    padding-bottom: 20px;
}
h3, .h3 {font-family: 'Muli', sans-serif;color: #009dec;font-size: 20px;margin: 0;}
h4, .h4 {font-family: "Muli",sans-serif;font-weight: bold;margin-top: 30px;}
body hr {/* padding: 30px 0; */border: none;border-top:1px solid #EEEEEE;clear: both;}
body footer hr {/* padding-bottom: 30px; */border: none;border-top:1px solid #EEEEEE;clear: both;}
.main-title {
    /* padding: 150px 0; */
    background-attachment: fixed !important;
    background: url(/wp-content/uploads/2017/09/dourdan.png) no-repeat center;
    background-size: cover;
}
.main-title .cover {
    color: #FFF;
    /* padding: 200px 0; */
    /* background: rgba(34, 34, 34, 0.9); */
    background: url(img/grey-bot2.png) no-repeat bottom;
    min-height: 100px;
    background-size: 100% 100px;
}
.title .ancestor {
    color: #009dec;
    font-size: 20px;
    font-weight: 300;
    /* margin-bottom: 0; */
}
.single .title h1 {/* padding:0; *//* font-weight:400; *//* font-size:32px; */}
.title h1 {
    /* text-align: center; */
    /* color: #2e3539; */
    /* padding: 0; */
    /* font-weight: 700; */
    /* font-size: 45px; */
    /* background: url(img/orange.png) no-repeat center bottom; */
    /* padding-bottom: 25px; */
}
.title small{display:block}
.title .lead {min-width:60%;max-width:800px;margin: 0 auto;}
.bc_content {
    padding: 50px 50px 70px 50px;
}
.thisisbcs {
    border: 1px solid #CCC;
}
p {/* line-height: 22px; */}
p.sub-infos {
    font-size: 12px;
    font-style: italic;
    color: #111;
}
header .container {
    padding: 0;
    /* background: #FFF; */
}
header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 5000;
    left: 0;
}
span.tel.pull-right {
display: block;
height: 150px;
width: 542px;
background: url(img/top.png) no-repeat bottom right;margin-top: -10px;}
nav.navbar.navbar-inverse {
    margin-bottom: 0;
    border: none;
    background-color: #009dec;
    /* position: fixed; */
    width: 100%;
    /* top: 32px; */
    z-index: 1000;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
}
.wrapper {
    background: #EEE;
    padding-bottom: 30px;
}
.flash {
    padding-top: 15px;
    color: #888;
}
.navbar-header {height: 70px;padding: 0;}
div#lemenu {
    margin-top: 30px;
}
img.smootch {
    position: absolute;
    margin-top: -50px;
}
a.navbar-brand {margin-top: 10px;}
.navbar.navbar-default ul {
margin: 0;
list-style: none;width: 100%;}

.navbar-footer {
    margin: 0;
}

.navbar-footer > li {
    /* display: block; */
    /* width: 25%; */
    /* margin: 0; */
    /* padding: 0; */
    /* border: none; */
    /* float: left; */
}

.navbar-footer > li >
 a {
    color: #222;
    padding: 10px 0;
}

body .navbar-footer li .sub-menu,body .navbar-footer li:hover .sub-menu {
    display: block;
    background: none;
    position: relative !important;
    text-align: left;
}

.navbar-footer > li > .sub-menu > li {
    display: block !important;
    width: 100% !important;
}
.navbar-footer > li > .sub-menu > li > a {
    color: #999;
    font-weight: 300;
    padding: 3px 0px;
    display: block;
    white-space: inherit;
}

.navbar-footer > li > .sub-menu > li > a:hover {
    color: #009dec;
}

/* NAVBAR */
.navbar-header {/* float: none; */text-align: left;}
#thekroox h1 {color:#908a7f}
.navbar.navbar-default {margin-bottom: 0;border-radius: 0;z-index: 1000;border: none;border-top: none;/*background: #FFF;
border-bottom: 1px solid #EEE;*/background: #ff5800;position: absolute;width: 100%;top: 0;}
.navbar.affix div#lemenu {
    margin-top: 10px;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin: 0;
    float: left;
    line-height: 50px;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    color: #333;
    height: 80px;
    border-right: 1px solid #f1be32;
    padding-right: 30px;
}

.navbar.affix .navbar-default .navbar-brand img {
    max-height: 60px;
}

.navbar.affix.navbar-default .navbar-brand img {
    max-height: 60px;
}
a.navbar-brand {padding: 0;margin: 0 auto;text-align: center;}
header.affix a.navbar-brand .texte {
display:none;
}
header.affix .navbar-brand > img.hidden {display: block !important;}
a.navbar-brand .texte {
    color: #000000;
    max-width: 100px;
    margin-top: 10px;
    text-align: left;
    display: block;
    }
.navbar-inverse .navbar-nav > li > a:hover {}
.navbar-inverse .navbar-nav > li.current-menu-item a {/* color: #DDDBD2; */}

.navbar-header {/* float: none; */display: block;text-align: center;padding: 20px;}
.navbar-default .navbar-brand img {max-height: 100px;
margin-top: 10px;}
.navbar-header {padding: 10px 0;}

body #navbar {/*border-color: #101010;
background: #353535;*/height: 120px !important;}

.navbar-menu {background: #c7072f;}
.navbar-default .navbar-nav  li.current_page_item > a, 
.navbar-default .navbar-nav  li.current-menu-ancestor > a, 
.navbar-default .navbar-nav  li.current-menu-parent > a,
.navbar-default .navbar-nav  li.current-menu-item > a {/* border-bottom: 2px solid #FFAF1E; */color: #d0d0d0;font-weight: 700;}

li:hover ul.sub-menu {
display: block;
}
.navbar.navbar-default li a {color: #FFF;text-decoration: none;height: 60px;display: block;line-height: 60px;padding: 0 30px;}
.navbar-default .navbar-nav > li:hover > a {background: none;color: #FFF;}


.navbar-default .navbar-collapse, .navbar-default .navbar-form {/* border-color: #e7e7e7; *//* border-top: 1px solid #EEE; *//* border:none; *//* float: left; *//* margin-top: 0; */position: absolute;background: #181513;width: 250px;right: 0;margin-top: 23px;display: none !important;}
ul.sub-menu {display: none;/* position: absolute; */list-style: none;margin: 0;padding: 12px 0;}
.sub-menu a {white-space: nowrap;/* padding: 15px; */display: block;color: #4a4a4e;padding: 5px 0;transition: 0.3s;font-weight: 500;/* text-align: center; */}
.sub-menu a:hover {color: #009dec;text-decoration: none;background: #3D3D3D;}

ul.sub-menu li.menu-item-has-children:hover > a,
ul.sub-menu li.menu-item-has-children > a:hover,
ul.sub-menu li.menu-item-has-children {/* background: #3A2C2E; *//* color: #FFFFFF; */cursor: default;}
ul.sub-menu li:hover ul.sub-menu {/* background: #3E2D31; *//* border-top: 1px solid #654F52; *//* padding: 12px 20px; */}
.menu-header-menu-container {/* padding-left: 100px; */}
.navbar-inverse .navbar-nav > li > a {color: #ffffff;font-weight: 300;font-size: 18px;transition: 0.3s;padding: 50px 15px;background: url(img/hover.png) no-repeat left bottom;background-position-y: 120px;}
.navbar-inverse .navbar-nav > li.menu-item-has-children:hover > a {
color: #FFFFFF;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom: 0
}

.navbar-nav > li.icon-shop a {background: url(img/shop.png) no-repeat center left 20px;}
.navbar-nav > li.icon-concept a {background: url(img/pieces.png) no-repeat center left 20px;}
.navbar-nav > li.icon-localisation a {background: url(img/localisation.png) no-repeat center left 20px;}
.navbar-nav > li.icon-repair a {background: url(img/repair.png) no-repeat center left 20px;}

ul#menu-header-menu small {
    display: block;
}
.navbar-collapse {background: url(img/header-wrap.png) no-repeat left center #58a1dc;float: left;/* width: 88%; */padding-left: 50px;}

body#webzine .navbar-inverse .navbar-nav > li > a {color: #ffffff;font-weight: 300;font-size: 18px;transition: 0.3s;padding: 50px 15px;background: url(img/wa-hover.png) no-repeat left bottom;background-position-y: 120px;}
body#webzine .navbar-inverse .navbar-nav > li > a:hover {background: url(img/wa-hover.png) no-repeat left bottom;background-position-y: 24px;}

div#mailpoet_form_1 p.mailpoet_paragraph {
    display: inline-block;
}

div#mailpoet_form_1 {
    text-align: center;
    margin-top: 30px;
}

div#mailpoet_form_1 input.mailpoet_submit {
    background: #009dec;
    border: 1px solid #009dec;
    height: 40px;
    color: #FFF;
    padding: 0 15px;
}
div#result {
    background: #FFF;
    padding: 10px 0 0 0;
    margin-top: 50px;
}

div#result .result-title {
    padding: 1px 15px;
}

div#mailpoet_form_1 input.mailpoet_submit:hover {
    background: #ffffff;
    color: #009dec;
    border: 1px solid #009dec;
    height: 40px;
    padding: 0 15px;
}

div#mailpoet_form_1 input.mailpoet_text {
    height: 40px;
    padding: 10px;
    margin: 0 auto;
}

#sitemap .sub-menu a {
    white-space: initial;
}

#sitemap ul ul {
    margin-left: 15px;
}
div#wpgmza_map_18,div#wpgmaps_directions_edit_18 {
    display: none !important;
}
.bloc-elu {
    background: #FFF;
    margin: 0 !important;
    margin-bottom: 25px !important;
    display: block;
    clear: both;
}

.bloc-elu h3 {
    margin-top: 30px;
    margin-bottom: 10px;
}

.bloc-elu .wpb_single_image.wpb_content_element.vc_align_left {margin-bottom:0 !important;}

.bloc-elu .vc_column-inner {padding-left: 0 !important;}

#ifr-pdf {width: 100%;}

.pagination {
    display: block;
    text-align: center;
}
.pagination h2 {
    display: none;
}

.pagination .nav-links {
    margin: 0;
    list-style: none;
}

.pagination .nav-links {
    display: inline-block;
}

.pagination .nav-links span, .pagination .nav-links a {
    padding: 5px;
    box-shadow: 0 2px;
}

.pagination .nav-links span.page-numbers.current {
    color: #009dec;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background: #65ad09;
    display: block;
    padding: 15px;
    color: #FFF;
}

.wpb_wrapper li {
    margin-bottom: 17px;
}

span.woocommerce-Price-amount.amount {
    font-size: 20px;
    color: #c7072f;
    font-weight: bold;
}

a.woocommerce-LoopProduct-link h3 {
    min-height: 55px;
    color: #333;
}
.products li.product {
    width: 31%;
    float: left;
    text-align: center;
    list-style: none;
    margin: 1%;
    margin-bottom: 30px;
}
.clearfix.argu {
    background: #181513;
    margin: 0;
    color: #FFF;
    /* border-bottom: 1px solid #222; */
}

.argu .cover.col-md-4 {
    height: 250px;
}

h2 {
    margin-bottom: 50px;
}
.youjob a {display: block;margin: 0;margin-bottom: 15px;background: #111111;padding: 140px 15px 15px 15px;/* text-align: center; */margin-top: 15px;}
.youjob {
    overflow: hidden;
    height: 250px;
    margin-bottom: 10px;
    transition: 0.3s;
    transform: scale(1);
}

.youjob:hover a {
    transform: scale(1.1);
    /* color: #111 !important; */
    transition: 0.3s;
}

.youjob:hover a h2 {
    color: #ff5500;
}
.youjob.pilote a {}
.youjob.circuit a {}
.youjob.ecurie a {}
.youjob.sponsor a {}
.youjob a h2 {margin: 0;padding: 0;text-transform: uppercase;font-size: 4em;font-weight: 900;line-height: 33px;color: #FFF;transition: 0.3s;}
.youjob a h2 small {display: block;color: #FFF;}
.argu .col-md-8 {
    padding: 25px 50px;
}
.service {
    text-align: center;
    margin-top: 50px;
}

.service-pic {
    height: 70px;
}
.service h2 {
    font-size: 11px;
    font-weight: 700;
    height: 20px;
    text-transform: uppercase;
}
.products {
    margin: 0;
}
.images {
    width: 48%;
    margin: 1%;
    float: left;
}

.summary.entry-summary {
    width: 48%;
    margin: 1%;
    float: left;
}

.woocommerce-tabs.wc-tabs-wrapper {
    clear: both;
    /* background: #333; */
    padding-top: 10px;
}

button.single_add_to_cart_button.button.alt {
    background: #65ad09;
    display: block;
    padding: 15px;
    color: #FFF;
    border: none;
    margin: 20px 0;
}

h1.product_title.entry-title {
    margin-top: 100px;
}
.cat img {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}
a.woocommerce-main-image.zoom {
    width: 200px;
}
ul.tabs.wc-tabs {
    margin: 0;
    text-align: center;
    margin-top: 50px;
    clear: both;
}

ul.tabs.wc-tabs li {
    display: inline-block;
}

ul.tabs.wc-tabs li.active {
    background: #FFF;
}

ul.tabs.wc-tabs li a {
    padding: 10px 15px;
    display: block;
    font-size: 16px;
    border-bottom: 1px solid #CCC;
}

ul.tabs.wc-tabs li.active a {
    color: #032155;
    border: 1px solid #CCC;
    border-bottom: 1px solid #FFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

section.bigblock {
    padding: 100px 0;
}

section#upsell {
    padding-top: 0;
}


div#tab-description,div#tab-reviews {
    border-top: 1px solid #CCC;
    margin-top: -1px;
}

div#tab-reviews {}

.related.products {
    margin-top: 100px;
}

.related.products h2 {
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #CCC;
}

/* AFFIX */
.navbar.navbar-default * {transition: 0.1s;}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #c3b8b2;
}
.navbar-default .navbar-collapse.in {
    display: block !important;
    background-color: #181513;
    /* top: 90px; */
    border: 0;
    box-shadow: none;
}
.navbar.affix {width: 100%;/* border-top: 3px solid crimson; */height: 80px;position: fixed;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background: #181513;
}
button.navbar-toggle {
    /* display: block; */
    border-radius: 0;
    border: none;
    background: #00abfd;
    height: 50px;
    padding: 15px;
    margin: 15px;
}

.navbar-default .navbar-toggle:hover span.icon-bar, .navbar-default .navbar-toggle:focus span.icon-bar {
    background: #ff0052;
}
.navbar.affix .navbar-header {padding: 0;margin-top: 0;}
.navbar.affix.navbar-default .navbar-collapse,
.navbar.affix.navbar-default .navbar-form {
margin-top: 10px;
}
.navbar.affix .navbar-inverse .navbar-nav > li > a {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom: 0
}
.navbar.affix.navbar-default .navbar-nav > li.current-menu-ancestor > a, 
.navbar.affix.navbar-default .navbar-nav > li.current-menu-parent > a,
.navbar.affix.navbar-default .navbar-nav > li.current-menu-item > a {
color: #FFFFFF;
background-color: transparent;
border:none;
}
.navbar.affix.navbar-inverse .navbar-nav > li > a {
color: #CCCCCC; 
border-radius: 0px;
}
.navbar-inverse .wrap {border-color: transparent;margin: 0;width: 100%;height: 120px;background: url(img/header.png) center center #ffffff repeat-y;background-size: contain;box-shadow: none;/* box-shadow: 0px 16px 12px 10px red; *//* z-index: 9000; */}

ul#menu-header-menu:hover li a {/* opacity: 0.5; */}
ul#menu-header-menu > li:hover > a {color: #ffffff;opacity: 1;background: url(img/hover.png) no-repeat left bottom;}
i.fa.fa-angle-down.badge.badge-menu {
display: inline-block;
background: orange;
padding: 1px 4px;
margin-left: 6px;
}


.content {
padding-bottom: 0px;
}


div.carousel.fade {opacity: 1;}
.carousel.fade .item {
height: 465px;
opacity: 0;
transition: 0.5s;
}
.carousel.fade .item div {
right: 0;
opacity: 0;
transition: 0.5s;
}
.carousel.fade .item.active {
opacity: 1;
}
.carousel.fade .item.active div {
opacity: 1;
}
.carousel.fade .item.active .carousel-caption {
right: 20%;
opacity: 1;
}


ol.carousel-indicators {
    left: unset;
    right: 26%;
    width: 30px;
}
.carousel-fade .carousel-inner .item {
transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-inner .carousel-control {
z-index: 2;
}
#breadcrumbs a {
    color: #009dec;
}
.item .containe {
    background: rgba(0,0,0,0.5);
    height: 380px;
}
span.cattag {
    float: right;
}
span.cattag a, span.cattag {display: inline-block;margin: 0 0;background: #eeaf00;padding: 5px 10px;font-size: 12px;color: #FFFFFF;}

div#carousel-example-generic .carousel-caption {
    width: 45%;
    right: 70px;
    padding: 90px;
    top: 0;
    left: auto;
    background: #2e3539;
    height: 380px;
}
div#carousel-example-generic .iltitulo {color: #ffffff;font-weight: 700;/* font-family: "Muli", sans-serif; */}


#slider a.carousel-control {
height: 40px;
width: 40px;
left: initial;
right: 0;top: 330px;right: 40px;line-height: 40px;background: rgba(255, 255, 255, 0.6);color: #333;opacity: 1;text-shadow: none;transition: 0.3s;}
#slider a.left.carousel-control {
height: 40px;
width: 40px;left: initial;
right: 0;top: 330px;right: 80px;}

p#breadcrumbs {
    font-size: 14px;
    /* margin-bottom: 50px; */
    /* text-align: center; */
    color: #2e3539;
}
#breadcrumb {padding: 30px 0px;margin-bottom: 0;
list-style: none;
background-color: transparent;
border-radius: 4px;padding-bottom: 15px;}

.tab-content {
    padding: 30px 10px;
}
.main {background: #FFFFFF;}
.main h1 {
font-size: 20px;
margin-top: 20px;
font-weight: bold;
}
section.fblock {
    background: #222;
    padding: 50px 0;
}

.temoignages {
background: #FFF;padding: 20px 40px;
color: #333;padding-bottom: 0;background: url(img/comma.png) no-repeat scroll 38px 64px #FFFFFF;}
.temoignages h3 {font-size: 20px;margin-top: 0;font-weight: bold;}
#temoignages {height: 170px;}
#temoignages .carousel-inner > .item {height: 170px;}
#temoignages .carousel-indicators li {
background: #CCCCCC;
}

#temoignages .carousel-indicators li.active {
background: #ffb108;
}
#temoignages .carousel-inner > .item .carousel-caption {
color: #666666;
text-shadow: none;
font-family: "Muli", sans-serif;
font-weight: lighter;bottom: initial;right: 0;text-align: left;left: 0;top: 0;padding-top: 10px;right: 16%;}

#temoignages .carousel-inner > .item .carousel-caption .titre {
color: #3d3d3d;
text-shadow: none;
font-family: "Muli", sans-serif;
font-weight: bold;
}
#temoignages ol.carousel-indicators {
bottom: 0px;
}
p.matricule {
font-size: 12px;
color: #A2A2A2;
}
#temoignages .carousel-inner {
left: 10%;
}
a.gotop {
    display:none; }
.affix a.gotop:hover {height:50px;background: #333333c7;}
.affix a.gotop {
    display:block;
    position: fixed;
    bottom: 0;
    color: #ffffff;
    width: 40px;
    background: #3333335c;
    height: 45px;
    line-height: 40px;
    text-align: center;
    /* color: #FFF; */
    font-size: 40px;
    transition:0.3s;
}

.affix a.gotop.right {
    right: 20px;
}

.affix a.gotop.left {
    left: 20px;
    display: none;
}
section#welcome {
    padding: 100px 15px 100px 15px;
    background: #ffffff;
    /* background: url(img/raceo-bg.jpg) no-repeat center #ffffff; */
    color: #FFF;
    overflow: hidden;
    background-size: cover;
    text-align: center;
}
video#bgvid {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translateX(-50%) translateY(-50%);
 transform: translateX(-50%) translateY(-50%);
 min-width: 100%;
 max-height: 750px;
 width: auto;
 height: 750px !important;
 overflow: hidden;
 top: 40%;
 opacity: 0.1;
}
section#welcome .lead {
    font-size: 3em;
}
section#welcome h1 {color: #080808;font-size: 50px;margin-bottom: 30px;}
section#welcome h1 b {
    color: #e94e1b;
    font-weight: 900;
}
span.pilote-sponsor {
    display: block;
    width: 100%;
    background: url(img/sponsor.png) no-repeat center top;
    margin: 0 auto;
}

.desc {
    background: #111;
    color: #CCC;
    padding: 60px;
    text-align: justify;
}
.desc p {
    margin-bottom: 40px;
    font-size: 16px;
}
section#home {
    background: #1f1f1f;
}
.uare {
    padding: 50px;
}
.uare .h1 {
    color:#FFFFFF !important;
    color: #ff5500 !important;
    text-transform: uppercase;
}
section#intro {
    padding: 80px 0;
    background: #e94e1b;
    color: #FFF;
    text-align: center;
}
section.reassurance .col-md-5.medblock {
    padding-right: 20px;
}
section.reassurance .lerge {margin-top: 25px;}
section.reassurance h3.titre.small {
font-size: 14px;
font-weight: bold;
}

.argus img {
width: 60px;
}
.argus > div {margin-top: 35px;}

.medblock.argus > div {
height: 120px;
}
.medblock.argus > div p {margin-top: 14px;line-height: normal;}

.navbar.navbar-default li ul li a.fff {
white-space: normal;
padding: 10px;font-size: 15px !important;margin-bottom: 20px;
background: #FFF !important;}

.navbar.navbar-default li ul li a.fff p.lead {
margin: 0;
padding: 0 10px;font-size: 15px;}

.home section.nos-produits.medblock {
    margin: 0;
}
section.nos-produits {
background: #3a3a3a;
color: #FFFFFF;margin-top: 45px;}
section.nos-produits .h2 {
font-size: 20px;
margin-bottom: 40px;
}
section.nos-produits .clearfix > div {
margin-bottom: 40px;
}

.carpenter {
height: 430px;
background: url(img/carpenter.png) no-repeat center bottom;
}
a.vignette {
display: block;
height: 100px;
width: 100px;
float: right;
border: 3px solid #FFF;
border-radius: 50%;
margin-right: 30px;
margin-top: 25px;transition: 0.3s;}

div:hover > a.vignette {
    transform: scale(1.2);
}
section#clients {
    border-top: 1px solid #DDD;
}

/* FOOTER */
footer {padding: 50px 0;background: #ffffff;padding-top: 0;}
div#footer {
    /* font-weight: 700; */
    /* color: #FFF; */
}
div#footer img {
    margin: 10px;
}
.footlist, .hotline {color: #FFFFFF;border-bottom: 1px solid #CCCCCC;}
.hotline p.h4 {
margin-top: 10px;
}
.hotline p.lead {
font-size: 16px;
}

.partenaires {
background:#f4f4f4;
}

.footlist {
color:#919191;
font-size: 13px;
}
.footlist .h4.title {
color:#dfdfdf;
font-size: 12px;
text-transform: uppercase;
}
.footlist .geo {background: url(img/map.png) no-repeat bottom left;padding-bottom: 190px;}
.footlist ul {
list-style: none;
margin-left: 0;
line-height: 20px;
}
.footlist li.col-md-6 {
padding-left: 0;
}
footer .rounded {
display: inline-block;
height: 30px;
width: 30px;
background: #919191;
border-radius: 50%;
line-height: 30px;
text-align: center;
color: #CCCCCC;
margin-right: 5px;
}

a.lefacebook {
    color: #CCC;
}
.pitiform {
    margin: 0 -15px;
    padding: 15px;
    background: url(img/tiflech.png) no-repeat top center #EEE;
    color: #333;
}
.copy {color: #919191;font-family: Oswald;/* font-size: 12px; */font-weight: 400;padding: 20px 0;}
footer a, .copy a {color: #919191;transition: 0.3s;text-decoration: none;white-space: normal !important;}
footer a:hover,.copy a:hover {color: #009dec;/* background: none !important; */text-decoration: none;}

span.jaune {
background: url(img/jaune.png) no-repeat scroll center;
display: inline-block;
height: 15px;
text-indent: -6000px;
width: 55px;transition: 0.3s;}
a:hover span.jaune {
background: url(img/jaunehover.png) no-repeat scroll center;
}

.leaffix.affix {top:50px;}

ul {margin-left: 30px;}
.nav-tabs {
 margin:0;
}

a.fff {
background: #FFF;
display: block;
padding: 10px;
color: #3d3d3d;
}

.fff p.lead {
margin: 0;
font-size: 17px;color: #333;}

a.fond {
height: 100px;
display: block;
}

.nos-produits .col-md-3 {
margin-bottom: 30px;
}

li:hover > ul.sub-menu {/* display: block; *//* left: 0; *//* width: 100%; *//* padding: 0; *//* background: #ffffff; *//* position: fixed; *//* text-align: center; *//* padding: 12px 20px; */}


div#lesfournisseurs {
    padding: 15px;
    background: #f5f5f5;
    margin-bottom: 50px;
    margin-top: 40px;
}

a.fournisseur {
    height: 200px;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
}

.main-icons .col-md-2 {
    padding: 0;
}

.main-icons .container {background: #393a3c;padding: 0;background-size: cover;}
.main-icons .cover {
    background: rgba(57, 58, 60, 0.28);
    padding-top: 300px;
}


.main-icons a.cat {display: block;/* padding-top: 110px; */text-align: center;background: url(img/iconsprite.png) 50px 50px no-repeat rgba(0, 0, 0, 0);padding-bottom:20px;/* border-radius: 50%; */height: 160px;/* width: 160px; */transition: 0.3s;/* margin-bottom: 25px; *//* font-size: 12px; */font-weight: 700;}


.main-icons a.cat:hover {
    /* background-color: #009dec; */
    color: #009dec;
    background-position-y: -140px;
    /* padding-top:90px; */
}
.main-icons a.cat:hover span {
    display: block;
    font-weight: 400;
    padding: 10px;
}
span.day {
    display: block;
    font-size: 44px;
    padding: 0;
    margin-top: -10px;
    margin-bottom: -10px;
    text-align: center;
    color: #FFF;
}
span.since {
    display: none;
    text-align: center;
    margin-top: -15px;
    color: #FFF;
}
span.month, span.year {
    display: block;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
}

#crlist .card {
    padding: 20px;
    margin-bottom: 30px;
}

#crlist .card img {
    display: block;
    margin: 35px auto;
}

#crlist .card p {
    min-height: 45px;
}
.event-infos h2 {}
.event-infos h3 {
    color: #eee;
    padding-top: 10px;
    font-size: 16px;
}

a:hover .event-infos .lieu {
    color: #2e3539;
    margin-top: 5px;
}
a:hover .event-infos > div.col-xs-8 {
border-color:#7ac2ea    
}
.event-infos .lieu {
    color: #009dec;
    margin-top: 5px;
}
.main-icons a.cat span {
    display: none;
}
.page-content {
    /* max-width: 1400px; */
    background: #eee;
    /* margin: 15px auto; */
}
.page-content .container {
    margin: 0 auto;
    padding: 10px 0;
}
.page-content .container .medblock p,.page-content .container .medblock table, .page-content .container .medblock h2, .page-content .container .medblock h3, .page-content .container .medblock h4, .page-content .container .medblock blockquote, .page-content .container .medblock ul {
    /* width: 800px; */
    /* max-width: 100%; */
    /* margin: 0px auto 20px auto; */
    /* text-align: justify; */
    /* font-family: "Muli", Arial; */
}

.page-content .container .medblock ul {
padding-left:30px;
}

.page-content .container .medblock p img {
    max-width: 130%;
    margin: 50px auto 50px -15%;
}

#webzine header .wrap > .container {
    background: #f22667;
}



/* Buttons */
.btn {transition: 0.3s;border-radius: 0;padding: 6px 25px;border: solid 2px;}

.btn-lg {padding: 14px 40px;font-size: 20px;line-height: 1.33;/* border-radius: 0; *//* font-weight: 900; *//* text-transform: uppercase; */}

.btn-square {
    border-radius: 0;
}

section#dourdannews .btn-default {border-color: #FFF;color: #FFF;}
section#dourdannews .btn-default:hover,section#dourdannews .btn-default:focus {border-color: #009dec;color: #009dec;background: none;}

.btn-default {color: inherit;background-color: rgba(0, 0, 0, 0);border-color: inherit;}
.btn-default:hover, 
.btn-default:focus, 
.btn-default:active, 
.btn-default.active, 
.open .dropdown-toggle.btn-default {color: #009dec;background-color: #ffffff;border-color: #009dec;}

.btn-primary {color: #eeeeee;background-color: #019aec;border-color: #019aec;/* border-radius: 0; */}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary {color: #ffffff;background-color: #286090;border-color: #286090;}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
background-color: #D5D5D5;
border-color: #CDCDCD;
}



.card {
    background-color: #f5f5f5;
    display: block;
    padding: 0;
    /* color: #FFF; */
    margin-top: 0;
    transition: 0.3s;
    /* min-height: 150px; */
    background-size: 100%;
    /* margin-bottom: 30px; */
    cursor: pointer;
}
.card:hover {
    background-size: 200% !important;
}
#webzine a.card {
    margin-bottom: 30px;
}
.webzine-infos.actu {
    padding: 0 15px;
    padding-bottom: 20px;
    color: #222;
}

.webzine-infos.actu h2 {
    color: #f22766;
    min-height: inherit;
}
a.card .content {
    height: 95px;
}
.col-md-12 a.card .content {
    height: 120px;
}
.webzine-infos a.card .content {
    height: inherit;
    margin-bottom: 20px;
}
.card a {display:block;clear: both;padding-top: 230px;}
.card a span {
    padding: 15px 15px 15px 15px;
    /* margin-top: 230px; */
    display: block;
    background: rgb(255, 255, 255);
}
.card h2 {
    font-size: 20px;
    margin-bottom: 20px;
    min-height: 45px;
}
a:hover.card, a:focus.card {
    /* color: #FFF; */
    /* text-decoration: none; */
    /* background-color: #ff0052 !important; */
}

.card:hover a  {
    background: hsla(200, 100%, 46%, 0.6);
}
.card:hover a span {
    padding: 15px 15px 15px 15px;
    display: block;
    background: hsl(200, 100%, 46%);
    color: #FFF;
    /* margin-top: 210px; */
}

.navbar-brand > img {
    /* height: 50px; */
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background: none;
}

section.annonce {
    padding: 30px;
    background: #f0e500;
    text-align: center;
}
.job {
    border-bottom: 1px solid #EEE;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

a.card.event.high {
    height: 600px;
}
a.card.event {
    padding: 0;
    transition: 0.3s;
    display: block;
    overflow: hidden;
    height: 300px;
    margin-bottom: 0;
}

a.card.event .title {
    padding: 0;

}

.evented a.card.event .title {
    padding: 0;
    clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
}

a.card.event.high .title .cover {
    height: 450px;
    /* background: rgba(194, 0, 47, 0); */
    transition: 0.3s;
}
a.card.event .title .cover {
    height: 150px;
    background: rgba(194, 0, 47, 0);
    transition: 0.3s;
}
#wa-main-post .title {
    min-height: 400px;
}
.title {
    min-height: 150px;
}
.page-content .title {
    min-height: inherit;
    height: initial;
}
.eventlink {
    display: none;
    clear: both;
    width: 100%;
    text-align: center;
    padding: 20px;
    margin-top: 115px;
    background: #2e3539;
}

a.card.event:hover .event-infos {background: #009dec;color: #FFF;height: 215px;/* margin-top: -65px; */}
a.card.event.half:hover .event-infos {background: #009dec;color: #FFF;height: 215px;/* margin-top: -214px; */}
a.card.event:hover .event-infos h3 {
    color: #FFF;
}

a.card.event:hover  .cover {
    background: rgba(0, 157, 236, 0.5); */
    height:;
}

.wablock1 {
    clear: left;
}


.evented a.card.event {
    padding: 0;
    transition: 0.3s;
    display: block;
    overflow: hidden;
    height: auto;
    margin-bottom: 20px;
    background: #2f3539;
}
.evented a.card.event:hover {
background:#009dec;
}
.evented a.card.event .col-xs-3.col-sm-2 {
    padding: 20px;
}
.evented a.card.event .col-xs-3.col-sm-2 .since {margin-top:0;display: none;}
.evented a.card.event:hover .event-infos {height:auto;padding-left:25px;}
.evented a.card.event .event-infos {height:auto;padding-left:15px;padding: 15px;}
.evented a.card.event.high .title .cover {
    height: auto;
    /* background: rgba(194, 0, 47, 0); */
    transition: 0.3s;
}
.evented a.card.event .title .cover {
    height: auto;
    background: rgba(194, 0, 47, 0);
    transition: 0.3s;
}
#carsel img {
    height: auto;
}


/* Alignements */
.aligncenter {
margin:0 auto;
display: block;
}
.alignleft {float:left}
.alignright {float:right}
.clearleft {
clear:left;
}


html.notoolbar {
margin-top: 0 !important;
}

.medblock {padding: 45px 0;}
section#mainblocks {
    background: #eee;
}
section#ignysoon {
    padding-bottom: 0;
}
.dark {
    background: #067fcd;
}
div#larecherche {
    display: none;
    transition: 0.3s;
}
div#larecherche.active {
    display: block;
    z-index: 9001;
    width: 100%;
    position: fixed;
    padding: 40px 10px 40px 10px;
    top: 46px;
    left: 0;
}
.container.bc_blocks {
    background: #FFF;
    padding: 0;
}
.lecontenu {
    padding: 50px;
}

#twoblock .bg-abso {
position: absolute;
width: 100%;
}
.bg-abso .col-md-6.bg:before {
    content: " ";
    display: table;
    height:100%;
    background: rgba(21, 21, 21, 0.85);
    width:100%;
}
.bg-abso .col-md-6.bg {
    background: url(img/reparation-bg.png) center #151515;
    color: #FFF;padding:0;
}
.col-md-6.bigblock.twoblock3 {
    padding-left: 30px;
    color: #FFF;
}

th {
    white-space: nowrap;
}

.table-responsive {
    border: 1px solid #CCC;
    border-top: none;
    box-shadow: -4px -10px 10px #bbb inset;
}

/* FORMS */
aside {background: #2f2f2f;color: #FFF;/* margin-bottom: 20px; */margin-top: -20px;box-shadow: 10px 10px 0px rgba(0,0,0,0.5);}
.lemap {
background: url(http://maps.googleapis.com/maps/api/staticmap?center=la+grossette+24500+Eymet&zoom=9&scale=1&size=500x500&maptype=roadmap&format=png&visual_refresh=true&markers=icon:d%7Cshadow:true%7Cla+grossette+24500+Eymet) no-repeat scroll center;
height: 230px;
margin: 0 -15px 0px -15px;
display:block;
}.contactii {
    background: #1f1f1f;
}
form#contact {/* margin-top: 40px; */color: #FFF;padding: 50px;max-width: 600px;}
label {
font-size: 13px;
font-weight: normal;
}
p.yepmsg {
padding: 20px;
text-align: center;
background: #94BD14;
font-size: 20px;
color: #FFF;
border-radius: 4px;
margin-bottom: 50px;
}
#contact legend {
display: none;
}
legend {
padding-top: 30px;
clear: both;
border: none;
color: #222;
font-size: 17px;
font-weight: bold;
}
legend .badge {
background:orange;font-style: normal;}
.form-control {background: #f5f5f5;border-radius: 0;}
p.invalide {
padding: 20px;
text-align: center;
border-radius: 4px;
color: #FFFFFF;
font-size: 16px;
background: #FFB108;
}
i.gaulois {
color: orange;
}
.elvalidator {
margin-bottom: 50px;
clear:both;
display: table;
width:100%;margin-top: 0px;}
.lecontact {padding: 35px 50px 25px 0;text-align: right;}
.elvalidator div {
    clear: both;
    text-align: right;
    margin-top: 10px;
    display: table;
    width: 100%;
    padding-right: 20px;
}

.pitiform-aside .pitiform-header p.lead {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}

.pitiform-header p {
    font-size: 15px;
    font-weight: lighter; 
    margin-bottom: 0;
}

.pitiform .form-control {
    background: #FFF;
}
.lecontact * {
padding-left: 40px;
}
.tiblock {
    padding: 20px 0;
}
.lecontact p.h3 {}

.lecontact p.adres {}
.clearfix.arguline {line-height: 30px;height: 30px;
margin-bottom: 20px;}

.clearfix.arguline img {height: 30px;float: left;margin-right: 10px;}
.clearfix.arguline p {padding-top: 5px;}
.overthetop {
text-align: center;
margin-top: -25px;
border-bottom: 1px solid #CCC;
}

.btn-text i, .btn-text.btn-orange {
    color: #EFA505;
}

.btn-text {
    color: #333;
    padding-left: 0;
    display: inline-block;
    padding: 20px;
    font-weight: 700;
}
.argusonprod img {
    width: 40px;
    margin-bottom: 10px;
}
.pitiform-header {
    text-align: center;
    margin-top: -135px;
}
div#slider {
    margin-top: 30px;
}
.lead,.lead * {
    line-height:30px;
    font-weight: 400;
}
blockquote {
    padding: 20px 40px;
    margin: 40px auto 20px auto !important;
    margin-bottom: 0;
    font-size: 22px;
    line-height: 32px !important;
    color: #009dec;
    border-left: 5px solid #009dec;
}
#webzine blockquote {
    padding: 20px 40px;
    margin: 40px auto 20px auto !important;
    margin-bottom: 0;
    font-size: 22px;
    line-height: 32px !important;
    color: #f51f65;
    border-left: 5px solid #f51f65;
}
.bigblock{padding:80px 0;}
.orange {
    background: url(img/orange.png) repeat-y -30px 0;
    padding: 30px 100px;
}
.orange.right {
    background-position: top right;
    height: 150px;
}
.home .orangepattern,.home .home-beige {padding: 80px;}
.orangepattern, .home-beige {
    color: #FFFFFF;
    background: url(img/orange-deg.png) repeat-y left top -20px #eeaf00;
    padding: 10px;
    padding-left: 100px;
}
.home .home-beige {background:#CCC;padding: 50px;}
.cards {
    background: #151515;
    padding: 50px 15px;
}
.pitiform-aside {
    margin-top: 130px;
}
.btn-full {
    width: 100%;
    margin-top: 10px;
}
.pierre {
    background: url(img/dunain.png) top right no-repeat;
    padding-top: 400px;
    color: #908a7f;
}
.steve {
    background: url(img/steve.png) top left no-repeat;
    padding-top: 400px;
    color: #908a7f;
}
.pitiform-aside .elvalidator {
    margin-bottom: 10px;
}
p.pitilead {
    padding: 5px;
    color: #9E9E9E;
    margin-bottom: 0;
}
.pitiform-aside p.lead {
    font-size: 17px;
    text-align: center;
    /* font-weight: bold; */
}#slider a.carousel-control:hover {
    opacity: 1;
    background: rgba(255,255,255,1);
}
section#carsel .bg-bleu-bas {/* height: 550px; */padding: 100px 50px;}
.home {
    /* max-width: 1400px; */
    /* margin: 0px auto 0px auto; */
    /* background: #FFF; */
}
p.h1 {
    font-weight: 500;
    text-align: center;
    /* padding-top: 30px; */
    margin: 60px 0;
    text-transform: uppercase;
}
p.h1.text-left {
    text-align: left;
}
#ignyexpress a.cover {
    padding: 100px 15px 15px 15px;
    display: block;
    background: rgba(46, 53, 57, 0.50);
    color: #FFF;
    font-weight: 700;
}

#ignyexpress a.cover:hover {
    padding: 100px 15px 15px 15px;
    display: block;
    background: rgba(194, 0, 47, 0.70);
    color: #FFF;
    font-weight: 700;
}

.shortlink {
    padding: 0;
}

.shortlink a {
   opacity: 0.7;
   display: block;
   padding: 35px 0px;
   border-radius: 50%;
   height: 240px;
}
.shortlink a:hover {
   opacity: 1;
   /* background: #067dc9; */
   margin-top: -10px;
}
body #carsel .carousel-control {bottom: 0;width: 70px;opacity: 1;filter: none;font-size: 20px;color: #ffffff;text-align: center;text-shadow: none;background: url(img/blanc.png) repeat-x bottom #eeeeee;}
#slider .carousel-caption {
    position: absolute;
    left: initial;
    right: 130px;
    bottom: 0;
    top: 300px;
    background: rgba(255,255,255,0.5);
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: right;
    line-height: 40px;
}

#slider p.iltitulo {
    line-height: 40px;
    text-shadow: none;
    color: #333;
    padding: 0 20px;
}
.navbar-header {
    padding: 20px;
    display: block;
    height: 120px;
    background: #ffffff;
}
.page div#slider {
    margin-bottom: 50px;
}
div#carousel-example-generic .carousel-control span.fa {
    margin-top: 150px;
    color: #777;
}
section.nos-produits .container > div {
    margin-bottom: 30px;
}


.card .logo {
    margin-top: 20px;
}

/* RESPONSIVE */
@media (max-width: 480px) {
div#lemenu {
    width: 100%;
    background: #393431;
    position: fixed;
    top: 0;
}

.navbar-collapse.in {
    width: 100%;
    /* position: fixed; */
}

}
   
@media (max-width: 767px) {

section#carsel.main-title .cover {
background: none;
min-height: 300px;
padding-top: 10px !important;
}
section.bigblock {
padding: 50px 0;
}
    .title.main-title {/* display: none; */-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);}
   video#bgvid{display:none}
a.navbar-brand {
    max-width: 80%;
    height: auto;
}
.navbar-collapse {
width: 100%;
}
ul.sub-menu {position: relative;/* background: #ffffff; */}
.sub-menu a:hover {color: #ff5500;text-decoration: none;background: #ffffff;}
.menu-header-menu-container {
    /* float: none; */
    /* width: 100%; */
    /* padding: 0; */
    background: #FFF;
}

ul#menu-header-menu {
    background: none;
    margin: 0;
    float: none;
    max-height: 494px;
    overflow: scroll;
}

div#navbar {
    padding: 0;
    margin: 0;
}
.partners > div {
    margin: 30px auto;
}
section#carsel .bg-bleu-bas {
    height: initial;
}
body .half .event-infos {
    width: 100%;
    margin-left: 0;
}
.navbar-inverse .navbar-nav > li > a {
    color: #23282d !important;
    background: #FFF !important;
    font-weight: 900;
    font-size: 14px;
    display: block;
    width: 100%;
    padding: 25px;
    float: none;
    clear: both;
}

.navbar-inverse .navbar-nav > li {
    color: #23282d !important;
    background: #FFF !important;
    display: block;
    width: 100%;
    float: none;
    clear: both;
}

ul.sub-menu {
    display: block;
}
ul.sub-menu li.menu-item-has-children:hover > a,
ul.sub-menu li.menu-item-has-children > a:hover,
ul.sub-menu li.menu-item-has-children {/* background: #14092F; */color: #FFFFFF;cursor: default;display: block;width: 100%;}
ul.sub-menu li ul.sub-menu {/* background: #22173E; *//* border-top: 1px solid #53359C; *//* padding: 12px 20px; */}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
float: none;
width: 100%;
margin: 0;
padding: 0;
}
.hotline .btn {
    width: 100%;
}
.navbar-menu .container {
padding: 0;
}
.copy {
    text-align: center;
}
li#menu-item-82 {
display: none;
}
.copy span.pull-left {
    float: none;
    clear: both;
    display: table;
    width: 100%;
    margin-bottom: 20px;
}
#menu-item-81 a.fond {
display: none;
}.home section.nos-produits {
    margin: 0;
}
.home .argus p {
    font-size: 16px;
    margin-top: 10px;
}
.navbar.navbar-default li ul li a.fff {
background: #222222 !important;
color: #CCC !important;
margin: 0 -15px;
border-bottom: 1px solid #333;
padding: 10px;
height: initial;
}

.navbar.navbar-default li ul li a.fff p.lead {
color: #CCC;
}

ul.sub-menu {
padding: 0 !important;
}
    
nav.navbar.navbar-inverse.navbar-fixed-top {
    padding: 0;
}

section#welcome {
    padding: 150px 15px 100px 15px;
    height: initial;
}

span.pilote-sponsor {
    display: none;
}

section#welcome h1 {
    font-size: 35px;
}

.uare {
    padding: 15px;
}
.title h1 {
    padding: 0;
    font-size: 3em;
    font-weight: 700;
}
.title .cover {
    /* padding: 20px; */
    background: none;
}
    
}


@media (min-width: 768px) and (max-width: 991px) {
span.tel.pull-right {
    width: 352px;
}
.copy {
text-align: center !important;
float: none;
display: block;
}
.navbar-inverse .navbar-nav > li > a {padding: 30px 15px;}
    
body {
    padding-top: 250px;
}
    
}


@media (min-width: 768px) {

li#menu-item-168 {
float: right;
}
li#menu-item-168 a {background: #FFB108;
margin: 10px 0;
border-radius: 4px;
height: 40px;
line-height: 40px;
color: #FFF;
border: none !important;}
li:hover#menu-item-168 a,
li#menu-item-168 a:hover {
background-color: #EAA000;
border-color: #EAA000;
}

}

.lesavantages {
    padding: 0 20px;
    margin-top: 35px;
}


div#wpadminbar {
    width: 10px;
    min-width: 36px;
    overflow: hidden;
}

div#wpadminbar:hover {
    width: 100%;
    min-width: 600px;
    overflow: visible;
}

@media (min-width: 1180px) {
.navbar-inverse .navbar-nav > li > a {padding: 50px 25px;}
}

@media (min-width: 991px) and (max-width: 1200px) {
li#menu-item-168 {
float: right;
}
header .container {width: 100%}
.navbar.navbar-default li a {
padding: 0 15px;
}
.pitiform-header { 
margin-top: -110px;
}
}

div#carousel-example-generic .carousel-caption {/* padding-right: 30px; *//* text-shadow: none; */}

.gomaire {
    /* background: #ffffff; */
    /* color: #FFF; */
    padding-top: 0;
    margin-top: -50px;
}

.gomaire a {
    font-weight: 700;
    color: #009dec;
}
.gomaire span {
    margin: -62px auto 30px auto;
    display: block;
    text-align: center;
}

.submenu-wrap {
    display: none;
    position: fixed;
    left: 0;
    /* top: 170px; */
    background: white;
    width: 100%;
    /* height: -webkit-fill-available; */
    padding-bottom: 10px;
}
li:hover > .submenu-wrap {
    display: block;
}

ul#menu-header-menu > li > .submenu-wrap > .container > ul.sub-menu > li > a {
    border-left: 4px solid #000000;
    font-weight:600;
    padding: 5px 0;
    padding-left: 10px;
}

ul#menu-header-menu > li > .submenu-wrap > .container > ul.sub-menu > li > ul.sub-menu li.link-bloc a {display: block;background: #14a1e9;color: #FFFfff;width: 100%;min-height: 100px;padding: 4px;font-size: 12px;}
ul#menu-header-menu > li > .submenu-wrap > .container > ul.sub-menu > li > ul.sub-menu li.link-bloc a img {margin-bottom:5px;}

/* Recherche */

ul#dwls_search_results {
    position: absolute;
    max-width: 100%;
    background: #2b2b2b;
    padding: 15px;
    margin: 0;
}

.clearfix.search_footer {
    margin-top: 10px;
}

.clearfix.search_footer a {
    font-size: 12px;
    color: #888;
}

li.daves-wordpress-live-search_result a {
    color: #b5b5b5;
    padding: 5px !important;
    display: block;
    transition:0.3s;
}
li.daves-wordpress-live-search_result:hover a {
    color: #FFF;
}

span.pull-right.lesearch {
    padding: 10px;
    display: block;
    height: 40px;
    width: 40px;
    text-align: center !important;
    margin-left: 5px;
    transition: 0.3s;
    cursor: pointer;
}

span.pull-right.lesearch.active {
        background: #067fcd;
}
span.pull-right.lesearch:hover {
    background: #067ece;
}


p.bignumber {
    font-size: 100px;
    font-family: "Muli";
    color: rgb(239, 174, 0);
    line-height: 80px;
    text-align: center;    
}
.home-backed {margin-top: -140px;height: 250px;background: url(img/photo-home.png) center #2d2e30;}
a.cardex .lepic {
    height: 230px;
    background: #c2002f;
}
a.cardex {
    background: #eeeeee;
    display: block;
    color: #2e3539;
    height: 300px;
    margin-bottom: 30px;
}

a.cardex h2 {
    padding: 30px;
    font-size: 18px;
}

a.cardex:hover {
    background: #c2002f;
    color: #FFF;
}

a.cardex:hover .lepic {
    height: 200px;
    opacity: 0.3;
    transition: 0.3s;
}

a.cardex:hover h2 {
    padding: 35px 30px 45px 30px;
}
.lepic .cover {
    /* padding: 50px 0; */
    background: rgba(34, 34, 34, 0.8);
    height: 150px;
}

.lepic .cattag {
    float: left;
}

.inzebox {
    padding: 10px 15px;
}

.online-bar {
    background: #2e3539;
    padding: 6px;
    color: #FFF;
    /* position: fixed; */
    /* top: 0; */
    width: 100%;
    z-index: 1000;
}

.online-bar a {
    text-transform: uppercase;
}

ul.sub-menu li {
    /* display: inline !important; */
    /* width: inherit !important; */
}

header ul.sub-menu li a {
    display: inline-block;
    border-left: 4px solid #14a1e9;
    padding-left: 10px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}
header ul.sub-menu li ul.sub-menu li a {
    float: left;
    width: 50%;
}
.navbar-nav > li {
    float: left;
}


.event-infos {
    background: #2e3539;
    min-height: 150px;
    padding: 39px 0px 0px 0px;
    transition: 0.3s;
    color: #eeeeee;
}

.event-infos > div.col-xs-8 {
    border-left: 2px solid #009dec;
    padding-left: 30px;
}

#actus-archive .event-infos {padding:15px;background:#FFFFFF;margin-bottom:20px;padding-top: 0;}
#actus-archive .event-infos.actu {color: #000;}

#actus-archive a:hover .event-infos {background:#009ded;color: #FFF;}


h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
    display: block;
    font-size: 50%;
    margin-top: 2px;
    color: #ffffff;
    text-transform: uppercase;
    padding-left: 40px;
}

.page-content .container .medblock p img.aligncenter {
    margin: 10px auto;
}

h4.panel-title {
    margin-bottom: 0 !important;
}

section#crlist {
    max-width: 800px;
    margin: 20px auto;
}

/* BOOTSTRAP ADDED CLASS COL-MD-55 */
@media (min-width: 992px) {
.col-md-55 {
float: left;
}
.col-md-55 {
width: 20%;
}
}
.col-md-55 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px; 
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
li#menu-item-207 a {
    background: url(img/mag.png) no-repeat center;
    width: 35px;
    height: 120px;
    opacity:0.8;
    transition:0.3s;
}
li#menu-item-207 a:hover {
    opacity:1;
}
.elfootero {
    background: #111;
    padding: 10px;
    color: #888;
    font-size: 10px;
}

.form-group-lg .form-control {

    border-radius: 56px;
}

.form-group-dark input {
    background: #151515;
    border-color: #151515;
}
.input-group-addon {
    /* background: #151515; */
    /* border-color: #151515; */
    border-radius: 50px;
    background: #FFF;
}
.bg-bleu-bas {background: url(img/blue-bot.png) no-repeat bottom;min-height: 100px;background-size: 100% 100px;}
.bg-bleu-top {background: url(img/blue-top.png) no-repeat top;min-height: 100px;background-size: 100% 100px;}
.bg-bleu {
    background: #00abfd;
    color: #FFFFFF;
}

.wrap-dark {
    background: url(img/alaune.png) no-repeat left -300px top #2e3539;
    max-width: 1400px;
    margin: 0 auto;
}

section#webzine {background: url(img/grey-bot.png) no-repeat bottom #f22568;min-height: 100px;background-size: 100% 100px;color:#FFFFFF;/* -webkit-clip-path: polygon(0 11%, 100% 0, 100% 100%, 0% 100%); *//* clip-path: polygon(0 11%, 100% 0, 100% 100%, 0% 100%); */padding-top: 50px;}
section#webzine p.h1 {
    padding: 0;
    text-align: left;
}

.date_event {
    background: #2f3539;
    padding: 50px 30px;
    color: #FFF;
}

.date_event h2 {
    font-size: 100px;
    line-height: 50px;
    padding:0;
    padding-top: 30px;
}
.date_event h3 {
    font-size: 30px;
    margin:0;
    margin-bottom: 0 !important;
    padding:0;
    font-weight: 300;
}
.date_event h4 {
    font-size: 30px;
    margin:0;
    padding:0;
    font-weight: 300;
}

section#dourdannews {background: url(img/pink-bot.png) no-repeat bottom #FFFFFF;min-height: 100px;background-size: 100% 100px;}
.wrap-around {
    background: url(img/grey-high-top.png) no-repeat top -20px center;
    min-height: 100px;
    background-size: 100%;
    margin-top: 100px;
}
#carsel .container {
    max-width: 500px;
}
img.icon {
    margin: 0 auto;
    display: block;
}
.icon-block {
    height: 100px;
}
p.icon-name {
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 25px;
}
section#quickgate p.h1 {
    margin: 0;
    /* margin-bottom: 50px; */
}

section#quickgate .container {
    max-width: 900px;
}

section#dourdannews p.h1 {
    color: #FFFFFF;
    margin-top: 20px;
}
.dourdannews .event-infos,
section#dourdannews .event-infos {
    background: #FFF;
    padding: 15px;
    color: #000;
    margin-bottom: 40px;
}
.dourdannews .title,
section#dourdannews .title {
    min-height: 150px;
}
.dourdannews a:hover .event-infos, section#dourdannews a:hover .event-infos {
    background: #009ded;
    color: #FFF;
}
#blinks .wrap-dark {padding: 40px 80px;}
#blinks .wrap-dark h2 {
color: #FFF;
margin-top: 0;
}

#blinks .wrap-dark h3 {
color: #000;
}

.medblock.gosocials p.h1 {
    margin-top: 0;
}
.clearfix.medblock.gosocials {
    background: url(img/footer-top.png) no-repeat center bottom -100px #eee;
    background-size: 100% 300px;
    padding-bottom: 100px;
}
ul.socials {
    list-style: none;
    text-align: center;
    margin: 0;
}

ul.socials li {
    display: inline-block;
}

ul.socials.socials-xl
 li a {
    font-size: 30px;
    display: block;
    padding: 10px;
    color: #111;
}

.gosocials p.h3 {
    text-align: center;
    color: #000;
}
div#wpcf7-f89-o1 input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email.form-control {
    width: 70%;
    float: left;
}

input.wpcf7-form-control.wpcf7-submit {
    width: 30%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    background: #009cec;
    border: none;
    color: #FFF;
}
.webzine .title {
    height: 400px;
    overflow: hidden !important;
}

section#webzine div.clearfix > div .webzine-content {
    background: #2f3539;
    margin-left: 0;
    clip-path: polygon(0% 0%, 100% 0%, 90% 80%, 0% 100%);
    padding: 15% 10%;
    width: 55%;
    height: 500px;
    color:#FFFFFF;
}
section#webzine div.clearfix > div .webzine-content.interviews {
    background: #019aec;
    margin-left: 43%;
    clip-path: polygon(1% 9%, 100% -8%, 100% 100%, 20% 100%);
    padding: 15%;
    width: 65%;
    height: 500px;
    color:#FFFFFF;
}
.home section#webzine div.clearfix > div .webzine-content.portraits {
    background: #2f3539;
    margin-left: 0;
    clip-path: polygon(0% 0%, 80% 0%, 100% 90%, 0 100%);
    padding: 15% 10%;
    width: 55%;
    height: 500px;
    color:#FFFFFF;
    margin-left: 0;
}
section#webzine div.clearfix > div .webzine-content.portraits {
    background: #2f3539;
    margin-left: 0;
    clip-path: polygon(0% 5%, 100% 0%, 100% 90%, 15% 100%);
    padding: 15% 10%;
    width: 55%;
    height: 500px;
    color:#FFFFFF;
    margin-left:50%;
}
section#webzine div.clearfix > div .webzine-content.reportages {
    background: #52ce43;
    /* margin-left: 43%; */
    clip-path: polygon(30% -30%, 100% 21%, 70% 80%, -200% 100%);
    padding: 15% 10%;
    width: 65%;
    height: 500px;
    color:#FFFFFF;
}
section#webzine div.clearfix > div .webzine-content.photos-videos {
    background: #ec9901;
    margin-left: 43%;
    clip-path: polygon(0% -11%, 100% -8%, 100% 100%, 20% 100%);
    padding: 15%;
    width: 65%;
    height: 500px;
    color:#FFFFFF;
}
#webzine a.card.news {
    height: 400px;
    overflow: hidden;
}
span.lacatatamer {
    background: #FFF;
    padding: 4px;
    color: #f22568;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 800;
}
#webzine a.card.news .webzine {
    height: 400px;
}

section#webzine .bigblock {
    padding-bottom: 0px;
}
body#webzine .content a,
body#webzine .content a.btn:hover {
    color: #f22667;
}
body#webzine .content a.btn {
    color: #ffffff;
}

body#webzine .content h3, body#webzine .content .h3 {font-family: 'Muli', sans-serif;color: #f22667;font-size: 20px;margin: 0;}

body#webzine section#webzine {background: url(img/grey-bot.png) no-repeat bottom #f22568;min-height: 100px;background-size: 100% 100px;color:#FFFFFF;-webkit-clip-path: polygon(0 11%, 100% 0, 100% 100%, 0% 100%);clip-path: polygon(0 11%, 100% 0, 100% 100%, 0% 100%);padding-top: 50px;}


body#webzine nav.navbar.navbar-inverse {
    margin-bottom: 0;
    border: none;
    background-color: #f22667;}

body#webzine .navbar-inverse .wrap {
    background: url(img/webzine-bg.png) center center repeat-y #f22667;
    background-size: 100%;
    }

body#webzine .navbar-collapse {
    background: #f22766;
    padding-left: 60px;
}

body#webzine .navbar-header {
    -webkit-clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
    padding-right: 50px;
}
section#webzine div.clearfix > div:first-child .webzine-content > div {
    /* transform: rotate(10deg); */
    color: #FFF;
}
section#webzine div.clearfix > div:last-child .webzine-content > div {
    /* transform: rotate(-15deg); */
    color: #FFF;
    width: 80%;
}

section#webzine div.clearfix > div:first-child {}
section#dourdanexpress
 div.col-md-6 {
    padding: 0;
}

.half .event-infos {
    width: 50%;
    margin-left: 50%;
    margin-top: -150px;
}

a.card.event.half .title .cover {
    height: 300px;
}
.online-bar select {
    background: #111;
    border: none;
}

ul.socials.socials-md {
    float: right;
    margin-left: 10px;
}

ul.socials.socials-md
 li a {
    font-size: 16px;
    padding: 2px;
    color: #CCC;
}

.online-bar span.pull-left {
    margin: 8px 0;
}


.online-bar span.pull-right {
    text-align:right;
}
 
ul.socials.socials-md
 li a:hover {
    color: #FFFFFF;
}
.partners .h4 {
    display: block;
    padding-bottom: 20px;
}

.partners {
    padding-bottom: 40px;
    max-width: 900px;
    margin: 0 auto;
}


.container.container-md {
    max-width: 900px;
}
#webzine a.btn.btn-primary {
    color: #f22568;
    background-color: #ffffff;
    border-color: #ffffff;
}

#webzine span.pull-right {
    margin-right: 15px;
}

.vc_tta-accordion {
    margin-top: 15px;
}

ul.sub-menu li.link-bloc {
    width: 110px;
    padding: 5px;
    white-space: normal;
    float: left;
}

ul.sub-menu li.link-bloc a {
    white-space: normal;
}

.parsley-errors-list {
    position: absolute;
}


/* SIDEBAR */

.sidebar {
    background: whitesmoke;
    padding-bottom: 30px;
    /* margin: 0 -15px; */
}

li.widget {
    list-style: none;
    background: #f5f5f5;
    padding: 30px 15px 1px 15px;
}

.widget h2.widgettitle {
    margin: 0;
    margin-bottom: 15px;
    font-size: 22px;
}



/* WPB OVERRIDE */
.wpb_text_column.wpb_content_element {
    display: block;
    margin: 0;
}


.vc_tta-panel.vc_active .vc_tta-panel-body {
    display: block;
    padding: 10px;
}
.vc_tta-panel .vc_tta-panel-body {
    display: none;
}

.vc_tta-panels {
    background: #FFF;
}

.vc_tta-panel-heading h4 a {
    background: #009dec;
    padding: 5px 10px;
    color: #FFFFFF;
    display: block;
    font-weight: 300;
    border-bottom: 1px solid #067fcd;
}

h4.vc_tta-panel-title {
    margin: 0;
}

/* GravityForm OVERRIDE */
body .gform_wrapper .gform_page_footer .button.gform_previous_button,
body .gform_wrapper .gform_page_footer .button.gform_button, 
body .gform_wrapper .gform_page_footer .button.gform_next_button,
body .gform_wrapper .gform_footer input.button {
    color: #009dec;
    border-color: #009dec;
    background-color: transparent;
    border: 2px solid;
    padding: 10px 25px;
    font-weight: 700;
    margin: 0 auto !important;
    display: inline-block;
}

.gform_wrapper .gform_footer {
    text-align: center;
}

body .gform_wrapper {
    width: 80%;
    background: #FFF;
    padding: 10%;
    margin: 0 auto;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
}

.gform_body ul {}

ul.gform_fields {
    padding: 0 !important;
}

body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input, 
body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], 
body .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
    margin-top: 0;
}

select#months {
    margin-bottom: 20px;
}

/* KX-TESTS */
div#kx-test {
    background: linear-gradient(#f6df87, #e8d573);
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 10px;
    min-width: 200px;
    min-height: 200px;
    font-family:cursive;
    color: black;
}

section#carsel.main-title .cover {
    background: none;
    min-height: 300px;
}

section#carsel.main-title .bg-bleu-bas {
    padding: 0;
    height: 0;
    margin: 0;
}


/* CAROUSEL */
.owl-dots {
    margin-bottom: 15px;
    text-align: center;
}

.owl-carousel button.owl-dot.active {
    background: #0099ed;
}

body .owl-carousel button.owl-dot {
    display: inline-block;
    margin: 0 4px;
    height: 4px;
    width: 40px;
    background: #FFF;
}
body .owl-carousel .owl-nav button,body .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 150px;
    width: 20px;
    height: 40px;
    margin-left: -40px;
    color: #FFF;
    font-size: 4em;
    outline: none;
line-height: 40px; 
}

body .owl-carousel .owl-nav button.owl-next {
    right: 0;
    left: auto;
    margin-left: auto;
    margin-right: -40px;
    color: #FFF;
    font-size: 4em;
    outline: none;
line-height: 40px; 
}

@media (min-width: 991px) and (max-width: 1024px) {
.navbar-collapse {
padding-left: 15px;
}
}

@media (max-width: 991px) {
    .half .event-infos {width: 100% !important;margin-left:0 !important}
    body a.card.event .title .cover, body a.card.half.event .title .cover,a.card.event.high .title .cover {
    height: 250px;
}
#blinks .wrap-dark {
    padding: 10px;
}
body#webzine .navbar-inverse .navbar-nav > li > a {
    padding: 15px;
    background: #f22766 !important;
    color: #FFF !important;
}

body#webzine .navbar-inverse .navbar-nav {
    margin: 0;
    padding: 0;
}

body#webzine .navbar-collapse#navbar {
    padding: 0;
}
a.card.event, a.card.half.event,a.card.event.high {
    height: auto;
}
body .main-title {
    /* padding: 150px 0; */
    background-attachment: scroll !important;
    height: auto;
    }
    #webzine a.card.news {
    height: auto;
}
.half .event-infos {
    margin: 0;
}
body#webzine .navbar-header {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
    
body .dourdannews .title, body section#dourdannews .title {
    min-height: 250px;
}
    .navbar-inverse .wrap {
    background: #00abfd;
}
    body section#carsel {
    background-position: top !important;
    background-attachment: scroll !important;
    /* background: #2f3539 !important; */
    min-height: 400px;
}
    section#carsel .bg-bleu-bas {
    padding: 70px 10px;
}
.wrapper {
    padding: 30px 10px 0 10px !important;
}
.submenu-wrap {/* display:none !important; */} 

body div#navbar {
    background: none;
    height: inherit !important;
    padding-left: 0;
}

header .container {
    width: 100%;
}
li:hover ul.sub-menu {
    padding: 10px 0;
}
.pitiform-header {
    padding-top: 20px;
}
.navbar-footer li .sub-menu {display:none !important}
.title,body #wa-main-post .title {
    /* min-height: 250px; */
    height: 250px;
}
    .flexslider .slides img {
    height: auto;
    width: 100%;
    display: block;
}

}


/* RESPONSIVE MENU */
@media (max-width:767px) {
li:hover > .submenu-wrap {
    position: relative;
    top: 0;
    background: #eee;
    padding: 10px 0;
}

ul#menu-header-menu > li > .submenu-wrap > .container > ul.sub-menu > li > a {
    display: none;
}

ul.sub-menu li.link-bloc {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0;
    margin-bottom: 5px;
}

ul#menu-header-menu > li > .submenu-wrap > .container > ul.sub-menu > li > ul.sub-menu li.link-bloc a {
    min-height: auto;
}

header ul.sub-menu li ul.sub-menu li a {
    float: none;
    width: 100%;
    padding: 5px 10px;
}
    img.icon {
    max-height: 90px;
}
}

a.godown {
    display: block;
    transform: rotate(180deg);
    margin: 0 auto;
    width: 30px;
    font-size: 40px;
    text-align: center;
    color: #FFF;
    -webkit-transform: rotate(90deg) translateX(-50%) translateY(50%);
    transform: rotate(180deg) translateX(-50%) translateY(50%);
    -webkit-animation: bounceScroll 0.3s infinite alternate;
    animation: bounceScroll 0.3s infinite alternate;
}
@keyframes bounceScroll{
    0%{
        transform: rotate(180deg) translateX(-50%) translateY(10px) translateX(50%);
    }
    100%{
        transform: rotate(180deg) translateX(-50%) translateY(00%) translateX(50%);
    }
}
@include keyframes(godown) {
	0%, 20%, 50%, 80%, 100% {
    @include transform(translateY(0));
  }
	40% {
    @include transform(translateY(-30px));
  }
	60% {
    @include transform(translateY(-15px));
  }
}

.bandeau-top {
padding: 25px 15px 15px 15px;
background: #a91200;
color: #FFF;
}

@media (max-width : 767px) {
.bandeau-pop {
padding: 25px 15px 15px 15px;
background: #FFF;
}
}

@media (min-width : 768px) {
.bandeau-pop {
    visibility: hidden;
    position: fixed;
    top: 200px;
    right: 10px;
    background: #FFF;
    max-width: 300px;
    padding: 25px 15px 15px 15px;
    border-radius: 5px;
    box-shadow: 0 0 10px;
    z-index: 2000;
}
}


ul#menu-header-menu > li > .submenu-wrap > .container > ul.sub-menu > li > ul.sub-menu li.link-bloc.link-bloc-commerce a {
    background: #03d46a;
    border-left: 4px solid #03d46a;
}


.letime {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 85%;
    margin-bottom: 10px;
    color: #909090;
}


/* LANDING */
body.page.landing {
    padding: 0;
}