@charset "UTF-8";
/* CSS Document */

body{
	background-color: #fff;
}

.nav-principale div{
	padding-top: 40px;
}

.nav-principale li{
	width:100%;
	text-align: center;
	margin: 10px 1%;
}

.liste_choix_compagnie li{
	margin-bottom: 6px;
}

#wrapper{
	background-color: #fff;
	padding:20px 0;
	/* left: 80px;
	position: relative;
	z-index: 10;
	padding-left: 0px !important;
	padding-top: 10px;
	margin-top: 0px;
	padding-bottom: 40px;
	margin-bottom: 0px; */
	/* background: url('../images/mer.jpg'); */
	/* background-position: left bottom; */
}

/* DEBUT DIV VIDEO */

#zone-video{
	width:100%;
	height: 10px !important;
	max-height: 10px !important;
	/* position: relative; */
}

#zone-video #titre{
	position: absolute;
	top:42px;
	background:rgba(254, 254, 254, 0.8);
	left:10px;
	z-index: 120;
	display: inline-block;
	padding: 5px;
}

#zone-video #la-video{
	/* position: relative; */
	top:-150px;
}

.header-unit{	top:0%;left:0%;height:420px;width:100%;overflow: hidden;  position:absolute;background-size: cover;margin-left:auto;margin-right:auto;
margin-bottom: 5px solid #fff;
}

video.fillWidth {width: 100%;min-height: 100%;}
#video-container { top:0%; left:0%; height:100%; width:100%; overflow: hidden; background-size:cover} 

.mejs-offscreen, .mejs-time{
	display: none !important;
}

#entete{
	position: relative;
	top:0px;
	/* background:rgba(0, 155, 185, 0.8); */
	left:0px;
	height: 50px;
	z-index: 120;
	width: 100%;
	padding-top: 2px;
	background:rgba(255, 255, 255, 0.9);
}

.slogan{
	font-style: italic;
	color:#000; /*#003070 */;
	position: relative;
	top:-6px;
	font-size:12px;
	padding-left: 23px;
}

#entete p, #entete a, #entete span{
	color:#003070;
	font-size:12px;
}

#entete .partage{
	position: relative;
	top:2px;
}

.partage i{
	font-size:18px;
}

#zone-form-resa{
	width:100%;
	z-index: 120;
	background-color: #fff;
	/* border:5px solid #003070; */
	display: none;
}

.page-template-template-resapharos #zone-form-resa{
	display: none;
}

#zone-form-resa option, #zone-form-resa select, #zone-form-resa optgroup, #zone-form-resa input[type=text]{
	color:#003070 !important;
	background-color: #fff !important;
}

#wrapper #type, #wrapper #type option{
	color:#003070 !important;
}

#zone-form-resa .form-control, #zone-form-resa .form-control::-moz-placeholder{
	color:#fff;
	background-color: #003070;
}

.resa-centre option, .resa-centre select, .resa-centre optgroup{
	color:#003070 !important;
}

.resa-centre .form-control, .resa-centre .form-control::-moz-placeholder{
	color:#003070;
	background-color: #fff;
}

.form-de-resa{
	background-color: #003070!important;
}

.form-de-resa h2{
	color:#fff !important;
	font-size:19px;
	font-weight:400
}

#zone-logo{
	position: absolute;
	top:200px;
	left:20px;
	z-index: 120;	
	background:rgba(254, 254, 254, 0.8);
}

/* -FIN- DIV VIDEO */

.content-traversee-top{
	padding:10px;
}

.content-traversee-top ul{
	padding: 0px;
	list-style-position: inside;
}

.content-traversee-top li{
	margin: 0px;
	padding: 0px;
	color:#fff
}

.content-traversee-top h3, .content-traversee-top h2{
	padding-bottom: 0px !important;
	background:rgba(255, 255, 255, 0.8);
	height:58px;
	font-size:16px;
	padding-top: 7px;
	padding-left: 10px;
	margin: 0px 2px 10px 2px;
	text-align: left;
	color: #003070 !important;
	font-weight: 500;
	line-height: 40px !important;
}

#compagnie{
	left: 0;
	display: block;
	position:relative;
}

#compagnie #titre_compagnie_som{
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 500;
	color: #003070;
	font-size: 18px;
	text-transform: uppercase;
	background:rgba(255, 255, 255, 0.8);
	padding: 5px;
	width:95%;
	margin: 10px;
	height: 60px;
}


#compagnie .owl-carousel{
	margin-bottom: 0px;
}

.ligne-logo-compagnie{
	margin-bottom: 0px 0px 20px 0px !important;
	border-radius:0px !important;
}

.carousel-logo-compagnie h4{
	color: #003070 !important;
}

.content-slider, #compagnie{
	background:rgba(1, 112, 193, 0.8);
}

.content-traversee-top{
	/* background-image: url('../images/mer3.jpg');
	background-position: bottom center; */
	background-color: #003070;
}

#compagnie h2{
 	color: #fff;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 0px;
	font-weight: 400;
}

#slider-deux{
	margin-bottom: 0px;
}

.content-slider .featured-box{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#premiere-ligne{
	padding-top: 0px;
	z-index: 200;
	position: relative;
}

.grid-item { width: 120px; }
.grid-item--width2 { width: 400px; }

/* NAV */

nav ul{
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

header.nav-principale li{
	color:#003070;
	text-align: center;
	margin: 15px 0;
	padding: 5px 0;
}

nav a{
	color:#003070;
	font-size: 12px;
}

.i-menu{
	padding-bottom: 30px;
}

.owl-carousel .owl-wrapper-outer{
	padding: 0px;
	margin: 0px;
}

#compagnie .owl-item{
	/* border:1px solid #fff;*/
	margin: 0px;
}

.item-destination-sommaire{
	background:rgba(0, 155, 185, 0.4);
	border-radius:0;
	padding: 0px;
	margin: 0px;
	height: 303px;
	background-position: center bottom;
}

.item-destination-sommaire .fa{
	color:#003070;
	font-size:24px;
	background-color: #fff;
	border-radius:50%;
	padding: 10px;
	margin-bottom: 4px;
}

.item-destination-sommaire .info_ids{
	position: absolute !important;
	bottom:10px;
	width:100%;
	z-index: 900;
	height:40px;
	background:rgba(255, 255, 255, 0.7);
	padding-top: 5px;
}

.item-destination-sommaire .info_ids_a{
	width:70%;
	background:rgba(0, 155, 185, 0.8);
	float:left;
}

.item-destination-sommaire .info_ids_a a{
	padding-top: 5px;
}

.item-destination-sommaire .info_ids_b{
	width:30%;
	float:left;
	display: block;
}

.item-destination-sommaire h3{
	color:#003070;
	font-size:16px;
	margin-top: 0px;
	padding-bottom: 5px;
	margin-bottom: 7px;
}

.item-destination-sommaire h3 span{
	font-size:11px;
	line-height: 0.8em;
}

.item-destination-sommaire p{
	color:#fff;
	font-size:11px;
	text-align: left;
	line-height: 12px;
	padding-left: 2px;
}

.item-destination-sommaire h3 a{
	color:#fff;
	font-weight: 500;
}

.pl-un, .pl-deux, .pl-trois{
	min-height: 304px;
	border-bottom: 2px solid #fff;
}

.bt-aide { /* , .bt-recherche */
	cursor: pointer;
	color:#003070;
}

.bt-aide:hover, .bt-recherche:hover{
	color:#66b7e2
}

#colonne-aide{
	background-color: #fff;
	position: absolute;
	top:-100px;
	z-index: 200;
	width: 100%;
}

#colonne-aide .col-md-2{
	padding-top: 5px;
}

#colonne-recherche{
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	display: none;
	z-index: 999999;
	width: 100%;
	height: 100%;
}

#colonne-recherche .col-md-2{
	padding-top: 19px;
}

#page-category, #page-article{
	/* background:rgba(0, 155, 185, 0.7); */
	/* margin:410px 100px 0px 20px; */
	background:rgba(255, 255, 255, 0.9);
	padding: 5px;
}

#page-category .divider .fa, #page-article .divider .fa{
	background-color: #fff;
}

#page-article .divider{
	border-color:#003070;
	margin:30px 0 40px 0;
}

#page-article .divider .fa{
	background-color: #003070;
	color:#fff;
}

#page-article .ligneresasom{
	margin: 5px 0;
}

header#page-title{
	background: none;
	margin-bottom: 5px;
}

h1.titre-resa{
	text-align: center;
}

div.breadcrumb{
	text-align: left;
      display: block !important;
}

.logo_article_som{
	text-align: center;
	float:none;
	margin: 0px;
	position: relative;
	top:-7px;
	width:100%;
	height: 260px;
	background-color: #fff;
}

.logo_article_som img{
	width:100%;
	max-width: 100% !important
}

.info_os{
	position:absolute !important;
	background:rgba(255, 255, 255, 0.8);	
	top:0px;
	left:0px;
	width:95%;
	margin:10px;
	padding: 5px;
	color:#003070;
}

#slider-deux .box-content .voir_suite_os{
	position:absolute !important;
	bottom:10px;
	text-align: right;
	width:420px;
}

#slider-deux .box-content .voir_suite_os a{
	background:rgba(205, 102, 0, 0.9);
	color:#fff;
	padding: 6px 6px 6px 6px !important;
	border-radius:4px;
	font-weight: 600;
	font-size:14px;
	/* line-height: 1.3em; */
}

#slider-deux .voir_suite_os a:hover{
	text-decoration: none;
}

.info_os h4{
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	color:#003070;
}

.ligne-logo-compagnie h4{
	color:#003070;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 0px;
}

#slider-deux .featured-box{
	/* border:1px solid #000; */
	padding: 0px;
	margin: 0px;
}

#slider-deux .featured-box .box-content{
	/* border:1px solid #ff0000; */
	height:255px;
	background-color: #fff;
}

#slider-deux .box-content h4, #slider-deux .box-content a{
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.content-slider{
	background-color: transparent
}

@media screen and (max-width: 923px) {
	#wrapper{
		left:0px;
		border:2px solid #fff;
		margin:0px;
		padding: 0px;
	}
	
	#entete{
		text-align: center;
	}
	
	#topNav{
		background:rgba(0, 155, 185, 0.4);
	}
	
	#topNav .container{
		padding-top: 5px;
		margin-top: 5px;
	}
	
	#zone-form-resa{
		margin-top: 40px;
		right:15px;
	}
	
	.container-nous-choisir{
		margin-top:0px;
	}
	
}

.descriptif_c{
	min-height: 150px;
	margin: 5px 0 5px 0;
	color:#003070;
}

.box-destination-compagnie{
	background-color: #efefef;
}

.box-destination-compagnie p{
	color:#003070;
}

.box-destination-compagnie figure{
	min-height: 135px;
}

 .box-destination-compagnie h4{
	color:#003070;
	text-align: center;
	 font-weight: 500;
}

.box-destination-compagnie .btn-primary{
	background-color: #003070 !important;
	margin-bottom: 10px;
}

h4.titre_sc{
	margin-bottom: 40px;
	min-height: 150px;
}

.colonne-contact label{
	padding-left: 5px;
	color: #003070;
	font-size:18px;
}

.colonne-contact .bouton{
	text-align: center;
}

.colonne-contact input.submit{
	width:30%;
	background-color: #003070 !important;
	color:#fff;
	font-weight: 700;
	display: inline-table;
}

.colonne-contact h3{
	font-size: 16px;
    font-weight: 500;
    margin-bottom:10px;
	color: #003070;
}

.sort-destination .col-sd{
	background-color: #efefef;
}

.box-iamge-os{
	background-position: center;
}

.destination-phare h2{
	font-size: 20px;
	text-align: left;
	background-color: #003070;
	color:#fff;
	font-weight: 500;
	display: inline-table;
	box-shadow: 1px 1px 12px #555;
	padding: 5px 10px;
	margin-bottom: 15px;
}

.sort-destination h2{
	font-size: 20px;
	text-align: left;
	color: #003070;
	font-weight: 600;
	display: inline-table;
	/* box-shadow: 1px 1px 12px #555; */
	padding: 5px 0px 0px 0px;
	margin-bottom: 0px;
}

.cadre-i-compagnie{
	height: 240px;
	border-radius:0px;
	margin: 16px 0;
	background-position: left middle;
	position: relative;
}

.cadre-i-compagnie .info{
	background-color: #EEB922;
	min-height: 30px;
	position: absolute;
	bottom:0px;
	width:100%
}

.info-a{
	position: absolute;
	bottom: 0px;
	height: 60px;
	background:rgba(0, 102, 185, 0.6);
	width:100%;
}

.info-a .cadre-info-a{
	padding:6px;
	color:#fff;
	font-size: 12px;
}

.info-a .cadre-info-a h3{
	color:#fff;
	font-size: 14px;
	margin-bottom: 3px;
	font-weight: 800;
	padding-bottom: 0px;
}

.cadre-i-compagnie:hover{
  box-shadow: 1px 1px 12px #555;
}

.cadre-i-compagnie:hover .info-a{
	background:rgba(0, 0, 0, 0.6);
}

.cic-hover{
	display: block;
	width:100%;
	height: 100%;
}

.cadre-i-compagnie:hover .cic-hover{
	background:rgba(255, 255, 255, 0.3);
}

.info-aa{
	width:70%;
	background-color: #000;
	display: block;
	height: 30px;
}

.info-aa span{
	padding:5px;
	color:#fff;
}

#wpgmza_map{
	/* border:2px solid #999; */
	max-width: 650px !important
}

footer .footer-bar{
	background-color: #fff;
	border-top:0px;
}

footer{
	background-color: #fff !important; 
	position: relative;
	z-index: 1000;
}

.container-ligne-compagnie{
	background-color: #fff;
	/* padding-left: 52px; */
	margin-top: -15px;
}

footer .footer-content{
	background-color: #fff;
	border:none;
}

footer .footer-bar .copyright{
	color:#fff;
}

footer .footer-bar .toTop{
	border:none;
}

#carte{
	border:1px solid #fff;
	/*max-width:550px !important;*/
	margin-top: 10px;
}

.fixgauche{
	z-index: 999;
	position: fixed;
	top: 0;
	/* Mise en forme */
	width: 650px;
	padding-top: 40px;
	}

.ca-charge{
	text-align: center;
	width:100%;
	margin-top: 60px;
}

#wrapper .contenant-wrapper{
	display: none;
}

#page-page{
	margin:350px 100px 0px 20px;
	padding: 5px;
}

#page-page h1, #page-article h1, #page-category h1{
	font-size: 24px;
    font-weight: 500;
    margin-bottom:10px;
}

#wrapper h1.titre_reserver-traversee{
	font-size: 24px;
    font-weight: 500;
    margin-bottom:10px;
	margin-top: 20px;
}

#page-article .page-title{
	margin:0px;
}

#page-article .ligneresasom{
	margin:0 0 20px 0;
}

#wrapper option, #wrapper optgroup {
      color: #333;
      background: #fff;
}

.article-content-wrapper .service .service-description p, .article-content-wrapper .service .service-icon i{
      color: #61729c;
}

.entry .service {
      display: none;
}

.tempstraversee{
	color:#003070;
	font-size:14px;
	float: left;
	width:15%;
}

.voir_carte{
	float: left;
}

.voir_carte a{
	color:#003070;
	font-size:14px;
	position: relative;
	margin-left: 10px;
}

h4.au_depart{
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    position: absolute;
    bottom: 0;
    margin-left: 10px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.71);
}

#s{
	width:100%;
}

.zone-form-newsletter #s{
	width:230px;
}

.boutoncontact{
	float:left;
	width:48%;
	margin: 1%;
	border-radius:2px;
	color:#000;
	background-color: #efefef;
	text-align: center;
	padding: 5px 0;
}

.boutoncontact a{
	color:#003070;
	font-size: 14px;
	font-weight:600;
}

.colonne-contact option, .colonne-contact select{
	color:#000;
}

.m_nous_contacter{
	border-top:1px solid #efefef;
	margin-top: 10px;
	padding-top: 10px;
	color:#003070;
	font-size: 14px;
	font-weight:500;
}

#pop-droite{
	position:absolute;
	top:40px;
	right:-350px;
	border:2px solid #ff6600;
	padding:4px;
	width:300px;
	min-height: 500px;
	background-color: #ededed;
	z-index:2000;
	box-shadow: 1px 1px 12px #555;
}

#pop-droite h3{
	color: #003070;
	font-size:16px;
	font-weight: bold;
}

#pop-droite .erreurchampvide{
	border: 2px solid #ff0000 !important;
}

.boutonovrresa{
	background-color: #003070;
	color:#fff;
	font-weight:bold;
	padding: 5px 10px;
	text-align: center;
	margin: 5px 10px;
}

.fermer-popup-droite{
	color:#003070;
	background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.34);
    cursor: pointer;
    height: 30px;
    position: absolute;
   	left: -10px;
    top: -10px;
    width: 30px;
	text-align: center;
	line-height: 30px;
	
}

.ovrjaideja, .ovrnewresa{
	cursor: pointer
}

#pop-form-newsletter h3{
	text-align: center;
	font-size: 14px;
}

.ligneresasom .titre_traversee_som{
	text-transform:uppercase
}

.item-offre-speciale{
	position:relative
}

h2.titre_pays_arrivee{
	font-weight: 700;
}

.liste_destination_compagnie li{
	list-style: none;
}

.liste_destination_compagnie .col-compagnie-traversee{
	border:1px solid #ededed; 
	padding: 4px;
	background-color: #efefef;
}

.col-compagnie-traversee .titre_traversee_som{
	font-size: 11px;
	font-weight:700;
}

.col-compagnie-traversee .voir_carte .fa{
	font-size: 10px;
	font-weight:700;
}

.col-compagnie-traversee .voir_carte{
	margin-left: 4%;
	width:48%;
}

.sort-compagnie{
	background-color: #efefef
}

.single-post footer{
	z-index: 90;
}

.col-compagnie-traversee .lire_suite_traversee a{
	font-size: 11px;
	font-weight: 500;
}

@media screen and (min-width: 1000px) {
	div.nav-principale{
		background-color: #fff;
		position: fixed;
		top:0px;
		left:0px;
		min-height: 400px;
		/* width: 60px !important; */
		z-index: 900;
		/* border-right:1px solid #666; */
	}
	
	#premiere-ligne{
		position: relative;
		left:0px;
		margin-top: -10px;
	}
	
	.container-newsletter{
		position: relative;
		left:0px;
		margin-top: 40px;
		margin-bottom: 0px;
	}
	
	.container-nous-choisir{
	margin-top: 20px;
	position: relative;
	left:0px;
	}
	
	.carousel-logo-compagnie{
		left:0px;
	}
	
	footer{
		position: relative
	}
	
	.item-offre-speciale{
		max-height: 250px;
	}
	
	#zone-form-resa{
	position: absolute;
	top:90px;
	right:25px;
	width:340px;
	height: 250px;
	}
	
	header#principale{
		min-height: 390px !important;
	}	
	
	.entete-deux{
	padding-top: 10px;
	text-align: right
	}
	
	.contenant-wrapper{
		position: relative;
		top:-80px
	}
	
	#compagnie .owl-item{
		height:303px;
	}
	
	#form-contact{
		width:95%;
	}
}

@media screen and (max-width: 768px) {
	.entete-deux{
	padding: 10px 0;
	text-align: center;
	}
}

#page-recherche #page-title h1.page-title{
	font-size:18px !important;
	color: #003070;
	margin-bottom: 10px !important;
}

#page-recherche h3{
	font-size: 14px;
}

#page-recheche ul{
	list-style: none;
	margin: 0px !important;
	padding: 0px !important;
}

#page-recherche li{
	border-bottom: 1px solid #ededed;
	margin:5px 0 10px 0;
	padding: 0 0 10px 0;
	list-style: none;
}

.zone_port_depart option, .zone_port_arrivee option, .zone_port_depart select, .zone_port_arrivee select{
	text-transform:uppercase
}

.obligatoire{
	color:#ff0000;
	font-size: 10px;
}

select#type, select#type option, #wrapper select#pays option{
	color:#272727
}

.contenant-faq ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.contenant-faq h2{
	font-size: 24px;
	border-top:1px solid #ededed;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.contenant-faq h3{
	font-size: 20px;
	border-top:1px solid #ededed;
	padding-top: 10px;
	margin-top: 20px;
	margin-bottom: 5px;
}

.titre-ouvrir{
	cursor: pointer;
	font-weight: 500;
	margin: 10px 0 7px 25px;
	padding: 5px;
	color: #687498;
	font-family: Montserrat;
	font-size: 14px;
}

.fermer-faq{
	display:none;
}

#wrapper .pagination{
	display: block  !important;
}

.mapagination, .destinations-pagination{
      text-align: center;
      font-family: "Montserrat";
      font-weight: 500;
      font-size: 16px;
      color: #333333;
      padding: 20px 0;
}

.mapagination span{
	margin:0 4px;
	font-weight: 500;
}

.mapagination span a, .destinations-pagination li a{
	color: #333333;
}

.destinations-pagination li a {
      font-size: 20px;
      text-decoration: none;
}

.destinations-pagination li{
      display: inline-block;
      padding: 0px 15px;
      font-weight: 500;
      border-right: solid 1px #dedede;
}

.destinations-pagination li{
      display: inline-block;
      padding: 0px 15px;
      font-weight: 500;
      border-right: solid 1px #dedede;
}

.destinations-pagination li.active a{
	color: #fff;
	text-decoration: none;
	background: orange;
	padding: 0 10px;
	border-radius: 5px;
}

.destinations-pagination li:last-child{
      border: none; 
}



.page-template-template-faq-aide .soustitre{
	font-size: 18px;
}

.page-template-template-faq-aide #wrapper h1.titre, .page-template #wrapper h1.titreh{
	margin-bottom: 5px;
	font-size: 24px;
	line-height:30px;
	font-weight: 500
}

.page-template-template-faq-aide #wrapper form{
	padding-top: 0px;
	margin: 15px 0 0 0;
	padding-bottom: 30px;
}

.textehorsligne, .texte_contact, .texte_faq{
	padding: 10px 10px 5px 10px;
	margin-bottom: 20px;
	background-color: #e0f1fa;
	color:#0a2c4d;
}

.texte_faq{
	margin-top: 10px;
}

.texte_contact a{
	color:#fff;
	background-color:#0a2c4d;
	padding:5px 10px;
}

.texte_faq a{
	color:#0a2c4d;
	text-decoration: underline;
	
}

.textehorsligne p, .textehorsligne strong{
	color:#0a2c4d;
}

.bt-retour-faq{
	text-align: center;
}

.bt-retour-faq a{
	color:#0a2c4d;
	font-size:14px;
	font-weight: 500;
	margin-bottom: 20px;
}

.search h1{
	text-align: center;
	line-height: 30px;
	font-size: 24px;
}

h3.titre-recherche-faq{
	font-size: 18px;
	color:#0a2c4d;
	font-weight: 500;
	margin-bottom: 15px;
	padding-bottom: 0px;
}

#page-recherche ul{
	margin-left: 0px;
	padding-left: 0px;
}

#entete .num_tel{
	color:#fff !important;
	padding: 1px 3px;
	background-color:#0a2c4d;
	border-radius:2px;
}

div.z_menu_mobile{
	/* background-color:#0a2c4d; */
	min-height: 165px;
	padding-top: 0px;
	
}

div.z_bt_menu{
	text-align: center;
	margin-bottom: 10px;
}

.voir-menu-mobile{
	color: #fff;
	text-align: center;
	font-size:18px;
	background-color: #0a2c4d;
	width:90%;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block;
	border-radius:5px;
	cursor: pointer;
	margin-bottom: 20px;
}

.fermer-menu-mobile{
	cursor: pointer;
	color:#fff;
	font-size:16px;
}

.z_menu_mobile ul{
	margin:10px 0;
	padding: 0px;
}

.z_menu_mobile li{
	list-style: none;
	background-color: #0a2c4d;
	border-radius:5px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left: auto !important;
	margin-right:  auto !important;
	width: 90%;
	text-align: center
}

.z_menu_mobile li a{
	color: #fff;
	font-size:16px;
}

.accroche-site h2{
	font-size: 18px;
	color:#003070;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
}

.accroche-site p{
	color:#003070;
	font-size: 14px;
	line-height: 1em;
	margin-bottom: 8px;
}


#wrapper .dernieres-nouvelles{
	background-color: #003070!important;
	margin-top:10px;
	margin-bottom: 0px;
}

.dernieres-nouvelles p{
	color:#fff;
}

footer a:hover{
	text-decoration: none;
}



@media screen and (min-width: 1000px) {
	#zone-form-resa{
	box-shadow: 1px 1px 12px #555;
	}
}

@media screen and (min-width: 767px) {
	div.z_menu_mobile{
		display: none;
	}
	
	div.z_bt_menu{
		display: none;
	}
	
}

@media screen and (max-width: 767px) {
		div.z_menu_mobile{
		display: none;
	}
	
	div.z_bt_menu{
		display: block;
	}
	
	#wrapper{
		padding-top: 10px !important;
	}
}

/* tabs */
.tabbed{
    float : left;
    width : 100%;
}

.tabbed > input{
    display : none;
}

.tabbed > section > h3{
    float       : left;
    box-sizing  : border-box;
    padding     : 0.5em 0.5em 0;
    overflow    : hidden;
    font-size   : 1em;
    font-weight : normal;
    display: block;
    margin: 0 50px 0 0;
}

.tabbed > input:first-child + section > h1{
    padding-left : 1em;
}

.tabbed > section > h3 > label{
    display                 : block;
    cursor                  : pointer;
	text-transform: uppercase;
	font-family: "Montserrat";
	font-size: 16px;
	color: #acb4cc;
}

.tabbed > section > div{
    position      : relative;
    z-index       : 1;
    float         : right;
    box-sizing    : border-box;
    width         : 102%;
    margin        : 3.5em 0 0 -100%;
    padding       : 0.5em 0.75em;
    border-radius : 4px;
    background    : #fff;
}

.tabbed > input:checked + section > h3{
    border-bottom: solid 4px #fecb00;
    position : relative;
    z-index  : 2;
}

.tabbed > input:not(:checked) + section > div{
    display : none;
}

.tabbed br {
    display: none;
}


/* tabs dans la page Aide */
.tabordion {
    color: #333;
    display: block;
    font-family: arial, sans-serif;
    margin: auto;
    position: relative;
    overflow: auto;
}

.tabordion input[name="sections"] {
    left: -9999px;
    position: absolute;
    top: -9999px;
}

.tabordion section {
    display: block;
}

.tabordion section label {
    /*background: #ccc;*/
    border:1px solid #fff;
    cursor: pointer;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    padding: 15px 20px;
    position: relative;
    width: 180px;
    z-index:100;
}

.tabordion section article {
    display: none;
    left: 230px;
    min-width: 300px;
    padding: 0 0 0 21px;
    position: absolute;
    top: 0;
}

.tabordion section article:after {
    /* background-color: #ccc; */
    bottom: 0;
    content: "";
    display: block;
    left:-229px;
    position: absolute;
    top: 0;
    width: 220px;
    z-index:1;
}

.tabordion input[name="sections"]:checked + label {
    background: #0e9bdb;
    color: #bbb;
}

.tabordion input[name="sections"]:checked ~ article {
    display: block;
}


/* Accordion page AIDE  */
.ac-container{
	margin: 5px auto;
	padding: 0 30px;
}

.ac-container div:not(.titre-ouvrir){
	border-bottom: solid 1px #dedede;
}

.ac-container div:last-child{
	border-bottom: none;
}


.ac-container label.tit{
	font-family: 'Montserrat', sans-serif;
      position: relative;
      z-index: 20;
      display: block;
      width: 600px;
      cursor: pointer;
      color: #697299 !important;
      background: transparent !important;
      box-shadow: none !important;
      font-size: 18px;
      font-weight: 500 !important;
      padding: 20px 0;
}

.ac-container label.tit:last-child{
	border-bottom: none;
}

.ac-container label:hover{
    background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
    background: #c6e1ec;
    color: #3d7489;
    text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
    box-shadow:
    0px 0px 0px 1px rgba(155,155,155,0.3),
    0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 13px;
    top: 7px;
    background: transparent url(../images/arrow_right.png) no-repeat center center;
}
.ac-container input:checked + label:hover:after{
    background-image: url(../images/arrow_down.png);
}
.ac-container input{
    display: none;
}
.ac-container .ac-item{
    background: rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container .ac-item p{
	color: #9c9ca9;
	font-size: 13px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	font-family: "Montserrat";
	line-height: 1.4;
	margin-left: 45px;
}
.ac-container input:checked ~ .ac-item{
    -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}
.ac-container input:checked ~ .ac-item.ac-small{
    height: auto;
}
.ac-container input:checked ~ .ac-item.ac-medium{
    height: auto;
}
.ac-container input:checked ~ .ac-item.ac-large{
    height: auto;
}

/* REDA MAI 19 */

.search-destination-content{
	background-color: #fdcb00
}