/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,600,800');

body, html, a, ul, li, img{ padding:0px; margin:0px; border:0px; list-style-type:none; text-decoration:none;}
a, a::before, button{transition : all 0.2s linear;}
body{ font:14px/20px 'Nunito', sans-serif; font-weight:400;color:#818181;min-height:100%;}
a{ text-decoration:none;color:#818181;}img{ border:0px;}
section{float: left;width: 100%;}
/*Bouton pour remonter en haut de la page :*/
/*
div#btn_up{position: fixed;bottom: 15px;right: 25px;cursor: pointer;display:none;z-index:99999; width:50px; height:50px; background:url(../charte/btn_up.png); opacity:0.5;transition : all 0.2s linear;}
div#btn_up:hover{opacity:1}*/

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

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

/* STRUCTURE*/
@media screen and (min-width: 900px) 
{
	.row{width: 100%; display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex; display: flex !important;  -webkit-flex-direction: row;  -moz-flex-direction: row;  -ms-flex-direction: row;  flex-direction: row !important; float: none; display: inline-block; position: relative; z-index: 2}
 	.row .case1{ flex: 1;display: inline-block; position: relative; }.row .case2{ flex: 2;display: inline-block; position: relative; }.row .case3{ flex: 3; display: inline-block; position: relative;}.row .case4{ flex: 4; display: inline-block; position: relative;}.row .case5{ flex: 5; }.row .case6{ flex: 6; max-width: 50%;}.row .case7{ flex: 7; }.row .case8{ flex: 8; }.row .case9{ flex: 9; }.row .case10{ flex: 10; }.row .case11{ flex: 11; }.row .case12{ flex: 12; }
	
	.column{width: 100%; max-width: 100% !important; display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex; display: flex !important;  -webkit-flex-direction: row;  -moz-flex-direction: row;  -ms-flex-direction: row;  flex-direction:column ; float: none; min-height: 100%; height: 100%; }
	.column.column100{height: 100%;}
 	.column .case1{ flex: 1; flex-direction: column;}.column .case2{ flex: 2;flex-direction: column; }.column .case3{ flex: 3;flex-direction: column; }.column .case4{ flex: 4;flex-direction: column; }.column .case5{ flex: 5;flex-direction: column; }.column .case6{ flex: 6; flex-direction: column; max-width: 100% !important;  }.column .case7{ flex: 7; flex-direction: column;}.column .case8{ flex: 8; flex-direction: column;}.column .case9{ flex: 9;flex-direction: column; }.column .case10{ flex: 10;flex-direction: column; }.column .case11{ flex: 11; flex-direction: column;}.column .case12{ flex: 12; flex-direction: column;}
	
	.row > div, .column > div{position: relative;}	
	
}
	.row.padding10, .row div.padding10{padding: 10px;}
	.row.padding5, .row div.padding5{padding: 5px;}
.case_table{display:table !important;height:100%; width: 100%;}.case_table .vertical_align{display:table-cell;vertical-align:middle; text-align: center; width: 100%;}

/**########*/
/*HEADER*/
div.header{background: #FFFFFF;box-shadow: 2px 2px 4px #000000; position: relative; float: left; z-index: 2;}
div.header h1{font:14px/20px 'Nunito', sans-serif; font-weight:400;color:#818181; }

/**########*/
/*DIAPORAMA*/
div#diaporama{ float:left; width:100%; position:relative; z-index: 1; margin:-4px 0px 0px 0px; padding:0px; }
div#diaporama .diapo{ float:left; width:100%; height:100%; overflow:hidden;z-index:1; position:absolute; top:0px; left:0px; display: none;}
@media screen and (max-width: 900px) 
{		
	div#diaporama{ width:100%; z-index:1; min-height:250px; top: 0px}
	div#diaporama .diapo{height: 250px;}
	/*div#diaporama .diapo img{  height:100%; width: auto;}*/
	div#diaporama .lien_rapide{position: absolute; z-index: 99999; width:100%; top: 15px; left: 0px;}
}
@media screen and (min-width: 901px)
{
	div#diaporama, div#diaporama .diapo{height:500px;}
	div#diaporama .diapo .bloc_txt{ width:900px; margin:auto; position: absolute; text-align:left;left:calc(50% - 420px); left:-webkit-calc(50% - 420px); bottom:15px;z-index: 2;  color: #FFFFFF;}
	.diaporama .lien_rapide{position: absolute; z-index: 99; width:900px; top: 15px; left:calc(50% - 450px); left:-webkit-calc(50% - 450px); display: block !important;}
}
@media screen and (min-width: 1200px) 
{
	div#diaporama, div#diaporama .diapo{height:800px;}
	div#diaporama.demi, div#diaporama.demi .diapo{height:500px;}
	
	div#diaporama .diapo .bloc_txt{ width:1200px; margin:auto; position: absolute; text-align:left;left:calc(50% - 550px); left:-webkit-calc(50% - 550px); bottom:10px; z-index: 2; color: #FFFFFF;}
	div#diaporama .lien_rapide{position: absolute; z-index: 99; width:1200px; top: 15px; left:calc(50% - 600px); left:-webkit-calc(50% - 600px);}
}
div#diaporama .diapo img{ position: absolute; z-index: 1; top: 50%; left:50%;  transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%);  }

div#diaporama .titre{ position: absolute; z-index: 10; top: 50%; left:50%;  transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%);  }


@media screen and (min-width: 0px) 
{	
	.deco1{display: none;}
	div#diaporama div.contenu{float: left; width: 96%; z-index: 999999; position: relative; margin: 0px 0px 0px 2%;}
	div#diaporama div.contenu h2{ color:#FFFFFF;text-shadow: 2px 2px 4px #000000;font:20px/26px 'Nunito', sans-serif; font-weight:800;}
	div#diaporama div.contenu .search{ background-color: #FFFFFF; border-radius:10px; float: left; width: 100%; margin: 0px 0px 10px 0px;}
}
@media screen and (min-width: 900px) 
{
	div#diaporama div.contenu{position: absolute; z-index: 99; top: 50%; left: 50%;transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); width: 100%; max-width: 1200px;}
	div#diaporama div.contenu h2{ color:#FFFFFF;text-shadow: 2px 2px 4px #000000;font:30px/50px 'Nunito', sans-serif; font-weight:800;}
	div#diaporama div.contenu .search{ background-color: #FFFFFF; border-radius:10px; float: left; width: 100%; margin: 0px 0px 10px 0px;}
	.deco1{ position:absolute; z-index: 98; top: 620px; width: 234px; height: 600px; right: calc(50% - 600px); background: url(../charte/icone-gite-theme.png) center no-repeat ; display: block;}
}



/**########*/
/*Form design*/

form.design1{ flot:left; width: 100%;}
form.design1 input, form.design1 textarea, form.design1 select{ border: 1px solid #ececec; width: 86%; display: inline-block; margin: 10px 5% 10px 5%; padding: 2%; border-radius: 10px; z-index: 2; background-color:#ffffff !important; box-shadow: none; font: 14px/20px 'Nunito', sans-serif;-webkit-border-radius: 10px;}
form.design1 textarea{min-height: 40px;}
form.design1 select{-webkit-appearance: none;font: 14px/16px 'Nunito', sans-serif;}
form.design1 input:focus, form.design1 textarea:focus, form.design1 select:focus{border: 1px solid rgba(230,90,121,1.00);}
form.design1 label{color: #818181;font-size:18px; display: block; height: 8px; line-height: 22px; margin: 0px 0px 0px 0px; z-index: 1; position: relative; }

form.design1 button{ border: 1px solid rgba(230,90,121,1.00); background: #ffffff; width: 86%; display: inline-block; margin: 10px 5% 10px 5%; padding: 2%; border-radius: 10px; font: 16px/20px 'Nunito', sans-serif; text-transform: uppercase; letter-spacing: 2px; color:rgba(230,90,121,1.00); cursor: pointer;}
form.design1 button:hover{color:#FFFFFF; background-color: rgba(230,90,121,1.00);}
/**########*/
/*Form accueil*/

@media screen and (min-width: 0px) 
{
	form#search_accueil{ width:98%; float: left; padding: 1%;}
	form#search_accueil .caseform{width: calc(48% - 1px); overflow: hidden; float: left;border-right: 1px solid #515848; padding: 0px 1% 0px 1%; height: 40px; position: relative; display: block;}
	form#search_accueil .caseform2{width: calc(48% - 1px); overflow: hidden; float: left;border-right: 1px solid #ffffff; padding: 0px 1% 0px 1%; height: 40px; position: relative; display: block;}
	form#search_accueil select{background: transparent; height: 40px; width: calc(100% + 28px); width: -webkit-calc(100% + 28px); border: 0px; margin: 0px; display: block; position: relative; font:14px/20px 'Nunito', sans-serif; font-weight:400; cursor: pointer;color:#818181;}
	form#search_accueil .caseform.arrow{ background: url(../charte/fleche-select.png) right center no-repeat;}
	form#search_accueil .caseform.map{ background: url(../charte/select-map.png) right center no-repeat;}
}

@media screen and (min-width: 900px) 
{
	form#search_accueil{ width:98%; float: left; padding: 1%;}
	form#search_accueil .caseform{width: calc(23% - 1px); overflow: hidden; float: left;border-right: 1px solid #515848; padding: 0px 1% 0px 1%; height: 40px; position: relative; display: block;}
	form#search_accueil .caseform2{width: calc(23% - 1px); overflow: hidden; float: left;border-right: 1px solid #ffffff; padding: 0px 1% 0px 1%; height: 40px; position: relative; display: block;}
	form#search_accueil select{background: transparent; height: 40px; width: calc(100% + 28px); width: -webkit-calc(100% + 28px); border: 0px; margin: 0px; display: block; position: relative; font:14px/20px 'Nunito', sans-serif; font-weight:400; cursor: pointer;color:#818181;}
	form#search_accueil .caseform.arrow{ background: url(../charte/fleche-select.png) right center no-repeat;}
	form#search_accueil .caseform.map{ background: url(../charte/select-map.png) right center no-repeat;}
}
	form#search_accueil .caseform3{width: calc(48% - 1px); overflow: hidden; float: left; padding: 0px 1% 0px 1%; height: 40px; position: relative; display: block;}


/**################*/
/*Thème en accueil*/
@media screen and (max-width: 450px) 
{
	ul.theme_listing_accueil .xxxlarge{font-size:20px;  line-height: 26px;}
}
@media screen and (min-width: 0px) 
{
	ul.theme_listing_accueil{ width:100%; white-space: nowrap; height: 485px; position: relative; overflow: hidden;}
	ul.theme_listing_accueil li{width: 80%; float: left;white-space: nowrap; display: inline; position: absolute; top: 0px; opacity: 0;transition : all 0.4s linear;}
	ul.theme_listing_accueil li:nth-child(1){left: 10%; opacity: 1;}
	ul.theme_listing_accueil li:nth-child(2){left: 90%; opacity: 0.5;}
	ul.theme_listing_accueil li:nth-child(3){left: 170%; opacity: 0.5;}
	ul.theme_listing_accueil li:nth-child(4){left: 250%; opacity: 0.5;}
	ul.theme_listing_accueil li:nth-child(5){left: 330%; opacity: 0.5;}
	ul.theme_listing_accueil li div.h100{ height: 150px; width: 100%;}
	ul.theme_listing_accueil li div.h100 div.h50{ height: 150px; width: 50%;}
	ul.theme_listing_accueil li div.h100, .theme_listing_accueil li div.h100 div.h50{  margin: 5px 0px 5px 0px; position: relative; display: block; float:left; overflow: hidden; border-radius:5px;}
	ul.theme_listing_accueil li div.h100 div.h50 img, ul.theme_listing_accueil li div.h100 img{position: absolute; top: 50%; left: 50%;transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); z-index: 1;}
	ul.theme_listing_accueil li div.h100 div.h50 img{height: 100%; width: auto !important;}
	ul.theme_listing_accueil li div.h100 img{width: 100%;}
	ul.theme_listing_accueil li div.h100 div.h50 .contenu, ul.theme_listing_accueil li div.h100 .contenu{opacity: 1; position: absolute; top: 50%; left:50%; width: 100%;transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); z-index: 99; color:#FFFFFF;text-shadow: 2px 2px 4px #000000; text-align: center;}
	ul.theme_listing_accueil li div.h100 div.h50:hover > .contenu, ul.theme_listing_accueil li div.h100:hover > .contenu{opacity:1; transition : all 0.2s linear;}
	.theme_listing_accueil_next{ position: absolute; top: 0px; right: 0px; width: 10%; display: block; height: 500px; z-index: 999; opacity: 0.8; }
	.theme_listing_accueil_previous{position: absolute; top: 0px; left: 0px; width: 10%; display: block; height: 500px; z-index: 999; opacity: 0.8;}
	.theme_listing_accueil_next img, .theme_listing_accueil_previous img{position: absolute; top: 50%; left: 50%;transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); filter: grayscale(100%);  -webkit-filter: grayscale(100%);transition : all 0.2s linear;}
	.theme_listing_accueil_next:hover, .theme_listing_accueil_previous:hover{opacity: 1;transition : all 0.2s linear;}
	.theme_listing_accueil_next:hover >img, .theme_listing_accueil_previous:hover > img{filter: grayscale(0%);  -webkit-filter: grayscale(0%);transition : all 0.2s linear;}
}
@media screen and (min-width: 900px) 
{
	ul.theme_listing_accueil{ width:100%; white-space: nowrap; height: 500px; position: relative; overflow: hidden;}
	ul.theme_listing_accueil li{width: 80%; float: left;white-space: nowrap; display: inline; position: absolute; top: 0px; left: 100; opacity: 0;transition : all 0.4s linear;}
	ul.theme_listing_accueil li:nth-child(1){left: 10%; opacity: 1;}
	ul.theme_listing_accueil li:nth-child(2){left: 90%; opacity: 0.5;}
	ul.theme_listing_accueil li:nth-child(3){left: 170%; opacity: 0.5;}
	ul.theme_listing_accueil li:nth-child(4){left: 250%; opacity: 0.5;}
	ul.theme_listing_accueil li:nth-child(5){left: 330%; opacity: 0.5;}
	ul.theme_listing_accueil li div.h100{ height: 500px; width: -webkit-calc(100% / 3 - 10px); width: calc(100% / 3 - 10px);}
	ul.theme_listing_accueil li div.h100 div.h50{ height: 250px; width: 100%;}
	ul.theme_listing_accueil li div.h100, .theme_listing_accueil li div.h100 div.h50{  margin: 5px; position: relative; display: block; float:left; overflow: hidden; border-radius:5px;}
	ul.theme_listing_accueil li div.h100 div.h50 img, ul.theme_listing_accueil li div.h100 img{height: auto; width: auto; position: absolute; top: 50%; left: 50%;transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); z-index: 1;}
	ul.theme_listing_accueil li div.h100 div.h50 img{width: 100%; height: auto !important;}
	ul.theme_listing_accueil li div.h100 img{height: 500px;}
	ul.theme_listing_accueil li div.h100 div.h50 .contenu, ul.theme_listing_accueil li div.h100 .contenu{opacity: 1; position: absolute; top: 50%; left:50%; width: 100%;transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); z-index: 99; color:#FFFFFF;text-shadow: 2px 2px 4px #000000; text-align: center;}
	ul.theme_listing_accueil li div.h100 div.h50:hover > .contenu, ul.theme_listing_accueil li div.h100:hover > .contenu{opacity:1; transition : all 0.2s linear;}
	.theme_listing_accueil_next{ position: absolute; top: 0px; right: 0px; width: 10%; display: block; height: 500px; z-index: 999; opacity: 0.8; }
	.theme_listing_accueil_previous{position: absolute; top: 0px; left: 0px; width: 10%; display: block; height: 500px; z-index: 999; opacity: 0.8;}
	.theme_listing_accueil_next img, .theme_listing_accueil_previous img{position: absolute; top: 50%; left: 50%;transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); filter: grayscale(100%);  -webkit-filter: grayscale(100%);transition : all 0.2s linear;}
	.theme_listing_accueil_next:hover, .theme_listing_accueil_previous:hover{opacity: 1;transition : all 0.2s linear;}
	.theme_listing_accueil_next:hover >img, .theme_listing_accueil_previous:hover > img{filter: grayscale(0%);  -webkit-filter: grayscale(0%);transition : all 0.2s linear;}
}

/**################*/
/*sites touristiques*/
@media screen and (max-width: 450px) 
{
	ul.touriste_listing .xxxlarge{font-size:20px;  line-height: 26px;}
}
@media screen and (min-width: 0px) 
{
	ul.touriste_listing{ width:100%; white-space: nowrap; height: auto; position: relative; overflow: hidden;}
	ul.touriste_listing li{width: 80%; float: left;white-space: nowrap; display: inline; position: relative; margin: 0px 10% 0px 10%; transition : all 0.4s linear;}
	ul.touriste_listing li div.h100{ height: 150px; width: 100%;}
	ul.touriste_listing li div.h100 div.h50{ height: 150px; width: 50%;}
	ul.touriste_listing li div.h100, .touriste_listing li div.h100 div.h50{  margin: 5px 0px 5px 0px; position: relative; display: block; float:left; overflow: hidden; border-radius:5px;}
	ul.touriste_listing li div.h100 div.h50 img, ul.touriste_listing li div.h100 img{position: absolute; top: 50%; left: 50%;transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); z-index: 1;}
	ul.touriste_listing li div.h100 div.h50 img{height: 100%; width: auto !important;}
	ul.touriste_listing li div.h100 img{width: 100%;}
	ul.touriste_listing li div.h100 div.h50 .contenu, ul.touriste_listing li div.h100 .contenu{opacity: 1; position: absolute; top: 50%; left:50%; width: 100%;transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); z-index: 99; color:#FFFFFF;text-shadow: 2px 2px 4px #000000; text-align: center;}
	ul.touriste_listing li div.h100 div.h50:hover > .contenu, ul.touriste_listing li div.h100:hover > .contenu{opacity:1; transition : all 0.2s linear;}
}
@media screen and (min-width: 900px) 
{
	ul.touriste_listing{ width:100%; white-space: nowrap; height:auto; position: relative; overflow: hidden;}
	ul.touriste_listing li{width: 80%; float: left;white-space: nowrap; display: inline; position: relative; margin: 0px 10% 0px 10%; transition : all 0.4s linear;}
	ul.touriste_listing li div.h100{ height: 500px; width: -webkit-calc(100% / 3 - 10px); width: calc(100% / 3 - 10px);}
	ul.touriste_listing li div.h100 div.h50{ height: 250px; width: 100%;}
	ul.touriste_listing li div.h100, .touriste_listing li div.h100 div.h50{  margin: 5px; position: relative; display: block; float:left; overflow: hidden; border-radius:5px;}
	ul.touriste_listing li div.h100 div.h50 img, ul.touriste_listing li div.h100 img{height: auto; width: auto; position: absolute; top: 50%; left: 50%;transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); z-index: 1;}
	ul.touriste_listing li div.h100 div.h50 img{width: 100%; height: auto !important;}
	ul.touriste_listing li div.h100 img{height: 500px;}
	ul.touriste_listing li div.h100 div.h50 .contenu, ul.touriste_listing li div.h100 .contenu{opacity: 1; position: absolute; top: 50%; left:50%; width: 100%;transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); z-index: 99; color:#FFFFFF;text-shadow: 2px 2px 4px #000000; text-align: center;}
	ul.touriste_listing li div.h100 div.h50:hover > .contenu, ul.touriste_listing li div.h100:hover > .contenu{opacity:1; transition : all 0.2s linear;}
}

/**################*/
/*Catégorie en accueil*/
@media screen and (min-width: 0px) 
{
ul.categories_listing_accueil{width: 100%; float: left; position: relative; display: block;}
ul.categories_listing_accueil li{width:48%; margin: 1%; padding: 0px; border: 0px; float: left; position: relative; display: block; height: 180px; overflow: hidden; border-radius: 10px;}
ul.categories_listing_accueil li a{display: block;}
ul.categories_listing_accueil li a img{width: 100%; position: absolute; top: 50%; left: 50%; z-index: 1;transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%);}
ul.categories_listing_accueil li a .titre{ width:100%; text-align: center; left: 0px; top: 50%; position: absolute; z-index: 2; transform: translateY(-50%); -webkit-transform:translateY(-50%);}
ul.categories_listing_accueil li a .bandeau{ position: absolute; width: 100%; height: 20px; top: 200px; left: 0px; z-index: 2; background-color: rgba(230,90,121,0.80);transition : all 0.2s linear; }
ul.categories_listing_accueil li a:hover > .bandeau{top: 160px;transition : all 0.2s linear;}
}
@media screen and (min-width: 900px) 
{
ul.categories_listing_accueil{width: 100%; float: left; position: relative; display: block;}
ul.categories_listing_accueil li{width:23%; margin: 1%; padding: 0px; border: 0px; float: left; position: relative; display: block; height: 276px; overflow: hidden; border-radius: 10px;}
ul.categories_listing_accueil li a{display: block;}
/*ul.categories_listing_accueil li a img{width: 100%; position: absolute;  z-index: 1;}*/
ul.categories_listing_accueil li a .titre{ width:100%; text-align: center; left: 0px; top: 50%; position: absolute; z-index: 2; transform: translateY(-50%); -webkit-transform:translateY(-50%);}
ul.categories_listing_accueil li a .bandeau{ position: absolute; width: 100%; height: 20px; top: 276px; left: 0px; z-index: 2; background-color: rgba(230,90,121,0.80);transition : all 0.2s linear; }
ul.categories_listing_accueil li a:hover > .bandeau{top: 256px;transition : all 0.2s linear;}
}

/**################*/
/*Promotionsen accueil*/
@media screen and (min-width: 0px) 
{	
ul.promo_listing_accueil{width: 100%; float: left; position: relative; display: block;}
ul.promo_listing_accueil li{width:98%; margin: 1%; padding: 0px; border: 0px; float: left; position: relative; display: block; height: 300px; border-radius: 5px;}
ul.promo_listing_accueil li a{display: block; position: relative; width: 100%; height: 100%;}
ul.promo_listing_accueil li a .image{width: inherit!important; position: relative; display: block; float: left; border-radius: 5px; height: 170px; overflow: hidden;transition : all 0.2s linear;}
ul.promo_listing_accueil li a .image img.img{width: 100%; position: absolute; top: 50%; left: 50%; z-index: 1; border-radius: 5px;transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%);transition : all 0.2s linear;}
ul.promo_listing_accueil li a .info{ position: absolute; left: 50%; top: 170px; z-index: 2; background: #FFFFFF; background: #FFFFFF; transform:translateX(-50%); -webkit-transform:translateX(-50%); }
ul.promo_listing_accueil li a .info table{ border: 2px solid #FFFFFF; border-spacing: 2px;}
ul.promo_listing_accueil li a .info table tr td{background-color: #ececec; white-space: nowrap; padding: 2px;}
ul.promo_listing_accueil li a .info table tr td img{ height: 20px;}
ul.promo_listing_accueil li a:hover > .image{box-shadow: 0px 0px 6px rgba(230,90,121,1.00); transition : all 0.2s linear;}
ul.promo_listing_accueil li a:hover > .image img.img{ width: 120%;transition : all 0.2s linear;}
}
@media screen and (min-width: 500px) 
{	
ul.promo_listing_accueil{width: 100%; float: left; position: relative; display: block;}
ul.promo_listing_accueil li{width:48%; margin: 1%; padding: 0px; border: 0px; float: left; position: relative; display: block; height: 300px; border-radius: 5px;}
ul.promo_listing_accueil li a{display: block; position: relative; width: 100%; height: 100%;}
ul.promo_listing_accueil li a .image{width: inherit!important; position: relative; display: block; float: left; border-radius: 5px; height: 170px; overflow: hidden;transition : all 0.2s linear;}
ul.promo_listing_accueil li a .image img.img{height: 100%; width: auto; position: absolute; top: 50%; left: 50%; z-index: 1; border-radius: 5px;transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%);transition : all 0.2s linear;}
ul.promo_listing_accueil li a .info{ position: absolute; left: 50%; top: 170px; z-index: 2; background: #FFFFFF; background: #FFFFFF; transform:translateX(-50%); -webkit-transform:translateX(-50%); }
ul.promo_listing_accueil li a .info table{ border: 2px solid #FFFFFF; border-spacing: 2px;}
ul.promo_listing_accueil li a .info table tr td{background-color: #ececec; white-space: nowrap; padding: 2px;}
ul.promo_listing_accueil li a .info table tr td img{ height: 20px;}
ul.promo_listing_accueil li a:hover > .image{box-shadow: 0px 0px 6px rgba(230,90,121,1.00); transition : all 0.2s linear;}
ul.promo_listing_accueil li a:hover > .image img.img{ height: 120%;transition : all 0.2s linear; width: auto;}
}
@media screen and (min-width: 900px) 
{
ul.promo_listing_accueil{width: 100%; float: left; position: relative; display: block;}
ul.promo_listing_accueil li{width:23%; margin: 1%; padding: 0px; border: 0px; float: left; position: relative; display: block; height: 390px; border-radius: 5px;}
ul.promo_listing_accueil li a{display: block; position:relative; width: 100%; height: 100%;}
ul.promo_listing_accueil li a .image{width: inherit !important; position: relative; display: block; float: left; border-radius: 5px; height: 270px; overflow: hidden;transition : all 0.2s linear;}
ul.promo_listing_accueil li a .image img.img{height: 100%; position: absolute; top: 50%; left: 50%; z-index: 1; border-radius: 5px;transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%);transition : all 0.2s linear;}
ul.promo_listing_accueil li a .info{ position: absolute; left: 50%; top: 256px; z-index: 2; background: #FFFFFF; background: #FFFFFF; transform:translateX(-50%); -webkit-transform:translateX(-50%); }
ul.promo_listing_accueil li a .info table{ border: 2px solid #FFFFFF; border-spacing: 2px;}
ul.promo_listing_accueil li a .info table tr td{background-color: #ececec; white-space: nowrap; padding: 2px;}
ul.promo_listing_accueil li a .info table tr td img{ height: 20px;}
ul.promo_listing_accueil li a:hover > .image{box-shadow: 0px 0px 6px rgba(230,90,121,1.00); transition : all 0.2s linear;}
ul.promo_listing_accueil li a:hover > .image img.img{ height: 120%;transition : all 0.2s linear;}
}
	
/**###################*/
/*Formulaire référence*/
#gite_reference{display: inline-block;}
#gite_reference input{ background: none; border:1px solid #FFFFFF; padding: 5px; border-radius: 10px; font-size:22px;  line-height: 28px; margin: 0px 10px 0px 10px; color: #FFFFFF; }

/*##########*/
/*Les cartes*/
.bulle{ background:rgba(0,0,0,0.70); display:none; color:rgba(255,255,255,1.00); padding:5px; border:1px solid rgba(0,0,0,1.00); position:absolute; z-index:999999; text-align: center;}


/*############*/
/*La recherche*/
.resultat{width: 100%; display: inline-block; position: relative;min-height: 300px;}
.resultat .form, .resultat .menu, .resultat .form2{position: absolute; width: 200px; z-index: 9999; top: 0px; left: 0px;  padding: 10px; height: auto;}
.resultat .form{ border-radius: 10px; background:#ffffff;}
.resultat .contact{position: absolute; width: 280px; z-index: 9999; top: 0px; right: 0px;  padding: 10px}
.resultat .form.fixe, .resultat .menu.fixe, .resultat .contact.fixe, .resultat .form2.fixe{position: fixed;}
.resultat .content{float: left; position: relative; z-index: 99; border-top: 1px solid rgba(230,90,121,1.00); min-height: 100%; padding: 10px;}
.resultat .content2{float: left; position: relative; z-index: 99; padding: 10px;}
.resultat .content3{float: left; position: relative; z-index: 99; border-top: 1px solid rgba(230,90,121,1.00); min-height: 100%; padding: 10px;}

.g-recaptcha{float: left;}
@media screen and (max-width: 900px) {
.resultat .contact{position: absolute; width: 100%; z-index: 9999; top: 44px; right: 0px;  padding: 0px}
	.resultat .contact form.form_contact, hr.design1{width:100% !important;}
	.resultat .contact form.form_contact input,  .resultat .contact form.form_contact select{ margin: 0px; width: 45%; float:left; }
	.resultat .contact form.form_contact textarea{ margin: 0px; width: 95%; float:left; }
	.resultat .form, .resultat .form2 .menuinterne, .resultat .mapgoogle .map_contenu, .resultat .mapgoogle .lacarte{display: none ;}
	.resultat .form2 { background: #FFFFFF; border-top:1px solid rgba(230,90,121,1.00); border-bottom:1px solid rgba(230,90,121,1.00); text-align: left; padding: 10px 0px 10px 0px;}
	.resultat .affiche_form{display: block; width: 75px; height: 75px;position: absolute; z-index: 99991; top: 50px; left: 0px;background-color: rgba(230,90,121,1.00); border-bottom-right-radius: 10px;}
	.resultat .affiche_form.fixe{position: fixed; top: 0px;}
	
	.resultat .mapgoogle{position: fixed; z-index: 999; bottom: 0px; right: 0px;transition : all 0.2s linear; cursor: pointer; width: 75px; height: 75px;}
	.resultat .mapgoogle .affiche_map{display: block; width: 75px; height: 75px;position: fixed; z-index: 99991; bottom: 0px; right: 0px;background-color: rgba(230,90,121,1.00); border-top-left-radius: 10px;}
	.resultat .mapgoogle .affiche_map img, .resultat .affiche_form img{ position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); z-index: 1; height: 50px;}
	.resultat .content, .resultat .content2{ width: 100%; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
	.resultat .form, .resultat .form2{position: absolute; top: 0px; left: 0px; width: 100%; overflow: scroll;}
	
	.resultat .content3{ margin: 50px 0px 0px 0px; border: 0px; }
	.resultat .form2 .affiche_contact{ display: block; position: absolute; top: 0px; left: 50%; width: 50%; height: 50px; background: rgba(230,90,121,1.00); text-align: center; color: #ffffff; font:16px/44px 'Nunito', sans-serif; cursor: pointer;}
	
	.galerie{float: left; white-space: nowrap; background: #000000; overflow: hidden; height: 150px; width: 100000px;}
	.galerie a{ display: block; height: 150px; border: 0px; padding: 0px; position:relative; opacity: 0.6; float: left;}	
	.galerie a img{  height: 150px; }
	.galerie a:hover{opacity: 1;}
	.resultat .form2 .div50{ width: 50% !important;}
}
@media screen and (min-width: 900px) {
	.resultat .form, .resultat .form2, .resultat .mapgoogle, .resultat .mapgoogle .map_contenu{display: block;}
	.resultat .form2 .div50{ width: 100% !important;}
	.resultat .affiche_form, .resultat .mapgoogle .affiche_map, .resultat .form2 .affiche_contact{display: none !important;}
.resultat .content, .resultat .content2{ width: calc(100% - 240px - 300px); width: -webkit-calc(100% - 240px - 300px); margin: 0px 0px 0px 220px; padding: 0px 300px 0px 0px;}
.resultat .content3{ width: calc(100% - 240px - 300px); width: -webkit-calc(100% - 240px - 300px); margin: 0px 300px 0px 220px; padding: 0px 0px 0px 0px;}
.resultat .mapgoogle{position: fixed; z-index: 999; top: 0px; right: 0px;transition : all 0.2s linear; cursor: pointer;}
	
	.galerie{float: left; white-space: nowrap; background: #000000; overflow: hidden; height: 250px; width: 100000px;}
	.galerie a{ display: block; height: 250px; border: 0px; padding: 0px; position:relative; opacity: 0.6; float: left;}	
	.galerie a img{  height: 250px; }
	.galerie a:hover{opacity: 1;}
}
@media screen and (min-width: 1200px) {
.resultat .content, .resultat .content2{ width: calc(100% - 240px - 300px); width: -webkit-calc(100% - 240px - 300px); margin: 0px 0px 0px 220px; padding: 0px 300px 0px 0px;}
.resultat .content3{ width: calc(100% - 240px - 300px); width: -webkit-calc(100% - 240px - 300px); margin: 0px 300px 0px 220px; padding: 0px 0px 0px 0px;}
.resultat .mapgoogle{position: fixed;  z-index: 999; top: 0px; right: 0px; cursor: pointer;}
	
	.galerie{float: left; white-space: nowrap; background: #000000; overflow: hidden; height: 300px; width: 100000px;}
	.galerie a{ display: block; height: 300px; border: 0px; padding: 0px; position:relative; opacity: 0.6; float: left;}	
	.galerie a img{  height: 300px; }
	.galerie a:hover{opacity: 1;}
}
.galerie a.galerie_next{ z-index: 99; top: 50%; right: 20px; transform: translateY(-50%); -webkit-transform:translateY(-50%); width: 60px; height: 60px; border-radius: 60px; display: block; position: absolute; background: rgba(252,252,252,0.80); }
.galerie a.galerie_previous{ z-index: 99;top: 50%; left: 20px; transform: translateY(-50%); -webkit-transform:translateY(-50%); width: 60px; height: 60px; border-radius: 60px; display: block; position: absolute; background: rgba(252,252,252,0.80);}
.galerie a.galerie_next:hover, .galerie a.galerie_previous:hover{background: rgba(252,252,252, 1.0);}
.galerie a.galerie_next img, .galerie a.galerie_previous img { height:50px; padding: 5px;}

.resultat .mapgoogle .lacarte{ z-index: 1;position:absolute; top: 0px; right: 0px; width:100%; height: 100%; text-align: left;transition : all 0.2s linear;}
.resultat .mapgoogle .map_contenu{background-color: rgba(230,90,121,1.00);position:absolute; top: 0px; right: 0px; width:calc(100% - 50px); width:-webkit-calc(100% - 50px); height: 100%; z-index:99; margin: 0px 0px 0px 50px; }
.btn_map{text-align: center; width: 100%; height: auto; position:absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); color: #ffffff;}
.btn_map::before{position: absolute; left: -20px; top: 50%; content: url(../charte/btn-map.png);transform: translateY(-50%); -webkit-transform:translateY(-50%);}
.btn_map.on::before{position: absolute; left: -20px; top: 50%; content: url(../charte/btn-map_close.png);transform: translateY(-50%); -webkit-transform:translateY(-50%);}

/*##############*/
/*MENU page info*/
ul.menuinterne{ border: 0px; padding: 10px; width: calc(100% - 40px); width: -webkit-calc(100% - 40px); margin: 10px; border-radius: 10px; background: rgba(230,90,121,1.00); float:left;}
ul.menuinterne li{ padding: 5px; display: block; list-style-type: circle; coor:#ffffff;}
ul.menuinterne li a{ color:#ffffff; border-bottom: 1px solid #ffffff;}

span.listing_coche{ width: 50%; max-width: 300px; height: 20px; padding: 5px 0px 5px 30px;  float: left;}
span.listing_coche::before{ content: url(../charte/check.png);}

/*##############*/
/*MENU page info*/
.promotion{ border-bottom: 1px dashed #000000;}

/*###########*/
/*Formulaires*/
@media screen and (max-width: 900px) {.resultat .contact{display: none;}.resultat .contact div.contact_proprio{margin: 0px 10px 10px 10px;}}
@media screen and (min-width: 900px) {.resultat .contact{display: block;}.resultat .contact div.contact_proprio{margin: 10px;}}
.resultat .contact form.form_contact{border: 0px; padding: 10px; width: calc(100% - 40px); width: -webkit-calc(100% - 40px); margin: 10px; border-radius: 10px; background: #efeeef; float:left;}
form.form_contact input, form.form_contact textarea, form.form_contact select{ border: 1px solid #ececec; width: 96%; display: inline-block; margin: 10px 0% 10px 0%; padding: 2%; border-radius: 10px; z-index: 2; background-color:#ffffff !important; box-shadow: none; font: 14px/20px 'Nunito', sans-serif;-webkit-border-radius: 10px;}
form.form_contact input:focus, form.form_contact textarea:focus, form.form_contact select:focus{border: 1px solid rgba(230,90,121,1.00);}

.resultat .contact div.contact_proprio{border: 0px; padding: 10px; width: calc(100% - 40px); width: -webkit-calc(100% - 40px); border-radius: 10px; background: #efeeef; float:left;}
.resultat .contact div.contact_proprio h5{font:20px/30px 'Nunito', sans-serif; border:0px; margin: 0px; padding: 10px 0px 10px 0px; background: url(../charte/icone-proprietaire.png) left center no-repeat; border-bottom: 1px solid #d1cfcf;}

div.contact_proprio2{border: 0px; padding: 10px; width: calc(100% - 40px); width: -webkit-calc(100% - 40px); max-width: 300px; border-radius: 10px; background: #efeeef; float:left; text-align: center;}
div.contact_proprio2 h5{font:20px/30px 'Nunito', sans-serif; border:0px; margin: 0px;  padding: 10px 0px 10px 0px; background: url(../charte/icone-proprietaire.png) left center no-repeat; border-bottom: 1px solid #d1cfcf;}

/*##########################*/
/*Le formulaire de recherche*/
form#search{padding: 0px 5px 0px 5px; width:190px; margin: 10px 0px 0px 0px; display: inline-block; background-color: #FFFFFF;}

form#search ul{float:left; width: 100%; background-color: #ffffff; padding: 0px; border: 0px; margin: 0px;}
form#search ul li{float: left; width: 100%; text-align: left; border-bottom:1px solid #B3B0B0; color:#71706F;}
form#search ul li a{width: 100%; float:left;font:14px/30px 'Nunito', sans-serif; height: 30px; font-weight:400; display: block;}
form#search ul li a::after{content: ">"; color:#B1AFAE;transform: rotate(-90deg); -webkit-transform: rotate(-90deg); position: absolute; right: 10px;transition : all 0.2s linear;}
form#search ul li:hover{border-bottom:1px solid rgba(230,90,121,1.00);}
form#search ul li:hover > a::after{content: ">"; color:rgba(230,90,121,1.00);transform: rotate(90deg); -webkit-transform: rotate(90deg);transition : all 0.2s linear;}
form#search ul li:last-child{border-bottom: 0px;}
form#search ul li ul.ssmenu{float:left; width:100%;background-color: #F7F7F7;border-top:1px solid #B3B0B0;display: none;}
form#search ul li:hover > ul.ssmenu{border-top:1px solid rgba(230,90,121,1.00);}
form#search ul li ul.ssmenu li{ float:left; width:calc(100% - 10px); width:-webkit-calc(100% - 10px); padding: 0px 0px 0px 10px; position: relative; border-radius: 10px;}
form#search ul li ul.ssmenu li:hover{color:rgba(230,90,121,1.00);}
form#search ul li ul.ssmenu li input{max-width:100%;}

form#search input[type="radio"]{border-color: rgba(230,90,121,1.00);}
form#search select{width:100%; overflow: hidden;}


/*###########*/
/*Choix de paiement*/
.choix{ padding: 5%;padding: 2%; border-radius: 10px; border: 1px dashed rgba(230,90,121,1.00); width:calc(86% - 2px) ; width:-webkit-calc(86% - 2px); min-height: 200px; text-align: center; cursor: pointer;}
.choix:hover{ border: 1px solid rgba(230,90,121,1.00);}
.choix.on{ background: rgba(230,90,121,1.00); color:#FFFFFF; }

/*#########################*/
/*Les cases de la recherche*/
.lacase{display: inline-block; width: 240px; margin: 6px; height:390px; position: relative; vertical-align: top;}
.lacase a{position: relative; display: block; width: 100%; height: 100%; color:#ffffff;}
.lacase a .unecase {display: block; width: 240px; height:240px; overflow: hidden; position: relative; border-radius: 10px; border: 1px solid rgba(230,90,121,1.00);}
.lacase a .unecase  img{position: absolute; top: 50%; left: 50%; height: 100%;transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); z-index: 1; }
.lacase a:hover .unecase > .info{ top: 120px;transition : all 0.2s linear; min-height: 120px;}
.lacase a .unecase .info{ position: absolute; z-index: 99; top: 220px; background-color:rgba(230,90,121,1.00); width: calc(100% - 20px);  width: -webkit-calc(100% - 20px); padding: 30px 10px 10px 10px; min-height: 0px; transition : all 0.2s linear; overflow: visible;}
.lacase a .unecase .info img.icone{ position:relative !important; display: inline-block; top:auto; left:auto; height:  16px; padding: 5px 5px 0px 0px; transform: none ; -webkit-transform:none;}
.lacase a .unecase .info .btn_plus{position: absolute;  display: block; z-index: 8999; top: -20px; left: 100px; width: 40px; height: 40px; border-radius: 40px; border: 1px solid rgba(230,90,121,1.00); background-image:url(../charte/btn-plus.jpg);  opacity: 0;transition : all 0.2s linear;}
.lacase a:hover .unecase  > .info .btn_plus{opacity: 1; transition : all 0.2s linear;}
.lacase a h3, .lacase a h4{font:16px/20px 'Nunito', sans-serif; border:0px; margin: 0px; padding: 0px;color:#818181; text-align: left;}
.lacase a h3{ font-weight: 800;}
.lacase:hover a > h3, .lacase:hover a > h4{color:rgba(230,90,121,1.00);}


/*#########################*/
/*Fil d'arianne recherche*/
.fil_recherche{display: inline-block; padding: 5px; background-color: #dcddde;}
.fil_recherche h2{font:14px/20px 'Nunito', sans-serif; font-weight: 600; border:0px; margin: 0px; padding: 0px;color:#808285; text-align: left; display: inline-block;}
.fil_recherche .une_recherche{font:14px/20px 'Nunito', sans-serif; font-weight: 300;color:#808285; display: inline-block; padding: 0px 0px 0px 40px;}
.fil_recherche .une_recherche::before{ content: ">"; margin: 0px 0px 0px -15px; color:rgba(230,90,121,1.00);}

/*###############*/
/*Nombre de page */
ul.listing_page{ text-align: center; width: 100%;}
ul.listing_page li{ display: inline-block; margin: 3px;}
ul.listing_page li a{ width: 24px; height: 24px; border-radius: 24px; border: 1px solid #efeeef; font:14px/24px 'Nunito', sans-serif; font-weight: 300; text-align: center; display: block;}
ul.listing_page li a:hover{ background-color: #efeeef;}
ul.listing_page li a.on{background-color: rgba(230,90,121,1.00); color:#ffffff;}

/*###################*/
/*Tableau des tarifs */
table.tab_tarifs{ float: left; width: 100%; max-width: 600px;}
table.tab_tarifs thead{ background: #ffffff; text-align: center; }
table.tab_tarifs tbody{}
table.tab_tarifs tbody tr:nth-child(1){ background: rgba(230,90,121,1.00); color:#ffffff !important;}
table.tab_tarifs tbody tr:nth-child(2){ background: #f1a5af;}
table.tab_tarifs tbody tr:nth-child(3){ background: #f7cdd1;}
table.tab_tarifs tbody tr:nth-child(4){ background: #fceaec;}
table.tab_tarifs tbody tr:nth-child(5){ background: #e9808e; color:#ffffff !important;}
table.tab_tarifs tbody tr:nth-child(6){ background: rgba(230,90,121,1.00);}
table.tab_tarifs tbody tr:nth-child(7){ background: #f1a5af;}
table.tab_tarifs tbody tr td{ padding: 5px; text-align: center; width: calc(25% - 10px);width: -webkit-calc(25% - 10px);}

@media screen and (max-width: 480px) {
	.div100{ float:left; width:100%; position:relative;}
.div100_2{ float:left; width:98%; padding:1%;}
.div50{ float:left; width:100%; position:relative;}
.div50_2{ float:left; width:98%; padding:1%; position:relative;}
.div30{ float:left; width:100%;}
.div30_2{  width:98%; padding:1%; margin:20px 0px 0px 0px; display:inline-table;}
.div60_2{ float:left; width:98%; padding:1%;}
.div25{ float:left; width:100%;}
.div25_2{ float:left; width:98%; padding:1%;}
.div20{ float:left; width:50%;}
.div20_2{ float:left; width:48%; padding:1%;}}
@media screen and (min-width: 481px) {
	.div100{ float:left; width:100%; position:relative;}
.div100_2{ float:left; width:98%; padding:1%;}
.div50{ float:left; width:100%; position:relative;}
.div50_2{ float:left; width:98%; padding:1%; position:relative;}
.div50_3{ float:left; width:98%; padding:1%; position:relative;}
.div30{ float:left; width:100%;}
.div30_2{  width:98%; padding:1%; display:inline-table;}
.div60_2{ float:left; width:98%; padding:1%;}
.div25{ float:left; width:25%;}
.div25_2{ float:left; width:23%; padding:1%;}
.div20{ display:inline-table; width:17%;}
.div20_2{ display:inline-table; width:15%; padding:1%;}}
@media screen and (min-width: 901px) {
	.div100{ float:left; width:100%; position:relative;}
.div100_2{ float:left; width:98%; padding:1%;}
.div50{ float:left; width:50%; position:relative;}
.div50_3{ float:left; width:98% !important; padding:1%; position:relative;}
.div50_2{ float:left; width:48%; padding:1%; position:relative;}
.div30{ float:left; width:calc(100% / 3);width:-webkit-calc(100% / 3);}
.div30_2{  width:calc(100% / 3 - 2%);width:-webkit-calc(100% / 3 - 2%);padding:1%; float:left; max-width:31%; overflow:hidden}
.div30_2 a img{ max-width:100%; overflow:hidden;}
.div60_2{ float:left; width:64%; padding:1%;}
.div25{ float:left; width:25%;}
.div25_2{ float:left; width:23%; padding:1%;}
.div20{ display:inline-table; width:20%;}
.div20_2{ display:inline-table; width:18%; padding:1%;}
}
@media screen and (min-width: 1201px) {
.div50_3{ float:left; width:48% !important; padding:1%; position:relative;}
}
.div100, .div100_2{ overflow: hidden;}
.div100, .div100_2, .div50, .div50_2{position: relative;}

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

@media screen and (max-width: 900px) {
.x4large{ font-size:26px; line-height: 35px;}
.x5large{ font-size:28px; line-height: 35px;}
.x6large{ font-size:30px; line-height: 35px;}
}
/*Images*/
.img100{max-width:100%;;}
/*Couleur police*/
.txtblanc{ color:#ffffff !important;} .txtnoir{ color:#818181;} .txtombre{text-shadow: 2px 2px 4px #000000; color: #FFFFFF;}.txtrose{color:rgba(230,90,121,1.00) !important;}
/*Align police*/
@media screen and (min-width: 0px) {.txtleft2{ text-align:center;}.txtright2{ text-align:center;}}
@media screen and (min-width: 900px) {.txtleft2{ text-align:left;}.txtright2{ text-align:right;}}

.txtcenter{ text-align:center !important;}.txtleft{ text-align:left;}.txtright{ text-align:right;}.txtjustify{ text-align:justify;}.megacentre{ position:absolute;top: 50%; left: 50%; z-index: 99; transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%);}
/*Float*/
.fltleft{float:left; position: relative;}.fltright{float:right; position: relative;}
/*font-weight*/
.w300{ font-weight: 300 !important;}.w400{ font-weight: 400 !important;}.w600{ font-weight: 600 !important;}.w800{ font-weight: 800 !important;}
/*Background*/
.bg_rose{background-color:rgba(230,90,121,1.00);}.bggrisclair{background-color: #f4f4f4;}
.BgFixe{min-height: 500px; width: 100%; float: left; background-size:cover; background-attachment: fixed; position: relative;}

.bgpara1{background:url(../diaporama/team-giga-location.jpg) center center; height: 500px; width: 100%; float: left; background-size: cover; position: relative;}
.bgpara1 .xxlarge{font-size:16px;  line-height: 22px;}
.bgpara1 .x4large{ font-size:22px; line-height: 30px;}
.bgpara1  .megacentre img{max-height: 50px;}
.bgpara1  .megacentre .btn6{display: inline-block; color:#818181;font:16px/28px 'Nunito', sans-serif; text-align: center;background-color: #ececec; width:auto; height: 28px; border-radius: 20px; cursor: pointer; min-width: 300px; padding: 5px; margin: 0px 5px 5px 5px;}a.btn6:hover, button.btn6:hover{color:#ffffff; background-color: rgba(230,90,121,1.00);}
/*Bouton*/

@media screen and (min-width: 0px) {
a.btn_inscription{height:40px; border-radius:10px; width:auto; border:1px solid rgba(230,90,121,1.00);font:14px/40px 'Nunito', sans-serif; font-weight:400; color:rgba(230,90,121,1.00); padding: 0px 10px 0px 10px; display: block; margin: 0px 10px 0px 10px;}
a.btn_inscription:hover{ color:#FFFFFF; background-color: rgba(230,90,121,1.00);}
a.btn_connexion{height:40px; border-radius:10px; width:auto; border:1px solid #FFFFFF;font:14px/40px 'Nunito', sans-serif; font-weight:400; color:#818181; background:url(../charte/btn-connexion.png) no-repeat left center; padding: 0px 10px 0px 40px; display: block; }
a.btn_connexion:hover{ color:rgba(230,90,121,1.00);}
}
@media screen and (min-width: 900px) {
a.btn_inscription{height:40px; border-radius:10px; width:auto; border:1px solid rgba(230,90,121,1.00);font:14px/40px 'Nunito', sans-serif; font-weight:400; color:rgba(230,90,121,1.00); padding: 0px 30px 0px 30px; display: block; margin: 0px 10px 0px 10px;}
a.btn_inscription:hover{ color:#FFFFFF; background-color: rgba(230,90,121,1.00);}
a.btn_connexion{height:40px; border-radius:10px; width:auto; border:1px solid #FFFFFF;font:14px/40px 'Nunito', sans-serif; font-weight:400; color:#818181; background:url(../charte/btn-connexion.png) no-repeat left center; padding: 0px 30px 0px 50px; display: block; }
a.btn_connexion:hover{ color:rgba(230,90,121,1.00);}
}
a.btn_plus{height:40px; border-radius:10px; width:auto; border:1px solid rgba(230,90,121,1.00);font:14px/40px 'Nunito', sans-serif; font-weight:400; color:rgba(230,90,121,1.00); background:url(../charte/bg_plus.png) no-repeat right center; padding: 0px 30px 0px 30px; display: block; margin: 0px 10px 0px 10px;}
a.btn_plus:hover{ color:#FFFFFF; background-color: rgba(230,90,121,1.00);}
a.btn_plus2{position:relative;height:20px; border-radius:10px; width:auto; font:14px/20px 'Nunito', sans-serif; font-weight:400; color:#FFFFFF; background-color:rgba(230,90,121,1.00); padding: 0px 10px 0px 10px;margin: 0px 20px 0px 20px; }
a.btn_plus2::before{content: "+"; position: absolute; top: -5px; left: -20px;  color:rgba(230,90,121,1.00);font:30px/30px 'Nunito', sans-serif; font-weight:800;}
a.btn_plus2:hover:before{ color:#FFFFFF; transform: rotate(180deg)}

@media screen and (max-width: 900px) {
a.btn_plus3{position:relative; display: inline-block; border-radius:10px; width:auto; font:14px/20px 'Nunito', sans-serif; font-weight:400; color:#FFFFFF; background-color:rgba(230,90,121,1.00); margin: 10px 0px 0px 25px; padding: 5px;}
a.btn_plus3::before{content: "+"; position: absolute; top: -5px; left: -20px;  color:rgba(230,90,121,1.00);font:30px/30px 'Nunito', sans-serif; font-weight:800;}
a.btn_plus3:hover:before{ color:rgba(230,90,121,1.00); transform: rotate(180deg)}
a.btn_plus3.on{background-color:#a6ec62;}
a.btn_plus3.on::before{ content: url(../charte/check-vert.png);}
}
@media screen and (min-width: 900px) {
a.btn_plus3{position:relative; display: block; float:left;border-radius:10px; width:calc(100% - 35px); width:-webkit-calc(100% - 35px); font:14px/20px 'Nunito', sans-serif; font-weight:400; color:#FFFFFF; background-color:rgba(230,90,121,1.00); margin: 10px 0px 0px 25px; padding: 5px;}
a.btn_plus3::before{content: "+"; position: absolute; top: -5px; left: -20px;  color:rgba(230,90,121,1.00);font:30px/30px 'Nunito', sans-serif; font-weight:800;}
a.btn_plus3:hover:before{ color:rgba(230,90,121,1.00); transform: rotate(180deg)}
a.btn_plus3.on{background-color:#a6ec62;}
a.btn_plus3.on::before{ content: url(../charte/check-vert.png);}
}


a.btn1{float:left; color:#FFFFFF;font:14px/20px 'Nunito', sans-serif;}a.btn1:hover{color:rgba(230,90,121,1.00);}a.btn1 img{ padding:0px 10px 0px 10px;}
a.btn1_2{display:inline-block; color:#818181;font:20px/16px 'Nunito', sans-serif;}a.btn1_2:hover{color:rgba(230,90,121,1.00);}a.btn1_2 img{ padding:0px 10px 0px 10px;}
a.btn_favoris{display:inline-block; color:#818181;font:16px/16px 'Nunito', sans-serif; font-weight: 600; padding: 15px 30px 0px 0px; position: relative;}a.btn_favoris:hover{color:rgba(230,90,121,1.00);}
a.btn_favoris::after{ content: url(../charte/favoris.png); position: absolute; top: 10px; right: 5px; }
a.btn_favoris.fav_ok::after{ content: url(../charte/good.png) !important; position: absolute; top: 10px; right: 5px; }
a.btn2, button.btn2{float:left; color:#FFFFFF;font:18px/38px 'Nunito', sans-serif;background-color: rgba(230,90,121,1.00); width:calc(100% - 2px); width:-webkit-calc(100% - 2px); height: 38px; border:1px solid rgba(230,90,121,1.00); border-radius: 10px; cursor: pointer;}a.btn2:hover, button.btn2:hover{color:rgba(230,90,121,1.00); background-color: #FFFFFF;}

a.btn2_2, button.btn2_2{float:left; color:#FFFFFF;font:18px/28px 'Nunito', sans-serif;background-color: rgba(230,90,121,1.00); width:calc(100% - 2px); width:-webkit-calc(100% - 2px); height: 28px; border:1px solid rgba(230,90,121,1.00); border-radius: 10px; cursor: pointer; display: inline-block;}a.btn2_2:hover, button.btn2_2:hover{color:rgba(230,90,121,1.00); background-color: #FFFFFF;}

a.btn3{color:#FFFFFF;font:20px/30px 'Nunito', sans-serif; background-color: rgba(0,0,0,0.40); margin: 15px 0px 15px 0px; padding: 10px; display: inline-block; border-radius: 10px; border: 2px solid #FFFFFF; position: relative;}
a.btn3:hover{background-color: rgba(230,90,121,0.80);}

a.btn4, button.btn4{color:#FFFFFF; background: none; font:24px/30px 'Nunito', sans-serif; margin: 0px 0px 0px 0px; padding: 0px; display: inline-block;  border: 1px solid rgba(230,90,121,1.00); position: relative; }
a.btn4:hover, button.btn4:hover{border: 1px solid #ffffff; border-radius: 10px;}

a.btn5, button.btn5{ display: inline-block; color:#FFFFFF;font:18px/38px 'Nunito', sans-serif;background-color: rgba(230,90,121,1.00); width:auto; min-height: 38px; border:1px solid rgba(230,90,121,1.00); border-radius: 20px; cursor: pointer; padding: 0px 20px 0px 20px;}a.btn5:hover, button.btn5:hover{color:rgba(230,90,121,1.00); background-color: #FFFFFF;}


a.btn5_2, button.btn5_2{ display: inline-block; color:rgba(230,90,121,1.00);font:18px/38px 'Nunito', sans-serif;background-color: #FFFFFF; width:auto; min-height: 38px; border:1px solid rgba(230,90,121,1.00); border-radius: 20px; cursor: pointer; padding: 0px 20px 0px 20px;}a.btn5_2:hover, button.btn5_2:hover{color:#FFFFFF; background-color: rgba(230,90,121,1.00);}

a.btn6, button.btn6{ display: inline-block; color:#818181;font:18px/38px 'Nunito', sans-serif; text-align: center;background-color: #ececec; width:auto; height: 38px; border-radius: 20px; cursor: pointer; min-width: 300px; padding: 10px 10px 10px 10px; margin: 0px 5px 10px 5px;}a.btn6:hover, button.btn6:hover{color:#ffffff; background-color: rgba(230,90,121,1.00);}

a.btn7, button.btn7{ display: inline-block; color:#818181;font:14px/20px 'Nunito', sans-serif; text-align: center;background-color: #ececec; width:auto; height: 20px; border-radius: 10px; cursor: pointer; min-width: 300px; padding: 2px 10px 2px 10px; margin: 0px 10px 10px 10px;}a.btn7:hover, button.btn7:hover{color:#ffffff; background-color: rgba(230,90,121,1.00);}


a.reseau{display:inline-block; width: 30px; height: 30px; margin: 5px; border:1px solid rgba(230,90,121,1.00);transition : all 0.2s linear;}
a.reseau img{max-width: 100%; transition : all 0.2s linear;transition : all 0.2s linear;}
a.reseau:hover img{filter: grayscale(100%);  -webkit-filter: grayscale(100%); transition : all 0.2s linear;}
a.reseau:hover{border:1px solid #8c8c8c;transition : all 0.2s linear;}

/*###########*/
/*Titre*/
h1.design1, h2.design2{font:48px/60px 'Nunito', sans-serif; border:0px; margin: 0px; padding: 0px; color:#818181;}
h2.design1{font:26px/36px 'Nunito', sans-serif; border:0px; margin: 0px; padding: 0px;}
h3, h4, h5{border: 0px; padding: 0px; margin: 0px; }
h1.design3, h2.design3{font:38px/60px 'Nunito', sans-serif; border:0px; margin: 0px; padding: 10px 0px 10px 0px; }


h1.design4, h2.design4{font:48px/60px 'Nunito', sans-serif; border:0px; margin: 0px; padding: 0px; color:rgba(230,90,121,1.00) !important;}
h1.design5, h2.design5, h3.design5{font:20px/30px 'Nunito', sans-serif; border:0px; margin: 0px; padding: 0px; color:rgba(230,90,121,1.00) !important; position: relative;}
h1.design5:before, h2.design5:before, h3.design5:before{ position: absolute; top: 0px; left: -10px; height: 30px; width: 8px; content: ""; background: rgba(230,90,121,1.00);}

/*###########*/
/*hr*/
hr.design1{display: inline-block; border:0px; border-bottom: 1px solid #818181; width: 50%;}
hr.design2{display: inline-block; border:0px; border-bottom: 1px solid rgba(230,90,121,1.00); width: 50%;}
hr.design3{display: inline-block; border:0px; border-bottom: 1px solid #818181; width: 25%; margin: 30px 0px 30px 0px;}

ul.design1{float:left; width: 100%; background-color: #ffffff; padding: 0px; border: 0px; margin: 0px;}
ul.design1 li{float: left; width: 100%; text-align: left; color:#71706F;}
ul.design1 li a{width: 100%; float:left;font:14px/30px 'Nunito', sans-serif; height: 30px; font-weight:400; display: block;}
ul.design1 li a::after{content: ">"; color:#B1AFAE;transform: rotate(-90deg); -webkit-transform: rotate(-90deg); position: absolute; right: 10px;transition : all 0.2s linear;}
ul.design1 li:hover{border-bottom:1px solid rgba(230,90,121,1.00);}
ul.design1 li:hover > a::after{content: ">"; color:rgba(230,90,121,1.00);transform: rotate(90deg); -webkit-transform: rotate(90deg);transition : all 0.2s linear;}

ul.design2{float:left; width: 100%; background-color: #ffffff; padding: 10px 0px 10px 0px; border: 0px; margin: 0px;}
ul.design2 li{float: left; width: 100%; text-align: left; color:#71706F;}
ul.design2 li::before{content: ">"; color:#B1AFAE; float: left; margin-right: 5px;}

ul.design3{float:left; width: 100%;  padding: 10px 0px 10px 0px; border: 0px; margin: 0px;}
ul.design3 li{float: left; width: 100%; text-align: left;}
ul.design3 li::before{content: "> ";  float: left; margin-right: 5px;}

/* Fil d'arianne*/
div#fil{float:left;width:100%;font:10px/16px "Nunito", sans-serif; margin:0px 0px 10px 0px;}
div#fil a{width:100%;text-decoration:none;font:10px/16px "Roboto Slab", sans-serif;color:rgba(230,90,121,1.00);}
div#fil a:hover{color:#e20019;}
div#fil ol{list-style-type: none; width:100%;}
div#fil ol li{ display: inline-block; padding: 0px 15px 0px 0px;}

.map{float: none; width:300px; height: 350px; overflow: hidden; display: inline-block; position: relative;}
.mapregion{position: absolute; top: 0px; left: 0px; z-index: 1;}


/*################*/
/*### Galerie  ###*/
/*################*/
a.galerie1{width:280px; height: 280px; margin: 10px 10px 0px 0px; display: inline-block; background: #000000;transition : all 0.2s linear; overflow: hidden; position: relative;}
a.galerie1 img{ height: 280px; position: absolute; top: 50%; left: 50%;transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); z-index: 2;transition : all 0.2s linear;}
a.galerie1:hover > img{opacity: 0.6;transition : all 0.2s linear;}
a.galerie1 .content{position: absolute; z-index: 4; top: 0px; left: 0px; width: 100%; height: 100%;transition : all 0.2s linear; padding: 0px; margin: 0px; }
a.galerie1 .content::before{content: attr('attr-data'); position: absolute; z-index: 3; top: -60px; left: 50%;transform: translateX(-50%); -webkit-transform: translateX(-50%);transition : all 0.2s linear; color:#FFFFFF; font:14px/30px "Nunito", sans-serif; }
a.galerie1:hover > .content::before{top: 50%; transform: translateY(-50%) translateX(-50%) rotate(90deg); -webkit-transform:translateY(-50%) translateX(-50%) rotate(90deg);transition : all 0.2s linear;}
a.galerie1:hover > .content {opacity: 1;transition : all 0.2s linear;}
a.galerie1 .content::after{opacity:0;content: url("/charte/search-icone.png"); position: absolute; z-index: 3; top: 20px; left: 50%;transform: translateX(-50%); -webkit-transform: translateX(-50%);transition : all 0.2s linear; }
a.galerie1:hover > .content::after{opacity: 1;transition : all 0.2s linear;}


/*################*/
/*### Tab mail ###*/
/*################*/


.listing_mail{ width : 100%; float:left;}
.listing_mail .unmail{ width : 100%; float:left;}
.listing_mail .unmail:nth-child(even){background-color: #f4f4f4}
.listing_mail .unmail:nth-child(odd){background-color: #ffffff}
.listing_mail .unmail a{display: block;}
.listing_mail .unmail a:hover{background: rgba(230,90,121,1.00);}
.listing_mail .unmail .icone{ width: 30px; float: left;}
.listing_mail .unmail .ladate{ width: 100px; float: left;}
.listing_mail .unmail .expediteur{ width: 200px; float: left;}
.listing_mail .unmail .date_sejour{ width: calc(100% - 330px); float: left;}


.bloc_form{padding:10px; background:#ffffff; border:1px solid rgba(230,90,121,1.00); display: inline-block; border-radius:5px; float:none;; margin: 10px;}
.bloc_form_100{padding:10px; background:#ffffff; border:1px solid rgba(230,90,121,1.00); display: inline-block; border-radius:5px; width: calc(100% - 45px); float:none;; margin: 10px; height: calc(100% - 30px);}
.bloc_form_100_2{padding:10px; background:#ffffff; border:1px solid rgba(230,90,121,1.00); display: inline-block; border-radius:5px; width: calc(100% - 45px); float:none;; margin: 10px;}
.bloc_form_50_2{padding:10px; background:#ffffff; border:1px solid rgba(230,90,121,1.00); display: inline-block; border-radius:5px; width: calc(50% - 45px); float:none;; margin: 10px;}
 
ul.onglet{width: 98%; padding: 0 1% 1px 1%; border-bottom: 1px solid rgba(230,90,121,1.00); float: left;}
ul.onglet li{ width: auto; margin: 0px 10px 0px 0px; height: 40px; float: left;}
ul.onglet li a{ display: block; padding: 0px 10px 0px 10px; height: 40px; text-align: center; background: #BBBBBB; border: 1px solid #616161; border-bottom: 0px;font: 12px/40px 'Josefin Sans'; border-top-left-radius: 5px;  border-top-right-radius: 5px; }
ul.onglet li a:hover{ border: 1px solid #e61038; border-bottom: 0px;}
ul.onglet li a.on{ background: rgba(230,90,121,1.00);color:#FFFFFF; border: 1px solid rgba(230,90,121,1.00); border-bottom: 0px;}


.help, .pop, .form_fenetre{ position: fixed; background-color: rgba(255,255,255,0.80); top: 0px; left: 0px; z-index: 9999999; width: 100%; height: 100%; max-height:100%; display: none;}
.help .help_content, .pop .pop_content, .form_fenetre .form_fenetre_content{background:#FFFFFF; border-radius:5px; padding: 10px; color:#000000; position: absolute; z-index: 1; top: 50%; left:50%;  transform: translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%);overflow-y: scroll; max-height: 100%; width: 95%; max-width:1400px; }

/*accordeon*/
.accordeon{ cursor: pointer;}
.accordeon .AccordeonContent{display: none;}

section#planning{color:#000000 !important;}