/*
Theme Name:     Koukano
Description:    Theme principal Koukano
Author:         Inaxel
Version:        0.1.0
*/
/*ajout TUVEDLACOM */
strong { font-family: sans-serif;}
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
* 						{ margin: 0; padding: 0; }
html, button, input,
select, textarea		{ font-family: montserratlight; color: #3a484b; }
body					{ /*font-size: 0.93em*/font-size: 1em; line-height: 1.4; -webkit-backface-visibility: hidden; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection		{ background: #b3d4fc; text-shadow: none; }
::selection				{ background: #b3d4fc; text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr						{ display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img						{ vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset				{ border: 0; margin: 0; padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea				{ resize: vertical; }

/*
 * List, Link and Text default style.
 */
li						{ list-style-type: none; }
.list-stylise li 		{ margin: 0 0 20px; } /* liste stylisé */
a						{ text-decoration: none; color: #eb8916; transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; }
a:hover 				{ color: #ffd477; }
p 						{ line-height: 1.6em; font-size: 16px; }

/* Correctif Datepicker */
#ui-datepicker-div 		{ z-index: 130 !important; }

/* Classe Clearfix (nettoyer les floats) */
.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/* =============================================================================
   Typography
   ========================================================================== */
.exergue				{ color: #ec138d; }


/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe			{ margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }


	/* ==========================================================================
	   Style principal "Koukano"
	   ========================================================================== */
	/** Container principal et content **/
	#container							{ width: 100%; height: auto; position: relative; float: left; /*top: 100%;*/ z-index: 110; overflow: hidden; }
	#container.acces 					{ /*position: absolute; top: 550px;*/ overflow: visible; }
	/*#container.acces .content 		{ padding: 40px 0 0; }*/
	#wrap 								{ width: auto; margin: 0 10px; position: relative; top: 0; }
	#container.acces #wrap 				{ margin: 0; }
	.content 		 					{ width: 100%; height: auto; position: relative; top: 2px; z-index: inherit; /* border-top: 25px solid #345e7c; padding: 70px 0 15px;*/ box-shadow: 0 -1px 0 rgba(255, 255, 255, 1), 0 -2px 0 rgba(0, 0, 0, 0.8); }

	/** Style pour les boutons **/
		/* Bouton gris */
		.btn.actu 							{ margin: 15px auto 0; position: relative; background: #ff790f; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; }
		.btn.actu a,
		.btn.actu input 					{ width: 100%; position: absolute; z-index: 5; display: block; font-family: pt_sansbold; text-transform: uppercase; text-align: center; line-height: 2.55; font-size: 14px; color: #fff; }
		/* Bouton blue */
		.btn								{ width: 155px; height: 33px; margin: 0 auto; position: relative; background: #44bedc; }
		.btn a,
		.btn input 							{ width: 100%; height: 32px; position: absolute; z-index: 5; display: block; text-transform: uppercase; text-align: center; line-height: 2.1; font-size: 15px; color: #fff; }

		/* Boutons stylé */
		.bouton-stylise 					{ padding: 0 !important; overflow: hidden; }
		.bouton-stylise a,
		.bouton-stylise input 				{ position: relative; background-image: none !important; background-color: #97bf10 !important; border: none !important; padding: 4px 20px 2px !important; line-height: 1.5 !important; font-size: 17px !important; font-family: pt_sansregular; color: #d6f375 !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -o-border-radius: 0 !important; }
		.bouton-stylise a:before,
		.bouton-stylise input:before 		{ width: 9px; height: 15px; display: block; background: url("images/arrow_btn_stylise.png") no-repeat; content: ''; position: absolute; top: -20px; left: 103px; transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; }
		.bouton-stylise a:hover 			{ padding-right: 35px !important; color: #fff !important; }
		.bouton-stylise a:hover:before 		{ top: 8px; }

		/* Bouton retour haut de page */
		#scrollToTop 						{ width: 50px; height: 50px; display: none; position: fixed; z-index: 500; right: 30px; bottom: 5px; background: url("images/arrow_retourHP.png") no-repeat rgba(130, 130, 130, 0.5); background-position: center; padding: 7px 10px; border: 2px solid rgba(255, 255, 255, 1); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; opacity: 0.7; }
		#scrollToTop:hover 					{ opacity: 0.9; cursor: pointer; }

		/* Bouton stylisé page d'accueil */
		.bb-top-title,
		.ubtn-data.ubtn-text 				{ font-family: 'montserratregular' !important; }
		span.first-word 					{ font-family: 'montserratultra_light' !important; }

	/* ==========================================================================
	   Header (header-acces.php, header.php)
	   ========================================================================== */

	/* A supprimer une fois le site terminé */
	.en_construction 							{ width: 290px; height: auto; position: absolute; top: 125px; right: 0; z-index: 0; }
	.en_construction img 						{ width: 100%; height: 100%; }

	/** Header **/
	header 										{ width: 100%; height: 120px; position: absolute; top: 0; z-index: 125; }								
	.content_header_top							{ width: 1500px; height: 80px; position: fixed; top: 45px; left: 0; right: 0; margin: 0 auto; background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); border-bottom: 1px solid #b9b9b9; transition: top .4s ease-out, width .4s ease-out .2s, height .4s ease-out .2s; -moz-transition: top .4s ease-out, width .4s ease-out .2s, height .4s ease-out .2s; -webkit-transition: top .4s ease-out, width .4s ease-out .2s, height .4s ease-out .2s; -o-transition: top .4s ease-out, width .4s ease-out .2s, height .4s ease-out .2s; }
	.content-resa_img-header 					{ width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); position: relative; top: 0; }
	.content-resa_img-header.acces 				{ height: 550px; /*height: 100%;*/ }
	
	/* Content Band - bandeau top blanc */
	.content_band 								{ width: 100%; height: 80px; background: rgba(0, 0, 0, 0.6); font-size: 14px; position: fixed; top: 0; left: 0; right: 0; border-top: 1px solid #3a7fae; transition: top .4s ease-out; -moz-transition: top .4s ease-out; -webkit-transition: top .4s ease-out; -o-transition: top .4s ease-out; }
	.content_band.acces 						{ top: 0 !important; background: rgba(255, 255, 255, 0.9); text-align: center; color: #002d4c; transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; }
	.content_band p,
	.content_band a 							{ font-size: 14px; }
	#left_band 									{ position: absolute; left: 0; color: #fff; }
	#left_band p 								{ float: left; line-height: initial; margin: 0 5px 0 0; }
	#right_band 								{ position: absolute; right: 90px; color: #fff; }
	.content_band a#village 					{ color: #44bedc; }
	.content_band a#village:hover 				{ color: #83def5; }
	.content_band a#mariage 					{ color: #ff3197; }
	.content_band a#mariage:hover 				{ color: #ff80bf; }	
	.content_band a#sport 						{ color: #8fcc0e; }
	.content_band a#sport:hover 				{ color: #dbff8d; }
	#nous_contacter a 							{ color: #fff; }
	
		/* Téléphone */
		#content_infos 							{ width: 1500px; height: 100%; position: relative; top: 10px; margin: 0 auto; }
		.content_band.acces #content_infos 		{ width: 600px; float: right; top: 0; }
		.phone_number,
		#nous_contacter,
		#open_date 								{ padding: 0 15px; float: right; font-size: 14px; border-right: 1px solid #fff; transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; }
		.phone_number span 						{ display: inline-block; }
		#open_date aside.widget_text 			{ height: auto; padding: 0; }
		#open_date aside.widget_text p 			{ line-height: 1.4; }
		#video 									{ position: absolute; right: 0; padding: 0 20px; font-size: 14px; color: #3471b3; border-right: 1px solid #3471b3; padding-left: 55px; }

		/* Boutons sociaux */
		ul#Social 								{ width: 35px; height: 35px; margin: 0 40px; float: left; }
		#Social li 								{ width: 27px; height: 45px; float: left; margin: 0 3px; }
		#Social li a 							{ width: 27px; height: 45px; display: block; }
		#Social li a img 						{ display: none; }
		#Social li#Facebook a					{ background: url("images/Facebook.png") no-repeat center center; }

		/* Module de traduction */
		div#Flag 								{ width: auto; height: 15px; position: absolute; top: 5px; right: 0; }
		.content_band.acces #Flag 				{ right: 10px; top: 35px; }
		#Flag li 								{ width: 17px; height: 15px; float: left; margin: 0 6px; }
		#Flag li a 								{ width: 17px; height: 15px; display: block; }
		#Flag li a img 							{ display: block; }
		#Flag li a.active img					{ display: block !important; opacity: 1 !important; }

		#content_logo-nav	 					{ width: 1500px; margin: 0 auto; position: relative; transition: width .4s ease-in .4s; -moz-transition: width .4s ease-in .4s; -webkit-transition: width .4s ease-in .4s; -o-transition: width .4s ease-in .4s; }
		/* Logo */
		#logo-koukano 							{ width: auto; height: 79px; position: absolute; top: 0; left: 50px; font-family: 'PRISTINA'; font-size: 35px; line-height: 2.7; color: #000 !important; }
		#logo-koukano a 						{ width: 100%; height: 100%; display: block; color: #000; font-size: 35px; }
		#logo-koukano a img 					{ width: 174px; height: auto; float: left; transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; }
		#logo-koukano a span 					{ position: relative; top: 0; transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; }

		/* Image header (image à la une) pour les pages types avec effet parallax */
		#img_header 							{ width: 100%; height: 100%; position: relative; }
		.parallax-window 						{ height: 100%; min-height: 470px; background: transparent; }
			/* Fix affichage image parallax sur Edge */
			.parallax-mirror 						{ visibility: visible !important; }
		
		/* Menu de navigation */
		nav#menu 								{ width: 1500px; height: 25px; margin: 30px 0 0; float: right; font-size: 16px; text-transform: uppercase; }
		nav#menu ul 							{ width: auto; float: right; }
		nav#menu li								{ width: auto; height: 25px; margin: 0 9px; float: left; text-align: center; position: relative; }
		nav#menu li a 							{ color: #44bedc; }
		nav#menu li a:hover 					{ text-shadow: 0 -0.2px 0 #44bedc, 0 0.2px 0 #44bedc, -0.2px 0 0 #44bedc, 0.2px 0 0 #44bedc; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
		nav#menu li.current-menu-item a,
		nav#menu li.current_page_item a			{ color: #2e91aa; text-shadow: 0 -0.2px 0 #2e91aa, 0 0.2px 0 #2e91aa, -0.2px 0 0 #2e91aa, 0.2px 0 0 #2e91aa; }
		nav#menu li.current-menu-item 			{ position: relative; }
		/* Ajout icône pour les boutons du menu avec classes pour les réseaux sociaux */
		nav#menu li.facebook 					{ width: 36px; height: 36px; margin: 0; top: -8px; background: url("images/Facebook_Ori.png") no-repeat; opacity: 1; transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; }
		nav#menu li.facebook a 					{ width: 100%; height: 100%; display: block; text-indent: -9999px; }
		nav#menu li.instagram 					{ width: 36px; height: 36px; top: -8px; background: url("images/Instagram_Ori.png") no-repeat; opacity: 1; transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; }
		nav#menu li.instagram a 				{ width: 100%; height: 100%; display: block; text-indent: -9999px; }
		nav#menu li.facebook:hover,
		nav#menu li.instagram:hover 			{ opacity: 0.8; }

		/*
		nav#menu li.current-menu-item:before							{ width: 50px; height: 1px; content: ""; display: block; background-color: #b8c0c1; position: absolute; bottom: -6px; margin: 0 auto; left: 0; right: 0; }
		nav#menu li.current-menu-item.menu-item-has-children:before 	{ width: 50px; height: 1px; content: ""; display: block; background-color: #b8c0c1; position: absolute; bottom: 25px; margin: 0 auto; left: 0; right: 0; }
		*/
		/* Sous-menu */
			nav#menu li.menu-item-has-children 						{ padding-bottom: 30px; }
			nav#menu li.menu-item-has-children:hover .sub-menu 		{ display: block; }
			nav#menu .sub-menu 							{ display: none; width: 180px !important; height: auto !important; padding: 5px 25px 10px !important; left: 50%; transform: translate3d(-50%, 0, 0px); position: absolute; z-index: 5; top: 36px; background-color: rgba(27, 27, 27, 0.7); border: 1px solid rgba(142, 142, 142, 0.7); box-shadow: inset 0 3px #80e8ff; }
			nav#menu .sub-menu .arrow_sub-menu 			{ width: 0; height: 0; position: absolute; top: 0; left: 48%; border-style: solid; border-width: 10px 6.5px 0 6.5px; border-color: #80e8ff transparent transparent transparent; }
			nav#menu li:hover .sub-menu li 				{ background: transparent; }
			nav#menu li:hover .sub-menu,
			nav#menu .sub-menu li						{ width: auto; height: 100%; float: none; margin: 10px 0 0; }
			nav#menu .sub-menu li a						{ width: 100%; height: 100%; display: block; padding: 0; text-align: center; font-size: 13px; color: #33830c; text-decoration: none; }
			nav#menu .sub-menu li.current-menu-item,
			nav#menu .sub-menu li.current_page_item		{ background-color: transparent; }
			nav#menu li.current-menu-item .sub-menu li.menu-item a,
			nav#menu li.current_page_item .sub-menu li.menu-item a,
			nav#menu .sub-menu li.menu-item a			{ color: #fff; text-shadow: 0 1px #073c56; }
			nav#menu li.current-menu-item .sub-menu li.menu-item:hover a,
			nav#menu li.current_page_item .sub-menu li.menu-item:hover a,
			nav#menu .sub-menu li.menu-item:hover a		{ color: #80e8ff; text-shadow: 0 1px #073c56; transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; }
			nav#menu .sub-menu li.current-menu-item a	{ color: #80e8ff; text-shadow: 0 1px #073c56; }

		/* Affichage des boutons gauche */
		#btn_lateral_left 							{ width: 43px; height: auto; position: absolute; left: 25px; top: 150px; z-index: 104; }
		#btn_lateral_left .btn_icon 				{ width: 43px; height: 43px; margin: 0 0 20px; }
		#btn_lateral_left .btn_icon a				{ width: 100%; height: 100%; display: block; }

		/* Widget de réservation */
		.content-resa_img-header .sidebar-container 		{ width: 100%; height: auto; /*height: 75px;*/ position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; z-index: 120; /*background: rgba(255, 255, 255, 0.8);*/ }
		/*.content-resa_img-header.acces .sidebar-container { bottom: 65px; }*/
		.content-resa_img-header aside.widget_text 									{ /*height: 35px; padding: 20px 0;*/ height: 60px; background: rgba(255, 255, 255, 0.8); text-align: center; }
		.content-resa_img-header aside.widget_text:first-child 						{ height: auto; background: rgba(0, 0, 0, 0.75); font-family: PRISTINA; color: #ff990d; }
		.content-resa_img-header aside.widget_text:first-child p 					{ font-size: 35px; }
		#sidebar.acces aside.widget_text 					{  } /* style pour la page d'acces */
		#widget_resa 										{ width: 1150px; height: 32px; /*height: 100%;*/ color: #065e74; margin: 0 auto; padding: 14px 0; }
		#widget_resa #icon_title-resa 						{ width: 72px; height: 72px; margin: 0 15px 0 0; float: left;  position: relative; background: #fff; text-align: center; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; }
		#widget_resa #icon_title-resa img 					{ position: absolute; top: 15%; left: 0; right: 0; margin: 0 auto; }
		#widget_resa h2 									{ height: 30px; margin: 4px 0; font-size: 22px; font-weight: normal; }
		#widget_resa li 									{ font-size: 18px; float: left; }
		#widget_resa li#dateArrive,
		#widget_resa li#dateDepart							{ margin: 0 10px 0 0; }
		#widget_resa .label 								{ line-height: 2; }
		#widget_resa .radio_label 							{ font-size: 14px; }
		#widget_resa li div									{ float: left; }
		#widget_resa li .sbHolder 							{ width: 170px; height: 30px; margin: 0 0 0 7px; padding: 0 0 0 5px; font-size: 18px; color: #36070a; text-shadow: 0 0 0 #6c6b6b; cursor: pointer; background: rgba(255, 255, 255, 0.70); border: 2px solid rgba(255, 255, 255, 0.85); }
		#widget_resa li .sbHolder .sbToggle 				{ height: 30px; background-color: rgba(65, 163, 187, 1); border-left: 1px solid #68b5ea; }
		#widget_resa li .sbHolder .sbSelector 				{ width: 135px; height: 30px; font-size: 16px; line-height: 33px; color: #002d4c; }
		#widget_resa li .sbHolder .sbOptions 				{ width: 173px; }
		#widget_resa li .sbHolder li 						{ float: none; }
		#widget_resa li .sbHolder li a 						{ font-size: 16px; }
		#widget_resa input[type="text"] 					{ width: 122px; height: 25px; margin: 0 0 0 7px; padding: 4px 0 0 7px; font-size: 15px; color: #002d4c; text-shadow: 0 0 0 #6c6b6b; cursor: pointer; background: rgba(255, 255, 255, 0.65) url("images/icon_cal_input.png") no-repeat 104px 6px; border: 2px solid rgba(255, 255, 255, 0.85); }
		#widget_resa input[type="radio"] 					{ margin: 0 0 0 10px; }
		#widget_resa input[type="button"]					{ width: 100%; display: block; cursor: pointer; background: transparent; border: medium none; }
		#widget_resa .btn 									{ width: 170px; height: 32px; float: right; }

		/* Old Bouton ouverture du widget résa à afficher uniquement en responsive */
		#btn_resa-responsive 								{ display: none; }

		/* New Bouton ouverture du widget résa à afficher uniquement en responsive */
		.home .rmp_menu_trigger 							{ display: none !important; }

		/* Bouton scroll down sur la page d'acces */
		.content-resa_img-header.acces #btn_arrow-down  	{ display: none; }
		/* Bouton scroll down sur les page type */
		#btn_arrow-down 										{ width: 45px; height: 45px; background: #1d77b5; border: 1px solid #1d77b5; margin: 0 auto; position: absolute; z-index: 102; left: 0; right: 0; bottom: 130px; /*bottom: 105px;*/ display: block; opacity: 0.7; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; }
		#btn_arrow-down img 									{ width: 100%; height: 100%; }
		#btn_arrow-down:hover 									{ opacity: 1; }
		/* Bouton scroll down sur les page type */
		.content-resa_img-header.proprietaire #btn_arrow-down 	{ bottom: 75px; }

		/*Background image pour les quotes*/
		.content_box 										{ background: url("images/quotes.png") no-repeat; background-size: 720px 175px; background-position: center; }

		/* ==========================================================================
	   Header.small // modification du style quand la page sroll 
	   ========================================================================== */
		/*header.small 							{ width: 100%; height: 70px; position: fixed; top: 0; }*/
		header.small .content_header_top 		{ width: 100%; height: 60px; position: fixed; top: 0; }
		header.small #content_logo-nav 			{ width: 100%; }
		header.small #logo-koukano 				{ height: 59px; }
		header.small #logo-koukano img			{ width: 110px; }
		header.small #logo-koukano span			{ top: -12px; }
		/*header.small #phone_number,
		header.small #flag 						{ top: -10px; }*/
		header.small nav#menu 					{ width: 100%; margin: 22px 0 0; }
		header.small nav#menu .sub-menu 		{ top: 24px; }
		header.small #logo_castel 				{ top: 42px; }
		header.small .content_band 				{ top: -45px; }
		header.small .content_band.acces 		{ height: 65px; }


	/* ==========================================================================
	   Content (page-acces.php, page.php)
	   ========================================================================== */

	/* Texte d'accroche présent sur la photo de la page d'accès */
	.accroche_text 										{ position: absolute; bottom: 100px; left: 0; right: 0; margin: 0 auto; text-shadow: 0 5px 4px rgba(0, 0, 0, 0.8); }

	/* Postion de l'ancre pour le scroll down de la page d'acces */
	#ancre												{ position: absolute; top: -50px; }

	/* Content #text page d'acces */
	#container.acces:before 							{ width: 100%; height: 25px; content: ""; display: block; position: absolute; top: -25px; background: rgba(0, 0, 0, 0.5); }
	#container.acces .content 							{ border: 0 none; }
	#container.acces #wrap 								{ padding: 0; }
	#text.acces 										{ padding: 0; }
	#text.acces .wpb_text_column li 					{ line-height: 2.7; color: #7d7d7d; }
	#text.acces .wpb_text_column li:before 				{ width: 16px; height: 11px; margin: 17px 15px 0 0; content: ''; display: block; float: left; background: url("images/list_arrow.png") no-repeat; }

	/* Style spécifique pour les blocs arrondis de la page acces */
	.sloganTop_acces 									{ width: 100%; position: absolute; top: -183px; z-index: 4; margin: 0; text-shadow: 0 2px #002d4c, 0 0 1px #002d4c; }
	.content-center-acces 								{ height: 630px; }
	.content-center-acces .center-bloc					{ width: 600px; position: absolute; z-index: 5; margin: 0 auto; left: 0; right: 0; top: 15px; }
	.content-center-acces .left-bloc					{ width: 490px; position: absolute; z-index: 0; left: 0; top: 55px; }
	.content-center-acces .right-bloc					{ width: 490px; position: absolute; z-index: 0; right: 0; top: 55px; }
	.content-center-acces .ult-banner-block:before 		{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; content: ""; background: rgba(0, 0, 0, 0.5); z-index: 5; }
	.content-center-acces .ult-banner-block img 		{ width: auto !important; height: 100% !important; }
		/* Style blocs circle */
		.content-center-acces .banner-style03 				{ border: 8px solid #e5e5e5; border-radius: 300px; -webkit-border-radius: 300px; -moz-border-radius: 300px; -o-border-radius: 300px; transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; }
		.content-center-acces .banner-style03:hover 		{ box-shadow: 0 0 25px rgba(0, 0, 0, 0.6); }
		/* Style titre h2 présent sur les images */
		.content-center-acces h2:before 					{ width: 140px; height: 136px; content: ""; display: block; position: absolute; margin: 0 auto; left: 0; right: 0; top: -140px; background: url("images/icon-koukano-white.png") no-repeat center/100% !important; }
		.content-center-acces h2 							{ width: 75%; position: absolute; margin: 0 auto; left: 0; right: 0; top: 210px; z-index: 10; }
		.content-center-acces h2 span 						{ font-family: 'montserratregular' !important; font-size: 45px !important; color: #fff; }
		/* Style boutons 3 blocs circle d'accès */
		.bb-top-title 										{ width: 100%; height: 80px; padding: 50px 0 0; font-size: 20px; text-align: center; position: absolute; z-index: 10; margin: 0 auto; bottom: 10px; background: url("images/bg_btn_circle_acces.png") no-repeat center center !important; }
		.bb-top-title i 									{ font-size: 24px; position: relative; top: 3px; right: -30px; }
		.content-center-acces .center-bloc .bb-top-title 	{ bottom: 22px; background: url("images/bg_btn-center_circle_acces.png") no-repeat center center !important; }
		/* Fix pour les Interactive Banner de Visual Composer pour désactiver les overlay au passage de la souris sur les blocs - Désactivation du comportement natif du module */
		.banner-style03 .mask 								{ display: none; }
		/* Fix pour les liens des Interactive Banner qui ne fonctionnent pas correctement */
		.content-center-acces .content_circle_banner a.bb-link 	{ width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 100; }

		/* Style séparateur des 3 blocs circle avec la partie content */
		.sep_circle_acces 									{ box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1); z-index: 1; }
	
	/* Classe bloc coup de coeur */
	.column_highlighted 								{ box-shadow: 0 0 30px rgba(0, 0, 0, 0.4); }

	/* Classe 3 blocs planifier votre séjour */
	.column_visit .upb_row_bg.vcpb-default 				{ z-index: -1; }
	.column_visit .wpb_single_image.vc_align_left 		{ position: relative; z-index: -1; }

	/* Style pour le bloc actu de la page d'acces */
	#actu #mask_img 									{ width: 100%; height: 130px; overflow: hidden; }
	#actu img 											{ width: 100%; height: auto; }
	#actu h4 											{ margin: 15px 0 0; font-size: 18px; }

	/* Style spécifique pour les blocs content hébergement */
	.vignettes_hebergement .titleLoc					{ margin: 0 0 10px 0; color: #44bedc; }
	.vignettes_hebergement .ult-ih-container ul.ult-ih-list li.ult-ih-list-item  		{ height: auto !important; }
	.content_hebergement 								{ height: 800px; }
	.content_hebergement .upb_row_bg 					{ z-index: -1; }
	.content_hebergement > .content_vc_column 			{ height: 831px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.4); border-radius: 0 40px 40px 0; -webkit-border-radius: 0 40px 40px 0; -moz-border-radius: 0 40px 40px 0; -o-border-radius: 0 40px 40px 0; }
	.content_hebergement .content_info-hebergement 							{ height: 880px; }
	.content_hebergement .content_info-hebergement > .vc_column-inner 		{ height: 880px; }
	.content_hebergement .content_list-hebergement > .vc_column-inner 		{ height: 920px; border-radius: 0 40px 40px 0; -webkit-border-radius: 0 40px 40px 0; -moz-border-radius: 0 40px 40px 0; -o-border-radius: 0 40px 40px 0; }
	.content_hebergement .content_list-hebergement p,
	.content_hebergement .content_list-hebergement ul li  					{ color: #ffff; }
	.content_hebergement .content_list-hebergement ul li::before 			{ background: #145d6f !important; }
	.content_hebergement .ubtn-ctn-left 				{ float: left; }
	.btn_inventaire 									{ display: none; }

	/* Style spécifique pour les blocs de couleurs fil d'ariane résa */
	.fil-ariane_resa img								{ max-width: none !important; }
	.fil-ariane_resa .vc_column_container:nth-child(2) 	{ left: -11px; }
	.fil-ariane_resa .vc_column_container:nth-child(3) 	{ left: -17px; }

	/* Page d'accueil - Slider spécifique administrable */
	#slider_top 								{ width: 100%; }
	#slider_top .vc_column_container 			{ -webkit-backface-visibility: hidden !important; -webkit-perspective: 1000 !important; }
	#slider_top .wpb_gallery_slides 			{ margin: 0; }
	#slider_top img 							{ width: 100vw; height: 100vh; object-fit: cover; }
	#slider_top .wpb_gallery_slides .caption 	{ display: none; width: 100%; height: 115px; margin: 0 auto; padding: 10px 0 0; font-size: 23px; text-align: center; color: #fff; background: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; left: 0; right: 0; z-index: 100; }
		/* Slider page d'accès */
		.content-resa_img-header.acces #slider_top img 										{ height: 550px; }
		.content-resa_img-header.acces #slider_top .wpb_gallery_slides .caption				{ width: auto; position: absolute; padding: 0; background: transparent; top: 100px; right: 30px; bottom: auto; left: auto; color: #fff; font-size: 23px; font-style: italic; z-index: 110; text-shadow: 0 2px #002d4c, 0 0 1px #002d4c; }
		/* Spécifique page propriétaire */
		.content-resa_img-header.proprietaire #slider_top .wpb_gallery_slides .caption 		{ height: 45px; }
	/*#slider_top .wpb_gallery_slides .caption 	{ width: 100%; height: 110px; margin: 0 auto; padding: 15px 0 0; text-align: center; color: #fff; font-family: great_vibesregular; font-size: 65px; text-shadow: 0 3px #000, 0 0 2px #000; position: absolute; top: 45%; left: 0; right: 0; z-index: 0; }
*/
	/* content #text */
	#text 								{ width: 100%; height: auto; min-height: 550px; padding: 30px 0 0; /*position: relative;*/ }
	#text #title h1 					{ margin: 0 0 40px; /* font-family: 'PRISTINA'; */ font-variant: normal; text-align: center; font-size: 35px; /* font-size: 60px; */ font-weight: normal; color: #44bedc; /*border-bottom: 1px solid #d3d3d3*/; position: relative; }
	#text #title h1:before 				{ width: 400px; height: 1px; margin: 0 auto; content:""; display: block; background: #eeeeee; position: absolute; bottom: -5px; /* bottom: 13px; */ left: 0; right: 0; z-index: -1; }	
	#text h2,
	#text h3 							{ font-size: 24px; font-weight: normal; line-height: normal; }
	#text h3.titleLoc					{color: #41a3bb;margin: 0 0 15px 0; } 
	#text .wpb_text_column li:before 	{ width: 5px; height: 5px; display: block; content:""; background: #eb8916; float: left; margin: 9px 6px 0 0; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; }
	#text .content_vc_column 			{ max-width: 1600px; margin: 0 auto; position: relative; }

	#content_slogan 					{ height: 250px; position: fixed; bottom: 100px; }
	#slogancontent 						{ width: 1100px; height: 250px; margin: 0 auto; position: relative; }
	#sloganjcycle						{ width: 500px; height: 250px; position: absolute; right: 0; }
	#sloganjcycle div 					{ position: absolute; right: 0; }
	#sloganjcycle span.top 				{ height: 55px; position: absolute; right: 0; padding: 0 15px; background-color: rgba(142, 95, 3, 0.8); border: 3px solid rgba(250, 222, 158, 0.8); background-clip: padding-box; font-family: "BreuerCondensed-Regular"; font-size: 38px; color: #fade9e; text-shadow: 0px 1px #614614; }
	#sloganjcycle span.bottom			{ height: 47px; position: absolute; right: 0; padding: 0 15px; top: 58px; overflow: hidden; background-color: rgba(250, 222, 158, 0.8); border: 3px solid rgba(250, 222, 158, 0.8); background-clip: padding-box; font-family: "BreuerCondensed-Regular"; font-size: 30px; color: #8e5f03; text-shadow: 0px 1px #fff; }

	#Bouton_Offres						{ width: 228px; height: 38px; background: url("../img/btn_Offres.png") no-repeat; position: absolute; right: 0; bottom: 80px; }
	#Bouton_Actus 						{ width: 228px; height: 38px; background: url("../img/btn_Offres.png") no-repeat; position: absolute; right: 0; bottom: 30px; }
	#Bouton_Offres a,
	#Bouton_Actus a 					{ display: block; margin: 4px 0 0; color: #fade9e; font-size: 18px; text-align: center; text-shadow: 0px -1px #4e3403; }
	#Bouton_Offres span					{ display: none; position: absolute; top: 4px; left: 28px; z-index: 5; color: #efe3c9; }
	#Bouton_Actus span					{ display: none; position: absolute; top: 4px; left: 16px; z-index: 5; color: #efe3c9; }
	#Bouton_Offres img,
	#Bouton_Actus img 					{ display: none; }

	/* Modification module Visual Composer list-icon */
	.uavc-list-icon li 						{ width: auto; height: 50px; float: left; clear: none !important; margin: 0 25px 0 0 !important; }
	.uavc-list-icon ul:last-child 			{ width: auto; height: 50px; float: right; clear: none !important; margin: 0 0 15px 0 !important; }
	.uavc-list-content 						{ width: auto; }
	.uavc-list-content span.uavc-list-desc 	{ width: auto; }

	/* Fix Visual Composer pour le système d'icône qui ne fonctionne pas temporairement */
	.icon_clim .Defaults-user:before 		{ content: "\2744";  font-size: 42px; line-height: 1.05; }

	/* Fix pour Visual Composer */
	.ult-banner-block h3.bb-top-title 	{ position: absolute; bottom: 0; left: 0; }
	
	.flexslider 						{ overflow: hidden; border: 0 none !important; }
	.flexslider .slides img 			{ height: auto; }
		/* Module accordéon */
		.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body 		{ background-color: #fff; }
		.vc_tta.vc_general 																{ color: #666666; }
		/* Positionnement des liste icônes (m2 et nb pers.) pour la page location */
		.smile_icon_list li.icon_list_item 												{ float: left; clear: none !important; margin: 0 !important; z-index: 1; }
		.smile_icon_list.left li .icon_description										{ padding-left: 0; padding-right: 25px; }
		.smile_icon_list.left li .icon_list_connector 									{ display: none; }
		.vc_tta-panel-body .wpb_text_column 											{ clear: both; }

	/* Modification des couleurs pour les modules accordéons de Visual Composer sur la page hébergement */
	.vc_tta-color-chino.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading 			{ background-color: #92c7eb !important; }
	.vc_tta-color-green.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading 			{ background-color: #70bbef !important; }
	.vc_tta-color-peacoc.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading 			{ background-color: #3d8abf !important; }
	.vc_tta-color-mulled-wine.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading 	{ background-color: #1267a2 !important; }
	.vc_tta-color-purple.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading 			{ background-color: #055084 !important; }

	/* Réglage pour le module Essential Grid qui gère les 3 blocs d'images avec over sur la page d'acces */
	.content_acces_ess-grid .esg-overflowtrick,
	.content_acces_ess-grid .esg-overflowtrick ul 						{ width: 100%; height: 350px !important; }
	.content_acces_ess-grid .esg-overflowtrick li 						{ width: 32.7% !important; height: 350px !important; margin: 0 10px 0 0 !important; float: left !important; position: static !important; }
	.content_acces_ess-grid .esg-overflowtrick li:last-child 			{ margin: 0 !important; }
	.content_acces_ess-grid .esg-overflowtrick img 						{ width: auto !important; height: 100% !important; top: 0 !important; left: 0 !important; }
	.content_acces_ess-grid .esg-overflowtrick .esg-cc 					{ height: 100%; top: 0 !important; }
	.content_acces_ess-grid .esg-overflowtrick .esg-cc div:nth-child(1),
	.content_acces_ess-grid .esg-overflowtrick .esg-cc div:nth-child(3) { top: 130px !important; z-index: 0 !important; }
	.content_acces_ess-grid .esg-overflowtrick .esg-slide 				{ top: 0 !important; left: 0 !important; position: absolute !important; transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; -o-transform: none !important; }
	.content_acces_ess-grid .esg-overflowtrick .esg-slide a 			{ width: 360px; height: 350px; display: block; position: absolute !important; top: 0 !important; left: 0 !important; }

	/* Page article - Single.php */
	.btn_retour 						{ margin: 15px 0 0; }

	/* Bouton "Obtenir un Devis" */
	body.village #btnDevis 				{ display: none !important; }

	/* Réglage margin-bottom pour tout les éléments Visual Composer
	.wpb_button,
	.wpb_content_element,
	.wpb_row,
	ul.wpb_thumbnails-fluid > li 		{ margin-bottom: 15px; } */

	/* Widgets Ctoutvert */
	#widgets_ctoutvert 					{ width: 100%; height: 305px; padding: 20px 0; background: #f4f4f4; }
	#widgets_ctoutvert #content_widgets { width: 1460px; margin: 0 auto; }
	#widgets_ctoutvert h3.title 		{ color: #3d443a; font-size: 30px; text-align: center; font-family: oswaldlight; text-transform: uppercase; }
	#widgets_ctoutvert #widget_avis 	{ width: 30%; float: left; }
	#widgets_ctoutvert #widget_offres 	{ width: 68%; height: 260px; float: right; background: #fff; }

	/* Styles génériques pour les tableaux du plugin Table Press */
	.wpb_row table 							{ border: 1px solid grey !important; }
	.wpb_row caption						{ display: none; }
	.wpb_row thead th 						{ border: 1px solid #0072b1 !important; }
	.wpb_row thead div						{ font-size: 12px !important; color: #265f47; }
	.tablepress thead th,
	.tablepress tfoot th 					{ width: 20%; padding: 9px !important; text-align: center !important; border-left: none !important; border-top: none !important; }
	.tablepress tbody td,
	.tablepress tfoot th 					{ padding: 9px !important; text-align: center !important; vertical-align: middle !important; border-right: 1px solid #ddd; }
		/* Tableau directement intégré dans les blocs de texte avec TinyMCE */
		table tbody tr td						{ padding: 3px; }
		table tbody tr td span  				{ font-size: 15px; }
	/* Footable */
	.footable 								{ font-family: arial !important; font-size: 15px; }
	.footable .footable-last-column 		{ border-right: none !important; }

	/* Formulaire de contact */
	.wpcf7 											{ width: 500px; height: 100%; margin: 0 auto 75px !important; position: relative; }
	span.wpcf7-list-item 							{ margin-left: 3.5em; }
	span.wpcf7-list-item.first 						{ margin-left: 0.2em; }
	.wpcf7 p 										{ text-align: left; }
	.wpcf7 input,
	.wpcf7 textarea 								{ width: 500px; padding: 7px 5px 7px 10px; margin: 5px 0 10px; font-size: 15px; background: #f9f9f9; border: 1px solid #ccc; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); }
	.wpcf7 label 									{ height: auto; float: left; margin: 5px 0; }
	.wpcf7 select 									{ width: 515px; padding: 7px 5px 7px 10px; margin: 5px 0 10px; font-size: 15px; background: #f9f9f9; border: 1px solid #ccc; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); }
	input#Adresse_ligne1 							{ margin-bottom: 0; }
	input[type="checkbox"]							{ width: 15px; margin: 0 0 0 3px; position: relative; top: 1px; border: 0 none; box-shadow: 0; }
	input[type="submit"] 							{ width: 120px; height: 30px; margin: 0 0 20px 0; padding: 4px; font-size: 16px; color: #fff; cursor: pointer; border: none; background: none repeat scroll 0 0 #ff3197; transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; }
	input[type="submit"]:hover 						{ background: none repeat scroll 0 0 #ff80bf; }
	input[type="submit"]:active 					{ padding: 5px; }
	.wpcf7 .bloc_details 							{ width: 515px; margin: 15px 0 15px -10px; padding: 10px; font-size: 18px; text-align: center; border: 1px solid #ccc; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; }	
	.wpcf7-form-control-wrap.recaptcha span > div	{ width: 304px; height: 78px; float: left; }

	/* Formulaire de contact */
	iframe.contact 						{ width: 100%; height: 850px; border: 0 none; }


	/* ==========================================================================
	   Footer (footer-acces.php, footer.php)
	   ========================================================================== */

	footer 								{ width: 100%; height: 100%; font-family: montserratlight; position: relative; background: url("images/bg_footer.jpg"); color: #bce4ff; position: relative; float: left; }
	footer:before 						{ width: 100%; height: 1px; content:""; display: block; background: #bce4ff; position: relative; top: 1px; }
	footer p 							{ font-size: 14px; line-height: 1.3em; }
	footer a							{ color: #ffae3e; }
	footer a:hover 						{ color: #ffb932; text-decoration: underline; }
	#content_footer 					{ width: 1100px; height: 30px; margin: 0 auto; font-size: 13px; }
	#copyright 							{ float: left; margin-top: 7px; }
	#copyright a#mentions 				{ text-transform: lowercase; }
	#site-info 							{ float: right; margin: 7px 0 0; }
	footer.home #site-info 				{ margin: 7px 20px 0 0; }

	/* Bloc adresse page d'accès */
	footer #contentAdress_acces 		{ width: 1500px; margin: 0 auto; }

	/* Adresse */
	footer .adresse 						{ width: 730px; margin: 25px auto; text-align: center; position: relative; }
	footer .adresse a.linkFacebook:before 	{ width: 1px; height: 100%; position: absolute; top: 0; left: -20px; content:''; display: block; background: rgba(61, 104, 133, 0.7); }
	footer .adresse a.linkFacebook 			{ width: 35px; height: 35px; display: block; position: absolute; top: 0; right: -70px; }
	footer .adresse a.linkFacebook img 		{ width: 100%; height: 100%; }

	/* Texte référencement */
	.text-ref 							{ width: 100%; height: auto; margin: 25px auto; text-align: center; }
	/*#text-ref a 						{ text-decoration: underline; }*/

	/* Copyright */
	footer #info-cpy 					{ width: 100%; height: 55px; background: rgba(0, 0, 0, 0.4); font-size: 12px; }
	footer #info-cpy #content_info-cpy 	{ width: 96%; margin: 0 auto;padding: 0 2%;float: left;}

	/* Partenaires */
	.partenaires 						{ width: 730px; height: auto; margin: 6px auto; padding: 15px 0; border-top: 1px solid rgba(188, 228, 255, 0.3); border-bottom: 1px solid rgba(188, 228, 255, 0.3); }
	.partenaires span 					{ color: #8c8c8c; }
	.partenaires ul 					{ width: 420px; height: auto; margin: 0 auto; }
	.partenaires li 					{ width: 80px; height: 55px; padding: 2px; float: left; margin: 0 8.5px; text-align: center; background-color: #fff; border: 1px solid rgba(100, 100, 100, 0.7); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; overflow: hidden; display: flex; justify-content: center; align-items: center; }
	.partenaires li a 					{ width: 96%; height: 92%; }
	.partenaires li img 				{ height: 100%; }
	.partenaires li#camping-cheque img 	{ width: 100%; height: auto; }
	
	/* Fil d'Ariane */
	breadcrumbs {display: block;width: 98%;padding: 1%;border-bottom: solid thin #DDDDDD;}

	/* ==========================================================================
	   Surcharge du style et des couleurs en fonction du camping // Mariages
	   ========================================================================== */

	#reception.content-resa_img-header .sidebar-container		{ display: none; }

	header#reception .content_band						{ background: rgba(0, 0, 0, 0.7); border-top: 1px solid #3c1027; }
	.content_header_top#reception 						{ background: #0a0a0a; border-bottom: 1px solid rgba(60, 42, 51, 0.9); }
	.content_header_top#reception #logo-koukano a 		{ color: #ff3197; }
	.content_header_top#reception nav#menu li a 		{ color: #ff3197; }
	.content_header_top#reception nav#menu li a:hover,
	.content_header_top#reception nav#menu li.current-menu-item a,
	.content_header_top#reception nav#menu li.current_page_item a						{ color: #ff91c8; }
	.content_header_top#reception nav#menu li.current-menu-item 						{ position: relative; }
	.content_header_top#reception nav#menu .sub-menu 									{ box-shadow: inset 0 3px #ff91c8; }
	.content_header_top#reception nav#menu .sub-menu .arrow_sub-menu 					{ border-color: #ff91c8 transparent transparent transparent; }
	.content_header_top#reception nav#menu .sub-menu li.menu-item a						{ color: #fff; text-shadow: 0 1px #073c56; }
	.content_header_top#reception nav#menu li.current-menu-item .sub-menu li.menu-item:hover a,
	.content_header_top#reception nav#menu li.current_page_item .sub-menu li.menu-item:hover a,
	.content_header_top#reception nav#menu .sub-menu li.menu-item:hover a				{ color: #ff91c8 ; text-shadow: 0 1px #073c56; transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; }
	.content_header_top#reception nav#menu .sub-menu li.current-menu-item a				{ color: #ff91c8 ; text-shadow: 0 1px #073c56; }
	.content-resa_img-header#reception #btn_arrow-down 									{ width: 40px; height: 40px; background: #ff80bf; bottom: 20px; border: 1px solid #fff; box-shadow: inset 0 0 1px #fff, 0 0 1px #fff; }
	.content#reception 									{ background: #f7f7f7; color: #59524c; border-top: 25px solid #f1f1f1; box-shadow: 0 -1px 0 rgba(255, 255, 255, 1), 0 -2px 0 rgba(220, 197, 209, 0.8); }
	.content#reception #text h1 						{ color: #ab4276; font-family: 'PRISTINA'; font-size: 60px; }
	.content#reception #text h1:before 					{ background: #e8e8e8; /*bottom: 13px;*/ }	
	footer#reception 									{ background: url("images/bg_footer_reception.jpg"); color: #868686; box-shadow: 0 -1px 0 rgba(231, 186, 149, 1), inset 0 3px 0 rgba(47, 27, 10, 0.9); }
	footer#reception a 									{ color: #ff3197; }
	footer#reception a:hover 							{ color: #ff80bf; }

	/* Bouton "Obtenir un Devis" */
	body.reception #btnDevis 							{ width: 190px; height: 35px; display: none; text-align: center; line-height: 2; text-transform: uppercase; background: rgba(113, 61, 86, 0.83); color: #ffe0f0; font-size: 15px; border: 0 none; position: fixed; top: 50%; right: -78px; z-index: 999; cursor: pointer; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; }
	body.reception #btnDevis:focus  					{ outline: none !important; }

	/* Effet de survol pour les vignettes de présentation pour les pages internes */
	.ult-content-box-container							{ transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; }
	.ult-content-box-container:hover					{ transform: scale(1.02); }
	.vignettes_hebergement .ult-content-box				{ position: relative; }
	.vignettes_hebergement .ult-content-box .wpb_text_column.wpb_content_element    { position: relative; z-index: 5; }
	.vignettes_hebergement .ult-content-box:after		{ width: 100%; height: 100%; display: block; content: ""; position: absolute; z-index: 0; left: 0; bottom: 0; background: rgb(0,0,0) !important; background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 30%) !important; }


	/* ==========================================================================
   Surcharge du style et des couleurs en fonction du camping // Evènements
   ========================================================================== */

   #evenement.content-resa_img-header .sidebar-container		{ display: none; }

   header#evenement .content_band						{ background: rgba(0, 0, 0, 0.7); border-top: 1px solid #26310f; }
   .content_header_top#evenement 						{ background: #0a0a0a; border-bottom: 1px solid rgba(54, 62, 37, 0.8); }
   .content_header_top#evenement #logo-koukano a 		{ color: #44842d; }
   .content_header_top#evenement nav#menu li a 			{ color: #44842d; }
   .content_header_top#evenement nav#menu li a:hover,
   .content_header_top#evenement nav#menu li.current-menu-item a,
   .content_header_top#evenement nav#menu li.current_page_item a						{ color: #9bcc8a; }
   .content_header_top#evenement nav#menu li.current-menu-item 							{ position: relative; }
   .content_header_top#evenement nav#menu .sub-menu 									{ box-shadow: inset 0 3px #9bcc8a; }
   .content_header_top#evenement nav#menu .sub-menu .arrow_sub-menu 					{ border-color: #9bcc8a transparent transparent transparent; }
   .content_header_top#evenement nav#menu .sub-menu li.menu-item a						{ color: #fff; text-shadow: 0 1px #073c56; }
   .content_header_top#evenement nav#menu li.current-menu-item .sub-menu li.menu-item:hover a,
   .content_header_top#evenement nav#menu li.current_page_item .sub-menu li.menu-item:hover a,
   .content_header_top#evenement nav#menu .sub-menu li.menu-item:hover a				{ color: #9bcc8a ; text-shadow: 0 1px #073c56; transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; }
   .content_header_top#evenement nav#menu .sub-menu li.current-menu-item a				{ color: #9bcc8a ; text-shadow: 0 1px #073c56; }
   .content-resa_img-header#evenement #btn_arrow-down 									{ width: 40px; height: 40px; background: #44842d; bottom: 20px; border: 1px solid #fff; box-shadow: inset 0 0 1px #fff, 0 0 1px #fff; }
   .content#evenement 									{ background: #f7f7f7; color: #59524c; border-top: 25px solid #f1f1f1; box-shadow: 0 -1px 0 rgba(255, 255, 255, 1), 0 -2px 0 rgba(220, 197, 209, 0.8); }
   .content#evenement #text h1 							{ color: #153902; }
   .content#evenement #text h1:before 					{ background: #e8e8e8; }
   footer#evenement 									{ background: url("images/bg_footer_reception.jpg"); color: #868686; box-shadow: 0 -1px 0 rgba(231, 186, 149, 1), inset 0 3px 0 rgba(47, 27, 10, 0.9); }
   footer#evenement a 									{ color: #44842d; }
   footer#evenement a:hover 							{ color: #9bcc8a; }

   /* Bouton "Obtenir un Devis" */
   body.evenement #btnDevis 							{ width: 190px; height: 35px; display: none !important; text-align: center; line-height: 2; text-transform: uppercase; background: rgba(113, 61, 86, 0.83); color: #ffe0f0; font-size: 15px; border: 0 none; position: fixed; top: 50%; right: -78px; z-index: 999; cursor: pointer; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; }
   body.evenement #btnDevis:focus  						{ outline: none !important; }

   /* Effet de survol pour les vignettes de présentation pour les pages internes */
   .ult-content-box-container							{ transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; }
   .ult-content-box-container:hover						{ transform: scale(1.02); }
   .vignettes_hebergement .ult-content-box				{ position: relative; }
   .vignettes_hebergement .ult-content-box .wpb_text_column.wpb_content_element    { position: relative; z-index: 5; }
   .vignettes_hebergement .ult-content-box:after		{ width: 100%; height: 100%; display: block; content: ""; position: absolute; z-index: 0; left: 0; bottom: 0; background: rgb(0,0,0) !important; background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 30%) !important; }


	/* ADD TVDLC */
	.single-meta {
		border-top: 1px solid black;
		text-align: center;
		padding-bottom: 30px;
		padding-top: 15px;
	}
	.navigation {
		text-align: center;
	}
	.navigation:after {
		content: ' ';
		display: block;
		clear: both;
	}
	.alignleft, .alignright {
		background: #075f75;
		display: inline-block;
		padding: 1rem 1.2rem;
	}
	.alignleft *, .alignright *{
		color : white;
	}
	@media screen and (min-width: 768px){
		.navigation .alignleft {
		    float: left;
		}
		.navigation .alignright {
		    float: right;
		}
	}
	@media screen and (max-width: 767px){
		.alignleft, .alignright{ margin-bottom: 8px; }
	}