/*
Theme Name: TDLB2 
Theme URI:  
Author: LouryOnLine 
URI:
Description: TDLB
Version: 2.9.6
License: 
License URI: 
Text Domain: terres de la bible
Tags: 
*/


@import url(../scripts/colorbox/colorbox.css);
@import url(elements.css);
@import url(gallery.css);
@import url(navigationElements.css);
@import url(flaticon/flaticon2.css);
@import url(knacss.css);

/* ---------------------
INITIALISATION DES STYLES
------------------------*/
* {
	border: 0;
	margin: 0;
	padding: 0;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
span, span:active, dic:active, a:active, img:active {outline:0;}

/* --------------
ZONE EXTERIEURE
-----------------*/
body {
	font-family:Arial,Helvetica,sans-serif;
}

/* ---------------
APPARENCE DES IMAGES
-----------------*/
img {
	border: 0;
	vertical-align: bottom;
	max-width: 100%;
}

/* --------------
TRICKS
-----------------*/
.hide  { display: none; }
.clear {
	border: 0;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
.relative { position: relative; }

.posLeft   { float: left; }
.posMiddle { margin: 0 auto; }
.posRight  { float: right; }

.txtCenter { text-align: center; }
.txtLeft   { text-align: left; }
.txtRight  { text-align: right; }

.size1_1 { width: 100%;}
.size1_2 { width: 50%;}
.size1_3 { width: 33.33%;}
.size1_4 { width: 25%;}
.size1_5 { width: 20%;}
.size1_6 { width: 16.66%;}
.size1_7 { width: 14.285%;}
.size1_8 { width: 12.5%;}

.arrowBlack {
	position: absolute;
	left: 5px;
	bottom: -5px;
	display: block;
	width: 10px !important;
	height: 5px !important;
	padding: 0;
	margin: 0;
	background: url(../../../../common_images/community/bg_arrow.png);
}
.arrowBlack.reverse {
	left: auto;
	right: 5px;
}
.arrowContent {
	position: absolute;
	top: -30px;
	left: 0px;
	z-index: 200;
	display: none;
	padding: 3px 5px;
	font-size: 11px;
	color: #fff;
	background: #000;
	white-space: nowrap;
}
*:hover > .arrowContent { display: block; }
.socialNetworkConnect { padding-top: 10px; }
a.facebookConnect, a.twitterConnect, a.googleConnect {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px 0 0;
	height: 31px;
	font: normal 12px/30px 'Roboto', 'Lucida Grande', Arial, sans-serif;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	background: #5f78ab;
	border: 1px solid #405a91;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
a.twitterConnect {
	background-color: #55acee;
	border-color: #4998d5;
}
a.googleConnect {
	display: inline-block;
	vertical-align: top;
	background-color: #cc3732;
	border-color: #b62b26;
}
a.facebookConnect:hover { background-color: #6895c4; }
a.twitterConnect:hover  { background-color: #6bcbf8; }
a.googleConnect:hover   { background-color: #e94d48; }
a.facebookConnect .iconSocialNetwork, a.twitterConnect .iconSocialNetwork, a.googleConnect .iconSocialNetwork {
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 30px;
	background: url(../../../../common_images/skins/DefaultSkins1.5/icon_socialNetworks.png) 0 0 no-repeat;
}
a.twitterConnect .iconSocialNetwork { background-position: -30px 0; }
a.googleConnect .iconSocialNetwork  { background-position: -60px 0; }
a.facebookConnect > span, a.twitterConnect > span, a.googleConnect > span {
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
}
a.facebookConnect > span { border-left: 1px solid #405a91; }
a.twitterConnect > span { border-left: 1px solid #4998d5; }
a.googleConnect > span { border-left: 1px solid #b62b26; }
/*.googleConnect > div { display: none; }*/
#overDiv {
	position: absolute;
	z-index: 1000;
	visibility: hidden;
}

/* ---------------------------------------- */
/* X - Fancy Box                            */
/* ---------------------------------------- */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
	vertical-align: top;
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}
.fancybox-skin {
	position: relative;
	color: #444;
	text-shadow: none;
	background: #f9f9f9;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
			box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error {
	padding: 15px;
	margin: 0;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #444;
	white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/assets/js/fancyBox/fancybox_sprite.png); }
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 8060;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	cursor: pointer;
	opacity: 0.8;
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(/assets/js/fancyBox/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	z-index: 8040;
	width: 36px;
	height: 36px;
	cursor: pointer;
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	z-index: 8040;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(/assets/js/fancyBox/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	z-index: 8040;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	visibility: hidden;
}
.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}
.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	visibility: hidden;
	overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
	overflow: hidden !important;
	width: auto;
}
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8010;
	display: none;
	background: url(/assets/js/fancyBox/fancybox_overlay.png);
	overflow: hidden;
}
.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}
.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
	position: relative;
	z-index: 8050;
	font: normal 13px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-shadow: none;
	visibility: hidden;
}
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	z-index: 8050;
	margin-bottom: -35px;
	text-align: center;
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	font-weight: bold;
	line-height: 24px;
	color: #FFF;
	text-shadow: 0 1px 2px #222;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	white-space: nowrap;
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(/assets/js/fancyBox/fancybox_sprite%402x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(/assets/js/fancyBox/fancybox_loading%402x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/* Champ de formulaire masqué pour gestion d'un antispam de type honey pot*/
.firstnameFormRow {
	display:none;
}


/*========================================================================================
GENERAL
========================================================================================*/
#page {position:relative;}
#article {padding-bottom:50px;}
/*** ios hack ***/
input[type=text], input[type=password], input[type=submit], textarea, select {-webkit-appearance: none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; border-radius:0;}
input[type=checkbox], input[type=radio] {border:1px solid #666; background:none; -webkit-border-radius:0; border-radius:0;}

input[type=text]:focus, input[type=password]:focus, input[type=submit]:focus, textarea:focus, select:focus, input[type=checkbox]:focus, input[type=radio]:focus {border:none;}

.width100 {width:100%;}
.width01 {width:1200px;}
.widtht02 {width:900px;}
.mauto {margin-left:auto; margin-right:auto;}

.blanc {color:#FFF;}

/*========================================================================================
HEADER
========================================================================================*/
#header {position:absolute; top:20px; width:100%; z-index:9000;}
#headerInner {margin:0 auto 0 auto; position:relative; width:100%;}
#headerInner p {padding:0; margin:0;}

/*------------------ logo -----------------*/
.headLogo {float:left; margin:0 0 0 20px;}
.headLogo img {}

/*------------------ tel -----------------*/
.headTel {float:right; margin:0 20px 0 0;}
.headTel a {color:#f08b00; font-size:1em;}
.headTel a span {display:inline-block; background:#f08b00; color:#FFF; padding:2px 0 2px 7px; vertical-align:top; font-size:1.25em; text-align:center;}
.headTel a.topgroup span {font-size:1em; padding:3px 2px 5px 6px;}
.headTel a.topgroupjoin span {font-size:1em; padding:3px 2px 5px 6px;}
.headTel a.topmail span {font-size:1em; padding:3px 2px 5px 6px;}
.headTel a strong {background:#e2e2e3; display:inline-block; padding:0 10px 0 10px; margin:0 5px 0 0; vertical-align:top; text-transform:uppercase; font-weight:normal;}
.headTel a:hover {}
.headTel a:hover span {}
.headTel a:hover strong {background:#f08b00; color:#fff;}

/*------------------ nav -----------------*/
#header nav {position:relative; float:left; display:inline-block; min-width:150px;}
#header nav #nested {display:none;}

/*------------------ menu -----------------*/
.mm-menu > .mm-panel {padding:0;}
.mm-listview > li:not(.mm-divider)::after {left: 0;}
a.mm-next {border-left:1px solid rgba(0, 0, 0, 0.1) !important;}
.mm-navbar {background:#f08b00;}
.mm-menu .mm-navbar .mm-btn::before, .mm-menu .mm-navbar .mm-btn::after 
{border-color:#fff}
.mm-menu .mm-navbar .mm-btn:hover::before, .mm-menu .mm-navbar .mm-btn:hover::after 
{border-color:#666}
.mm-title {color:#fff !important; text-transform:uppercase;}
.mm-page {-webkit-box-shadow: -4px 0px 8px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: -4px 0px 8px 0px rgba(0, 0, 0, 0.5); box-shadow: -4px 0px 8px 0px rgba(0, 0, 0, 0.5);}
.mm-listview {margin-right:0 !important; margin-left:0 !important;}
.mm-listview li a:hover {color: #fff; background: #bfbfbf;}
.mm-menu .mm-listview > li .mm-prev:hover::before, 
.mm-menu .mm-listview > li .mm-next:hover::after, 
.mm-menu .mm-listview > li .mm-arrow:hover::after 
{border-color:#fff}

/*========================================================================================
CONTENT
========================================================================================*/
#container {}

/********* GLOBAL ********************************************************************/
/*------------------ page erreur -----------------*/
#error_page {margin:0 auto 0 auto;}
.width01 #error_page {width:1240px;}
.width02 #error_page {width:1060px;}

/********* GENERIQUE ********************************************************************/
#generique {}

/*------------------ zone haute -----------------*/
#topBando {}

/*------------------ contenu --------------------*/
.orange {color:#eb6909;}
/***** bloc content *****/
#bandoVisu {}
#bandoVisu img {width:100%; height:auto;}
.contentGen {padding:0;}
.contentGenInner {margin:0 auto 0 auto; padding:30px 0 30px 0;}
.gen .zoneTitre {padding:0 0 10px 0;}
.gen .zoneTitre h1 {text-transform:uppercase; color:#696969; font-size:1.8em;}
.gen .zoneText {}
.contentGen h2 {font-size:1.3em; margin:0; padding:0;}
.contentGen h3 {font-size:1.1em; margin:0; padding:0;}
.contentGen h2 + p, .contentGen h3 + p {margin-top:0;}
.contentGen p a {color:#000; text-decoration:underline;}
.contentGen p a:hover {text-decoration:none; color:#f08b00;}
.contentGen ul {margin-left:0; margin-right:0; padding:0; list-style-position:inside;}
.contentGen p + h2, .contentGen ul + h2  {margin-top:40px;}
.contentGen p + h3, .contentGen ul + h3 {margin-top:20px;}

/*------------------ pager --------------------*/
.pager {text-align:center; margin:30px 0 0 0;}
.pager a {display:inline-block; background:#999; padding:5px 10px 5px 10px; color:#fff; text-align:center;}
.pager .LinkIn {min-width:90px;}
.pager a:hover {background-color:#f08b00;}
.pager .back {display:inline-block;}

/*------------------ fil ariane --------------------*/
.breadcrumb {display:none;}

/*------------------ widget flottant --------------------*/
.floatWidget {position:fixed; top:30%; right:0; z-index:9001;}
.floatWidget .widgetContainer {}
.floatWidget ul {list-style:none; margin:0; padding:0;}
.floatWidget ul li {}
.floatWidget ul li a {display:block; width:40px;}
.floatWidget ul li a span {display:block; text-align:center; color:#fff; width:100%;}
.floatWidget ul li a:hover span {background:#e2e2e3; color:#000;}
.floatWidget .fa-phone {background:#f08b00; font-size:1.6em; padding:10px 10px 10px 12px;}
.floatWidget .fa-envelope-o {background:#8c8c8c; font-size:1.6em; padding:10px;}
.floatWidget .fa-users {background:#8c8c8c; font-size:1.6em; padding:10px 10px 10px 8px;}
.floatWidget .fa-user-plus {background:#f08b00; font-size:1.6em; padding:10px;}
.floatWidget a:hover .fa-phone {}
.floatWidget a:hover .fa-envelope-o {}

/*------------------ pourquoi choisir TDLB --------------------*/
.footChoix {background:#f1f1f1; padding:30px 0 30px 0;}
.footChoix .widgetContainer {margin:0 auto 0 auto; width:900px; color:#696969;}
.footChoix h3 {text-align:center; text-transform:uppercase; font-size:1.6em;}
.footChoix ul {margin:0; padding:20px 0 0 0; list-style:none; text-align:center;}
.footChoix ul li {display:inline-block; vertical-align:top; font-size:0.9em; line-height:normal; margin:0 20px 0 20px;}
.footChoix ul li span {color:#f08b00;}
.footChoix ul li [class^="flaticon-"]::before, .footChoix ul li [class*=" flaticon-"]::before, .footChoix ul li [class^="flaticon-"]::after, .footChoix ul li [class*=" flaticon-"]::after {font-size: 3.5em; margin: 0; display:block; line-height:0.6em;}
.footChoix ul li strong {font-size:1.2em; display:inline- block; padding:5px 0 5px 0;}

/*------------------ inscription newsletter --------------------*/
.footNews {/*background:#f1f1f1;*/ padding:30px 0 30px 0;}
.footNews .widgetContainer {margin:0 auto 0 auto; width:900px; color:#696969;}
.footNews h3 {text-align:center; text-transform:uppercase; font-size:1.6em;}
.footNews p {}
.footNews p:last-child {padding:0; margin:0;}
.footNews h3 + p {text-align:center; font-size:1.2em; margin-bottom:20px;}
.footNews .formulaire {text-align:center;}
.footNews .formulaire fieldset {display:inline-block; width:460px; vertical-align:middle;}
.footNews .formulaire .row {}
.footNews .formulaire .row span {}
.footNews .formulaire .row input[type="text"] {padding:5px; width:100%; border:1px solid #999; font-size:1em;}
.footNews .formulaire .submit {display:inline-block; width:150px; vertical-align:middle; margin:0 0 0 20px;}
.footNews .formulaire .submit #submitid {background:#f08b00; width:100%; padding:5px; cursor:pointer; color:#fff; font-weight:bold; font-size:1em; text-align:center;}
.footNews .formulaire .submit #submitid:hover {background:#999;}

/********* HOMEPAGE *********************************************************************/
.home {}

/*------------------ zone slide -----------------*/
.topSlide {width:100%; margin:0 auto 40px auto; position:relative;}
.topSlide ul {margin:0; padding:0; list-style:none;}
.topSlide .bx-viewport {border:none; box-shadow:none; left:0;}
.topSlide .bx-viewport ul, .topSlide .bx-viewport ul li {width:100%;}
.topSlide .bx-viewport ul li img {width:100%; height:auto;}
.topSlide .bx-viewport ul li {position:relative;}
/***** nav *****/
.topSlide .bx-wrapper .bx-prev {left: 0; background: url(../pict/controls2.html) no-repeat 0 0px;}
.topSlide .bx-wrapper .bx-next {right: 0; background: url(../pict/controls2.html) no-repeat -86px 0px;}
.topSlide .bx-wrapper .bx-prev:hover {background-position: 0 -86px;}
.topSlide .bx-wrapper .bx-next:hover {background-position: -86px -86px;}
.topSlide .bx-wrapper .bx-controls-direction a {top: 45%; width: 86px; height: 86px;}
.topSlide .bx-wrapper .bx-controls-direction a:hover {opacity:0.85;}

/*------------------ top bandeau -----------------*/
.topBandeau {width:100%; margin:0 auto 40px auto; position:relative;}
.topBandeau .visuBando {}
.topBandeau .visuBando img {width:100%; height:auto;}
.topBandeau .txtBando {color:#FFF; text-align:center; text-shadow:0 0 2px rgba(0, 0, 0, 0.6); width:100%; position:absolute; top:45%;}
.topBandeau .txtBando h1 {text-transform:uppercase; font-size:3em;}
.topBandeau .txtBando p {font-size:1.2em;}

/*------------------ liste des destinations -----------------*/
.destiList {margin:0 auto 10px auto;}
.destiList > p {text-align:center; text-transform:uppercase; font-size:1.8em; color:#696969; padding:0; margin:0;}
.destiList > p strong {}
.destiList ul {list-style:none; margin:40px 0 0 0; padding:0; justify-content: center;display: flex; flex-wrap:wrap;}
.destiList ul li {float:left; margin:0 2% 30px 0; width:23.5%; overflow:hidden;}
.destiList ul li a {position:relative; display:block;}
.destiList ul li a img {width:100%; height:auto;}
.destiList ul li a .titreDesti {position:absolute; width:100%; bottom:15px; padding:5px 15px 5px 15px; background:#000; background:rgba(0, 0, 0, 0.7); color:#FFF; text-transform:uppercase; font-weight:bold; font-size:1.3em;}
.voyager-responsable .destiList ul li a .titreDesti{height:61px}
}
.destiList ul li:nth-child(4n) {margin-right:0;}

/*------------------ liste des inspirations -----------------*/
.inspiList {margin:0 auto 0 auto;}
.inspiList > p {text-align:center; text-transform:uppercase; color:#696969;}
.inspiList > p strong {font-size:1.8em;}
.homeInspirations .widgetContainer {margin:30px 0 20px 0;}
.homeInspirations .widgetContainer:after {content:''; display:block; clear:both;}
.homeInspirations ul {list-style:none; margin:0; padding:0;    justify-content: center;    display: flex;    flex-wrap: wrap;}
.homeInspirations ul .short_product {float:left; width:180px; margin:0 24px 30px 0;}
.homeInspirations ul .short_product:nth-child(6n) {margin-right:0;}
.homeInspirations ul .short_product_container {}
.homeInspirations .short_product .pictureContainer {}
.homeInspirations .short_product .pictureContainer .picture {}
.homeInspirations .short_product .pictureContainer .picture img {border-radius:200px; cursor:pointer;}
.homeInspirations ul .short_product_container .titreSP {color:#696969; text-align:center; font-size:1em; padding:10px 5px 0 5px;}
.homeInspirations ul .short_product_container .titreSP a {color:#696969;}
.homeInspirations ul .short_product_container .viewProduct {display:none;}

/*------------------ baseline -----------------*/
.home .baseline {text-align:center; margin:0 auto 40px auto; clear:both;}
.home .baseline h1 {font-size:2.5em; font-weight:normal; color:#f08b00; text-transform:uppercase; line-height:1.3em;}

/*------------------ zone presentation -----------------*/
.homePres {margin:0 auto 40px auto; background:#f1f1f1; padding:30px 0 30px 0;}
.homePres a {color:#000; text-decoration:underline;}
.homePres a:hover {text-decoration:none;}
.homePresInner {margin:0 auto 0 auto;}
.homePresInner .col {}
.homePresInner h2 {font-size:1.3em; margin:0; padding:0 0 25px 0; color:#eb6909;}
.homePresInner .col01 {float:left; width:750px;}
.homePresInner .col01 p {text-align:justify; margin:0 0 30px 0; line-height:1.7em;}
.homePresInner .col02 {float:right; width:350px;}
.homePresInner .col02 img {border-radius:400px;}
/*------------------ slide des infos - urgences -----------------*/
.listUrgences {margin:0px auto 0px auto; padding:10px 0 10px 0; background:#f08b00; /* background:#f1f1f1; */}
.listUrgencesInner {margin:0 auto 0 auto;}
.slideUrgences ul {margin:0; padding:0; list-style:none;}
.slideUrgences .bx-wrapper .bx-viewport {border:none; box-shadow:none; background:none; /*left:0;*/}
.ContentUrgences {text-align:center; width:100%; color:#333; /*color:#696969;*/}
.ContentUrgences .txtUrgences {color:#ffffff;font-weight:normal; font-size:12px;}
.ContentUrgences .txtUrgences a {color:#ffffff;font-weight:normal; font-size:12px;}

/*------------------ slide des avis -----------------*/
.listAvis {margin:0 auto 40px auto; padding:30px 0 30px 0; background:#c9c9c9; /* background:#f1f1f1; */}
.listAvisInner {margin:0 auto 0 auto;}
.slideAvis {}
.slideAvis ul {margin:0; padding:0; list-style:none;}
.slideAvis ul li {}
.slideAvis .bx-wrapper .bx-viewport {border:none; box-shadow:none; background:none; /*left:0;*/}
.slideAvis .bx-wrapper .bx-viewport ul, .slideAvis .bx-wrapper .bx-viewport ul li {width:100%;}
.slideAvis .bx-wrapper .bx-viewport ul li img {}
.slideAvis .bx-wrapper .bx-viewport ul li {position:relative;}
.ContentAvis {text-align:center; width:100%; color:#333; /*color:#696969;*/}
.ContentAvis .txtAvis {font-weight:bold; font-size:1.1em;}
/*.ContentAvis .txtAvis:before {content:'\00AB ';}
.ContentAvis .txtAvis:after {content:' \00BB';}*/
.ContentAvis .visuNomAvis {margin:20px 0 0 0;}
.ContentAvis .visuAvis {display:inline-block; vertical-align:middle; margin:0 20px 0 0;}
.ContentAvis .visuAvis img {max-width:60px; height:auto; border-radius:100px;}
.ContentAvis .nomFonctionAvis {display:inline-block; vertical-align:middle;}
.ContentAvis .nomFonctionAvis p {text-align:left;}
.ContentAvis .nomFonctionAvis .nfa1 {font-weight:bold;}
.ContentAvis .nomFonctionAvis .nfa2 {}

/*------------------ liste des specialistes -----------------*/
.speList {margin:0 auto 0 auto;}
.speList > p {text-align:center; text-transform:uppercase; color:#696969;}
.speList > p strong {font-size:1.8em;}
.speList > p + p {}
.homeSpecialistes {margin:20px 0 0 0;}
.homeSpecialistes ul {margin:0; padding:0; list-style:none;}
.homeSpecialistes ul li {float:left; width:276px; margin:0 32px 30px 0; position:relative; overflow:hidden;}
.homeSpecialistes ul li:nth-child(4n) {margin-right:0;}
.homeSpecialistes .cartoucheSpe {position:absolute; width:100%; bottom:0; background:#f08b00; padding:5px 15px 5px 15px; font-size:1.1em;}
.homeSpecialistes .cartoucheSpe .titreDestiSpe {color:#000; font-weight:bold;}
.homeSpecialistes .cartoucheSpe .titreNomSpe {color:#FFF; font-weight:bold;}
.homeSpecialistes .photoSpe {}
.homeSpecialistes .photoSpe img {width:100%; height:auto;}
.homeSpecialistes .zoneTxtSpe {position:absolute; width:100%; height:100%; top:0; left:-100%; z-index:10; background:rgba(0, 0, 0, 0.55); padding:10px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; overflow:auto;}
.homeSpecialistes ul li:hover .zoneTxtSpe {left:0;}
.homeSpecialistes .zoneTxtSpe p {color:#FFF;}
/*
.homeSpecialistes ul li:last-child .cartoucheSpe {text-align:center; top:0; background:none; padding:5px 35px 5px 35px; font-size:2em; text-transform:uppercase; line-height:1.1em;}
.homeSpecialistes ul li:last-child .zoneTxtSpe {height:auto !important; bottom:0px !important; color:#000; left:0; background:none; padding:10px; -webkit-transition: none; -moz-transition: none; transition: none;}
.homeSpecialistes ul li:last-child .zoneTxtSpe p {color:#000; position:absolute; bottom:5px; padding:5px; text-align:center; line-height:1.1em;}
*/

/*------------------ liste des partenaires -----------------*/
.partList {margin:30px auto 0 auto;}
.partList > p {text-align:center; text-transform:uppercase; color:#696969;}
.partList > p strong {font-size:1.8em;}
.partList > p + p {}
.partList ul {margin:20px 0 0 0; padding:0; list-style:none;display: flex;    flex-wrap: wrap;    justify-content: center;}
.partList ul li {float:left; background:#e1e1e1; width:276px; margin:0 32px 30px 0;}
.partList ul li:nth-child(4n) {margin-right:0;}
.partList ul li a {}
.partList ul li .mainImage {}
.partList ul li .mainImage img {width:100%; height:auto;}


/********* PAGE CONTACT **************************************************/
.contact {}
.contact-f {margin-top:15px;font-weight:bold}

.contact .contentGen .formulaire {width:100%; max-width:600px; margin:20px auto 0 auto; padding:20px; border:1px solid #f08b00;}
/*.contact .contentGen .formulaire  {display:block; margin:0 0 10px 0;}*/
.contact .contentGen .formulaire  label {text-transform:uppercase; display:inline-block; font-size:0.9em; width:100%;/*width:130px;*/}
.contact .contentGen .formulaire  span {/*display:inline-block; width:420px;*/}
.contact .contentGen .formulaire   span input[type=text] {border:1px solid #999; padding:5px; width:100%;}
.contact .contentGen .formulaire   span input[type=password] {border:1px solid #999; padding:5px; width:100%;}
.contact .contentGen .formulaire   span input[type=email] {border:1px solid #999; padding:5px; width:100%;}
.contact .contentGen .formulaire   span input[type=tel] {border:1px solid #999; padding:5px; width:100%;}
.contact .contentGen .formulaire   textarea {border:1px solid #999; padding:5px; width:100%;}
.contact .contentGen .formulaire  span input[type=text]:focus, .contact .contentGen .formulaire .row  textarea:focus {border-color:#f08b00;}
/*
.contact .contentGen .formulaire .row {display:block; margin:0 0 10px 0;}
.contact .contentGen .formulaire .row label {text-transform:uppercase; display:inline-block; font-size:0.9em; width:130px;}
.contact .contentGen .formulaire .row label + span {display:inline-block; width:420px;}
.contact .contentGen .formulaire .row label + span input[type=text] {border:1px solid #999; padding:5px; width:100%;}
.contact .contentGen .formulaire .row label + span textarea {border:1px solid #999; padding:5px; width:100%;}
.contact .contentGen .formulaire .row label + span input[type=text]:focus, .contact .contentGen .formulaire .row label + span textarea:focus {border-color:#f08b00;}
*/
.contact .contentGen .formulaire #submitid {text-align:center;margin:0 0/*45%*/;}
.contact .contentGen .formulaire #submitid {background:#f08b00; color:#fff; padding:5px 10px 5px 10px; cursor:pointer; text-transform:uppercase; font-size:1em;}
.contact .contentGen .formulaire #submitid:hover {background:#999;}
/*
.contact .contentGen .formulaire .submit {text-align:center;}
.contact .contentGen .formulaire .submit #submitid {background:#f08b00; color:#fff; padding:5px 10px 5px 10px; cursor:pointer; text-transform:uppercase; font-size:1em;}
.contact .contentGen .formulaire .submit #submitid:hover {background:#999;}
*/
.contact .contentGen .formulaire .formObli {text-align:center; font-size:0.9em; color:#999;}
/*erreurs*/
.txtError {color:#EA3131;}
.contact .contentGen .formulaire .row .error + span input[type=text], .contact .contentGen .formulaire .row .error + span textarea {border-color:#EA3131;}
/* form avec placeholder */
.contact .contentGen .formulaire .row label.emptyLabel {display:none;}
::-webkit-input-placeholder {color: #000; font-size:1.2em;} /* Chrome/Opera/Safari */
::-moz-placeholder {color: #000; font-weight:bold; font-size:1.2em;} /* Firefox 19+ */
:-ms-input-placeholder {color: #000; font-size:1.2em;} /* IE 10+ */
:-moz-placeholder {color: #000; font-size:1.2em;} /* Firefox 18- */
/* placeholder focus */
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

/* Contact sur 3 colonnes */
.contactCol3 {}
.contactCol3 .zoneTitre {text-align:center;}
.contactCol3 .colContact {display:inline-block; margin:0 1.5% 0 1.5%; vertical-align:top; text-align:center;}
.contactCol3 .pictoCC {text-align:center; font-size:3em;}
.contactCol3 .pictoCC .fa, .contactCol3 .pictoCC .flaticon {color: #f08b00;}
.contactCol3 .colContact h2 {padding:0 0 15px 0;}
.contactCol3 .colContact p {}
.contactCol3 .cc1 {width:30%;}
.contactCol3 .cc2 {width:30%;}
.contactCol3 .cc3 {width:30%;}
.contactCol3 .cc3 .formulaire {margin-top:0;}
.contactCol3 .cc3 form {text-align:left;}
.contactCol3 .cc3 .formulaire .row label, .contactCol3 .cc3 .formulaire .row label + span {width:100%;}
.contactCol3 .pictoCC [class^="flaticon-"]::before, .contactCol3 .pictoCC [class*=" flaticon-"]::before, .contactCol3 .pictoCC [class^="flaticon-"]::after, .footChoix ul li [class*=" flaticon-"]::after {font-size: 1em; margin: 0; display:block;}

.contactCol3 .btnContactMail {text-align:center;}
.contactCol3 .btnContactMail p {margin:5px 0 5px 0;}
.contactCol3 .btnContactMail a {background:#f08b00; color:#fff; padding:5px 15px 5px 15px; cursor:pointer; font-size:1em; display:inline-block;}
.contactCol3 .btnContactMail a:hover {background:#999;}

/* Contact devis */
.devis {}
.devis .contentGen .formulaire .row label, .devis .contentGen .formulaire .row label + span {width:100%;}


/********* DESTINATIONS *********************************************************************/
.destinations {}
/*------------------ liste des destinations -----------------*/
#ListeVoyages {}
.ListeVoyagesInner {margin:0 auto 0 auto; padding:30px 0 30px 0;}
#ListeVoyages h1 {text-align:center; color:#696969; text-transform:uppercase; font-size:2em; padding:10px 0 10px 0;}
#ListeVoyages #introListDesti {text-align:center; color:#eb6909; font-size:1.5em; margin:0 0 10px 0;}
#ListeVoyages #introListDestiNbPers {text-align:center; color:#696969; font-size:1.3em; margin:0 0 10px 0;}
#ListeVoyages #introListDesti strong {text-transform:uppercase; font-weight:normal; padding:0 0 10px 0;}
/*===== Liste des produits =====*/
#ListeVoyages #ListProdDesti {float:left; width:820px;}
#ListeVoyages .ListProdDesti ul {margin:0; padding:0; list-style:none;}
#ListeVoyages .ListProdDesti ul li {/*float:left;*/ width:250px; margin:0 23px 0 0;}
#ListeVoyages .ListProdDesti ul li:nth-child(3n) {margin:0;}
#ListeVoyages .short_product_container {}
#ListeVoyages .blocImgProd {position:relative; overflow:hidden; cursor:pointer;}
#ListeVoyages .blocImgProd .pictureContainer {position:relative;}
#ListeVoyages .blocImgProd .picture {z-index:1;}
#ListeVoyages .blocImgProd .picture img {transition:all 0.5s ease;}
#ListeVoyages .blocImgProd .cartoucheProd {position:absolute; bottom:0; z-index:2; color:#fff; background:rgba(26, 23, 27, 0.7); width:100%; padding:5px 10px 5px 10px; font-weight:bold; font-size:1.5em;}
#ListeVoyages .cartoucheProd .dureeSPP {display:inline-block; float:left;}
#ListeVoyages .cartoucheProd .prixSPP {display:inline-block; float:right;}
#ListeVoyages .cartoucheProd .prixSPP span {font-weight:normal; font-size:0.7em;}
#ListeVoyages .short_product_container .titreSP {padding:5px; min-height:70px;}
#ListeVoyages .short_product_container .titreSP a {color:#1a171b; font-weight:bold; font-size:1.1em;}
#ListeVoyages .short_product_container .titreSP a:hover {}
#ListeVoyages .blocImgProd:hover .picture img {transform-origin: 50% 50%; transform: scale(1.15);}
/*===== Groupe de voyages =====*/
h2.titleDestiGroup {text-align:center; color:#eb6909; text-transform:uppercase; font-size:1.5em; font-weight:normal; margin:70px 0 0 0; padding:0 0 10px 0;}
.titleDestiGroup + .ListProdDesti {}
.ListProdDesti .dateDuAu {text-align:left; display:inline-block; font-size:0.8em;}
.ListProdDesti .dateDuAu span {font-weight:normal; font-size:0.7em;}
.titleDestiGroup + .ListProdDesti .dateDuAu {text-align:left; display:inline-block;}
/*.titleDestiGroup + .ListProdDesti .prixSPP span {display:none;}*/
.topDepart {position:absolute; top:5px; left:0; color:#fff; background:rgba(235, 105, 10, 0.85); font-size:0.9em; padding:5px;}
.ZoneComplTxtDesti {margin:30px 0 70px 0;}
.ZoneComplTxtDesti:last-child {margin-bottom:0;}
.ZoneComplTxtDesti h3 {font-size:1.2em; text-transform:uppercase;}
.complTxtDesti {padding:0 23px 0 0;}
.complTxtDesti p {}
.complTxtDesti p a {color:#999;}
.complTxtDesti p a:hover {text-decoration:none;}
/*===== Sidebar specialiste =====*/
#ListeVoyages #SidebarSpe {float:right; width:380px; background:#ebebeb; padding:20px;}
.SideSpeVisu {margin:0 0 10px 0;}
.SideSpeVisu img {}
.SideSpeTitle {font-weight:bold; text-transform:uppercase; color:#696969; font-size:2em;}
.SideSpeTxt {}
.SideSpeTxt p {margin:0 0 20px 0;}
.SideSpeTxt p:last-child {margin:0;}
.SideSpeTxt p:first-child {color:#696969; margin:0; padding:0;}
.SideSpeTxt p:first-child + p {margin:0 0 20px 0; padding:0; font-size:2em;}
.SideSpeTxt ul {}
.SideSpeTxt ul li {}
.SideSpeTxt ol {margin:20px 0 20px 0; list-style:none; padding:0;}
.SideSpeTxt ol li {font-weight:bold; font-size:1.1em;}
.SideSpeTxt ol li span {margin:0 10px 0 0; font-size:1.3em;}
/* si article sans sidebar */
.nosidebar {}
.nosidebar #ListeVoyages #SidebarSpe {display:none;}
.nosidebar #ListeVoyages #ListProdDesti {width:100%; text-align:center;}
.nosidebar #ListeVoyages .ListProdDesti ul li {display:inline-block; text-align:left; width:30%; margin:0 1.5% 0 1.5%; vertical-align:top;}
.nosidebar #ListeVoyages .ListProdDesti ul li:nth-child(3n) {margin:0 1.5% 0 1.5%;}
.nosidebar .ZoneComplTxtDesti {text-align:left;}

/*------------------ detail des destinations -----------------*/
.DetailProdInner {margin:0 auto 0 auto; padding:30px 0 30px 0;}
.DetailProdInner h1 {color:#1a171b; font-size:2em; padding:10px 0 0 0;}
.DetailProdInner h1 .complet {text-transform:uppercase; color:#eb6909;}
.DetailProdInner .colProd {}
.DetailProdInner .colProd01 {float:left; width:550px;}
.DetailProdInner .colProd02 {float:right; width:550px; text-align:right;}
.DetailProdInner .joursNuit, .DetailProdInner .dureeDesti {font-weight:bold; color:#909999; font-size:1.5em; padding:0 0 30px 0;}
.DetailProdInner .joursNuit .nbj {}
.DetailProdInner .joursNuit .nbn:before {content:'|'; color:#eb6909; padding:0 10px 0 6px;}
.DetailProdInner .lieuDesti {color:#eb6909; font-size:1.2em; font-weight:bold;}
.DetailProdInner .resumDesti ul {list-style:none; padding:0 0 0 20px; margin:10px 0 0 0;}
.DetailProdInner .resumDesti ul li {text-indent: -20px;}
.DetailProdInner .resumDesti ul li:before {font-family: FontAwesome; content: '\f00c'; color:#eb6909; padding:0 5px 0 0;}
.DetailProdInner .resumDesti a {color:#000; text-decoration:underline;}
.DetailProdInner .resumDesti a:hover {text-decoration:none; color:#eb6909;}
.DetailProdInner .TitreInfoGroupe {color:#eb6909; font-size:1.2em; font-weight:bold; padding-top:40px;}
.DetailProdInner {}
.prixTelContact {background:#e2e2e3; text-align:center; margin:30px 0 0px 0;}
.prixTelContact .prixDesti {color:#eb6909; font-weight:bold; font-size:2.5em; display:inline-block; width:33%; vertical-align:middle;}
.prixTelContact .prixDesti span {color:#000; font-size:0.5em;}
.prixTelContact .contactDesti {display:inline-block; width:33%; border-left:1px solid #eb6909; border-right:1px solid #eb6909; padding:30px 0 20px 0; vertical-align:middle;}
.prixTelContact .contactDesti p {}
.prixTelContact .contactDesti a {color:#fff; background:#eb6909; border:1px solid #eb6909; display:inline-block; padding:5px 15px 5px 15px; font-weight:bold; font-size:1.2em;}
.prixTelContact .contactDesti a:hover {background:#fff; color:#eb6909;}
.prixTelContact .telDesti {display:inline-block; width:33%; height:100%; vertical-align:middle; font-weight:bold;}
.prixTelContact .telDesti span {color:#eb6909; font-size:2.5em; padding:0 6px 0 6px;}
.prixTelContact .telDesti strong {color:#eb6909; font-size:2.5em;}
.prixTelContact + .pager {margin-top:60px;}

/********* INSPIRATIONS *********************************************************************/
.inspirations {}
/*===== Liste des produits =====*/
#ListeVoyages #ListProdInspi ul {margin:0; padding:0; list-style:none;}
#ListeVoyages #ListProdInspi ul li {float:left; width:250px; margin:0 25px 0 25px;}
#ListeVoyages #ListProdInspi .blocImgProd {}
#ListeVoyages #ListProdInspi .picture img {width:100%; border-radius:500px;}
#ListeVoyages #ListProdInspi .blocImgProd:hover img {transform: scale(1);}
#ListeVoyages #ListProdInspi .cartoucheProd {display:none;}
#ListeVoyages #ListProdInspi .titreSP {padding:10px 0 15px 0; text-align:center; min-height:70px;}
#ListeVoyages #ListProdInspi .titreSP a {color:#696969; font-weight:bold; font-size:1em;}

/*------------------ detail des inspirations -----------------*/
.DetailInspInner {margin:0 auto 0 auto; padding:30px 0 30px 0;}
.DetailInspInner h1 {color:#696969; text-transform:uppercase; font-size:1.8em; padding:10px 0 10px 0;}


/********* PARTENAIRES *********************************************************************/
.partenaires .zoneText p img {/*float:left; display:inline-block; margin:0 15px 15px 0; max-width:200px; height:auto;*/}
.partenaires .zoneText p:after {content:''; display:block; height:1px; clear:both;}

/********* PRESENTATION *********************************************************************/
.presentation .zoneText p img {float:left; display:inline-block; margin:0 15px 15px 0; max-width:100px; height:auto; /*border-radius:200px;*/}
.presentation .zoneText p:after {content:''; display:block; height:1px; clear:both;}

/********* PLAN DU SITE *********************************************************************/
.planSite .zoneTitre {margin:30px auto 0 auto;}
.planSite .contentGenInner {padding:0;}
.planSite .zoneTitre + .sitemap {padding:0 0 30px 0;}
.planSite .sitemap ul {margin:0; padding:0;}
.planSite .sitemap ul li {list-style:disc; list-style-position:inside;}
.planSite .sitemap ul li a {color:#000;}
.planSite .sitemap ul li a:hover {color:#f08b00;}
.planSite .sitemap .sitemap_level2 {margin:0 0 0 20px;}


/********* MON GROUPE *********************************************************************/
.groupe {}
/*------------------ header widget -----------------*/
/*
header .gestionCompte {float:right; margin:0 20px 0 0;}
header .gestionCompte h4 {display:none;}
header .gestionCompte a {color:#FFF;}
header .gestionCompte a:hover {text-decoration:underline;}
header .gestionCompte .widgetLoginLinks a[title="Inscription"] {display:none;}
*/
.groupe #article {padding-bottom:10px;}
.gestionCompte h4 {display:none;}
.gestionCompte {background:#999; padding:15px 0 15px 0; text-align:center;}
.gestionCompte .widgetLoginLinks a {background:#FFF; display:inline-block; padding:5px 10px 5px 10px; border-radius:10px; color:#000;}
.gestionCompte .widgetLoginLinks a:hover {background:#f08b00; color:#fff;}
.gestionCompte .widgetLoginLinks a[title="Connexion"]:after {content:' \00E0\00a0mon espace priv\00E9'}
.gestionCompte .widgetLoginLinks a[title="Inscription"] {display:none;}
.myLogin .gestionCompte, .gestionCompte .socialNetworkConnect {display:none;}

/*------------------ login -----------------*/
.groupe #authentification {padding:0;}
.groupe #authentificationform {width:500px; border:1px solid #999; margin:0 auto 50px auto; padding:10px;}
.groupe #authentificationform fieldset {margin:0 0 40px 0;}
.groupe #authentificationform fieldset:last-child {margin:0;}
.groupe #authentificationform legend {text-transform:uppercase; text-align:center; display:block; width:100%; padding:0 0 5px 0;}
.groupe #authentificationform .row {margin:0 0 5px 0;}
.groupe #authentificationform .row .label {width:30%;}
.groupe #authentificationform .row .fields {width:70%;}
.groupe #authentificationform .row .fields input {border:1px solid #999; width:100%; padding:5px;}
.groupe #authentificationform .submit1, .groupe #authentificationform .submit2 {text-align:center;}
.groupe #authentificationform input[type=submit]{margin:0 auto 0 auto; display:inline-block; padding:5px;}

.groupe #accountAuthentification {width:100%; max-width:500px; margin:30px auto 30px auto;}
.groupe #accountAuthentification h1 {color:#FFF; background:#484549; padding:5px 10px 5px 10px; font-size:1.5em; font-weight:normal;}
.groupe #accountAuthentificationForm {padding:10px; width:100%; border:1px solid #484549;}
.groupe #accountAuthentificationForm form {}
.groupe #accountAuthentificationForm form legend {display:none;}
.groupe #accountAuthentificationForm form .row {margin:0 0 5px 0;}
.groupe #accountAuthentificationForm form .row .label {width:100%; display:block;}
.groupe #accountAuthentificationForm form .row .fields {width:100%; display:block;}
.groupe #accountAuthentificationForm form .row .fields input {border:1px solid #999; width:100%; padding:5px;}
.groupe #accountAuthentificationForm form .submit {text-align:center; margin:10px 0 10px 0;}
.groupe #accountAuthentificationForm form .submit input {background:#f08b00; color:#fff; padding:5px 10px 5px 10px; cursor:pointer; text-transform:uppercase; font-size:1em;}
.groupe #accountAuthentificationForm form .submit input:hover {background:#999;}
.groupe #accountAuthentificationForm .lostPassword {display:block; text-align:center; margin:0 auto 0 auto; font-size:0.9em; color:#666; cursor:default;}
.groupe #accountAuthentificationForm .lostPassword span {cursor:pointer;}
.groupe #accountAuthentificationForm .lostPassword span:hover {color:#f08b00;}
/* new login */
.groupe #accountNewPassword {width:100%; max-width:500px; margin:30px auto 30px auto;}
.groupe #accountNewPassword h1 {color:#FFF; background:#484549; padding:5px 10px 5px 10px; font-size:1.5em; font-weight:normal;}
.groupe #accountNewPassword p {padding:10px; width:100%; border-left:1px solid #484549; border-right:1px solid #484549; margin:0; text-align:center;}
.groupe #contentNewPasswordForm {padding:10px; width:100%; border:1px solid #484549; border-top:none;}
.groupe #contentNewPasswordForm form {}
.groupe #contentNewPasswordForm legend {display:none;}
.groupe #contentNewPasswordForm .row {margin:0 0 5px 0;}
.groupe #contentNewPasswordForm .row .label {width:100%; display:block;}
.groupe #contentNewPasswordForm .row .fields {width:100%; display:block;}
.groupe #contentNewPasswordForm .row .fields input {border:1px solid #999; width:100%; padding:5px;}
.groupe #contentNewPasswordForm .submit {text-align:center; margin:10px 0 10px 0;}
.groupe #contentNewPasswordForm .submit input {background:#f08b00; color:#fff; padding:5px 10px 5px 10px; cursor:pointer; text-transform:uppercase; font-size:1em;}
.groupe #contentNewPasswordForm .submit input:hover {background:#999;}
.pconfirm {border-bottom:1px solid #484549;}

.notAcces {padding-top:150px;}
.notAcces .widgetLogin {margin-top:50px;}

/*------------------ generique content -----------------*/
.groupe .zoneText ul li a {color:#000000;}
.groupe .zoneText ul li a:hover {color: #f08b00;}

/*------------------ espace prive -----------------*/
.espacePrive {}
.epContent {margin:0 auto 0 auto; padding:30px 0 30px 0;}
.epContent h1 {text-transform:uppercase; color:#696969; font-size:1.8em;}
.epContent a {color:#000;}
.epContent a:hover {color:#f08b00;}
.backProfil {text-align:center;}
.backProfil a {display:inline-block; padding:5px; background:#f08b00; color:#FFF; border:1px solid #f08b00;}
.backProfil a:hover {color:#f08b00; background:#FFF;}
.espacePrive .zoneText {}
.espacePrive .zoneText p:last-child {margin-bottom:0; padding-bottom:0;}
.espacePrive .zoneEP {border:1px solid #484549; margin:30px 0 0 0;}
.espacePrive .zoneEP + .zoneEP {margin:50px 0 0 0;}
.espacePrive .zoneEP h2 {color:#FFF; background:#484549; padding:5px 10px 5px 10px; font-size:1.3em; font-weight:normal; text-transform:uppercase;}
.espacePrive .zoneEP > div {padding:10px;}
/***** telechargement doc *****/
.espacePrive .zoneDocDL .contentDocDL {padding:0;}
.espacePrive .zoneDocDL ul {background:#fff; width:100%; padding:0; margin:0; list-style:none;}
.espacePrive .zoneDocDL ul li {padding:10px; border-bottom:1px solid #efefef;}
.espacePrive .zoneDocDL ul li a {color:#333;}
.espacePrive .zoneDocDL ul li a span {color:#333; display:inline-block; margin:0 15px 0 0; font-size:1.4em;}
.espacePrive .zoneDocDL ul li a:hover {color:#f08b00;}
/***** texte complementaire *****/
.espacePrive .zoneTextComp {}
/***** photos du voyage *****/
.espacePrive .zonePictGroupe {}
.espacePrive .zonePictGroupe ul {margin:0; padding:0; list-style:none;}
.espacePrive .zonePictGroupe ul li {float:left; width:25%;}
.espacePrive .zonePictGroupe:after {content:''; display:block; clear:both; height:10px;}
/***** widget login *****/
.widgetLoginUsername {color:#FFF; display:inline-block; padding:0 0 8px 0;}
.widgetLoginLinks a {display:inline-block; padding:0 6px 0 0;}
/*
.widgetLoginLinks a:before {content:'|'; display:inline-block; padding-right:10px;}
.widgetLoginLinks a:first-child:before {content:''; padding:0;}
*/
/***** mes parametres *****/
#accountModify {}
#accountModify form {padding:10px; width:100%; max-width:500px; margin:30px auto 30px auto; border:1px solid #484549;}
#accountModify form legend {text-align:center; text-transform:uppercase; width:100%; color:#696969;}
#accountModify form .row {margin:0 0 5px 0;}
#accountModify form .row label, #accountModify form .row label + div {width:100%; display:block;}
#accountModify form .row input[type=text] {border:1px solid #999; width:100%; padding:5px;}
#accountModify form .row textarea {border:1px solid #999; width:100%; padding:5px; resize:vertical;}
#accountModify form .submit {text-align:center; margin:10px 0 10px 0;}
#accountModify form .submit input {background:#f08b00; color:#fff; padding:5px 10px 5px 10px; cursor:pointer; text-transform:uppercase; font-size:1em;}
#accountModify form .submit input:hover {background:#999;}
#myMenu {text-align:center;}
#myMenu h4 {display:none;}
#myMenu ul {margin:0; padding:0; list-style:none;}
/***** mot de passe *****/
#accountChangePassword {}
#accountChangePassword form {padding:10px; width:100%; max-width:500px; margin:30px auto 30px auto; border:1px solid #484549;}
#accountChangePassword form legend {text-align:center; text-transform:uppercase; width:100%; color:#696969;}
#accountChangePassword form .row {margin:0 0 5px 0;}
#accountChangePassword form .row label, #accountChangePassword form .row label + span {width:100%; display:block;}
#accountChangePassword form .row input[type=text], #accountChangePassword form .row input[type=password] {border:1px solid #999; width:100%; padding:5px;}
#accountChangePassword form .submit {text-align:center; margin:10px 0 10px 0;}
#accountChangePassword form .submit input {background:#f08b00; color:#fff; padding:5px 10px 5px 10px; cursor:pointer; text-transform:uppercase; font-size:1em;}
#accountChangePassword form .submit input:hover {background:#999;}
/***** profil *****/
#accountProfilePreview .photos_contener {display:none;}

/*========================================================================================
FOOTER
========================================================================================*/
footer {background:#484549; padding:50px 0 50px 0;}
#footerInner {margin:0 auto 0 auto; /*width:750px;*/ text-align:center;}

/*------------------ colonnes -----------------*/
.footCol {display:inline-block; vertical-align:top; text-align:left; padding:0 10px 0 10px; /*padding:0 30px 0 30px;*/}
.footCol .widgetContainer > p {margin:0 0 20px 0;}
.footCol .widgetContainer > p strong {color:#F08B00; text-transform:uppercase; font-size:1.2em;}
.footCol p {color:#fff; font-size:0.9em;}
.footCol p a {color:#fff;}
.footCol p a:hover {color:#F08B00;}
.footCol ul {margin:0; padding:0; list-style:none;}
.footCol ul li {font-size:0.9em;}
.footCol ul li a {color:#fff;}
.footCol ul li a:hover {color:#F08B00;}
.footCol01 {/*float:left;*/ /*margin-right:20px; 05/09/2024*/}
.footCol02 {/*float:right;*/ /*margin-right:20px; 05/09/2024*/}
/*.footCol03 p + p {display:inline-block; vertical-align:top; padding:0 10px 0 0;}*/

/*------------------ mentions -----------------*/
.footMentions {clear:both; text-align:center;}
.footMentions p {padding:40px 0 0 0;}
.footMentions p a {color:#CCC; font-size:0.9em;}
.footMentions p a:hover {color:#F08B00;}


.note_specialites{
    background: #efa237/*#f08b00*/;
    border-radius: 150px;
    width: 120px;
    height: 120px;
    vertical-align: middle;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    top: 250px;
    position: absolute;
    padding: 25px 0px;
	line-height:75px;
}
.note_specialites_nbvoyage
{
	background:url(assets/images/ratings-4.png) 0px no-repeat;
	background-size:150px;
	padding-top:70px;
	top: 10px;
    position: relative;
    left: 100px;
	width:180px;
}
/*========================================================================================
RESPONSIVE
========================================================================================*/
#menu-icon {position:absolute; top:0px; left:20px; font-size:2em; cursor:pointer; /*display:none;*/ z-index:9001;}
#menu-icon a {color:#fff;}
#menu-icon a span {display:inline-block; vertical-align:top;}
#menu-icon a strong {text-transform:uppercase; font-weight:normal; font-size:0.6em; display:inline-block; vertical-align:top; padding:0.1em 0 0 8px;}
/*#menu-icon.activeM {display:block;}*/

/********* > 1240 ***********************************************************************/
@media(min-width:1400px)
{
	.topSlide .bx-viewport ul, .topSlide .bx-viewport ul li {height:600px !important;}
	#famillyPresentation #famillyPicture, #topBando {height:250px !important; overflow:hidden;}
	.detailsVoyages #topBando {height:250px !important;}
	#famillyPresentation #famillyPicture img, #topBando img {width:100%; height:auto;}
}

/********* 980 > 1240 *******************************************************************/
@media(min-width:980px) and (max-width:1239px)
{
	.width01 {width:960px;}
	.widtht02 {width:900px;}
	/*home*/
	.homeInspirations ul .short_product {width:140px;}
	.homeInspirations ul .short_product_container .titreSP {font-size:0.9em; padding:10px 0 0 0;}
	.homePresInner .col01 {width:550px;}
	.homePresInner .col01 p {line-height:1.5em;}
	.homeSpecialistes ul li {width:222px; margin:0 24px 24px 0;}
	.homeSpecialistes .cartoucheSpe {font-size:0.9em;}
	.homeSpecialistes .zoneTxtSpe {font-size:0.9em;}
	/*
	.homeSpecialistes ul li:last-child .cartoucheSpe {font-size:1.7em;}
	.homeSpecialistes ul li:last-child .zoneTxtSpe p {line-height:0.9em; padding:0;}
	*/
	.partList ul li {width:222px; margin:0 24px 24px 0;}
	/*liste destinations*/
	#ListeVoyages #ListProdDesti {width:630px;}
	/*#ListeVoyages #ListProdDesti ul li {width:300px; margin:0 15px 0 0;}*/
	#ListeVoyages .ListProdDesti ul li {width:200px; margin:0 10px 0 0;}
	#ListeVoyages .blocImgProd .cartoucheProd {font-size:1.1em;}
	#ListeVoyages .short_product_container .titreSP a {font-size:0.9em;}
	#ListeVoyages #SidebarSpe {width:330px; padding:15px;}
	.complTxtDesti {padding:0 10px 0 0;}
	.SideSpeTitle {font-size:1.6em;}
	.SideSpeTxt p:first-child + p {margin:0 0 10px 0; font-size:1.6em;}
	/*liste inspirations*/
	#ListeVoyages #ListProdInspi ul li {width:260px; margin:0 30px 0 30px;}
	/*detail destination*/
	.DetailProdInner .colProd01 {float:left; width:540px;}
	.DetailProdInner .colProd02 {float:right; width:400px;}
}

@media(max-width:979px)
{
/*	.headTel {display:none;}
 */	
/*	.note_specialites{
		left:130px;
	}*/
}
/********* 768 > 980 ********************************************************************/
@media(min-width:768px) and (max-width:979px)
{
	.width01 {width:750px;}
	.widtht02 {width:720px;}
	/*gen*/
	.footNews .widgetContainer {width:750px;}
	/*home*/
	.topBandeau .txtBando h1 {font-size:2.4em;}
	.topBandeau .txtBando p {font-size:1em;}
	.destiList ul {text-align:center;}
	.destiList ul li {float:none; display:inline-block; width:47%; margin:0 2% 15px 0;}
  	.destiList ul li:nth-child(3n) {margin-right:0;}
	.destiList ul li a .titreDesti {font-size:1em;}
	.homeInspirations ul .short_product {width:240px; margin:0 15px 40px 0;}
	.homeInspirations .short_product .pictureContainer .picture {text-align:center;}
	.homeInspirations .short_product .pictureContainer .picture img {border-radius:300px; width:80%; height:auto;}
	.homeInspirations ul .short_product:nth-child(3n) {margin-right:0;}
	.home .baseline h1 {font-size:2em;}
	.homePresInner .col01 {width:450px;}
	.homePresInner h2 {font-size:1.2em; padding:0 0 15px 0;}
	.homePresInner .col01 p {margin:0 0 15px 0; line-height:1.4em;}
	.homePresInner .col02 {width:250px;}
	.homeSpecialistes ul li {width:180px; margin:0 10px 10px 0;}
	.homeSpecialistes .cartoucheSpe {font-size:0.9em;}
	.homeSpecialistes .zoneTxtSpe {font-size:0.9em;}
	/*
	.homeSpecialistes ul li:last-child .cartoucheSpe {font-size:1.2em;}
	.homeSpecialistes ul li:last-child .zoneTxtSpe p {line-height:0.9em; padding:0;}
	*/
	.partList ul li {width:180px; margin:0 10px 10px 0;}
	/*liste destinations*/
	#ListeVoyages #ListProdDesti {width:100%;}
	#ListeVoyages .ListProdDesti ul li {width:240px; margin:0 15px 0 0;}
	#ListeVoyages .blocImgProd .cartoucheProd {font-size:1.2em;}
	#ListeVoyages .short_product_container .titreSP {min-height:50px;}
	#ListeVoyages .short_product_container .titreSP a {font-size:0.9em;}
	#ListeVoyages #SidebarSpe {width:100%; margin:100px 0 0 0; padding:0 15px 15px 15px;}
	.titleDestiGroup + .ListProdDesti .dateDuAu, .ListProdDesti .dateDuAu {text-align:right; display:block;}
	.SideSpeVisu {text-align:center; width:150px; height:150px; margin:-80px auto 10px auto; overflow:hidden; border-radius:500px; border:10px solid #fff;}
	.SideSpeVisu img {height:100%; width:auto;}
	.SideSpeTitle, .SideSpeTxt p:first-child, .SideSpeTxt p:first-child + p {text-align:center;}
	.nosidebar #ListeVoyages .ListProdDesti ul li {display:inline-block; text-align:left; width:30%; margin:0 1% 0 1%;}
	.nosidebar #ListeVoyages .ListProdDesti ul li:nth-child(3n) {margin:0 1% 0 1%;}
	/*liste inspirations*/
	#ListeVoyages #ListProdInspi ul li {width:200px; margin:0 25px 0 25px;}
	/*detail destination*/
	.DetailProdInner .colProd01 {float:left; width:430px;}
	.DetailProdInner .colProd02 {float:right; width:300px;}
	.prixTelContact .prixDesti {font-size:1.5em;}
	.prixTelContact .contactDesti {width:30%;}
	.prixTelContact .contactDesti a {font-size:1.1em;}
	.prixTelContact .telDesti span {font-size:1.5em;}
	.prixTelContact .telDesti strong {font-size:1.5em;}
	/*contact*/
	.contactCol3 {text-align:center;}
	.contactCol3 .colContact {display:inline-block; margin:0 auto 40px auto;}
	.contactCol3 .cc1, .contactCol3 .cc2 {width:90%; max-width:350px;}
	.contactCol3 .cc3 {width:90%; max-width:600px;}
	/*footer*/
	.footChoix .widgetContainer {width:750px;}
	.footChoix h3 {font-size:1.4em;}
  	.footChoix ul li {width:45%; margin:0; min-height:150px;}
	
	.note_specialites{
     width: 100%;
    height: auto;
    font-size: 22px;
   	top: 10px;
    position: relative;
    padding: 3px 25px;
	line-height:25px;
}
	
	.note_specialites_nbvoyage{
		background-position:50%;
		padding-top: 50px;
		left:0px;
		text-align:center;
		width:100%;
	}
	
}

/********* 768 < ************************************************************************/
@media(max-width:767px)
{
	.width01 {width:96%;}
	.widtht02 {width:92%;}
	/*header*/
	#header {top:10px;}
	.headLogo {width:125px;}
	/*gen*/
	.footNews .widgetContainer {width:92%;}
	.footNews h3 {font-size:1.5em;}
	.footNews h3 + p {font-size:1em;}
	.footNews .formulaire fieldset {width:200px;}
	.gen .zoneTitre h1 {font-size:1.5em;}
	.contentGen h2 {font-size:1.2em;}
	/*home*/
	.topBandeau .txtBando h1 {font-size:1.5em;}
	.topBandeau .txtBando p {font-size:0.9em;}
	.destiList ul {text-align:center; margin-top:0px;}	
	.destiList ul li {float:none; display:inline-block; width:47%; margin:0 2% 15px 0;}
	/*.destiList ul li:nth-child(2n) {margin-right:0;}*/
	.destiList ul li a {height:100%; display:block;}	
	.destiList ul li a .titreDesti {font-size:0.9em; font-weight:normal; bottom:0;}
	.inspiList > p strong, .speList > p strong, .partList > p strong {font-size:1.5em;}
	.homeInspirations ul .short_product {width:30%; margin:0 5% 30px 0;}
	.homeInspirations .short_product .pictureContainer .picture {text-align:center;}
	.homeInspirations .short_product .pictureContainer .picture img {border-radius:300px; width:80%; height:auto;}
	.homeInspirations ul .short_product:nth-child(3n) {margin-right:0;}
	.homeInspirations ul .short_product:nth-child(4n) {clear:both;}
	.home .baseline h1 {font-size:1.5em;}
	.homePres {margin:100px auto 40px auto; padding:0 0 30px 0;}
	.homePresInner {display: flex; flex-direction: column;}
	.homePresInner h2 {font-size:1.2em; text-align:center; text-transform:uppercase; padding:15px 0 15px 0; order:2;}
	.homePresInner .col01 {width:100%; order:3;}
	.homePresInner .col01 p {margin:0 0 15px 0; line-height:1.4em;}
	.homePresInner .col02 {width:100%; text-align:center; margin:0 !important; order:1;}
	.homePresInner .col02 img {width:120px; border:5px solid #fff; margin:-60px 0 0 0;}
	.homeSpecialistes ul li {width:46%; margin:0 2% 20px 2%;}
	/*
	.homeSpecialistes ul li:last-child .cartoucheSpe {font-size:1.8em;}
	.homeSpecialistes ul li:last-child .zoneTxtSpe p {line-height:0.9em; padding:0;}
	*/
	.partList ul {padding:20px 0 0 0;}
	.partList ul li {width:46%; margin:0 2% 20px 2%;}
	.partList ul li img {}
	.partList ul li:nth-child(2n) {margin-right:2%;}
	/*liste destinations*/
	#ListeVoyages #ListProdDesti {width:100%;}
	#ListeVoyages .ListProdDesti ul li {width:48%; margin:0 4% 0 0;}
	#ListeVoyages .ListProdDesti ul li:nth-child(3n) {margin:0 4% 0 0;}
  	/*#ListeVoyages .ListProdDesti ul li:nth-child(2n) {margin:0;}*/
	#ListeVoyages .blocImgProd .cartoucheProd {font-size:1.2em;}
	#ListeVoyages .short_product_container .titreSP {min-height:40px; padding:0 0 20px 0;}
	#ListeVoyages .short_product_container .titreSP a {font-size:0.9em;}
	#ListeVoyages #SidebarSpe {width:100%; margin:100px 0 0 0; padding:0 15px 15px 15px;}
	.titleDestiGroup + .ListProdDesti .dateDuAu, .ListProdDesti .dateDuAu {text-align:right; display:block;}
	.complTxtDesti {padding:0;}
	.SideSpeVisu {text-align:center; width:150px; height:150px; margin:-80px auto 10px auto; overflow:hidden; border-radius:500px; border:10px solid #fff;}
	.SideSpeVisu img {height:100%; width:auto;}
	.SideSpeTitle, .SideSpeTxt p:first-child, .SideSpeTxt p:first-child + p {text-align:center;}
	.nosidebar #ListeVoyages .ListProdDesti ul li {display:inline-block; text-align:left; width:44%; margin:0 1% 0 1%;}
	.nosidebar #ListeVoyages .ListProdDesti ul li:nth-child(2n), .nosidebar #ListeVoyages .ListProdDesti ul li:nth-child(3n) {margin:0 1% 0 1%;}
	/*liste inspirations*/
	#ListeVoyages #ListProdInspi ul li {width:46%; margin:0 2% 0 2%;}
	#ListeVoyages #ListProdInspi .blocImgProd {width:90%; margin:0 auto 0 auto;  height:auto; border-radius:0;}
	#ListeVoyages #ListProdInspi .titreSP a {font-weight:normal; font-size:0.9em;}
	/*detail destination*/
	.DetailProdInner .colProd01 {float:none; width:100%; margin:0 0 30px 0;}
	.DetailProdInner .colProd02 {float:none; width:100%;}
	.prixTelContact .prixDesti {font-size:1.2em;}
	.prixTelContact .prixDesti span {font-size:0.8em;}
	.prixTelContact .contactDesti {width:30%; padding:15px 0 10px 0;}
	.prixTelContact .contactDesti a {font-size:0.9em; padding:5px;}
	.prixTelContact .telDesti span {font-size:1.2em;}
	.prixTelContact .telDesti strong {font-size:1.2em;}
	/*contact*/
	.contactCol3 {text-align:center;}
	.contactCol3 .colContact {display:inline-block; margin:0 auto 40px auto;}
	.contactCol3 .cc1, .contactCol3 .cc2 {width:90%; max-width:350px;}
	.contactCol3 .cc3 {width:90%; max-width:600px;}
	/*footer*/
	#footerInner {width:92%;}
	.footChoix .widgetContainer {width:92%;}
	.footChoix h3 {font-size:1.4em;}
	.footChoix ul li {width:45%; margin:0; min-height:150px;}
	.footCol03 p + p {display:block;padding:0;}
	
	
.note_specialites{
     width: 100%;
    height: auto;
    font-size: 22px;
   	top: -0px;
    position: relative;
    padding: 3px 25px;
	line-height:25px;
}
	
	.note_specialites_nbvoyage{
		background-position:50%;
		padding-top: 50px;
		left:0px;
		width:100%;
	}
	
}

/********* 500 < ************************************************************************/
@media(max-width:500px)
{
	/*header*/
	.headLogo {width:70px;}
	.headTel a {font-size:1.1em;}
	.headTel a span {font-size:1.3em;}
	.headTel a strong {padding:0 5px 0 5px;}
	#header nav {min-width:10px;}
	#menu-icon a strong {display:none;}
	/*gen*/
	.gen .zoneTitre h1 {font-size:1.3em;}
	.contentGen h2 {font-size:1.1em;}
	/*home*/
	.topBandeau .txtBando h1 {font-size:1.1em;}
	.topBandeau .txtBando p {display:none;}
	.destiList ul li a .titreDesti {font-size:0.8em; padding:2px 5px 2px 5px;}
	.inspiList > p strong, .speList > p strong, .partList > p strong {font-size:1.3em;}
	.home .baseline h1 {font-size:1.3em;}
	.homePresInner h2 {font-size:1em;}
	.homeSpecialistes ul li {width:100%; margin:0 auto 20px auto;}
	/*liste destinations*/
	#ListeVoyages h1 {font-size:1.3em;}
	#ListeVoyages #introListDesti, .titleDestiGroup {font-size:1em;}
	#ListeVoyages #introListDesti br {display:none;}
	#ListeVoyages .ListProdDesti ul li {width:100%; margin:0;}
	#ListeVoyages .ListProdDesti ul li:nth-child(3n) {margin:0;}
	#ListeVoyages .ListProdDesti ul li img {width:100%; height:auto;}
	.nosidebar #ListeVoyages .ListProdDesti ul li {float:none; display:block; text-align:left; width:100%; margin:0;}
	.nosidebar #ListeVoyages .ListProdDesti ul li:nth-child(2n), .nosidebar #ListeVoyages .ListProdDesti ul li:nth-child(3n) {margin:0;}
	.ListProdDesti .dateDuAu {text-align:left; display:inline-block; font-size:1em;}
	.ZoneComplTxtDesti:last-child {margin-bottom:50px;}
	/*footer*/
	.footNews h3 {font-size:1.3em;}
	.footNews .formulaire fieldset {width:100%;}
	.footNews .formulaire .submit {width:100%; margin:10px auto 0 auto;}
	.footCol {width:100%; text-align:center;}
	.footCol + .footCol {margin-top:30px;}
	.footCol .widgetContainer > p {margin:0 0 10px 0;}
	/*detail destination*/
	.DetailProdInner h1 {font-size:1.3em; text-align:center;}
	.DetailProdInner .joursNuit {font-size:1.2em; text-align:center;}
	.prixTelContact {padding:20px 0 30px 0;}
	.prixTelContact .prixDesti {font-size:2.5em; display:block; width:100%;}
	.prixTelContact .contactDesti {display:block; width:100%; border:none; padding:40px 0 40px 0;}
	.prixTelContact .telDesti, .DetailProdInner .dureeDesti {display:block; width:100%;}
	/* espace prive */
	.espacePrive .zonePictGroupe ul li {width:50%;}
	/*footer*/
	.footChoix ul li {width:100%; margin:0 0 50px 0; min-height:auto;}
}

/********* 320 < ************************************************************************/
@media(max-width:320px)
{
.destiList ul li {display:block; width:100%; margin:0 0 15px 0;}
}



.ajax-loader{
display:block !important;
}


.sitemap .contentGenInner {
	padding:0px;
}

.sitemap_level2{
	margin-left:25px !important;
}
.sitemap a{
	color:#000000;
}
.sitemap a:hover{
	color:#f08b00;
}
.grecaptcha-badge{
	display:none!important;
}
.aligncenter {
    display: block;
    margin: auto;
}

.css-itemtheme{
	/*flex: 0 0 33.3333%;*/
	flex: 0 0 50%;
    min-width: 440px;
	padding:5px;
	position:relative;
}
.css-itemtheme h2{
	width:100%;
	    margin: auto;
}
/*
.css-itemtheme-1 h2,
.css-itemtheme-2 h2,
.css-itemtheme-3 h2 {
	width:80%;
	    margin: auto;
}
*/

/*.css-itemtheme-1 h2,*/
.css-itemtheme div,
.css-itemtheme .css-numetape {
    /*background: #d56734;*/
    border-radius: 15px;
    padding: 5px;
    text-align: center;
}
/*
.css-itemtheme-2 h2,
.css-itemtheme-2 div,
.css-itemtheme-2 .css-numetape {
    background: #eda257;
    border-radius: 15px;
    padding: 5px;
    text-align: center;
    
}*/
/*.css-itemtheme-3 h2,
.css-itemtheme-3 div,
.css-itemtheme-3 .css-numetape {
    background: #a28772;
    border-radius: 15px;
    padding: 5px;
    text-align: center;

}*/
/*
.css-itemtheme h2::after{
	border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 50px solid red;
	content: "";
}*/
.css-itemtheme-arrowleft{
    clear: both;
    position: absolute;
    display: inline-block;
    height: 42px;
    width: 52px;
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    border-left: 25px solid #ffffff;
}
.css-itemtheme-witharrowleft{
	padding-left:42px;
}

.css-itemtheme-arrowright{
position: absolute;
    /*height: 0;
    width: 0;
    border-top: 21px solid #ffffff;
    border-bottom: 21px solid #ffffff;
    border-left: 25px solid transparent;
    float: right;
    right: 5px;*/
	height: 0;
    width: 0;
    border-top: 50px solid #ffffff;
    border-bottom: 50px solid #ffffff;
    border-left: 25px solid transparent;
    float: right;
    right: 5px;
}

.css-itemtheme-flright{
position: absolute;
    height: 0;
    width: 0;
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    border-left: 25px solid red;
    float: right;
    right: 6px;
}

.css-itemtheme-1 div,
.css-itemtheme-2 div,
.css-itemtheme-3 div{
	text-align:left;
	margin:30px 0;
	
}
/*

.css-itemtheme-fleche::before{
	content: "";
	background: url(./assets/images/arrowprog.png) 0 0 no-repeat;
	width:63px;
	height:22px;
	display:inline-block;
	position:absolute;
	top:22px;
	left:-26px;
	
}
*/
.css-itemtheme ul {
	list-style:none;
}
.css-itemthemelink {
	clear:both;
}
.css-itemtheme  a {
	color:#ffffff;
}
.css-itemtheme  img {
	width:100px;
	height:100px;
	border-radius : 10px;
	margin:5px;
}
.css-progression{
	/*background:#d3c5ba;*/
}
.css-listthemes-container{
	width:100%;
	margin:auto;
}
.css-listthemes {
	width: 100%;
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
	max-width: 1200px;
    margin: auto;
}
.css-itemthemelink {
    display: flex;
    flex-wrap: nowrap;
}
.css-etapetheme .css-etapetheme-num {
	float:right;
	text-align:right;
	font-weight:bold;
	background:none;
	margin-bottom:-55px !important;
	position: relative;
    top: -19px;
}

.css-etapetheme .css-etapetheme-num .css-numetape {
	padding: 11px;
    border-radius: 30px !important;
    font-size: 16px;
    width: 50px;
    height: 50px;
    display: inline-block;
    border-bottom: 1px solid;
}

.css-itemtheme {
	color:#ffff;
}
.css-itemtheme-1 div .css-etapetheme-num,
.css-itemtheme-2 div .css-etapetheme-num,
.css-itemtheme-3 div .css-etapetheme-num,
.css-itemtheme-1 div .css-etapetheme-desc,
.css-itemtheme-2 div .css-etapetheme-desc,
.css-itemtheme-3 div .css-etapetheme-desc {
	margin:0 ;
}
.css-numetape {
	display
}

.textwidget{
	margin-bottom:20px;
}

.css-menulistthemes {
	position:absolute;
	top:25px;
	background:#e2e2e3;
	list-style:none;
	display:none;
	padding:10px;
}
.css-menulistthemes img{
	width:50px;
	height:50px;
	max-width: 50px;
}
.css-menulistthemes h1{
	font-size:1.5em;
	
}
.css-menulistthemes .css-itemtheme-arrowright {
    border-top: 16px solid #e2e2e3;
    border-bottom: 16px solid #e2e2e3;
}
.css-menulistthemes .css-itemtheme-arrowleft {
    border-top: 16px solid #e2e2e3;
    border-bottom: 16px solid #e2e2e3;
	height:32px;
}
.css-menulistthemes .css-itemtheme {
	min-width:320px;
}
.css-menulistthemes ul{
	display:flex;
	justify-content:space-between;
	margin-top: 5px;
}

.css-menulistthemes .css-etapetheme {
flex : 0 0 33.33%;
max-width: 60px;
}
.floatWidget .fa-globe{ 
    background: #f08b00;
    font-size: 1.6em;
    padding: 10px 10px 10px 12px;
}
.floatWidget ul {
	/*width:42px;*/
}

.floatWidget .css-menulistthemes {
    position: absolute;
    top: -40px;
    right: 152px;
}

.css-homelistthemes{
	/*display:flex;
	flex-wrap:wrap;
	justify-content:center;*/
}
.css-homelistthemes h2 {
	font-size:22px;
	position:relative;
	max-width: 187px;
	text-align: center;
	text-align: left;
    padding-left: 5px;
    height: 100px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.css-homelistthemes .css-itemtheme{
flex: 0 0 33.3333%;
min-width: 300px;
}

.css-homelistthemes .css-itemtheme-witharrowleft{
	padding-left:15px;
}
.css-homelistthemes .css-itemtheme-arrowleft{
    width: 25px;
    height: 23px;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 12px solid #ffffff;
}
.css-homelistthemes .css-itemtheme-arrowright{
    border-top: 50px solid #ffffff;
    border-bottom: 50px solid #ffffff;
    border-left: 30px solid transparent;
    top: 0px;
	right:0px;
}

.css-homelistthemes .css-itemtheme ul {
	/*display: block;*/
	    align-items: center;
}

.css-homelistthemes .css-itemtheme ul li {
	float:none;
	width:100%;
	max-width: 260px;
}

.css-homelistthemes  .css-itemtheme img {
	margin:0;
	border-radius:0;
}
.css-homelistthemes  ul li a .titreDesti {
	bottom:-11px;
	border-radius:0;
	text-align:center;
}
.homePresInner .col01 ul {
	margin-top : -20px;
}




/*------------------ liste des specialistes sur page destination -----------------*/
.speListDest  {margin:0 auto 0 auto; clear:both;}
.speListDest  > p {text-align:center; text-transform:uppercase; color:#696969;}
.speListDest  > p strong {font-size:1.8em;}
.speListDest  > p + p {}
.speListDest  {margin:0px 0 0 0;}
.speListDest  ul {margin:0; padding:0; list-style:none;}
.speListDest  ul li {/*float:left; width:276px; margin:0 32px 30px 0; */ position:relative; /*overflow:hidden;*/}
.speListDest  ul li:nth-child(4n) {margin-right:0;}
.speListDest  .cartoucheSpe {position:absolute; width:100%; bottom:0; background:#f08b00; padding:5px 15px 5px 15px; font-size:1.1em;}
.speListDest  .cartoucheSpe .titreDestiSpe {color:#000; font-weight:bold;}
.speListDest  .cartoucheSpe .titreNomSpe {color:#FFF; font-weight:bold;}
.speListDest  .photoSpe {width:215px;position:relative; float:left;}
.speListDest  .photoSpe img {width:100%; height:auto;}
.speListDest  .zoneTxtSpe {    float: left;    position: relative;    width: calc(100% - 270px);    height: 245px;    margin-left: 30px;    top: auto;    left: auto;    z-index: 10;    background: rgba(213, 198, 183, 1);    padding: 10px;    text-align: justify;    border: 5px solid #f08b00; overflow:auto    }
/*
.speListDest  ul li:last-child .cartoucheSpe {text-align:center; top:0; background:none; padding:5px 35px 5px 35px; font-size:2em; text-transform:uppercase; line-height:1.1em;}
.speListDest  ul li:last-child .zoneTxtSpe {height:auto !important; bottom:0px !important; color:#000; left:0; background:none; padding:10px; -webkit-transition: none; -moz-transition: none; transition: none;}
.speListDest  ul li:last-child .zoneTxtSpe p {color:#000; position:absolute; bottom:5px; padding:5px; text-align:center; line-height:1.1em;}
*/





/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/

.svg-fallback {
	display: none;
}

.no-svg .svg-fallback {
	display: inline-block;
}

.no-svg .dropdown-toggle {
	padding: 0.5em 0 0;
	right: 0;
	text-align: center;
	width: 2em;
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1;
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	-ms-transform: rotate(180deg); /* IE 9 */
	transform: rotate(180deg);
}

.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
	-webkit-transform: rotate(0); /* Chrome, Safari, Opera */
	-ms-transform: rotate(0); /* IE 9 */
	transform: rotate(0);
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
	content: "\005E";
}

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/

.navigation-top {
	background: #fff;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	font-size: 16px;
	font-size: 1rem;
	position: relative;
}

.navigation-top .wrap {
	max-width: 1000px;
	padding: 0;
}

.navigation-top a {
	color: #222;
	font-weight: 600;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
	color: #767676;
}

.main-navigation {
	clear: both;
	display: block;
}

.main-navigation ul {
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 0 1.5em;
	text-align: left;
}

/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */

.js .main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
	display: none;
}

.main-navigation > div > ul {
	border-top: 1px solid #eee;
	padding: 0.75em 1.695em;
}

.js .main-navigation.toggled-on > div > ul {
	display: block;
}

.main-navigation ul ul {
	padding: 0 0 0 1.5em;
}

.main-navigation ul ul.toggled-on {
	display: block;
}

.main-navigation ul ul a {
	letter-spacing: 0;
	padding: 0.4em 0;
	position: relative;
	text-transform: none;
}

.main-navigation li {
	border-bottom: 1px solid #eee;
	position: relative;
}

.main-navigation li li,
.main-navigation li:last-child {
	border: 0;
}

.main-navigation a {
	display: block;
	padding: 0.5em 0;
	text-decoration: none;
}

.main-navigation a:hover {
	/*color: #767676;  GDE 06/2025 */
	color: #ffffff;
	background: #f08b00;
    
}

/* Menu toggle */

.menu-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: none;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1.5;
	margin: 1px auto 2px;
	padding: 1em;
	text-shadow: none;
}

/* Display the menu toggle when JavaScript is available. */

.js .menu-toggle {
	display: block;
}

.main-navigation.toggled-on ul.nav-menu {
	display: block;
}

.menu-toggle:hover,
.menu-toggle:focus {
	/*background-color: transparent;*/
	-webkit-box-shadow: none;
	box-shadow: none;
}

.menu-toggle:focus {
	outline: thin solid;
}

.menu-toggle .icon {
	margin-right: 0.5em;
	top: -2px;
}

.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
	display: none;
}

.toggled-on .menu-toggle .icon-close {
	display: inline-block;
}

/* Dropdown Toggle */

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: block;
	font-size: 16px;
	right: -0.5em;
	line-height: 1.5;
	margin: 0 auto;
	padding: 0.5em;
	position: absolute;
	text-shadow: none;
	top: 0;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background: transparent;
}

.dropdown-toggle:focus {
	outline: thin dotted;
}

.dropdown-toggle.toggled-on .icon {
	-ms-transform: rotate(-180deg); /* IE 9 */
	-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
	transform: rotate(-180deg);
}

/* Scroll down arrow */

.site-header .menu-scroll-down {
	display: none;
}

.menu-toggle{
display	:block;
	width:100%;
	text-align:right;
	background:#e2e2e3;
	color:#f08b00;
}

	.menu-principal-container{
		display:none;
	}

.toggled-on .menu-principal-container{
	display:block;
}

@media screen and (min-width: 48em) {
	.menu-toggle{
display	:none;
}

	.menu-principal-container{
		display:block;
	}	
/* Navigation */
	.navigation-top {
		bottom: 0;
		font-size: 14px;
		font-size: 0.875rem;
		left: 0;
		position: absolute;
		right: 0;
		width: 100%;
		z-index: 3;
	}
.navigation-top .wrap {
		max-width: 1000px;
		/* The font size is 14px here and we need 50px padding in ems */
		padding: 0.75em 3.4166666666667em;
	}

	.navigation-top nav {
		margin-left: -1.25em;
	}

	.site-navigation-fixed.navigation-top {
		bottom: auto;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 7;
	}

	.admin-bar .site-navigation-fixed.navigation-top {
		top: 32px;
	}

	/* Main Navigation */

	.js .menu-toggle,
	.js .dropdown-toggle {
		display: none;
	}

	.main-navigation {
		width: auto;
	}

	.js .main-navigation ul,
	.js .main-navigation ul ul,
	.js .main-navigation > div > ul {
		display: block;
	}

	.main-navigation ul {
		background: transparent;
		padding: 0;
	}

	.main-navigation > div > ul {
		border: 0;
		margin-bottom: 0;
		padding: 0;
	}

	.main-navigation li {
		border: 0;
		display: inline-block;
	}

	.main-navigation li li {
		display: block;
	}

	.main-navigation a {
		/* padding: 1em 1.25em; GDE 06/2025 */
		background: #e2e2e3;
    display: inline-block;
    padding: 0 10px 0 10px;
    margin: 0 5px 0 0;
    vertical-align: top;
    text-transform: uppercase;
    font-weight: normal;
	}

	.main-navigation ul ul {
		/*  background: #fff;  GDE 06/2025 */
		/* border: 1px solid #bbb; */
		left: -999em;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 99999;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:before,
	.main-navigation ul li.page_item_has_children:after {
		border-style: solid;
		border-width: 0 6px 6px;
		content: "";
		display: none;
		height: 0;
		position: absolute;
		right: 1em;
		bottom: -1px;
		width: 0;
		z-index: 100000;
	}

	.main-navigation ul li.menu-item-has-children.focus:before,
	.main-navigation ul li.menu-item-has-children:hover:before,
	.main-navigation ul li.menu-item-has-children.focus:after,
	.main-navigation ul li.menu-item-has-children:hover:after,
	.main-navigation ul li.page_item_has_children.focus:before,
	.main-navigation ul li.page_item_has_children:hover:before,
	.main-navigation ul li.page_item_has_children.focus:after,
	.main-navigation ul li.page_item_has_children:hover:after {
		display: block;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.page_item_has_children:before {
		border-color: transparent transparent #bbb;
		bottom: 0;
	}

	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:after {
		border-color: transparent transparent #fff;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 100%;
		right: auto;
	}

	.main-navigation ul ul a {
		padding: 0.75em 1.25em;
		width: 16em;
	}

	.main-navigation li li {
		-webkit-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
	}

	.main-navigation li li:hover,
	.main-navigation li li.focus {
		background: #767676;
	}

	.main-navigation li li a {
		-webkit-transition: color 0.3s ease-in-out;
		transition: color 0.3s ease-in-out;
	}

	.main-navigation li li.focus > a,
	.main-navigation li li:focus > a,
	.main-navigation li li:hover > a,
	.main-navigation li li a:hover,
	.main-navigation li li a:focus,
	.main-navigation li li.current_page_item a:hover,
	.main-navigation li li.current-menu-item a:hover,
	.main-navigation li li.current_page_item a:focus,
	.main-navigation li li.current-menu-item a:focus {
		color: #fff;
	}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: 0.5em;
		right: auto;
	}
/* GDE 06/2025
	.main-navigation .menu-item-has-children > a > .icon,
	.main-navigation .page_item_has_children > a > .icon {
		display: inline;
		left: 5px;
		position: relative;
		top: -1px;
	}*/

	.main-navigation ul ul .menu-item-has-children > a > .icon,
	.main-navigation ul ul .page_item_has_children > a > .icon {
		margin-top: -9px;
		left: auto;
		position: absolute;
		right: 1em;
		top: 50%;
		-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(-90deg); /* IE 9 */
		transform: rotate(-90deg);
	}

	.main-navigation ul ul ul {
		left: -999em;
		margin-top: -1px;
		top: 0;
	}

	.main-navigation ul ul li.menu-item-has-children.focus:before,
	.main-navigation ul ul li.menu-item-has-children:hover:before,
	.main-navigation ul ul li.menu-item-has-children.focus:after,
	.main-navigation ul ul li.menu-item-has-children:hover:after,
	.main-navigation ul ul li.page_item_has_children.focus:before,
	.main-navigation ul ul li.page_item_has_children:hover:before,
	.main-navigation ul ul li.page_item_has_children.focus:after,
	.main-navigation ul ul li.page_item_has_children:hover:after {
		display: none;
	}

	.site-header .site-navigation-fixed .menu-scroll-down {
		display: none;
	}

	/* Scroll down arrow */

	.site-header .menu-scroll-down {
		display: block;
		padding: 1em;
		position: absolute;
		right: 0;
	}

	.site-header .menu-scroll-down .icon {
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(90deg); /* IE 9 */
		transform: rotate(90deg);
	}

	.site-header .menu-scroll-down {
		color: #fff;
		top: 2em;
	}

	.site-header .navigation-top .menu-scroll-down {
		color: #767676;
		top: 0.7em;
	}

	.menu-scroll-down:focus {
		outline: thin dotted;
	}

	.menu-scroll-down .icon {
		height: 18px;
		width: 18px;
	}
}

/* SVG Icons base styles */

.icon {
	display: inline-block;
	fill: currentColor;
	height: 20px;
	position: relative; /* Align more nicely with capital letters */
	top: -0.0625em;
	vertical-align: middle;
	width: 1em;
}

.dropdown-toggle {
	display:none;
}

.theme1 a {
	color:#ea6b13;
}
.theme2 a{
	color:#f8a855;
}
.theme3 a{
	color:#a18770;
}
.themecontact a {
	font-weight:bold;
	background:#f08b00;
	color:#ffffff;
}
.themecontact:hover a {
	font-weight:bold;
	background:#f08b00;
	color:#ffffff;
}