/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2


/*Common*/
li.onlyTablet{
display:none !important
}
.has_content .the_content_wrapper {
    margin-bottom: 0px !important;
}
@media screen  and (max-width: 1024px) {
li.onlyTablet{
display:block !important
}
	
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
	#pageContent{
		left:0 !important
	}
}

  :root{
	  	  --white:#fff;
	  	--lightgrey:#fff;
        --gold:#C49A29;
        --green:#ADD048;
        --purple:#B568DE;
        --lightBlue:#5AC5D0;
        --pink:#EF208F;
        --blue:#2B7CC2;
        --orange:#FC9217;
        --grey2:#898989;
        --blue2:#053E69;
		--breakpoint:1179px
    }
.alertBlocRed{
	background-color:#e85247 !important;
	color:#fff !important;
}
.bottomMargin5{
	margin-bottom:5px !important
}
.vc_tta.vc_tta-spacing-1 .vc_tta-tab {

    width: 49.8%;
}
.conseillersMunicipaux .wpb_single_image .vc_figure-caption {
	
    margin-top: -25px !important;
    font-weight: 600 !important;
    line-height: 1.5em !important;
}
.search_wrapper{
	
    position: absolute !important;
    left: calc(100vw - 270px) !important;
    background: var(--gold) !important;
    color: #fff !important;
    bottom: calc(100vh - 148px) !important;
}
.search_wrapper input::placeholder{
	color:#fff  !important
}
.a11y-toolbar{
	display:none
}
.top_bar_right{
	display:none
}
 #Header_creative .creative-wrapper,#Header_creative #Top_bar,#Header_creative .one.clearfix,#Header_creative .top_bar_left{
	height:100%
}
#Header_creative .menu_wrapper{
	    position: absolute;
    top: 60%;
    width: 250px;
}
@media only screen and (max-width: 1024px){
	#Header_creative #Top_bar #logo img.logo-sticky {
		max-height: 110px!important;
	}
	#Header_creative .menu_wrapper{
	    position: absolute;
   	 top: 60%;
    	width: 100%;
	}
	#sideBarPage{
		display:none
		
	}
	#pageContent .vc_col-sm-8{
		
			width:100% !important
	}
	
	#Wrapper{
		position:relative;
		z-index:100
	}

	}

@media only screen and (max-width: 768px){
#Header_creative .menu_wrapper {
    position: relative;
	left: 70%;
    top: 0;
    width: auto;
	}
	img.logo-mobile{
		max-height:65px !important
	}
}
@media only screen and (min-width: 768px) and (max-width: 1023px){
	#Top_bar a.responsive-menu-toggle {
	right: 0 !important;
  	  margin-top: 25px !important;
	}
  
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	#Header_creative #Top_bar  {
		min-height: 105px !important;
    	height: auto !important;
	}
	#Header_creative #Top_bar #logo, #Header_creative #Top_bar .custom-logo-link
	{
		    height: 10px !important
	}
	.enImageBloc1,.enImageBloc2{
		margin-top:45px !important
	}
	#homeImageSection .retourEnImageCenter figcaption{
		font-size:1.2em !important	
	}
	.enImageBloc3 img{
		width:80px !important
	}
	.enImageBloc3 h2{
		font-size:1.1em !important
	}
	   
}
#Header_creative .menu_wrapper a span{
	background-color:var(--gold);
    padding: auto !important;
    margin: 9px 20px;
	text-transform:uppercase;
	transition:0.2s
}
#Header_creative .menu_wrapper a:hover span{
	background-color:var(--blue2);
}
#Action_bar{
	margin: 0;
    text-align: center;
    font-size: 0.8em;
    line-height: 1.2em;
    color: #707070;
    font-weight: 600;
	padding-bottom:5px
}
#Action_bar .facebook i{

    background: var(--gold);
    color: var(--white);
    padding: 5px;
    border-radius: 100%;
    margin: 0;
	transition:0.2s
}
#Action_bar .facebook a:hover i{
	background: var(--blue2);
}


#pageTitle ul{
	    list-style: none;
    display: flex;
	    margin: 0;
	justify-content: center;
}
#pageTitle ul li{
	flex-direction:column;
	align-self:baseline;
	padding: 0 5px;
}
#pageTitle ul h1{
	color:var(--blue2);
	font-size:2.3em
}
/* Main menu*/


        .headerMainMenu{
            display: block;
            position: relative;
            width: 100%;
            display: flex;      
			height:60px
			     
        }

        .mainNav1{
            flex-grow: 0.9;
         
        }
        .mainNav2{
            flex-grow:0.1;
     
        }

        .mainNav2 svg{
            display: block;
            margin: 0 auto;
   
        }
        .mainNav1 ul,.mainNav2 ul{
            list-style: none;
            display: flex;
            justify-content: space-around;
            margin: 0;
            padding: 0;
        }
         .mainNav1 ul li,.mainNav2 ul li{
            flex:1;
            text-align: center;
           min-height: 60px;
        }
         .mainNav1 ul li a,.mainNav2 ul li a{
            text-transform: uppercase;
            text-decoration: none;
            display: flex;
            height: 60px;
            flex-direction: column;
            justify-content: center;
            color:#fff;
            transition: 0.3s;
            font-weight: 800;
			   line-height: 1.3em;
			 font-size:0.9em
        }
	.mainNav1 ul.sub-menu li a,.mainNav2 ul.sub-menu li a{

            height:auto;

        }
.mainNav1 ul li ul.sub-menu{
   display: flex;
    position: absolute; 
    flex-direction: column;
	background:var(--white);
	z-index:9999999;
	display:none
}
.mainNav1 ul li:hover ul{
	display:block
}
.mainNav1 ul li ul.sub-menu li{
            display:block;
            text-align: left;
           min-height: 20px;
        }
.mainNav1 ul li ul.sub-menu li a{
	display: block;
      padding:15px;
  
}
.mainNav2 button,.mainNav2 button:focus,.mainNav2 button:active{
	border-radius: 0; padding:0; width:100%; height:100%;
	border:none !important
}		
.mainNav1 ul li ul.sub-menu li a{ 
	text-transform:lowercase;
	font-weight:500;
	font-size:0.9em
}
.mainNav1 ul li ul.sub-menu li a::first-letter{ 
	text-transform:uppercase
}

         .mainNav1 ul li a:hover,.mainNav2 ul li a:hover{
                background: linear-gradient(rgba(255,255, 255, 0.35), rgba(255,255, 255, 0.35));
        }
        .mainNav1 ul li.lnkMainMenuGreen a{
            background-color: var(--green);
        }
        .mainNav1 ul li.lnkMainMenuPurple a,.mainNav1.sub-menu ul li.lnkMainMenuPurple a{
            background-color: var(--purple);
        }
		
		 .mainNav1 ul li.lnkMainMenuPurple ul.sub-menu{
            background-color: var(--purple);
        }
		.mainNav1 ul li.lnkMainMenuPurple ul.sub-menu li a{
            background-color: var(--white) !important;
			color: var(--purple);
        }
		
        .mainNav1 ul li.lnkMainMenuLightBlue a{
            background-color: var(--lightBlue);
        }
		
		 .mainNav1 ul li.lnkMainMenuLightBlue ul.sub-menu{
            background-color: var(--lightBlue);
        }
		.mainNav1 ul li.lnkMainMenuLightBlue ul.sub-menu li a{
            background-color: var(--white) !important;
			color: var(--lightBlue);
        }
		
	 .mainNav1 ul li.lnkMainMenuGreen ul.sub-menu{
            background-color: var(--green);
        }
		.mainNav1 ul li.lnkMainMenuGreen ul.sub-menu li a{
            background-color: var(--white) !important;
			color: var(--green);
        }		

        .mainNav1 ul li.lnkMainMenuPink a{
            background-color: var(--pink);
        }

 .mainNav1 ul li.lnkMainMenuPink ul.sub-menu{
            background-color: var(--pink);
        }
		.mainNav1 ul li.lnkMainMenuPink ul.sub-menu li a{
            background-color: var(--white) !important;
			color: var(--pink);
        }

        .mainNav1 ul li.lnkMainMenuBlue a{
            background-color: var(--blue);
        }

		 .mainNav1 ul li.lnkMainMenuBlue ul.sub-menu{
            background-color: var(--blue);
        }
		.mainNav1 ul li.lnkMainMenuBlue ul.sub-menu li a{
            background-color: var(--white) !important;
			color: var(--blue);
        }

        .mainNav1 ul li.lnkMainMenuOrange a{
            background-color: var(--orange);
        }
 		.mainNav1 ul li.lnkMainMenuOrange ul.sub-menu{
            background-color: var(--orange);
        }
		.mainNav1 ul li.lnkMainMenuOrange ul.sub-menu li a{
            background-color: var(--white) !important;
			color: var(--orange);
        }
        .mainNav2 ul li button.lnkMainMenuGrey2{
            background-color: var(--grey2);
        }
		.mainNav1 ul li.lnkMainMenuGrey2 ul.sub-menu{
            background-color: var(--grey2);
        }
		.mainNav1 ul li.lnkMainMenuGrey2 ul.sub-menu li a{
            background-color: var(--white) !important;
			color: var(--grey2);
        }

        .mainNav2 ul li a.lnkMainMenuBlue2{
            background-color: var(--blue2);
        }

        .mainNav2 ul li a.lnkMainMenuGold{
            background-color: var(--gold);
			    font-size: 1.6em;
        }
/*End Main menu */
/*Sidebar page menu*****/
#sidePageMenu input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
#sidePageMenu tabs {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}
#sidePageMenu a.selected{
	  color: var(--blue2);
}
#sidePageMenu .tab {
  width: 100%;
  color: var(--grey2);
  overflow: hidden;
}
#sidePageMenu .tab-label,#sidePageMenu .tab-labelLnk {
  display: flex;
  justify-content: left;
  cursor: pointer;
	background: #fff;
    text-transform: uppercase;
    color: var(--grey2);
       font-size: 0.8em;
    font-weight: 600;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid var(--grey2);
  /* Icon */
}

#sidePageMenu .openTab {
display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: var(--gold);
    right: 5px;
    margin-top: -3px;
    color: var(--white);
    text-align: center;
    line-height: 30px;
    white-space: nowrap;
    font-size: 2em;
    font-weight: 100;
    transition: 0.3s;
}
#sidePageMenu .closeTab {
	display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: var(--blue2);
    right: 5px;
    margin-top: -3px;
    color: var(--white);
    text-align: center;
   line-height: 25px;
    white-space: nowrap;
    font-size: 2.5em;
    font-weight: 100;
}

#sidePageMenu .tab-content {
  max-height: 0;
  color: #2c3e50;
  background: white;
  transition: all 0.35s;
}
#sidePageMenu .tab-content .lnkSubTabMenu{
	display: block;
        padding: 7px 0 7px 5px;
    margin: 0;
    color: var(--grey2);
    border-bottom: 1px solid var(--grey2);
	font-size:0.9em
}
#sidePageMenu .tab-content .lnkSubTabMenu.selected{

	color:var(--blue2);
	font-weight:bold
}
#sidePageMenu .tab-close {
  display: flex;
  justify-content: flex-end;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}

#sidePageMenu .tab-label:hover .openTab,#sidePageMenu .tab-labelLnk:hover  .openTab {
	transform: rotate(180deg);
	background-color: var(--blue2);
}


#sidePageMenu input:checked ~ .tab-content {
  max-height: 100vh;
}

/*En sidebar page menu*****/
/*Home page */
	.chevron::before {
		border-style: solid;
		border-width: 0.10em 0.10em 0 0;
		content: '';
		display: inline-block;
		height: 0.85em;
		position: relative;
		transform: rotate(-45deg);
		vertical-align: top;
		width: 0.85em;
		margin-top: -25px;
		margin-left: -5px;
		border-color: var(--white);
	}
	.chevron.bottom:before {
		top: 0;
		transform: rotate(135deg);
	}
	#homeSection2 h2{
		color: var(--white);
    text-align: center;
    padding: 25px 0;
    font-size: 1.7em;
    font-weight: 800;
    text-transform: uppercase;
	}
	#homeSection2 div.pictos{
			display: flex;
		justify-content: space-around;
	}
	#homeSection2 div.pictos > div{
		width:100%
	}
	#homeSection2 ul{
		list-style:none;
			display: flex;
		justify-content: space-around;
		text-align: center;
	}
	#homeSection2 .homeJeSuis h2{
		background-color:var(--blue2)
	}
	#homeSection2 .homeJeSuis div#triangle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: var(--blue2) transparent transparent transparent;
	margin:0 auto;
	}
	#homeSection2 .homeJeSouhaite div#triangle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: var(--gold) transparent transparent transparent;
	margin:0 auto;
	}
	#homeSection2 .homeJeSouhaite h2{
		background-color:var(--gold)
	}
	#homeSection2 label{
		text-transform: uppercase !important;
    	font-weight: 600;
    	font-size: 0.8em;
	}

#homeSection2 .homeJeSuis label{
		color:var(--blue2);
	line-height: 1.2em;
	}
	#homeSection2 .homeJeSouhaite label{
		color:var(--gold);
		line-height: 1.2em;
	}
#homeSection2 li img{
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#homeSection2 li:hover img{
	
	transform: scale(1.1);
}
#homeSection2 li label::after{
	content: " ";
  display: block;
	margin-top:5px;
  width: 0;
  height: 3px;
	opacity:0.75; 
  transition: width 300ms;
}
#homeSection2  .homeJeSuis label::after{
 background: var(--blue2);
}

#homeSection2  .homeJeSouhaite label::after{
 background: var(--gold);
}
#homeSection2 li:hover label::after{
	 width: 100%;
}

/*Home news + Events*/
div.aLaUne{
	flex-basis:67.8%;  box-shadow: 0px 0px 10px rgb(50 50 50 / 20%);  margin: 10px; flex-direction: column; background-size:cover ;
}
div.aLaUne2{
flex-basis:33%;margin: 10px !important;
flex-direction: column; box-shadow: -3px 0px 10px rgb(50 50 50 / 20%);
}

#homeEventsSection button,#homeEventsSection a,#homeNewsSection button,#homeNewsSection a{
	background-color: var(--gold);
    color: #ffffff;
    font-size: 1.1em;
    font-weight: 600;
    text-transform: uppercase;
}
#homeEventsSection button:hover,#homeEventsSection a:hover,#homeNewsSection button:hover,#homeNewsSection a:hover{
	background-color: var(--blue2) !important;

}
.headingHomeNews ul,.headingHomeAgenda ul{
	    list-style: none;
    display: flex;
	    margin: 0;
}
.headingHomeNews ul li,.headingHomeAgenda ul li{
	flex-direction:column;
	align-self:baseline;
	padding: 0 5px;
}
.headingHomeNews ul li h1,.headingHomeAgenda ul h1{
	color:var(--blue2);
	font-size:1.9em
}
.headingHomeNews p{
	padding-left: 60px;
    margin-top: -18px;
}

.newWrapper .newsContainer, .eventsWrapper  .eventsContainer{
	display: flex; flex-direction: column;
}

.newWrapper .newsContainer span.aLaUneBadge{
	background-color: var(--gold);
	color: var(--white);
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.8em;
	border-radius: 15px;
	padding: 9px 18px;
	top: 10px;
	/* float: left; */
	/* right: 15px; */
	position: relative;
	margin-bottom: 15px;
}
.newWrapper .newsContainer span.newsBadge{
	background-color: var(--gold);
	color: var(--white);
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.8em;
	border-radius: 15px;
	padding: 4px 18px;
	top: 10px;
	float: right;
	right: 15px;
	position: relative;
}
.newWrapper .newsContainer i{
	font-size: 0.8em;
	font-style: normal;
}
.newWrapper .newsContainer h3{
	color: var(--blue2);
	margin-top: 20px;
	min-height: 45px;
	text-transform:uppercase
}
.newWrapper .newsContainer p{
	color: var(--grey);

	padding: 0;
	margin: 0;
	min-height: 125px;
}
.newWrapper .newsContainer a{
	color: var(--blue2);
	text-decoration: none;

	text-transform: uppercase;
	font-weight: 700;
}
.newWrapper .newsContainer div.line{
	display: block;
	position: relative;
	margin-bottom: 0;

	margin-top: 45px;
	width: 115%;
	margin-left: -7%;
	height: 1px;
	background-color: var(--grey2);
}
.newWrapper .newsContainer  div.line a.moreInfo{
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-color: var(--gold);
	top: -25px;
	right: 25px;
	color: var(--white);text-align: center;
	line-height: 50px;
	white-space: nowrap;
	font-size: 3em;
	font-weight: 100;
	transition: 0.3s;
}
.newWrapper .newsContainer  div.line a.moreInfo:hover{
	transform: rotate(180deg);
	background-color: var(--blue2);
}


.eventsWrapper .eventsContainer h3{
    
    line-height: 1.2em;
}
.eventsWrapper .eventsContainer h3 a{
    font-size: 1.6em;
    line-height: 1.2em;
	background:none !important;
	transition:0.3s
}
.eventsWrapper .eventsContainer h3 a:hover{
    color:rgba(255,255,255,0.60) !important
}

.eventsWrapper .eventsContainer .img{
    cursor:pointer;
	transition:0.6s
}
.eventsWrapper .eventsContainer .img:hover {
   filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
      filter: gray; /* IE5+ */
      -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
      
}
.eventsWrapper .eventsContainer .eventSchedule{
	background: #fff;
	width: 85%;
	height: 105px;
	margin: 0 auto;
	padding: 20px;
	color: var(--gold);
	text-align: center;
	position: relative;
	top:115px
}
.eventsWrapper .eventsContainer .eventSchedule h3{
	color: var(--gold);
	font-size:1.7em
}
.eventsWrapper .eventsContainer .eventName{
	background: var(--blue2);
	width: 85%;
	min-height: 115px;
	margin: 0 auto;
	padding: 20px;
	color: var(--white);
	text-align: center;
	position: relative;
	display: block;
	top: 115px;
}
.eventsWrapper .eventsContainer .eventName h3{
	color: var(--white);
	text-transform:uppercase
}

/*Home - Retour en image****/

#homeImageSection ul{
list-style:none;
	display:flex
}

#homeImageSection .retourEnImageWrapper .vc_single_image-wrapper{
	margin-bottom:0 !important
}
#homeImageSection .retourEnImageCenter .vc_single_image-wrapper{
	margin-bottom:10px
}
#homeImageSection .retourEnImageCenter figcaption{
	    color: var(--white);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.8em;
    line-height: 1.1em;
}

#homeImageSection a.bulletin{
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-color: var(--blue2);
	   right: 45px;
    bottom: 15px;
	color: var(--white);text-align: center;
	line-height: 50px;
	white-space: nowrap;
	font-size: 3em;
	font-weight: 100;
	transition: 0.3s;
	text-decoration:none
}
#homeImageSection a.bulletin:hover{
	transform: rotate(180deg);
	background-color: var(--gold);
	text-decoration:none
}
@media screen  and (max-width: 1024px) {
	#Header_wrapper{
		display:none !important
	}

	.newWrapper .newsContainer > div{
		flex-direction:column !important
	}
	#homeSection2 ul {
		margin:0 !important;
		display:block
	}
	#homeSection2 ul li {
        display: block;
    	float: left;
   	 width: 49%;
	}
	.headingHomeNews ul, .headingHomeAgenda ul {
    display: block;
    margin: 0;
    text-align: center;
	}
	.headingHomeNews img#logoStMemmieNews  {
		top: -5px !important;
	}
	.headingHomeNews p {
    padding-left: 0;
    margin-top: 0;
    text-align: center;
	}
	.headingHomeNews a.facebook {
    display: block;
    margin-top: 15px;
	}
	.allNewsEventsBtn {
		text-align:center !important
	}
	div.aLaUne > div {
		position: relative !important;
   	 height: 100% !important;
    	left: 0 !important;
   	 width: 90%  !important;

	}
	.eventsContainer > div{
		display:block !important
	}
	.eventsContainer div.img{
		margin-bottom: 150px;
	}	
	
	#homeImageSection{
		top:-180px !important
	}
	#homeImageSection ul {
   	 list-style: none;
   	 display: block;
	}
	#homeImageSection .wpb_single_image, #homeImageSection .vc_separator  {
		padding-bottom: 15px !important;
		padding-top:15px !important
	}
	
	#homeImageSection .wpb_content_element {
		margin-top:15px !important;
		padding-top : 0 !important
	}
	
	.newWrapper .newsContainer div.line {
		width: 100% !important;
		margin-left: 0 !important;
		margin-bottom:30px !important
	}
}
/*Footer ****/
ul.bottomColorBar{
	display:flex;
	align-content:space-between
}
ul.bottomColorBar li{
	height:10px;
	width: 20%;
}
nav.subFooterMenuNav{
	display: block;
    width: 60%;
	float:left
}

nav.subFooterMenuNav ul{
	    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    flex-grow: 1;
}
@media screen  and (max-width: 768px) {
nav.subFooterMenuNav ul{
	display:block
}
	nav.subFooterMenuNav {
    display: block;
    width: 100%;
    float: none;
}
}
nav.subFooterMenuNav ul li{
   text-align: center;
    display: flex;
    flex-direction: column;
    line-height: 20px;
    justify-content: center;
    border-right: 1px solid var(--blue2);
}	
nav.subFooterMenuNav ul li a{
       text-transform: uppercase;
    color: var(--blue2);
    display: block;
    /* margin: 20px; */
    padding: 10px 20px;
    font-weight: 600;
	z-index:9999
    /* border-right: 1px solid var(--blue2); */
    /* height: 100%; */
}
}
.footer_copy .column{
	margin: 0 1% 10px !important;
}
.footer_copy .social{
	display:none !important;
}

ul.copyright{
	float:right;
	width:40%;
    display: flex;
}
ul.copyright li{
    width: 100%;
    font-size: 0.8em;
    height: 60px;
    justify-content: center;
    align-items: center;
    display: flex;
}

/*////////TILES////////////////////////////*/
 .tilesContainer {
    display: flex;
    
}
.tile {
    box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);
    flex: 1;
    flex-wrap: wrap;
    padding: 20px;
    margin: 0 35px;
	background-color:var(--white)
}
.hiddenTile{

    flex: 1;
    flex-wrap: wrap;
    padding: 20px;
    margin: 0 35px;

}
 .tilesContainer .tile h2 {
	 color:var(--blue2);
	 margin :15px 0;
	 min-height:50px
}
.tilesContainer .tile a{
	background-color: var(--gold);
    color: var(--white);
    padding: 5px 20px;
    float: right;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.9em;
	transition:0.5s;
	text-decoration:none
}
.tilesContainer .tile a:hover{
	background-color:var(--blue2);
	text-decoration:none
}
@media screen  and (max-width: 960px) {
 .tilesContainer {
    display: block;
	}
	.tile {
    margin: 0 0 45px 0;
	}
}
/* Contact page*******/
#sideBarContact .vc_column-inner,#sideBarPage  .vc_column-inner{
	padding-left:270px !important;
}


@media screen  and (max-width: 800px) {
#sideBarContact .vc_column-inner,#sideBarPage  .vc_column-inner{
	display:none
}
}
#sideBarContact .wpb_wrapper{
	position: relative;
    margin-top: 150px;
}
#sideBarContact .wpb_wrapper h3{

color: #161922;
    padding-bottom: 15px;
    text-transform: uppercase;
    border-bottom: 7px solid var(--gold);
    display: inline-block;
		
}
.headerSideVisual > div{
	background-position:bottom right !important
}
#contactVisualSide{
	margin: 0 !important;
    padding: 0 !important;
    position: relative;
    top: -120px;
    left: -165px;
}
#contactVisualSide h3{
	background-color: var(--gold);
    color: #fff !important;
    padding: 15px 70px;
    margin: 0;
    display: inline-block;
    position: relative;
    left: 49px;
    top: -2px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5em;
}

@media screen  and (max-width: 1024px) {
	#sideBarContact .vc_column-inner,#sideBarPage  .vc_column-inner{
		padding-left:15px !important;
	}
	#contactVisualSide h3{
		left: 150px;

	}
}

.vc_inner.form{

    background-position: bottom !important;

}
.form input,.form textarea{
border-radius: 15px !important;
	font-size:0.9em !important;
	resize:none;
	border-color:var(--grey2) !important
}
.form button{
    background-color: var(--blue2) !important;
    color: var(--white) !important;
    text-transform: uppercase !important;
    font-size: 1.3em !important;
    font-weight: 600 !important;
}

/*///////////PAGE ACTUALITES//////////////*/
.newsTiles .pgafu-post-grid{
	box-shadow:0px 0px 10px rgba(0,0,0,0.2)
}
.hiddenBottomNewTile{
	display:none
}
.newsTile > div{
	box-shadow:0px 0px 10px rgba(0,0,0,0.2)
}
.newsTile h2{
	color:var(--blue2) !important;
	padding-bottom:15px
}
.newsTile .vc_gitem-row-position-bottom,.newsTile .vc_gitem-zone-a .vc_gitem-row-position-top{
	position:relative !important
}


.newsTile .lnkMoreInfo > div{
	margin-bottom:0 !important;
	padding-bottom:0 !important
}
.newsTile .lnkMoreInfo p{
	font-size:0.8em !important
}
.newsTile .lnkMoreInfo a{
background-color: var(--gold) !important;
    background-image: none;
    color: #ffffff;
    font-size: 3em;
    border-radius: 100%;
    padding: 0px 14px;
	transition:0.3s;
	    position: relative;
    top: 35px;
}
.newsTile .vc-gitem-zone-height-mode-auto:before{
	padding-top:0 !important
}
.newsTile .lnkMoreInfo a:hover{
transform: rotate(180deg);
	background-color:var(--blue2) !important
}
.post-header .title_wrapper h1 {
    font-weight: 500;
    color: var(--gold);
    text-align: center;
    margin: 35px 0 25px 0;
}
/*///////////PAGES CONTENTS//////////////*/
#pageContent p{
	line-height:1.5em
}
#pageContent h2{
	    color: #c49a29 !important;
}
#pageContent h3{
font-size: 1.2em;
    color: #102e67;
}

@media only screen and (max-width: 1180px){
#pageVisualheader .vc_col-has-fill{
		width:100% !important
	}
	#pageContent {
    left: 0 !important;
		width:auto !important;
		padding-left:0 !important
}
	.pageContact .vc_col-has-fill{
		width:100% !important
	}
	
	.pageContact h3{
		left:140px !important
	}
	#sideBarPage {
		display:none
	}
	#sideBarPage .vc_column-inner {
    padding-left: 0 !important;
}
}
#Content{
	padding-top:0 !important
}