header, footer, article, section, nav, menu, figure, video, aside, hgroup {display: block;}
time {display: inline;}
figcaption, address, .hidden, .mob_only, .grecaptcha-badge {display: none;}
#frmNewsletter > div {display: inline-block;}
body * {outline:none;}
a {text-decoration: none;}
a img {border: none;}
ul, figure, h1, h2, h3, h4 {
	margin: 0; padding: 0;
}
#header ul, #left ul, #footer ul {
list-style: none; list-style-image: none;
}
.alignleft {float: left;}
.alignright {float: right;}
.clear {clear: both;}
.wrap {overflow: hidden;}
.upper {text-transform: uppercase;}
.montserrat {
    font-family: 'Montserrat';
    font-weight: 100;
}
h2 {font: 700 3em 'Merriweather';}
.centered {
    margin: 0 auto;
    overflow: hidden;
    padding: 0 2%;
    width: 96%;
}

body {
    background: #6c8db6;
    color: #fff;
    font: 400 90%/1.3 'Montserrat', Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    min-width: 100%;
    width: 100%;
}
#main {
    background: #fff;
    color: #415260;
}
#header {
    background: -webkit-linear-gradient(top, #6c8db6 72px, #8ca6c6 72px, #8ca6c6 73px, #6c8db6 73px);
    background: linear-gradient(to bottom, #6c8db6 72px, #8ca6c6 72px, #8ca6c6 73px, #6c8db6 73px);
    height: 100px;
    padding: 10px 15px;    
}
#header a, #footer a {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 2;
    margin: 0 1em;
}
.acces_rapides {
    float: right;
    font-size: .8em;
    font-weight: 800;
    line-height: 3
}
.mainmenu {
    background: #6c8db6;
    clear: right;
    float: right;
    padding: .5em 0;
    max-width: calc(100% - 200px);
}
.top_niv1 {
    border-bottom: 4px solid transparent;
}
.top_niv1.selected, .mainmenu li:hover .top_niv1 {
    border-bottom-color: #fff;
}
.mainmenu li {
    float: left;
    position: relative;
}
.ss_lvl {
    background: #6c8db6;
    border-top: 1px solid #fff;
    box-shadow: 0 10px 10px 0 rgba(108, 141, 182, .5);
    display: none;
    font-size: .9em;
    left: .9rem;
    position: absolute;
    z-index: 99;
}
.ss_lvl li {
    float: none;
}
#header .ss_lvl a {
    display: block;
    margin: 0;
    padding: .25em 1em;
    white-space: nowrap;
}
.ss_lvl a.selected, .ss_lvl a:hover {
    background: #415260;
}
.pages, .actus, .publications {
    margin: 0 auto;
    padding: 3em 0;
    position: relative;
    text-align: justify;
    width: 866px;
}

#breadcrumbs {
    color: #6c8db6;
    font-size: .75em;
    text-transform: uppercase;
}
#breadcrumbs a {
    color: #6c8db6;
    text-decoration: underline;
}
header time {
    display: block;
    font-size: 2em;
    padding-top: .5em;
    text-align: left;
}
header h3 {
    font-size: 1.3em;
    font-weight: 400;
    padding-top: .5em;
}
 .menu_page a {
    color: #6c8db6;
    display: block;
    padding: .5em;
}
.gd_titre {
    color: #415260;
    font: 2.5em 'Merriweather';
    padding: .5em 0;
    text-align: left;
    text-transform: uppercase;
}
.pages h2, .actus h2 {
    clear: left;
    color: #fdb813;
    display: inline-block;
    font: 400 1.6em 'Montserrat';
    padding: 0 .5em 0 0;
    position: relative;
    text-align: left;
    text-transform: uppercase;
}
.pages h2::after, .actus h2::after {
    border-top: 1px solid #fdb813;
    content: '';
    margin: .5em 0 0 .5em;
    position: absolute;
    width: calc(866px - 100%); /* Whoohouu */
}
.img_big {
    float: left;
    height: 275px;
    margin: 0 1em 2em 0;
    width: 475px;
}
.pages .img_big + h2, .actus .img_big + h2 {
    clear: none;
}
.pages .img_big + h2::after, .actus .img_big + h2::after {
    width: calc(377px - 100%);
}
#content table tr:nth-of-type(odd) {
    background-color: #e8f1fc;
}
#fichiers a {
    color: #6c8db6;
    display: block;
    font-weight: 700;
    padding: .5em 0;
}
#medias {
    padding: 3em 0;
    text-align: center;
}

.img_small {
    float: left;
    height: 170px;
    margin: 0 0 1em;
    width: 265px;
}
.img_small + .img_small {
    margin-left: 2.4em;
}
#medias .img_small {
    display: inline-block;
    float: none;
}
#filtreActus {
    display: block;
    font-size: 1.3em;
    margin: 2em auto 0;
    text-align: center;
}
#filtrePublis {
    display: block;
    font-size: 1.3em;
    margin: 0 0 2em;
}
header label select {
    border: 1px solid #c3c3c3;
    font: .8em 'Montserrat';
    margin-left: .5em;
    padding: .5em;
}
.une_actu {
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    color: #415260;
    float: left;
    margin: 0 0 2em 2em;
    padding-bottom: 1em;
    text-align: center;
    width: 265px;
}
.une_actu:nth-of-type(3n+1) {
    margin-left: 0;
}
.une_actu h3 {
    font: 700 1.1em 'Merriweather';
    height: 3em;
    text-transform: uppercase;
}
.bouton {
    border-radius: 1.5em;
    color: #fff;
    cursor: pointer;
    display: block;
    padding: .5em 2em;
    margin: 1em auto;
    text-align: center;
    width: 100px;    
}
.bouton_1, a.bouton_2:hover, input.bouton_2:hover {
    background: #afca0b;
    border-color: #afca0b;
}
.bouton_2, a.bouton_0:hover, input.bouton_0:hover {
    background: #33bdc9;
    border-color: #33bdc9;
}
.bouton_0, a.bouton_1:hover, input.bouton_1:hover {
    background: #fdb813;
    border-color: #fdb813;
}
.un_doc {
    background: #bfd72f url('../skins/img/arrow.png') no-repeat 0.5em 50% / 26px auto;
    color: #415260;
    float: left;
    margin-bottom: 2em;
    padding: 1em 1em 1em 3em;
    width: 41%;
}
.un_doc:nth-of-type(2n) {
    margin-left: 4%;
}
.un_doc h3 {
    font: 600 1em 'Montserrat';
    margin: 0;
    text-align: left;
}
.pagination {
    left: 50%;
    margin-left: -560px;
    position: absolute;
    top: 360px;
    width: 1148px;
}
.pagination a {
    background-color: #a9c1df;
    padding: 29px 34px 27px;
    transition: all .3s ease;
}
.pagination a:hover {
    background-color: #fdb813;
}
.pagination a::after {
    color: #a9c1df;
    font-size: .9em;
    margin-left: -34px;
    position: absolute;
    top: 84px;
}
#quote {
    border-top: 1px solid #6c8db6;
    clear: both;
    color: #6c8db6;
    padding: 3em 0;
    text-align: center;
}

#footer {
    padding-top: 2em;
}
#footer .acces_rapides {
    padding: 3em 0 0;
}
.ln_contact {
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    padding: 1em .75em !important;
}
#footer a img, .acces_rapides a img {
    background: #fff;
    display: block;
    vertical-align: middle;
}
#frmNewsletter {
    background: #fff;
    border-radius: .5em;
    clear: both;
    color: #6c8db6;
    float: right;
    margin-bottom: .5em;
    padding: .5em 1em;
    width: 220px;
}
#frmNewsletter input {
    border: 0;
    border-radius: 1.5em;
    box-sizing: content-box;
    color: #fff;
    height: 20px;
    margin: 0;
}
#text_newsletter {
    background: #6c8db6;
    font: 400 90%/1.3 'Montserrat';
    padding: .5em;
    width: 150px;
}
#submit_newsletter {
    cursor: pointer;
    font-weight: 700;
    margin: 1em auto;
    padding: 0.5em 1em;
    text-align: center;
}
#credits a {
    font-size: .8em;
    padding: 0;
    text-decoration: underline;
}
ul.bjqs-controls.v-centered {
    margin: -130px 0 0;
}
ul.bjqs-controls.v-centered li a {
    background-color: #a9c1df;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 10px auto;
    display: block;
    height: 78px;
    left: 50%;
    transition: all .3s ease;
    width: 78px;
}
.bjqs-next a {
    background-image: url('../skins/img/nextBtn.png');
    margin-left: 450px;
}
.bjqs-prev a {
    background-image: url('../skins/img/prevBtn.png');
    margin-left: -530px;
}
ul.bjqs-controls.v-centered li a:hover {
    background-color: #fdb813;
}
/******************************************* TABLETTES ET DESKTOP ****************************/
@media only screen and (min-width : 1170px) {
    body {
        min-width: 1148px;
    }
    .centered {
        padding: 0 37px;
        width: 1148px;
    }
    
}
@media only screen and (max-width : 1270px) {
    .mainmenu {
        font-size: .8em;
    }
}
@media only screen and (max-width : 1024px) {
    
    .pages h2::after, .actus h2::after {
        display: none;
    }
    ul.bjqs-controls.v-centered li a {
        margin: 0;
    }
    ul.bjqs-controls.v-centered li.bjqs-next a{left: initial; right:0;}
    ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
}
@media only screen and (max-width : 768px) {
    .mob_only {
        display: block;
    }
    .no_mob {
        display: none;
    }
    #content {       
        padding: 2em 5%;
        width: 90%;
    }
    #content.accueil {
        padding: 0;
        width: 100%;
    }
    .burger {
        float: left;
        padding: 1.1em 1.3em 1.95em;
        position: relative;
        text-align: left;
        transition: all .2s linear;
        z-index: 99;
    }
    .burger span, .burger span::before, .burger span::after {
        background: #fff;
        border: 1px solid #fff;
        display: inline-block;
        height: 2px;
        position: relative;
        transition: all .25s linear;
        width: 25px;
    }
    .burger span::before, .burger span::after {
        content: '';
        margin-left: -1px;
        position: absolute;
    }
    .burger span::before {
        top: -10px;
    }
    .burger span::after {
        top: 8px;
    }
    .cheese span {
        border: 0;
        height: 0;
    }
    .cheese span::before, .cheese span::after {
        height: 2px;
        width: 29px
    }
    .cheese span::before {
        transform: rotate(-45deg) translate(-9px,4px);
    }
    .cheese span::after {
        transform: rotate(45deg) translate(-9px,-3px);
    }
    #header {
        height: 65px;
    }
    #header > a {
        float: right;
    }
    #header > a img {
        width: 120px;
    }
    #slide_mob {
        background: #6c8db6;
        display: block;
        height: 100%;
        left: -100%;
        padding-top: 20px;
        position: absolute;
        top: 0;
        transition: all .2s linear;
        width: 100%;
        z-index: 98;
    }
    #slide_mob.ouvert {
        left: 0 !important;
    }
    #slide_mob nav {
        clear: both;
        float: none;
        margin: 0 5%;
    }
    #slide_mob nav li {
        float: none;
        overflow: hidden;
    }
    #slide_mob nav a {
        border: 0;
        display: block !important;
        font-size: 1.3em !important;
        line-height: 3;
        padding-left: 3em;
    }
    #slide_mob .ss_lvl {
        left: initial;
        margin-left: 6em;
        position: relative;
        z-index: initial;
    }
    #footer, #credits {
        float: none;
        text-align: center;
    }
    h2 {
        font-size: 2em;
    }
    .gd_titre {
        font-size: 1.8em;
        text-align: left;
    }
    .une_actu {
        display: block;
        float: none;
        margin: 2em auto !important;
        text-align: center;
        width: 265px;
    }
    .un_doc {
        display: block;
        float: none;
        margin: 2em auto;
        text-align: center;
        width: 80%;
    }
    .un_doc h3 {
        float: none;
        height: auto;
        text-align: center;
        width: auto;
    }
    .une_actu:nth-of-type(3n+1), .un_doc:nth-of-type(2n) {
        margin-left: inherit;
    }
    .img_big, #medias .img_small {
        display: block;
        float: none;
        margin: 1em auto;
    }
    .img_big {
        margin-left: 0 !important;
        width: 100%;
    }
    .pagination {
        left: initial;
        margin: 0 auto 1em;
        overflow: hidden;
        position: relative;
        top: initial;
        width: 90%;
    }
    ul.bjqs-controls.v-centered {
        margin: 0;        
    }
    #medias {
        padding-bottom: 4em;
    }
    ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
    ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
    .fleche_menu {
        padding: 1rem;
    }
    .fleche_menu::before {
        border-style: solid;
        border-color: transparent transparent transparent #fff;
        border-width: 10px 0 10px 10px;
        content: '';
        display: block;
        height: 0;
        margin: -7px 0 0 .5rem;
        position: relative;
        transition: all .3s ease;
        width: 0;
    }
    h1.fleche_menu {
        padding-left: 1.5rem;
    }
    h1.fleche_menu::before {
        border-color: transparent transparent transparent #4a4a49;
        position: absolute;
        margin: 8px 0 0 -1.5rem;
    }
    .fleche_menu.selected::before {
        transform: rotate(90deg);
    }

    #frmNewsletter {
        display: inline-block;
        float: none;
    }
}