<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Theme Name: Le Check-in
Author: Net-tendance
Author URI: http://www.net-tendance.com
*/
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Titillium+Web');

body, html, a, ul, li, img{ padding:0px; margin:0px; border:0px; list-style-type:none; text-decoration:none;}
a{transition : all 0.2s linear;}
body{ font:14px/22px 'Lato', sans-serif; font-weight:300;color:#605f5f;}
a{ text-decoration:none;color:#605f5f;}img{ border:0px;}
body, html{overflow-x: hidden;}
/*Bouton pour remonter en haut de la page :*/

div#btn_up{position: fixed;bottom: 15px;right: 25px;cursor: pointer;display:none;z-index:99999; width:50px; height:50px; background:url(../charte/btn_up.png); opacity:0.5;transition : all 0.2s linear;}
div#btn_up:hover{opacity:1}

div#first{ width:100%; float:left; text-align:center;}
div#first div#second{ width:1200px; margin:auto; text-align:left; position:relative;}

@media screen and (max-width: 900px) {div#first div#second{ width:100%; margin:auto; text-align:left;}}
@media screen and (min-width: 901px) {div#first div#second{ width:900px; margin:auto; text-align:left;}}
@media screen and (min-width: 1200px) {div#first div#second{ width:1200px; margin:auto; text-align:left;}}

/*#########*/
/*  header */ 
.header{background: #000000; color:#FFFFFF;; width: 100%;}
.header .header2 .logo, .header .header2 .logo a{float:left; position: relative; display: block; width:100%;}
.header .header2 .logo a img{ position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); max-width: 380px; height: auto; }
.header .header2 .header_content{float: left; display: block}
.header .header2 .header_content .header_top{ width: calc(100% - 264px); width: -webkit-calc(100% - 264px);  float: left; text-align: right; margin: 20px 264px 0px 0px;}
.header .header2 .header_content .header_top .reseaux{ float: right; margin: 0px 0px 0px 20px; width: 100%;}
	/* --- Gestion partie rÃ©seaux ---*/
		div.reseaux{ position: absolute; top: 10px; right: 10px;}
		div.reseaux a{ transition-property: background; width:30px; height:30px; display:inline-block; margin: 12px 5px 12px 5px; text-decoration: none;}
		div.reseaux a:hover{transition : all 0.2s linear;}
		div.reseaux a span{ display:block;}
		div.reseaux a span.Twitter{ background:url(charte/icone.png) left no-repeat; background-position:-90px 0px; width:30px; height:20px;}
		div.reseaux a span.Facebook{ background:url(charte/icone.png) left no-repeat; background-position:-30px 0px; width:30px; height:20px;}
		div.reseaux a span.Instagram{ background:url(charte/icone.png) left no-repeat; background-position:-60px 0px; width:30px; height:20px;}
		div.reseaux a span.linkedin{ background:url(charte/icone.png) left no-repeat;background-position:-120px 0px; width:30px; height:20px;}
		div.reseaux a span.Email{ background:url(charte/icone.png) left no-repeat;background-position:0px 0px; width:30px; height:20px;}
		div.reseaux a span.phone{ background:url(charte/icone.png) left no-repeat;background-position:-150px 0px; width:30px; height:20px;}

a.cowork{ width: 40px; height: 40px; position: relative; display: inline-block; margin: 0px 10px 0px 0px; border: 1px solid #e8ecee; filter: grayscale(100%);    -webkit-filter: grayscale(100%);    -moz-filter: grayscale(100%);    -ms-filter: grayscale(100%);    -o-filter: grayscale(100%);}
		a.cowork.tw{ background:url(charte/icone2.png) left no-repeat; background-position:-00px 0px;}
		a.cowork.fb{ background:url(charte/icone2.png) left no-repeat; background-position:-40px 0px;}
		a.cowork.ln{ background:url(charte/icone2.png) left no-repeat; background-position:-80px 0px;}
		a.cowork.web{ background:url(charte/icone2.png) left no-repeat;background-position:-120px 0px; }
a.cowork:hover{filter: grayscale(0%);  -webkit-filter: grayscale(0%);    -moz-filter: grayscale(0%);    -ms-filter: grayscale(0%);    -o-filter: grayscale(0%); border: 1px solid #0058a2;}

		.footer span.tel{ background:url(charte/icone-tel.png) no-repeat left center; padding: 0px 0px 6px 30px; font: 14px/30px 'Lato'; height: 30px; font-weight: 400; color:#575656; display: block;}
		.footer span.email{ background:url(charte/icone-enveloppe.png) no-repeat left center; padding: 0px 0px 6px 30px; font: 14px/30px 'Lato'; height: 30px; font-weight: 400; color:#575656; display: block;}
		.footer span.adresse{ background:url(charte/icone-map.png) no-repeat left center; padding: 0px 0px 6px 30px; font: 14px/20px 'Lato'; height: auto; font-weight: 400; color:#575656; display: block;}
@media screen and (max-width: 900px) 
{
.header .tasse{display: block; position: absolute; z-index: 2; top: 80px; right: 0px; background: url(charte/tasse.png); width: 264px; height: 155px;}}
@media screen and (min-width: 900px) 
{
.header .tasse{display: block; position: absolute; z-index: 2; top: 50px; right: 0px; background: url(charte/tasse.png); width: 264px; height: 155px;}}

.header .header2 .header_content .header_top .horaires{ float: right; margin: 0px 0px 0px 20px; color: #0058a2; font: 16px/20px 'Lato'; width: 100%; }
.header .header2 .header_content .header_menu{ width: 100%; float: left; }
@media screen and (max-width: 900px) 
{
	.header, .header .header2, .header .header2 .logo, .header .header2 .logo a{height: inherit auto !important; width: 100%; }
	.header .header2 .header_content{float: left; width: 100%; height: inherit auto !important; display: block}
	.header .header2 .logo, .header .header2 .logo a{text-align: center; display: inline-block; float: inherit;}
	.header .header2 .logo a img{ max-width: 200px; height: auto; width: 100%; display: inline-block;position: relative; top: 0px; left: 0px;transform: translateY(0%) translateX(0%); -webkit-transform:translateY(0%) translateX(0%);}
.header .header2 .header_content .header_top{ margin: 5px 0px 0px 0px;}
	.header .header2 .header_content .header_top div.reseaux{ width: 100%; text-align: center !important;}div.reseaux a{margin: 6px 5px 0px 5px;}
	.header .header2 .header_content .header_top .horaires{width: 100%; text-align: center ; margin: 0px 0px 0px 5px;}
}
@media screen and (min-width: 900px) {
	header{ height: 160px}
	.header .header2, .header .header2 .logo, .header .header2 .logo a{ width: 100%; height: 148px;}
	.header .header2 .logo a img{ max-width: 280px;}
	.header .header2 .header_content{ width: 600px;}
}
@media screen and (min-width: 1201px) {
	
	.header .header2{ height: 148px;}
	.header .header2 .logo, .header .header2 .logo a{ width: 100%; height: 148px;}
	.header .header2 .logo a img{ max-width: 380px;}
	.header .header2 .header_content{ width: 800px; height: 148px; }
}
.deco1{ width: 100%; position: absolute; z-index: 99999; height: 12px; top: 2px; left: 0px; display: block; background: url(charte/pointille.png);}
.deco2{ width: 100%; position: absolute; z-index: 99999; height: 12px; bottom: 2px; left: 0px; display: block; background: url(charte/pointille.png);}
/**########*/
/*DIAPORAMA*/
div#diaporama{ float:left; width:100%; position:relative; z-index: 1; margin:0px 0px 0px 0px; padding:0px;}
div#diaporama.design2{ float:left; width:calc(100% - 400px); width:-webkit-calc(100% - 400px); position:relative; z-index: 1; margin:0px 0px 0px 0px; padding:0px; height:620px;}
div#diaporama.page{height: 350px; background: #000000;}
div#diaporama .titre_page{position: absolute; z-index: 20; top: 50%; left:50%;  transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); width: 100%; text-align: center  }
div#diaporama .titre_page h1{ color: #FFFFFF; font: 36px/45px 'Lato', sans-serif; font-weight: 700;}
div#diaporama .diapo{ float:left; width:100%; height:100%; overflow:hidden;z-index:1; position:absolute; top:0px; left:0px; display: none;}
.txt_diap{ float: left; position: relative;}
@media screen and (max-width: 900px) 
{		
	div#diaporama, div#diaporama.design2{ width:100%; z-index:1; height:320px; display: block;}
div#diaporama .diapo .bloc_txt{  position:absolute; z-index: 2; bottom: 50px; height:auto; left:10px ; display: none; color: #ffffff;}
	div#diaporama .diapo .bloc_txt h1{ font:20px/25px 'Lato', sans-serif; font-weight: 500;}
	.txt_diap{ width: calc(100% - 20px); width: -webkit-calc(100% - 20px); height: auto; float: left; position: relative; padding: 10px;}
	/*div#diaporama .diapo img{  height:100%; width: auto;}*/
}
@media screen and (min-width: 901px)
{
	div#diaporama, div#diaporama.design2{height:500px;}
	.txt_diap{ width: 380px; height: 480px; float: left; position: relative; padding: 10px;}
div#diaporama .diapo .bloc_txt{  text-align: center; position:absolute; z-index: 2; top: 50%; height:auto; left:50% ; display: none; color: #ffffff; transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%);}
	div#diaporama .diapo .bloc_txt h1{ font:30px/40px 'Lato', sans-serif; font-weight: 500;}
}
@media screen and (min-width: 1200px) 
{
	div#diaporama, div#diaporama.design2{height:620px;}
	.txt_diap{ width: 360px; height: 580px; padding: 20px;}
}
div#diaporama .diapo img{ position: absolute; z-index: 1; top: 50%; left:50%;  transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); width: 100%;  }

/*gestion de la taille des photos Ã&nbsp; 100%*/
@media screen and (orientation: landscape) 
{
	div#diaporama .diapo img{ width: 100%; height: auto;}
}
@media screen and (orientation: portrait) 
{
	div#diaporama .diapo img{ height: 100%; width: auto;}
	/*.lacreaselect img, .case_rapide img{height:100% !important; width: auto  !important; max-width: inherit !important ;}*/
}
@media screen and (max-width: 900px) 
{
	div#diaporama .diapo img{ width: 100%; height: auto !important}
}
div#diaporama.page .diapo img{opacity: 0.5;}


div#diaporama .navigation{ position: absolute; z-index: 999; width: auto; left: 50%; bottom: 15px;transform: translateX(-50%); -webkit-transform:translateX(-50%); }
div#diaporama .navigation a{background-color:#f4f5f4; float:left; display:block; width: 15px; height: 15px; margin: 0px 0px 10px 0px; margin: 0px 5px 0px 0px;}
div#diaporama .navigation a.on{background-color:#0d9ddb; float:left; display:block;}

div#diaporama .diapo h1{font:36px/48px 'Lato', sans-serif; font-weight:700;}


/* --- Header ---*/
#header1{ float: left; width: 100%; position: relative; text-align: center; min-height: 213px; margin-top: 17px; margin-bottom: 10px;}
#header1 #header2{ position: relative;}
@media screen and (max-width: 900px) {#header1 #header2{ width:100%; margin:auto; text-align:left;}}
@media screen and (min-width: 901px) {#header1 #header2{ width:900px; margin:auto; text-align:left;}#header1 #header2 .logo{ margin: -40px 0px 0px 0px;}}
@media screen and (min-width: 1200px) {#header1 #header2{ width:1200px; margin:auto; text-align:left;}}

/* --- Menu ---*/
.header_menu{ width: 100%; float:left; text-align: center;position: relative; z-index: 999999;}
.header_menu .menu_nt.fixe{ position:fixed; top:0px; left: 0px; background-color:#FFFFFF; border-bottom:1px solid #d4d3d3; width: 100%; z-index: 9999;}
@media screen and (max-width: 900px) {
	.header_menu{height: 50px;}
	.header_menu .menu_nt_responsive{ display: block; float: left; width: 100%; position: relative; text-align: center; font: 16px/40px 'Lato', sans-serif; font-weight: 100; height: 40px; cursor: pointer;transition : all 0.2s linear; }
	.header_menu .menu_nt_responsive.fixe{ position: fixed; top: 0px; left: 0px; z-index: 9999; background: #ffffff; border-bottom:1px solid #d4d3d3; }
	.header_menu .menu_nt { display: none;}
	.header_menu .menu_nt_responsive div img{ float: left;}
	.header_menu .menu_nt_responsive:hover{ background:#0058a2; color:#FFFFFF; }
	.header_menu .menu_nt_responsive:hover &gt; div img{filter: grayscale(1); -webkit-filter: grayscale(1);}
}

@media screen and (min-width: 900px) {
	.header_menu{height: 70px;}
	.header_menu .menu_nt { display: inline-block;}
	.header_menu .menu_nt_responsive{ display: none;}	
}
.header_menu .menu_nt div ul#menu-menu-principal, .header_menu .menu_nt.fixe div ul#menu-menu-principal{position: relative; display: inline-block;}
.header_menu .menu_nt div ul#menu-menu-principal li{display: inline-block;transition : all 0.2s linear; position: relative;}
.header_menu .menu_nt div ul#menu-menu-principal li a{font: 16px/40px 'Lato'; font-weight: 700; padding: 0px 15px 0px 15px; color:#FFFFFF; position: relative;}
.header_menu .menu_nt div ul#menu-menu-principal li a:hover{color:#fdcd77;}

/*.header_menu .menu_nt div ul#menu-menu-principal li a::after{ position: relative; content: url(charte/check-off.png); width: 15px; height: 12px; padding: 0px 0px 0px 5px; }
.header_menu .menu_nt div ul#menu-menu-principal li a:hover:after{ position: relative; content: url(charte/check-on.png); width: 15px; height: 12px; padding: 0px 0px 0px 5px; }*/


.header_menu .menu_nt div ul#menu-menu-principal li ul.sub-menu{display: none; float: left; z-index: 999999; background: rgba(226,226,226,1.00); position: absolute; top: 53px; left: 0px; min-width: 100%; border-bottom: 5px solid #0058a2;}
.header_menu .menu_nt div ul#menu-menu-principal li:hover &gt; ul.sub-menu{display:block; position: absolute; top:40px; left: 0px;}
.header_menu .menu_nt div ul#menu-menu-principal li ul.sub-menu li{ width: 100%; float:left;}
.header_menu .menu_nt div ul#menu-menu-principal li ul.sub-menu li a{font:14px/30px 'Lato', sans-serif; font-weight:700; text-align: center; color:#000000;}
.header_menu .menu_nt div ul#menu-menu-principal li ul.sub-menu li:hover{border-bottom:0px; }

.header_menu .menu_nt div ul#menu-menu-principal li ul.sub-menu li a::after{ position: relative; content: ""; width: 0; height: 0; padding: 0px 0px 0px 0px; }
.header_menu .menu_nt div ul#menu-menu-principal li ul.sub-menu li a:hover:after{ position: relative; content: ""; width: 0; height: 0; padding: 0px 0px 0px 0px; }


/*
.header_menu .menu_nt div ul#menu-menu-principal li ul.sub-menu{display: none; float: left; z-index: 999999; background: #FFFFFF; position: absolute; top: 53px; left: 0px; border-bottom: 5px solid #55a237;}
.header_menu .menu_nt div ul#menu-menu-principal li:hover &gt; ul.sub-menu{display:block; position: absolute; top: 53px; left: 0px;}
.header_menu .menu_nt div ul#menu-menu-principal li ul.sub-menu li{ width: 100%; float:left;}
.header_menu .menu_nt div ul#menu-menu-principal li ul.sub-menu li a{font:14px/30px 'Roboto', sans-serif; font-weight:700; text-align: center;}
.header_menu .menu_nt div ul#menu-menu-principal li ul.sub-menu li:hover{border-bottom:0px; }*/

@media screen and (max-width: 900px) {
	.header_menu .menu_nt.fixe{position: fixed; left: 0px; top: 40px;}
	.header_menu .menu_nt{ position: absolute; top: 20px; left: 0px; width: 100%; z-index: 9999; background: #FFFFFF;}
.header_menu .menu_nt div ul#menu-menu-principal li{display: block;}
}



/* Carrousel*/
div.carrousel, div.carrousel_event{ width:100%; float: left; margin: 0px 0px 20px 0px;}
div.carrousel a.left, div.carrousel_event a.left{ width:22px; height: 22px; padding: 8px; float: left; display: block;position: absolute; left: 0px; top: 50%;transform: translateY(-50%) ; -webkit-transform:translateY(-50%); z-index: 999; border-radius: 38px; background: #FFFFFF;}
div.carrousel a.right, div.carrousel_event a.right{width:22px; height: 22px; padding: 8px; float: left;  display: block;position: absolute; right: 0px; top: 50%;transform: translateY(-50%) ; -webkit-transform:translateY(-50%); z-index: 999; border-radius: 38px; background: #FFFFFF; }
div.carrousel .slideshow, div.carrousel_event .slideshow{float:left; width: calc(100% - 96px); margin: 0px 48px 0px 48px; width: -webkit-calc(100% - 96px); position: relative; overflow: hidden;}

div.carrousel .slideshow ul, div.carrousel_event .slideshow ul{ width: 5000px; float: left; overflow: hidden; white-space: nowrap;}
div.carrousel .slideshow ul li, div.carrousel_event .slideshow ul li{display: inline-block; position: relative; overflow: hidden !important; } div.carrousel_event .slideshow ul li{ overflow: visible !important; margin-left: 10px !important;}
div.carrousel .slideshow ul li img{ width:auto; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%);  }

div.carrousel_event .slideshow ul li .limage{float:left; width: calc(100% - 16px);width: -webkit-calc(100% - 16px); border: 2px solid #FFFFFF; position: relative; border-radius: 2px; overflow: hidden; height: 200px;}
div.carrousel .slideshow ul li .limage{float:left; width:100%;  position: relative; border-radius: 5px; overflow: hidden; height: 200px;}
div.carrousel_event .slideshow ul li .limage img, div.carrousel .slideshow ul li .limage img{ position: absolute; z-index: 1; top: 50%; left:50%;  transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%);  }
div.carrousel_event .slideshow ul li .ladate{ position: absolute; top : 120px; left: -10px; z-index: 1; float: left; background: #fdcd77; color:#FFFFFF; padding: 5px; text-align: center;}
div.carrousel .slideshow ul li .lecontenu{ width: 100%; float: left; position: relative; display: block;white-space: normal; }


@media screen and (max-width: 900px) {.para{ height:auto;} .para.x5large{font-size:25px; line-height: 30px;}}
@media screen and (min-width: 900px) {.para{ height:550px;}}

@media screen and (orientation: landscape) {div.carrousel_event .slideshow ul li .limage img, div.carrousel .slideshow ul li .limage img{ width: 100%;  }}
@media screen and (orientation: portrait) {div.carrousel_event .slideshow ul li .limage img, div.carrousel .slideshow ul li .limage img{ height: 100%;  }}

@media screen and (max-width: 480px) {
	div.carrousel .slideshow ul li, div.carrousel_event .slideshow ul li{ width: 220px; float:left;  margin: 0px 9px 0px 0px;}
}
@media screen and (min-width: 480px) {
	div.carrousel .slideshow ul li, div.carrousel_event .slideshow ul li{ max-width: 300px; float:left;  margin: 0px 9px 0px 0px;}
}
@media screen and (min-width: 781px) {
	div.carrousel .slideshow ul li, div.carrousel_event .slideshow ul li{ width: 350px;  float:left; margin: 0px 18px 0px 0px;}
}
@media screen and (min-width: 1200px) {
	div.carrousel .slideshow ul li, div.carrousel_event .slideshow ul li{ width: 350px; margin: 0px 18px 0px 0px;}
}

.listing_event{ float: left; width: 100%;}
.listing_event .case{float: left; position: relative; display: inline-block; width: calc(100% / 3 - 19px); width: -webkit-calc(100% / 3 - 19px); margin: 0px 18px 0px 0px;}
.listing_event .case .limage{float:left; width: calc(100% - 16px);width: -webkit-calc(100% - 16px); border: 2px solid #FFFFFF; position: relative; border-radius: 2px; overflow: hidden; height: 200px;}
.listing_event .case .limage img{position: absolute; z-index: 1; top: 50%; left:50%;  transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%);}
.listing_event .case .ladate{position: absolute; top : 120px; left: -10px; z-index: 1; float: left; background: #fdcd77; color:#FFFFFF; padding: 5px; text-align: center;}


/* LISTING EVENEMENT*/
#listing_evenement{ border-bottom:1px dashed rgba(0,155,174,0.80); margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; min-height: 280px; }
#listing_evenement a{ display:block; transition : all 0.2s linear; float: left; width: 100%; height: 100%;text-decoration: none;}
#listing_evenement a:hover{background-color:rgba(0,155,174,0.80); transition : all 0.2s linear; color:#FFFFFF !important;}
#listing_evenement a:hover &gt; * .txtvert{ color:#FFFFFF !important;}

@media screen and (max-width: 480px) {
	#listing_evenement a div.div30_p { width:50%;}
	#listing_evenement a div.div30_2_p { width:98%; padding: 1% ;}
	#listing_evenement a div.div25_p { width:45%; padding-left: 5px;}
	#listing_evenement a div.div30_p img{ max-width:100%; }
}
@media screen and (min-width: 481px) {
	#listing_evenement a div.div30_p { width:50%;}
	#listing_evenement a div.div30_2_p { width:98%; padding: 1% ;}
	#listing_evenement a div.div25_p { width:45%; padding-left: 5px;}
	#listing_evenement a div.div30_p img{ max-width:100%; }
}/*
@media screen and (min-width: 781px) {
	#listing_evenement a div.div30_p { width:50%;}
	#listing_evenement a div.div30_2_p { width:98%; padding: 1% ;}
	#listing_evenement a div.div25_p { width:50% ;}
}*/
@media screen and (min-width: 900px) {
	#listing_evenement a div.div30_p {  width:33%; position: relative;}
	#listing_evenement a div.div30_2_p { width:31%; padding: 1% ;}
	#listing_evenement a div.div25_p { width:24%; padding: 0px 0px 0px 1%;}	
}
#listing_evenement a div.div30_p img{ max-width:100%; }
#listing_evenement a div.div30_p, #listing_evenement a div.div30_2_p, #listing_evenement a div.div25_p{ float:left; position: relative;}



.casecoworkers{ display: inline-block; position: relative; display: inline-block; width: 300px; height: 300px; margin: 0px 18px 0px 0px; border: 2px solid #009bae; position: relative; border-radius: 2px; overflow: hidden;}
.casecoworkers .limage { float: left; width: 100%; height:100%; display:block; z-index: 1}
.casecoworkers .limage img{width:auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); z-index: 1}
.casecoworkers .limage .lecontenu{ text-align: center; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; opacity: 0; color:#FFFFFF; background: rgba(0,0,0,0.40);}
.casecoworkers .limage:hover &gt; img {-webkit-filter: grayscale(100%); filter: grayscale(100%);transition : all 0.2s linear;}
.casecoworkers .limage:hover &gt; .lecontenu{ opacity: 1;transition : all 0.2s linear;}
/* ----------&gt; FIN CARROUSSEL */

/* Case des tarifs*/
.caset{display: inline-block; width: 203px; margin: 0px 30px 0px 30px;}
.casetarif{ width: 100%; position: relative; float: left; box-shadow: 0px 2px 2px rgba(0,0,0, 0.5); border-top-left-radius: 5px; border-top-right-radius: 5px; margin-bottom: 50px;}
.casetarif::after{content: url(charte/bg-pointe.png); position: absolute; bottom: -45px; left: 0px; z-index: 0;}
.casetarif .top { width: 100%; height: 180px; color:#FFFFFF; float: left; display: block; position: relative;}
.casetarif.couleur1 .top{background-color: #009bae;}.casetarif.couleur2 .top{background-color: #36a9e1;}.casetarif.couleur3 .top{background-color: #0058a2;}
.casetarif .contenu { width: 100%; height: auto; float: left; display: block; position: relative; background-color: #FFFFFF;}
.casetarif.couleur1 .contenu{color: #009bae;}.casetarif.couleur2 .contenu{color: #36a9e1;}.casetarif.couleur3 .contenu{color: #0058a2;}
.casetarif .contenu ul li{ text-align: left; padding: 0px 0px 0px 10px;}
.casetarif.couleur1 .contenu ul li::before{ content: url(charte/check-blanc.png); border-radius: 25px; background-color: #009bae; margin: 0px 10px 0px 0px; padding: 2px;}
.casetarif.couleur2 .contenu ul li::before{ content: url(charte/check-blanc.png); border-radius: 25px; background-color: #36a9e1; margin: 0px 10px 0px 0px; padding: 2px;}
.casetarif.couleur3 .contenu ul li::before{ content: url(charte/check-blanc.png); border-radius: 25px; background-color: #0058a2; margin: 0px 10px 0px 0px; padding: 2px;}

@media screen and (max-width: 900px) {
	.caset{ margin-bottom: 20px}
}
@media screen and (min-width: 900px) {
}


.lebouton{ color:#ffffff;  border-radius: 5px; height: 36px; font: 16px/36px 'Lato'; display: inline-block; padding: 0px 15px 0px 15px;box-shadow: 0px 2px 2px rgba(0,0,0, 0.5);}
.lebouton::after{ content: url(charte/check-blanc.png); margin: 0px 0px 0px 5px;}
.lebouton:hover{ opacity: 0.6;}
.lebouton.couleur1{background-color: #009bae;}.lebouton.couleur2 {background-color: #36a9e1;}.lebouton.couleur3 {background-color: #0058a2;}

/* ----------&gt; FIN TARIF */

/* Background des salles */

@media screen and (max-width: 900px) {
	.bg_salle_1, .bg_salle_2, .bg_salle_3, .bg_salle_4, .bg_salle_5{ height: auto;}
}
@media screen and (min-width: 900px) {
	.bg_salle_1, .bg_salle_2, .bg_salle_3, .bg_salle_4, .bg_salle_5{ height: 300px;}
}
@media screen and (max-width: 1200) {
.bg_salle_1, .bg_salle_2, .bg_salle_3, .bg_salle_4, .bg_salle_5{ height: 200px;}
}
.bg_salle_1{ float: left; width: 100%; display: block; background: url(charte/bg-salle-1.png) right; background-size: cover; position: relative;  padding: 18px 0px 18px 0px; color:#FFFFFF !important; margin: 0px 0px 20px 0px;}
.bg_salle_2{ float: left; width: 100%; display: block; background: url(charte/bg-salle-2.png) right; background-size: cover; position: relative; padding: 18px 0px 18px 0px; color:#FFFFFF !important; margin: 0px 0px 20px 0px;}
.bg_salle_3{ float: left; width: 100%; display: block; background: url(charte/bg-salle-3.png) right; background-size: cover; position: relative; padding: 18px 0px 18px 0px; margin: 0px 0px 20px 0px;}
.bg_salle_4{ float: left; width: 100%; display: block; background: url(charte/bg-salle-4.png) right; background-size: cover; position: relative; padding: 18px 0px 18px 0px; color:#FFFFFF !important; margin: 0px 0px 20px 0px;}
.bg_salle_5{ float: left; width: 100%; display: block; background: url(charte/bg-salle-5.png) right; background-size: cover; position: relative;  padding: 18px 0px 18px 0px; color:#FFFFFF !important; margin: 0px 0px 20px 0px;}

.bg_salle_1 h1, .bg_salle_2 h1, .bg_salle_3 h1, .bg_salle_4 h1, .bg_salle_5 h1{ margin: 0px; padding: 0px;font: 28px/36px 'Lato';}
.bg_salle_1 img, .bg_salle_2 img, .bg_salle_3 img, .bg_salle_4 img, .bg_salle_5 img{ border:5px solid #ffffff;}

/* -------------------*/
/* Tableau des tarifs */
.tableau_tarifs_1, .tableau_tarifs_2, .tableau_tarifs_3, .tableau_tarifs_4, .tableau_tarifs_5, .tableau_tarifs_6, .tableau_tarifs_7{ display: block; float: left; width: 100%; background-size: cover; border: 0;}/*
.tableau_tarifs_1{}
.tableau_tarifs_2{}
.tableau_tarifs_3{ background: url(charte/bg-salle-cockpit.png) right;}
.tableau_tarifs_4{ background: url(charte/bg-salle-vip.png) right;}
.tableau_tarifs_5{ background: url(charte/bg-salle-embarquement.png) right;}
.tableau_tarifs_6{ background: url(charte/bg-salle-passeport.png) right;}
.tableau_tarifs_7{ background: url(charte/bg-salle-premiere-classe.png) right;}*/
.tableau_tarifs_1 table, .tableau_tarifs_2 table, .tableau_tarifs_3 table, .tableau_tarifs_4 table, .tableau_tarifs_5 table, .tableau_tarifs_6 table, .tableau_tarifs_7 table{ border: 0px; display: inline-block; min-width: 300px;border-collapse: separate;border-spacing: 0px;}

.tableau_tarifs_1 table tr:first-child td:first-child, .tableau_tarifs_2 table tr:first-child td:first-child, .tableau_tarifs_3 table tr:first-child td:first-child, .tableau_tarifs_4 table tr:first-child td:first-child, .tableau_tarifs_5 table tr:first-child td:first-child, .tableau_tarifs_6 table tr:first-child td:first-child, .tableau_tarifs_7 table tr:first-child td:first-child{ border: 0px; text-transform: uppercase; font-weight: 700; font:16px/20px 'Lato'; border: 0px; background: none; }

.tableau_tarifs_1 table tr:first-child td, .tableau_tarifs_2 table tr:first-child td, .tableau_tarifs_3 table tr:first-child td, .tableau_tarifs_4 table tr:first-child td, .tableau_tarifs_5 table tr:first-child td, .tableau_tarifs_6 table tr:first-child td, .tableau_tarifs_7 table tr:first-child td{ border-top-right-radius: 20px; border-top-left-radius: 20px; border: 2px solid #1459a3; background: #169baf; color:#FFFFFF;}

.tableau_tarifs_1 table tr td, .tableau_tarifs_2 table tr td, .tableau_tarifs_3 table tr td, .tableau_tarifs_4 table tr td, .tableau_tarifs_5 table tr td, .tableau_tarifs_6 table tr td, .tableau_tarifs_7 table tr td{border-right: 2px solid #1459a3;border-left: 2px solid #1459a3; font: 20px/40px 'Lato'; padding: 5px 30px 5px 30px; position: relative; min-height: 50px;}

.tableau_tarifs_1 table tr td:first-child, .tableau_tarifs_2 table tr td:first-child, .tableau_tarifs_3 table tr td:first-child, .tableau_tarifs_4 table tr td:first-child, .tableau_tarifs_5 table tr td:first-child, .tableau_tarifs_6 table tr td:first-child, .tableau_tarifs_7 table tr td:first-child{border: 0px; font: 16px/20px 'Lato';}


.tableau_tarifs_1 table tr:first-child td:first-child:before{ background: inherit;}
.tableau_tarifs_1 table tr td:first-child:before, .tableau_tarifs_2 table tr td:first-child:before, .tableau_tarifs_3 table tr td:first-child:before, .tableau_tarifs_4 table tr td:first-child:before, .tableau_tarifs_5 table tr td:first-child:before, .tableau_tarifs_6 table tr td:first-child:before,.tableau_tarifs_7 table tr td:first-child:before {width: 50px; height: 50px; border-radius: 50px; position: absolute; left: -25px; top: 0px; z-index: 2; background: #FFFFFF;font: 25px/50px 'Lato'; text-align: center; color:#585857;}
.tableau_tarifs_1 table tr:nth-child(2) td:first-child:before, .tableau_tarifs_2 table tr:nth-child(2) td:first-child:before, .tableau_tarifs_3 table tr:nth-child(2) td:first-child:before, .tableau_tarifs_4 table tr:nth-child(2) td:first-child:before, .tableau_tarifs_5 table tr:nth-child(2) td:first-child:before, .tableau_tarifs_6 table tr:nth-child(2) td:first-child:before, .tableau_tarifs_7 table tr:nth-child(2) td:first-child:before{ content: "1"; }
.tableau_tarifs_1 table tr:nth-child(3) td:first-child:before, .tableau_tarifs_2 table tr:nth-child(3) td:first-child:before, .tableau_tarifs_3 table tr:nth-child(3) td:first-child:before, .tableau_tarifs_4 table tr:nth-child(3) td:first-child:before, .tableau_tarifs_5 table tr:nth-child(3) td:first-child:before, .tableau_tarifs_6 table tr:nth-child(3) td:first-child:before, .tableau_tarifs_7 table tr:nth-child(3) td:first-child:before{ content: "2"; }
.tableau_tarifs_1 table tr:nth-child(4) td:first-child:before, .tableau_tarifs_2 table tr:nth-child(4) td:first-child:before, .tableau_tarifs_3 table tr:nth-child(4) td:first-child:before, .tableau_tarifs_4 table tr:nth-child(4) td:first-child:before, .tableau_tarifs_5 table tr:nth-child(4) td:first-child:before, .tableau_tarifs_6 table tr:nth-child(4) td:first-child:before, .tableau_tarifs_7 table tr:nth-child(4) td:first-child:before{ content: "3"; }
.tableau_tarifs_1 table tr:nth-child(5) td:first-child:before, .tableau_tarifs_2 table tr:nth-child(5) td:first-child:before, .tableau_tarifs_3 table tr:nth-child(5) td:first-child:before, .tableau_tarifs_4 table tr:nth-child(5) td:first-child:before, .tableau_tarifs_5 table tr:nth-child(5) td:first-child:before, .tableau_tarifs_6 table tr:nth-child(5) td:first-child:before, .tableau_tarifs_7 table tr:nth-child(5) td:first-child:before{ content: "4"; }
.tableau_tarifs_1 table tr:nth-child(6) td:first-child:before, .tableau_tarifs_2 table tr:nth-child(6) td:first-child:before, .tableau_tarifs_3 table tr:nth-child(6) td:first-child:before, .tableau_tarifs_4 table tr:nth-child(6) td:first-child:before, .tableau_tarifs_5 table tr:nth-child(6) td:first-child:before, .tableau_tarifs_6 table tr:nth-child(6) td:first-child:before, .tableau_tarifs_7 table tr:nth-child(6) td:first-child:before{ content: "5"; }
.tableau_tarifs_1 table tr:nth-child(7) td:first-child:before, .tableau_tarifs_2 table tr:nth-child(7) td:first-child:before, .tableau_tarifs_3 table tr:nth-child(7) td:first-child:before, .tableau_tarifs_4 table tr:nth-child(7) td:first-child:before, .tableau_tarifs_5 table tr:nth-child(7) td:first-child:before, .tableau_tarifs_6 table tr:nth-child(7) td:first-child:before, .tableau_tarifs_7 table tr:nth-child(7) td:first-child:before{ content: "6"; }
.tableau_tarifs_1 table tr:nth-child(8) td:first-child:before, .tableau_tarifs_2 table tr:nth-child(8) td:first-child:before, .tableau_tarifs_3 table tr:nth-child(8) td:first-child:before, .tableau_tarifs_4 table tr:nth-child(8) td:first-child:before, .tableau_tarifs_5 table tr:nth-child(8) td:first-child:before, .tableau_tarifs_6 table tr:nth-child(8) td:first-child:before, .tableau_tarifs_7 table tr:nth-child(8) td:first-child:before{ content: "7"; }
.tableau_tarifs_1 table tr:nth-child(9) td:first-child:before, .tableau_tarifs_2 table tr:nth-child(9) td:first-child:before, .tableau_tarifs_3 table tr:nth-child(9) td:first-child:before, .tableau_tarifs_4 table tr:nth-child(9) td:first-child:before, .tableau_tarifs_5 table tr:nth-child(9) td:first-child:before, .tableau_tarifs_6 table tr:nth-child(9) td:first-child:before, .tableau_tarifs_7 table tr:nth-child(9) td:first-child:before{ content: "8"; }
.tableau_tarifs_1 table tr:nth-child(10) td:first-child:before, .tableau_tarifs_2 table tr:nth-child(10) td:first-child:before, .tableau_tarifs_3 table tr:nth-child(10) td:first-child:before, .tableau_tarifs_4 table tr:nth-child(10) td:first-child:before, .tableau_tarifs_5 table tr:nth-child(10) td:first-child:before, .tableau_tarifs_6 table tr:nth-child(10) td:first-child:before, .tableau_tarifs_7 table tr:nth-child(10) td:first-child:before{ content: "9"; }
	
	/* TAB 1 */
.tableau_tarifs_1 table tr:first-child td:first-child{ color:#1459a3;}
.tableau_tarifs_1 table tr:nth-child(2n+1){ background: #FFFFFF;}
.tableau_tarifs_1 table tr:nth-child(2), .tableau_tarifs_1 table tr:nth-child(3) td:first-child:before{background: #1fa4cf; color:#FFFFFF;}
.tableau_tarifs_1 table tr:nth-child(4), .tableau_tarifs_1 table tr:nth-child(5) td:first-child:before{background: #2593d1; color:#FFFFFF;}
.tableau_tarifs_1 table tr:nth-child(6), .tableau_tarifs_1 table tr:nth-child(7) td:first-child:before{background: #0f63ab;  color:#FFFFFF;}

	/* TAB 2 */
.tableau_tarifs_2 table tr:first-child td{ border-color:#FFFFFF;}
.tableau_tarifs_2 table tr:first-child td:first-child{ color:#179bae;}
.tableau_tarifs_2 table tr:nth-child(2n+1){ background: #FFFFFF;}
.tableau_tarifs_2 table tr:nth-child(2n), .tableau_tarifs_2 table tr:nth-child(2n+1) td:first-child:before{background: #179bae; color:#FFFFFF;}
.tableau_tarifs_2 table tr:nth-child(2n) td:nth-child(3),.tableau_tarifs_2 table tr:nth-child(1) td:nth-child(3) {background: #1db5b3; color:#FFFFFF;}

	/* TAB 3 */
.tableau_tarifs_3 table tr:first-child td{ border-color:#FFFFFF;}
.tableau_tarifs_3 table tr:first-child td:first-child{ color:#2fa9e1;}
.tableau_tarifs_3 table tr:nth-child(2n+1){ background: #FFFFFF;}
.tableau_tarifs_3 table tr:nth-child(1) td:nth-child(2), .tableau_tarifs_3 table tr:nth-child(2n), .tableau_tarifs_3 table tr:nth-child(2n+1) td:first-child:before{background: #2fa9e1; color:#FFFFFF;}
.tableau_tarifs_3 table tr:nth-child(2n) td:nth-child(3),.tableau_tarifs_3 table tr:nth-child(1) td:nth-child(3) {background: #1459a3; color:#FFFFFF;}

	/* TAB 4 */
.tableau_tarifs_4 table tr:first-child td{ border-color:#FFFFFF;}
.tableau_tarifs_4 table tr:first-child td:first-child{ color:#1459a3;}
.tableau_tarifs_4 table tr:nth-child(2n+1){ background: #FFFFFF;}
.tableau_tarifs_4 table tr:nth-child(1) td:nth-child(2),.tableau_tarifs_4 table tr:nth-child(2n), .tableau_tarifs_4 table tr:nth-child(2n+1) td:first-child:before{background: #1459a3; color:#FFFFFF;}
.tableau_tarifs_4 table tr:nth-child(2n) td:nth-child(3),.tableau_tarifs_4 table tr:nth-child(1) td:nth-child(3) {background: #163253; color:#FFFFFF;}

	/* TAB 5 */
.tableau_tarifs_5 table tr td{ border-color:#bf2782;}
.tableau_tarifs_5 table tr:first-child td{ border-color:#FFFFFF;}
.tableau_tarifs_5 table tr:first-child td:first-child{ color:#bf2782;}
.tableau_tarifs_5 table tr:nth-child(2n+1){ background: #FFFFFF;}
.tableau_tarifs_5 table tr:nth-child(1) td:nth-child(2),.tableau_tarifs_5 table tr:nth-child(2n), .tableau_tarifs_5 table tr:nth-child(2n+1) td:first-child:before{background: #fdce76; color:#FFFFFF;}
.tableau_tarifs_5 table tr:nth-child(2n) td:nth-child(3),.tableau_tarifs_5 table tr:nth-child(1) td:nth-child(3) {background: #bf2782; color:#FFFFFF;}

	/* TAB 6 */
.tableau_tarifs_6 table tr td{ border-color:#12a19a;}
.tableau_tarifs_6 table tr:first-child td{ border-color:#FFFFFF;}
.tableau_tarifs_6 table tr:first-child td:first-child{ color:#12a19a;}
.tableau_tarifs_6 table tr:nth-child(2n+1){ background: #FFFFFF;}
.tableau_tarifs_6 table tr:nth-child(1) td:nth-child(2),.tableau_tarifs_6 table tr:nth-child(2n), .tableau_tarifs_6 table tr:nth-child(2n+1) td:first-child:before{background: #12a19a; color:#FFFFFF;}
.tableau_tarifs_6 table tr:nth-child(2n) td:nth-child(3),.tableau_tarifs_6 table tr:nth-child(1) td:nth-child(3) {background: #076633; color:#FFFFFF;}

	/* TAB 7 */
.tableau_tarifs_7 table tr td{ border-color:#662483;}
.tableau_tarifs_7 table tr:first-child td{ border-color:#FFFFFF;}
.tableau_tarifs_7 table tr:first-child td:first-child{ color:#662483;}
.tableau_tarifs_7 table tr:nth-child(2n+1){ background: #FFFFFF;}
.tableau_tarifs_7 table tr:nth-child(1) td:nth-child(2),.tableau_tarifs_7 table tr:nth-child(2n), .tableau_tarifs_7 table tr:nth-child(2n+1) td:first-child:before{background: #662483; color:#FFFFFF;}
.tableau_tarifs_7 table tr:nth-child(2n) td:nth-child(3),.tableau_tarifs_7 table tr:nth-child(1) td:nth-child(3) {background: #29235c; color:#FFFFFF;}


@media screen and (max-width: 480px) {
.div25_all{float: left; width: 50%;}.div25_all img{ max-width: 100%;}
	.div100{ float:left; width:100%; position:relative;}
.div100_2{ float:left; width:98%; padding:1%;position:relative;}
.div50{ float:left; width:100%; position:relative;}
.div50_2{ float:left; width:96%; padding:2%; position:relative;}
.div30{ float:left; width:100%;}
.div30_2{  width:98%; padding:1%; margin:20px 0px 0px 0px; display:inline-table;}
.div30_3{ float:left; width:98%; padding:0% 0% 0% 2%;}
.div60_2{ float:left; width:98%; padding:1%;}
.div25{ float:left; width:100%;}
.div25_2{ float:left; width:98%; padding:1%;}
.div25_3{ float:left; width:98%; padding:0px 1% 0px 1%;}
.div20{ width:50%; min-height: 210px; display: inline-block;}
.div20_2{ float:left; width:48%; padding:1%;}}
@media screen and (min-width: 481px) {
.div25_all{float: left; width: 50%;}.div25_all img{ max-width: 100%;}
	.div100{ float:left; width:100%; position:relative;}
.div100_2{ float:left; width:98%; padding:1%;position:relative;}
.div50{ float:left; width:100%; position:relative;}
.div50_2{ float:left; width:96%; padding:2%; position:relative;}
.div30{ float:left; width:100%;}
.div30_2{  width:98%; padding:1%; display:inline-table;}
.div30_3{ float:left; width:98%; padding:0% 0% 0% 2%;}
.div60_2{ float:left; width:98%; padding:1%;}
.div25{ float:left; width:25%;}
.div25_2{ float:left; width:48%; padding:1%;}
.div25_3{ float:left; width:48%; padding:0px 1% 0px 1%;}
.div20{ width:50%; min-height: 210px; display: inline-block;}
.div20_2{ display:inline-table; width:18%; padding:1%;}}
@media screen and (min-width: 901px) {
.div25_all{float: left; width: 25%;}.div25_all img{ max-width: 100%;}
	.div100{ float:left; width:100%; position:relative;}
.div100_2{ float:left; width:98%; padding:1%;position:relative;}
.div50{ float:left; width:50%; position:relative;}
.div50_2{ float:left; width:48%; padding:1%; position:relative;}
.div30{ float:left; width:calc(100%  / 3); width:-webkit-calc(100%  / 3);}
.div30_2{  width:calc(100%  / 3 - 2%); width:-webkit-calc(100%  / 3 - 2%); padding:1%; float:left; overflow:hidden;}
.div30_3{ float:left; width:calc(100%  / 3 - 2%); width:-webkit-calc(100%  / 3 - 2%); padding:0% 0% 0% 2%;}
.div60_2{ float:left; width:64%; padding:1%;}
.div25{ float:left; width:25%;}
.div25_2{ float:left; width:23%; padding:1%;}
.div25_3{ float:left; width:23%; padding:0px 1% 0px 1%;}
.div20{ display:inline-table; width:20%;}
.div20_2{ display:inline-table; width:18%; padding:1%;}
}
.div75_all{float: left; width: 75%;}
.div50_all{float: left; width: 50%;}
.div50_2 img{max-width: 96% !important; height: auto !important;}

/*###########*/
/*Tailles TXT*/
.small2{ font-size:12px; line-height: 16px;}
.small{ font-size:14px; line-height: 16px;}.small2{ font-size:14px; line-height: 20px;}.small3{ font-size:14px; line-height: 30px;}
.medium2{ font-size:16px; line-height: 20px;}
.large{ font-size:18px;  line-height: 22px;}
.xlarge{ font-size:20px; line-height: 22px;}
.xxlarge{ font-size:22px;  line-height: 28px;}
.xxlarge2{ font-size:22px;  line-height: 22px;}
.xxxlarge{ font-size:25px;  line-height: 32px;}
.x4large{ font-size:30px; line-height: 40px;}
.x5large{ font-size:40px; line-height: 50px;}
.x6large{ font-size:50px; line-height: 60px;}

@media screen and (max-width: 900px) {
.x4large{ font-size:26px; line-height: 35px;}
.x5large{ font-size:28px; line-height: 35px;}
.x6large{ font-size:30px; line-height: 35px;}
}
/*Couleur police*/
.txtblanc{ color:#ffffff !important;} .txtnoir{ color:#000000;} .txtombre{text-shadow: 1px 1px 2px rgba(0,0,0, 0.5); color: #FFFFFF;}
.txtbleu{ color:#38b0e7;}.txtmarron{ color:#8c7d74;}.txtgris{ color:#575656;}
.txtup{ text-transform: uppercase;}
.w100{font-weight: 100 !important;} .w300{font-weight: 300 !important;} .w400{font-weight: 400 !important;} .w700{font-weight: 700;}
/*Align police*/
.txtcenter{ text-align:center;}.txtleft{ text-align:left;}.txtright{ text-align:right;}.txtjustify{ text-align:justify;}

@media screen and (min-width: 900px) {
.centrer_vertical{position: absolute; z-index: 1; top: 50%; left:50%;  transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); width: 100%;}
}
.centrer_vertical2{position: absolute; z-index: 1; top: 50%; left:50%;  transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); width: 100%;}
.bold_plus{font-weight: 700 !important;}
/* BOUTON */
.btn1{ color:#000000; background-color: #fdcd77; border-radius: 5px; height: 36px; font: 16px/36px 'Lato'; display: inline-block; padding: 0px 15px 0px 15px;box-shadow: 0px 2px 2px rgba(0,0,0, 0.5);}
.btn1::after{ content: url(charte/check-noir.png); margin: 0px 0px 0px 5px;}
.btn1:hover{ color:#FFFFFF;}.btn1:hover:after{ content: url(charte/check-blanc.png);}

.btn2{ color:#ffffff; background-color: #0058a2; border-radius: 5px; height: 36px; font: 16px/36px 'Lato'; display: inline-block; padding: 0px 15px 0px 15px;box-shadow: 0px 2px 2px rgba(0,0,0, 0.5);}
.btn2::after{ content: url(charte/check-blanc.png); margin: 0px 0px 0px 5px;}
.btn2:hover{ opacity: 0.6;}

.btn3, button.yikes-easy-mc-submit-button{ color:#ffffff; background-color: #38b0e7; border-radius: 5px; height: 26px; font: 14px/26px 'Lato'; display: inline-block; padding: 0px 15px 0px 15px !important;box-shadow: 0px 2px 2px rgba(0,0,0, 0.5);}
.btn3:hover, button.yikes-easy-mc-submit-button:hover{ background-color: #fdcd77;}
button.yikes-easy-mc-submit-button{ width: auto !important; min-height: 26px !important; border:0px; }

.btn4{ color:#FFFFFF; background-color: #1459a3; border-radius: 5px; height: 36px; font: 16px/36px 'Lato'; display: inline-block; padding: 0px 15px 0px 15px;box-shadow: 0px 2px 2px rgba(0,0,0, 0.5);}
.btn4::after{ content: url(charte/check-blanc.png); margin: 0px 0px 0px 5px;}
.btn4:hover{ background-color:#fdcd77;}

.btn5{ color:#FFFFFF; background-color: #179bae; border-radius: 5px; height: 36px; font: 16px/36px 'Lato'; display: inline-block; padding: 0px 15px 0px 15px;box-shadow: 0px 2px 2px rgba(0,0,0, 0.5);}
.btn5::after{ content: url(charte/check-blanc.png); margin: 0px 0px 0px 5px;}
.btn5:hover{ background-color:#fdcd77;}

.btn6{ color:#FFFFFF; background-color: #bf2788; border-radius: 5px; height: 36px; font: 16px/36px 'Lato'; display: inline-block; padding: 0px 15px 0px 15px;box-shadow: 0px 2px 2px rgba(0,0,0, 0.5);}
.btn6::after{ content: url(charte/check-blanc.png); margin: 0px 0px 0px 5px;}
.btn6:hover{ background-color:#fdcd77;}

.btn7{ color:#FFFFFF; background-color: #12a19a; border-radius: 5px; height: 36px; font: 16px/36px 'Lato'; display: inline-block; padding: 0px 15px 0px 15px;box-shadow: 0px 2px 2px rgba(0,0,0, 0.5);}
.btn7::after{ content: url(charte/check-blanc.png); margin: 0px 0px 0px 5px;}
.btn7:hover{ background-color:#fdcd77;}

.btn8{ color:#FFFFFF; background-color: #662483; border-radius: 5px; height: 36px; font: 16px/36px 'Lato'; display: inline-block; padding: 0px 15px 0px 15px;box-shadow: 0px 2px 2px rgba(0,0,0, 0.5);}
.btn8::after{ content: url(charte/check-blanc.png); margin: 0px 0px 0px 5px;}
.btn8:hover{ background-color:#fdcd77;}

/*Class image*/
img.bordure5{ border: 5px solid #FFFFFF; border-radius: 5px;}
.img100{max-width: 100%;}
.img75{max-width: 75%;}
.img50{max-width: 50%;}
/* BACKGROUND */
.bgbleu{ background-color: rgba(0,155,174,0.80)} .bg_gris{ background-color: #878586 !important;}
.bgstructure{ background: url(charte/bg-structure.png) top center; }
.bgstructure1{ background: url(charte/bg-structure1.jpg) top center; }
.bgstructure2{ background: url(charte/bg-structure2.jpg) top center; }
.bgstructure3{ background: url(charte/bg-structure3.jpg) top center; }
.bgstructure4{ background: url(charte/bg-structure4.jpg) top center; background-size: cover; color:#ffffff !important; }
.bgstructure6{ background: url(charte/bg-tarifs.jpg) top center; }

.bg_tarif_1{ background: url(charte/bg-salle-cockpit.png) right no-repeat; }
.bg_tarif_2{ background: url(charte/bg-salle-embarquement.png) right no-repeat; }
.bg_tarif_3{ background: url(charte/bg-salle-passeport.png) right no-repeat; }
.bg_tarif_4{ background: url(charte/bg-salle-premiere-classe.png) right no-repeat; }
.bg_tarif_5{ background: url(charte/bg-salle-vip.png) right no-repeat; }
/* TITRE */
h1{ text-transform: uppercase; font: 28px/40px 'Lato'; color:#fdcd77;text-shadow: 1px 1px 2px rgba(0,0,0, 0.5);}
h1.design2{font: 36px/48px 'Lato'; font-weight: 700; text-transform: uppercase; color:#55a237;}
h2{font: 36px/48px 'Lato'; font-weight: 700;}
h2.design1{ text-transform: uppercase; font: 28px/40px 'Lato'; color:#fdcd77;text-shadow: 1px 1px 2px rgba(0,0,0, 0.5);}
h3{font: 18px/26px 'Lato'; font-weight: 700;}
h3.design2{font: 28px/38px 'Lato'; font-weight: 400; color:#fdcd77; text-transform: uppercase; white-space: normal;}
h3.design3{font: 20px/28px 'Lato'; font-weight: 400; color:#fdcd77;  white-space: normal;}
h4.design1{font: 18px/26px 'Lato'; font-weight: 700; text-transform: uppercase; color:#878786;}
/*Padding*/
.pad10{padding: 10px; width: calc(100% - 20px); width:-webkit-calc(100% - 20px);}

/* DIVERS */
li.widget_media_image{ float:left; padding: 5px 5px 0px 0px;}

label.EMAIL-label, input.yikes-easy-mc-email{margin-bottom: 0px !important;}
</pre></body></html>