/*
Theme Name: Delmas
Template: nematheme
Version: 1.0.3
Author: Nematis
Author URI: http://www.nematis.com/
*/


/**
 * Fonts
 */
@font-face {
    font-family: 'Open Sans';
    src: url('packages/font/opensans-regular-webfont.eot');
    src: url('packages/font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('packages/font/opensans-regular-webfont.woff') format('woff'),
    url('packages/font/opensans-regular-webfont.ttf') format('truetype'),
    url('packages/font/opensans-regular-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans bold';
    src: url('packages/font/opensans-bold-webfont.eot');
    src: url('packages/font/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('packages/font/opensans-bold-webfont.woff') format('woff'),
    url('packages/font/opensans-bold-webfont.ttf') format('truetype'),
    url('packages/font/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans italic';
    src: url('packages/font/opensans-italic-webfont.eot');
    src: url('packages/font/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('packages/font/opensans-italic-webfont.woff') format('woff'),
    url('packages/font/opensans-italic-webfont.ttf') format('truetype'),
    url('packages/font/opensans-italic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans bold italic';
    src: url('packages/font/opensans-bolditalic-webfont.eot');
    src: url('packages/font/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('packages/font/opensans-bolditalic-webfont.woff') format('woff'),
    url('packages/font/opensans-bolditalic-webfont.ttf') format('truetype'),
    url('packages/font/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans light italic';
    src: url('packages/font/opensans-lightitalic-webfont.eot');
    src: url('packages/font/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('packages/font/opensans-lightitalic-webfont.woff') format('woff'),
    url('packages/font/opensans-lightitalic-webfont.ttf') format('truetype'),
    url('packages/font/opensans-lightitalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans light';
    src: url('packages/font/opensans-light-webfont.eot');
    src: url('packages/font/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('packages/font/opensans-light-webfont.woff') format('woff'),
    url('packages/font/opensans-light-webfont.ttf') format('truetype'),
    url('packages/font/opensans-light-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans semibold';
    src: url('packages/font/opensans-semibold-webfont.eot');
    src: url('packages/font/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('packages/font/opensans-semibold-webfont.woff') format('woff'),
    url('packages/font/opensans-semibold-webfont.ttf') format('truetype'),
    url('packages/font/opensans-semibold-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans semibold italic';
    src: url('packages/font/opensans-semibolditalic-webfont.eot');
    src: url('packages/font/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('packages/font/opensans-semibolditalic-webfont.woff') format('woff'),
    url('packages/font/opensans-semibolditalic-webfont.ttf') format('truetype'),
    url('packages/font/opensans-semibolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**
 * Global
 */
a {
    font-family:"Open Sans", "sans-serif" ;
    font-size: 15px;
    line-height: 23px;
    color: #fff;
}
#content .entry-content a {
    font-size: 16px;
    line-height: 26px;
}
#content a:hover, #content a:focus {
    color: #ffc638;
}

h1, .widget-main-title {
    font-family:"Open Sans", "sans-serif" ;
    color: #fff;
    font-size: 30px;
    line-height: 1.15em;
    font-weight: normal;
    text-transform: uppercase;
    margin:0;
}
h2 a {
    color: #ffc638;
}

li {
    line-height: 26px;
}

input[type="text"] {
    font-family:"Open Sans italic", "Open Sans", "sans-serif" ;
    color: #000;
    font-size: 14px;
}

.element-invisible{display:none;}

.phone a,
.phone a:hover {
    color: white;
    text-decoration: none;
}

/* marge de 25px */
#header{display : flex; flex-direction: column}
#header #site-title, #header .social-links, #access #menu-menu-principal, .form-search, article, #secondary .widget, #footer-delmas .row, .home #content, #comments, .page-template-template-notices-php .mentions p, .page-template-template-notices-php .mentions h2 {margin-left:25px;margin-right:25px;}
#header-wrap #header .form-search {position: relative;top : initial}
.search-form-desktop {
    text-align: right;
    margin-top: 1rem;
}
#header .social-links{
    position: relative;
    right: initial;
    top: initial;
}

/* social links */
.social-links a {
    color: white;
    text-decoration: none;
    overflow:hidden;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    width : 17px;
    padding : 1px 3px !important;
    opacity: 0.9;/* l'opacite que vous voulez au depart */
    border: none;/* enlever les border d'une image en lien */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* Hack IE8 */
    filter: alpha(opacity = 90); /* Hack IE 5-7 */
    -webkit-transition: opacity 0.3s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.3s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.3s ease-in-out;/* transition pour Opera */
    transition: opacity 0.3s ease-in-out; /* on �crit cette ligne � la fin de fa�on � ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */
    display : inline-block;
    text-align : center;
}
.social-links a:hover {
    opacity: 1;
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Hack IE8 */
    filter: alpha(opacity = 100); /* Hack IE 5-7 */
}

.social-links .facebook a:hover,
#secondary .social-links .facebook a:hover {
    background-color: #3c5b9b;
}
.social-links .twitter a:hover,
#secondary .social-links .twitter a:hover {
    background-color: #2daae1;
}
.social-links .google-plus a:hover,
#secondary .social-links .google-plus a:hover {
    background-color: #f63e28;
}

.social-links .instagram a:hover,
#secondary .social-links .instagram a:hover {
    background-color: #fbad50;
}

.social-links .linkedin a:hover,
#secondary .social-links .linkedin a:hover {
    background-color: #0077B5;
}

/* addthis */
.addthis_default_style .at300b,
.addthis_default_style .at300bo,
.addthis_default_style .at300m {
    padding: 0 20px 0 0;
    max-width: 93px;
}

/* boutons */
.btn-custom {
    background-color: hsl(43, 100%, 51%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd56b", endColorstr="#ffb805");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ffd56b), to(#ffb805));
    background-image: -moz-linear-gradient(top, #ffd56b, #ffb805);
    background-image: -ms-linear-gradient(top, #ffd56b, #ffb805);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd56b), color-stop(100%, #ffb805));
    background-image: -webkit-linear-gradient(top, #ffd56b, #ffb805);
    background-image: -o-linear-gradient(top, #ffd56b, #ffb805);
    background-image: linear-gradient(#ffd56b, #ffb805);
    border-color: #ffb805 #ffb805 hsl(43, 100%, 46%);
    color: #333 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);
    -webkit-font-smoothing: antialiased;
}

/**
 * Body
 */
body {
    background-color: #000;
    font-family:"Open Sans", "sans-serif" ;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
}
#background { display:none; position:fixed; z-index:-1; top:0; left:0; width:100%; height:100%; background-size:cover; }


/**
 * Page
 */
#page {	background:transparent url('images/background-filet.png') repeat 0 0; /* filet sur page */}

/* listing blog */
#page article {margin-bottom: 20px;}
#page article footer.entry-meta {text-align: right;}
#main nav {
    margin-left: 10px;
    margin-right: 10px;
}

.page-parent #page .page-list .page-list-ext-title,
.blog #page article .entry-header .entry-title,
.archive #page article .entry-header .entry-title {line-height: 30px; margin-bottom: 15px;}
.page-parent #page .page-list .page-list-ext-title a,
.blog #page article .entry-header .entry-title a,
.archive #page article .entry-header .entry-title a {font-size: 18px;}

/* nav */
.nav-previous {float:left;}
.nav-next {float:right;}

/* commentaires */
#comments .comment,
#commentform .add-on {color:#000;}
#respond .comment-form-comment textarea {width: 96%;}

/**
 * Header
 */
#header-wrap {background:rgba(0,0,0,0.5)}
#header-wrap #header #site-title {margin-top: 9px;}
.blog #header-wrap #header #site-title {margin-top: 5px;}


.header-top{
    display : flex;
    justify-content: space-between;
    align-items: center;
}

.header-top-left{
    flex: 2;
    display: flex;
    align-items: center;
}

.header-top-mid{
    flex: 1;
    text-align: center;
}

.header-top-right{
    flex: 2;
}

.addthis-facebook-like{
    margin-left: 1rem ;
}

.header-top-right .site-infos{
    display: flex;
    align-items: center;
    margin-top: 1rem;
    justify-content: flex-end;
}

.header-logo-agrement{
    width : 150px;
    margin-right : 1rem;
}

.site-title-image img {
    margin-right: 10px;
    width: 170px;
}
.header-telephone a{
    font-size: 24px;
    font-family:"Open Sans semibold", "sans-serif" ;
}

#header .social-links .link-label {display:none;}

#header .form-search .input-append .search-query {
    background: #fff url('images/search-bg.png') no-repeat 5px 4px;
    padding-left: 37px;
    width: 225px;
}
.form-search .input-append .btn {
    background: #fff url('images/ok.png') no-repeat 5px 5px;
    width: 41px;
    height: 30px;
    text-indent: -10000em;
    font-size: 0px;
    border-left: 0;
}
.form-search .input-append .btn:hover {
    -webkit-transform: scale(1.02,1.02);
    -moz-transform: scale(1.02,1.02);
    -o-transform: scale(1.02,1.02);
    -ms-transform: scale(1.02,1.02);
    transform: scale(1.02,1.02);
}

#search-form-modal {
    max-width: 319px;
    background-color: transparent;
}

/* menu */

/* menu principal */
#access .menu-menu-principal-container {
    margin-top: 1rem;
}

/*
*Bug affichage menu en version mobile
#access #menu-menu-principal > li{
    height : 49px;
}
*/

#access #menu-menu-principal li a:active, #access #menu-menu-principal li a:focus,#access #menu-menu-principal li a:visited {
    color: #fff;
}


/* menu secondaire */
#secondary {
    max-width:100%;
    color: #000;
    font-size: 18px;
    font-family:"Open Sans light", "Open Sans", "sans-serif" ;
    float:left;
}

#secondary .widget {background-color: #fff;}

.widget-title {
    text-align: center;
    text-transform: uppercase;
    padding-top: 20px;
    margin-bottom: 0;
}
.widget-title span{color: #000;}
.widget-main-title {
    display: block;
    padding-bottom: 8px;
}
.widget-sub-title {
    font-family:"Open Sans light", "Open Sans", "sans-serif" ;
    font-size: 14px;
    position: relative;
    top:-16px;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}
#secondary .widget li a {
    color: #000;
    display: inline-block;
}
#secondary .widget ul {
    margin: 0 20px;
    padding-bottom: 20px;
}

#secondary .widget ul li {
    border: 0;
    line-height: 18px;
}
#secondary .widget ul li {
    background:transparent url('images/widget-puce.png') no-repeat 0 16px;
    padding-left: 20px;
}

/* menu secondaire */
#secondary .menu li a {color: #000;}
#secondary .widget ul#menu-menu-secondaire {
    position: relative;
    top:-10px;
}
#secondary .widget ul#menu-menu-secondaire li ul.sub-menu li a {
    padding: .3em 0;
}

#secondary li.current-menu-item > a,
#secondary li.current-menu-parent > a {
    font-weight: bold;
}

/* bloc social */
#secondary .widget-social .row {
    margin: 0 5px;
    padding-bottom: 15px;
}
#secondary .widget .social-links ul{
    text-align: center;
    text-transform: uppercase;
    display: block;
    margin:0;
}
#secondary .widget-social .links.inline > li {float: none;margin-left: 0;}
#secondary .widget .social-links ul li{
    background:none;
    padding-left: 5px;
}
#secondary .widget .social-links li a {
    font-size: 40px;
    width: 60px;
    height: 60px;
    padding: 0px !important;
    background-color: #000;
    color: #fff;
    line-height : 60px;
    transition : all 0.4s ease;
}
#secondary .social-links a:hover {
    font-size: 40px;
    width: 60px;
    height: 60px;
    padding: 20px;
}


/* bloc article recent */
#secondary .widget #article-recent ul li {
    background: none;
    padding-left: 0;
}
#article-recent p {
    font-family: "Open Sans", "sans-serif" ;
    font-size: 16px;
    line-height: 26px;
    color: #000;
}
#secondary #article-recent span,
#article-recent a {
    font-family: "Open Sans italic", "Open Sans", "sans-serif" ;
    font-size: 12px;
    line-height: 18px;
    color: #000;
}
#article-recent .rpwe-title,
#article-recent .rpwe-summary,
#article-recent .rpwe-time {
    margin-left: 25px;
    margin-right: 25px;
}
#article-recent .rpwe-title {
    font-size: 30px !important;
    line-height: 18px;
}
.home #article-recent .rpwe-title {
    line-height: 16px;
    height: 30px;
}
#article-recent .rpwe-title a {
    font-size: 20px !important;
    color: #000;
}
#article-recent .rpwe-time a {
    text-decoration: underline;
}
#secondary .widget #article-recent ul {
    margin-right:0;
    margin-left:0;
}
#article-recent ul {
    margin-right:0;
}
#article-recent ul li {
    border:0;
    padding:0;
    margin-bottom:0;
    background: none;
}
#article-recent ul li img {
    border:0 !important;
    margin:0;
    padding:0 !important;
    float:none;
}

#article-recent .blog-link-all {
    height: 30px;
    margin-right:25px;
    margin-left:25px;
}
#article-recent .blog-link-all a {
    color:#fff;
    text-decoration: underline;
    font-family: "Open Sans Bold italic", "Open Sans", "sans-serif" ;
    font-size: 14px;
    line-height: 24px;
}
/**
 * Main
 */
.not-home #main,
.home #main #main-content {
    padding:0 !important;
    margin-top: 30px;
}

.not-home .post-content,
.page-template-template-notices-php #main .row,
.page-template-template-contact-php #content,
.page-template-template-full-width-php #content,
.home #main #main-content {
    background:transparent url('images/background-cadre.png') repeat 0 0;
    padding-bottom: 5px;
}
.page-template-template-notices-php #main .row,
.not-home .post-content,
.home #main #main-content {
    padding-top:30px;
    margin-left:0;
}

.post-title {
    background:transparent url('images/background-cadre-haut.png') no-repeat 0 0;
    height: 101px;
    border-bottom: 1px solid #fff;
    margin-left: 0;
    margin-bottom: 0;
}
.not-home #main .archive-header .archive-title .title,
.post-title .title {
    margin-left: 0;
}
.archive #main h1.archive-title,
.post-title h1 {
    padding: 0;
    line-height: 100px;
}
.archive #main h1.archive-title span,
.post-title h1 span {
    width: 100%;
    padding: 25px;
    vertical-align: middle;
    display: inline-block;
    line-height: 1.15em;
    text-align: left;
}

.post-title .addthis_toolbox {
    padding: 45px 20px 0 0;
}

.home #home-links p,
.home #article-recent p,
article p {
    text-align: justify;
}
.not-home article p,
article .post li,
article .post li span {
    line-height: 30px;
    padding-bottom: 10px;
}
article img {
    line-height: 30px;
    padding-bottom: 15px;
}

/* Home */
.home #vide {display:none;width:100px; height:140px;}
#harpe-home {
    text-align: center;
    position: relative;
    top: 48px;
}
.home #main {padding:0;}
.home .widget-title {margin:15px;}
.home .widget-main-title {padding-top:20px;}
.home .widget-main-title,
.home .widget-sub-title {
    color:#ffc739;
    background : transparent;
}


.home .home-title{
    margin-bottom : 30px;
}
.home .widget-sub-title{
    display : flex;
    align-items: center;
    overflow : hidden;
    white-space:  nowrap;
    margin-top : 0.5rem;
}
.home .widget-sub-title::after, .home .widget-sub-title::before {
    content: '';
    height: 2px;
    background-color: #ffc739;
    width: 100%;

}
.home .widget-sub-title::after{
    margin-left : 1rem;
}

.home .widget-sub-title::before {margin-right:1rem}

.home-links-content {margin:10px 100px;}
.home-links-links {margin:10px 81px;}
.home-links-links img {margin:15px 11px;}
.home-links-links img.image4 {margin-left: 14px;}

.home #article-recent ul {
    margin-bottom: 0;
    margin-left: 25px;
    margin-right: 25px;
    text-align: center;
}
.home #article-recent li.actu {
    width: 100%;
    display: inline-block;
    margin: 15px 25px 10px 0;
    background-color: #fff;
}
.home #article-recent li.actu img {
    width: 545px;
    height: 300px;
}
.home #article-recent .addthis_toolbox,
.home #article-recent .actu-lire {
    margin: 10px 25px;
}
.home #article-recent .rpwe-summary {
    min-height: 90px;
}
.home #article-recent .actu-lire {
    width: 100px;
    background:transparent url('images/fleche-lire.png') no-repeat 85px 6px;
    text-align: left;
}
.home #article-recent .actu-lire a {
    font-family:"Open Sans Bold italic", "Open Sans", "sans-serif" ;
    font-size: 14px;
}

/* contact */
.template-page-contact .phone a, .template-page-contact .phone a:hover {color:#000; }
.template-page-contact #section-access.section-access .calcul,
.template-page-contact .section .content,
.template-page-contact .content {
    background-color: #fff;
    color: #000;
}
.template-page-contact label { position:relative; bottom: initial; font-weight:bold; }
.template-page-contact .label-above .nf-field-label{margin-bottom : 0}
.template-page-contact .nf-field-container{margin-bottom : 0}


.adp {margin: 20px;}
.section-time {margin-top: 6px;}

/* timeline */
.timeline, .timeline ul.issues, .timeline ul.issues > li.selected {height:100% !important;}

.timeline h3,
.timeline ul.dates li a.selected,
.timeline .issues li span, .timeline .issues li a {color:#ffc638; }

/**
 * Footer
 */
#footer-wrap {border-top: 3px solid #e9b533;}
#footer-wrap, #site-generator {background-color: #000;}
#footer-top {height:84px; background:transparent url('images/background-cadre.png') repeat 0 0;}
#footer-image {
    text-align: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    background: #000;
}

#footer-delmas {margin-top: 25px;}
#footer-delmas .section-address .link,
#footer-delmas .section-address .gps,
#footer-delmas .section-address strong { display:none;}

.page-template-template-contact-php #footer-top,
.page-template-template-full-width-php #footer-top {background:transparent;height:100%;}
.page-template-template-contact-php #footer-image,
.page-template-template-full-width-php #footer-image {top:45px;}

.logo-footer {vertical-align:top;}

/* Ajustement responsive (Bootstrap) */



#header #btn-search-toggle {
    right: 5px;
    top: 10px;
}


.mobile-agreement{
    display : flex;
    margin-bottom: 2rem;
    justify-content: center;
    align-items: center;
}
/* bootstrap */

@media (min-width: 980px) {
    .menu li a {color: #fff;}
    .menu li a:hover  {color: #000;}

    .mobile-agreement{
        display : none;
    }
    #access #menu-menu-principal li a {
        padding: 13px 30px;
    }
    #access #menu-menu-principal > li{
        height : 49px;
    }
    #access #menu-menu-principal li.current-menu-parent:after,
    #access #menu-menu-principal li.current-menu-item:after {
        border-top: 6px solid #ffc638;/* couleur du triangle*/
    }
    #access #menu-menu-principal li:hover {background:url('images/menu-hover.png') repeat-x 0 4px;}
    #access #menu-menu-principal li.current-menu-parent,
    #access #menu-menu-principal li.current-menu-item {background:url('images/menu-actif.png') repeat-x 0 0;}
    #access #menu-menu-principal li.current-menu-parent li {background: none;}

    #access #menu-menu-principal li.current-menu-parent li.current-menu-item:after {
        content: '';
    }

    #access #menu-menu-principal li:hover:after {
        font-size: 0px; line-height: 0%; width: 0px;
        border-bottom: 6px solid #ffc638;/* couleur du triangle*/
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        content: 't';
        left: 44%;
        top: -25px;
        position: relative;
    }
    #access #menu-menu-principal li:after {
        font-size: 0px; line-height: 0%; width: 0px;
        border-top: 6px solid transparent;/* couleur du triangle*/
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        content: '.';
        left: 44%;
        top: -13px;
        position: relative;
    }
    #access #menu-menu-principal li.current-menu-item:hover:after {top:-19px;}
    #access #menu-menu-principal li a:hover {
        color: #fff;
    }
    #access #menu-menu-principal li.current-menu-parent a,
    #access #menu-menu-principal li.current-menu-item a,
    #access #menu-menu-principal li a:focus,
    #access #menu-menu-principal li.current-menu-item .sub-menu li a:hover,
    #access #menu-menu-principal li.current-menu-parent .sub-menu li a:hover {
        color: #000;
    }
    #access #menu-menu-principal li.current-menu-item .sub-menu li a,
    #access #menu-menu-principal li.current-menu-parent .sub-menu li a {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
    }


    #access #menu-menu-principal .sub-menu {background-color: #ffc638; min-width:250px;top: 49px;}
    #access #menu-menu-principal .sub-menu li a {color: #000;}

    #access #menu-menu-principal .sub-menu li:hover {background-color: #fde058;background-image:none;}

    #access #menu-menu-principal .sub-menu li:after {content:'';border:0;top:0;left:0;}

    #access #menu-menu-principal li,
    #access ul ul{
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
    }
    #access ul ul{
        opacity:0;
        visibility:hidden;
    }
}

@media (min-width: 1200px) {
    .span8 {width: 730px;}
    .span4 {width:405px;}
    #secondary {float:right;margin-left:0;}
    .home #article-recent ul {text-align: left; margin-right:0;}
    .home #article-recent li.actu {width: 545px;}
    .home #vide {display:block;}
    #main nav {margin-left: 25px; margin-right: 25px;}
}

@media (min-width: 980px) and (max-width: 1199px) {
    .row {margin-left: 0;}
    #header #site-title, #header .social-links, #access #menu-menu-principal, .form-search, article, #secondary .widget, #footer-delmas .row, .home #content, #comments {margin-left:10px;margin-right:10px;}
    #header-wrap #header .form-search, #header-wrap #header .social-links {right:0;}
    .home-links-links {text-align: center;}
    .home #article-recent li.actu {width: 545px;}
    .not-home #article-recent .rpwe-title, .not-home #article-recent .rpwe-summary, .not-home #article-recent .rpwe-time {margin-left: 10px; margin-right: 10px;}
    #main #content {margin-left:0;}
    #access #menu-menu-principal li a {padding: 13px 20px;}
    .header-telephone {margin-left:0;}
    .header-telephone a {font-size: 20px;margin-left:0;}
    #header .addthis-facebook-like {right: 115px;}
}

@media (min-width: 768px) and (max-width: 979px) {
    .row {margin-left: 0;}
    #page {	background:transparent;}
    img.header-logo-agrement {display:none;}
    .header-telephone {display:none;}
    #header .addthis-facebook-like {display:none}
    #header #site-title, #header .social-links, #access #menu-menu-principal, .form-search, article, #secondary .widget, #footer-delmas .row, .home #content, #comments {margin-left:10px;margin-right:10px;}
    #header-wrap #header .form-search, #header-wrap #header .social-links {right:0;}
    #access .menu-menu-principal-container {background-color: #fff;}
    .home-links-links {margin: 10px;text-align: center;}
    .home-links-links img {margin: 15px 10px;}
    .home-links-content {margin: 10px;}
    .home #article-recent li.actu {width: 545px;}
    .not-home #article-recent .rpwe-title, .not-home #article-recent .rpwe-summary, .not-home #article-recent .rpwe-time {margin-left: 10px; margin-right: 10px;}
    #main #content {margin-left:0;}
    #secondary .widget #article-recent ul li {text-align:center;}
    .page-template-template-contact-php h2 {font-size: 27.5px;}
    .template-page-contact label {font-size: 11px;}
    .timeline ul.issues li.selected {margin-left:60px !important;}
    .timeline .dates li {width:115px !important;}
}

@media (max-width: 768px) {
    #page {	background:transparent;}
    body {padding-left: 0;padding-right: 0;}
    #header-wrap {min-height: 110px;}
    .site-title-image img {margin-right: 20px;width: 150px;}
    img.header-logo-agrement {display:none;}
    .header-telephone {margin-left:0;}
    .header-telephone a {font-size: 20px;margin-left:0;}
    #header .addthis-facebook-like {position: absolute;top: 38px;left: 180px;}
    #header #site-title, #header .social-links, #access #menu-menu-principal, .form-search, article, #secondary .widget, #footer-delmas .row, .home #content, #comments {margin-left:10px;margin-right:10px;}
    #access .menu-menu-principal-container {background-color: #fff;}
    .collapse {top: 65px;}
    .home-links-content {margin: 10px;}
    .home-links-links {margin:0;text-align: center;}
    .post-title h1 {padding:10px;font-size:20px;}
    .archive #main h1.archive-title span, .post-title h1 span {padding:0;}
    .post-title .addthis_toolbox {padding:5px; float:left;}
    #page article footer.entry-meta {text-align:left;}
    #article-recent .addthis_toolbox {margin: 10px; display: inline-block;}
    .addthis_default_style .at300b {padding: 2px;}
    #secondary .sub-menu {display:none !important;}
    #secondary .widget #article-recent ul li {text-align:center;}
    .not-home #article-recent .rpwe-title, .not-home #article-recent .rpwe-summary, .not-home #article-recent .rpwe-time {margin-left: 10px; margin-right: 10px;}
    #footer-delmas {margin-top: 50px; margin-left: 10px; margin-right: 10px;}
    .timeline ul.issues li.selected {margin-left:25px !important;}
    .timeline ul.issues li {width:700px !important;}
    .timeline .issues li img {margin: 0 10px 10px 0 !important;}
}

@media (min-width: 481px) and (max-width: 767px) {
    #header-wrap #header .form-search, #header-wrap #header .social-links {right:0;}
    .header-telephone a {font-size: 20px;}
    .home-links-links img {margin: 15px 10px;}
    .home-image-double img {margin: 15px 0px;}
    #footer .social-links {float: none;}
    #footer .social-links li.link-label {padding-left:0;}
    .timeline .issues li.selected p {width: 450px !important;}
    .timeline .dates li {width:75px !important;}
    .page-template-template-full-width-php .timeline .dates {margin-left: 10px !important;}
    .timeline .next {left: 477px !important;}
}
@media (max-width: 480px) {
    #header-wrap #header .form-search, #header-wrap #header .social-links {right:0;}
    .site-title-image img {margin-right:3px;width:130px;}
    #header .addthis-facebook-like,	#header .header-telephone {display:none;}
    #access .menu-menu-principal-container {margin-top: 0px;}
    .home .cycle-slideshow-wrapper {display:none;}
    #home-links > .widget-title{display : none;}
    #header-wrap {
        min-height: 60px;
    }
    .collapse {
        top: 10px;
    }
    #header .navbar-inner{min-height:0}
    .header-top-left{flex:0;}
    .home-links-links img {margin: 15px 0px;}
    .mobile-harper{display : block;}
    .desktop-harpe{display : none;}
    #harpe-home {top : initial; }
    #article-recent .rpwe-title, #article-recent .rpwe-summary, #article-recent .rpwe-time, .home #article-recent .actu-lire {margin-left: 10px; margin-right: 10px;}
    #footer .social-links {float: none;}
    #footer .social-links li.link-label {padding-left:0;}
    .timeline .issues li.selected p {width: 250px !important;}
    .timeline .dates li {width:75px !important;}
    .page-template-template-full-width-php .timeline .dates {margin-left: 10px !important;}
    .timeline .issues li p {margin: 0 5px 0 !important;}
    .timeline .next {left: 287px !important;}
    .home #main #main-content{margin-top: 0; padding-top : 1rem !important;}
    #footer-delmas {margin-top: 70px;}
}

@media (min-width: 481px) {
    .mobile-harpe{display : none;}
}

.ninja-forms-required-items{
    visibility: hidden;
}

.nf-form-layout{
    padding :15px;
}

.template-page-contact ol.cf-ol li {
    padding:0 20px 0 40px;
}

#cformsform-routes {
    width:361px;
}

/* #159002: footer styles adjustments */
#footer .social-links {
    margin-bottom: 1rem;
}

#footer .footer-columns {
    display: flex;
    flex-direction: column;
}

#footer .efc-logo {
    width: 100%;
    text-align: center;
}

#footer .efc-logo img {
    width: 150px;
}

@media screen and (min-width: 768px) {
    #footer .footer-columns {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }

    #footer .efc-logo {
        width: unset;
    }

    #footer .efc-logo img {
        width: 120px;
    }
}