/*
Theme Name: ACOMTHEME
Theme URI: https://arobasecom.net/
Author: arobasecom.net
Author URI: https://arobasecom.net/
Description: Thème personnalisé développé pour l'ARMP.
Tags:
Version: 2021
Requires at least: 5.0
*/

/*Fonts*/

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.woff?85udpf') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
    rel: preload;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-cancel:before {
    content: "\e900";
}

.icon-close:before {
    content: "\e900";
}

.icon-dismiss:before {
    content: "\e900";
}

.icon-file-text2:before {
    content: "\e926";
}

.icon-drawer:before {
    content: "\e95c";
}

.icon-bubbles3:before {
    content: "\e96f";
}

.icon-search:before {
    content: "\e986";
}

.icon-hammer2:before {
    content: "\e9a8";
}

.icon-list:before {
    content: "\e9ba";
}

.icon-arrow-right:before {
    content: "\ea34";
}

.icon-arrow-left:before {
    content: "\ea38";
}

.icon-facebook2:before {
    content: "\ea91";
}

.icon-whatsapp:before {
    content: "\ea93";
}

.icon-twitter:before {
    content: "\ea96";
}

.icon-rss2:before {
    content: "\ea9c";
}

.icon-youtube:before {
    content: "\ea9d";
}

.icon-flickr3:before {
    content: "\eaa5";
}

.icon-send:before {
    content: "\e901";
}

.icon-whistle:before {
    content: "\e902";
}

.icon-cancel1:before {
    content: "\e903";
}

.icon-close2:before {
    content: "\e903";
}

.icon-remove1:before {
    content: "\e903";
}

.icon-dismiss1:before {
    content: "\e903";
}

.icon-justice:before {
    content: "\e904";
}

.icon-close1:before {
    content: "\e905";
}

.icon-remove:before {
    content: "\e905";
}

.icon-times:before {
    content: "\e905";
}

.icon-handshake-o:before {
    content: "\e906";
}

.icon-playlist_add_check:before {
    content: "\e907";
}

/*Variables*/

:root {
    --slider-h-title: 16vw;
    --slider-top-title: 34vw;
    --r-slider-h-title: 44vh;
    --r-slider-top-title: 19vh;
}

/*Reset css*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
    display: block;
}

body {
    line-height: 1;

}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html,
body {
    font-family: 'Montserrat', 'tahoma';
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    font-size: 100%;
}

*, *:before, *:after {
    box-sizing: border-box;
}

* {
    line-height: 1.5;
}

a {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 1.5rem;
}

h3 {
    font-size: 1.375rem;
}

h4 {
    font-size: 1.125rem;
}

h5 {
    font-size: 1rem;
}

h6 {
    font-size: 0.875rem;
}

p {
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 2;
    padding-bottom: 1rem;
}

.font-light {
    font-weight: 300;
}

.font-regular {
    font-weight: 400;
}

.font-heavy {
    font-weight: 700;
}

.left, .alignleft {
    float: left;
}

.right, .alignright {
    float: right;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.2em;
    color: #225888;
    font-weight: 500;
}

.center {
    margin: 0 auto;
    left: 0;
    right: 0;
}

.text-justify {
    text-align: justify;
}

/* ==== GRID SYSTEM ==== */
.wrapper {
    width: 90%;
    margin: 0 auto
}

.container {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.row {
    position: relative;
    width: 100%;
}

.row [class^="col"] {
    float: left;
    margin: 0rem 2%;
    min-height: 0.125rem;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    width: 96%;
}

.col-1-sm {
    width: 4.33%;
}

.col-2-sm {
    width: 12.66%;
}

.col-3-sm {
    width: 21%;
}

.col-4-sm {
    width: 29.33%;
}

.col-5-sm {
    width: 37.66%;
}

.col-6-sm {
    width: 46%;
}

.col-7-sm {
    width: 54.33%;
}

.col-8-sm {
    width: 62.66%;
}

.col-9-sm {
    width: 71%;
}

.col-10-sm {
    width: 79.33%;
}

.col-11-sm {
    width: 87.66%;
}

.col-12-sm {
    width: 96%;
}

.row::after {
    content: "";
    display: table;
    clear: both;
}

.hidden, .hide {
    display: none;
}

/*Common*/
a, a:hover, a:visited, a:active, a:focus {
    text-decoration: none;
    color: #225888;
}

strong, b {
    font-weight: 600;
}

.full, .size-full {
    width: 100%;
}

.padding-bottom-n1 {
    padding-bottom: 1rem;
}

.padding-bottom-n2 {
    padding-bottom: 21rem;
}

.p30 {
    width: 30%;
}

.p40 {
    width: 40%;
}

.p60 {
    width: 60%;
}

.p70 {
    width: 70%;
}

/*Menu*/

.menu_container {
    width: 70%
}

.logo_cont {
    width: 30%;
}

.main-menu a {
    color: #fff
}

.main-menu li {
    float: left;
    position: relative;
    margin-bottom: 0 !important;
}

.sub-menu a i {
    background: url(images/sprite.png) no-repeat -7px -1px !important;
    width: 10px;
    height: 19px;
    display: inline-block;
    margin-right: 10px;
}

.main-menu .sub-menu li {
    min-width: 150px;
    margin: 0;
    padding: 0 !important
}

.main-menu .current-menu-ancestor a, .main-menu .current-menu-item a, .main-menu .sub-menu .current-menu-item a, .main-menu a:focus, .main-menu a:hover {
    color: #282525;
    /*background-color: #e9e8e8*/
}

.main-menu a:hover, .main-menu a:focus, .main-menu .current-menu-item a, .main-menu .current-menu-ancestor a, .main-menu .sub-menu a:hover, .main-menu .sub-menu .current-menu-item a, .main-menu li:hover a {
    background: #57626e;
    color: #fff;
}

.main-menu .sub-menu a:hover, .main-menu .sub-menu a {
    color: #fff !important
}

.current_page_ancestor .sub-menu a, .current-menu-ancestor .sub-menu a, .menu-item-has-children .sub-menu a {
    background: #57626e;
    padding: 15px 0.9em;
    width: 21vw;
}

.current_page_ancestor .sub-menu a:hover, .current-menu-ancestor .sub-menu a:hover, .menu-item-has-children .sub-menu a:hover {
    background: #89939E;
    color: #ffffff !important;
}

.main-menu a:hover i, .main-menu a:focus i, .main-menu .current-menu-item a i, .main-menu .current-menu-ancestor a i {
    background-position-y: 1px
}

.main-menu a {
    padding: 50px 0.7em;
    font-size: .9vw;
    text-transform: uppercase;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    text-decoration: none;
    color: #282525;
    float: left;
    font-weight: 500;
}

.main-menu .sub-menu, .main-menu .children {

}

.main-menu ul {
    margin: 0;
    padding-left: 0
}

.main-menu .children, .main-menu .sub-menu {
    position: absolute;
    max-height: 0;
    overflow: hidden;
    list-style: none;
    left: 0;
    z-index: 1;
    top: 100%;
}

.main-menu .children li, .main-menu .sub-menu li {
    float: none
}

.main-menu .children a, .main-menu .sub-menu a {
    white-space: nowrap;
    color: #fff
}

.main-menu li.hover .children, .main-menu li.hover .sub-menu, .main-menu li:hover .children, .main-menu li:hover .sub-menu {
    max-height: 30em
}

.main-menu .children a:focus, .main-menu .children a:hover, .main-menu .sub-menu a:focus, .main-menu .sub-menu a:hover {

}

.navtoggle, .toggle-link {
    display: none
}

.main-menu .navtoggle {
    width: 100%;
    padding: 0 1em .5em;
    text-align: left;
    background: 0 0;
    border: none;
    cursor: pointer;
    color: #fff
}

.navtoggle:before {
    content: '\2630';
    padding-right: .5em;
    font-size: 1em
}

/*Common*/
.wp-caption-text {
    text-align: center;
    font-style: italic;
}

table td {
    padding: 1rem !important;
}

/*Header*/

header, .recherche_container {

}

.recherche_container {
    position: relative;
    vertical-align: middle;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    height: 100%;
}

.recherche_container i {
    background: url(images/sprite.png) no-repeat -5px -33px !important;
    width: 21px;
    height: 21px;
}

.s_ctrl {
    cursor: pointer;
    width: 33px;
    height: 116px;
}

#search_form {
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    padding: 0 !important;
    opacity: 0;
    visibility: hidden;
    filter: Alpha(opacity=0);
    height: 0;
    overflow: hidden;
    background: #010101c2;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
}

#search_form .s {
    margin: 0;
    background-color: #fff;
    color: rgba(0, 0, 0, 0.87);
    padding: 0px 3%;
    width: 100%;
    height: 90px;
    border-radius: 10px 0 0 10px;
    font-size: 1em;
}

#search_form .bt {
    border: 0;
    height: 92px;
    background: url(images/sprite.png) no-repeat 49px -64px #01793B;
    width: 100%;
    border-radius: 0px 10px 10px 0px;
    cursor: pointer;
    padding: 0;
    margin-left: -33%;
}

.shw {
    opacity: 1 !important;
    filter: Alpha(opacity=100) !important;
    visibility: visible !important;
    height: 100% !important;
    overflow: visible !important
}

.cross {
    background: #005b7f;
    height: 40px
}

.cross i {
    display: block;
    width: 25px;
    height: 25px;
    margin: 11px 0 0 7px;
    background: url(images/sprite.png) no-repeat -61px 0px;
}

.hid {
    opacity: 0;
    visibility: hidden;
    filter: Alpha(opacity=0)
}

.search_wrapper {
    width: 70%;
    margin: auto;
    margin-top: 7%;
    padding: 7%;
}

.search_wrapper span {
    color: #fff;
    font-size: 31px;
    display: block;
    width: 50%;
    border-left: 8px solid #FFAA01;
    margin: 0 0 32px 19px;
    padding: 0 0 0 32px;
    line-height: 43px;
}

#search_form .s_ctrl {
    position: absolute;
    right: 5%;
    top: 8px;
    margin-top: 6%;
    background: #fff;
    border-radius: 50%;
    width: 41px;
}

input[type=text], input[type=password], input[type=email], input[type=url], input[type=number], textarea {
    background: #f9f9f9;
    border: 1px solid #ccc;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1);
    padding: 8px 5px
}

#topwrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    transition: all .5s;
    width: 100%;
    background: #fff;
    box-shadow: 0px 3px 10px 0px #0d0d0d;
}

.ui-accordion .ui-accordion-header {
    margin: 15px 0 0 0 !important;
}

/*Footer*/

/*Home styles*/

.slider_title_container {
    position: relative;
    background: #01793B;
    padding: 2em;
    height: var(--slider-h-title);
    top: var(--slider-top-title);
}

.slider_title_container h2 {
    padding: 0em 1em;
    font-size: 1.5em;
    color: #fff;
    font-weight: bold;
    line-height: 35px;
    border-left: 10px solid #FFAA01;
    width: 95%;
}

.splide__track {
    overflow: visible !important;
}

.splide__pagination {
    bottom: calc(-1 * var(--slider-h-title) + var(--slider-top-title) / 1.3) !important;
}

.splide__pagination__page {
    width: 24px !important;;
    height: 24px !important;;
    background: #ffffff !important;
    opacity: 1 !important;
}

.splide__pagination__page.is-active {
    background: #FFAA01 !important;
    transform: scale(1.2) !important;
}

#home-slider {
    height: calc(var(--slider-h-title) + var(--slider-top-title) + 3vw);
    overflow: hidden;
}

.slider_title_details {
    padding: 0em 2em;
    position: absolute;
    bottom: 25px;
    width: 99%;
    right: 10px;
}

.slider_title_details .date {
    color: #fff;
    position: absolute;
    bottom: 0;

}

.read_more, a.read_more {
    text-decoration: none;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    text-align: center;
    display: block;
    font-weight: 500;

}

.read_more a, .read_more a:hover, .read_more a:visited {
    text-decoration: none;
}

.slider_title_details .read_more {
    float: right;
    border: 1px solid #fff;
    color: #fff;
    padding: 30px 87px 37px !important;
    height: 60px;
    width: 280px;

}

.slider_title_details .read_more:hover, .message_pr a.read_more:hover {
    background-color: #FFAA01;
}

.slider_title_container a {
    color: #fff;
    text-decoration: none;
}

.slider_title_container a:hover h2 {

}

.decision {
    border: 1px solid #225888;
    padding: 2em;
    height: 270px;
    overflow: hidden;
    position: relative;
}

.decision h2 {
    font-size: 1.8em;
    font-weight: 700;
    padding-bottom: 1em;
    color: #225888;
}

.decision_detail a, .decision_detail a:visited, .decision_detail a:hover {
    text-decoration: none;
    color: inherit;
}

.decision .decision_detail {
    padding-bottom: 1em;
}

.decision_footer {
    position: absolute;
    bottom: 2rem;
    width: 90%;
}

.message_pr {
    height: 575px;
    position: relative;
    padding: 2em;
}

.message_pr a.read_more {
    bottom: 1rem;
    background: #fff;
    position: absolute;
    padding: 26px;
    color: #225888;
    width: 85%;
}

.message_pr span {
    color: #ffffff;
    text-shadow: 0px 2px 4px #0000004a;
    font-size: 1.7em;
    text-align: center;
    position: relative;
    margin: 0 auto;
    width: 100%;
    display: block;
    padding: 0px;
    top: 370px;
    font-weight: 700;
}

.border {
    border-radius: 10px;
}

.box_home {
    height: 255px;
    margin-top: 3em !important;
}

.box_home div {
    vertical-align: middle;
    margin: 3rem auto auto;
}

.box_home span {
    display: block;
    margin: 1rem auto auto;
    text-align: center;
    font-size: 1.6em;
    font-weight: 700;
    color: #fff;
    width: 60%;
    line-height: 1.3em;
    text-shadow: 0px 2px 4px #0000004a;
}

.bg_att {
    background: linear-gradient(0deg, rgba(34, 88, 136, 0.63), rgba(34, 88, 136, 0.63)), url(images/bg_attestation.png) center center / cover no-repeat;
}

.bg_att i {
    display: block;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    font-size: 3rem;
    text-shadow: 0px 2px 4px #0000004a;
}

.bg_liste_rouge {
    background: linear-gradient(130deg, rgb(127 44 18 / 24%), rgb(216 67 20 / 87%)), url(images/bg_liste_rouge.png) center center / cover no-repeat;
}

.bg_liste_rouge i {
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 4rem;
    text-shadow: 0px 2px 4px #0000004a;
}

.cloc_3 {
    background: #E0E7ED;
    padding: 5em 0 3em 0;
    margin: 5em 0 0 0;
}

.box-form-container a:hover .box-form {
    background-color: #fff;
    color: #5380a8;
}

.box-form {
    background: #5380a8;
    padding: 2em;
    margin-bottom: 2rem !important;
    height: 12rem;
    box-shadow: 0 2px 1px -1px #00000033, 0 1px 1px 0 #00000024, 0 1px 3px 0 #0000001f;
    color: #ffffff;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.box-form i {
    font-size: 3rem;
    display: block;
    padding: 0 0 0.8rem 0;
}

.box-form span {
    text-transform: uppercase;
    line-height: 1.4rem;
}

.box-form1 {
    padding: 2rem !important;
}

.box-form1 i {
    font-size: 3.5rem !important;
}

.box-form2 {
    padding: 1rem !important;
}

.box-form2 i {
    font-size: 5rem !important;
    padding-bottom: 0.3rem !important;
}

.box-form2 {
    padding: 1rem !important;
}

.box-form3 i {
    font-size: 2.5rem;
    padding-bottom: 1.7rem !important;
}

.cloc_3 .text {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 26rem;

}

.bloc_img {
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}

.bloc_img:hover {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.nf-response-msg {
    display: block;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 1rem;
}

/*Footer*/

.bloc_f1 {
    background-color: #4E799F;
    padding: 5rem 0 5rem 0;
    color: #fff;
}

.bloc_f2 {
    background-color: #484848;
}

.bloc_f1 h1 {

    font-style: normal;
    font-weight: bold;
    font-size: 41px;
    line-height: 50px;
    border-left: 10px solid #FFAA01;
    padding: 0em 1em;
    margin-bottom: 2rem;
}

.bloc_f1 h2, .bloc_f2 h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 26px;
    text-transform: uppercase;
    padding-bottom: 2rem;
}

.bloc_f2 h2 {
    padding-top: 2rem;
}

.bloc_f1 span.f_label {
    padding-bottom: 2rem;
    display: block;
}

#footer_socials li {
    display: inline
}

#footer_socials li a {
    font-size: 2em;
    padding: 0 3px;
    color: #fff;
}

#footer_socials li i:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
}

#footer_socials li i {
    display: inline-block;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s
}

input[type=text].mailpoet_text {
    width: 100% !important;
    float: left;
    padding: 1.2rem !important;
    font-size: 1em;
    margin-right: 2rem !important;
}

.mailpoet_form .mailpoet_paragraph {
    margin-bottom: 0px !important;
}

input[type=email].mailpoet_text {
    width: 70% !important;
    float: left;
    padding: 1.2rem !important;
    font-size: 1em;
    margin-top: 2rem !important;
}

input[type=submit].mailpoet_submit {
    width: 30% !important;
    float: left;
    padding: 1.2rem !important;
    font-size: 1em;
    margin-top: 2rem !important;
    height: 4rem;
    color: #225888;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADFSURBVHgBrZRtEcIwEEQDCioBB1RCJSABCTgACXUADpBwOEACEoqDZTM9BpppvvNmdpIfzZvkeokBsGPuzNnOTQso6vFjYq7Vcgo6lbnUyblY4KdMzkUnxMmTO3WNIcyQKp6QhzCHmPSGMl7MMVQC26/Pgl0v5JvAzjsOPfMd9zofTJjHNvLBW0XuPA1b9MrjC9yuUGEJAl+LaaHbyFTYvvmRfk3jsj+peET2h43IfVAwP31rsgvmXs3HHqmZzNnp2ESmfADVwvpKd8g6agAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-color: #225888;
    background-position: center;
}

.mailpoet_paragraph #parsley-id-11 {
    display: none;
}

.newsbox input::placeholder {
    color: #225888;
    opacity: 1;
    font-weight: 700;
    font-family: inherit;
}

.newsbox input:-ms-input-placeholder {
    color: #225888;
    font-weight: 700;
    font-family: inherit;
}

.newsbox input::-ms-input-placeholder {
    color: #225888;
    font-weight: 700;
    font-family: inherit;
}

#mailpoet_form_1 form.mailpoet_form {
    padding: 0 !important;
}

.bloc_f2 {
    background-color: #484848;
    padding: 5rem 0 0rem 0;
    color: #fff;
}

.footer_address {
    text-transform: uppercase;
    padding-left: 1.3rem;
}

.footer_address p {
    font-size: .91rem !important;
}

.links-menu a {
    color: #fff;
    text-decoration: none;
    padding: 0.4rem 0;
    display: block;
}

.links-menu li {
    list-style: disc;
}

.drapeau .vert {
    background: #4e7344;
}

.drapeau .jaune {
    background: #f0bf0b;
}

.drapeau .rouge {
    background: #cb3b35;

}

.drapeau div {
    width: 33.3333333%;
    height: 8px;
    float: left;
}

.drapeau {
    float: left;
    margin-top: -2px;
    width: 100%;
}

.numero_vert {
    margin: 2rem 0 0 0;
}

.scrollToTop {

    position: fixed;
    right: 30px;
    bottom: 50px;
    width: 50px;
    height: 50px;
    font-size: 1.4rem;
    line-height: 2.6rem;
    text-align: center;
    cursor: pointer;
    z-index: 999;
    display: none;
    color: rgb(255, 255, 255) !important;
    outline: none medium;
    background: #01793b;
    border-radius: 50%;
    font-family: inherit;

}

.left-logo img {
    max-height: 97px;
}

.box-form-container {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.box-form-container a {
    width: 30%;
    text-decoration: none;
}

.box {
    overflow: hidden;
}

.ba-img {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.box:hover .ba-img {
    -ms-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
}

/*Pages styles*/

.post_content .alignleft {
    padding: 0 2rem 2rem 0;
}

.progress-container {
    width: 100%;
    height: 6px;
    background: #fff;
    margin-top: -3px;
}

.progress-bar {
    height: 6px;
    background: #01793B;
    width: 0%;
}

.private-title {
    height: 100%;
    text-align: center;
    width: 60%;
    float: left;
    margin: 5% auto;
}

.private img.mfiltre, .private .mfiltre, .private .filtre {
    height: 40vh !important;
    margin-bottom: 1rem;
}

.page img.mfiltre, .mfiltre, .page .filtre {
    height: 50vh;
}

.page img.mfiltre, .mfiltre {
    -o-object-fit: cover;
    object-fit: cover;
    filter: blur(0.8rem);
}


.page .filtre, .post .filtre {
    background: linear-gradient(0deg, rgba(34, 88, 136, 0.6), rgba(34, 88, 136, 0.6));
}

.post_img img, .filtre {
    height: 75vh;
}

.post_img img {
    -o-object-fit: cover;
    object-fit: cover;
}

.filtre {
    width: 100%;
    position: absolute;
    /* background: linear-gradient(0deg, rgba(34, 88, 136, 0.46), rgba(34, 88, 136, 0.30)), no-repeat; */
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.post_content {
    margin-top: 7rem;
    line-height: 2;
}

.page .post_content {
    margin-top: 2rem;
}

.post_content li {
    margin-left: 2rem;
    padding-left: 1em;
    line-height: 1.9em;
    padding-bottom: 1em;
}

.post_content ul li {
    list-style: disc;
}

.post_content ol li {
    list-style: decimal;
}

.post_title_container {
    position: relative;
}

.private .page_title_container {
    top: 28% !important;
}

.page_title_container {
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.page_title_container h1 {
    color: #fff;
}

.post_title_content {
    background: #01793B;
    color: #fff;
    position: absolute;
    bottom: -5rem;
    padding: 2.5rem;
    line-height: 2.1rem;
}

.post_title_aux {
    margin-top: 1rem;
}

.post_title_aux a {
    color: #fff;
}

.post_title_aux .title_cat {
    background: #ffaa01;
    padding: 0.5rem;
}

article .flickr-frame {
    width: 100%;
    height: 40vw;
}

.album_title {
    font-weight: 700;
    padding: 1rem 0;
    color: #01793b;
}

.page .breadcrumbs a {
    color: #fff;
}

.page .breadcrumbs span {
    color: #eae7e7;
    font-weight: 200;
}

.post_img {
    overflow: hidden;
}

.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 textarea {
    width: 100%;
}

.wpcf7 input[type=submit] {
    background: #225888 !important;
    color: #ffffff;
    border: none;
    font-size: 1.1em;
    padding: 1rem 3rem;
}

/*Categories styles*/

.box-cat-master {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.box-articles-container-cat {
    position: relative;
    min-height: 14rem !important;
    height: 14rem;
    font-size: 13px;
    padding: 10px;
    background: #225888;

}

.box-cat-name {
    text-align: center;
    height: 100%;
    font-size: 1.3rem;
    line-height: 2rem;
    padding: 19px;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: flex;
    font-weight: bold;
}

.box-cat-name a {
    color: #fff !important;
}

.box-doc-content .p70, .box-doc-content .p30 {
    padding: 2rem;
    font-weight: 300;
}

.box-doc-content .p30 {
    border-right: 1px solid #D7D5D5;
}

.box-doc-content {
    justify-content: center;
    display: flex;
    text-transform: uppercase;
    background: #f2f2f2;
    margin-left: -2% !important;
    height: 14rem;
    position: relative;
}

.box-doc-content h2 {
    font-size: 1.1rem;
    line-height: 1.5rem;
}

.box-doc-content a {
    color: #090909;
    font-weight: 300;
}

.box-doc-content .details .lire i {
    height: 18px;
    width: 18px;
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC9SURBVHgB7ZLRDcIwDEQPxD8dISN0A8IGHSGjMAobABPQEdig2QA2KI64ilDitIHfnvQaybEutmtAlxGuQsfT4QcZGvQjLAp1SJj0rCypNfSKSuKqUVsYzyq0EbfV5Spa4TXAkOCFh3CL7p1Q8+7IezA/xCvGzoA+VDeqwAon4Z7IrzWjuJ0q0ebXWmjDRtTCFpnZDJoymq3FaJ5Ri//kAxv57BkI+2JII+zw+duHrb/wcY/3pk+q4Wn5kKonJ/xCudeAwB8AAAAASUVORK5CYII=);
    background-repeat: no-repeat;
}

.box-doc-content .details .download i, article .details .download i {
    height: 17px;
    width: 18px;
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB9SURBVHgB7ZLRDYAgEEOrC+AIjOAIjOAIjOCGOoIbMAJugIecXwbwDIk/NnkBcqUJKUBZlgi8ZtWjgf6QD0I0oXiv+CzSQDikP3Lh3gRpwnOARyXAEqYwiyFzZj6x5zQtyMsUZvFeeNLOWjM0qbhDes5ObJBrRGryVqUUdwAefyWC37aRagAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
}

.box-doc-content .details a {
    margin-left: 2rem;
}

.box-doc-content .details {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
}

.details ul li.prm {
    display: inline;
}

.details ul li {
    position: relative;
}

.page .details ul > li > ul > li, .post .details ul > li > ul > li {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    float: left;
    padding: 10px;
    max-width: 50%;
    min-width: 50%;
}

.page .details ul > li > ul > li > a, .post .details ul > li > ul > li > a {
    width: auto;
}

.details ul > li > ul > li {
    display: inline-block;
}

.details ul > li > ul > li > a {
    display: block;
    background: #fff;
    padding: 1rem;
    min-width: 100%;
    width: 200px;
    text-align: left;
    margin-left: 0 !important;
    min-height: 90px;
    line-height: 25px;
}

article .details .sub {
    max-height: 10000em !important;
    position: relative !important;
    top: 0 !important;
}

article .details {
    margin-bottom: 2rem;
}

article .prm {
    margin-top: 1rem !important;
    display: inline-block !important;
    width: 100%;
}

article .download {
    background: #ffaa01 !important;
    padding: 1rem 4rem;
    text-align: left !important;
    color: #000;
}

.details .sub {
    position: absolute;
    max-height: 0;
    overflow: hidden;
    right: 0;
    top: 1.2rem;
    z-index: 2;
}

.details ul li:hover .sub {
    max-height: 30em !important;
}

.page .details ul li:hover .sub, .post .details ul li:hover .sub {
    max-height: 10000em !important;
}

.details .sub li:hover a {
    background: #225888;
    color: #fff;
}

.wp-paginate .current {
    background: #ffaa01 !important;
}

.art-img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.loop-img {
    height: 45vh;
}

.loop-art {
    margin: 2rem 0;
    background: #F6F6F6;
    position: relative;
}

.timer {
    font-size: 1.3rem;
    font-weight: bold;
    display: block;
    margin-top: 2rem;
}

.loop-art .title_cat {
    display: block;
    line-height: 1.8rem;
    padding: 2rem 0;
    text-transform: uppercase;
    color: #000;
    font-weight: 300;

}

.clear-left {
    margin-left: 0% !important;
}

.loop-art .read_more, .loop-art a.read_more {
    text-decoration: none;
    text-align: center;
    display: block;
    font-weight: 500;
    width: 11rem;
    background: #62757A;
    position: absolute;
    bottom: 1rem;
    right: 3rem;
    padding: 1rem;
    color: #fff;
    float: right;
}

.timer i {
    height: 24px;
    width: 25px;
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEySURBVHgBxZXhccIwDIVfev1fNmg6QekGZoOOkI7QCUo3YAPYgGMCsgFsQNgAJgCLU0BxnjFccvDudHa+JFJkWwrAtfRWBGygfBhw522l91t6AZe8lJMADm1HuQZ9Y44yfeAvcOi8VWo2gDhae9sFAcRKw+T+vzwrGUja30hrl+A2s6H6PbGDt3HwEmO5chfwQvk7Y7E9KNFcnvpL14RXyrfM0Su4RoRJgC/wj2H8pFgGvSmWgTPzUkfZuMEVFp6uqwGWZp7pOMflKDOWswBPW6KMsI8b2U0Bpmb+o+MEl3bA2C8ixRgrtNpqbRKMFlosgxlhC7QbmmV7RMQy6KoCiVbRdYnOetoxZcdvlGB3NbuqA2voIUskxSEb5NCfPu3FGM1T05dJlZ97jm27faj+++EI9qZlFJ1q6zsAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
}

.loop-art .read_more i {
    height: 12px;
    width: 20px;
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAYAAAB2HjRBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABiSURBVHgBzZJBDYAwEAQPJ0hAQnGABBwgARyBAyQgBRws0/CGlOuj3WTSfmYvuZzZRyQNcEBnf4M06snpLVjqK2j4tLwhsWOCKF7Qx8ZVvmx5k1PDkNm1tCKi/8IQAuxv4g1z5M47KmqlzgAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    margin-left: 0.5rem;
}

.nf-form-content {
    max-width: 100% !important;
}

i, em {
    font-style: italic;
}

.nf-field-description p {
    font-size: inherit !important;
}

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    background: #225888 !important;
}

.recours_select {
    height: 50px;
    color: #787878;
    font-size: 16px;
    margin: 0;
    padding: 12px;
    background: #f7f7f7;
}

.nf-form-fields-required {
    display: none;
}

.big_title {
    border-left: 10px solid #FFAA01;
    font-size: 2rem;
    padding-left: 2rem;
    font-weight: bold;
    margin: 1rem 0;
}

/*Espace privé*/

#menu-espace-prive .sub-menu,
#menu-espace-prive .children {
    position: absolute;
    max-height: 0;
    overflow: hidden;
    list-style: none outside none;
    left: 0;
    z-index: 5
}

#menu-espace-prive li:hover .sub-menu {
    max-height: 30em;
    left: 167px;
    width: 220px;
    margin-top: -33px
}

#menu-espace-prive .menu-item {
    background: #f7f5f5;
    padding: 8px 10px;
    margin-bottom: 6px;
    margin-left: -15px;
    margin-right: -15px;
    font-weight: bold;
    border-left: 11px solid #f7f5f5;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

#menu-espace-prive .sub-menu li {
    margin-top: 0 !important;
    padding-right: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #e0e0e0;
    background: #f7f5f5;
    margin-left: -1px;
    margin-right: -10px
}

#menu-espace-prive .sub-menu li a {
    color: #154961 !important
}

#menu-espace-prive .current-menu-item,
#menu-espace-prive .menu-item:hover,
#menu-espace-prive .current-menu-ancestor {
    background: #225888;
    border-left: 11px solid #ffaa01;
}

#menu-espace-prive .current-menu-item a,
#menu-espace-prive .menu-item:hover a,
#menu-espace-prive .current-menu-ancestor a {
    color: #fff
}

#menu-espace-prive .sub-menu .menu-item:hover a {
    color: #fff !important
}

#menu-espace-prive .menu-item-has-children .sub-menu a {
    background: 0;
    padding: 0
}

.links-menu li a:hover {
    margin-left: 10px;
}

.private_menu a {
    display: block
}

.private_container .box-produits {
    height: 250px
}

.private_container .box_shadow:hover {
    border: 1px solid #6ea2ff !important
}

.private_container .head_sub_title h2 {
    padding-top: 0;
    color: #225888;
    font-family: 'Montserrat', 'tahoma', 'unset';
    padding-bottom: 0 !important
}

.box-other-info {
    padding-left: 18%;
    padding-top: 5px;
    padding-bottom: 5px
}

#um-submit-btn {
    min-width: 199px !important
}

#video iframe {
    width: 100%;
    height: 300px
}

.entry-header #video iframe {
    height: 235px !important
}

.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: none !important
}

.private_content .entry-content {
    padding: 0 !important
}

.wpfd-categories {
    padding-left: 5px
}

.wpfd-content-table h2 {
    padding: 10px 0 !important
}

.private_content .wpfd-content .head-category-table {
    padding: 8px 6px !important
}

.avatar .um-misc-ul {
    margin-bottom: 40px !important;
    text-align: center;
}

.um-misc-ul {
    margin-top: 14px
}

.um-misc-ul li {
    line-height: 23px
}

.um input[type=submit].um-button, .um input[type=submit].um-button:focus, .um a.um-button, .um a.um-button.um-disabled:hover, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:active, .um-request-button {
    background: #225888 !important
}

.um .um-tip:hover, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-member-name a:hover, .um .um-member-more a:hover, .um .um-member-less a:hover, .um .um-members-pagi a:hover, .um .um-cover-add:hover, .um .um-profile-subnav a.active, .um .um-item-meta a, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color {
    color: #225888 !important;
}

table .box-doc-content .details a {
    margin-left: 0rem !important;
    font-size: 13px;
}

table .box-doc-content {
    height: auto !important;
    display: table-cell !important;
}

.box-doc-content .details {
    position: initial !important;
    bottom: auto !important;
}

.tablepress .sorting:hover, .tablepress .sorting_asc, .tablepress .sorting_desc {
    background-color: #cdcdcd !important;
}

.tablepress tfoot th, .tablepress thead th {
    background-color: #f5f3f3 !important;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    background: #225888 !important;
    color: #fff !important;
    border: none !important;
}

.dt-buttons {
    margin-bottom: 1rem;
}

.stat-box {
    background: #f7f2f2;
    padding: 1rem;
    box-shadow: 0px 1px 5px 1px #eaeaea;
    line-height: 1.5rem;
}

.stat-box h3 {
    margin-bottom: 1.5rem;
}

.private_container .cloc_3 {
    background-color: #fff !important;
}

#main {
    display: table;
    width: 100%;
    height: 30vh;
    text-align: center;
}

.fof {
    display: table-cell;
    vertical-align: middle;
}

.fof h3 {
    display: inline-block;
    padding-right: 12px;
    animation: type .5s alternate infinite;
}

@keyframes type {
    from {
        box-shadow: inset -3px 0px 0px #FFAA01;
    }
    to {
        box-shadow: inset -3px 0px 0px transparent;
    }
}

/*Responsive*/
img {
    max-width: 100%;
    height: auto;
}

@media only screen and (min-width: 33.75em) {
    /* 540px */
    .container {
        width: 80%;
    }
}

@media only screen and (min-width: 45em) {
    /* 720px */
    .col-1 {
        width: 4.33%;
    }

    .col-2 {
        width: 12.66%;
    }

    .col-3 {
        width: 21%;
    }

    .col-4 {
        width: 29.33%;
    }

    .col-5 {
        width: 37.66%;
    }

    .col-6 {
        width: 46%;
    }

    .col-7 {
        width: 54.33%;
    }

    .col-8 {
        width: 62.66%;
    }

    .col-9 {
        width: 71%;
    }

    .col-10 {
        width: 79.33%;
    }

    .col-11 {
        width: 87.66%;
    }

    .col-12 {
        width: 96%;
    }

    .hidden-sm {
        display: block;
    }
}

@media only screen and (min-width: 60em) {
    /* 960px */
    .container {
        width: 75%;
        max-width: 60rem;
    }
}

.wds-pagination {
    margin: 20px auto 10px;
}

.wds-pagination a,
.wds-pagination span {
    color: #ffffff;
    display: inline-block;
    text-decoration: none;
    background-color: #a8a8a8;
    border-radius: 3px;
    cursor: pointer;
    margin: 0 2px;
    padding: 0px 10px;
    line-height: 32px;
}

.wds-pagination a:hover,
.wds-pagination span.current {
    background-color: #ffaa01;
}

.wds-pagination span.current {
    cursor: default;
}

.wds-pagination span:first-child {
    background-color: #fff;
    color: inherit;
}

.shadow{
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
}

.news-item{
    margin-bottom: 4em!important;
    border-radius: 15px;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}

.news-item .title{
    background: #fff;
    width: 90%;
    margin: 0 auto;
    bottom: 2em !important;
    border-radius: 15px;
    padding: 1em;
    position: absolute;
    margin: 1em 3%;
    
}

.absolute.bottom, .fixed.bottom {
    bottom: 0px;
    top: unset;
}

.absolute{
    position: absolute;
}



.news-item .title_cat{
    background: #fff;
    line-height: 25px;
    font-weight: bold;
}

.news-item .timer{
    font-size: 1.3rem;
    display: block;
    margin-bottom: 0.6rem;
    font-weight: 400;
    margin-top: 0;

}

.bgcover{
    background-position-y: 15px !important;
}

.news-item:hover{
    box-shadow: 0 2px 30px 5px rgb(39 38 38 / 45%);
}

.detailsv2 ul > li > ul > li{
    width: 200px;
    display: block !important;
    padding: 0px!important;
}


.detailsv2 ul > li > ul > li, .detailsv2 ul > li > ul > li{
    width: 200px!important;
    min-width: 100%!important;
}

.detailsv2 ul > li > ul > li > a{
    min-height: 0px!important;
}