/*
Theme Name: bootstrap-four-child
Theme URI: //bootstrap-four-child/
Description: Theme enfant de bootstrap-four par Alan
Author: Alan Gauthier
Template: bootstrap-four
Version: 0.1.0
*/
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light_0-webfont.woff2') format('woff2'),
         url('fonts/opensans-light_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight_italic';
    src: url('fonts/opensans-lightitalic_0-webfont.woff2') format('woff2'),
         url('fonts/opensans-lightitalic_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular_0-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/opensans-italic_0-webfont.woff2') format('woff2'),
         url('fonts/opensans-italic_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold_0-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibold_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('fonts/opensans-semibolditalic_0-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibolditalic_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold_0-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('fonts/opensans-bolditalic_0-webfont.woff2') format('woff2'),
         url('fonts/opensans-bolditalic_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('fonts/opensans-extrabold_0-webfont.woff2') format('woff2'),
         url('fonts/opensans-extrabold_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('fonts/opensans-extrabolditalic_0-webfont.woff2') format('woff2'),
         url('fonts/opensans-extrabolditalic_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayitalic';
    src: url('fonts/raleway-italic_0-webfont.woff2') format('woff2'),
         url('fonts/raleway-italic_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaymedium';
    src: url('fonts/raleway-medium_0-webfont.woff2') format('woff2'),
         url('fonts/raleway-medium_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaymedium_italic';
    src: url('fonts/raleway-mediumitalic_0-webfont.woff2') format('woff2'),
         url('fonts/raleway-mediumitalic_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayregular';
    src: url('fonts/raleway-regular_0-webfont.woff2') format('woff2'),
         url('fonts/raleway-regular_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ralewaysemibold';
    src: url('fonts/raleway-semibold_0-webfont.woff2') format('woff2'),
         url('fonts/raleway-semibold_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaysemibold_italic';
    src: url('fonts/raleway-semibolditalic_0-webfont.woff2') format('woff2'),
         url('fonts/raleway-semibolditalic_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaythin';
    src: url('fonts/raleway-thin_0-webfont.woff2') format('woff2'),
         url('fonts/raleway-thin_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaythin_italic';
    src: url('fonts/raleway-thinitalic_0-webfont.woff2') format('woff2'),
         url('fonts/raleway-thinitalic_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaylight';
    src: url('fonts/raleway-light_0-webfont.woff2') format('woff2'),
         url('fonts/raleway-light_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaylight_italic';
    src: url('fonts/raleway-lightitalic_0-webfont.woff2') format('woff2'),
         url('fonts/raleway-lightitalic_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayextralight';
    src: url('fonts/raleway-extralight_0-webfont.woff2') format('woff2'),
         url('fonts/raleway-extralight_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayextralight_italic';
    src: url('fonts/raleway-extralightitalic_0-webfont.woff2') format('woff2'),
         url('fonts/raleway-extralightitalic_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayblack';
    src: url('fonts/raleway-black_0-webfont.woff2') format('woff2'),
         url('fonts/raleway-black_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayblack_italic';
    src: url('fonts/raleway-blackitalic_0-webfont.woff2') format('woff2'),
         url('fonts/raleway-blackitalic_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaybold';
    src: url('fonts/raleway-bold_0-webfont.woff2') format('woff2'),
         url('fonts/raleway-bold_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaybold_italic';
    src: url('fonts/raleway-bolditalic_0-webfont.woff2') format('woff2'),
         url('fonts/raleway-bolditalic_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayextrabold';
    src: url('fonts/raleway-extrabold_0-webfont.woff2') format('woff2'),
         url('fonts/raleway-extrabold_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ralewayextrabold_italic';
    src: url('fonts/raleway-extrabolditalic_0-webfont.woff2') format('woff2'),
         url('fonts/raleway-extrabolditalic_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body{
	font-family: 'open_sansregular', Arial, sans-serif;
	color:#333;
	font-size: 14px;
}
a{
	color:#333;
}
a:focus, a:hover {
    text-decoration: none;
    color:#007197;
}
.container{
	margin-bottom: 0;
	max-width: 80rem;
}
.btn{
	border-radius: .15rem;
}
.green-background{
	background-color: #007197;
}
.green-text{
	color:#007197;
}
.blue-background{
	background-color: #007197;
}
.blue-text{
	color:#007197;
}
.page .entry-header {
	display: none;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    outline: none;
}
.post{
    padding-top: 15px;
}

/**********NINJA FORMS************/
.nf-form-cont .nf-before-form-content {
    padding: 20px 0;
}
.submit-form-button input[type="submit"],
.submit-form-button input[type="button"]{
	display: block;
	padding: 10px 20px;
    background: #007197;
    color:#fff;
    border: none;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.5);
    -o-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.5);
    -ms-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.5);
    margin: 0 auto 20px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
}
.submit-form-button input[type="submit"]:hover,
.submit-form-button input[type="button"]:hover{
	transform: scale(1.1,1.1);
}
/**********END NINJA FORMS************/

h1,h2,h3,h4{
    font-family: 'ralewayextrabold', Arial, sans-serif !important;
}

h1{
    font-size: 25px;
}

h2{
    font-size: 20px;
}

h3{
    font-size: 16px;
}

/*****************************************/
/**************HEADER*********************/
/*****************************************/
.bg-faded {
    background-color: #fff;
}
.navbar-light .navbar-nav .nav-link {
    color: #7a7a7a;
}
.btn-more-home a.elementor-button {
    border: none !important;
    background: none !important;
    font-size: 0.6em !important;
    color: #007197;
}
.navbar-brand{
    font-size: 1.85rem;
    font-weight: bold;
    margin-right:0;
    padding-left: 0;
    height: 70px;
    z-index: 10000;
}
.green-separation{
    border-bottom: solid 2px #007197;
    display: block;
    float: left;
    padding-top: 15px;
    width:100%;
    margin-bottom: 10px;
}
.container .search-form{
	padding-top: 22px;
	float:left;
}
@media (max-width:993px){
    .container .search-form{
	padding-top: 12px;
    }
}
.search-form .btn-secondary:hover, .search-form .btn-secondary:active, .search-form .btn-secondary:focus{
    border-color:#adadad;
    background:none;
    outline: none;
}
.container .form-control{
	padding: .175rem .75rem;
    font-size: 0.8rem;
}
input.form-control{
    -webkit-appearance: none !important;
}
#search-button-header{
    margin-bottom: 1px;
}
.page-id-802 #search-button-header {
    margin-bottom: 1px;
    padding: 6.5px 10px;
}
.search-form .btn{
	border-left: none;
	padding: .175rem .75rem;
	font-size: 0.8rem;
}
.form-control:focus {
    border:.0625rem solid #ccc;
}
.bloc-contact-header{
	text-align: center;
    padding-right: 0;
    font-family: 'ralewaysemibold', Arial, sans-serif;
}
.btn-contact-header{
	text-decoration: underline;
	color:#007197;
	text-transform: uppercase;
	font-weight: bold;
    font-size: 0.8em;
}
.bloc-contact-header .fa-lg{
	font-size: 0.7em;
}
.bloc-contact-header .info-contact{
	font-size: 0.75em;
	color: initial;
    display: inline-block;
    vertical-align: middle;
}


/*--------------- TEST MENU jQuery ------------------*/
.main-menu .menu{    
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    padding: 20px 0 0 !important;
}
.main-menu .sub-container {
    position:absolute;
    margin-left:0 !important;
    top: 20px !important;
    /*left:0 !important;*/
    right: 100%;
    z-index: 99999 !important;
    min-width: 100%;
}
.main-menu .dc-mega, .main-menu ul.menu > li{
    border-top: solid 2px #fff;
    border-left: solid 2px #fff;
    border-right: solid 2px #fff;
    border-bottom: none;
    background-color: #fff;
    border-bottom: solid 2px transparent;
}
.main-menu .dc-mega{
    padding: 0px 6px;
}
.main-menu ul{
    padding-left:0;
}
.main-menu ul.menu li{
    /*float:left;*/
    white-space: nowrap;
}
.main-menu ul.sub{
    border: 2px solid;
    background-color: #fff;
    position: absolute;
   /*padding: 10px 25px;*/
    padding: 10px;
    top: 9px;/*SA*/
    width:auto;
    min-width: 100%;
}

/*sub menu after 4th menu show left  */
.main-menu ul li:nth-child(n+5) ul.sub {
    right: 0%;
}
/*sub menu after 4th menu show left */

.main-menu .menu ul.sub .row{
    min-width: 100% !important;
    width: auto !important;
    margin: 0;
    display: flex;
    align-items: baseline;
}
.main-menu .mega-hdr{
    float:left;
    height:inherit !important;
    margin: 2px 10px;
}
.main-menu .mega-hdr > a, .main-menu ul.menu > li > a{
    font-variant: all-small-caps;
    font-family: 'ralewaysemibold', Arial, sans-serif;
    height:inherit !important;
    font-size: 1.4em;
    border-top: solid 2px #fff;
}
.main-menu li.mainMenu1, .main-menu li.mainMenu2, .main-menu li.mainMenu3, .main-menu li.mainMenu4, .main-menu li.mainMenu5, .main-menu li.mainMenu6, .main-menu li.mainMenu7, .main-menu li.mainMenu8{
    position:relative;
}
.main-menu li.mainMenu1 > .dc-mega, .main-menu li.mainMenu2 > .dc-mega, .main-menu li.mainMenu3 > .dc-mega, .main-menu li.mainMenu4 > .dc-mega, .main-menu li.mainMenu5 > .dc-mega, .main-menu li.mainMenu6 > .dc-mega, .main-menu li.mainMenu7 > .dc-mega, .main-menu li.mainMenu8 > .dc-mega {
    font-variant: all-small-caps;
    font-family: 'ralewaysemibold', Arial, sans-serif;
    position: relative;
}
.main-menu li.mainMenu1.mega-hover, .main-menu li.mainMenu2.mega-hover, .main-menu li.mainMenu3.mega-hover, .main-menu li.mainMenu4.mega-hover, .main-menu li.mainMenu5.mega-hover, .main-menu li.mainMenu6.mega-hover, .main-menu li.mainMenu7.mega-hover, .main-menu li.mainMenu8.mega-hover {
    z-index: 10002;
}
.main-menu li.current-menu-parent{
    position:relative;
}
.main-menu li.current-menu-parent > a.dc-mega{
    position: relative;
    z-index: 10002;
    padding-bottom:0px;
    font-family: 'ralewayblack', Arial, sans-serif;
}
.main-menu .sub li a{
    font-size:12px;
}
.main-menu li .mega-hdr > a{
    font-size: 1.2em;
}

/*
mainMenu1{ color: #007197 } - mairie
mainMenu2{ color: #ACCA46 } - demarches
mainMenu2{ color: #F18B32 } - urbanisme
mainMenu2{ color: #E81F8B } - enfance
mainMenu2{ color: #963784 } - senior
mainMenu2{ color: #E50065 } - culture
mainMenu2{ color: #0082B9 } - commerce
mainMenu2{ color: #00998D } - decouvri
*/

.main-menu .mainMenu1.mega-hover > .dc-mega, .main-menu .mainMenu1 > .dc-mega:hover, .main-menu .mainMenu1 > .dc-mega:active, .main-menu .mainMenu1 > .dc-mega:focus, .main-menu .mainMenu1 > .dc-mega.item-active{
    border-top-color:#007197 !important;
    border-left-color: #007197 !important;
    border-right-color: #007197 !important;
    color:#007197 !important;
    padding-bottom: 0px; /*SA*/
    border-bottom: none !important;
    z-index: 100001;
}
.main-menu .mainMenu1 ul.sub{
    border-color:#007197 ;
}
.main-menu .mainMenu1.current-menu-parent > a.dc-mega, .main-menu li.mainMenu1.current-menu-ancestor > a.dc-mega{
    color:#007197 !important;
    border-bottom:solid 2px #007197 ;
}
.main-menu .mainMenu1 .sub li a:hover, .main-menu .mainMenu1:hover > a{
    color:#007197 ;
}
.main-menu .mainMenu2.mega-hover > .dc-mega, .main-menu .mainMenu2 > .dc-mega:hover, .main-menu .mainMenu2 > .dc-mega:active, .main-menu .mainMenu2 > .dc-mega:focus, .main-menu .mainMenu2 > .dc-mega.item-active{
    border-top-color:#ACCA46 !important;
    border-left-color: #ACCA46 !important;
    border-right-color: #ACCA46 !important;
    color:#ACCA46 !important;
    padding-bottom: 0px; /*SA*/
    border-bottom: none !important;
    z-index: 100001;
}
.main-menu .mainMenu2 ul.sub{
    border-color:#ACCA46;
}
.main-menu .mainMenu2.current-menu-parent > a.dc-mega, .main-menu li.mainMenu2.current-menu-ancestor > a.dc-mega{
    color:#ACCA46 !important;
    border-bottom:solid 2px #ACCA46;
}
.main-menu .mainMenu2 .sub li a:hover, .main-menu .mainMenu2:hover > a{
    color:#ACCA46;
}
.main-menu .mainMenu3.mega-hover > .dc-mega, .main-menu .mainMenu3 > .dc-mega:hover, .main-menu .mainMenu3 > .dc-mega:active, .main-menu .mainMenu3 > .dc-mega:focus, .main-menu .mainMenu3 > .dc-mega.item-active{
    border-top-color:#F18B32 !important;
    border-left-color: #F18B32 !important;
    border-right-color: #F18B32 !important;
    color:#F18B32 !important;
    padding-bottom: 0px; /*SA*/
    border-bottom: none !important;
    z-index: 100001;
}
.main-menu .mainMenu3 ul.sub{
    border-color:#F18B32;
}
.main-menu .mainMenu3.current-menu-parent > a.dc-mega, .main-menu li.mainMenu3.current-menu-ancestor > a.dc-mega{
    color:#F18B32 !important;
    border-bottom:solid 2px #F18B32;
}
.main-menu .mainMenu3 .sub li a:hover, .main-menu .mainMenu3:hover > a{
    color:#F18B32;
}
.main-menu .mainMenu4.mega-hover > .dc-mega, .main-menu .mainMenu4 > .dc-mega:hover, .main-menu .mainMenu4 > .dc-mega:active, .main-menu .mainMenu4 > .dc-mega:focus, .main-menu .mainMenu4 > .dc-mega.item-active{
    border-top-color:#E81F8B!important;
    border-left-color: #E81F8B!important;
    border-right-color: #E81F8B!important;
    color:#E81F8B !important;
    padding-bottom: 0px; /*SA*/
    border-bottom: none !important;
    z-index: 100001;
}
.main-menu .mainMenu4 ul.sub{
    border-color:#E81F8B;
}
.main-menu .mainMenu4.current-menu-parent > a.dc-mega, .main-menu li.mainMenu4.current-menu-ancestor > a.dc-mega{
    color:#E81F8B!important;
    border-bottom:solid 2px #E81F8B;
}
.main-menu .mainMenu4 .sub li a:hover, .main-menu .mainMenu4:hover > a{
    color:#E81F8B;
}
.main-menu .mainMenu5.mega-hover > .dc-mega, .main-menu .mainMenu5 > .dc-mega:hover, .main-menu .mainMenu5 > .dc-mega:active, .main-menu .mainMenu5 > .dc-mega:focus, .main-menu .mainMenu5 > .dc-mega.item-active{
    border-top-color:#963784 !important;
    border-left-color: #963784 !important;
    border-right-color: #963784 !important;
    color:#963784 !important;
    padding-bottom: 0px; /*SA*/
    border-bottom: none !important;
    z-index: 100001;
}
.main-menu .mainMenu5 ul.sub{
    border-color:#963784;
}
.main-menu .mainMenu5.current-menu-parent > a.dc-mega, .main-menu li.mainMenu5.current-menu-ancestor > a.dc-mega{
    color:#963784 !important;
    border-bottom:solid 2px #963784;
}
.main-menu .mainMenu5 .sub li a:hover, .main-menu .mainMenu5:hover > a{
    color:#963784;
}
.main-menu .mainMenu6.mega-hover > .dc-mega, .main-menu .mainMenu6 > .dc-mega:hover, .main-menu .mainMenu6 > .dc-mega:active, .main-menu .mainMenu6 > .dc-mega:focus, .main-menu .mainMenu6 > .dc-mega.item-active{
    border-top-color:#E50065 !important;
    border-left-color: #E50065 !important;
    border-right-color: #E50065 !important;
    color:#E50065 !important;
    padding-bottom: 0px; /*SA*/
    border-bottom: none !important;
    z-index: 100001;
}
.main-menu .mainMenu6 ul.sub{
    border-color:#E50065;
}
.main-menu .mainMenu6.current-menu-parent > a.dc-mega, .main-menu li.mainMenu6.current-menu-ancestor > a.dc-mega{
    color:#E50065 !important;
    border-bottom:solid 2px #E50065;
}
.main-menu .mainMenu6 .sub li a:hover, .main-menu .mainMenu6:hover > a{
    color:#E50065;
}
.main-menu .mainMenu7.mega-hover > .dc-mega, .main-menu .mainMenu7 > .dc-mega:hover, .main-menu .mainMenu7 > .dc-mega:active, .main-menu .mainMenu7 > .dc-mega:focus, .main-menu .mainMenu7 > .dc-mega.item-active{
    border-top-color:#0082B9 !important;
    border-left-color: #0082B9 !important;
    border-right-color: #0082B9 !important;
    color:#0082B9 !important;
    padding-bottom: 0px; /*SA*/
    border-bottom: none !important;
    z-index: 100001;
}
.main-menu .mainMenu7 ul.sub{
    border-color:#0082B9;
}
.main-menu .mainMenu7.current-menu-parent > a.dc-mega, .main-menu li.mainMenu7.current-menu-ancestor > a.dc-mega{
    color:#0082B9 !important;
    border-bottom:solid 2px #0082B9;
}
.main-menu .mainMenu7 .sub li a:hover, .main-menu .mainMenu7:hover > a{
    color:#0082B9;
}
.main-menu .mainMenu8.mega-hover > .dc-mega, .main-menu .mainMenu8 > .dc-mega:hover, .main-menu .mainMenu8 > .dc-mega:active, .main-menu .mainMenu8 > .dc-mega:focus, .main-menu .mainMenu8 > .dc-mega.item-active{
    border-top-color:#00998D !important;
    border-left-color: #00998D !important;
    border-right-color: #00998D !important;
    color:#00998D !important;
    padding-bottom: 0px; /*SA*/
    border-bottom: none !important;
    z-index: 100001;
}
.main-menu .mainMenu8 ul.sub{
    border-color:#00998D;
}
.main-menu .mainMenu8.current-menu-parent > a.dc-mega, .main-menu li.mainMenu8.current-menu-ancestor > a.dc-mega{
    color:#00998D !important;
    border-bottom:solid 2px #00998D;
}
.main-menu .mainMenu8 .sub li a:hover, .main-menu .mainMenu8:hover > a{
    color:#00998D;
}
.main-menu .mainMenu1.current-menu-parent.mega-hover a.dc-mega, .main-menu .mainMenu2.current-menu-parent.mega-hover a.dc-mega, .main-menu .mainMenu3.current-menu-parent.mega-hover a.dc-mega, .main-menu .mainMenu4.current-menu-parent.mega-hover a.dc-mega, .main-menu .mainMenu5.current-menu-parent.mega-hover a.dc-mega, .main-menu .mainMenu6.current-menu-parent.mega-hover a.dc-mega, .main-menu .mainMenu7.current-menu-parent.mega-hover a.dc-mega, .main-menu .mainMenu8.current-menu-parent.mega-hover a.dc-mega, .main-menu li.mainMenu1.current-menu-ancestor.mega-hover > a.dc-mega, .main-menu li.mainMenu2.current-menu-ancestor.mega-hover > a.dc-mega, .main-menu li.mainMenu3.current-menu-ancestor.mega-hover > a.dc-mega, .main-menu li.mainMenu4.current-menu-ancestor.mega-hover > a.dc-mega,.main-menu li.mainMenu5.current-menu-ancestor.mega-hover > a.dc-mega, .main-menu li.mainMenu6.current-menu-ancestor.mega-hover > a.dc-mega,.main-menu li.mainMenu7.current-menu-ancestor.mega-hover > a.dc-mega,.main-menu li.mainMenu8.current-menu-ancestor.mega-hover > a.dc-mega {
    border-bottom: none;
}

/* Responsive-Toggle */
#menu-mobile{
    position: absolute;
    top: 22px;
    right: 0;
    width: 100%;
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
}
#menu-mobile .dropdown-toggle:after{
    display: none;
}
#menu-mobile .dropdown .dropdown-menu{
    width:100%;
    border-radius: 0;
    z-index: 10003;
    margin-top: 10px;
}
#menu-mobile .dropdown-toggle{
    position: relative;
    left: 95%;
    display: inline-block;
    z-index: 10000;
}
#menu-mobile .dropdown-menu .main-menu ul.menu li {
    white-space: normal;
    float: none;
    width: 100%;
    margin-bottom: 20px;
}
#menu-mobile .main-menu .dc-mega{
    border:none;
    padding:0;
}
#menu-mobile .main-menu .menu{
    display: block;
    padding: 6px 25px !important;
}
#menu-mobile .main-menu ul.sub {
    border: none;
    position: relative;
    top: 0;
    left: 10px;
    padding: 0 0px 0 5px;
    border-left: solid 1px #ddd;
}
#menu-mobile .main-menu .sub-container{
    position:relative;
    top:0 !important;
    left:0 !important;
}
#menu-mobile .main-menu .menu ul.sub .row{
    display: block;
}
#menu-mobile .main-menu .mainMenu1 > a{
    color:#007197;
}
#menu-mobile .main-menu .mainMenu2 > a{
    color:#ACCA46;
}
#menu-mobile .main-menu .mainMenu3 > a{
    color:#F18B32;
}
#menu-mobile .main-menu .mainMenu4 > a{
    color:#D5328A;
}
#menu-mobile .main-menu .mainMenu5 > a{
    color:#963784;
}
#menu-mobile .main-menu .mainMenu6 > a{
    color:#E50065;
}
#menu-mobile .main-menu .mainMenu7 > a{
    color:#0082B9;
}
#menu-mobile .main-menu .mainMenu8 > a{
    color:#00998D;
}

#contact-mobile{
    width: 100%;
    clear: both;
    background-color: #E8E8E8;
    padding: 8px 0;
    text-align: center;
    cursor: pointer;
}
#contact-mobile .dropdown-toggle{
    font-weight: bold;
}
#contact-mobile .dropdown-menu{
    position: inherit;
    padding: 6px 0 0px 8px;
    background-color: #323232;
    border-radius: 0;
    margin-top: 7px;
    border: none;
    width:100%;
}
#contact-mobile .dropdown-menu a{
    color:#fff;
    float:none;
    clear:both;
    display: block;
    width:100%;
    border-bottom: solid 1px #fff;
    padding: 6px;
}
#contact-mobile .dropdown-menu a.last-item{
    border-bottom: none;
}
/*--------------- END TEST MENU jQuery ------------------*/


/* VERTICAL MENU */
#vertical-menu {
    padding:0;
}
#vertical-menu .main-menu{
    padding-right: 0;
    padding-bottom: 60px;
    margin-bottom: 20px;
}
/*SA: added by jquery,by checking border left or right of vertical menu required
#vertical-menu ~ .elementor {
    border-left: solid 2px #ccc;
}*/
#vertical-menu .main-menu{
    padding-top: 20px;
}
#vertical-menu .main-menu > li.mega-menu-item,
#vertical-menu .main-menu .menu li{
    width:100%;
    margin: 0;
    text-align: right;
    float: none;
    white-space: normal;
    border-right: none;
    border-left: none;
}
#vertical-menu .main-menu .mega-hdr:not(:first-child) {
    margin-top: 15px;
}
#vertical-menu li .sub-menu{
    width: 100%;
    margin-top: 0;
}
#vertical-menu li a{
    padding-right: 20px;
}
#vertical-menu .main-menu .mega-hdr > a, #vertical-menu .main-menu ul.menu > li > a{
    font-variant: normal;
    font-size:1.0em;
}
#vertical-menu .main-menu .menu > li:not(.current-menu-ancestor){
    display:none !important;
}
#vertical-menu .main-menu .menu > li.current_page_item{
    display: block !important;
}
#vertical-menu .main-menu .menu li.current-page-ancestor li{
    display:block !important;
}
#vertical-menu .main-menu .menu .current-menu-parent > a.dc-mega{
    color:#333;
    border-bottom:none;
}
#vertical-menu .main-menu .menu ul.sub {
    border: none;
    padding: 0;
    position: relative;
    display: block !important;
}
#vertical-menu .main-menu .menu .sub-container {
    position: relative;
    width: 100%;
    min-width: inherit;
    display: inline-block;
    top: 0 !important;
    right: 0;
}
#vertical-menu .main-menu .menu ul.sub .row{
    width:100% !important;
    margin: 0;
    display: block;
}
#vertical-menu .main-menu .menu .current_page_item{
    background-color: #F2F2F2;
}
#vertical-menu .main-menu .menu .current_page_item > a, #vertical-menu .main-menu .menu > .current_page_ancestor > a, #vertical-menu .main-menu .menu > .current-menu-ancestor > a{
    width: 100%;
    padding: 4px 20px 4px 10px;
    border-right: none;
    border-left: none;
}
#vertical-menu .main-menu .menu li > .dc-mega:hover, .main-menu li > .dc-mega, #vertical-menu .main-menu li.current-menu-ancestor > a.dc-mega{
    color:#333 !important;
    font-family: 'ralewaybold', Arial, sans-serif;
    font-size: 1.2em;
    font-variant: normal;
}
#vertical-menu .main-menu .menu .mainMenu1.current_page_item > a, #vertical-menu .main-menu .menu > .mainMenu1.current_page_ancestor > a, #vertical-menu .main-menu .menu > .mainMenu1.current-menu-ancestor > a, #vertical-menu .main-menu .menu .dc-mega{
    background-color: rgba(63, 169, 245, 0.2) !important;
    border-bottom: solid 1px #007197 !important;
    border-top: solid 1px #007197 !important;
}
#vertical-menu .main-menu .menu .mainMenu2.current_page_item > a, #vertical-menu .main-menu .menu > .mainMenu2.current_page_ancestor > a, #vertical-menu .main-menu .menu > .mainMenu2.current-menu-ancestor > a, #vertical-menu .main-menu .menu .dc-mega{
    background-color: rgba(172, 202, 70, 0.2) !important;
    border-bottom: solid 1px #ACCA46 !important;
    border-top: solid 1px #ACCA46 !important;
}
#vertical-menu .main-menu .menu .mainMenu3.current_page_item > a, #vertical-menu .main-menu .menu > .mainMenu3.current_page_ancestor > a, #vertical-menu .main-menu .menu > .mainMenu3.current-menu-ancestor > a, #vertical-menu .main-menu .menu .dc-mega{
    background-color: rgba(241, 139, 50, 0.2) !important;
    border-bottom: solid 1px #F18B32 !important;
    border-top: solid 1px #F18B32 !important;
}
#vertical-menu .main-menu .menu .mainMenu4.current_page_item > a, #vertical-menu .main-menu .menu > .mainMenu4.current_page_ancestor > a, #vertical-menu .main-menu .menu > .mainMenu4.current-menu-ancestor > a, #vertical-menu .main-menu .menu .dc-mega{
    background-color: rgba(213, 50, 138, 0.2) !important;
    border-bottom: solid 1px #D5328A !important;
    border-top: solid 1px #D5328A !important;
}
#vertical-menu .main-menu .menu .mainMenu5.current_page_item > a, #vertical-menu .main-menu .menu > .mainMenu5.current_page_ancestor > a, #vertical-menu .main-menu .menu > .mainMenu5.current-menu-ancestor > a, #vertical-menu .main-menu .menu .dc-mega{
    background-color: rgba(150, 55, 132, 0.2) !important;
    border-bottom: solid 1px #963784 !important;
    border-top: solid 1px #963784 !important;
}
#vertical-menu .main-menu .menu .mainMenu6.current_page_item > a, #vertical-menu .main-menu .menu > .mainMenu6.current_page_ancestor > a, #vertical-menu .main-menu .menu > .mainMenu6.current-menu-ancestor > a{
    background-color: rgba(229, 0, 101, 0.2) !important;
    border-bottom: solid 1px #E50065 !important;
    border-top: solid 1px #E50065 !important;
}
#vertical-menu .main-menu .menu .mainMenu7.current_page_item > a, #vertical-menu .main-menu .menu > .mainMenu7.current_page_ancestor > a, #vertical-menu .main-menu .menu > .mainMenu7.current-menu-ancestor > a{
    background-color: rgba(0, 130, 185, 0.2) !important;
    border-bottom: solid 1px #0082B9 !important;
    border-top: solid 1px #0082B9 !important;
}
#vertical-menu .main-menu .menu .mainMenu8.current_page_item > a, #vertical-menu .main-menu .menu > .mainMenu8.current_page_ancestor > a, #vertical-menu .main-menu .menu > .mainMenu8.current-menu-ancestor > a{
    background-color: rgba(0, 153, 141, 0.2) !important;
    border-bottom: solid 1px #00998D !important;
    border-top: solid 1px #00998D !important;
}
/* END VERTICAL MENU */

.category-title{
    font-family: 'ralewaysemibold', Arial, sans-serif;
    font-size: 1.2em;
}
.en-un-clic{
	padding-top:20px;
	overflow: hidden;
    margin-bottom: 0;
}
.en-un-clic .green-separation{
    float:right;
}
nav.navbar {
    margin-bottom: 0 !important;
    padding-bottom:0 !important;
}
.circle-item, .border-circle-item{
	display:block;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	position:relative;
	margin: 0 auto;
}
.circle-item{
	width:50px;
	height:50px;
	background-color: #9FA0A2;
	top: -80px;
}
.more-visited-menu .border-circle-item, .second-menu-home .border-circle-item{
	width: 64px;
    height: 64px;
    border: solid 2px;
    top: -7px;
    left: -7px;
} 
.more-visited-menu .border-circle-item{
	border-color:#FFF;
}
.second-menu-home .border-circle-item{
	border-color:#F2F2F2;
}
#menu-more-visited-menu{
	margin-bottom: -40px;
	display: flex;
    justify-content: center;
    width:100%;
    padding-right:10px;
}
.more-visited-menu{
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding-top: 80px;
    overflow: hidden;
}
.second-menu-home{
	padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
	background-color: #F2F2F2;
	border-top:solid 2px #CCC;
    border-bottom:solid 2px #CCC;
    position: relative;
    top: -18px;
}
.more-visited-menu .menu{
	padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.more-visited-menu li{
    width: 108px;
}
.more-visited-menu a{
	color: #999;
	font-size: 0.75em;
	font-family: 'ralewaysemibold', Arial, sans-serif;
	text-align: center;
	position: relative;
    width: 120px;
}
.more-visited-menu a:hover{
	color:inherit;
	text-decoration: none;
}
.more-visited-menu a i{
    color: #f2f2f2;
    width: 100% !important;
    position: absolute;
    top: -39px;
    left: 1px;
    z-index: 100;
}

.more-visited-menu .rose1 a:hover{
    color:#007197!important;
}
.more-visited-menu .rose1 a:hover .circle-item{
    background: #007197;
}
.more-visited-menu .rose1 a:hover .border-circle-item{
    border-color:#007197;
}
/**************END-HEADER*****************/


/**************HOME-CONTENT***************/
.entry-content ul{
    display: inline-block;
    clear:both;
}

.title-box-home, h1{
    font-family: 'ralewayextrabold', Arial, sans-serif !important;
    font-size: 20px !important;
    margin-bottom: 15px !important;
    width:auto;
}
.mediatheque .title-box-home{
    font-size: 15px !important;
    width: 100% !important;
}
.mediatheque .title-blue-sep{
    margin-bottom:20px;
}
.capitalize{
    text-transform: capitalize;
}

/* SA */
.elementor-widget-heading .elementor-heading-title{
    font-family: 'ralewayextrabold', Arial, sans-serif !important;
    margin-bottom: 15px !important;
    width:auto;
}
@media screen and (min-width: 768px){
	.elementor-widget-heading h1.elementor-heading-title{
	    white-space: nowrap;
	}
}

.elementor-widget-heading h1, .elementor-widget-text-editor h1{
    font-size: 22px;
}

.elementor-widget-heading h2, .elementor-widget-text-editor h2{
    font-size: 18px;
}

.elementor-widget-heading h3, .elementor-widget-text-editor h3{
    font-size: 12px;
}
#vertical-menu li > ul li{
    font-style: italic;
}
/* SA */

.elementor-section-wrap h3{
    font-size:1.15em !important;
    text-transform: uppercase;
}
.type-page .elementor-widget-container{
    width: 100%;

}
.elementor-widget-heading .elementor-heading-title{
    display: table;
    margin-right: 10px !important;
    padding-right: 10px !important;
}
.title-green-sep{
	border-bottom: solid 2px #007197;
    padding-top: 15px;
    width:100%;
    display: block;
    margin-bottom: 15px;
}
.title-blue-sep{
    border-bottom: solid 2px #007197;
    padding-top: 15px;
    width:100%;
    display: block;
    margin-bottom: 15px;
}
.title-black-sep{
    border-bottom: solid 2px #323232;
    padding-top: 15px;
    width:100%;
    display: block;
    margin-bottom: 15px;
}
.title-page-sep{
    border-bottom: solid 2px #323232;
    width: 100%;
    padding:0 5px;
    display: inline-block;
}
#animations, #dossier, #page-animations-animations{
	border-right: solid 1px #ccc;
}
#animations, #dossier, #actualities, #atrium-expositions, #services, #kiosque {
	margin-bottom:40px;
}
#actualities .cat-post-item, #animations .cat-post-item, #atrium-spectacles .cat-post-item, #atrium-expositions .cat-post-item, #services .cat-post-item,  #kiosque .cat-post-item, #page-animations-mediatheque .cat-post-item{
	border-bottom:none !important;
}
#services{
    min-height:290px;
}
#services ul li a, #services ul li a .cat-post-thumbnail, #services ul li a .cat-post-crop, #services ul li a .cat-post-item img{
	display: block;
    width: 100% !important;
    height: 100% !important;
}
#category-posts-7-internal .cat-post-item img{
    margin-left: 0 !important;
    width: auto !important;
    height: 100% !important;
}
#animations ul {
    margin-bottom: -20px;
    width:100%;
}
#animations ul .cat-post-item{
    padding:3px 5px;
    min-height: 240px;
}
#animations ul .cat-post-thumbnail {
    overflow: hidden;
    height: 160px;
    width: 220px;
}
#animations ul .cat-post-crop {
    width: 100% !important;
    height: 100% !important;
    display: flex;
    align-items: inherit;
    justify-content: flex-end;
}
#animations ul .cat-post-item img {
    width: 100% !important;
    height: auto !important;
}
.category-posts-internal .cat-post-item .cat-post-title,
#category-posts-8-internal .cat-post-item .cat-post-title,
#category-posts-7-internal .cat-post-item .cat-post-title {
	    overflow: visible !important; 
	        padding-bottom: 0 !important;
		    display: block !important;
		        text-align: center;
			    font-size: 13px !important;
		    }
#animations ul .cat-post-title, #atrium-spectacles ul .cat-post-title {
    clear: both;
    float: none;
    display: block;
}
#animations ul .cat-post-date{
    font-style: normal;
    text-transform: capitalize;
}
#animations .cat-post-everything-is-link{
    display:block;
    height:220px;
    width:100%;
}
#actualities .category-posts-internal{
    max-height: 460px;
    overflow: hidden;
    padding-right: 4px;
    width: 100%;
    clear: both;
}
#actualities{
    margin-bottom: 60px;
    min-height:500px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -2px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -16px;
}
#actualities .cat-post-title, #animations .cat-post-title, #dossier .cat-post-title, #atrium-spectacles .cat-post-title, #atrium-expositions .cat-post-title, #services .cat-post-title, #kiosque .cat-post-title, #page-animations-animations .cat-post-title, #page-animations-prochainement .cat-post-title, #page-animations-mediatheque .cat-post-title{
    font-size: 14px !important;
    font-family: 'open_sansextrabold', Arial, sans-serif;
}
#animations .cat-post-everything-is-link, #actualities .cat-post-item p{
	font-size: 12px;
}
#dossier{
    clear:both;
}
#dossier .cat-post-item img{
	width:100% !important;
    max-height: 350px !important;
    margin: 0 auto !important;
}
#social-bloc .title-box-home, #form-contact-bloc .title-box-home{
    background: #E6E6E6;
}
#social-bloc .textwidget{
	height: 610px;
	overflow: hidden;
}
.learn-more{
	text-align:right;
	color:initial;
    position: relative;
    bottom: 4px;
}
.learn-more .underscore{
    border-bottom: solid 1px #ccc;
    width: 80%;
    display: block;
    float: left;
    padding-top: 11px;
}
#actualities ul li .learn-more .underscore{
    width:58% !important;
}
.entry-header .title-black-sep ~ .title-learn-more{
    top: 19px;
    right: 15px;
}
.learn-more .title-learn-more, .title-box-home .title-learn-more, .title-learn-more{
    font-family: 'open_sansitalic', Arial, sans-serif;
    font-size: 11px;
    text-align: right;
    padding-right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    vertical-align: middle;
    float: right;
    width: auto;
    background: #fff;
    position: absolute;
    top: 0;
    right: 4px;
    padding-left: 10px;
}
.title-learn-more .fa{
	padding-left:6px;
}
.btn-learn-more{
    float: right;
}
.btn-learn-more, .title-box-home .title-learn-more span{
    display: block;
    padding-right: 4px;
    font-family: 'open_sansitalic', Arial, sans-serif;
    font-size: 11px;
    text-align: right;
}
.title-dossier{
    position: absolute;
    background: #fff;
    float: left;
    padding-right: 10px;
}
#dossier .icone-dossier{
	position: absolute;
    top: -28px;
    left: -5px;
    width: 120px;
}
.title-box-home{
    float:left;
    background: #fff;
    padding-right: 10px;
    position: absolute;
}
#atrium-spectacles .cat-post-item{
	padding:3px 8px !important;
}
.grey-sep-atrium{
	width: 40%;
    height: 2px;
    background-color: #ccc;
    margin: 0 auto 10px;
    display: flex;
}
#atrium-spectacles .cat-post-thumbnail {
    width: 220px !important;
    height: 165px !important;
}
#atrium-spectacles .cat-post-crop {
    overflow: hidden;
    display: block;
    width: 100% !important;
    height: 100% !important;
}
#atrium-spectacles .cat-post-item img {
    margin: initial !important;
    width: 100% !important;
    height: 100% !important;
}
#atrium-spectacles ul .cat-post-date, #atrium-expositions ul .cat-post-date {
    font-style: normal;
    text-transform: capitalize;
}
#atrium-spectacles .cat-post-everything-is-link p{
    margin-bottom:0;
}
.separation-atrium{
    display: block;
    border-bottom: solid 1px #ccc;
    max-width: 200px;
    margin: auto;
}
#atrium-expositions .cat-post-thumbnail {
    width: 150px !important;
    height: 135px !important;
}
#atrium-expositions .cat-post-crop {
    overflow: hidden;
    display: block;
    width: 100% !important;
    height: auto !important;
}
#atrium-expositions .cat-post-item img {
    margin: initial !important;
    width: 100% !important;
    height: 100% !important;
}
#atrium-expositions .cat-post-title{
    padding-top: 15px;
    display: inline-block;
}
#services .cat-post-title{
	display: block;
	text-align: center;
	font-size: 13px !important;
}
#services ul{
	display: flex;
    justify-content: center;
    width: 100%;
    padding-left: 0;
}
#services ul li{
	width:20%;
	padding:0 1% !important;
	float:left;
	height:200px;
}
#services ul li:last-child{
	padding-right:0 !important;
}
#services ul li:first-child{
	padding-left:0 !important;
}
#kiosque .cat-post-title{
	display: block;
	text-align: center;
	font-size: 13px !important;
    max-width: 140px;
    white-space: normal;
}
#kiosque ul {
    height: 300px;
    overflow: auto;
    width: 100%;
    white-space: nowrap;
    padding-left:0;
}
#kiosque ul li{
    float:left;
    margin:0 50px 0 0 !important;
}
#kiosque ul li:last-child{
    margin-right:0 !important;
}
#kiosque ul li .cat-post-thumbnail{
    margin:5px 0 !important;
}
.bloc-form-contact-home{
	background-color: #e6e6e6;
	padding:20px;
}
.bloc-form-contact-home .textwidget, .bloc-form-contact-home .gform_wrapper{
	padding-left:30px;
}
.onglet{
    display:inline-block;
	padding: 3px 20px;
    cursor:pointer;
    border-right:solid 2px #999;
	border-left:solid 2px #999;
	border-top:solid 2px #999;
	background:#e6e6e6;
	color:#999999;
}
.contenu_onglet{
	width:100%;
	height:570px;
	overflow: hidden;
	background-color:#e6e6e6;
    border:2px solid #999;
    margin-top:-4px;
    padding:20px;
}
#social_ville, #social_atrium{
    height:570px;
}
.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}
.nav>li {
    position: relative;
    display: block;
}
#gform_1 .gform_footer{
    padding-bottom: 0;
}
#gform_1 .textarea-form-home textarea{
    height: 17.7em;
}
#gform_1 input[type="text"], #gform_1 textarea{
    padding: 8px 10px;
}

/****************PAGE ELUS*******************/

#form-contact-bloc-elu #gform_2 ul, #form-contact-bloc-elu #gform_wrapper_2{
    width:100%;
}
#form-contact-bloc-elu .cont-form-elu{
    padding-left:0;
    padding-right:0;
}


/***********PAGE DELIBERATIONS************/
#pdf-deliberations .elementor-icon-list-items li a{
    display:table;
}
#pdf-deliberations .elementor-icon-list-items li .elementor-icon-list-icon{
    width: 100%;
    display: block;
    margin: 0 auto 5px;
}
#pdf-deliberations .elementor-icon-list-items li .elementor-icon-list-text{
    display: block;
    text-align: center;
    margin: 0 auto;
    padding-left: 0;
}

/*************PAGE ANIMATIONS*************/
#page-animations-animations{
    height: 935px;
    overflow: hidden;
    border-right: none;
    border-left: solid 1px #ccc;
}
#page-animations-animations ul{
    height: 905px;
    width: 100%;
}
#page-animations-animations ul, #page-animations-animations .title-box-home, #page-animations-prochainement .title-box-home, #page-animations-mediatheque .title-box-home, #page-animations-prochainement ul, #page-animations-mediatheque ul{
    padding-left:0;
}
#page-animations-animations .title-green-sep, #page-animations-prochainement .title-blue-sep, #page-animations-mediatheque .title-blue-sep{
    float:right;
}
#page-animations-animations ul .mCSB_horizontal.mCSB_inside > .mCSB_container{
    height:860px;
    max-width:750px;
}
#page-animations-animations .mCustomScrollBox{
    max-height:890px;
}
#page-animations-animations ul li{
    padding:3px 0 !important;
    margin-bottom:10px !important;
    border-bottom: none !important;
    float:left;
    max-width: 268px;
    max-height: 250px;
    width: 31%;
}
#page-animations-animations ul li:not(:nth-child(3n+3)){
    margin-right:2%;
}
#page-animations-animations ul li a.cat-post-everything-is-link {
    display: inline-block;
}
#page-animations-animations ul li .cat-post-thumbnail{
    overflow: hidden;
    margin-right:0;
}
#page-animations-animations ul li .cat-post-item img{
    width:100% !important;
}
#page-animations-animations ul li p{
    font-size:12px;
    max-height: 36px;
    overflow: hidden;
}
#page-animations-animations ul li .cat-post-date{
    text-transform: capitalize;
    font-style: normal;
}
#page-animations-animations ul li .learn-more, #page-animations-mediatheque ul li .learn-more{
    margin-top: -12px;
}
#page-animations-animations ul li .learn-more .underscore{
    width:60%;
}
#page-animations-prochainement{
    margin-bottom:20px;
}
#page-animations-prochainement .cat-post-thumbnail{
    margin:0 0 5px 0 !important;
}
#page-animations-prochainement .lien-prochainement{
    display: inline-block;
    padding-top: 10px;
}
#page-animations-prochainement .cat-post-crop {
    width: 100% !important;
    display: flex !important;
    align-items: center;
    background-color: #f8f8f8;
}
#page-animations-prochainement .cat-post-item img {
    width: 100% !important;
    margin: initial !important;
    height: auto !important;
}
#page-animations-mediatheque .title-box-home{
    width:51%;
}
#page-animations-mediatheque .title-blue-sep{
    padding-top: 35px;
}
#page-animations-mediatheque ul{
    height:280px;
    width:100%;
}
#page-animations-mediatheque ul .cat-post-item{
    padding:0;
    margin:0;
    margin-bottom:10px;
}
#page-animations-mediatheque ul .cat-post-item p{
    margin-top:0;
}
#page-animations-mediatheque ul li .learn-more .underscore{
    width:70%;
}


/*************DETAIL-ACTUALITE************/
/*************DETAIL-ANIMATION************/
.entry-header{
    margin-bottom: 15px;
}
#detail-actualite, #detail-animation{
    padding-top: 30px;
}
#detail-actualite .title-learn-more, #detail-animation .title-learn-more{
    top:35px;
}
#detail-actualite ul, #detail-animation ul{
    padding-left:0;
    margin: 0 auto;
    display: block;
}
#detail-actualite .cat-post-item, #detail-animation .cat-post-item{
    padding:3px 8px !important;
    border-bottom: none !important;
    overflow: hidden;
}
#detail-actualite .cat-post-thumbnail, #detail-animation .cat-post-thumbnail{
    margin-right:0 !important;
}
#detail-actualite .cat-post-thumbnail span, #detail-animation .cat-post-thumbnail span{
    height: 150px;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color: #f9f9f9;
}
#detail-actualite .cat-post-item img, #detail-animation .cat-post-item img{
    margin: 0 auto !important;
    display: block;
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto;
}
#detail-actualite .cat-post-title, #detail-animation .cat-post-title{
    text-align: center;
    display: block;
    margin: 0 auto 8px;
    font-weight:bold;
}
#detail-actualite .cat-post-item p, #detail-animation .cat-post-item p{
    font-size:11px;
}
#detail-actualite .cat-post-current .cat-post-title, #detail-animation .cat-post-current .cat-post-title{
    text-transform:none !important;
}
/*************END DETAIL-ACTUALITE************/
/*************END DETAIL-ANIMATION************/

/************* SA- PAGE ATRIUM*************/
#page-atrium-spectacles{
    /*max-height: 1230px;*/
    overflow: hidden;
    border-right: solid 1px #ccc;
}
#page-atrium-spectacles ul{
    width:100%;
    height:935px;
}
#page-atrium-spectacles ul, #page-atrium-spectacles .title-box-home, #page-atrium-expositions .title-box-home, #page-atrium-expositions ul{
    padding-left:0;
}
#page-animations-animations .title-green-sep, #page-atrium-expositions .title-blue-sep{
    float:right;
}
#page-animations-animations ul .mCSB_horizontal.mCSB_inside > .mCSB_container{
    height:860px;
    max-width:750px;
}
#page-atrium-spectacles .mCustomScrollBox{
    max-height:890px;
}
#page-atrium-spectacles ul li{
    padding:3px 0 !important;
    margin-bottom:8px !important;
    overflow: hidden;
    border-bottom: none !important;
    float:left;
    width: 228px;
    min-height:300px;
}
#page-atrium-spectacles ul li:not(:nth-child(3n+3)){
    margin-right:12px;
}
#page-atrium-spectacles ul li .cat-post-everything-is-link{
    width: 100%;
    height: 100%;
}
#page-atrium-spectacles ul li .cat-post-thumbnail{
    overflow: hidden;
    margin-right:0;
    max-height: 180px !important;
    width: 100% !important;
    display: inline-block;
    border: solid 1px #eee;
}
#page-atrium-spectacles ul li .cat-post-crop{
    width: 100%;
}
#page-atrium-spectacles ul li .cat-post-thumbnail .cat-post-crop img{
    width: auto !important;
    max-width:100%;
    margin: 0 auto !important;
    height: auto !important;
    max-height: 100%;
    display: block;
}
#page-atrium-spectacles ul li p{
    font-size:12px;
    max-height: 36px;
    overflow: hidden;
    margin-bottom: 0;
}
#page-atrium-spectacles ul li .learn-more{
    margin-top: 5px;
}
#page-atrium-spectacles ul li .learn-more .underscore{
    width:55%;
}
#page-atrium-expositions {
    margin-bottom:20px;
}
#page-atrium-expositions .cat-post-thumbnail{
    margin:0 0 5px 0 !important;
}
#page-atrium-expositions .lien-prochainement{
    display: inline-block;
    padding-top: 10px;
}
#page-atrium-expositions .cat-post-crop {
    width: 100% !important;
    display: flex !important;
    align-items: center;
    background-color: #f8f8f8;
}
#page-atrium-expositions .cat-post-item img {
    width: 100% !important;
    margin: initial !important;
    height: auto !important;
}

#page-atrium-spectacles ul li .learn-more .btn-learn-more{
    top: 0px;
    right: 0;
    background-color: #fff;
    padding-left: 6px;
}
#page-atrium-expositions .lire-la-suite{
    font-size:12px;
}

/* Responsive */
@media (max-width:1168px){
    #page-atrium-spectacles ul li{
        width: 48%;
        margin: 1% !important;
        height: 285px;
    }
}
@media (max-width:768px){
    #page-atrium-spectacles ul li{
        width: 100%;
        margin: 1% 0 !important;
        height: auto;
    }
    #page-atrium-spectacles ul li:not(:nth-child(-n+3)){
        display: none;
    }
    #page-atrium-spectacles ul li .cat-post-thumbnail{
        height:auto;
    }
}
/* END Responsive */

/*************END PAGE ATRIUM*************/

/****************FORM CONTACT US*******************/
#form-contact-us{
    font-style: italic;
}
#form-contact-us .elementor-widget-container{
    display: block;
}
#form-contact-us ul{
    width:80%;
}
#form-contact-us label{
    margin:1.2em  0 0;
    padding-left: 5px;
}
#form-contact-us input, #form-contact-us textarea{
    width:100%;
    padding: 5px;
}
#form-contact-us .contact-name{
    float:left;
    clear:none;
    width: 49%;
    margin-right:2%;
}
#form-contact-us .last-item-form{
    margin-right:0;
}
#form-contact-us .form-phone{
    width: 36%;
    float: left;
    clear: none;
    margin-right: 2%;
}
#form-contact-us .form-mail{
    width:62%;
    float:left;
    clear:none;
}
#form-contact-us .form-files{
    padding-top: 20px;
}
#form-contact-us .form-files .ginput_preview{
    float: right;
    max-width: 260px;
}
#form-contact-us .form-files .ginput_container{
    float: left;
    width: 225px;
}
#form-contact-us .form-files input{
    background: none;
    border: none;
    text-align: right;
}
#form-contact-us .form-files .gform_drop_instructions{
    display: none;
}
#form-contact-us .form-files .gform_drop_area{
    padding: 10px;
    border: 1px solid #a9a9a9;
}
#form-contact-us .form-files .gform_drop_area .fa-download{
    color: #76C840;
    position: absolute;
    left: 30px;
    top: 25%;
}
#form-contact-us .gform_footer{
    width:80%;
    display: flex;
    justify-content: center;
}
#form-contact-us .gform_footer input[type="submit"]{
    margin: 0 auto;
    display: block;
    background-color: #007197;
    border: none;
    border-radius: 2px;
    color: #fff;
    padding: 8px 30px 8px 5px;
    position: relative;
    width: 230px;
    float: left;
    font-family: 'ralewaysemibold_italic';
}
#form-contact-us .gform_footer .fa-check-circle{
    position: relative;
    right: 195px;
    top: 4px;
    color: #fff;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    padding: 10px !important;
    border-top: none !important;
    border-bottom: none !important;
}
/****************END FORM CONTACT US*******************/

/*************LISTE ACTUALITES**********/
.cont-search-actu{
    padding: 0 0 40px 0;
    border-right: solid 2px #ccc;
}
.searchbar-actu{
    margin-right: 3px;
    overflow: hidden;
}
.cont-search-actu .search-form{
    width:100%;
    padding-left: 0;
    padding-right: 0;
    display: block;
}
.cont-search-actu .search-form span.input-group-btn{
    position: absolute;
    right: 37px;
}
.cont-search-actu .search-form .fa-search{
    color: #007197;
}
.delete-filters{
    font-size: 11px;
    text-align: right;
    padding-right: 20px;
}
.list-tags-actu h3, .archives-actu h3{
    background-color: rgba(63, 170, 245, 0.2) !important;
    border-bottom: solid 1px #007197 !important;
    border-top: solid 1px #007197 !important;
    padding: 8px 25px 8px 8px;
    text-align: right;
    font-family: 'ralewaybold', Arial, sans-serif !important;
}
.list-tags-actu li.active, .list-archives li.active{
    font-weight: bold;
    background-color: #F2F2F2;
    padding: 4px 25px 0px 10px;
    margin-bottom: 2px;
    color: #007197;
}
.cont-search-actu .list-tags-actu{
    list-style-type: none;
    padding: 40px 0;
}
.archives-actu .list-archives{
    list-style-type: none;
    padding-left:0;
}
.cont-search-actu .list-tags-actu input[type='checkbox'], .cont-search-actu .archives-actu input[type='checkbox']{
    visibility:hidden;
}
.cont-search-actu .list-tags-actu li label,
.cont-search-actu .list-tags-actu li input,
.archives-actu .list-archives li label,
.archives-actu .list-archives li input
{
    cursor:pointer;
}
.cont-search-actu .list-tags-actu li:hover,
.cont-search-actu .list-tags-actu li:focus,
.cont-search-actu .list-tags-actu li:active,
.list-archives li:hover:not(.year-actu),
.list-archives li:focus:not(.year-actu),
.list-archives li:active:not(.year-actu)
{
    color: #007197;
}
.cont-search-actu .list-tags-actu li input:checked.cont-search-actu .list-tags-actu li,
.list-archives li input:checked.cont-search-actu .list-archives li{
    color: #007197;
}
.cont-search-actu input{
    font-size: 10px !important;
    padding: 0.475em 0.75em !important;
}
.cont-search-actu li{
    text-align: right;
    padding-right: 25px;
    font-size:12px;
}
#btn-filtre-actu{
    border: none;
    background-color: #007197;
    color: #fff;
    padding: 3px 8px;
    border-radius: 3px;
    display: block;
    float: right;
    margin-right: 10px;
}
.cont-search-actu .year-actu{
    font-weight: bold;
    text-align: right;
}
.list-actu .post{
    height:370px;
    overflow: hidden;
}
.list-actu .post .entry-header{
    height: 50%;
    overflow: hidden;
    margin-bottom: 8px;
    min-height: 220px;
}

@media screen and (max-width:1024px){
    .list-actu .post{
        height:300px;
    }
    .list-actu .post .entry-header{
        height: 50%;
        overflow: hidden;
        margin-bottom: 8px;
        min-height: 160px;
    }
    .list-actu .post .entry-content{
        height:50%;
        max-height: 140px;
    }
}

.list-actu .post .entry-header img{
    width:100%;
    max-height:100%;
}
.list-actu .post .entry-title{
    width:100%;
    position: inherit;
    margin-bottom: 1px !important;
    font-size: 15px !important;
    float: none;
}
.list-actu .post .entry-content{
    height:auto;
}
.list-actu .post .entry-content p{
    overflow: hidden;
    font-size: 12px;
    margin-bottom: 0;
}
.list-actu .post .entry-content .learn-more{
    height: 20px;
    margin-bottom: 0;
    position: relative;
    padding-top: 10px;
}
.list-actu .post .entry-content .learn-more .underscore{
    padding-top:0;
    width:100%;
}
.list-actu .post .entry-content .learn-more .btn-learn-more{
    position: absolute;
    top: 0px;
    right: 0;
    background-color: #fff;
    padding-left: 6px;
}
.list-actu .pagination{
    margin: 0 auto 1rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list-actu .pagination>.active>a,
.list-actu .pagination>.active>a:focus,
.list-actu .pagination>.active>a:hover,
.list-actu .pagination>.active>span,
.list-actu .pagination>.active>span:focus,
.list-actu .pagination>.active>span:hover {
    background-color: #007197;
    border-color: #007197;
    color:#fff;
}
.list-actu .pagination>li>a, .list-actu .pagination>li>span {
    color: #007197;
}
/*************END LISTE ACTUALITES**********/


/**************PAGE DOSSIER************/
.title-page-dossier{
    background-color: #fff;
    padding: 0 30px 0 10px;
    float: left;
}
.title-page-dossier ~ .icone-dossier{
    position: absolute;
    top:-4px;
    left:8px;
    width: 130px;
}
#vertical-menu-dossier{
    padding:40px 0;
}
#vertical-menu-dossier .menu-dossier ul{
    margin-bottom: 20px;
    list-style-type: none;
    text-align: right;
    padding-left: 0;
}
#vertical-menu-dossier .menu-dossier li.current-menu-item{
    font-weight: bold;
    background-color: #F2F2F2;
    padding: 2px 25px 2px 10px;
}
#vertical-menu-dossier .menu-dossier li{
    font-size:12px;
    padding-right: 25px;
    border:none;
}
#vertical-menu-dossier .title-menu-dossier{
    background-color: rgba(63, 170, 245, 0.2) !important;
    border-bottom: solid 1px #007197 !important;
    border-top: solid 1px #007197 !important;
    padding: 8px 25px 8px 8px;
    text-align: right;
    font-family: 'ralewaybold', Arial, sans-serif !important;
}
.part-right-page-dossier{
    border-left:solid 2px #ccc;
    padding-left: 25px;
    padding-top: 25px;
}
.part-right-page-dossier article .entry-header h3{
        padding-left: 15px;
}
/***********END PAGE DOSSIER*********/

/****************FOOTER*******************/
#onglet_ville{
	border-right: solid 1px #999;
}
#onglet_atrium{
	border-left: solid 1px #999;
}
#form-contact-bloc #field_1_4, #form-contact-bloc #field_1_5, #form-contact-bloc-elu #gform_2 #field_2_4, #form-contact-bloc-elu #gform_2 #field_2_5{
	float:left;
	clear:none;
	width: 49.2%;
}
#gform_1 ul, #gform_wrapper_1{
    width:100%;
    max-width:100%;
    margin-left: 5px !important;
}
#form-contact-bloc .gform_button, #form-contact-bloc-elu .gform_button{
	padding: 5px 20px;
    background: #007197;
    color:#fff;
}
#form-contact-bloc .gform_button{
    margin-left:5px;
}
#form-contact-bloc form .ginput_container input, #form-contact-bloc form .ginput_container textarea, #form-contact-bloc form .gform_button,
#form-contact-bloc-elu form .ginput_container input, #form-contact-bloc-elu form .ginput_container textarea, #form-contact-bloc-elu form .gform_button, #form-contact-bloc-elu form .chosen-container-single .chosen-single{
	-o-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border: none;
    -o-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
}
#form-contact-bloc-elu form li{
    margin-bottom: 15px;
}
#form-contact-bloc-elu form .chosen-container-single .chosen-single{
    height: auto;
    min-height: 30px;
    background: #c7c7c7;
    color: #fff;
    padding-top: 3px;
}
#form-contact-bloc-elu form .chosen-container-single .chosen-single div{
    top:5px;
}
#form-contact-bloc .gform_wrapper li.gfield.gfield_error, #form-contact-bloc .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning,
#form-contact-bloc-elu .gform_wrapper li.gfield.gfield_error, #form-contact-bloc-elu .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
	border:none !important;
}
#links .simple-links-list{
	display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0;
}
#links .simple-links-list li{
	float:left;
	list-style-type: none;
	margin: 0 20px;
	max-width:150px;
}
#links .simple-links-list li a{
	width: 100%;
    display: block;
}
#page-footer{
	background-color: #444643;
	color:#fff;
	font-size:12px;
	display: flex;
    justify-content: center;
    margin-right: 0;
    margin-left: 0;
}
#page-footer .main-container{
	background-color: #444643 !important;
}
#page-footer h3{
	font-family: 'ralewayblack', Arial, sans-serif;
	font-size:20px;
	overflow: hidden;
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}
#page-footer .title-footer{
	padding-left:0 !important;
    position: absolute;
    background: #444643;
    padding-right: 10px;
}
.sep-footer{
	height: 1px;
    background-color: #fff;
    margin-top: 14px;
    max-height: 1px;
    width: 100%;
    display: block;
}
.about-us-footer p, .get-touch-footer ul, .social-footer p{ 
    font-size: 12px;
    text-align: justify;
}
.about-us-footer p{
    margin-bottom: 0;
}
.get-touch-footer ul{
	list-style-type: none;
	padding:0;
}
.get-touch-footer ul li{
	clear: both;
    overflow: hidden;
    margin-bottom:8px;
}
.get-touch-footer .name-info{
	float:left;
	font-weight:bold;
    width: 20%;
}
.get-touch-footer .content-info{
	float: left;
    padding-left: 20px;
}
.social-footer a{
	display:inline-block;
}
.social-footer a:hover .fa-circle{
	color:#0688E4;
}
.social-footer .fa-stack-1x{
	color:#fff;
}
.social-footer .fa-circle{
	color:#007197;
}
.copyright-bloc{
	background-color: #007197;
	color:#fff;
	text-align: center;
	padding-top: 18px;
    font-family: 'ralewaysemibold', Arial, sans-serif;
    margin-right: 0;
    margin-left: 0;
}
.copyright-bloc a{
	color:#fff;
	font-family: 'ralewaybold', Arial, sans-serif;
}
.copyright-bloc a:hover{
	color:#444643;
}


.plan-site{
    color: #bbee97;
    padding-bottom: 20px;
    padding-top: 20px;
}
.page-template-template-sitemap ul.children{
    padding-left:17px;
}


.all-logo-bottom-footer{
 margin:0 auto;
 float: none;
 overflow: hidden;
 border-top: white solid 1px;
}

.footer-container{
    margin-left: 0;
    margin-right: 0;
}

.bloc-footer{
    padding-top: 40px;
}

.logo-fontanil-footer{
    padding-top: 27px;
    float: right;
}

/* SEARCH PAGE - 2 COLUMN */

    div.post-block {
       width: 50%;
       float: left;
       clear: none;
       display: inline-block;
       text-align: justify;
       padding-right: 10px;
    }
    #container_division {
       width: 100%;
    }

/* ------SITEMAP------ */
    
    .plan-site a{
        color: #007197;
    }
    .wsp-pages-title{
        border-bottom: 2px solid #007197 
    }
    .wsp-posts-title{
        border-bottom: 2px solid #007197 
    }
    .wsp-elementor_librarys-title{
        border-bottom: 2px solid #007197 
    }
    .wsp-container ul li .children{
        display: table;
    }
    .wsp-container .wsp-posts-list{
        display: table !important;
    }
    .wsp-elementor_librarys-title, .wsp-elementor_librarys-list a{
        display: none;
    }
    .wsp-elementor_librarys-list{
        display: none !important;
    }

/* ------TIPI Paiment (SA)------ */
    #accordion .panel-heading .accordion-toggle.active .fa::before {
        content: "";
    }
    #accordion .panel-heading .accordion-toggle .fa::before {
        content: "";
    }
    .panel-heading .accordion-toggle {

        font-family: "Roboto",sans-serif;
        font-weight: 600;
        font-size: 15px;
        color: #6ec1e4;
    }


/**************/
/* MENU MORE VISITED RESPONSIVE */
/**************/
@media (max-width: 1200px){

    .more-visited-menu .mCSB_scrollTools.mCSB_scrollTools_horizontal{
        top: 30px;
    }
    .more-visited-menu{
        padding-top:40px;
    }
    .more-visited-menu .mCSB_horizontal.mCSB_inside > .mCSB_container{
        overflow: inherit;
    }
    .more-visited-menu .mCustomScrollBox{
        overflow: inherit;
    }

}


/* RESPONSIVE */
@media (max-width: 48em){
	.container {
		max-width: 65rem;
	}
}
@media (max-width:1210px){

    /* ----- TOGGLE MENU ----- */
    #dropdownMenu1{
        border: none;
        background: none;
    }

    /* ----- more visited menu -----*/

	.more-visited-menu li {
    	margin-bottom: 20px;
	}
	#menu-more-visited-menu{
		display:inline-block;
	}
    .bloc-contact-header{
        display:none;
    }
    #mega-menu-wrap-main_menu{
        clear:none;
        float:left;
        float:right;
        top:15px;
    }

    .main-container{
        margin-left: 0;
        max-width: 100% !important;
    }
    #category-posts-2-internal{
        padding-left: 0;
    }
    #category-posts-4-internal{
        padding-left: 0;
    }

    .container-more-visited-menu{
        max-width: 100%;
    }
    .en-un-clic{
        padding-left: 0;
        padding-right: 0;
    }
    .more-visited-menu{
        padding-right: 0;
        padding-left: 0;
    }
    #page-animations-animations #category-posts-9-internal .cat-post-item{
        margin: 1%;
        width: 48%;
        max-width: 100%;
    }

    /* ------ ACTUALITIES PAGE ----- */
    /*.list-actu .post{
        height: initial; 
    }*/

    /* ----- CONTACT - PAGE ----- */
    #contact-page-tirets{
        width: 100%;
    }
    #form-contact-us .gform_footer input{
        padding: 8px 8px 8px 5px !important;
    }
    #form-contact-us .gform_footer .fa-check-circle{
        display: none;
    }
/* --------- PAGE JOURNAL PRINCIPAL + LE FONTANILOIS --------- */ 
/* //////////  ATTENTION NE PAS OUBLIÉ DE METTRE LA CLASSE "lefontanilois" dans "la section" de chaque diapo */ 
    .lefontanilois .elementor-widget-container .issuu-isrendered{
        width: 100% !important;
    }
    

}

@media (min-width: 992px) and (max-width: 1153px){

/* ------ANIMATION PAGE - MEDIATHÈQUE------ */

    #page-animations-mediatheque .title-box-home{
        width: 60%;
    }
}

@media (max-width: 1023px){
    #vertical-menu ~ .elementor{
        border: none;
   }
   #vertical-menu{
        display: none;
   }
   #calendar-2{
        display: none;
   }
}

@media (min-width: 768px) and (max-width: 1024px){

/* ------Pages - Types------ */
   #vertical-menu + .elementor{
        width: 100%;
   }
    #vertical-menu .widgets_on_page ul {
        padding-left: 0 !important;
        float: right !important;
        clear: both !important;
        padding-right: 5px !important;
    }

/* Page - Délibérations */

    #pdf-deliberations .elementor-column-wrap{
        padding: 10px 0px 0px 0px !important;
    }

    .elementor-215 .elementor-element.elementor-element-jswrxo7 .elementor-widget-container{
            padding: 0px 0px 0px 0px !important;
    }
}



@media (min-width: 992px){
    .all-logo-bottom-footer-sm-size{
        display: none;
    }
    .social-icons{
        display: none;
    }
}


/**************/
/* RESPONSIVE */
/**************/

/*. color green : #007197; 
    color blue : #007197 */

@media (max-width:992px){    
    .master-slider{
    display:none;
    }

    /* --------FOOTER - MOBILE VERSION -------- */


    .about-us-footer, .get-touch-footer {
    float:left;
    }

    .bloc-footer{
        padding-top: 15px;
    }

    .all-logo-bottom-footer{
        display: none;
    }

    .all-logo-bottom-footer-sm-size{
        border-top: solid 1px white;
        padding: 20px 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

     .logo-fontanil-footer > a{
        width: 150px;
        float: left;
        margin-bottom:20px;
    }
    .plan-site{
        clear: both;
    }
    .all-logo-bottom-footer-sm-size img{
        max-width: 20%;
    }
    #animations, #dossier, #actualities{
    border-right: none;
    }
    .container{
        max-width: 100%;
    }
    .container-more-visited-menu{
        max-width: 100%;
    }

    /* --MORE VISITED MENU - MOBILE VERSION--*/

    .border-circle-item{
        display: none;
    }
    #dossier ul .cat-post-crop{
        margin: 0 auto !important;
    }
    #animations .category-posts-internal{
        max-width: 80%;
        margin: 0 auto;
        display: table;
    }
    .learn-more .underscore{
        width: 94%;
    }
    .title-green-sep{
        margin-bottom: 40px;
    }
    .textwidget{
        width: 479px;
        margin: 0 auto;
    }
    #gform_1{
        width: 600px;
        margin:0 auto;
    }
    #social-bloc{
        margin-bottom: 40px;
    }

    /* -----------HOME PAGE - ANIMATIONS SECTION--------------*/

    #animations .cat-post-everything-is-link{
        display: inline-block;
        text-align: center;
    }
    #animations ul .cat-post-thumbnail{
        margin: 0 auto;
        float: none;
    }
    #animations ul .cat-post-title{
        margin: 0 auto;
        display: table;
    }
    #animations ul .cat-post-everything-is-link p{
        text-align: center;
    }


    /* -----------ANIMATION PAGE--------------*/

    #page-animations-mediatheque ul li:nth-child(n+4){
        display: none;
    }
    
    #page-animations-animations ul li:nth-child(n+4){
        display: none;
    }

    #page-animations-mediatheque #category-posts-11-internal{
        margin: 0 auto;
        display: table;
    }
    #page-animations-animations #category-posts-9-internal #cat-post-item{
        margin: 0 auto !important;
        display: table !important;
   }
   /* -----------ACTUALITIES - PAGE--------------*/
   /* ------SECTION - DOSSIER-------*/
   #dossier ul{
        margin: 0 auto !important;
        display: block !important;
   }

}


@media (min-width: 545px) and (max-width: 991px){
    #page-animations-prochainement .cat-post-crop img{
        width: 50% !important;
        margin: 0 auto;
    }
}

@media (max-width:970px) and (min-width:930px){
    #menu-more-visited-menu{
        width:96% !important;
    }
}
@media (max-width:845px) and (min-width:805px){
    #menu-more-visited-menu{
        width:96% !important;
    }
}
@media (max-width:1094px) and (min-width:1064px){
    #menu-more-visited-menu{
        width:96% !important;
    }
}


@media (min-width: 768px) and (max-width: 991px){

/* -----------ACTUALITIES PAGE--------------*/
    .list-actu .category-actualites{
        padding-top: initial !important;
        height: 340px !important;
        margin-bottom: initial !important;
    }
    .list-actu .category-actualites a .entry-header{
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f7f7f7;
    }

}

@media (min-width: 769px){
    #actualities .cat-post-thumbnail{
        float: left;
        height: 105px !important;
        width: 115px !important; 
    } 
    #actualities .cat-post-crop{
        overflow: hidden;
        display: block;
        max-width: 115px ! important;
        width: 115px !important;
        height: 105px ! important;
    }
    #actualities .cat-post-item img{
        margin: initial !important;
        width: 100% !important;
        height: 105px!important;
    }
    #atrium-spectacles .cat-post-everything-is-link{
        height: 218px;
        width: 218px;
    }
    #atrium-spectacles .cat-post-thumbnail{
        display: block;
        overflow: hidden;
        display: block;
        max-width: 250px;
        width: 218px;
        height: 218px;
    }
}

@media (max-width:768px){

    /* -------- HOME - PAGE -------- */
    /* AG */
    .container-more-visited-menu{
        padding:0;
    }
    .more-visited-menu{
        padding-top:0;
    }
    #menu-more-visited-menu{
        margin-bottom:0;
        padding-right: 0;
    }
    .more-visited-menu a:hover, .more-visited-menu a:focus{
        background-color: #333;
    }
    /* end AG */
    
    .title-box-home:not(.title-dossier){
        margin-bottom: 0px !important;
        position: inherit;
        margin: 0 auto;
        float: none;
        text-align: center;
    }
    #actualities #mCSB_1_scrollbar_vertical{
        display:none !important;
    }
    #actualities ul li:not(:first-child){
        display:none;
    }
    #actualities .cat-post-thumbnail{
        width:100%;
    }
    #dossier #category-posts-4-internal{
        overflow: hidden;
    }
    #dossier .learn-more {
        bottom: 20px;        
    }
    #kiosque{
        display:none;
    } 
    #services{
        display:none;
    }
    .bloc-form-contact-home{
        display: none;
    }

    /* ------------HEADER----------*/

    .container .search-form{
        width: 100%;
        padding-bottom: 13px;
        padding-top: 37px; 
    }
    #menu-mobile{
        top: 10px;
    }
    .navbar-brand img{
        width: 66%;
    }
    .navbar-brand{
        height: 52px;
    }
    .more-visited-menu li .nav-link span:nth-child(2){
        color: #fff;
        position: relative;
        top: 50px;
        z-index: 100;
    }
    #contact-mobile .dropdown-menu a{
        border-bottom: solid 1px #414141;
    }
    #contact-mobile .dropdown-menu{
        margin-bottom: 20px;
    }
    .dropdown-menu {
        font-family: ‘open_sansregular’;
        font-size: 12px;
        letter-spacing: 0.5px;
    }

    /* ------------END HEADER----------*/
  
    #menu-mobile .dropdown-toggle{
        left: 90%;
    }
    .navbar{
        padding-left: 0;
        padding-right: 0;
    }
    #links{
        display: none;
    }
    .main-container{
        margin-left: 0;
    }
    #contact-mobile .dropdown-menu a{
        border-bottom: solid 1px #414141;
    }
    #contact-mobile .dropdown-menu{
        margin-bottom: 20px;
        padding: 0px 0 0px 30px;
    }
    #contact-mobile a{
        padding: 25px 0 !important;
    }
    .dropdown-menu {
        font-family: 'open_sansregular';
        font-size: 12px;
        letter-spacing: 0.5px;
    }
    #animations, #actualities, #atrium-spectacles{
        padding-left: 0;
    }
    #category-posts-2-internal, #category-posts-3-internal, #category-posts-4-internal, #category-posts-5-internal, #category-posts-6-internal{
        padding: 0;
    }
    #category-posts-2-internal .cat-post-item img {
        margin: initial !important;
    }
    .cat-post-item{
        margin-bottom: 30px;
    }
    .en-un-clic{
        padding: 0;
    }
    .title-box-home{
        margin-bottom: 40px;
    }
    .all-logo-bottom-footer-sm-size img{
        min-width: 32%;
    }
    #animations .category-posts-internal{
        max-width: 100% !important;
    }

    /* ---footer social media bloc--- */ 
    .social-footer a{
        padding-bottom: 20px;
        display:flex;
        float:left; 
        justify-content:center;
    }
    .social-media-responsive {
        text-align: center;
        padding-top: 32px;
    }
    .social-media-responsive a:hover .fa-circle{
        color:#0688E4;
    }
    .social-media-responsive .fa-stack-1x{
        color:#fff;
    }
    .social-media-responsive .fa-circle{
        color:#007197;
    }
    .container{
        position:relative;
    }
    /* -----HOME PAGE - RESPONSIVE----- */

    /* -----FIN HEADER-----*/

    #animations, #actualities, #atrium-spectacles {
        padding-right: 0;
        min-height: inherit;
    }
    #animations ul li:not(:first-child){
        display:none;
    }
    #atrium-spectacles ul li:not(:first-child){
        display:none;
    }
    #animations ul .cat-post-item{
        width: 100%;
    }
    #animations ul .cat-post-thumbnail{
        height: auto;
        width: 100%;
    }
    #animations .cat-post-everything-is-link {
        height: auto;
    }
    #animations ul .cat-post-item img {
        margin: initial !important;
	height:inherit !important;
    }
    #animations .cat-post-item img{
        margin: initial !important;
        height: auto !important;
    }
    #animations .cat-post-crop{
        height: auto ! important;
        width: 100% ! important;
    }
    #animations ul{
        margin: 0 auto;
        display: table;
    }
    .green-text i{
        display: none;
    }
    .title-learn-more{
        display: none;
    }
    .green-text span{
        color: black;
        background-color: #bbee97;
        padding:17px;
        margin-bottom: 10px;
        display: inline-block;
        border-radius: 5px;
    }
    .title-green-sep{
        margin-bottom: 25px;
        display: block;
    }
    .learn-more .title-learn-more{
       display: none;
    }
    #actualities .learn-more{
        display: none;
    }
    #actualities .cat-post-crop{
        width:100% !important;
        height: auto !important;
        text-align: center;
    }
    #actualities .cat-post-item img {
        margin: initial !important;
        height: auto !important;
    }
    #actualities .cat-post-title{
        margin: 0 auto;
        display: table;
    }
    #atrium-spectacles .cat-post-white{
        width:100% !important;
        height:auto !important;
    }
    #category-posts-5-internal{
        margin: 0 auto;
        display: flex;
    }
    .learn-more .underscore{
        width: 100%;
    }

    /* ------MORE VISITED MENU - MOBILE VERSION------ */

    .en-un-clic {
        text-align: center;
    }
    .more-visited-menu {
        padding-right: 0;
        padding-left: 0;
    }
    .more-visited-menu li {
        padding-left: 0;
        padding-right: 2px;
        width: 33.3333%;
        height:100px;
        margin-bottom:2px;
    }
    .circle-item, .border-circle-item{
        display: none;
    }
    .nav-link i{
        display: table !important;
        top: 22px !important;
        margin: 0 !important;
        font-size: 2.5em !important;
    }

    .more-visited-menu a{
        width: 100%;
        background: grey;
        height: 100%;
    }
    .more-visited-menu li a:hover .circle-item{
        background-color: #fff !important;
    }
    /*.more-visited-menu .vert1 a:hover,
    .more-visited-menu .vert2 a:hover,
    .more-visited-menu .vert3 a:hover,
    .more-visited-menu .vert4 a:hover,
    .more-visited-menu .vert5 a:hover,
    .more-visited-menu .bleu1 a:hover,
    .more-visited-menu .bleu2 a:hover,
    .more-visited-menu .bleu3 a:hover,
    .more-visited-menu .bleu4 a:hover,
    .more-visited-menu .bleu5 a:hover,*/
    .more-visited-menu .rose1 a:hover{
        color: white !important;
    }
    .navbar-nav .nav-item+ .nav-item{
        margin-left: initial;
    }

    /* ------ Délibération- PAGE ------- */

    #pdf-deliberations .elementor-element-populated{
        padding-left: 0px;
    }

    /* -------- ANIMATION - PAGE -------- */
    #mCSB_1_scrollbar_vertical{
        display: none !important;
    }
    #mCSB_1{
        overflow: hidden !important;
    }
    
}

@media (max-width:768px){

    /* -------- DOSSIER PAGE -------- */
    .part-right-page-dossier{
        border: none;
    }
    #vertical-menu-dossier {
        padding: inherit;
    }
    /* -------- SEARCH - SECTION -------- */
    div.post-block {
       width: 100%;
    }
}


@media (max-width:767px){

/* -----ANIMATIONS - PAGE-----*/ /* ----ANIMATIONS FUTURES---- */


    #detail-animation ul li .cat-post-thumbnail span img{
        width: 100% !important;
        max-height: initial !important;
    }
    #detail-animation .cat-post-title{
        padding-top: 30%;
    }
    #detail-animation .cat-post-item p{
        text-align: center;
    }


/* -----ACTUALITIES - PAGE-----*/ 

    .list-actu {
        border-left: none;
    }
    .list-actu .post .entry-content {
        height: initial;
    }
    .list-actu .post{
        height: initial;
    }
    .list-tags-actu h3, .archives-actu h3{
        text-align: center;
    }
 
    #btn-filtre-actu{
        float: left;
    }
    .cont-search-actu{
        display: none;
    }
/* -----RESPONSIVE CONTACT-FORM----- */

    #form-contact-us ul{
        width: 100%;
    }
    #contact-form-colonne{
        margin-top: initial;
    }
    .cont-search-actu .search-form span.input-group-btn{
        right: 28px;
    }

/* -------ELEMENTOR BUILD PAGE - WRAP GÉNÉRAL------- */

   .elementor-section-wrap .elementor-column-wrap{ 
        border-style: none !important;
    }
}

@media (min-width: 546px){

/* ---------ANIMATIONS PAGE ------------*/ 

    #page-animations-animations .cat-post-thumbnail{
        float: left;
        height: 180px !important;
        width: 100% !important; 
        border: solid 1px #eee;
    } 
    #page-animations-animations .cat-post-crop{
        overflow: hidden;
        display: block;
        width: 100% !important;
        height: 180px ! important;
    }
    #page-animations-animations ul .cat-post-item img{
        width: auto !important;
        margin: 0 auto !important;
        height: auto !important;
        max-height: 100%;
        display: block;
    }
}

@media (min-width: 545px) and (max-width: 768px){
     #actualities #category-posts-3-internal{
        width: 496px ;
        margin: 0 auto;
        display: block;
    }
    #dossier #category-posts-4-internal{
        width: 496px;
    }
}

@media (max-width:545px){
/* -----SECTION - HEADER----- */  
    .navbar-brand{
        width: 70%;
    }
    .navbar-brand img{
        width: 100%;
    }
     .navbar-brand{
            padding-bottom: 3.15rem;
    }
/* -----PAGE ANIMATIONS----- */
    #page-animations-animations ul li{
        width: 100% !important;
        height: auto;
        max-height: inherit;
        float:none;
    }
    #category-posts-9-internal .cat-post-crop{
        width: 100% !important;
        margin: initial !important;
        height: auto !important;
    }
    #page-animations-animations {
        height: initial;
    }
    #page-animations-animations ul .cat-post-item img{
        width: 100% !important;
        margin: initial !important;
        height: auto !important;
        max-height: 100%;
    }
/* -----PAGE ACTUALITÉS----- */ 
    
    #searchform{
        padding-bottom: 0;
        padding-top: 0;
    }
/* -----RESPONSIVE CONTACT-FORM----- */

    #form-contact-us ul {
        width: 100%;
    }
    #form-contact-us .contact-name{
        width: 100%
    }
    #form-contact-us .form-phone{
        width: 100%;
    }
    #form-contact-us .form-mail{
        width: 100%;
    }
    #form-contact-us .gform_footer{
        width: 100%;
    }
    #form-contact-us .gform_footer input{
        padding: 8px 6px 8px 5px;
    }
}

@media (max-width:543px){
    .list-actu .post{
        margin: 0;
        padding:0;
    }

}

@media (max-width:360px){
    .get-touch-footer .sep-footer{
        width:80%;
    }
}