/*
        Theme Name: HTML5 Blank
        Theme URI: http://html5blank.com
        Description: HTML5 Blank WordPress Theme
        Version: 1.4.3
        Author: Todd Motto (@toddmotto)
        Author URI: http://toddmotto.com
        Tags: Blank, HTML5, CSS3

        License: MIT
        License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

body {
    font-size: 100%;
}
p{
    margin: 0 0 10px 0;
}
body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 {
    font-size-adjust: 0.5;
}

main {
    font-size: 1.05rem;
    line-height: 1.5;
}
body {
    font-family: Arial, sans-serif;
    color:#444;
}

.footer-antenne{
    display: grid;
    grid-template-columns: repeat(3, minmax(250px, 1fr));
    gap: 2rem;
    margin: 1rem;
}
.footer-antenne > div{
    grid-row-start: 2;
}
.footer-antenne > div.main-antenne{
    grid-row-start: 1;
    grid-column-start: 2;
    grid-column-end: 3;
}
.footer-antenne > .logo-antenne{
    grid-row-start: 1;
}

.logo-antenne img{
    margin: 0 auto;
    display: block;
    height: 140px;
}

.footer-antenne i{
    color: #2F5582;
}

.footer-antenne .main-antenne i{
    color: #F49544;
}

.antenne-flex{
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
    max-width:100%;
    vertical-align:bottom;
}
a {
    color:#444;
    text-decoration:none;
}
a:hover {
    color:#444;
}
p a {
    color:#336293;
    text-decoration:none;  
    border-bottom: #336293 1px solid;
    transition: all 0.4s ease;
}
p a:hover {
    color:#00a3ff;        
    border-bottom: transparent 1px none; 
    transition: all 0.4s ease;
}
a:focus {
    outline:0;
}
a:hover,
a:active {
    outline:0;
}
input:focus {
    outline:0;
    border:1px solid #04A4CC;
}
.fotorama__wrap{margin:0 auto;max-width:1600px !important;}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
    max-width:1280px;
    width:95%;
    position:relative;
    min-height: calc(100vh - 150px);
    margin: 0.5rem auto;
}

.home .wrapper {
    min-height: calc(100vh - 750px);
}

/* header */
.header {
    height: 100px;
}
.nav-is-stuck .header {
    height: 64px;
}
.main-header {
    color: #B13C2E;
    background: #FFF;
    z-index: 2;
}
.header-inner {
    display: table;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto; /* on centre l'élément */

}
.header-inner > * {
    display: table-cell;
    vertical-align: top;
}
/* Alignement du menu */
.header-nav {
    text-align: right;        
    width: 70%;
}

.header-nav ul{
    margin: 0;
    display: flex;
    gap: 0;
    align-content: stretch;
    align-items: stretch;
    justify-content: space-between;
    padding: 0;
}
.header-nav li {
    display: inline-block;
    list-style: none;
}
.header-nav a {
    position: relative;
    display: inline-block;
    padding: 0px 10px;
    vertical-align: middle;
    font-weight: 600;
    letter-spacing: 0.025em;
    color: #959595;
    text-decoration: none;
    line-height: 100px;
    font-size: 19px;
    text-transform: uppercase;
    font-family: "Open Sans", "Arial", sans-serif ;
}
/* Menu sticky */
.nav-is-stuck #text-logo {font-size: 17px;left: 66px;top: -49px;}
.nav-is-stuck .logo-img {max-height: 52px;}
.nav-is-stuck .header-nav a{line-height: 66px;}
.nav-is-stuck .nav, .nav-is-stuck .header-nav a {
    height: 65px;
}
/* Le trait va remonter et apparaitre */
.current-menu-item a,  .header-nav .menu-item a:hover,
.header-nav .menu-item a:focus {
    color: white;
    background-color: #2F5582;
}
.header-nav .menu-item a:hover, .header-nav .menu-item a{
    transition: all 0.4s ease;
}
/* Je vire outline car juste au-dessus je définis un style :focus */
.header-nav  .menu-item a:focus {
    outline: none;
}
.nav-is-stuck .main-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    animation: stickAnim .3s;
}

@keyframes stickAnim {
    0% {
        transform: translateY(-86px);
    }
    100% {
        transform: translateY(0);
    }
}
/* logo */
#text-logo {
    display: inline-block;
    height: 22px;
    color: #959595;
    position: relative;
    left: 79px;
    top: -54px;
    font-size: 19px;
}

#text-logo span{
    text-height: 600;
    color: #727272;
}
#text-logo .texte-ge{color:#F49544;}
#text-logo .texte-ordre{color: #2F5582;}
.logo {


}
.logo a {
    display: inline-block;
}
.logo-img {
    padding: 6px 0;
    height: 100px;
}
#text-logo, .logo-img {
    transition: all 0.4s ease;
}
/* nav */
.nav, .header-nav a {
    height: 100px;
}
/* sidebar */
.sidebar {

}

.home .fotorama--wp{
    margin-top: 0;
    position: relative;
    top: -1px;
}
/* voir + */

.savoir-plus a {
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	font-family: "open sans";
}
.savoir-plus:hover {background-color: #ff9d31; transition: all 0.4s ease;}
.savoir-plus {
	background-color: #f39644;
	display: inline-block;
	border-radius: 50px;
	width: 131px;
	line-height: 37px;
	padding-left: 19px;
	float: right;
	transition: all 0.4s ease;
}
/* footer */

.langogne h5, .langogne .fa{color: #ff9d31;}
.mende h5, .mende .fa{color:#336293 ;}
.bottom-blue a:hover { text-decoration: underline;}
.bottom-blue {
    text-align: center;
    height: 50px;
    line-height: 50px;
    background-color: #2f5582;
    font-size: 14px;
    padding: 0px 15px;
}
.bottom-blue ,.bottom-blue a{ color:white; font-weight: 600;}
/*------------------------------------*\
    PAGES
\*------------------------------------*/
/*-- Accueil --*/
.home #main h1{text-transform: uppercase; font-size: 30px}
.home #main h2{text-transform: uppercase; font-size: 30px; color: #515860;}
.home #main h6{text-transform: uppercase; font-size: 16px; color: #515860;}
.accueil-ombre{color: #336293; margin-top: 15px; margin-bottom: 5px;}

.home .fa-cogs{color:#ff9d31;}
.home .fa-commenting-o{color:#376091;}
.home .fa-check{color:#2d8399;}


/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
    TITLES
\*------------------------------------*/

h1,h2,h3,h4,h5,h6{font-family: 'Open Sans'; margin: 15px 0 5px 0;clear: both;}

h1 {
    font-size: 2em;
    color: #32859b;
    line-height: 1.25;

}

h2 {
    font-size: 1.625em;
    color:#32859b;
    line-height: 1.15384615;

}

h3 {
    font-size: 1.375em;

    line-height: 1.13636364;

}

h4 {
    font-size: 1.125em;
    color: #32859b;
    line-height: 1.11111111;
}
h5,h6{
    font-size: 1em;
    color: #32859b;
    line-height: 1.1000000;
}
h5{}
h6{font-weight: 500}

blockquote {
    font-size: 1.20em;
    /* 20px / 16px */
    line-height: 1.25;
    /* 25px / 20px */
    margin-top: 5px;
}
/*------------------------------------*\
        COOKIES
\*------------------------------------*/

#cookie-notice a{
    color: white;
    font-weight: 500;
    line-height: 18px;
    padding: 2px 12px;
    border-color: #BBB;
    color: white;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    text-decoration: none;
    white-space: nowrap;
    outline: none;
}
a#cn-accept-cookie{background-color: #49912D;}
a#cn-refuse-cookie{background-color: #D00004;}
a#cn-more-info{background-color: #3864BD;}

.sfm-pos-left .sfm-style-skew #sfm-sidebar .sfm-logo{
	padding: 0;
	margin: 0px;
	position: relative;
	left: 26px;
	top: -8px;
}
.sfm-sidebar-close::after,.sfm-sidebar-close::before{
    background: #000;
}

#sfm-sidebar .sfm-menu-level-0 li.sfm-active-class a{
    color: white;
}
#sfm-sidebar li.sfm-active-class > a{
    background-color: #2F5582 !important;
}
#sfm-sidebar .sfm-menu li > a span{ padding-left: 5px;}
.sfm-style-skew #sfm-sidebar li.sfm-active-class a:hover{
    color: white !important;
}
/*------------------------------------*\
        TYPOGRAPHY
\*------------------------------------*/


/* BEGIN Light */
@font-face {
    font-family: 'Open Sans';
    src: url("./fonts/OpenSans/Light/OpenSans-Light.eot");
    src: url("./fonts/OpenSans/Light/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans/Light/OpenSans-Light.woff2") format("woff2"), url("./fonts/OpenSans/Light/OpenSans-Light.woff") format("woff"), url("./fonts/OpenSans/Light/OpenSans-Light.ttf") format("truetype"), url("./fonts/OpenSans/Light/OpenSans-Light.svg#Light") format("svg");
    font-weight: 300;
    font-style: normal; }
/* END Light */
/* BEGIN Light Italic */
@font-face {
    font-family: 'Open Sans';
    src: url("./fonts/OpenSans/LightItalic/OpenSans-LightItalic.eot");
    src: url("./fonts/OpenSans/LightItalic/OpenSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans/LightItalic/OpenSans-LightItalic.woff2") format("woff2"), url("./fonts/OpenSans/LightItalic/OpenSans-LightItalic.woff") format("woff"), url("./fonts/OpenSans/LightItalic/OpenSans-LightItalic.ttf") format("truetype"), url("./fonts/OpenSans/LightItalic/OpenSans-LightItalic.svg#LightItalic") format("svg");
    font-weight: 300;
    font-style: italic; }
/* END Light Italic */
/* BEGIN Regular */
@font-face {
    font-family: 'Open Sans';
    src: url("./fonts/OpenSans/Regular/OpenSans-Regular.eot");
    src: url("./fonts/OpenSans/Regular/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans/Regular/OpenSans-Regular.woff2") format("woff2"), url("./fonts/OpenSans/Regular/OpenSans-Regular.woff") format("woff"), url("./fonts/OpenSans/Regular/OpenSans-Regular.ttf") format("truetype"), url("./fonts/OpenSans/Regular/OpenSans-Regular.svg#Regular") format("svg");
    font-weight: normal;
    font-style: normal; }
/* END Regular */
/* BEGIN Italic */
@font-face {
    font-family: 'Open Sans';
    src: url("./fonts/OpenSans/Italic/OpenSans-Italic.eot");
    src: url("./fonts/OpenSans/Italic/OpenSans-Italic.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans/Italic/OpenSans-Italic.woff2") format("woff2"), url("./fonts/OpenSans/Italic/OpenSans-Italic.woff") format("woff"), url("./fonts/OpenSans/Italic/OpenSans-Italic.ttf") format("truetype"), url("./fonts/OpenSans/Italic/OpenSans-Italic.svg#Italic") format("svg");
    font-weight: normal;
    font-style: italic; }
/* END Italic */
/* BEGIN Semibold */
@font-face {
    font-family: 'Open Sans';
    src: url("./fonts/OpenSans/Semibold/OpenSans-Semibold.eot");
    src: url("./fonts/OpenSans/Semibold/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans/Semibold/OpenSans-Semibold.woff2") format("woff2"), url("./fonts/OpenSans/Semibold/OpenSans-Semibold.woff") format("woff"), url("./fonts/OpenSans/Semibold/OpenSans-Semibold.ttf") format("truetype"), url("./fonts/OpenSans/Semibold/OpenSans-Semibold.svg#Semibold") format("svg");
    font-weight: 600;
    font-style: normal; }
/* END Semibold */
/* BEGIN Semibold Italic */
@font-face {
    font-family: 'Open Sans';
    src: url("./fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.eot");
    src: url("./fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.woff2") format("woff2"), url("./fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.woff") format("woff"), url("./fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.ttf") format("truetype"), url("./fonts/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.svg#SemiboldItalic") format("svg");
    font-weight: 600;
    font-style: italic; }
/* END Semibold Italic */
/* BEGIN Bold */
@font-face {
    font-family: 'Open Sans';
    src: url("./fonts/OpenSans/Bold/OpenSans-Bold.eot");
    src: url("./fonts/OpenSans/Bold/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans/Bold/OpenSans-Bold.woff2") format("woff2"), url("./fonts/OpenSans/Bold/OpenSans-Bold.woff") format("woff"), url("./fonts/OpenSans/Bold/OpenSans-Bold.ttf") format("truetype"), url("./fonts/OpenSans/Bold/OpenSans-Bold.svg#Bold") format("svg");
    font-weight: bold;
    font-style: normal; }
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
    font-family: 'Open Sans';
    src: url("./fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.eot");
    src: url("./fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.woff2") format("woff2"), url("./fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.woff") format("woff"), url("./fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.ttf") format("truetype"), url("./fonts/OpenSans/BoldItalic/OpenSans-BoldItalic.svg#BoldItalic") format("svg");
    font-weight: bold;
    font-style: italic; }
/* END Bold Italic */
/* BEGIN Extrabold */
@font-face {
    font-family: 'Open Sans';
    src: url("./fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.eot");
    src: url("./fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.woff2") format("woff2"), url("./fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.woff") format("woff"), url("./fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.ttf") format("truetype"), url("./fonts/OpenSans/ExtraBold/OpenSans-ExtraBold.svg#ExtraBold") format("svg");
    font-weight: 800;
    font-style: normal; }
/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face {
    font-family: 'Open Sans';
    src: url("./fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot");
    src: url("./fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2") format("woff2"), url("./fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff") format("woff"), url("./fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf") format("truetype"), url("./fonts/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg#ExtraBoldItalic") format("svg");
    font-weight: 800;
    font-style: italic; }
/* END Extrabold Italic */

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
.sfm-navicon-button{ display: none;}
@media only screen and (max-width:320px) {

}
@media only screen and (max-width:480px) {

}
@media only screen and (max-width:768px) {
    .footer,.bottom-blue{height: auto;}
}
@media only screen and (max-width:980px) {
    #header{ display: none !important;}
    .sfm-navicon-button{ display: block;}
    .wrapper{max-height: none;}
    body{margin-top: 27px}
    
}
@media only screen and (max-width:1024px) {


}
@media only screen and (max-width:1140px) {
    .header-nav a {	
        letter-spacing: -1px;
    }
}
@media only screen and (max-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {

}


@media (min-width: 43.75em) {
    #page {
        font-size: 1em;
        /* equivalent to 16px */
        line-height: 1.375;
        /* equivalent to 22px */
    }
    h1 {
        font-size: 2.5em;
        /* 2.5x body copy size = 40px */
        line-height: 1.125;
    }
    h2 {
        font-size: 2em;
        /* 2x body copy size = 32px */
        line-height: 1.25;
    }
    h3 {
        font-size: 1.5em;
        /* 1.5x body copy size = 24px */
        line-height: 1.25;
    }
    h4 {
        line-height: 1.22222222;
        /* (22px / 18px */
    }
    blockquote {
        font-size: 1.25em;
        /* 24px / 16px = */
        line-height: 1.45833333;
        /* 35px / 24px */
    }
}

@media (min-width: 56.25em) {
    h1 {
        font-size: 3em;
        /* 3x body copy size = 48px */
        line-height: 1.05;
        /* keep to a multiple of the 20px line height and something more appropriate for display headings */
    }
    h2 {
        font-size: 2.25em;
        /* 2.25x body copy size = 36px */
        line-height: 1.25;
    }
    h3 {
        font-size: 1.75em;
        /* 1.75x body copy size = 28px */
        line-height: 1.25;
    }
}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-webkit-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-moz-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
    margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display:block;
    margin:5px auto 5px auto;
}
.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
a img.alignnone {
    margin:5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.wp-caption {
    background:#FFF;
    border:1px solid #F0F0F0;
    max-width:96%;
    padding:5px 3px 10px;
    text-align:center;
}
.wp-caption.alignnone {
    margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin:5px 20px 20px 0;
}
.wp-caption.alignright {
    margin:5px 0 20px 20px;
}
.wp-caption img {
    border:0 none;
    height:auto;
    margin:0;
    max-width:98.5%;
    padding:0;
    width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
    * {
        background:transparent !important;
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
    }
    a,
    a:visited {
        text-decoration:underline;
    }
    a[href]:after {
        content:" (" attr(href) ")";
    }
    abbr[title]:after {
        content:" (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content:"";
    }
    pre,blockquote {
        border:1px solid #999;
        page-break-inside:avoid;
    }
    thead {
        display:table-header-group;
    }
    tr,img {
        page-break-inside:avoid;
    }
    img {
        max-width:100% !important;
    }
    @page {
        margin:0.5cm;
    }
    p,
    h2,
    h3 {
        orphans:3;
        widows:3;
    }
    h2,
    h3 {
        page-break-after:avoid;
    }
}