@font-face {
	font-family: 'BebasNeue-Regular';
	src: url('/css/fonts/BebasNeue-Regular.woff') format('woff'), /* Modern Browsers */
	url('/css/fonts/BebasNeue-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}

html,body {
	font-family: 'Poppins', Arial, sans-serif;
	font-size:14px;
	margin:0;
	padding:0;
	color:#000;
	background:#fff;
}

/********** GLOBALE ***********/
p{margin:0 0 10px 0;padding:0;text-align:justify;}

img {border: 0 none;max-width: 100%;}
.imgLeft{float:left;margin:0 10px 1px 0;}
.imgRight{float:right;margin:0 0 1px 20px;}
.imgBorder{border:4px solid #706262;}
.clear{clear:both;}
.succes {font-weight:bold;color:#4ca100;}
.echec {font-weight:bold;color:#ff0000;}
.obligatoire {font-weight:bold;color:#ff0000;}
.center{text-align:center;}
.right{text-align:right;}
a {color:#fff;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}

h1{font-size:28px;color:#961913;margin:0;padding:0;}
h2{font-size:26px;color:#961913;margin:0;padding:24px 0 4px 0;}
h3{font-size:20px;color:#961913;margin:0;padding:4px 0 4px 0;}

.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;height:auto}
.embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}


/* CONTENU */

.container{width:1100px;margin:0 auto;position:relative;padding:0;}

.bandeau {
	background: #fdc646;
	color : #961913;
	display: flex;
	align-items: center;
	min-height: 60px;
	font-family: 'BebasNeue-Regular';
	font-size: 30px;
	gap: 10px;
	justify-content: center;
	font-weight: normal;
	flex-wrap: wrap;
}

.bandeau2 {
	background: #fdc646;
	color : #961913;
	display: flex;
	align-items: center;
	height: 60px;
	font-size: 20px;
	gap: 10px;
	justify-content: center;
}

.galerieimage {
	position: relative;
	user-select: none;
}
.galerieimage .prec {
	position: absolute;
	top: 50%;
	color: white;
	font-size: 40px;
	transform: translateY(-50%);
	cursor: pointer;
	transition: transform 0.3s;
	text-shadow: 0 0 3px black;
}
.galerieimage .suiv {
	position: absolute;
	top: 50%;
	right: 2%;
	color: white;
	font-size: 40px;
	transform: translateY(-50%);
	cursor: pointer;
	transition: transform 0.3s;
	text-shadow: 0 0 3px black;
}
.galerieimage .suiv:hover, .galerieimage .prec:hover {
	transform: translateY(-50%) scale(1.1);
}
.galerieimage img {
	display: block;
	margin : auto;
}

header{
	font-family: 'BebasNeue-Regular';
	font-size: 30px;
	/*position: fixed;*/
	background: #fdc646;width: 100%;z-index: 9999;
	color : #961913;
	display: flex;
	align-items: center;
}

#headergauche {
	float: left;
	width: 430px;
}

#accroche  {

	width: 330px;
	margin: 140px 0 30px 0;
}

#accroche .titre {
	color: #fdc646;
	font-size: 35px;
	font-weight: normal;
	line-height: 40px;
	font-family: 'BebasNeue-Regular';
}

#accroche .ligne {
	border-bottom: 2px solid #fdc646;
	margin: 20px 0;
}

#accroche .desc {
	color : white;
	font-size: 20px;
}

#h_logo{background-color:#010101;padding:8px 0 0 10px;float:left;width:420px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#h_logo img {     height: 70px;}
.h_nav{
	background: #fdc646;
	color: #961913;
	font-size: 35px;
	font-weight: normal;
	line-height: 40px;
	font-family: 'BebasNeue-Regular';
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	flex-wrap: wrap;
	padding : 10px;
}
#h_nav{
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	flex-wrap: wrap;
	position: fixed;
	width: 100%;
	top: 0;
	background: #fdc646;
	z-index: 2;
}
#h_nav > div{
	text-align: center;
	/*min-width: 100px;*/
}
#h_nav a {
	color:#961913;
}
#h_nav a:hover {
	color:#fff;
}

#h_nav ul{margin:0;padding:0 0 0 10px;list-style-type: none;}
#h_nav ul li {float: left;}
#h_nav ul li a{color:#961913;}
#h_nav ul li a:hover{color:#fff;}
@media (max-width: 950px) {
	#h_logo{float:none;width: 100%;text-align: center}  
	#h_nav ul li {padding:14px 5px 15px 5px;}
	#h_nav ul li a{font-size:14px;}
}

article{clear: both;}

.int{background:#eef2f6;padding:30px 0;color:#768ca2;}
.int2{background:#fff;padding:30px 0;color:#000;}
.int3{background:#eef2f6;padding:30px 0;color:#000;}

.btn{background-color:#961913;color:#fff;padding:10px 40px;border-radius: 25px 25px 25px 25px}
.btn2{background-color:#fff;color:#fdc646;padding:10px 40px;border-radius: 25px 25px 25px 25px;border:1px solid #fdc646;font-weight: bold;}
.btn2:hover{background-color:#fdc646;color:#fff;}

.btn3{background-color:#961913;color:#fff;padding:10px 40px;border-radius: 25px 25px 25px 25px;border:1px solid #961913;font-weight: bold;}
.btn3:hover{background-color:#fff;color:#961913;}

.titre{font-size: 20px;text-transform: uppercase;}

.col25{float: left;width:25%;}
.col33{float: left;width:33%;}
.col50{float:left;width: 50%;}

@media (max-width: 700px) {.col50,.col25,.col33{float: none;width:100%;}}	

#top{margin:0;padding:0;}

	.bxslider{margin: 0;padding:0;list-style-type: none;}
		.bx-wrapper {position: relative;margin:0 auto;padding:0;width:auto;height: 700px;}
		.bx-wrapper img {display:block;width:100%;height: 100%}
		.bx-wrapper .bx-viewport {background: #fff;-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}
		.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position: absolute;width: 100%;}
		
		.bx-wrapper .bx-loading {min-height: 50px;background: url(../images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
		
		.bx-wrapper .bx-pager {display:none;position: absolute;top:10px;left:10px;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;}
		.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
		.bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
		.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
		
		.bx-wrapper .bx-prev {display:none;left:20px;background: url(../images/fleche-gauche.png) no-repeat;width:32px;height:110px;}
		.bx-wrapper .bx-next {display:none;right:20px;background: url(../images/fleche-droite.png) no-repeat;width:32px;height:110px;}
		.bx-wrapper .bx-prev:hover {background-position: 0 -110px;}
		.bx-wrapper .bx-next:hover {background-position: 0 -110px;}
		.bx-wrapper .bx-controls-direction a {position: absolute;top:180px;outline: 0;width:32px;height:110px;text-indent: -9999px;z-index: 9999;}
		.bx-wrapper .bx-controls-direction a.disabled {display: none;}


#presse_visuel{background-image: url(../images/fond.jpg);background-position: bottom center;background-size: cover;min-height: 300px;padding-top:60px;}
#presse_visuel .p_titre{width: 260px;background: #fff;padding:10px;font-size:20px;font-weight: bold;}
#presse_visuel .p_titre span{color:#fdc646;}

#visuel{background-image: url(../images/fond.jpg);background-position:  center;background-size: cover;
		padding-top : 100px;}
.visuel{background-image: url(../images/fond.jpg);background-position:  center;background-size: cover;
		padding-top : 100px;}
	#btn_video{float: left;margin:60px 120px 120px 0;}
	#formulaire{
		float:left;width:430px;background: #fdc645;margin:50px 0 110px 0;
		color: #961913;
	}

	.iframelarge {
		width: 100%;
		min-width: 1000px;
		height : 90vh;
	}

	.pageExposants  {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap : 20px;
		justify-content: space-around;
	}

	.pageExposants > div {
		display: flex;
		flex-direction: column;
		text-align: left;
		width: 250px;
		gap : 5px;
	}

	.ex_promoteur .titre {
		background-color : #e33041;
		color : #fff;
		padding : 3px;
		text-align : center;
	}
	.ex_financement .titre {
		background-color : #eb852d;
		color : #fff;
		padding : 3px;
		text-align : center;
	}
	.ex_institution .titre {
		background-color : #f7cd4c;
		color : #fff;
		padding : 3px;
		text-align : center;
	}
	.ex_partenaire .titre {
		background-color : #965085;
		color : #fff;
		padding : 3px;
		text-align : center;
	}

	.ex_promoteur span {
		color : #e33041;
	}
	.ex_financement span {
		color : #eb852d;
	}
	.ex_institution span {
		color : #f7cd4c;
	}
	.ex_partenaire span {
		color : #965085;
	}

		.titregros{font-size:60px;font-weight: normal;line-height: 75px;
			margin : 30px;
			font-family: 'BebasNeue-Regular';
		}

		#form_titre{padding:20px 20px 0 20px;font-size:30px;font-weight: normal;line-height: 35px;

			font-family: 'BebasNeue-Regular';
		}
		#form_titre strong{color:#961913;}
		
		#form{font-size:14px;padding:10px 0 0 20px;}
			#form p {padding:0 0 10px 0;margin:3px;font-size:14px;color:#3e3938;clear:both;line-height:20px;}
			#form label{padding:0 0 5px 0;font-size:16px;color:#000;width:47%;display:block;float:left;}
			#form .focus {width:90%;background:#fff;color:#aabfd4;border:1px solid #961913;}
			#form .normal {width:90%;background:#fff;color:#aabfd4;border:1px solid #aabfd4;border-radius: 5px 5px 5px 5px;}
			
			#form input {font-family: 'Poppins', Arial, sans-serif;font-size:14px;color:#686767;height:22px;padding:3px 3px 3px 6px;}
			#form select {text-transform: uppercase;font-family: 'Poppins', Arial, sans-serif;font-size:14px;height:32px;padding:3px 3px 3px 6px;width:90%;background:#fff;color:#961913;border:1px solid #aabfd4;border-radius: 5px 5px 5px 5px;}
			#form .erreur{border:1px solid #f00;color:#f00;}
			#form .bouton{

				font-family: 'BebasNeue-Regular';
				border:0;padding:10px 30px;margin:5px 30px 0 0;height:50px;background:#961913;color:#fff;font-size:25px;cursor:pointer;
			}
			#form .bouton:hover{color:#fff;background:#961913;}
				
			#form_validation{color:#000;font-size:10x;padding:0 10px 0 10px;text-align:center;}

.huitjours {
	font-family: 'BebasNeue-Regular';
	width: 600px;
	margin : 60px auto;
	display: flex;
	font-size: 28px;
}
a.huitjours:hover {
	color : white;
}

.huitjours .huit {
	color : #fdc645;
	font-size: 300px;
}
.huitjours .texte {
	margin-top:50px;
	margin-left: 40px;
}
.huitjours .texte > div:first-child{
	display: flex;
	position: relative;
}
.huitjours .jours {
	left: -61px;
	top: -20px;
	font-size: 40px;
	position: relative;
	transform : rotate(-7deg);
	color : #961913;
	background-color : #fdc645;
	padding: 3px 20px;
}
.huitjours .jours ~div {
	left: -52px;
	position: relative;
}
.huitjours span {
	color : #961913;
	background-color : #fdc645;
	padding: 0px 10px;
}

#projets{padding:60px 0;text-align: center;}

#webinar{background: #fdc646;min-height: 140px;clear:both;margin-top:40px;padding:40px 0 0 0;}
.webinar{width:90%;margin:0 5%;}
.webinar_top{border-radius:15px 15px 0 0;padding:20px 30px 0 30px;height:180px;}
.webinar_titre{text-align: center;text-transform: uppercase;color:#fff;font-weight: bold;font-size:20px;padding-bottom: 15px;}
.webinar_texte{text-align: center;color:#fff;}
.webinar_content{background: #f2f2f2;height: 150px;border-radius: 0 0 15px 15px;}
.webinar_content_g{float:left;width: 50%;}
.webinar_content_d{float:left;width: 44%;padding:20px 3% 0 3%;color:#961913;line-height: 16px;}
.webinar_date{color:#777777;text-align: center;padding:20px 0 30px 0;}
.webinar_btn{text-align: center;}

.owl-nav .owl-prev{position: absolute;top:f2f2f2; left:-10px;}
.owl-nav .owl-next{position: absolute;top:150px; right:-10px;}

.owl-nav .owl-next span{color:#fff;font-size:60px;}
.owl-nav .owl-prev span{color:#fff;font-size:60px;}


.presse{}
.presse_logo{float: right;margin:0 0 20px 20px;}
.presse_titre{}
.presse_date{color:#fdc646;padding:5px 0 10px 0;}
.presse_suite{padding:20px 0 20px 0;text-align: center;}

.presse_sep{display:none;}
@media (max-width:1020px) {.presse_sep{display:block;height: 40px;}}

@media (max-width:850px) {
	.presse_logo{float: none;margin:0;text-align: center;}
}



.programmes{float:left;width:31%;margin:0 1% 20px 1%;position: relative;color:#fff;background:#961913;}
.programmes_ville{min-height: 24px;position: absolute;top:0;width: 100%;background: rgba(0,0,0,0.6);text-transform: uppercase;padding:5px 0;font-size:16px;}
.programmes_img{min-height: 206px;}
.programmes_img img{width: 100%; height: 200px; }
.programmes_slogan{background:#961913;text-transform: uppercase;padding:0 0 4px 0;min-height: 22px;}
.programmes_descriptif{
	background:#fdc646;padding:5px; min-height: 100px;
}
	.programmes_nom{padding:0 0 10px 0;}
	.programmes_prix{}
	.programmes_logo img{margin:0 10px;}

.programmes_autres{padding:40px 15px 15px 15px;background: #961913;font-weight: bold;font-size:18px; min-height: 190px;line-height: 20px;}

@media (max-width: 1100px) {.programmes_descriptif{min-height: 150px;}}	
@media (max-width: 700px) {.programmes{width:48%;}}	
@media (max-width: 500px) {.programmes{width:98%;}.programmes_descriptif{min-height: auto;}}	

.p_avant{}

.p_lancement{background:#fdc646;}
.p_lancement .programmes_slogan{background:#fdc646;}
.p_lancement .programmes_descriptif{background:#961913;}

.p_travaux{background:#fdc646;}
.p_travaux .programmes_slogan{background:#fdc646;}
.p_travaux .programmes_descriptif{background:#961913;}

.p_dernier{background:#fdc646;}
.p_dernier .programmes_slogan{background:#fdc646;}
.p_dernier .programmes_descriptif{background:#000000;}



#programme{
	margin-top: 65px;
}

#programme_prendre_rdv{position: fixed;top:100px;right:0;z-index:999;}
#programme_prendre_rdv .commercial{position: absolute;top:10px;left:38px;width: 60px;height:60px;border-radius: 45px 45px 45px 45px;}

#programme_plaquette{position: fixed;top:284px;right:0;z-index:999;}

#programme_visuel{padding:60px 20px;min-height: 500px;}

#programme_typologie{margin-top:-40px;}

#programme_recap{background: #fff;width: 320px;padding:20px;}
#programme_recap .statut{font-size:20px;color:#fdc646;font-weight: bold;}
#programme_recap .libelle{font-size:20px;font-weight: bold;text-transform: uppercase}
#programme_recap .resume{padding:25px 0;}
#programme_recap .promoteur{text-transform: uppercase;font-weight: bold;font-size:20px;text-transform: uppercase;}
#programme_recap .livraison{font-weight: bold;font-size:16px;padding-top: 20px;}

#programme_descriptif .col50{padding:0 1%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#programme_descriptif{padding:60px 20px;}
#programme_descriptif h2{color:#000;text-align:center;}


#programme_liens{padding:60px 20px;}
#programme_liens .col25{padding:0 5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#programme_liens a{color:#961913;font-size:20px;}
#programme_liens a div{border:1px solid #961913;border-radius:45px 45px 45px 45px;padding:6px 0;}
#programme_liens a.saumon{color:#fdc646;}
#programme_liens a.saumon div{border:1px solid #fdc646;}
#programme_liens a:hover div{color:#fff;background: #961913;border:1px solid #961913;}
#programme_liens a.saumon:hover div{color:#fff;background: #fdc646;border:1px solid #fdc646;}
@media (max-width: 700px) {.programme_liens_center{float: none;display:none;}}


#programme_offre{background:#fdc646;padding:60px 20px;color:#fff;font-size:20px;line-height: 20px;}
#programme_offre_titre{color:#fff;font-size:28px;border:1px solid #fff;font-weight: bold;padding:40px 5px;line-height: 36px;}
#programme_offre .col50:first-child{border-right: 1px solid #fff;}
#programme_offre .col50{width:39%;padding-left:5%;padding-right:5%;}
@media (max-width: 700px) {#programme_offre .col50{float: none;width:90%;}  #programme_offre .col50:first-child{border-right: none;padding-bottom: 20px;}}	

#programme_lots{padding:20px 0 60px 0;}
#programme_lots p{text-align: center;padding:5px 0;margin:0;}
#programme_lots p:nth-child(2n) {background-color:#961913;color:#fff;}

#programme_contact{background: #e5e5e5;padding:20px 0 40px 0;}
#programme_contact a{color:#961913;font-size:18px;}
#programme_contact a:hover{color:#000;}
#programme_contact a.saumon{color:#eb444a;}
#programme_contact a.saumon:hover{color:#000;}


#etre_rappele_popup, #prendre_rdv_tel_popup, #prendre_rdv_popup{display:none;background:#fff;padding:30px;}
#etre_rappele_popup h2,#prendre_rdv_tel_popup h2,#prendre_rdv_popup h2{text-align: center;}



#simplemodal-overlay {background-color:#000;}
#simplemodal-container {margin-top:50px;}
.simplemodal-close{position:absolute;top:-20px;right:-20px;}

.form_prog_g{float:left;width: 45%;}
.form_prog_d{float:left;width: 45%;margin-left:10%;}


	.form_prog{font-size:14px;width: 600px;}
			.form_prog p {padding:20px 0 10px 0;margin:3px;font-size:14px;color:#3e3938;clear:both;line-height:20px;}
			.form_prog label{padding:0 0 5px 0;font-size:16px;color:#000;width:47%;display:block;float:left;}
			.form_prog .focus {width:100%;background:#fff;color:#686767;border:none;border-bottom:1px solid #000;}
			.form_prog .normal {width:100%;background:#fff;color:#686767;border:none;border-bottom:1px solid #000;}
			
			.form_prog input {font-family: 'Poppins', Arial, sans-serif;font-size:14px;color:#686767;height:22px;padding:3px 3px 3px 6px;}
			.form_prog select {font-family: 'Poppins', Arial, sans-serif;font-size:14px;color:#686767;height:32px;padding:3px 3px 3px 6px;width:100%;background:#fff;color:#686767;border:none;border-bottom:1px solid #000;}
			.form_prog .erreur{border:1px solid #f00;color:#f00;}
			.form_prog .bouton{border:0;padding:10px 30px;margin:5px 30px 0 0;height:50px;background:#010101;color:#fff;font-size:16px;cursor:pointer;border-radius: 25px 25px 25px 25px;}
			.form_prog .bouton:hover{color:#fff;background:#961913;}
			.form_prog .mentions{color:#aeb1b1;font-size:12px;}

@media (max-width: 600px) {
	.form_prog{width:90%;}
	.simplemodal-close{position:absolute;top:0px;right:0px;}
}


#arguments{background:#f3f3f3;padding:60px 0;text-align: center;font-size: 20px;}
.bloc{float:left;width: 21%;margin:0 2%;height:350px;background: #fff;border-radius: 0 0 5px 5px;font-size:11px;color:#768ca2;}
.bloc strong{font-size: 14px;}
.bloc div{padding:10px;}

#dispositifs{padding:60px 0;text-align: center;font-size: 20px;text-transform: uppercase;}
#dispositifs img{margin:0 40px;}


#promoteurs{padding:60px 0;text-align: center;font-size: 20px;}
#evenement{background:#f3f3f3;}

#partenaires{padding:60px 0;text-align: center;font-size: 20px;}

.owl-carousel .owl-stage {
	display: flex;
	align-items: center;
	justify-content: center;
	gap : 30px;
}


	
#form_contact{font-size:14px;padding:10px 0 0 20px;}
	#form_contact p {padding:0 0 20px 0;margin:3px;font-size:14px;color:#3e3938;clear:both;line-height:20px;}
	#form_contact label{padding:0 0 5px 0;font-size:16px;color:#000;width:90%;display:block;float:left; }
	#form_contact .focus {width:90%;background:transparent;color:#000;border:none;border-bottom:1px solid #961913;}
	#form_contact .normal {width:90%;background:transparent;color:#000;border:none;border-bottom:1px solid #000;}
	
	#form_contact input {font-family: 'Poppins', Arial, sans-serif;font-size:16px;color:#000;height:22px;padding:3px 3px 3px 6px;}
	#form_contact textarea {font-family: 'Poppins', Arial, sans-serif;font-size:16px;height:100px;padding:3px 3px 3px 6px;width:90%;background:transparent;color:#000;border:none;border-bottom:1px solid #000;}
	#form_contact .erreur{border:1px solid #f00;color:#f00;}
	#form_contact .bouton{border:0;padding:10px 30px;margin:5px 30px 0 0;height:50px;background:#010101;color:#fff;font-size:16px;cursor:pointer;border-radius: 25px 25px 25px 25px;}
	#form_contact .bouton:hover{color:#fff;background:#961913;}
		
	#form_contact_validation{color:#000;font-size:10x;padding:0 10px 0 10px;text-align:center;}





footer{clear:both;background-color:#010101;padding:30px 0 20px 0;color:#fff;}
	#footer_g{float:left;width: 40%;font-size: 13px;}
	#footer_m{float:left;width: 30%;text-align: left;font-size:20px;}
		#footer_m a:hover{color:#961913;}
	#footer_d{float:left;width: 30%;}

		.facebook{float:left;display:block;width:40px;height:40px;position: relative;background:url(../images/facebook.png) top left;text-indent:-3000px;margin-right:10px;}
		.twitter{float:left;display:block;width:40px;height:40px;position: relative;background:url(../images/twitter.png) top left;text-indent:-3000px;margin-right:10px;}
		.youtube{float:left;display:block;width:40px;height:40px;position: relative;background:url(../images/youtube.png) top left;text-indent:-3000px;margin-right:10px;}
		.linkedin{float:left;display:block;width:40px;height:40px;position: relative;background:url(../images/linkedin.png) top left;text-indent:-3000px;margin-right:10px;}
		.instagram{float:left;display:block;width:40px;height:40px;position: relative;background:url(../images/instagram.png) top left;text-indent:-3000px;margin-right:10px;}
		
		.facebook:hover,.linkedin:hover,.twitter:hover,.youtube:hover,.instagram:hover{background-position:bottom left;}





		#programme_chat {
			display: block;
			position: fixed;
			z-index: 99;
			bottom: 0;
			right: 0;
			height: 65px;
			width: 65px;
			overflow: hidden;
			background-color: #fdc646;
			color : #961913;
		}
		#programme_chat_btn {
			background-color: #fdc646;
			cursor: pointer;
		}
		#programme_chat_btn:hover {
			background-color: #f6cd6f;
		}
		#programme_chat svg {
			display: block;
			width: 80%;
			margin : 10% auto;
		}
		#programme_chat iframe {
			display: none;
		}
		#programme_chat.ouvert {
			width: 300px;
			height: 500px;
		}
		#programme_chat.ouvert #programme_chat_btn {
			height: 30px;
		}
		#programme_chat.ouvert svg {
			width : 25px;
			height: 25px;
			margin : 3px auto;
		}
		#programme_chat.ouvert iframe {
			display: block;
			height: calc(100% - 35px);
		}

		
@media (max-width: 1100px) {
	.container{width:94%;}
}	

@media (max-width:850px) {
	#btn_video{float: right;margin:120px 10px 0 0;}
}
@media (max-width: 780px) {
	.bloc{float:left;width: 46%;margin:0 2%;margin-bottom: 20px;}
	#footer_g{float:none;width:100%;text-align: center;}
	#footer_m{float:none;width:100%;text-align: center;}
	#footer_d{float:none;width:200px;margin:0 auto;position: relative;padding:20px 0;}

	#headergauche {
		width: 100%;
	}

	#accroche {
		width: 90%;
		margin: 20px auto;
	}

	#btn_video{float: none;margin:0 auto;position: relative;width: 240px;padding-top:20px;}
	#formulaire{float:none;width:90%;margin:20px auto;position: relative;}
}	


@media (max-width: 500px) {
	#h_nav {
		font-size: 16px;
	}
	.h_nav {
		font-size: 16px;
	}
	.bandeau {
		font-size: 16px;
	}
	#visuel, .visuel {
		padding-top : 100px;
	}

	.huitjours {
		font-size: 20px;
		overflow: hidden;
		max-width: 100%;
	}
	.huitjours .huit {
		font-size: 200px;
	}
	.huitjours .jours {
		height: 26px;
		font-size: 20px;
	}

	#programme_prendre_rdv {
		width: 65px;
	}
	#programme_prendre_rdv .commercial {
		top: 5px;
		left: 19px;
		width: 30px;
		height: 30px;
	}
	#programme_plaquette {
		top: 190px;
		width: 65px;
	}
}

#popup {
	position: fixed;
	top: 0;
	z-index: 10;
	background-color: #00000066;
	width: 100%;
	height: 100%;
}
#popup video {
	display: block;
	max-width: 90%;
	max-height: 85%;
	margin: 5% auto ;
}