/* AXECAKE */
.clearBoth {clear: both;}
.sc-content p.maClasse,.sc-content div.maClasse p {padding: 5px;color: white;background-color: black;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}

@font-face {
	font-family: 'iconic';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/iconic.eot?343431');
	src: url('../fonts/iconic.eot?343431#iefix') format('embedded-opentype'), url('../fonts/iconic.woff?343431') format('woff'), url('../fonts/iconic.ttf?343431') format('truetype'), url('../fonts/iconic.svg?343431#iconic') format('svg');
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
ol,ul {list-style: none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';}
table {border-collapse: collapse;border-spacing: 0;}
a,.lienseo {text-decoration: none;}

input[type=submit],input[type=text],input[type=button],input[type=email],input[type=password],input[type=tel],textarea,select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
}
/* FIN RESET */

/* VIEWPORT CSS3 */
* {
	-webkit-text-size-adjust: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@viewport {zoom: 1;}
-webkit-@viewport {zoom: 1;}
-ms-@viewport {zoom: 1;}
-moz-@viewport {zoom: 1;}
-o-@viewport {zoom: 1;}

.clear_both {
	display: block;
	clear: both;
}

.no_mobile {
	display: none;
}

.no_desktop {
	display: block;
}

.imgCenter img,
.imgRight img,
.imgLeft img {
	width: auto;
	height: auto;
	max-width: 100%;
}

.imgRight {

	position: relative;
	margin: 20px auto;
	width: 100%;
	height: auto;
}

.imgLeft {

	position: relative;
	margin: 20px auto;
	width: 100%;
	height: auto;
}

.imgCenter {
	margin: 0 auto 10px;
	position: relative;
	width: 40.425597%;
	max-width: 300px;
	height: auto;
}
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	position: relative;
	overflow-x: hidden;
	font-family: 'Poppins', sans-serif;
	font-size: 100%;
	color: #1e1e1e;
}

body.fancy-box-body {
	background: #fff;
}

a {
	color: #5e5e5e;
	outline: none;
}

a:focus {
	outline: none;
}

img {
	max-width: 100%;
}

h1 {
	font-size: 2.2em;
	font-weight:700;
	line-height:1.2;
}
h1:before{
	content: "";
    position: relative;
    display: block;
    width: 190px;
    height: 5px;
    background: #f54f15;
    margin: 0 0 30px;
}
.fake_h1{
    text-transform: uppercase;
    font-size: 1.286em;
    margin: 30px 0 !important;
    line-height: 1.4;
}
h2,
.titre-relance {
	margin: 10px 0 5px;
	font-size: 1.5em;
	color: #4f4f4f;
}

h3 {
	margin: 10px 0 5px;
	font-size: 1.23em;
	color: #F54F15;
}

#container {
	padding-top: 39px;
	max-width: 480px;
	min-width: 300px;
	overflow: hidden;
	position: relative;
	left: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.sitePusher #container {
	left: 250px;
}

#paquet_telecom_bandeau {
	padding: 6px 50px 6px 0 !important;
	top:auto!important;
	bottom:0!important;
	position: fixed!important;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/****************************************************************************** HEADER */

header {
	z-index: 10;
	position: relative;
	margin: auto;
}

header section {
    padding: 20px 10px;
    clear: both;
    text-align: center;
    margin: auto;
    background: #000;
}


.index-page header section {
    padding: 20px 10px;
    clear: both;
    background: transparent;
    position: absolute;
    z-index: 9;
    text-align: center;
    margin: auto;
    width: 100%;
}
.logo {
	display: inline-block;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.logo:hover {
	opacity: 0.7;
}

.logo img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
}

.galerie {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.galerie a {
    width: 50%;
    padding: 10px;
}

.galerie a img {
    width: 100%;
    height: auto;
}

.item_sponsoring iframe {
    width: 100%;
}

.encart_actu {
	display: none;
}

span.small_title {
    display: table;
    font-weight: 400;
    font-size: 1rem;
    margin: auto;
    position: relative;
}

span.container_title {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 27%;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 2rem;
    color: #fff;
    z-index: 2;
    line-height: 139%;
}


span.small_title:before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    width: 80%;
    background: #f54f15;
    height: 7px;
    margin: auto;
}



@media screen and (min-width:993px) {
	header .logo img {
		width: 140px;
		height: auto;
	}

	header .menu {
		padding-top: 15px;
	}
}

.baseline {
	display: block;
	letter-spacing: 2px;	
	text-align: right;
	color:#8a8a8a;
}

/* CONTACT HEADER */

.contact_header {
}

.contact_header a {
	text-align: center;
}

.contact_header .tel {
	font-size: 1.38em;
}

.contact_header .tel span {
	font-size: 0.72em;
}

.nav {
	background: #000;
	display: block;
	padding: 5px 10px;
	text-align: left;
	font-size: 1.125em;
	color: #fff;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 3;
}

.nav:before {
	content: "\e80c";
	font-family: "iconic";
	font-size: 1.538em;
	vertical-align: sub;
	margin-right: 10px;
}

.menu {
	display: block;
	z-index: 99;
	position: fixed;
	top: 0;
	left: -250px;
	width: 250px;
	height: 100%;
	overflow-y: scroll;
	text-align: left;
	background: #000;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: left 0.3s ease-in-out;
	-moz-transition: left 0.3s ease-in-out;
	-ms-transition: left 0.3s ease-in-out;
	-o-transition: left 0.3s ease-in-out;
	transition: left 0.3s ease-in-out;
}

.sitePusher .menu {
	left: 0;
}

.menu li {
	position: relative;
	border-bottom: 1px solid #303030;
}

.menu li.main span.derouler {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 18px;
	font: 30px/47px "iconic";
	color: #fff;
}

.menu li.main span.derouler:after {
	content: "\e80d";
}

.menu li a {
	display: block;
	padding: 9px;
	font-size: 1.0em;
	color: #fff;
	-webkit-transition: color 0.2s ease-in;
	-o-transition: color 0.2s ease-in;
	transition: color 0.2s ease-in;
}

@media screen and (max-width:959) {
	.menu li.sous_menu > a {
		padding-right: 47px;
	}
}

.menu li a.selected,
.menu li a:active,
.menu li:hover > a {
	color: #fff;
	background: #f54f15;
}

.menu li:hover > span.derouler,
.menu li.selected > span.derouler {
	color: #fff;
}

.menu ul li ul {
	display: block;
	z-index: 2;
	position: fixed;
	top: 0;
	left: -252px;
	width: 252px;
	height: 100%;
	overflow-y: auto;
	background: #000;
	-webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	-webkit-overflow-scrolling: touch;
}

.menu ul li ul.pushed {
	z-index: 3;
	left: 0;
}

.menu.noOver {
	overflow: hidden;
}

.menu ul li ul li {
	width: 203px;
}

.menu ul li ul li.close_menu {
	position: fixed;
	top: 0;
	bottom: 0;
	left: -47px;
	width: 46px;
	height: 100%;
	border-left: 1px solid #303030;
	background: #fff;
	-webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}

.menu ul li ul.pushed li.close_menu {
	z-index: 2;
	left: 203px;
}

.menu ul li ul li.close_menu:after {
	content: "\E037";
	position: absolute;
	top: 50%;
	left: 18px;
	margin-top: -10px;
	font: 25px "iconic";
	color: #fff;
}

/** MASK **/

.mask {
	display: block;
	z-index: -1;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	background: rgba(46,46,46,0.7);
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.sitePusher #container {
	position: fixed;
	width: 100%;
	overflow: visible;
}

.sitePusher .mask {
	z-index: 6000;
	opacity: 1 !important;
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
}

.sitePusher .mask:after {
	content: "\E077";
	position: absolute;
	top: 10px;
	left: 10px;
	width: 40px;
	height: 40px;
	text-align: center;
	font-family: "iconic";
	font-size: 40px;
	line-height: 40px;
	color: #fff;
}

/* TOP BAR */

.top_bar {
	display: block;
	position: relative;
	width: auto;
	margin: 0 auto;
}

.top_bar ul {
	display: none;
	text-align: right;
}

.top_bar li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.top_bar li a {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: auto;
	height: auto;
	padding: 5px 15px;
	font-size: 1em;
	color: #474747;
}

.top_bar li a:hover,
.top_bar li a.selected {
	color: #f54f15;
}

.top_bar li.sous_menu > a:after {
	margin-left: 5px;
	content: '\e040';
	font-family: 'iconic';
	display: inline-block;
}

.top_bar li:hover ul {
	display: block;
}

.top_bar li ul {
	display: none;
	text-align: left;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	background: #DADADA;
}

.top_bar li ul li {
	display: block;
}

.top_bar li ul li a {
	padding: 5px;
}

.top_bar li span.derouler {
	display: none;
}

/* BX SLIDER */

.slider {
	height: 150px;
	overflow: hidden;
}

.slider .bx-wrapper {
	display: block;
	z-index: 2;
	clear: both;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

.index-page .slider,
.index-page .slider video,
.slider .bx-wrapper,
.slider .bx-viewport,
.slider .bxslider,
.slider .bxslider li {
	width: 100%!important;
	height: 400px;
	background-color: #000;
}

.index-page .slider video {
	object-fit: cover;
}

.index-page .slider {
	position: relative;
}
.index-page .slider::after {
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #000;
    opacity: .8;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.slider .bxslider li {
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.slider .bxslider li.slide01 {
	background-image: url(../gifs/slide01_small.jpg);
}

.slider .bxslider li.slide02 {
	background-image: url(../gifs/slide02_small.jpg);
}

.slider .bxslider li.slide03 {
	background-image: url(../gifs/slide03_small.jpg);
}

.slider .bx-viewport {
	z-index: 1;
}


/*******************TTIRE SLIDE*/

.bxslider .container_slide{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	padding: 15px;
}
.bxslider .container_title{
	color:#fff;
	position:relative;
	top:50%;
	display:block;
	text-align:center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform:translateY(-50%);
}
.bxslider .container_title .small_title {
	display:none;	
	font-size:1.5em;
}
.bxslider .container_title .small_title:before {
    content: "";
    position: relative;
    display: block;
    width: 150px;
    height: 5px;
    background: #f54f15;
    margin: 0 auto 20px;
}
.bxslider .container_title .big_title {
	display:block;	
	font-size:2em;
	font-weight:700;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, .3);
}
.bxslider .container_title .link_slide, .bouton_orange a {
	background:#f54f15;
	padding: 10px 20px;
	text-transform:uppercase;
    display: block;
    margin: 0 auto;
    max-width: 270px;
	position:relative;
	overflow:hidden;
	color:#fff!important;
	font-weight:700;
}
.bxslider .container_title .link_slide:before, .bouton_orange a:before {
	left: -100%;
    top: 0;
	font-family:'iconic';
	content:"\e80f";
    position: absolute;
    height: 100%;
    width: 100%;
    line-height: 1.85;
    font-size: 150%;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	text-align:center!important;
}
.bxslider .container_title .link_slide span, .bouton_orange a span{
	display:inline-block;
	width:100%;
	height:100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;

}

.slider .bx-controls .bx-pager {
	z-index: 2;
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
	margin: 0 auto;
	max-width: 200px;
	text-align: center;
}

.slider .bx-controls .bx-pager-item {
	display: inline-block;
	margin: 0 5px;
	vertical-align: middle;
}

.slider .bx-controls .bx-pager-item a {
	display: block;
	width: 12px;
	height: 12px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	text-indent: -9999px;
	background: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

.slider .bx-controls .bx-pager-item a.active,
.slider .bx-controls .bx-pager-item a:hover {
	background: #f54f15;
}

.slider .bx-controls .bx-controls-direction {
	display: none;
}

.slider .bx-controls .bx-controls-direction a {
	z-index: 2;
	position: absolute;
	top: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 60px;
	margin-top: -40px;
	color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.slider .bx-controls .bx-controls-direction a.bx-prev {
	left: 30px;
	padding-left: 30px;
	text-align: left;
}

.slider .bx-controls .bx-controls-direction a.bx-next {
	right: 30px;
	padding-right: 30px;
	text-align: right;
}

.slider .bx-controls .bx-controls-direction a.bx-prev:hover {
	padding-left: 0;
}

.slider .bx-controls .bx-controls-direction a.bx-next:hover {
	padding-right: 0;
}

.slider .bx-controls .bx-controls-direction a:after {
	display: block;
	font-family: iconic;
	font-size: 6.154em;
}

.slider .bx-controls .bx-controls-direction a.bx-prev:after {
	content: '\E80e';
}

.slider .bx-controls .bx-controls-direction a.bx-next:after {
	content: '\E811';
}
/*******HEADER INTERNE*/
.header_interne{
	height:300px;
	display:none;
	background:#303030 center/cover no-repeat;
}
.header_interne:before{
    content: "";
    position: relative;
    display: block;
    width: 50px;
    height: 5px;
    background: #f54f15;
    margin: 0 auto 20px;
	top:40%;
}
.header_interne:after{
    display: block;
    font-size: 5em;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
	font-weight: 700;
	text-shadow: 0 1px 3px rgba(0,0,0,.3);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.qui-suis-je .header_interne{
	background-image:url(../gifs/quisuisje.jpg);
}
.coaching .header_interne{
	background-image:url(../gifs/coaching-header.jpg);
}
.e-coaching .header_interne{
	background-image:url(../gifs/Ecoaching-header.jpg);
}
.sponsoring .header_interne{
	background-image:url(../gifs/sponsoring-header.jpg);
}
.fitness-bar .header_interne{
	background-image:url(../gifs/fitness-bar-header.jpg);
}
.medias .header_interne{
	background-image:url(../gifs/medias-header.jpg);
}

.videos  .header_interne{
	background-image:url(../gifs/medias-header.jpg);
}

.actualites .header_interne, .mon-actualite .header_interne{
	background-image:url(../gifs/actualites-header.jpg);
}
.contact .header_interne, .le-shop .header_interne{
	background-image:url(../gifs/contact-header.jpg);
}

.bs-fitness-lille .header_interne {
	background-image:url(../gifs/actualites-header.jpg);
}

.bs-fitness-croix .header_interne {
	background-image:url(../gifs/quisuisje.jpg);
}

.qui-suis-je .header_interne:after{
    content: 'Qui suis-je ?';
}
.coaching .header_interne:after{
    content: 'Coaching';
}
.e-coaching .header_interne:after {
	content: 'E-coaching';
}
.sponsoring .header_interne:after{
    content: 'Sponsoring';
}
.fitness-bar .header_interne:after{
    content: 'Le Fitness Bar';
}
.medias .header_interne:after{
    content: 'Photos';
}

.videos .header_interne:after{
    content: 'Vidéos';
}
.actualites .header_interne:after{
    content: 'Actualités';
}
.contact .header_interne:after{
    content: 'Contactez-moi';
}
.le-shop .header_interne:after{
    content: 'Le Shop';
}

.mon-actualite .header_interne:after{
    content: 'Mon actualité';
	    width: 100%;
    text-align: center;
}

.bs-fitness-croix .header_interne:after{
    content: 'Bs Fitness CROIX';
}

.bs-fitness-lille .header_interne:after{
    content: 'Bs Fitness LILLE';
}

/****************************************************************************** CONTENT */

.content {
	position: relative;
	z-index: 0;
}
.centrage{
	max-width:1400px;
	margin: 0 auto;
	padding: 30px 15px;
	position:relative;
}
.centrage.sc-content{
	max-width:1100px;
}

.sc-content .bouton_orange{
	margin-top:30px;
}
/**********************************  INTRO INDEX*/

.container_img_intro{
	background: transparent url('../gifs/img_intro3.JPG') center/contain no-repeat;
	display:inline-block;
	width: 100%;
	max-height: 600px;
	margin: 0 auto;
	aspect-ratio: 1/2;
}


#bloc-texte-bas .container_img_intro{
	background: #eee url('../gifs/img_intro4.JPG') center/cover no-repeat;
	display:inline-block;
	height: 300px;
	width:100%;
}


/******************************** SPONSORING */
.index_sponsoring{
	background:#fff;
	text-align: center;
}
.index_sponsoring .title{
	font-size:2em;
	font-weight:700;
	margin-bottom:20px;
}
.index_sponsoring .title:before{
	content: "";
	position:relative;
    display: block;
    width: 190px;
    height: 5px;
    background: #f54f15;
    margin: 0 auto 20px;
}
.index_sponsoring .item_sponsoring{
	height:300px;
	width:95%;
	background:#4f4f4f url(../gifs/msayah.jpg) center/cover;
	display:block;
	position:relative;
}
.index_sponsoring #item2{
	background-image: url(../gifs/dlefebvre.jpg)	
}
.index_sponsoring #item3{
	background-image: url(../gifs/dsilalack.jpg)	
}

.index_sponsoring .container_title{
	background:rgba(245, 79, 21,.9);
	bottom:0;
	position:absolute;
	width:100%;
	left:0;
}
.index_sponsoring .nom_sponsor{
	padding: 10px;
	display:block;
	color:#fff;
	font-weight:700;
	text-align:left;
	font-size:1.286em;
}
.index_sponsoring .nom_sponsor .caps{
	text-transform: uppercase;	
}
.bouton_light a {
    font-weight: 700;
    font-size: 1.125em;
    text-transform: uppercase;
    color: #000;
    border: 1px solid;
    padding: 10px 50px;
    margin-top: 40px;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.bouton_light .icon_arrow{
	letter-spacing: -3px;	
	margin-right:5px;
}

/******************************** FITNESS BAR*/
.fitness_bar {
	background: #303030 url(../gifs/bg_fitnessbar.jpg) center/cover no-repeat;
	text-align:center;
	position: relative;
}
.fitness_bar:before {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:0;
	background: rgba(0,0,0,.7);
}

.fitness_bar .title{
	font-size:1.5em;
	letter-spacing:2px;
	margin-bottom:20px;
	color:#fff;
	text-transform: uppercase;
}
.fitness_bar .title:before{
	content: "";
	position:relative;
    display: block;
    width: 190px;
    height: 5px;
    background: #f54f15;
    margin: 0 auto 20px;
}
.fitness_bar .big_part{
	font-size:2em;
	color:#fff;
	font-weight:700;
	margin: 40px auto;
	line-height:1.5;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, .3);
}
/********************************** ENCART ACTU */

.encart_actu {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	background: #f3f3f3;
	text-align:center;
}
.encart_actu .title{
	font-size:2em;
	font-weight:700;
	margin-bottom:20px;
}
.encart_actu .title:before{
	content: "";
	position:relative;
    display: block;
    width: 170px;
    height: 5px;
    background: #f54f15;
    margin: 0 auto 20px;
}
.encart_actu li{
	text-align: left;
	width:95%;
}
.encartActualiteLienPhoto{
    width: 100%;
    height: 220px;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}
.encartActualiteLienPhoto img{
	width:100%;
	height:auto;
}
.encartActualiteLienPhoto img{
	height:auto;
}
.lien_encart_actu{	text-align: left;
	color : #000;
	font-weight:700;
	font-size:1.286em;
}

/******************************** COLONNE CENTRE */

.colonne_centre {
	position: relative;
	padding: 0 ;
}

.colonne_centre p {
	margin-bottom: 10px;
	letter-spacing: normal;
	text-align:justify;
}

.colonne_centre ul {
	display: block;
	margin: 10px 0 10px 30px;
}

.colonne_centre ul li {
	margin: 5px 0;
	list-style-type: disc;
}

.colonne_centre a {
	color: #8a8a8a;
}

.colonne_centre a:hover {
	color: #f54f15;
}

.videoWrapper {
    position: relative;
    height: 0;
    padding-top: 25px;
    padding-bottom: 56.25%;
    margin: 10px;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ENCART */

.encart {
	width: 100%;
	text-align: center;
}

.encart a {
	display: inline-block;
	width: 30%;
}

.encart a + a {
	margin-top: 0;
	margin-left: 3.8%;
}

/* FIL ARIANE */

#fil_ariane {
	margin-bottom: 10px;
}

#fil_ariane div {
	display: inline;
}


p.bouton {
	text-align: center;
}

.bouton a {
	display: inline-block;
	padding: 6px 10px;
	color: #fff;
	background: #006674;
}

.bouton a:hover {
	color: #fff;
	background: #e94e18;
}

p.bouton2 {
	text-align: right;
}

.bouton2 a {
	display: inline-block;
	padding: 6px 10px;
	color: #000;
	border: 1px solid #006674;
}

.bouton2 a:hover {
	color: #fff;
	background: #006674;
}

/* COLONNE GAUCHE */

.colonne_gauche {
	padding: 0 10px;
}

/* RELANCE */

#relance {
	display: block;
	margin-top: 20px;
	padding-top: 5px;
	border-top: 1px solid #999;
}

#relance ul li a {
	color: #5e5e5e;
}

#relance ul li a:hover {
	color: #000;
}

/* pagination actu + BDD */

.paginationControl {
	letter-spacing: normal;
	text-align: right;
}

.paginationControl a,
.paginationControl span {
	display: inline-block!important;
	padding: 3px 8px;
	color: #fff;
	background: #252525;
}

.paginationControl a:hover, .paginationControl span.selected {
	color: #fff;
	background: #e94e18;
}

.paginationControl span.disabled {
	color: #8F8F8F;
	background: #ccc;
}

.block_contact {
	max-width:1100px;
	margin: 0 auto;
	padding: 40px 0;
	position: relative;
}
.block_contact:before{
	content: "";
    display: block;
    height: 50px;
    width: 50px;
    position: absolute;
    top: -8px;
    background: #fff;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    -o-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%);
    left: 50%;
}
.info_contact {
	margin: 20px 0;
	padding: 15px 10px;
	border: 1px solid #dddddd;
	letter-spacing: -0.25em;
}

.block_contact .info_contact > div > div:before {
	display: inline-block;
	float: left;
	width: 30px;
	margin-right: 0;
	font-family: iconic;
	font-size: 1.4em;
	vertical-align: middle;
	text-align: center;
}

.block_contact .info_contact > div > div.info_mail:before {
	content: '\E004';
}

.block_contact .info_contact > div > div.info_tel:before {
	content: '\E021';
}

.block_contact .info_contact > div > div.info_adresse:before {
	content: '\E005';
}

.block_contact .info_contact > div > div.info_horaire:before {
	content: '\E073';
}

.block_contact .info_contact > div > div.info_rdv:before {
	content: '\E061';
}

.block_contact .info_contact > div > div.info_bus:before {
	content: '\E074';
}

.block_contact .info_contact > div > div.info_metro:before {
	content: '\E075';
}

.block_contact .info_contact > div > div.info_parking:before {
	content: '\E076';
}

.block_contact .info_contact > div > div p {
	display: block;
	overflow: hidden;
	vertical-align: middle;
}

.info_contact h2,
.formulaire_contact h2,
.carte h2 {
	margin-top: 0;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 1.23em;
}

.formulaire_contact .form_left h2 {
	margin-top: 20px;
	padding-top: 5px;

}

.info_contact p {
	margin: 0;
}

.info_contact > div {
	clear: both;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	letter-spacing: normal;
}

.info_contact div + div {
	margin-top: 10px;
	padding-top: 10px;
}

.info_contact div div + div {
	margin: 15px 0 0 0;
	padding-top: 0;
}

.info_contact p em,
.info_contact div a.btn_contact {
	display: block;
	margin-top: 5px;
	font-style: italic;
}

.info_tel p.telephones a {
	color: #5e5e5e;
	cursor: default;
}

.info_tel p.telephones a:hover {
	color: #5e5e5e;
}

/* Formulaire */
.container_contact{
	background:#f54f15;
}
.formulaire_contact {
	order: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	letter-spacing: -0.25em;
	box-ordinal-group: 1;
	-o-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-webkit-box-ordinal-group: 1;
	flex-order: 1;
	-o-flex-order: 1;
	-moz-flex-order: 1;
	-webkit-flex-order: 1;
	-o-order: 1;
	-moz-order: 1;
	-webkit-order: 1;
}
.formulaire_contact h2{
	color:#fff!important;
	text-align:center;
}
.formulaire_contact .form_left,
.formulaire_contact .form_right,
.formulaire_contact h2,
.carte h2 {
	letter-spacing: normal;
}

.formulaire_contact .form_left {
	clear: both !important;
}

/* styliser la couleur des placeholders dans les inputs */

:placeholder-shown {
	color: #999;
}
::-webkit-input-placeholder {
	color: #999;
}
::-moz-placeholder {
	color: #999;
}
:-ms-input-placeholder {
	color: #999;
}

.cp_ville:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.cp_ville p {
	float: left;
	width: 33%;
	clear: none !important;
}

.cp_ville p + p {
	float: right;
	width: 62.958%;
}

/********************************************************** FOOTER ***/

footer {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*******************************CONTACT FOOTER*/
.contact_footer{
	background: #f54f15;
	text-align: center;
}
.contact_footer p{
	color:#fff;
	font-size:1.5em;
}
.bouton_light.white a{
	font-size:1em;
	background:#fff;
	border:none;
	padding: 10px 20px;
}
/*************************** RESEAUX SOCIAUX */
.social_links{
	background:#252525;
	text-align:center;
}
.social_links a{
	display:inline-block;
	vertical-align: middle;
}
.social_links a:before{
	line-height:2;
	font-size:1.3em;
	display:block;
	content:"\f300";
	font-family: 'iconic';
	text-align:center;
	color:#fff;
	width:45px;
	height:45px;
	border:2px solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 3px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: color 0.2s ease-in;
	-o-transition: color 0.2s ease-in;
	transition: color 0.2s ease-in;
}
.social_links #link_insta:before{
	content:"\f32d";
}
.social_links #link_youtube:before{
	content:"";

	background:url(../gifs/YouTube_light_color_icon.png) no-repeat center;
	display: inline-block;
	height: 45px;width: 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
}
.social_links #link_youtube:hover:before{
	content:"";

	background:url(../gifs/YouTube_light_color_icon_color.png) no-repeat center;
	display: inline-block;
	height: 45px;width: 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
}
.social_links #link_snapchat::before{
	content: '';
	background-image: url('data:image/svg+xml,<svg width="35px" height="35px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>snapchat_fill</title><g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Brand" transform="translate(-624.000000, -48.000000)"><g id="snapchat_fill" transform="translate(624.000000, 48.000000)"><path d="M24,0 L24,24 L0,24 L0,0 L24,0 Z M12.5934901,23.257841 L12.5819402,23.2595131 L12.5108777,23.2950439 L12.4918791,23.2987469 L12.4918791,23.2987469 L12.4767152,23.2950439 L12.4056548,23.2595131 C12.3958229,23.2563662 12.3870493,23.2590235 12.3821421,23.2649074 L12.3780323,23.275831 L12.360941,23.7031097 L12.3658947,23.7234994 L12.3769048,23.7357139 L12.4804777,23.8096931 L12.4953491,23.8136134 L12.4953491,23.8136134 L12.5071152,23.8096931 L12.6106902,23.7357139 L12.6232938,23.7196733 L12.6232938,23.7196733 L12.6266527,23.7031097 L12.609561,23.275831 C12.6075724,23.2657013 12.6010112,23.2592993 12.5934901,23.257841 L12.5934901,23.257841 Z M12.8583906,23.1452862 L12.8445485,23.1473072 L12.6598443,23.2396597 L12.6498822,23.2499052 L12.6498822,23.2499052 L12.6471943,23.2611114 L12.6650943,23.6906389 L12.6699349,23.7034178 L12.6699349,23.7034178 L12.678386,23.7104931 L12.8793402,23.8032389 C12.8914285,23.8068999 12.9022333,23.8029875 12.9078286,23.7952264 L12.9118235,23.7811639 L12.8776777,23.1665331 C12.8752882,23.1545897 12.8674102,23.1470016 12.8583906,23.1452862 L12.8583906,23.1452862 Z M12.1430473,23.1473072 C12.1332178,23.1423925 12.1221763,23.1452606 12.1156365,23.1525954 L12.1099173,23.1665331 L12.0757714,23.7811639 C12.0751323,23.7926639 12.0828099,23.8018602 12.0926481,23.8045676 L12.108256,23.8032389 L12.3092106,23.7104931 L12.3186497,23.7024347 L12.3186497,23.7024347 L12.3225043,23.6906389 L12.340401,23.2611114 L12.337245,23.2485176 L12.337245,23.2485176 L12.3277531,23.2396597 L12.1430473,23.1473072 Z" id="MingCute" fill-rule="nonzero"></path><path d="M11.9999,2 C8.68615,2 5.99986,4.68629 5.99986,8 L5.99986,9.875 L5.09986,9.2 C4.65803,8.86863 4.03123,8.95817 3.69986,9.4 C3.36849,9.84183 3.45803,10.4686 3.89986,10.8 L5.76638,12.1999 C5.3218,13.3676 4.23864,14.5905 2.48537,15.6425 C2.00271,15.9321 1.85559,16.5864 2.16781,17.0547 C3.2857,18.7315 5.05971,20 6.99986,20 C8.78422,20 10.0074,22 11.9999,22 C14.0112,22 15.209,20 16.9998,20 C18.9399,20 20.7141,18.7316 21.8319,17.0547 C22.1441,16.5863 21.997,15.9321 21.5144,15.6425 C19.7611,14.5905 18.6779,13.3676 18.2333,12.1999 L20.0999,10.8 C20.5417,10.4686 20.6312,9.84183 20.2999,9.4 C19.9685,8.95817 19.3417,8.86863 18.8999,9.2 L17.9998,9.87504 L17.9999,8.00003 C17.9999,4.68632 15.3136,2 11.9999,2 Z" id="路径" fill="%23ffffff"></path></g></g></g></svg>');
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
	transition: all 0.3s ease-in-out;
}
.social_links #link_snapchat:hover::before{
	background-image: url('data:image/svg+xml,<svg width="35px" height="35px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>snapchat_fill</title><g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Brand" transform="translate(-624.000000, -48.000000)"><g id="snapchat_fill" transform="translate(624.000000, 48.000000)"><path d="M24,0 L24,24 L0,24 L0,0 L24,0 Z M12.5934901,23.257841 L12.5819402,23.2595131 L12.5108777,23.2950439 L12.4918791,23.2987469 L12.4918791,23.2987469 L12.4767152,23.2950439 L12.4056548,23.2595131 C12.3958229,23.2563662 12.3870493,23.2590235 12.3821421,23.2649074 L12.3780323,23.275831 L12.360941,23.7031097 L12.3658947,23.7234994 L12.3769048,23.7357139 L12.4804777,23.8096931 L12.4953491,23.8136134 L12.4953491,23.8136134 L12.5071152,23.8096931 L12.6106902,23.7357139 L12.6232938,23.7196733 L12.6232938,23.7196733 L12.6266527,23.7031097 L12.609561,23.275831 C12.6075724,23.2657013 12.6010112,23.2592993 12.5934901,23.257841 L12.5934901,23.257841 Z M12.8583906,23.1452862 L12.8445485,23.1473072 L12.6598443,23.2396597 L12.6498822,23.2499052 L12.6498822,23.2499052 L12.6471943,23.2611114 L12.6650943,23.6906389 L12.6699349,23.7034178 L12.6699349,23.7034178 L12.678386,23.7104931 L12.8793402,23.8032389 C12.8914285,23.8068999 12.9022333,23.8029875 12.9078286,23.7952264 L12.9118235,23.7811639 L12.8776777,23.1665331 C12.8752882,23.1545897 12.8674102,23.1470016 12.8583906,23.1452862 L12.8583906,23.1452862 Z M12.1430473,23.1473072 C12.1332178,23.1423925 12.1221763,23.1452606 12.1156365,23.1525954 L12.1099173,23.1665331 L12.0757714,23.7811639 C12.0751323,23.7926639 12.0828099,23.8018602 12.0926481,23.8045676 L12.108256,23.8032389 L12.3092106,23.7104931 L12.3186497,23.7024347 L12.3186497,23.7024347 L12.3225043,23.6906389 L12.340401,23.2611114 L12.337245,23.2485176 L12.337245,23.2485176 L12.3277531,23.2396597 L12.1430473,23.1473072 Z" id="MingCute" fill-rule="nonzero"></path><path d="M11.9999,2 C8.68615,2 5.99986,4.68629 5.99986,8 L5.99986,9.875 L5.09986,9.2 C4.65803,8.86863 4.03123,8.95817 3.69986,9.4 C3.36849,9.84183 3.45803,10.4686 3.89986,10.8 L5.76638,12.1999 C5.3218,13.3676 4.23864,14.5905 2.48537,15.6425 C2.00271,15.9321 1.85559,16.5864 2.16781,17.0547 C3.2857,18.7315 5.05971,20 6.99986,20 C8.78422,20 10.0074,22 11.9999,22 C14.0112,22 15.209,20 16.9998,20 C18.9399,20 20.7141,18.7316 21.8319,17.0547 C22.1441,16.5863 21.997,15.9321 21.5144,15.6425 C19.7611,14.5905 18.6779,13.3676 18.2333,12.1999 L20.0999,10.8 C20.5417,10.4686 20.6312,9.84183 20.2999,9.4 C19.9685,8.95817 19.3417,8.86863 18.8999,9.2 L17.9998,9.87504 L17.9999,8.00003 C17.9999,4.68632 15.3136,2 11.9999,2 Z" id="路径" fill="%23f54f15"></path></g></g></g></svg>');
}

.top_site_mobile:after {
	content: "\E051";
	display: block;
	padding: 6px;
}

.top_site_mobile {
	display: none;
	z-index: 20;
	position: fixed;
	right: 0%;
	bottom: 19%;
	padding: 3px 6px;
	font-family: "iconic";
	font-size: 1.38em;
	color: #fff;
	background: rgba(0,0,0,.9);
}

.rappel_telephonique,
#ami_box_frame,
#newsletter_iframe {
	padding: 0 10px;
}

.rappel_telephonique {
	padding-top: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.rappel_telephonique h1,
#ami_box_frame h1,
#newsletter_iframe h1 {
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: normal;
}

.rappel_telephonique .logo_rappel {
	width: 75%;
	margin: 0 auto;
	text-align: center;
}

.rappel_telephonique form {
	margin-right: 70px;
}

.rappel_telephonique form:after {
	content: url(../gifs/rappel.png);
	position: absolute;
	right: 11px;
	bottom: -15px;
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-ms-transform: scale(0.6);
	-o-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-transform-origin: 120% 7% 0;
	-moz-transform-origin: 120% 7% 0;
	transform-origin: 120% 7% 0;
	-ms-transform-origin: 120% 7% 0;
	-o-transform-origin: 120% 7% 0;
}

.logo_rappel img {
	max-width: 100%;
}

#ami_box_frame img {
	margin: 25px 0;
}

#newsletter_iframe form {
	text-align: right;
}

form.generateur p,
form.generateur div.divGenerateur,
form.generateur div.divGenerateurErreur {
	margin: 0 0 18px !important;
	padding: 0 !important;
	font-size: 1.000em !important;
	position: relative;
}

form.generateur p.erreur input,
form.generateur p.erreur textarea {
	border: 1px solid red;
}
#formulaire_1 label{
	color:#fff !important;
}
form.generateur label,
form.formulaire label,
#newsletter_iframe div label {
	display: block;
	float: none !important;
	width: 100% !important;
	margin: 0 0 4px !important;
	padding: 0 !important;
	text-align: left !important;
	line-height: normal !important;
	color: #555555;
}

form.generateur .divGenerateur label.optional {
	display: none;
}

form.generateur .noFloatingLabel {
	color: #5e5e5e;
}

.formulaire_contact p label span {
	display: inline-block;
	color: red;
}
#formulaire_1 p label span {
	display: inline-block;
	color: #303030;
	font-weight:700
}
form.generateur textarea,
form.formulaire textarea {
	height: 200px!important;
	padding-top: 10px!important;
}

form .form_left textarea {
	height: 160px;
}
#formulaire_1 .form_left textarea:hover {
	background:#d34313!important;
}
/* inscription newsletter bouton radio + checkbox */

.formulaire_contact input[type='checkbox'],
.formulaire_contact input[type='radio'] {
	width: auto !important;
	margin-right: 5px;
	vertical-align: text-top;
}

.divGenerateur ul,
.divGenerateur li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.divGenerateur label.optional {
	margin-bottom: 8px !important;
}

.divGenerateur li label {
	display: block;
	width: 100%;
}

/* bouton submit */

form.generateur .form_right input#field_3,
.rappel_telephonique form.generateur input#field_4 {
	max-width: 110px;
}

.divGenerateurRequired {
	margin-top: 5px;
	letter-spacing: normal;
}
#formulaire_1 .divGenerateurRequired {
	color:#fff!important;
	font-style:italic;
}
#formulaire_1.generateur div.divGenerateurRequired span.required{
	color:#fff;
	font-weight:700;
}
/* input newsletter */

.news {
	margin: 20px auto;
	padding: 10px;
	max-width: 1100px;
	text-align: center;
	background: #dddddd;
}

.news #form_newsletter input#submit_newsletter {
	display: none !important;
}

.news #form_newsletter input[type="text"] {
	width: 100%;
}

.news label {
	float: none !important;
	display: inline-block;
	vertical-align: middle;
}

.news #form_newsletter {
	display: inline-block;
	width: 65%;
	vertical-align: middle;
}

.news #mess_newsletter {
	display: block;
	margin-top: 7px;
	text-align: center;
	font-size: 0.92em;
}

.news #mess_newsletter:empty {
	margin-top: 0;
}

/* infobulle */

form.generateur p.erreur,
form.generateur div.divGenerateurErreur {
	border: none !important;
}

.divGenerateurErreur {
	display: block;
	clear: both;
}
#formulaire_1 p.erreur span.erreur,
#formulaire_1 div.divGenerateurErreur span.erreur {
	color:#303030!important;
	font-weight:700!important;
}


form.generateur p.erreur span.erreur,
form.generateur div.divGenerateurErreur span.erreur {
	background: none !important;
	color: #fff!important;
	display: block!important;
	font-size: 0.846em;
	margin: 0!important;
	padding: 0!important;
	font-weight:normal!important;
	font-style:italic;
}

div.valide,
div.erreur {
	position: relative;
	margin-bottom: 20px !important;
	padding: 15px !important;
	text-shadow: 1px 1px rgba(0,0,0,0.1);
	letter-spacing: normal;
	color: #fff !important;
}

div.valide {
	border: 1px solid #48b151;
	background: #55c65e !important;
}

div.erreur {
	border: 1px solid #d4323d;
	background: #f3515c !important;
}

div.valide:before {
	content: '\E017';
	display: inline-block;
	font-family: 'iconic';
	font-size: 1.538em;
	vertical-align: middle;
}

div.erreur:before {
	content: '\E806';
	display: inline-block;
	font-family: 'iconic';
	font-size: 1.538em;
	vertical-align: middle;
}

div.valide p,
div.erreur p {
	display: inline-block;
	margin: 0 0 0 15px !important;
	max-width: calc(100% - 40px);
	vertical-align: middle;
}

.validation {
	display: none;
}

/* message validation / erreur CONSEILLER A UN AMI */

.errors {
	text-align: right;
	color: red;
}

form.generateur .noFloatingLabel {
	white-space: normal !important;
	height: auto !important;
}

form.generateur p img.ui-datepicker-trigger {
	vertical-align: middle;
}

/***************************************************  Style pour TOUS les inputs text submit et button de tous les formulaires du site   ***********/
input[type=password],
input[type=text],
input[type=tel],
input[type=email],
textarea:not(.mce-textbox),
select {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 35px;
	padding: 0;
	border: 1px solid #fff;
	text-indent: 10px;
	vertical-align: middle;
	background: transparent;
}
#formulaire_1 input[type=password],
#formulaire_1 input[type=text],
#formulaire_1 input[type=tel],
#formulaire_1 input[type=email] {
	border-bottom: 1px solid #fff!important;
	border:none;
	color:#fff;
	font-family:"Poppins", sans-serif;
	font-size:1em;
}
#formulaire_1 textarea:not(.mce-textbox){
	border:none!important;
	background:#e54a16;
	color:#fff;
	padding: 10px;
	font-family:"Poppins", sans-serif;
	font-size:1em;

}

input[type=password]:hover,
input[type=text]:hover,
textarea:not(.mce-textbox):hover {
	background: #fff;
}
#formulaire_1 input[type=password]:hover,
#formulaire_1  input[type=text]:hover{
	background: transparent!important;
}


input[type=password]:focus,
input[type=text]:focus,
textarea:not(.mce-textbox):focus {
	padding: 0 10px;
	color: #555;
	background: #fff;
}
#formulaire_1  input[type=password]:focus,
#formulaire_1  input[type=text]:focus,
#formulaire_1  textarea:not(.mce-textbox):focus {
	background: transparent;
}


textarea:not(.mce-textbox) {
	text-indent: 0;
	padding: 5px;
	font-size: 1.000em;
	resize: none;
}

input.calendrier, input.calendrierAvecMenu {
	width: 90%;
}

#ui-datepicker-div {
	letter-spacing: normal;
}
#formulaire_1 input[type=submit],
#formulaire_1  input[type=button] {
	height:50px;
}
input[type=submit],
input[type=button] {
	display: inline-block !important;
	height: 35px;
	margin: 0;
	padding: 0 25px;
	border: none;
	vertical-align: middle;
	color: #fff;
	background: #303030;
	cursor: pointer;
	font-family:"Poppins", sans-serif;
	font-weight:700;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

input[type=submit]:hover,
input[type=button]:hover {
	color: #fff;
	background: #000;
}

.generateur select {
	text-indent: 5px;
	font-style: normal;
}

.generateur select option {
	padding: 2px 5px;
}

.generateur select option:hover, .generateur select option:checked {
	-webkit-box-shadow: 0 0 10px 100px #e94e18 inset;
	-moz-box-shadow: 0 0 10px 100px #e94e18 inset;
	box-shadow: 0 0 10px 100px #e94e18 inset;
	cursor:pointer;
}

.select-wrap {
	position: relative;
	background: #eee;
	display: block;
}
.select-wrap:after {
	position: absolute;
	right: 10px;
	top: 0;
	line-height: 35px;
	color: #818181;
	z-index: 1;
	content: '\E029';
	font-family: 'iconic';
	display: inline-block;
	vertical-align: middle;
	font-size: 1.538em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.select-wrap select {
	background: none;
	position: relative;
	z-index: 2;
}

.select-wrap:hover, .select-wrap:focus {
	background: #fff;
}

.select-wrap:hover:after {
	color: #1c1c1c;
}

form.generateur p.submit {
	margin: 0!important;
	text-align: right!important;
}
#formulaire_1.generateur p.submit{
	text-align:center!important;
}

/************************************************   Style spécifique pour certain input / button *********************/

/* Display none sur le deuxieme submit de la popup newsletter */

#newsletter_iframe #form_newsletter + #js_submit {
	display: none!important;
}

#newsletter_iframe form {
	overflow: hidden;
	text-align: right;
}
.tripleColonne{
	display: block;
	letter-spacing: -0.5em;
	text-align: center;
	
}
.tripleColonne section{
	letter-spacing: normal;
	display: inline-block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	text-align: center;
	float: none !important;
	vertical-align: top;
	margin-bottom: 20px;
}
.tripleColonne section img{
	max-width: 100%;width: auto;height:auto;
}
.galerie{
	letter-spacing: -0.05em;
}
.galerie div{display: block;
	width: 100%;
	letter-spacing: normal;
	
}

.galerie div img{display: block;
	width: auto;
	height: auto;
	max-width: 100%;
}

.insta {
	position: relative;
    overflow: hidden;
    padding-top: 75%;
	margin-top: 60px;
}

.insta iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
}

.none {
	display: none!important;
}

.img-fit-cover{
	object-fit: cover;
	object-position: center;
}

.ac-doubleColonne.grid-galerie-photos{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	margin-bottom: 2rem;
}
@media screen and (max-width: 992px) {
	.ac-doubleColonne.grid-galerie-photos{
		grid-template-columns: 1fr 1fr;
	}
}
@media screen and (max-width: 600px) {
	.ac-doubleColonne.grid-galerie-photos{
		grid-template-columns: 1fr;
	}
}
.ac-doubleColonne.grid-galerie-photos .ac-colonne{
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
}
.ac-doubleColonne.grid-galerie-photos .ac-colonne img{
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	object-fit: cover;
	object-position: center;
}

@media screen and (min-width:400px) {
.galerie div{display: inline-block;
	width: 49%;
}
	.rappel_telephonique form {
		margin-right: 140px;
	}

	.rappel_telephonique form:after {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	#newsletter_iframe #form_newsletter input[type="text"] {
		float: left !important;
		width: 73% !important;
	}

	#newsletter_iframe #form_newsletter input[type="submit"] {
		float: left !important;
		width: 25% !important;
		margin-bottom: 30px;
	}
}

@media screen and (min-width:480px) {
	.tripleColonne section{
	display: inline-block;
	width:50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	#container {
		max-width: 1100px;
		min-width: 480px;
	}

	/****************************************************************************** HEADER */

	/* LOGO */
	
	.info_tel p.telephones a, .contact_header a.tel {
		cursor: default;
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		outline: none;
	}

	p.bouton {
		text-align: right;
	}

	
	.imgLeft, .imgRight {
		max-width: none;
	}

	/* RELANCE */

	#relance ul li {
		display: inline-block;
		width: 30%;
	}

	#relance ul li a {
		padding-left: 12px;
		background: url(../gifs/puce.jpg) left center no-repeat;
	}

	.formulaire_contact {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0;
		border: none;
		background: none;
	}

	.formulaire_contact .form_left,
	.formulaire_contact .form_right {
		display: inline-block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 48.936249%;
		padding: 10px;
	}

	.formulaire_contact .form_left {
		float: right;
	}
	
	.formulaire_contact .form_left h2 {
		border: none;
		padding-top: 0;
		margin-top: 0;
	}

	/* ville + code postal */

	.cp_ville p {
		width: 40.425597%;
	}

	.cp_ville p + p {
		width: 57.446901%;
	}

}

@media screen and (min-width:600px) {

	.galerie {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	
	.galerie a {
		width: 33.33%;
		padding: 10px;
	}
	
	.galerie a img {
		width: 100%;
		height: auto;
	}



	.videoWrapper {
	
		display: inline-block;
		width: 46%;
	}

	
	.imgRight {
		float: right;
		position: relative;
		margin: 0 0 10px 10px;
		max-width: 90%;
		height: auto;
	}

	.imgLeft {
		float: left;
		position: relative;
		margin: 0 10px 10px 0;
		max-width: 90%;
		height: auto;
	}
	.bxslider .container_title .big_title {
		font-size:2.5em;
	}
	
	.galerie div{display: inline-block;
	width: 32.33%;
}
	.block_contact {
		display: block;
	}

	.ac-doubleLeft,
	.ac-doubleRight,
	.ac-colonne {
		float: left;
		width: 50%;
	}
	.ac-colonne.doubleLeft{
		padding: 20px 20px 20px 0!important;
	}
	.ac-colonne.doubleRight{
		padding: 20px 0 20px 20px !important;
		text-align: center;
	}
	.info_contact > div {
		display: inline-block;
		position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 31.914945%;
		padding: 0 0 0 15px;
		vertical-align: top;
	}

	.info_contact div + div {
		margin: 0 0 0 1.75%;
		padding: 0;
	}

	/* ville + code postal */

	.cp_ville p {
		width: 37%;
	}

	.cp_ville p + p {
		float: right;
		width: 57.958%;
	}

}

@media screen and (min-width:768px) {
		.tripleColonne section{
	display: inline-block;
	width:33.33%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	.index-page .colonne_centre .centrage{
		font-size:0;
		padding: 80px 15px;
	}
	.colonne_centre .container_texte{
		font-size:16px;
		width:50%;
		display:inline-block;
		padding-right: 40px;
		vertical-align: middle;
	}

	.colonne_centre  #bloc-texte-bas .container_texte{

		padding-left: 40px;
		
	}

	
	.container_img_intro{
		width:50%;
		max-width: 600px;
		display:inline-block;
		vertical-align: middle;
	}

	#bloc-texte-bas .container_img_intro {
		width: 50%;
		display: inline-block;
		vertical-align: middle;
	}
}
@media screen and (min-width:810px) {



	.galerie div{display:inline-block;
	width: 24%;
	
}

.galerie a {
	width: 25%;
	padding: 10px;
}

.videoWrapper {
	
	display: inline-block;
	width: 31%;
	padding-bottom: 17.25%;
}



}

@media screen and (min-width:1100px) {

	span.container_title {
	
		font-size: 6rem;
	
	}

	span.small_title {
	
		font-size: 1.5rem;
		
	}

	span.small_title:before {
	
		top: 24px;
	
	}

	.index-page header section {
		padding: 20px 10px;
		clear: both;
		background: transparent;
		position: fixed;
		z-index: 9;
		text-align: left;
		margin: auto;
		width: 100%;
	}

	.galerie div{display: inline-block;
	width: 19%;
}
	.no_mobile {
		display: inline-block;
	}

	/****************************************************************************** HEADER */

	header section {
		margin: auto;
		padding: 0;
		text-align: left;
		position:fixed;
		width:100%;
		z-index:3;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	header section .centrage{
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}

	header section.fixed{
		background:rgba(0,0,0,1);
	}
	header section.fixed .centrage{
		padding: 5px 15px;
	}
	header section.fixed .logo{
		-webkit-transform: scale(.8);
		-ms-transform: scale(.8);
		-o-transform: scale(.8);
		transform: scale(.8);
	}

	header section .centrage{
		padding: 15px;	
	}

	.nav {
		display: none;
	}

	/* LOGO */

	.logo {
		padding: 0;
		display: inline-block;
	}

	/* MENU */

	.top_bar ul {
		display: block;
	}

	.menu {
		top:10px;
		float:right;
		z-index: 3;
		clear: both;
		position: relative;
		left: auto;
		width:auto;
		height: auto;
		margin: 0 auto;
		overflow-y: visible;
		background: transparent;
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}

	.menu ul {
		text-align: center;
	}

	.menu li a {
		position: relative;
	}
	.menu li a.selected, .menu li a:active, .menu li:hover > a{
		background:transparent;
		color:#f54f15;
	}
	/****** SI MENU HORIZONTAL ******/

	.menu li {
		display: inline-block;
		position: relative;
		border-bottom: none;
		text-align: left;
	}

	.menu li.sous_menu > a:after {
		margin-left: 5px;
		content:url(../gifs/arrow.png);
		font-family: 'iconic';
		display: inline-block;
		transform: translateY(3px);
	}

	.menu li.main span.derouler {
		display: none;
	}

	.menu ul li.sous_menu .dropdown {
		display: none;
		position: absolute;
		top: auto;
		right: 0;
		left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		min-width: 150px;
		height: auto;
		margin: 0;
		padding: 10px 0;
		background: #000;
	}

	.menu ul li.sous_menu:hover > ul {
		display: block;
	}

	.menu ul li ul  {
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}
	
	.menu ul li ul li.close_menu:after {
		display: none;
	}

	.menu ul li ul li {
		display: block;
		width: auto;
		background: none !important;
	}

	.menu ul li ul li + li {
		border: none;
	}

	.menu ul li ul li.close_menu {
		display: none;
	}

	.menu li.sous_menu ul li a {
		text-align: left;
		font-size: 1em;
	}

	.menu ul li.sous_menu .dropdown li ul {
		display: block;
		position: relative;
		top: 0;
		right: 0;
		left: 0;
		text-align: left;
	}

	.menu ul li ul li ul li {
		display: block;
		margin: 0 0 0 12px;
	}

	.menu li.sous_menu ul li ul li a {
		padding: 2px 5px 2px 0;
		border-bottom: none;
		font-size: 1.077em;
	}

	.menu li.sous_menu ul li ul li a:hover,
	.menu li.sous_menu ul li ul li a.selected {
		color: #000;
	}
	.index-page .slider, .index-page .slider video, .slider .bx-wrapper, .slider .bx-viewport, .slider .bxslider, .slider .bxslider li{
		height:100vh;
		min-height:400px;
	}

	.slider .bxslider li{
		background-attachment: fixed;
	}
	
	
	.slider .bxslider li.slide01 {
		background-image: url(../gifs/slide01_big.jpg);
	}

	.slider .bxslider li.slide02 {
		background-image: url(../gifs/slide02_big.jpg);
	}

	.slider .bxslider li.slide03 {
		background-image: url(../gifs/slide03_big.jpg);
	}
	.bxslider .container_title .small_title {
		display:block;
	}
	.bxslider .container_title .big_title{
	    font-size: 80px;
		max-width: 90%;
		margin: 0 auto;
	}
	.slider .bx-controls .bx-controls-direction {
		display: block;
	}
	.bxslider .container_title .link_slide:hover span, .bouton_orange a:hover span{
		-webkit-transform: translateX(200%);
		-moz-transform: translateX(200%);
		-ms-transform: translateX(200%);
		transform: translateX(200%);
	}
	.bxslider .container_title .link_slide:hover:before, .bouton_orange a:hover:before {
		left:0;
	}
	/********************HEADER INTERNE*/
	.header_interne{
		display:block;
		height:60vh;
		min-height:400px;
		background-attachment : fixed ;
	}

	.clear_both.no_mobile {
		display: block;
	}

	.no_desktop {
		display: none !important;
	}

	#container {
		padding-top: 0;
		max-width: none;
		min-width: 1100px;
		left: inherit;
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}

	/****************************************************************************** CONTENT */

	.content {
		margin: auto;
	}
	#fil_ariane{
		text-align: center;
		margin-bottom: 20px;	
	}
	.container_picture{
		display:none;
		height:600px;
		background :#303030 center/cover no-repeat;
	}
	.fitness-bar .container_picture{
		display:block;
		background-image:url(../gifs/fitness_bar.jpg)
	}
	.social_links .centrage{
		padding: 50px 15px;
	}


	/******************************** COLONNE CENTRE */

	.colonne_centre {
		display: block;
		position: relative;
		padding: 0;

	}
	.sponsoring h1{
		text-align: center;
		margin-bottom:20px;
	}
	.sponsoring h1:before{
		margin: 0 auto 20px
	}
	.centrage{
		padding: 100px 15px;
	}
	.page-contact .colonne_centre .centrage{
		padding-bottom:50px!important;
		text-align: center;
	}
	.page-contact .centrage h1:before{
		margin: 0 auto 20px;
		width:70px;
	}

	.page-contact .centrage p{
		text-align: center;
	}
	.bouton_light a:hover{
		background:#000!important;
		color:#fff;
	}
	.social_links a:hover:before{
		color:#f54f15
	}

	/*******FITNESS BAR*/
	.fitness_bar{
		min-height: 500px;
		background-attachment: fixed;
	}
	.fitness_bar .big_part{
		font-size: 3.5em;
	}
	
	/******ENCART CONTACT*/
	.contact_footer p{
		font-size:2.5em
	}
	.bouton_light.white a{
		font-size:.5em;
	}

	/*******ENCART ACTU INTERNE*/
	body:not(.index-page) .encart_actu{
		background:#f3f3f3;
	}


	/****************************************************************************** FOOTER */
	
	footer section {
		margin: auto;
		max-width: 1100;
	}

	.top_site_mobile {
		display: none !important;
	}

	.adresse_footer {
		display: block;
		float: left;
	}

	.navigation {
		display: inline-block;
		text-align: right;
		font-size: 1.28em;
		cursor: pointer;
	}

	.navigation:hover {
		text-decoration: underline;
	}

	/* footer box */

	.black {
		display: none;
		z-index: 10;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../gifs/black.png) repeat;
	}

	.close {
		display: block;
		position: absolute;
		top: -10px;
		right: -10px;
		width: 28px;
		height: 29px;
		background: url(../gifs/close.png) no-repeat;
		cursor: pointer;
	}

	#navigation_frame {
		display: none;
		z-index: 70;
		position: fixed;
		top: 20%;
		left: 50%;
		width: 770px;
		margin-left: -395px;
		padding: 10px;
		background: #fff;
	}

	#navigation_frame a {
		color: #000;
	}

	#navigation_frame a:hover {
		text-decoration: underline;
	}

	.lien_footer {
		display: table;
		width: 100%;
		border-spacing: 5px;
	}

	/* logo footer */
	#navigation_frame ul {
		display: table-cell;
	}

	#navigation_frame ul li.sousLi {
		margin-left: 3px;
		padding-left: 3px;
		border-left: 1px solid #5e5e5e;
	}

	a.logo_footer {
		display: table-cell;
		width: 200px;
		background: #ccc;
	}

	a.logo_footer:hover {
		opacity: 0.7;
	}
}

@media screen and (min-width:1100px) {
	
	#navigation_frame {
		width: 920px;
		margin-left: -470px;
	}

	.lien_footer {
		border-spacing: 15px;
	}
}