﻿/* Add here all your css styles (customizations) */
@import url("sky-forms.css");
@import url("form.css");


/* ----------------------------------------------- Ajout polices spécifiques */
@font-face {
    font-family: "Replica-Bold";
    src: url("../Fonts/lineto-replica-bold.eot");
    src: url("../Fonts/lineto-replica-bold.eot?#iefix") format("embedded-opentype"),
        url("../Fonts/lineto-replica-bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Replica-Regular";
    src: url("../Fonts/lineto-replica-regular.eot");
    src: url("../Fonts/lineto-replica-regular.eot?#iefix") format("embedded-opentype"),
        url("../Fonts/lineto-replica-regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/* ----------------------------------------------- /Ajout polices spécifiques */


/* ------- custom sky-form/powermail ----- */
label.powermail_label {
    color: #666;
    border-radius: 0;
    font-size: 100%;
    text-align: left;
    white-space: normal;
    display: block;
    line-height: 19px;
    font-weight: 400;
    padding: .2em .6em .3em;
    margin: 0;
}

input#powermail_field_datedenaissance {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 39px;
    padding: 8px 10px;
    outline: none;
    border-width: 2px;
    border-style: solid;
    border-radius: 0;
    background: #fff;
    font: 15px/19px 'Open Sans', Helvetica, Arial, sans-serif;
    color: #404040;
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-color: #ccc;
    border-width: 1px;
}

.powermail_fieldwrap_date {
    margin-bottom: 8px;
    padding: 0 0 0 15px;
}

/* -------END custom sky-form/powermail ----- */

.header {
    z-index: initial;
}


/* datepicker */
.xdsoft_datetimepicker {
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: white;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    color: #333333;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    padding: 8px;
    padding-left: 0px;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border: none
}

.xdsoft_datetimepicker button {
    border: none !important
}

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.xdsoft_noselect::selection {
    background: transparent
}

.xdsoft_noselect::-moz-selection {
    background: transparent
}

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none
}

.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0px
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==")
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0px
}

.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0px;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0px 0px
}

.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0px none currentColor;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;
    outline: medium none currentColor;
    overflow: hidden;
    padding: 0px;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0px;
    margin-bottom: 7px;
    margin-top: 0px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #eee
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: white;
    border-top: 1px solid #eee;
    color: #444;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0px;
    height: 25px;
    line-height: 25px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child {
    border-top-width: 0px
}

.xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer
}

.xdsoft_datetimepicker .xdsoft_label:hover {
    text-decoration: underline
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0px;
    top: 30px;
    z-index: 101;
    display: none;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect {
    right: -7px
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect {
    right: 2px
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #fff;
    background: #a94442
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {
    padding: 2px 10px 2px 5px
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #1e5799;
    box-shadow: #1e5799 0px 1px 3px 0px inset;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 90px;
    text-align: right
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 56px
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%
}

.xdsoft_datetimepicker .xdsoft_calendar td>div {
    padding-right: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #F5F5F5;
    border: 1px solid #DDDDDD;
    color: #666666;
    font-size: 12px;
    text-align: right;
    padding: 0px;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #F1F1F1
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #1e5799
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #1e5799;
    box-shadow: #1e5799 0px 1px 3px 0px inset;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled {
    opacity: 0.5
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: 0.2
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #fff !important;
    background: #a94442 !important;
    box-shadow: none !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    box-shadow: inherit inherit inherit inherit inherit inherit !important
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px
}

.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee !important
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa !important
}

.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc
}

.xdsoft_scrollbar>.xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px
}

.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    cursor: pointer
}

.xdsoft_scroller_box {
    position: relative
}

/* /datepicker */


a.button:hover {
    opacity: 0.6;
}

a.button {
    display: inline-block;
    background-color: #DF0000;
    padding: 15px 20px;
    margin: 10px;
    color: White;
    border-radius: 10px !important;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none !important;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 14px;
}

/* Debut Magazine IDB */

body {
    -ms-overflow-style: scrollbar;
}

.wrapper {
    margin-bottom: 72px;
}

@media screen and (min-width: 1520px) {
    .wrapper {
        margin-bottom: 0;
    }
}

#siteoverlay,
#idboverlay {
    position: fixed;
    bottom: 0;
    right: 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    background-color: white;
    width: 100%;
    z-index: 20;
    overflow: hidden;
    cursor: pointer;
}

#siteoverlay .overlay-image,
#idboverlay .overlay-image {
    display: none;
}

#siteoverlay span,
#idboverlay span {
    display: block;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    padding: 20px 0;
}

@media (min-width: 1520px) {

    #siteoverlay,
    #idboverlay {
        top: 0;
        width: 160px;
        height: 100%;
        z-index: 20;
    }

    #siteoverlay span,
    #idboverlay span {
        height: 160px;
        left: -140px;
        position: absolute;
        top: 420px;
        width: 550px;
        padding: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        font-size: 3rem;
    }

    #siteoverlay .overlay-image,
    #idboverlay .overlay-image {
        display: inline;
    }

}

.pub_wrapper {
    max-width: 1170px;
    width: 100%;
    text-align: center;
    display: none;
}

.pub_wrapper img {
    padding: 1rem 0;
    width: 100%;
    height: auto;
}

.pub_side_wrapper {
    text-align: center;
    display: none;
}

.pub_side_wrapper img {
    padding-bottom: 2rem;
}

#frame_idb {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}

.sky-form .label[for="powermail_field_typedabonnement"] {
    display: none;
}

.powermail_fieldwrap_formationsuivieactuellement,
.powermail_fieldwrap_lieudeformation {
    display: none;
}


/* Fin Magazine IDB */

p, li, label {
    color: #000;
}

li a {
    color: #df0000;
}

.boxed-layout {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
}

.header .topbar ul.loginbar>li>a, .header .topbar a {
    color: #000
}

.header .topbar ul.loginbar>li>a:hover, .header .topbar a:hover {
    color: #df0000
}

.header .topbar ul.loginbar li.topbar-devider {
    border-right: 1px solid #000;
}

.header .navbar-nav>li>a:hover, .header .navbar-nav>.active>a {
    border-bottom-width: 5px;
    z-index: 10000;
}

body.revue .header .navbar-nav>li>a:hover, .header .navbar-nav>.active>a {
    z-index: initial;
}

.header .topbar ul.loginbar li.topbar-devider:last-child {
    margin: 0 0 0 5px;
}

.header>.container {
    margin-bottom: -46px;
}

.header .dropdown-menu {
    border: 0 solid #df0000;
}

.dropdown-menu {
    background-color: #e5e5e5;
    border: 0px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}

.header .mega-menu .equal-height-in {
    margin: 10px 0;
    padding: 0;
}

.header .mega-menu .equal-height-in {
    border-left: 1px solid #687074;
}

.header .mega-menu .equal-height-list h3 {
    padding: 0 10px 0 0;
    margin: 10px 0;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

.header .mega-menu .equal-height-list h3>a {
    font-size: 15px;
    font-weight: bold;
    padding: 0 10px 0 5px;
    text-transform: uppercase;
    color: #000;
}

.header .mega-menu .equal-height-list .csc-textpic-image img {
    margin-left: 65px;
}

.header .mega-menu .disable-icons li a {
    padding-left: 18px;
}

.header .mega-menu .disable-icons li>a {
    padding: 0 0 0 25px;
    color: #000;
}

.header .dropdown-menu li h3>a:hover {
    color: #df0000;
    filter: none !important;
    background: #eee !important;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.header .mega-menu .equal-height-list h3 ul.level3 {
    text-transform: none;
    line-height: 20px;
}

.header .dropdown-menu .active>a,
.header .dropdown-menu li>a:hover {
    color: #df0000;
}

.header .dropdown>a::after, .header .dropdown-submenu>a::after {
    content: "";
}

.header .navbar-nav>li>a {
    color: #000;
    font-size: 14px;
    padding: 9px 9px;
    /*margin: 0px 9px;*/
}

/*.header ul.navbar-nav li.mega-menu-fullwidth:last-child a {
    padding: 9px 0 9px 9px;
}*/
ul.level3 {
    list-style: outside none none;
    padding-left: 15px;
}

.header .mega-menu .disable-icons ul.level3>li>a {
    padding-left: 15px;
}

.navbar-nav>li {
    font-family: Replica-Regular;
}

.logo .csc-default {
    padding-bottom: 30px;
}

.header {
    border-bottom: 0px solid #eee;
    padding-bottom: 15px;
}

/* ---------------- /menu ----------------- */

/* ------------ menutop --------------------*/
.topbar ul.loginbar {
    height: 20px;
    padding-left: 10px;
    width: 190px;
}

.tx-srlanguagemenu {
    float: right;
    margin-top: 4px;
}

/*.topbar ul.contact-sitemap {
    margin-top: 2px;
}*/
ul.searchbox .form-control {
    font-size: 11px;
    height: 25px;
    padding: 4px;
}

ul.searchbox .btn-u {
    font-size: 11px;
    height: 25px;
    padding: 4px 8px;
}

.tx-srlanguagemenu .NO, .tx-srlanguagemenu .INACT {
    float: left;
    font-size: 11px;
    opacity: 0.5;
    padding-left: 8px;
}

.tx-srlanguagemenu .CUR {
    float: left;
    font-size: 11px;
    padding-left: 8px;
}

.topbar ul.loginbar.contact-sitemap li i.fa {
    margin-right: 5px;
}

.topbar ul.contact-sitemap {
    margin-top: 2px !important;
    text-align: right;
    width: 655px;
}

/* ------------ /menutop --------------------*/

/* ---------------- slider ----------------- */

.flex-direction-nav li a {
    top: 50%;
}

.flexslider .slides img {
    display: block !important;
    height: auto !important;
    max-width: 100% !important;
}

.flexslider ul.flex-direction-nav {
    display: none;
}

.flexslider:hover ul.flex-direction-nav {
    display: block;
}

.flex-direction-nav li a {
    opacity: 0.75;
    background-attachment: scroll;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(../Images/bg_direction_nav.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

/* ---------------- /slider ----------------- */
.frame header,
.headline {
    /*background-color: #e5e5e5;*/
    border: 0;
    margin: 10px 0 20px;
}

.newsall .frame header,
.newsall .headline {
    background-color: #e5e5e5;
}

.inside .frame header,
.inside .headline {
    margin: 0 0 20px 0;
}

.frame header h2,
.headline h2 {
    border-bottom: 0px solid #df0000;
    padding: 0 25px 0 0;
    margin: 0;
    background-color: #fff;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 30px;
}

.frame header h1,
.headline h1 {
    padding: 0 25px 0 0;
    margin: 0;
    background-color: #fff;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 33px;
    display: inline-block;
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-family: Replica-Regular, Arial, sans-serif;
}

.inside h2 {
    text-transform: uppercase;
}

.thumbnail h3 a, .thumbnail-style h3 a {
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}

/* newshome */
.newshome {
    list-style: none outside none;
    padding-left: 15px;
}

.newshome li {
    width: 33.33%;
    float: left;
    padding: 0 20px;
    border-left: 1px solid #c4c4c4;
}

.newshome li:first-child {
    border-left: 0px solid #c4c4c4;
}

.newshome h3 {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 15px;
    line-height: 24px;
    margin: 0px;
    text-transform: uppercase;
}

.newshome h3 a, .more-newshome a {
    color: #df0000;
}

.date-newshome, .date-newslistarchive {
    font-size: 18px;
    font-weight: bold;
}

.resume-newshome {}

.more-newshome {
    padding-top: 15px;
    text-transform: uppercase;
}

.more-newslist {
    padding-bottom: 15px;
    text-transform: uppercase;
}

.news-single-imgcaption {
    display: none
}

.news-gotoall {
    padding-top: 20px;
}

/* /newshome */
.footer-v1 .copyright {
    background: none;
    border-top: 0;
    padding: 0;
}

.footer-v1 .copyright p {
    color: #000;
    margin: 0 0 20px 0;
    font-size: 11px;
}

.footer-v1 .copyright p a {
    color: #df0000;
}

.footer-v1 .copyright i.fa {
    color: #bbb;
    margin: 0 4px;
}

.google-maps, .video {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    margin-bottom: 15px;
}

.google-maps iframe, .video iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.video iframe {
    height: 70%;
    width: 70%;
}

.tx-indexedsearch-searchbox {
    display: none;
}

.col-md-4 .csc-default .csc-header .headline {
    margin-top: 25px;
}

.col-md-4 .csc-default:first-child .csc-header .headline {
    margin-top: 0;
}

.social-share {
    margin-top: 30px;
}

/* ---------------------- Breadcrumb -----------------------*/
.breadcrumbs {
    font-size: 12px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 0;
    padding: 0;
}

.breadcrumbs .container {
    border-bottom: 0px solid #9a052f;
    border-top: 0px solid #9a052f;
    padding: 0;
    background-color: #e5e5e5;
}

.breadcrumb {
    top: 0;
    margin-bottom: 0;
    padding: 0 15px;
    background-color: #fff;
    border-radius: 0;
    line-height: 21px;
}

.breadcrumb a {
    color: #000;
}

.breadcrumb li.active a {
    color: #df0000;
}

.breadcrumb>li+li:before {
    color: #000;
    content: "- ";
}

/* ---------------------- /Breadcrumb -----------------------*/

/* ---------------------- Sitemap -----------------------*/
.csc-sitemap>ul>li>ul>li {
    font-size: 14px;
    text-transform: none;
    font-family: Arial, sans-serif;
}

.csc-sitemap>ul>li {
    font-size: 18px;
    text-transform: uppercase;
    font-family: Replica-Regular, Arial, sans-serif;
    margin-top: 20px;
}

.csc-sitemap>ul>li:first-child {
    margin-top: 0px;
}

.csc-sitemap ul {
    list-style: none outside none;
    padding-left: 25px;
    line-height: 26px;
}

/* ---------------------- /Sitemap -----------------------*/

.inside>.row>.col-md-8 {
    border-right: 1px solid #e5e5e5;
}

.inside .thumbnail-style {
    margin-top: 25px;
    /*background-color:#e5e5e5;*/
    border: 1px solid #e5e5e5;
}

/*.inside div.csc-textpic .csc-textpic-imagewrap img, .news-single-img img {
	border: 1px solid #e5e5e5;
}*/
/* ------------ Liste fichiers --------------------*/
ul.csc-uploads-0 {
    margin: 0;
}

ul.csc-uploads {
    padding: 0 0 0 25px;
}

ul.csc-uploads span {
    display: inline-block;
}

ul.csc-uploads li {
    margin: 0;
    padding: 0 0 4px 0;
    list-style: outside none none;
}

.csc-uploads-fileName {
    padding-left: 34px;
    padding-right: 10px;
    padding-top: 5px;
}

ul.csc-uploads li.csc-uploads-element-xlsx, ul.csc-uploads li.csc-uploads-element-xls, ul.csc-uploads li.csc-uploads-element-xlsm {
    background-image: url(../Images/icons/excel.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
}

ul.csc-uploads li.csc-uploads-element-dwg {
    background-image: url(../Images/icons/dwg.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
}

ul.csc-uploads li.csc-uploads-element-pdf {
    background-image: url(../Images/icons/pdf.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
}

ul.csc-uploads li.csc-uploads-element-docx, ul.csc-uploads li.csc-uploads-element-doc {
    background-image: url(../Images/icons/word.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
}

ul.csc-uploads li.csc-uploads-element-pptx, ul.csc-uploads li.csc-uploads-element-ppt {
    background-image: url(../Images/icons/powerpoint.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
}

ul.csc-uploads li.csc-uploads-element-vsdx, ul.csc-uploads li.csc-uploads-element-vsd {
    background-image: url(../Images/icons/visio.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
}

ul.csc-uploads li.csc-uploads-element-jpeg, ul.csc-uploads li.csc-uploads-element-jpg {
    background-image: url(../Images/icons/jpg.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
}

ul.csc-uploads li.csc-uploads-element-eps {
    background-image: url(../Images/icons/eps.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
}

ul.csc-uploads li.csc-uploads-element-zip {
    background-image: url(../Images/icons/zip.gif);
    background-repeat: no-repeat;
    background-position: 0 4px;
}

ul.csc-uploads span.csc-uploads-fileName {
    text-decoration: none;
}

/* ------------ /Liste fichiers --------------------*/
#sbOverlay {
    z-index: 110 !important;
}

#sbCenter, #sbBottomContainer {
    z-index: 120 !important;
}

.navbar-toggle {
    right: 15px;
    top: 62px;
    position: absolute;
}

.tx-indexedsearch-redMarkup {
    color: #df0000;
}

.news-single-additional-info {
    padding-top: 15px;
}


@media (max-width: 1200px) {
    .header .logo img {
        height: 85px;
        width: 166px;
    }
}

@media (max-width: 992px) {
    .header>.container {
        margin-bottom: 0;
    }

    .inside>.row>.col-md-8 {
        border-right: 0px solid #e5e5e5;
    }

    .header .mega-menu .equal-height-in {
        border-left: 0px solid #687074;
    }
}

@media (max-width: 768px) {
    .newshome li {
        float: none;
        margin-bottom: 20px;
        width: auto;
        border-left: 0px solid #c4c4c4;
    }

    .topbar ul.contact-sitemap {
        margin-top: 10px !important;
    }

    h1 {
        font-size: 22px;
    }

    h2 {
        font-size: 19px;
    }

    h3 {
        font-size: 16px;
    }

    .breadcrumbs .container {
        background-color: #fff;
    }

    .video iframe {
        height: 100%;
        width: 100%;
    }
}

@media (max-width: 365px) {
    .topbar {
        display: none;
    }
}

/* ---------------- 404 --------------------*/
.error-v1 {
    padding-bottom: 30px;
    text-align: center;
}

.error-v1 span.error-v1-title {
    color: #df0000;
    font-size: 180px;
    line-height: 200px;
    padding-bottom: 20px;
}

.error-v1 span {
    color: #df0000;
    display: block;
    font-size: 35px;
    font-weight: 200;
}

.error-v1 p {
    color: #555;
    font-size: 16px;
}

/* ---------------- /404 --------------------*/
/* style pour pagination resultat de recherche */
.browsebox {
    display: inline-block;
    padding-left: 0;
    margin: 10px 0 20px 0;
    border-radius: 4px;
}

.inside ul.browsebox {
    padding: 0 0 0 15px;
}

.browsebox>li {
    display: inline;
}

.browsebox li a,
.browsebox li span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.428571429;
    color: #df0000;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.browsebox li:first-child a,
.browsebox li:first-child span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.browsebox li:last-child a,
.browsebox li:last-child span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.browsebox li a:hover,
.browsebox li span:hover,
.browsebox li a:focus,
.browsebox li span:focus {
    color: #df0000;
    background-color: #eee;
    border-color: #ddd;
}

.browsebox .tx-indexedsearch-browselist-currentPage a,
.browsebox .tx-indexedsearch-browselist-currentPage span,
.browsebox .tx-indexedsearch-browselist-currentPage a:hover,
.browsebox .tx-indexedsearch-browselist-currentPage span:hover,
.browsebox .tx-indexedsearch-browselist-currentPage a:focus,
.browsebox .tx-indexedsearch-browselist-currentPage span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #df0000;
    border-color: #df0000;
}

.browsebox .disabled span,
.browsebox .disabled span:hover,
.browsebox .disabled span:focus,
.browsebox .disabled a,
.browsebox .disabled a:hover,
.browsebox .disabled a:focus {
    color: #999;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

/* /style pour pagination resultat de recherche */
.image-menu {
    display: none;
}

@media print {
    a[href]:after {
        content: none !important;
    }
}

/* tx_news */
/* template 2 : accueil */
.news-list-view.news-template-2 {
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 768px) {
    .news-list-view.news-template-2 {
        flex-direction: row;
    }
}

.news-list-view.news-template-2 .article {
    flex-grow: 1;
    flex-basis: 0;
    padding: 20px 20px 0;
}

.news-list-view.news-template-2 .article {
    border-top: 1px solid #c4c4c4;
}

.news-list-view.news-template-2 .article:first-child {
    border-top: none;
}

@media screen and (min-width: 768px) {
    .news-list-view.news-template-2 .article {
        border-top: none;
        border-left: 1px solid #c4c4c4;
    }

    .news-list-view.news-template-2 .article:first-child {
        border-left: none;
    }
}

.news-list-view .news-img-wrap {
    display: none;
}

.news-list-date {
    font-size: 18px;
    font-weight: 700;
}

.news-list-view .article .header h3 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.news-list-view .page-navigation:first-child {
    display: none;
}

.news-single .article .header h3 {
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
}

.news-single .teaser-text {
    font-size: 20px;
    font-weight: 400;
}

.tx-ws-flexslider .caption-text {
    display: none;
}

.flex-direction-nav li a {
    width: 26px;
    height: 26px;
    margin: -13px 0 0;
    display: block;
    background: url(../Images/bg_direction_nav.png) no-repeat 0 0;
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0px;
    background-position-y: 0px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-image: url("../Images/bg_direction_nav.png");
    position: absolute;
    top: 45%;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.flex-direction-nav li .flex-next {
    background-position: -30px 0;
    right: 10px;
}

.flex-direction-nav li .flex-prev {
    left: 10px;
}

.flex-viewport {
    max-height: 500px;
}

.slidercontent.wsflexslider-style1 {
    display: flex;
    justify-content: center;
}

.flexslider .slides img {
    width: initial;
}

/* --- indexedsearch --- */

/* style pour pagination resultat de recherche */
.tx-indexedsearch-browsebox {
    display: inline-block;
    padding-left: 0;
    margin: 10px 0 20px 0;
    border-radius: 4px;
}

.inside ul.tx-indexedsearch-browsebox {
    padding: 0 0 0 15px;
}

.tx-indexedsearch-browsebox>li {
    display: inline;
}

.tx-indexedsearch-browsebox li a,
.tx-indexedsearch-browsebox li span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.428571429;
    color: #df0000;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.tx-indexedsearch-browsebox li:first-child a,
.tx-indexedsearch-browsebox li:first-child span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.tx-indexedsearch-browsebox li:last-child a,
.tx-indexedsearch-browsebox li:last-child span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.tx-indexedsearch-browsebox li a:hover,
.tx-indexedsearch-browsebox li span:hover,
.tx-indexedsearch-browsebox li a:focus,
.tx-indexedsearch-browsebox li span:focus {
    color: #df0000;
    background-color: #eee;
    border-color: #ddd;
}

.tx-indexedsearch-browsebox .tx-indexedsearch-browselist-currentPage a,
.tx-indexedsearch-browsebox .tx-indexedsearch-browselist-currentPage span,
.tx-indexedsearch-browsebox .tx-indexedsearch-browselist-currentPage a:hover,
.tx-indexedsearch-browsebox .tx-indexedsearch-browselist-currentPage span:hover,
.tx-indexedsearch-browsebox .tx-indexedsearch-browselist-currentPage a:focus,
.tx-indexedsearch-browsebox .tx-indexedsearch-browselist-currentPage span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #df0000;
    border-color: #df0000;
}

.tx-indexedsearch-browsebox .disabled span,
.tx-indexedsearch-browsebox .disabled span:hover,
.tx-indexedsearch-browsebox .disabled span:focus,
.tx-indexedsearch-browsebox .disabled a,
.tx-indexedsearch-browsebox .disabled a:hover,
.tx-indexedsearch-browsebox .disabled a:focus {
    color: #999;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

/* /style pour pagination resultat de recherche */


.tx-indexedsearch-rules {
    display: none;
}

.carousel-indicators {
    display: none;
}

.carousel-inner .item {
    height: 500px;
}

.carousel-inner .item a {
    display: inline-block;
    width: 100%;
}

.carousel-inner .item a img {
    margin: auto;
}

.powermail_fieldwrap_type_content.col12notitle header {
    display: none;
}

/* Styles pour les bonnes adresses */

.bonnes-adresses-frame address h3 {
    font-weight: 700;
    font-size: 2.5rem;
}

.bonnes-adresses-frame .adresse-row {
    padding-top: 2rem;
    border-top: .4rem solid black;
}

.bonnes-adresses-frame .logo img {
    width: 100%;
    height: auto;
}

.bonnes-adresses-frame .adresses-categorie {
    background-color: #595b61;
    margin-top: 5px;
    margin-bottom: 5px;
}

.bonnes-adresses-frame .adresses-categorie.sous-categorie {
    background-color: #e2e2e3;
}

.bonnes-adresses-frame .adresses-categorie h2 {
    font-size: 1.5rem;
    color: white;
    margin-top: 0;
    margin-bottom: 0;
}

.bonnes-adresses-frame .adresses-categorie.sous-categorie h2 {
    color: black;
}

.bonnes-adresses-frame .adresse-row .image img {
    max-width: 100%;
    height: auto;
}

.bonnes-adresses-frame .adresse-row a {
    color: initial;
}

.tx-ws-flexslider .caption-link a {
    color: white;
    font-weight: 700;
    font-size: 23px;
    text-decoration: underline;
}

.news-list-view ul.f3-widget-paginator {
    float: right;
}

.news-list-view ul.f3-widget-paginator li {
    float: left;
    display: block;
    padding: 0 2px;
    background: none;
}

/* 49 */
.news .article .news-img-wrap {
    float: left;
    margin: 3px 12px 5px 0;
    background: #fff;
}

/* 63 */
.news .article .news-img-wrap img {
    float: left;
    height: auto;
    width: auto;
}

/* 158 */
.news-single .article .news-img-wrap {
    float: right;
    width: 282px;
    margin: 0 0 0 25px;
}

/* 164 */
.news-single .article .news-img-wrap img {
    float: none;
}

/* Photos collabotateurs */

#page-14 .contenu .ce-gallery .ce-column {
	margin-right: 0;
}

#page-14 .contenu .ce-gallery .ce-column:has(+ .ce-column) {
	transition: transform .5s .5s;
}

#page-14 .contenu .ce-gallery .ce-column:nth-child(2) {
	visibility: hidden;
	transform: scaleX(0);
	transition: visibility 0s .5s, transform .5s;
	position: absolute;
}

#page-14 .contenu .ce-gallery.hovered .ce-column:has(+ .ce-column) {
	transform: scaleX(0);
	transition: transform .5s;
}

#page-14 .contenu .ce-gallery.hovered .ce-column:nth-child(2) {
	visibility: visible;
	transform: scaleX(1);
	transition: visibility 0s, transform .5s .5s;
}

