/*=====================*\
    COULEURS
\*=====================*/
/*
BRIGHT CERULEAN 30a9d7  Divers hover + Border blockquote                                            -> 2f9ece
PLATINUM        ede6e3  Bandeau horizontal + Bouton actualité @accueil + Traits                     -> E6E8ED
SILVER CHALICE  afafaf  Footer + Dates
JET             36382e  Menus + Titres + Boutons                                                    -> 071d49
TOMATO          ff9800  Messages (+ variantes positive et negative) (code tomato initial : f06449)
*/
/*=====================*\
  MEDIA QUERIES
\*=====================*/
/*
@media screen and (max-width:400px){
    html head{font-family:'MOB';}
}
@media screen and (min-width:401px) and (max-width:960px){
    html head{font-family:'INT';}
}
@media screen and (min-width:961px){
    html head{font-family:'CLA';}
}
*/

/*=====================*\
    BASE COMMUNE
>-----------------------<
SERIFS
        font-family: Times, "Times New Roman", "Liberation Serif", FreeSerif, serif;
        font-family: Georgia, "DejaVu Serif", Norasi, serif;
SANS SERIFS
        font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif;
        font-family: Tahoma, Geneva, Kalimati, sans-serif;
        font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
        font-family: Impact, "Arial Black", sans-serif;
MONOSPACE
        font-family: Courier, "Courier New", FreeMono, "Liberation Mono", monospace;
        font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;
\*=====================*/





/*=====================*\
    A TRAITER / AFFINER
\*=====================*/

.form-entry { margin-bottom: 2em; }
.error-message { color: red;display: block; }







/*=====================*\
    POLICES
\*=====================*/
@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}

/*=====================*\
    ELEMENTS GENERIQUES
\*=====================*/
* { box-sizing:border-box;}
a { transition:all ease 0.5s; color:#071d49;}
html[lang] {
    /*font-size:100%;*/
    /*font-size: 76%;*/
    background-color:#FFF;
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 62.5%; /* Rééquilibrage du Rem face au Pixel pour des calculs simples */
}
body {
    /*font-size:14px;*/
    font-size: 1.4rem;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight : 400;
    padding:0;
    margin:0;
    background:#fff;
    color:#3b3b3b;
    line-height:1.3;
}
form { margin:0;}
ul,ol,dl { padding:0;margin:0;}
ul li { list-style: disc outside;}
ol li { list-style: decimal outside;}
li,dd,blockquote { margin-left:2em;}
dt { font-weight:bold;}
/*a img{border:0;}*/
ins { text-decoration:none;}
del { text-decoration:line-through;}
abbr,acronym { border-bottom:1px dotted #000;cursor:help;}
table { border-collapse:collapse;border:none;    word-break: break-word;}
td,th { vertical-align:middle;padding:0.2em;border:1px solid #333;}
form,fieldset { margin:0;padding:0;border:0;}
label { cursor:pointer;}
input,select,textarea {  font-size:1em;font-family:inherit;}
kbd { border:1px solid #BBB;padding:0 1px;}

h1,h2,h3,h4,h5,h6{
    font-family : 'Poppins';
    color:#071d49;
    font-weight: 500;
}
h1{ 
    font-size: 3.00rem;
    margin: 0;
    padding: 20px;
    text-align: center;
}
h2{ 
    font-size:2.3rem;
    margin-top: 1em;
    margin-bottom: 0.5em;
    font-weight:bold;
}
h3{ 
    font-size:2rem;
    margin-bottom: 0.5em;
}
h4{
    color:#3b3b3b;
    font-size:1.8rem;
    margin-bottom: 0.5em;
}
h5,
h6{
    color:#3b3b3b;
    font-size:1.2rem;
}

/*=====================*\
    CLASSES DE BASE
\*=====================*/
.aright{    text-align:right;}
.aleft{     text-align:left;}
.acenter{   text-align:center;}
.fleft{     float:left;}
.fright{    float:right;}
.fnone{     float:none;clear:both;}
.clear{     clear:both;}
.c{         display:none !important;}
.v{         display:block;}
.inbl{      display:inline-block;}
.flex{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;    
    display: flex;
}
.disabled{ pointer-events: none;}

/*========================*\
    ACCESSIBILITE & PRINT
\*========================*/
#skip,
#go_main{ display:block;position:absolute;top:0;left:0;margin:0;padding:0;}
#skip li{ list-style:none;margin:0;padding:0;display:inline;width:auto;}
#skip a{ position:relative;padding:1px 2px;margin:1px 4px;top:-1000px;left:0;transition:none;font-size:1.25em;}
#go_main{ display:none;padding:1px 2px;margin:1px 4px;}
#skip a:active,
#skip a:focus,
#skip a:hover,
#go_main:active
#go_main:focus,
#go_main:hover{ top: 1em;
                color: #FFF;
                text-decoration: none;
                background-color: #424094;
                padding: 1em !important;
                z-index: 9999;
                font-weight: bold;}
.print_only{ display:none !important; visibility:hidden !important;}


noscript div,
#message{
    margin:15px 0 25px 0;
    clear:both;
    padding:1em 1.5em 1em 2em;
    color:#FFF;
    font-weight:bold;
    text-indent:25px;
    line-height:2em;
    font-size:1.2em;
    background:#ff9800 url('/img/css/msg.neutral.svg') no-repeat 1em 1em / 35px auto;
    width: 100%;
}
#message.negative {
    background:#cf0404 url('/img/css/msg.negative.svg') no-repeat 1em 1em / 35px auto;
}
#message.positive{
    background:#138008 url('/img/css/msg.positive.svg') no-repeat 1em 1em / 35px auto;
}
noscript div a,
noscript div a:focus,
noscript div a:hover,
#message a,
#message a:focus,
#message a:hover{
    color:#FFF !important;
}

/*=====================*\
    STRUCTURE DES PAGES
\*=====================*/
#container{
    position:relative;
    margin:0 auto;
    background-color:#FFF;
}
.center {
    width: 1050px;
    max-width: 100%;
    margin: 0 auto;
}

/*=====================*\
    HEADER
\*=====================*/
#main_header {
    position:relative;
    /*background:url(/img/bandeau.image.jpg) no-repeat 50% 0;*/
}
#main_header > div {
    padding-top: 30px;
    padding-bottom: 0px;
    text-align:center;
}
#logo{/* Ne pas utiliser de margin sous peine de décalage avec les liens skip */
    display: inline-block;
    vertical-align: top;
}
#logo img{
    width: 100%;
    max-width: 1050px;
}

#logo img#logo_light{}
#logo img#logo_rwd{display:none;}
#logo img#logo_dark{display:none !important; visibility:hidden !important;}

#main_menu{
    margin-top: 25px;
    border-top: 1px solid #E6E8ED;
}
#main_menu > div{
    position:relative;
}
#m2{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

    font-size: 1.8rem;
}
#m2 li{
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

    list-style: none;
    margin: 0;
    display: inline-block;
    vertical-align: middle;

    position:relative;
}
#m2 li:first-child {
    padding-left:0;
}
#m2 li:last-child{
    padding-right:0;
}
#m2 li a{
    display: inline-block;
    vertical-align: middle;
    padding: 20px 0px 20px;
    text-decoration: none;
    font-weight:500;
    position:relative;
    font-family:'Poppins';
}
#m2 li.actif a,
#m2 li a:hover{
    position:relative;
    color:#2f9ece;
}
/* décommenter pour avoir un trait qui apparait sous le menu survolé/en cours
#m2 > li > a:before{
        content:"";
        position:absolute;
        bottom: 0;
        width:100%;
        left:0;
        height:0px;
        background-color:transparent;
        
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}
#m2 > li > a:hover:before,
#m2 > li > a:focus:before,
#m2 > li.actif > a:before{
        height:5px;
        background-color:#2f9ece;
}
*/

#m2 ul{
    display:none;

    position: absolute;
    top: 100%;
    left:0;
    background: #fff;
    z-index: 10;
    width: 300px;
    padding: 15px 25px;
    box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.1);
}
#m2 li:last-child ul{
    left:auto;
    right:0;
}
#m2 ul li{
    padding:0;
    border-bottom:1px solid #d1d1d1;
    display: block;
}
#m2 ul li:last-child{
    border-bottom:none;
}
#m2 ul li a{
    padding: 10px 0;
    font-size: 1.4rem;
}
#m2 ul li.actif a,
#m2 ul li a:hover{
    color:#289601;
}

#m62{
    position: absolute;
    bottom: 138px;
    right: 0;
    margin:0;
    padding:0;
}
#m62 li{
    list-style:none;
    margin:0;
    padding:0;
    display:inline-block;
    vertical-align:middle;
    margin-left: 15px;
}
#m62 li:first-child{
    margin-left:0;
}
#m62 a{
    color: transparent;
    font-size: 0;
    display: block;
    width: 40px;
    height: 40px;
    background: #071d49 no-repeat center center;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; 
}
#m62 li.actif a,
#m62 a:hover{
    background-color:#2f9ece;
}
#m62 li#em63 a{
    background-image: url('/img/css/loupe.svg');
    background-size: 22px;
}
#m62 li#em4 a{
    background-image: url('/img/css/enveloppe.svg');
    background-size: 22px;
}

/* langues */
/*
#langs{
        -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
        
        margin-left : 50px;
        margin-bottom: 20px;
}
#langs h2{
        display:none;
}
#langs ul{
        margin: 0;
    padding: 0;
}
#langs li{
        margin: 0;
    padding: 0;
        display:inline-block;
        vertical-align: middle;
        list-style:none;
}
#langs a{
        display: inline-block;
    vertical-align: middle;
    padding: 3px 5px;
    color: #071d49;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    color: #000;
}
#langs li.actif a{
        background-color:#071d49;
        color:#fff;
}
*/

/*=====================*\
    FOOTER
\*=====================*/
#footer{
    padding: 15px 0;
    clear: both;
    background: #fff;
    border-top : 1px solid #E6E8ED;
}
#footer > div{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    text-align:center;
}
#m3{
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    font-size : 1.5rem;
}
#m3 li{
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
        
        display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    list-style: none;
    margin: 0;
    padding: 0;
}
#m3 li:after{
    content:"-";
    display:inline-block;
    vertical-align:text-bottom;
    color: #afafaf;
}
#m3 li:last-child:after{
    display:none;
}
#m3 li a{
    display: inline-block;
    color: #afafaf;
    text-decoration: none;
    padding: 0 1em;
    font-weight:500;
}
#m3 li a:hover,
#m3 li a:focus{
    color:#071d49;
}

#m57{
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#m57 li{
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
#m57 li:first-child {
    margin-left: 0;
}
#m57 li a{
    color: transparent;
    font-size: 0;
    display: block;
    width: 30px;
    height: 30px;
    background: #071d49 no-repeat center center / 15px auto;
    border-radius: 50%;
}
#m57 li a:hover{
    background-color:#2f9ece;
}
#m57 li#em58 a {
    background-image: url('/img/css/facebook.svg');
}
#m57 li#em59 a {
    background-image: url('/img/css/twitter.svg');
}
#m57 li#em60 a {
    background-image: url('/img/css/linkedin.svg');
}
#m57 li#em61 a {
    background-image: url('/img/css/youtube.svg');
}
#m57 li#em64 a {
    background-image: url('/img/css/instagram.svg');
}

/*=====================*\
    ELEMENTS DES PAGES GENERIQUES
\*=====================*/
#main{
    display:block; /* main vs IE11 */
    min-height:500px;
    padding:0em 0px 4em;
}
#main header{
    background-color:#E6E8ED;
}
#main > .center{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 50px;
}
#main > .center #message{
        -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
        
    margin-bottom: 50px;
}
#main > .center #nav{
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 280px;
    -ms-flex: 0 0 280px;
    flex: 0 0 280px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

    padding-right: 60px;
}
#main > .center .content{
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 calc( 100% - 280px );
    -ms-flex: 1 1 calc( 100% - 280px );
    flex: 1 1 calc( 100% - 280px );
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

#nav{}
#nav h2{
    display:none;
}
#nav ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
#nav li{
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #071d49;
}
#nav a{
    color: #071d49;
    padding: 1em;
    display: block;
    font-size: 1.8rem;
    text-decoration: none;
}
#nav li.actif a,
#nav a:hover{
    color:#2f9ece;
}

#main .content{ position:relative;}
#main .content ul,
#main .content ol,
#main .content dl{ padding:0;margin:1em auto;}
#main .content ul li{ list-style: disc outside;}
#main .content ol li{ list-style: decimal outside;}
#main .content li,
#main .content dd{ margin-left:2em;}
#main .content dt{ font-weight:bold;}

#main .content blockquote{
    background: #EDE6E3;
    border: 5px solid #2f9ece;
    color: #071d49;
    padding: 30px 40px;
    margin: 3em 1em;
    position: relative;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px; 
}
#main .content blockquote h2,
#main .content blockquote h3,
#main .content blockquote h4{
    margin-top: 0em;
    font-style: normal;
}

#main .content img{ 
    max-width:100%;
    margin: auto;
    display: block;
}
#main .content > .yt_video{
    display:block;
}

/* Images */
#main img.fleft{ margin:1em 1em 1em 0px !important;}
#main img.fright{ margin:1em 0px 1em 1em !important;}
#main img.fnone{ margin:1em auto 1em auto !important;}
#main img.p100{ max-width:100%;}
#main img.p50{ max-width:50%;}
#main img.haut{ margin-top:0 !important;}

/* Nos Liens */
#main ul.liens{}
#main ul.liens li{clear:both; display:inline-block; list-style:none;    margin-left: 0; margin-right: 1em;  margin-bottom: 0.5em;}
#main ul.liens img{margin:0 10px 1em 0;border:10px solid #EEE !important;}
#main ul.liens a{
    display: inline-block;
    border: none;
    border-radius: 5px;
    width: auto;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 25px;
    background: #071d49;
    text-decoration:none;
    transition: all ease 0.5s;
}
#main ul.liens a:hover,
#main ul.liens a:focus{
    background-color:#071d49;
}
#main #map_canvas a:link{text-decoration: none;}


/* RSS */
#main .rss{
    display: block;
    background: #071d49 url('/img/css/rss.svg') no-repeat center center / 15px auto;
    background-size: 20px;
    text-indent: -99999px;
    position: absolute;
    top: -100px;
    right: 0;
    width: 30px;
    height: 30px;
    transition: none;
    border-radius: 50%;
}
#main .rss:hover{
    background-color: #2f9ece;
}

/*=====================*\
    FORMULAIRES
\*=====================*/
#main label{
    display:block;
    margin:1em 0;
}
#main fieldset{
    border:none;
    margin:0;
}
#main legend{
    margin: 0 0 0.5em;
    font-size:1.25em;
    font-weight: bold;
    color: #071d49;
}
#main label span.etiquette{
    display:block;
}
#main label input,
#main label textarea,
#main label select{
    width: 100%;
    margin-top: 5px !important;
    border-radius: 3px;
    padding: 5px 10px;
    border: 1px solid #d2d2d2;
}
#main label textarea{
    vertical-align:top;
    height:75px;
    font-size:1em;
}
#main input.bt,
a.bt{
    display: inline-block;
    border: none;
    border-radius: 5px;
    width: auto;
    color: #fff;
    font-size: 1em;
    font-weight:bold;
    text-transform: uppercase;
    padding: 10px 25px;
    background: #071d49;
    transition: all ease 0.5s;
    cursor:pointer;
}
#main input.bt:hover,
#main input.bt:focus,
a.bt:hover,
a.bt:focus{
    background: #2f9ece;
}
#main input.coche{
    width:auto !important;
}
span.conseil{
    margin-left:10px !important;
    color:#666 !important;
    font-size:.85em !important;
}
#main label.checking-failed{
    background:url('/img/css/error.svg') no-repeat 100% 0px;
    background-size: 20px;
}
#main label.a_verifier input,
#main label.a_verifier textarea,
#main label.a_verifier select{
    border:1px solid #FF2040;
}
#main input.disabled,#main button.disabled,#main label.disabled,
#main input[type=submit][disabled=disabled],#main button[disabled=disabled]{
    cursor:wait;
    opacity: 0.75;
}
#main .label_coche{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
#main .label_coche .etiquette,
#main .label_coche .coche,
#main .label_coche .error-message{
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-flex: 1 1 90%;
    -ms-flex: 1 1 90%;
    flex: 1 1 90%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
#main .label_coche .coche{
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;

    margin: 3px 5px 0px 0 !important;
}
#main .label_coche .error-message{
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
}
#block_form > p.conseil,
.selection_precedente{
    display: none;
}
#main label.col1_50p100{
    width:49%;
    display:inline-block;
    margin-top:0;
    margin-bottom:0;
}
#main label.col2_50p100{
    width:49%;
    display:inline-block;
    margin-left:2%;
    margin-top:0;
    margin-bottom:0;
}
label.label_coche .colon{
    display:none;
}
/*=====================*\
    TABLEAUX
\*=====================*/
#main table{
    width:100%;
    /*border:1px solid #333;*/
    margin: 1.5em 0;
}
#main table thead tr th,
#main table thead tr td{
    background-color: #888;
    padding:5px;
    text-align:center;
}
#main table thead tr th,
#main table thead tr th a,
#main table thead tr td,
#main table thead tr td a{
    font-weight:bold;
    color:#FFF !important;
    text-decoration:none !important;
    /*border:none;*/
}
#main table tbody tr td{
    border:1px solid #333;
    padding:2px;
}
#main table tbody tr.over td,
#main table tbody tr:hover td,
#main table tbody tr:focus td{
    background-color:#EEE;
}
#main table tbody tr td a:hover,
#main table tbody tr td a:focus{
    border:none;
}

/*=====================*\
    ACTUALITES
\*=====================*/
#actualites{
    position:relative;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
#actualites article{ 
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 30%;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

    margin: 0 5% 50px 0;
    text-align: left;
}
#actualites article:nth-child(3n+3),
#actualites article:last-child{
    margin-right:0;
}
#actualites article a{
    display:block;
    text-decoration:none;
}
#actualites article h3,
#actualites article h2{
    margin: 1em 0 0.5em;
    color: #071d49;
    font-size:1.8rem;
}
#actualites article .date{
    font-size: 0.9em;
    text-align: right;
    color: #afafaf;
}
#actualites article a:hover h2,
#actualites article a:focus h2,
#actualites article a:hover h3,
#actualites article a:focus h3{
    /*color:#f18f00 !important;*/
}

#actualites img{
    -moz-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
#actualites:hover img{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
#actualites:hover article:hover img{
    -webkit-filter: grayscale(00%); /* Safari 6.0 - 9.0 */
    filter: grayscale(00%);
}

/*=====================*\
    ARTICLES LIBRES
\*=====================*/
#main #articles_libres{}
#main #articles_libres article{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;

    margin-bottom:2em;
}
#main #articles_libres article > a{
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 33%;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

    text-decoration:none;
    display:block;
}
#main #articles_libres article > div{
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

    padding-left: 2em;
}
#main #articles_libres article h2{
    margin-top:0;
    font-size: 1.8rem;
}
#main #articles_libres article h2 a{
    text-decoration:none;
}

/*=====================*\
    ACCUEIL
\*=====================*/
.c2:not(.HTTPError) #main {
    padding:0;
}
/*.c2:not(.HTTPError) #main header,*/
.c2:not(.HTTPError) #main header h1{
    display:none;
}
.c2:not(.HTTPError) #main > .center{
    padding-top: 0;
    display: block;
    width: 100%;
}

.c2 #animation_frame,
.c2 #animation_frame{
    width: 100%;
}
.c2 #animation_frame  .swiper-container {
    width: 100%;
    height: calc( 100vh - 222px );
    max-height: 500px; /* limite la hauteur à la taille de l'image */
}
.c2 #animation_frame .swiper-wrapper{
    margin:0;
}
.c2 #animation_frame .swiper-slide{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    list-style:none;
    padding:0;
    margin:0;
    background : no-repeat center center / cover;
}
.c2 #animation_frame .swiper-slide > .center{
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

    text-shadow: 0px 0px 10px rgba(0,0,0,0.75);
    text-align:center;
}
.c2 #animation_frame .swiper-slide a{
    text-decoration:none;
}
.c2 #animation_frame .swiper-slide .titre_diapo{
    /*color:#2f9ece;*/
    color:#FFFFFF;
    margin: 0;
    margin-top:6.5em;
    font-size: 4.5rem;
    padding: 0;
}
.c2 #animation_frame .swiper-slide .soustitre_diapo{
    display: block;
    font-size: 2rem;
    margin-top: 1em;
}
.c2 #animation_frame .swiper-slide .texte_diapo{
    font-size: 2.5rem;
    font-weight: bold;
    margin-top: 3em;
    line-height: 2em;
}
.c2 #animation_frame .swiper-slide img{
    display:none;
}
.c2 #animation_frame .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    background: #071d49;

    opacity: 1.0;
    filter: alpha(opacity=100);

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; 
}
.c2 #animation_frame .swiper-pagination-bullet-active {
    background: #fff;
}
.c2 #animation_frame .swiper-pagination {
    text-align: center;
    max-width: 800px;
    margin: auto;
    left: 50%;
    bottom: 35px;
    transform: translate(-50%, 0px);
}

.c2 #intro{
    padding: 30px 0 0 0;
}

.c2 #news{}
.c2 #news h2{
    margin:0;
    text-align:center;
}
.c2 #news h2 a{
    display: inline-block;
    vertical-align: middle;
    margin: 1em auto;
    background: #E6E8ED;
    color: #071d49;
    padding: 0.5em 2em;
    border-radius: 15px;
    text-decoration:none;
}
.c2 #news h2 a:hover{
    background: #2f9ece;
    color: #ffffff;
}
.c2 #news h3{
    color: #071d49;
    font-size:1.8rem;
}

/*=====================*\
    ACTUALITES
\*=====================*/
.c33 #main .rss {
    position: relative;
    top: auto;
    right: auto;
}

.c32 #main > .center > #message + .content .rss{
        top: -255px;
}

/*=====================*\
    CONTACT
\*=====================*/
.c4 #main > .center{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.c4 #main > .center .content{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.c4 #main > .center .content > header,
.c4 #main > .center .content #AF1{
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
.c4 #main > .center .content #AF1{
    margin-bottom : 2em;
}
.c4 #block_form,
.c4 #map_canvas{
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
.c4 #block_form{
    padding: 2em;
    background: #f2f2f3;
}


/*=====================*\
    Recherche
\*=====================*/
.c63 .liste li a{
    color:#000;
    text-decoration:none;
}
.c63 .liste li a:hover{
    text-decoration:underline;
}

/*=====================*\
    404
\*=====================*/
.c2.HTTPError #main_header{
    /*border-bottom : 1px solid #333;*/
}
#page_404{
    margin-top : 25px;
}
.c2.HTTPError #main > .center{
    padding-top: 0;
}

/*=====================*\
    crédits
\*=====================*/
.c6 #main > .center .content{
	text-align:center;
}

/*=====================*\
    GALERIES
\*=====================*/
#main #photos{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin : 35px 0 0px;
    padding : 0;
}
#main #photos li{
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 32%;
    -ms-flex: 0 1 32%;
    flex: 0 1 32%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    background: #f2f2f3;
    padding: 20px;
    margin: 0 2% 50px 0;
    text-align: center;
    list-style: none;
}
#main #photos li:nth-child(3n+3) {
    margin-right: 0;
}
#main #photos li:before{
    display:none;
}
#main #photos li h3{
    margin: 0.5em 0 1em;
}
#main #photos li h3 a{
    text-decoration: none ;
    color:#343434;
}
#main #photos li h3 a:hover,
#main #photos li h3 a:focus{
    color: #2f9ece;
}
#main #photos li a.vignettes{
    display:block;
    width:100%;
}
#main #photos li a.vignettes:hover,
#main #photos li a.vignettes:focus{
    background:#FFF;
}
#main #photos li a img{
    border:none;
    display:block;
    width:100%;
    -moz-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
#main #photos:hover li a img{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
#main #photos:hover li a img:hover{
    -webkit-filter: grayscale(00%); /* Safari 6.0 - 9.0 */
    filter: grayscale(00%);
}

/*=====================*\
    NAV GALERIE
\*=====================*/
#gal_nav{
    text-align:right;
    margin:0px 0px 7px 0px!important;
}
#gal_nav a,
#gal_nav a:hover,
#gal_nav a:focus{
    display:inline-block;
    vertical-align: bottom;
    text-decoration:none;
    border:none !important;
    margin:0 0 5px !important;
}
#gal_nav a.rdbt{
    color: transparent;
    font-size: 0;
    width: 40px;
    height: 40px;
    background: #071d49 no-repeat center center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; 
}
#gal_nav a.rdbt.play{            background-image: url('/img/css/play.svg');        background-size: 22px;  display:none;}
#gal_nav a.rdbt.previous{        background-image: url('/img/css/previous.svg');    background-size: 22px;  }
#gal_nav a.rdbt.thumbnails{      background-image: url('/img/css/thumbnails.svg');  background-size: 22px;  }
#gal_nav a.rdbt.next{            background-image: url('/img/css/next.svg');        background-size: 22px;  }
#gal_nav a.rdbt.none{            background:transparent;}
#gal_nav a.rdbt:hover{           background-color:#2f9ece;}
#gal_nav img{
    border:none !important;
    margin:0;
}
#affich_gal{
    text-align:center;
}
/*=====================*\
    mpf-popup
\*=====================*/
.mfp-content figure{margin:0;}
.mfp-content section{position:relative;background:#FFF;padding:20px;width:920px;max-width:910px;margin:20px auto;}
.mfp-content #aff_video{max-width:600px;width:600px;background:#000;padding:20px;margin:auto;position:relative;}
.mfp-content #aff_video p{margin:0 !important;}
#x_popin{
    position:relative;
    padding:0;
    margin:0;
    width:100%;
    height:100%;
    vertical-align:central;
    text-align:center;
}
#x_popin img{
    max-width:100%;
    max-height:900px;
    margin:auto;
}
#x_popin .mfp-close{
    color:#FFF;
    font-size:50px;
}

/*=====================*\
    Youtube-popup
\*=====================*/
a.v_youtube,        a.v_vimeo{width:480px;max-width: 100%;/*height:360px;*/position:relative;margin:40px auto;display:block;clear:both;}
a.v_youtube img,    a.v_vimeo img{}
a.v_youtube:after,  a.v_vimeo:after{
    content:url('/img/css/video.svg');
    display: block;
    width: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -32px;
    margin-left: -40px;
}
.third-part-content-accept-form{
    text-align:center;
    padding: 25px;
    max-width: 500px;
}
.third-part-content-accept-form img{
    display: block;
    margin: 15px auto 25px;
    max-width: 100px;
}
.third-part-content-accept-form .actions{
    margin: 25px 0;
}
.third-part-content-accept-form .actions button,
.third-part-content-revoke-form .revoke{
    background: #fff;
    border: 1px solid #000;
    margin: 0 15px;
    padding: 8px 30px;
    border-radius: 5px;
    cursor:pointer;
}
.third-part-content-revoke-form{
    text-align: center;
}
.third-part-content-revoke-form .revoke{
    margin-top:25px;
}
/*=====================*\
    Partager
\*=====================*/
.btn_partager{
    background: url('/img/css/partager/partager.svg') #071d49 no-repeat center / 70% auto;
    color: transparent;
    font-size: 0;
    display: block;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; 
}
.btn_partager:hover{
    background-color:#2f9ece;
}
#sharebox{
    background: #fff;
    padding: 40px 40px;
    font-size: 1.2em;
    max-width: 700px;
    margin: auto;
    position:relative;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px; 
}
#sharebox h2{
    margin: 0 0 35px;
    text-align: center;
    text-transform:uppercase;
}
#sharebox ul{
    margin:0;
    padding:0;
}
#sharebox ul li{
    margin:0 0 15px;
    padding:0;
    list-style:none;
}
#sharebox ul li a{
    text-decoration:none;
    display:block;
}
#sharebox ul li a:before{
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 30px;
    height: 30px;
    margin-right: 13px;
    background: no-repeat center / auto;
}
#sharebox ul li#fb a:before{        background-image:url('/img/css/partager/fb.svg');}
#sharebox ul li#tw a:before{        background-image:url('/img/css/partager/tw.svg');}
#sharebox ul li#li a:before{        background-image:url('/img/css/partager/li.svg');}
#sharebox ul li#wa a:before{        background-image:url('/img/css/partager/wa.svg');}
#sharebox ul li#sms a:before{       background-image:url('/img/css/partager/sms.svg');}
#sharebox ul li#mail a:before{      background-image:url('/img/css/partager/mail.svg');}
#sharebox ul li#link a:before{      display:none;}

#sharebox ul li#link:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-right: 13px;
    background: url('/img/css/partager/link.svg') no-repeat center / auto;
}
#sharebox ul li#link a{
    display: inline-block;
    padding: 8px 12px;
    font-size: 1.2rem;
    font-weight: normal;
    margin-left: 10px;
    vertical-align: middle;
}
#sharebox ul li#link input{
    vertical-align: middle;
}

/*=====================*\
  Navigation Menu
\*=====================*/
.widget-MobileNavigationMenu .menu-toggle-button{
    display:none;
    /*display: block;*/
    background: #071d49 url('/img/css/hamburger.svg') no-repeat center top / 100% 100%;
    width: 40px;
    height: 33px;
    border: none;
    font-size: 0;
    color: transparent;
    padding:0;
    cursor: pointer;
    position: absolute;
    top: -80px;
    right: 20px;
    padding: 0;
}
@media screen and (max-width: 991px) {
    .widget-MobileNavigationMenu .menu-toggle-button {
        display: block;
    }
/*
    .widget-MobileNavigationMenu.opened .menu-content,
    .widget-MobileNavigationMenu.closing .menu-content,
    .widget-MobileNavigationMenu.opening .menu-content {
		display: flex;
		display: -ms-flexbox;
		display: -webkit-flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-align-content: flex-start;
		-ms-flex-line-pack: start;
		align-content: flex-start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
    }
    .widget-MobileNavigationMenu.closed .menu-content {
		display: none;
    }
*/
}


/*=====================*\
  MEDIA QUERIES
\*=====================*/
@media screen and (max-width: 1399px) {}
@media screen and (max-width: 1140px) {
    .center {
        padding-left: 15px;
        padding-right: 15px;
    }
    .c2:not(.HTTPError) #main > .center {
        padding-left: 0;
        padding-right: 0;
    }
    #m62 {
        right: 15px;
    }
}
@media screen and (max-width: 991px) {
    #main_header > div {
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center;
    }
    #main_header #main_menu{
        position: absolute;
        top: 100%;
        right: 0;
        background-color: #fafafa;
        border-right: 0;
        padding: 0em;
        margin: 0;
        z-index: 999;
    }
    #main_menu > div {
        width: auto;
        padding: 0;
    }
    #main_menu .menu-content {
            display: none;
    }
    #m62 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;

        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;

        position: relative;
        bottom: auto;
        right: auto;
    }
    #m62 li{
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;

        text-align: center;
        margin: 0;
        padding: 0;
    }
    #m62 li a{
        width: 100%;

        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0; 
    }
    #main_header #main_menu #m2{
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;

        padding: 0em;
        height:auto;
        width: 0;
        display:block;
        overflow:hidden;
        position:relative;

        -moz-transition: width 0.3s ease-in-out;
        -webkit-transition: width 0.3s ease-in-out;
        -o-transition: width 0.3s ease-in-out;
        transition: width 0.3s ease-in-out;

        /*display:none;*/
        width:auto;
        border: 2px solid #bfbfbf;
        border-bottom : 0;
        width:320px;
    }
    #main_header #main_menu #m2 li{
        display:block;
        text-align:left;
        padding:0;
    }
    #main_header #main_menu #m2 li a{
        padding: 1em;
        display:block;
        border-bottom: 1px solid #bfbfbf;

        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    #main_header #main_menu #m2 li.actif a{
        color:#071d49;
    }
    #m2 ul {
        position: relative;
        top: auto;
        left: auto;
        background: transparent;
        width: auto;
        padding: 0;
        box-shadow: none;
    }
    #m2 ul li{
        border:none;
    }
    #main_header #main_menu #m2 ul li a{
        padding : 0.5em 2em;
        border-bottom: 1px dashed #bfbfbf;
        font-size: 0.9em;
    }
    #main_header #main_menu #m2 li.actif ul li a{
        color: #071d49;
    }
    #main_header #main_menu #m2 li.actif ul li a:hover,
    #main_header #main_menu #m2 li.actif ul li.actif a,
    #main_header #main_menu #m2 li a:hover{
        color: #2f9ece;
    }

    /* footer */
    #footer > div {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #m57{
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        margin-top: 1em;
    }
    #m3{
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }
    #m3 li {
        margin-bottom:0.5em;
    }

    /* contenu */
    #main > .center #nav {
        padding-right: 30px;
    }

    /* accueil */
    .c2 #animation_frame .swiper-slide .titre_diapo {
        font-size: 3rem;
    }
    .c2 #animation_frame .swiper-slide .soustitre_diapo {
        font-size: 1.5rem;
    }
    .c2 #animation_frame .swiper-slide .texte_diapo {
        font-size: 2rem;
        margin-top: 2em;
        line-height: 1.2em;
    }
}
@media (max-width: 767px) {
    /* footer */
    #m3 {
        display:block;
    }
    #m3 li:after{
        display:none;
    }

    /* contenu */
    #main > .center #nav {
        display: none;
    }

    /* actualités */
    #actualites article{
        -webkit-flex: 0 1 45%;
        -ms-flex: 0 1 45%;
        flex: 0 1 45%;
    }
    #actualites article:nth-child(3n+3){
        margin-right: 5%;
    } 
    #actualites article:nth-child(2n){
        margin-right: 0;
    } 

    /* contact */
    .c4 #main > .center .content{
        display:block;
    }
    .c4 #map_canvas {
        height: 500px;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    /* accueil */
    .c2 #animation_frame .swiper-slide .titre_diapo {
        font-size: 2.5rem;
    }
    .c2 #animation_frame .swiper-slide .soustitre_diapo {
        font-size: 1.3rem;
    }
    .c2 #animation_frame .swiper-slide .texte_diapo {
        font-size: 1.8rem;
        margin-top: 1.8em;
    }
        
        /* Galerie */
        #main #photos li{
        -webkit-flex: 0 1 48%;
        -ms-flex: 0 1 48%;
        flex: 0 1 48%;
                
                margin-right: 4%;
    }
    #main #photos li:nth-child(3n+3){
        margin-right: 4%;
    } 
    #main #photos li:nth-child(2n){
        margin-right: 0;
    }
}
@media (max-width: 700px) {
    /* header */
    #logo_light{display: none;}
    #logo img#logo_rwd{display: inline-block;}
    #main_header > div{padding-top:0;}
    /*
    #logo img {
        width: 100%;
        max-width: 215px;
    }
    */
}
@media (max-width: 643px) {

    /* accueil */
    #main .rss {
        position: relative;
        top: auto;
        right: auto;
        margin-bottom: 1em;
    }

    /* contact */
    .c4 #map_canvas {
        height: 350px;
    }
}
@media (max-width: 559px) {
    /* actualités */
    #actualites{
        display:block;
    }
    #actualites article,
    #actualites article:nth-child(2n),
    #actualites article:nth-child(3n+3){
        max-width: 400px;
        margin: 0 auto 50px;
    }  

    /* articles libres */
    #main #articles_libres article{
        display: block;
        margin: 0 auto 50px;
        max-width: 400px;
    }
    #main #articles_libres article img{
        margin-bottom : 1em;
    }
    #main #articles_libres article > div{
        padding-left:0;
    }
        
        /* Galerie */
        #main #photos li{
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
                
                max-width : 400px;
                margin-right: auto;
                margin-left: auto;
    }
    #main #photos li:nth-child(3n+3){
        margin-right: auto;
    } 
    #main #photos li:nth-child(2n){
        margin-right: auto;
    }

}
@media (max-width: 500px) {
    #main label#label_telephone_code,
    #main label#label_phone{
        width:100%;
        display:block;
        margin: 1em 0;
    }
}    
@media (max-width: 359px) {

}

/*=====================*\
    X_DEBUG
\*=====================*/
#debug1,#debug2{font-family:"Courier New",Courier,monospace !important;position:absolute;right:0px;top:0px;width:70%;z-index:10000;padding:5px;font-size:1em !important;overflow:auto;color:#000;font-size:85% !important;}
#debug1 *,#debug2 *{font-family:"Courier New",Courier,monospace !important;}
#debug1 li,#debug2 li{list-style:none;margin-left:1em;}
#debug1{background:#CCFF33;}
#debug2{background:#FFFF00;}
#bt_debug1,#bt_debug2{right:0px;position:fixed;cursor:pointer;z-index:10001;padding:2px;border-bottom:2px solid #333;}
#bt_debug1{top:20px;background:#CCFF33;}
#bt_debug2{top:45px;background:#FFFF00;}
#bt_debug1 a,#bt_debug2 a{color:#000;text-decoration:none;padding:2px 30px 2px 2px;font-size:0.8em;}