body, html {
	margin: 0;
	padding: 0;
	width:100%;
	font-size:100%;
}
html {
	background:#f6f6f6;
}
/*****************************************/
/* POLICES */
/*****************************************/
html {
	font-family:'Muli', Verdana, sans-serif;
}

.fondamento {
	font-family: 'Fondamento', cursive;
}

@font-face {
	font-family: "manonegra";
	font-style: normal;
	font-weight: normal;
	src: url('../font/wc_mano_negra_bta/WCManoNegraBta.ttf');
}
@font-face {
	font-family: "manonegra_bold";
	font-weight: bold;
	font-style: normal;
	src: url('../font/wc_mano_negra_bta/WCManoNegraBoldBta.ttf');
}

.manonegra {font-family: "manonegra";}
.manonegra_bold {font-family: "manonegra_bold";}

/*****************************************/
/* COULEURS */
/*****************************************/
.blanc {color:#fff;}

.gris { color:#565656;}
.gris_clair { color:#a3a3a3;}
.gris_fonce {color:#131313;}

.bleu_clair {color:#00c0e9;}
.bleu_fonce {color:#00416b;}

.marron {color:#96754c;}
.prune {color:#91014f;}

/**********************************************************/
/* PARAMETRES GENERAUX */
/**********************************************************/
.noborder {
	border:0px;
}
.bold { font-weight:bold;}
.float_right {float:right;}
.float_left {float:left;}
.aligncenter { text-align:center;}
.alignleft { text-align:left;}


/**********************************************************/

div#global {
	position:relative;
	width:100%;
	height:100%;
	margin:0 auto 0 auto;
	padding:0;
}


.generique_content {
	width:98%;
	max-width:1200px;
	margin:0 auto;
	padding: 0 1%;
}
.pc_display {
	display:block;
}
.responsive_display {
	display:none;
}


.col_100 {
	width:100%;
}
.col_75 {
	width:75%;
}
.col_50 {
	width:50%;
}
.col_60 {
	width:60%;
}
.col_40 {
	width:40%;
}
.col_30 {
	width:30%;
}
.col_25 {
	width:25%;
}





.index_titre {
	font-size:2.2em;
}





/**********************************************************/
/* TOP */
/**********************************************************/

header {
	width:100%;
	border-bottom:2px solid #91014f;
	z-index:102;
}
header.header_scroll {position:fixed;background:#f6f6f6;top:0;}
div#header_top {
	width:100%;
	overflow:hidden;
	background:#f6f6f6;
	min-height:40px;
}
div#header_language, div#header_coord, div#header_social {
	/*background:url(../img/public/top_picto_sep.png) left repeat-y;*/
	padding:0 30px;
	margin:7px 0;
	height:26px;
	z-index:100;
}

/* SOCIAL MEDIA */
div#header_social {
	position:relative;
	float:right;
}
p.header_social_img {
	float:left;
	width:26px;
	height:26px;
	margin: 0 14px 0 0;
	padding:0;
}
p.header_social_img img {	
	filter: grayscale(1);
	-webkit-filter: grayscale(1); /* Safari 6.0 - 9.0 */
	-moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
}
p.header_social_img img:hover {
	filter: grayscale(0);
	-webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
	-moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
}

/* COORDONNEES */
div#header_coord {
	position:relative;
	float:left;	
	padding:0 30px 0 0;
}
div#header_coord p {
	position:relative;
	float:left;	
	margin: 0 15px 0 0;
	padding:0 0 0 35px;
	height:26px;
	font-size:0.8em;
	line-height:26px;
	color:#939393;
}
div#header_coord a {color:inherit; text-decoration:none;}
p.header_coord_adresse {
	background:url(../img/public/top_picto_coord_hover.png) left center no-repeat;
}
p.header_coord_tel {
	background:url(../img/public/top_picto_tel_hover.png) left center no-repeat;
}
p.header_coord_mail {
	background:url(../img/public/top_picto_mail_hover.png) left center no-repeat;
}


/* LANGUES */
div#header_language {
	position:relative;
	float:right;
	padding:0 0 0 30px;
}
div#header_language p {
	position:relative;
	float:right;	
	margin: 5px 15px 0 0;
	padding:0;
}
/**/

div#nav {
	background:#00c0e9;
	min-height:65px;
	height:15%;
	width:100%;
	display:table;
	margin:0 auto;
	padding:20px 0 10px 0;
	z-index:99;
}
div#nav_logo {
	float:left;
	max-width:260px;
	max-height:65px; min-width:250px;
	background:url(../img/public/top_logo_souligne.png) center bottom no-repeat;
	margin:0 5% 0 0; 
	padding:0 0 5px 0;
}
div#nav_logo a { 
	color:inherit; text-decoration:none; font-size:2.6em;
	text-align:center;	
}
/*div#menu {
	display:none;
}*/



/**********************************************************/
/********************** ANIMATION *************************/
/**********************************************************/
div#animation {
	position:relative;
	margin:0;
	width:100%;
}
div#animation_content {
	height: auto;
    margin: 0 auto;
    position: relative;
	z-index:70;	
}
/*pour le préchargement des images avant affichage */
.animation_temp {visibility: hidden;} 

.animation_1img img {width:100%;}

/* */

/*
.bx-wrapper .caption_top {
    position:absolute;
	top:calc(50% - 192px);
	left:calc(50% - 270px);
	width:540px;
	height:384px;
	display:table;
}

.bx-wrapper .caption {
	background:url(../img/public/animation_bg.png) repeat;
}*/
.animation_1img .caption_top, .bx-wrapper .caption_top {
    position:absolute;
	top:calc(50% - 32%);
	left:calc(50% - 14%);
	max-width:540px;
	max-height:384px;
	display:table;
	width:28%;
	height:64%;
}
.bx-wrapper .caption_top img { width:100%;}

/**********************************************************/
/* MENU RESPONSIVE */
/**********************************************************/
div#header_responsive {display:none;}
.menu_item {
	margin: 0;
    position: absolute;
	color:#000;
}

/**********************************************************/
/* MIDDLE */
/**********************************************************/
div#middle {
	position:relative;
	margin:0 auto 0 auto;
	padding:0;
 	overflow:hidden;
	background:#FFFFFF;
	z-index:99;
}


/**********************************************************/
/* RESERVATION */
/**********************************************************/
div#resa {
	background:#00c0e9;
	padding:0;	
}
div#resa_content {
	overflow:hidden; 
	background:url(../img/public/resa_img.jpg) center left no-repeat;background-size:50%;
	/*background-image:linear-gradient(to right, #00416b 50%, #00c0e9 50%);*/
	
}
div#resa_right {float:right; width:48%; padding:1%;}
div#resa_titre {
	margin:25px auto 15px auto;
	background:url(../img/public/picto_resa.png) center left no-repeat;
	background-position:15%;
	width:calc(90% - 50px);
	padding:0 0 0 50px;
}
div#resa_cadre {
	text-align:center;
}
.resa_txt {
	font-size:1em;
	padding:0 0 10px 0;
	border-bottom:1px solid #FFF;
}
.resa_txt p { margin:0; padding:0;}

.resa_frm {
	padding:10px 0;
	border-top:1px solid #002e39;
}
/** moteur de recherche open system **/
div#resa .OsMoteurResultat {background:#FFF;}
div#resa .PrixEtape3, div#calendrier .PrixValeur {background-color:#00c0e9;}

div#resa .TitreDisponibilite {color:#006074;}

div#resa .btn-reserver {margin:3px 0;}
div#resa .btn-reserver a, div#calendrier .BtnReserver {background-color:#91014f;}

div#resa .OsMoteur.OptMoteurEnLigne {
	background:none;	
}
div#resa .OsMoteurCritereTitre {
	color:#1b1b1b;
	font-size:1.6em;
	margin:5px auto;
	font-family: 'mano_negra', cursive;
}
div#resa .OsMoteurCriterisation {
	width:100%;
}
div#resa .OsMoteur .OsMoteurCriterisation {
	background:none;	
}

div#resa .OsProduit.api.MODE_AUTO_PETIT .OsMoteur .OsMoteurCriterisation .OsMoteurCritBloc {float:none;margin:0 auto;}

div#resa .OsMoteurCritereContenu {width:70%; margin:0 auto;}
div#resa .OsMoteur.OptMoteurEnLigne .OsMoteurCriterisation .OsMoteurCritBloc { width:40%; padding:0 5%;}
div#resa .OsMoteur {width:100%;}
div#resa .OsMoteur.OptMoteurEnLigne .OsMoteurBody {width:100%;}
div#resa .OsMoteur.OptMoteurEnLigne { padding:0;}
div#resa .OsMoteur .OsMoteurCriterisation .OsMoteurCritBloc.OsMoteurCritere_date .OsMoteurCritereContenu input {font-size:15px;}
div#resa body .OsWrapSelect select, body .PanneauAge select, .OsProduit.api .OsMoteur .OsMoteurCriterisation select, .OsProduit.api .OsMoteurResultat .OsWrapSelect select, .OsProduit.api .OsMoteur .OsMoteurCriterisation .OsWrapSelect select.OsMoteurCombo, .OsProduit.api .TableHotel .TableHotel-Tr.Ligne .Chambre .OsWrapSelect select.OSCombo, .OsPanierPopIn.os-overlay .BlocSupplement .Quantite .OsWrapSelect select {font-size:15px;}
div#resa .OsDureeNuit {font-size:15px;}
div#resa .OsMoteur.OptMoteurEnLigne .OsMoteurBoutonRecherche {
	padding-top:16px;
}
div#resa body .OsMoteur a.OsMoteurBtnRecherche, body .OsMoteur a.OsMoteurBtnRecherche:link, body .OsMoteur a.OsMoteurBtnRecherche:active, body .OsMoteur a.OsMoteurBtnRecherche:visited {
	padding:15px 25px;
	width:48%;
	margin:0 auto;
	text-align:center;
	min-width:200px;
}
div#resa .OsMoteur a.OsMoteurBtnRecherche, .OsMoteur a.OsMoteurBtnRecherche:link, .OsMoteur a.OsMoteurBtnRecherche:active, .OsMoteur a.OsMoteurBtnRecherche:visited {
	background-color:#96754c;
	color:#FFF;
	font-size:2em;
}
div#resa .OsMoteur a.OsMoteurBtnRecherche:hover {background-color:#91014f;}
/* désactivation de la description du gite */
div#resa .OsProduit.api .OsMoteurResultat .ContenuDetailChambre .BlocDescriptionDetail .Chambre .BlocProduit .Description, .ContenuDetailLocMat .BlocDescriptionDetail .Description { display:none;}


/**********************************************************/
/* ARIANE */
/**********************************************************/
div#ariane {
	font-size:0.8em;
	color:#a3a3a3;
	width:100%;
	margin:1% 0;
}
div#ariane a {text-decoration:none;}
div#ariane a:hover {text-decoration:underline;}

/**********************************************************/
/* TITRE PAGE */
/**********************************************************/
div#titre_page {
	width:100%;
	padding:15px 0;
	background:#003e60;
}
div#titre_page_content {
	text-indent:20px;
	font-size:1.8em;
	color:#FFF;
}

/**********************************************************/
/* CONTACT */
/**********************************************************/
div#contact { 
	overflow:hidden;
	background:#00c0e9;
	margin:10px 0 0 0;
}
div#contact_left {
	float:left;
	width:50%;
	padding:0;
}
div#contact_left_content {
	float:right;
	width:60%;
	padding:1%;
}
div#contact_titre {
	border-bottom:1px solid #FFF;
	background:url(../img/public/picto_contact.png) center left no-repeat;
	width:calc(100% - 100px);
	padding:0 0 10px 100px;
	min-height:43px;
}
div#contact_cadre {
	padding:10px 0;
	border-top:1px solid #002e39;
	width:100%; overflow:hidden;
}
div#contact_cadre a {
	color:inherit;
	text-decoration:none;
}
.contact_content {
	position:relative;
	float:left;
	margin:25px 1%;
	overflow:hidden;
}
.contact_content_left {
	float:left;
	max-width:61px;
}
.contact_content_left img {		
	max-width:61px;
	width:100%;
}
.contact_content_right {
	/*float:left;*/
	margin:0 0 0 80px;
}
div#contact_telephone, div#contact_facebook {
	width:38%;
}
div#contact_mail, div#contact_situation {
	width:58%;
}
div#contact_telephone .contact_content_right, div#contact_facebook .contact_content_right, div#contact_mail .contact_content_right { padding:20px 0 0 0;}
.contact_content_right p {
	margin:0;
	padding:0;	
}
p.contact_ligne1 {
	margin:10px 0 0 0;
	font-size:0.8em;	
}
p.contact_ligne2 {
	font-size:1.3em;
	font-weight:bold;
	font-style:italic;
}


/* GOOGLE MAP */
div#map {
	width:48%;
	min-height:330px;
	float:right;
}

div#gm_infobulle {
	text-align:center;
}
p.gm_nom {margin:0 0 5px 0;}
p.gm_coord {font-size:0.8em;margin:2px 0;}

/**********************************************************/
/* CONTACT SANS GOOGLEMAP*/
/**********************************************************/

div#contact_wom {
	width:100%;
	padding:0;
}
div#contact_wom_content {
	width:98%;
	padding:1%;
}

div#contact_wom_content .contact_content {	
	width:23%;
	margin:0 1%;
}

/**********************************************************/
/* FOOTER */
/**********************************************************/

div#footer_bottom {border-bottom:1px solid #999;overflow:hidden;}

div#footer_language, div#footer_coord, div#footer_social {
	/*background:url(../img/public/top_picto_sep.png) left repeat-y;*/
	padding:0 30px;
	margin:7px 0;
	height:26px;
	z-index:100;
}

div#footer_coord {
	position:relative;
	float:left;	
	padding:0 30px 0 0;
}
div#footer_coord p {
	position:relative;
	float:left;	
	margin: 0 15px 0 0;
	padding:0 0 0 35px;
	height:26px;
	font-size:0.8em;
	line-height:26px;
	color:#939393;
}
div#footer_coord a {color:inherit; text-decoration:none;}

div#footer_language {
	position:relative;
	float:right;
	padding:0 0 0 30px;
}
div#footer_language p {
	position:relative;
	float:right;	
	margin: 5px 15px 0 0;
	padding:0;
}



div#footer {
	position:relative;
	width:100%;
	margin:0;
	padding:10px 0;
	height:auto;
	background:#f6f6f6 ;	
	z-index:70;
}

div#footer_content {
	position:relative;
	height:auto;
	margin:5px auto 0 auto;
	padding:0;
	overflow:hidden;	
	font-size:0.8em;
	text-align:center;
}
div#footer_content a {color:inherit; text-decoration:none;}
.slicknav_menu {
	display:none;
}
ul.menu_list { 
	position:relative;
	float:right;
}
#menu_list {
	list-style:none;
	position:relative;
	width:70%;
	margin:0 auto;
	padding:0;
}

/****************** MENUS SUPERIEURS ************************/
#menu_list li {
	margin:0; padding:0;
	list-style-position:outside;
	width:auto;
	padding:0;
	text-align:center;
}
#menu_list li a {
	color: inherit;
	display:block;
	outline:0;
	text-decoration:none;
}
#menu_list li.niveau1 {
	position:relative;
	float:right;
	/*height:100%;*/
	height:40px;
	font-size:0.9em;
	margin:0;
	padding:0;
	color:#00416b;
	padding:0 2.8%;
	border-bottom:4px solid #00c0e9;
}
	
#menu_list li.niveau1:hover {
	border-bottom:4px solid #91014f;	
	color:#91014f;
}
#menu_list li.niveau1 a.menu_a {	
	height:100%;
	margin:0;
	text-decoration:none;
	line-height:40px;
}

/****************** MENUS INFERIEURS ************************/
#menu_list li.niveau1 {
    position: static !important;
}
.dropdown_ssmenu {
	width:100%;
	margin:0 auto 0 auto;
	/*float:left;*/
	position:absolute;
	/*left:-999em; /* Hides the drop down */
	display:none;
	text-align:left;
	padding:0;
	border-top:4px solid #FFF;
	background:url(../img/public/dropdown_black_transparent.png) repeat;
	z-index:101;	
	color:#FFF;
}

#menu_list li:hover .dropdown_ssmenu {
	display:block;
}
#menu_list li .dropdown_ssmenu {
	/*left:-100%;*/	
	left:0;
	top:auto;	
	margin:0 0 0 0;
	font-size:80%;
}
.ssmenu_gite {
	position:relative;
	overflow:hidden;
	float:left;
	width:44%;
	margin:2%;
	padding:1%;
	background:#FFFFFF;
	height:135px;
}
.ssmenu_gite_left { float:left; max-width:242px;}
.ssmenu_gite_left img { padding:0; width:96%;}
.ssmenu_gite_right { float:right; text-align:center;}

.ssmenu_gite_nom {font-size:1.4em;margin:0;padding:0;}
.ssmenu_gite_nbpersonne {font-size:1.2em;margin:20px 0 15px 0;padding:0;}
.ssmenu_gite_decouvrir {
	/* Rounded Corners */
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	
	background:#00c0e9 url(../img/public/decouvrir_fleche.png) center right no-repeat;
	font-size:1.1em;
	padding:10px 20px;
	margin:0 auto;
	width:100px;
	text-align:left;
}
.ssmenu_gite:hover .ssmenu_gite_decouvrir {
	background:#91014f url(../img/public/decouvrir_fleche.png) center right no-repeat;
}



/**********************************************************/
/* SOUS MENUS */
/**********************************************************/
div#ssmenu_responsive {
	background:#bda89b;
	padding:10px;
	overflow:hidden;
	margin:0 auto;
}
.ssmenu_content {
	float:left;
	width:31%;
	padding:5px 1%;
	color:#FFF;
}
.ssmenu_content_txt {
	margin:0 0 0 30px;	
}
.ssmenu_content a {
	text-decoration:none;
	color:inherit;
}
.ssmenu_resa {
	background:url(../img/public/top_picto_resa.png) center left no-repeat;
}
.ssmenu_tel {
	background:url(../img/public/top_picto_tel.png) center left no-repeat;
}
.ssmenu_mail {
	background:url(../img/public/top_picto_mail.png) center left no-repeat;
}

/************************* MENU RESPONSIVE ***************************/

#header_coord_r {
	padding:0 10px 15px 20px;
	margin:15px 0 0 0;
}
#header_coord_r p { padding:5px 0 5px 40px;margin:5px 0;}
#header_coord_r a { color:inherit; text-decoration:none;}
#header_social_r {
	overflow:hidden;
	padding:0 10px 15px 20px;
	margin:15px 0;
}

.menu_list_r .mm-navbar.menu_r_titre {
	padding:0 10px !important;
	border-bottom-style:none;
	font-size:1.15em;
}
#menu_list li.menu-2 {
	border-bottom:4px solid #FFF;	
	color:#FFF;
}

/* TOP DU GITE */
div#gite_top {
	background:#96754c;
	padding:6px 0;
	width:100%;
}

div#gite_info_top {
	background-image:linear-gradient(to right, #fff 50%, #96754c 50%);
}
div#gite_info_top_content {
	overflow:hidden;
	background:#FFF;
}

div#title {
	position:relative;
	padding:0;	
	margin:15px auto;
	float:left;
	width:calc(100% - 240px);
}

div#title_left {
	float:left;
	margin:0 40px 0 0;
	padding:0;
}
div#title_right {
	float:left;
	margin:0;
	padding:0;
}
	
div#nom_gite {
	font-size:2.5em;
	font-weight:100;
	padding:0;
	margin:0 0 5px 0;
}
div#nb_personne {
	font-size:1.2em;
	font-weight:100;
	margin:0 0 0 0;
	width:calc(31%-50px);
	padding:5px 0 0 50px;
	min-height:30px;
	background:url(../img/public/picto_nbpersonne.png) center left no-repeat;
}

div#gite_image {
	height:100%;
	max-height:600px;
	background:#86b7a7;
	width:100%;
	overflow:hidden;
}
div#gite_image img {
	width:100%;
	margin:-15% 0 0 0;
}

div#gite_resa {
	float:right;
	width:240px;
}

.gite_resa_btn {
	/* Rounded Corners */
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	
	background:#00c0e9 url(../img/public/decouvrir_fleche.png) center right no-repeat;
	font-size:1.1em;
	padding:10px 20px;
	margin:18% 20px 0 0;
	width:180px;
	text-align:left;
	color:#FFF;
}
div#gite_resa a {color:inherit;width:100%; height:100%; text-decoration:none;cursor:pointer;}
.gite_resa_btn:hover {
	background:#91014f url(../img/public/decouvrir_fleche.png) center right no-repeat;
}


/* MIDDLE */
div#middle {
	background-image:linear-gradient(to right, #96754c 50%, #fff 50%);
}
div#droite { background:#FFF;}

.gauche_resa {
	background:#bda89b;
	color:#FFF;	
}
.gauche_resa:hover {
	background:#86b7a7;
	color:#FFF;	
}
div#gauche_menu .gauche_resa a {
	color:#FFF;
	display:block;
}
#top {
    margin: 0;
}

div#middle_end {
	border-top:30px solid #96754c;
	height:10px;
}
div#resa {margin:8px auto;}
	

div#gauche {
	position:relative;
	float:left;
	width:25%;
	padding:0;
	max-width:456px;
}

div#gauche_content {
	position:relative;
	margin:0;
	width:90%;
	max-width:386px;
}

div#gauche_menu {
	position:relative;
	margin:0;
	padding:35px 0 0 0;
	width:100%;
}
div#gauche_menu a {display:block;color:inherit;text-decoration:none;}

/*.gauche_ssmenu:hover {text-decoration:underline;color:#00a6ff;}*/
.gauche_resa:hover {text-decoration:none;}

.gauche_niveau1 {
	display:none;
}

.gauche_niveau2 {
	position:relative;
	padding:3% 0 3% 10px;
	margin:0 5%;
	width:90%;
	color:#FFF;
	font-size:1.2em;
	/*background:url(../img/public/puce_li_gauche.png) center left no-repeat;*/
}
.gauche_niveau2:hover {
	color:#FFF;
	background:#91014f;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	/*background:url(../img/public/puce_li_gauche_hover.png) center left no-repeat;*/
}
.niveau2_actif {
	color:#91014f;
	background:#FFF;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	/*background:url(../img/public/puce_li_gauche_hover.png) center left no-repeat;*/
}


.gauche_niveau3 {
	position:relative;
	padding:0 0 3% 0;
	margin:5px 0 5px 20px;
	width:90%;
	color:#FFF;
	font-size:0.9em;
	
}
.gauche_niveau3 a {
	background:url(../img/public/menu_puce_carre.png) top left no-repeat;
	padding:0 0 0 20px;
}

.gauche_niveau3:hover, .niveau3_actif {
	color:#00c0e9;
	/*text-decoration:underline;*/
}
.gauche_niveau3 a:hover, .niveau3_actif a {
	background:url(../img/public/menu_puce_carre_bleu.png) top left no-repeat;
}
/* DROITE */


div#droite {
	position:relative;
	float:right;
	width:75%;
	padding:0;
	overflow:hidden;
	background:#FFF;
	min-height:600px;
}

div#droite_content {
	position:relative;
	margin:30px 2% 0 2%;
	width:96%;
	padding:0 0 0 2%;
}




div#gauche {
	padding: 0 0 30px 0;
}

/* ENCART ENTREE */
div#gauche_encart_entree {
	background:#e05f00 url(../img/public/gauche_entree_coin.png) top right no-repeat;	
	padding:3%;
	width:85%;
	margin:20px auto 0 auto;
	color:#FFF;
	max-height:215px;
}


.entree_titre {
	background:url(../img/public/index_encart_entree.png) center left no-repeat;
	background-size:14%;
	font-size:1.7em;
	text-align:left;
	padding:0 0 0 60px;
	text-transform:uppercase;
	line-height:1em;
	min-height:55px;
}
.entree_titre .bold {
	font-size:0.9em;
}
.entree_desc {
	margin:19px 0;
	text-align:justify;
	font-size:0.8em;
}
.entree_lien {
	text-transform:uppercase;
	font-size:1em;
	text-decoration:underline;
	text-align:left;
	background:url(../img/public/index_encart_entree_plus.png) center right no-repeat;
	min-height:35px;
	line-height:35px;
}

/* ENCART CONTACT */

div#gauche_encart_contact {
	background:#019edf url(../img/public/gauche_contact_coin.png) top right no-repeat;	
	padding:3%;
	width:85%;
	margin:20px auto 0 auto;
	color:#FFF;	
	/*max-height:215px;*/
}

div#gauche_encart_contact .entree_titre {
	background:none;
	padding:18px 0 0 0;
	min-height:inherit;
}
div#gauche_encart_contact .entree_lien {
	text-transform:none;	
	text-decoration:none;
}
div#gauche_encart_entree a, div#gauche_encart_contact a {
	color:inherit;
	text-decoration:none;
}

p.gauche_telephone {
	position:relative;
	font-size:1.5em;
	font-weight:bold;
	background:url(../img/public/top_picto_tel_blanc.png) top left no-repeat;
	text-indent:47px;
	/*background-size:16%;*/
	margin:10% 0 0 0;
	padding:0;
}
p.gauche_mail {
	position:relative;
	font-size:1.1em;
	font-weight:bold;
	margin:0;
	padding:0;
	
}

/* ENCART CENTRE */
div#gauche_encart_centre {
	position:relative;
	margin:20px auto 0 auto;
	padding:3% 0;
	width:100%;
}

div#gauche_encart_centre a {display:block;width:100%; height:100%; color:inherit; text-decoration:none;}
.centre_cadre_nom {
	font-size:1em;
	text-transform:uppercase;
	width:80%;
	margin:0 auto;
	padding:0 5%;
	height:47px;
	background:url(../img/public/index_encart_plus_bleu.png) top right no-repeat;
}
.centre_cadre_vignette {
	overflow:hidden;
	width:91%;
	height:184px;
	max-height:184px;
	margin:0 auto;
}

.centre_encart_cadre img {
	width:auto;
	max-width:284px;
	bottom:0;
}
/** DEPOT COMMENTAIRE **/

div#laisser_temoignage {
	position:relative;
	width:94%;
	margin:10px auto;
	padding:10px 2%;
	background:#fbfbfb;
	border:1px solid #e9e9e9;
}
div#laisser_temoignage h3 {margin:0 0 15px 0; padding:0;}
.crypt {
  font-size: 0.8em;
}
.contact_champ {
	margin:15px 0 0 0;
}
.crypt_mention {
	font-size:0.8em;	
}
.contact_crypt {
	width:100%;
	margin:10px auto;
	overflow:hidden;	
}
.contact_crypt2 {
	float:left;
	text-align:center;
}
.frm_submit {
	text-align:center;
}
.bouton_envoyer {
	border:none;
	padding:10px 20px;
	min-width:200px;
	margin:0 auto;
	color:#FFF;
	cursor:pointer;
	/* Rounded Corners */
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	
	background:#006074 center right no-repeat;
}
p.erreur {
	background:#ffb4b4;
	color:#CC0000;
	text-indent:25px;
	font-size:0.8em;
	min-height:30px;
	margin:0;
}
p.titre-erreur {
	text-decoration:underline;
	font-size:1em;
	color:#CC0000;
	margin:15px 0 0 0;
}
.contactok {width:100%;
	border:1px dashed #009900;
	background:#99FF99;}
.contactok a { color:inherit;}


/***************************** LISTE DES ARTICLES **********************************/



div#pagination_bottom {
	position:relative;
	overflow:hidden;
	width:97.8%;
	background:#bda89b;
	border:1px solid #e4e4e4;
	padding:0 1%;
	margin:0 0 15px 0;
}


/* LISTE DES TEMOIGNAGES */
div#liste_article ul {
	list-style-type:none;
	padding:0;
}

div#temoignage_grille {
	position:relative;
	width:100%;
	overflow:hidden;
}



.temoignage_content {
	position:relative;
	width:100%;
	overflow:hidden;
	/*width:50%;
	float:left;		*/
}
.temoignage_info {
	background:#e3e3e3 url(../img/public/temoignage_quote_left.png) top left no-repeat;
	padding:5% 0 3% 6%;
	width:74%;
	margin:0 auto;	
}
.temoignage_info_plus {
	background:#e3e3e3 url(../img/public/temoignage_quote_right.png) bottom right no-repeat;
	padding:0 4% 3% 0;
	width:88%;
	margin:0 auto;
	font-style:italic;
}
.temoignage_info_plus p {margin:0;padding:0;}
.temoignage_fleche {
	background:url(../img/public/temoignage_fleche.png) top left no-repeat;
	margin:0 auto;
	padding:0;
	width:80%;
	height:14px;	
}
.temoignage_auteur {
	background:url(../img/public/temoignage_picto.png) center left no-repeat;
	margin:10px auto 20px auto;
	padding:0;
	width:80%;
}
.temoignage_auteur p {
	margin:0 0 0 50px;
	padding:0;
	font-size:0.7em;
	font-style:italic;
	font-variant:small-caps;	
}

.grid-item { width: 50%; }




@media (max-width: 640px) {

	.grid-item { width: 100%; }
	
}
div#pag-1, div#pag-2 {
	text-align:center;
	margin:0 auto; padding:5px 0;
	font-size:0.8em;
	width:100%;
	/*height:30px;*/
	line-height:30px;
	text-align:center;
	padding:5px 0;
}
div#pag-1 a, div#pag-2 a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #FFF;
	text-decoration: none;
	color: #FFF;
}
div#pag-1 a:hover, div#pag-2 a:hover {
	border: 1px solid #cdbaae;
	background-color: #54111c;
	color: #FFF;
}
div#pag-1 span.active, div#pag-2 span.active {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #cdbaae;
	font-weight: bold;
	background-color: #54111c;
	color: #FFF;
}
div#pag-1 span.inactive, div#pag-2 span.inactive {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #cdbaae;
	color: #cdbaae;
}
div#pag-1 span.trois-points, div#pag-2 span.trois-points {
	/*padding: 2px 5px 2px 5px;
	margin: 2px;*/
	font-weight: bold;
	color: #FFF;
}
.prev, .prev_inactive, .next, .next_inactive {
	width:14px;
	height:18px;
	padding:5px;
}
div#pag-1 .prev a, div#pag-1 .next a, div#pag-2 .prev a, div#pag-2 .next a {
	width:14px;
	height:18px;
	padding:5px;
	border:0px;
}
div#pag-1 .prev a:hover, div#pag-1 .next a:hover, div#pag-2 .prev a:hover, div#pag-2 .next a:hover {
	background-color:transparent;
}

.prev {
	background:url(../img/public/pagination_prev.png) top no-repeat;
}
.prev_inactive {
	background:url(../img/public/pagination_prev_off.png) top no-repeat;
	margin:0 7px 0 5px;
}
.next {
	background:url(../img/public/pagination_next.png) top no-repeat;
}
.next_inactive {
	background:url(../img/public/pagination_next_off.png) top no-repeat;
	margin:0 5px 0 7px;
}
/*
.pagination {
font:12px Arial, Helvetica, sans-serif;
margin:40px 0;
text-align:center
}
 
.pagination a {
background:#fff;
border:1px solid #06c;
color:#06c;
margin:2px;
padding:.2em .4em;
text-decoration:none
}
 
.pagination a:hover {
background:#fff;
border:1px solid #bd88fe;
color:#bd88fe
}
 
.pagination span.inactive {
background:#fff;
border:1px solid #f0f0ff;
color:#f0f0ff;
margin:2px;
padding:.2em .4em
}
 
.pagination span.active {
background:#f4ebff;
border:1px solid #bd88fe;
color:#bd88fe;
font-weight:700;
margin:2px;
padding:.2em .4em
}
*/
h2.bloc_titre {
	margin:0;
	padding:0 0 5px 0;
	font-size:1.6em;
	font-weight:100;
}
h3.bloc_sstitre {
	margin:0;
	padding:0 0 5px 0;
	font-size:1.4em;
	font-weight:100;
}

.bleu_clair {color:#00c0e9;}
.bleu_fonce {color:#00416b;}

.marron {color:#96754c;}
.prune {color:#91014f;}

.encart ul {
	margin:0;
	padding:0;
}
.encart ul ul, .encart ul li ul {
	margin:0 0 0 24px;
	padding:0;
}
.encart li {
	background:url(../img/public/puce_li.png) left top no-repeat;
	text-indent: 22px;
	padding: 5px 0;
	list-style:none;
	overflow:hidden;
}
.encart li ul li, .encart li li, .encart ul ul li {
	background:url(../img/public/puce_li_ul_li.png) top left no-repeat;
	text-indent: 18px;
	padding: 5px 0;
	list-style:none;
	overflow:hidden;
}

.encart li p, .encart li ul li p {
	margin:0;
	padding:0;
}
table.contenu li p {
	margin:0;
	padding:0;
}
.encart-contenu table {
	border:none;
	/*border-top:1px solid #00a6ff;	
	border-right:1px solid #00a6ff;*/
	padding:0; margin:0;
	/*width:98%;*/
	text-align:left;
	-webkit-hyphens: auto;
  	-moz-hyphens: auto;
  	-ms-hyphens: auto;
  	-o-hyphens: auto;
  	hyphens: auto;
	word-wrap: break-word;
	table-layout: fixed;
	
}
.encart-contenu table td {
	/*border:none;
	border-bottom:1px solid #00a6ff;	
	border-left:1px solid #00a6ff;*/
	border:1px solid #ebebeb;
	padding:3px; margin:0;
}
.encart-photo {
	position:relative;
	float:left;
	z-index:98;
}
.encart-photo figure {
	display:inline-block;
	margin:0; padding:0;
	position:relative;
}
.encart-photo figcaption {
    background: rgba(0, 191, 255, 0.9) none repeat scroll 0 0;
    bottom: 20px;
    color: #fff;
    font-size: 0.8rem;
    max-width: 70%;
    padding: 0.33333rem 0.66667rem;
    position: absolute;
	left:4px;
    z-index: 10;
	text-align:left;
}

.img_galerie_25 figcaption {
	
    font-size: 0.7rem;
}
.photo-left {
	float:left;
	margin:0 20px 0 0;
}
.photo-right {
	float:right;
	margin:0 10px 0 20px;
}

div#global .photo-left img, div#global .photo-right img {
	max-width:250px;
}

div#titre {	
	color:#414141;	
}
.encart {
	position:relative;
	overflow:hidden;
	margin:20px 0 20px 0;
}
.encart-texte {
	position:relative;
	color:#414141;
	margin:0 10px 0 0;
	/*overflow:hidden;*/
}
.encart-titre {
	position:relative;
	font-size:1em;
	margin:0 0 10px 0;
	/*font-weight:bold;*/
}
.encart-contenu {
	position:relative;
	text-align:justify;
	font-size:0.9em;
}
.encart-contenu a { 
	color: inherit;
    /*text-decoration: none;*/
	text-decoration: underline;
}
.encart-contenu a:hover { 
	color:#649686;
    text-decoration: underline;
}
.encart-contenu h1 {
	margin:0;
	padding:0;	
}
.encart-contenu h2.sstitre_rouge, .encart-contenu h2.sstitre_gris { margin:15px 0; padding:0; font-size:1.2em;}
.encart-contenu p{
	margin:10px 0 10px 0;
}
.galerie {
	width:100%;
	overflow:hidden;
}
.deux_photos {
	width:48%;
	text-align:center;
	margin: 0 1%;
}
.photo-galerie {
	/*margin:10px 20px 10px 0;*/
	margin:10px 2.5% 10px 0;
}



div#global .img_galerie_100 img, div#global .img_galerie_50 img, div#global .img_galerie_33 img, div#global .img_galerie_25 img, div#global .deux_photos img {
	max-width:98%;
	width: 100%;
	/*width:auto;*/
}
div#global .img_galerie_25 img {
	max-height:150px;	
}

.galerie .img_galerie_100 {
	width:98%;
	margin:10px 1%;
	text-align:center;
}
.galerie .img_galerie_50 {
	width:48%;
	text-align:center;
	margin:10px 1% 10px 1%;
}
.galerie .img_galerie_33 {
	width:31%;
	text-align:center;
	margin:10px 1%;
}
.galerie .img_galerie_25 {
	width:22.5%;
	text-align:center;
	max-width:200px;
	height:150px;
	margin:0 1.25% 20px 1.25%;
}



.width1000 {
	width:1000px;
	text-align:center;
}
.bord_gris {
	padding:3px;
	border:1px solid #CCC;
}
.display_none {
	display:none;
}

/************ DOCUMENTS ************/
.document {
	padding: 10px 1.5%;
    width: 96%;
	border-top:1px double #00c0e9;
	/*border-bottom:1px double #bda89b;*/
	border-top-width: 1px; border-top-style: solid; border-top-color:#00c0e9;
	border-bottom-width: 4px; border-bottom-style: double; border-bottom-color:#00c0e9;
	background: #FFF;
}
p.picto_doc a, p.picto_lien a { text-decoration:none; display:block;}

p.picto_doc:hover, p.picto_lien:hover { text-decoration:underline;}

p.picto_doc {
	background:url(../img/public/picto_doc.png) center left no-repeat;
	text-indent:35px;	
	font-size:0.8em;
}
.picto_doc_plus {
	font-style:italic;
	font-size:0.8em;
}
/************* VIDEOS **************/
.video_titre {
	padding:10px 0;
	text-align:center;
}
.video_content {
	width:100%;
	max-width:700px;
	margin:0 auto;
}

.video_player {
	text-align:center;
}

.video_player {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video_player iframe,
.video_player object,
.video_player embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-wrapper {
	width: 722px;
	max-width: 100%;
}
/*********************************************************************************************************/
/* inférieur à 1920px */
/*********************************************************************************************************/
@media screen and (max-width : 1919px) {


}
/*********************************************************************************************************/
/* inférieur à 1800px */
/*********************************************************************************************************/
@media screen and (max-width : 1800px) {



}
/*********************************************************************************************************/
/* inférieur à 1700px */
/*********************************************************************************************************/
@media screen and (max-width : 1750px) {
	div#contact_left {width:60%;}
	div#map {width:38%;}
	div#contact_left_content {width:75%;}
}

/*********************************************************************************************************/
/* inférieur à 1550px */
/*********************************************************************************************************/
@media screen and (max-width : 1650px) {

	

}

/*********************************************************************************************************/
/* inférieur à 1280px */
/*********************************************************************************************************/
@media screen and (max-width : 1280px) {
	
	
	
	div#carteGoogleMaps {
		width:94%;
		margin:0 auto;
	}
	
	div#gauche {
		width:25%;
	}
	div#droite {
		width:75%;		
	}
	
	


}

/*********************************************************************************************************/
/* inférieur à 1200px */
/*********************************************************************************************************/
@media screen and (max-width : 1210px) {
	
	#menu_list {max-width:630px;}
	
	#menu_list li.niveau1 {
		font-size:0.9em;
		padding:0 2.3%;
	}

	.ssmenu_gite {
		min-height:135px;
	}
	
	
	div#contact_left {width:50%;}
	div#map {width:48%;}
	div#contact_left_content {width:95%;}
	
}


/*********************************************************************************************************/
/* inférieur à 1070px */
/*********************************************************************************************************/
@media screen and (max-width : 1090px) {

	#menu_list li.niveau1 {
		font-size:0.85em;
		padding:0 1.8%;
	}
	
	div#contact_left {width:60%;}
	div#map {width:38%;}
	
}
/*********************************************************************************************************/
/* inférieur à 959px */
/*********************************************************************************************************/
@media screen and (max-width : 959px) {
	
	/* animation */
	/*div#animation {
		display:none;
	}*/

	div#header_top {height:80px;background:#00c0e9 url(../img/public/top_logo.png) center no-repeat;}
	div#header_responsive {display:block;}
	div#header_coord, div#header_social, div#header_language, div#header_bottom {display:none;}
	
	.responsive_display {display:block;}
	
	/* #menu is the original menu */
	/*
	.js #menu_list {
		display:none;
	}
	div#menu {padding:0;}
	
	.js .slicknav_menu {
		display:block;
		position:relative;
		background:none;
	}
	*/
	#menu_list li.sousmenu {
		display:block;
	}
	
	
	div#droite {
		float:none;
		width:100%;
	}
	
	div#gauche {
		float:none;
		width:100%;
		padding:25px 0 0 0;
		max-width:none;
	}
	div#gauche_content {
		margin: 0 auto 15px auto;
		max-width: none;
		width:96%;
	}
	div#gauche_menu {
		padding: 0;
	}
	.gauche_titre {
	    padding: 1% 5%;
		font-size:1.5em;
	}
	.gauche_niveau1 {
		display:block;
		color:#FFF;
		font-size:2.5em;
		width:98%;
		margin:0 auto 10px auto;
		padding:5px 0 5px 2%;
		text-align:center;
	}
	
	.gauche_niveau2 {
		padding:1% 0 1% 3%;
		width:87%;
	}
	.gauche_niveau3 {
		padding:0 5%;
		margin:0 0 0 4%;
	}
	
	/* FILTRE PAR GITE */
	
	div#alentours_titre, div#acces_titre {
		padding:10px 0 0 0;
		float:none;
		text-align:center;
		width:100%;
	}
	div#filtre_gite {
		float:none;
		text-align:center;
		width:100%;
		margin:0 auto;
	}
	
	
	div#contact_left {float:none;width:100%;}
	div#map {float:none;margin:15px 0 5px 0;width:100%;}
	
	div#contact_cadre .contact_content {
		text-align:center;
		width:23%;
		margin:1%;
	}
	.contact_content_left {
		float:none;
		width:100%;
		max-width:none;
	}
	.contact_content_right {
		margin:0;
		text-align:center;
	}

	
	div#resa {background:url(../img/public/resa_img.jpg) center center no-repeat;/*background:#00416b;*/}
	
	div#resa_content {background:rgba(0,191,255,0.8);}
	div#resa_right {float:none; width:98%; padding:1%;}
	div#resa .OsMoteur.OptMoteurEnLigne .OsMoteurCriterisation .OsMoteurCritBloc { width:50%; padding:0 5%;}
	div#resa .OsMoteur.OptMoteurEnLigne .OsMoteurBoutonRecherche {float:none;clear:both}
	div#resa .OsMoteurCritereContenu {min-width:200px;}
	
	div#footer_bottom { display:none;}
	
}


/*********************************************************************************************************/
/* inférieur à 800px */
/*********************************************************************************************************/

@media screen and (max-width : 800px) {
	
	.footer_left_lien {
		font-size:0.9em;
	}
	/*
	div#resa .OsMoteurCriterisation {
		width: 100%;
	}
	div#resa .OsMoteur.OptMoteurEnLigne .OsMoteurCriterisation .OsMoteurCritBloc {padding:0; width:50%;}
	div#resa .OsMoteur .OsMoteurCriterisation .OsMoteurCritBloc.OsMoteurCritere_date .OsMoteurCritereContenu input {height:29px !important;}
	*/
	
}
/*********************************************************************************************************/
/* inférieur à 650px */
/*********************************************************************************************************/

@media screen and (max-width : 650px) {
		
	
	.index_titre {font-size:1.6em;}
	
	div#footer_left, div#footer_right {
		width:100%;
		float:none;
	}
	.footer_left_lien {
		width:50%;
		float:left;
	}
	
	div#footer_logo {
		margin:20px auto 10px auto;
		text-align:center;
	}
	div#footer_credit {
		text-align:center;
	}
	.ssmenu_content {
		font-size:0.9em;
	}
	
	div#contact_cadre .contact_content {font-size:0.9em;}
	
}
/*********************************************************************************************************/
/* inférieur à 480px */
/*********************************************************************************************************/

@media screen and (max-width : 480px) {

	.index_titre {font-size:1.3em; text-align:center;}
	
	div#nav_logo {
		float:none;
		width:100%;
	}
	
	.footer_left_lien {
		width:100%;
		float:none;
	}
	
	.ssmenu_content {
		float:left;
		width:48%;
		padding:5px 1%;
		color:#FFF;
	}
	.ssmenu_tel {
		display:none;
	}
	
	div#resa_titre {
		background-position:0;
		width:calc(100% - 50px);
		padding: 5px 0 0 50px;
		min-height:36px;
		text-align:left;
	}
	
	/*div#contact_cadre .contact_content {
		text-align:center;
		width:48%;
		margin:1%;
	}*/
	div#contact_titre {
		background-position:0;
		width:calc(100% - 75px);
		padding: 8px 0 0 75px;
		text-align:left;
	}
	div#contact_cadre div#contact_telephone, div#contact_cadre div#contact_facebook {
		width:38%;
	}
	div#contact_cadre div#contact_mail, div#contact_cadre div#contact_situation {
		width:58%;
	}
	
	/* AUX ALENTOURS */
	.filtre_gite_texte {font-size:1em;}
	
}
/*********************************************************************************************************/
/* inférieur à 400px */
/*********************************************************************************************************/

@media screen and (max-width : 400px) {
	div#header_top { background-size:180px;}
	
	div#resa .OsMoteurCritBloc {width:100%;}
	div#resa body .OsMoteur a.OsMoteurBtnRecherche, body .OsMoteur a.OsMoteurBtnRecherche:link, body .OsMoteur a.OsMoteurBtnRecherche:active, body .OsMoteur a.OsMoteurBtnRecherche:visited {
		padding:15px 15px;
	}
}
/*********************************************************************************************************/
/* inférieur à 350px */
/*********************************************************************************************************/

@media screen and (max-width : 350px) {
	
	div#header_top { padding: 0 2% 0 2%; width:96%; background-position:85% 35%;}
	
	.ssmenu_content {
		font-size:0.7em;
	}
	/*
	div#resa .OsMoteurCritBloc {padding:0; width:100%; float:none;}
	*/
	
	/* AUX ALENTOURS */
	.filtre_gite_texte {font-size:0.8em;}
	
}
/*********************************************************************************************************/
/* inférieur à 1920px */
/*********************************************************************************************************/
@media screen and (max-width : 1919px) {



}
/*********************************************************************************************************/
/* inférieur à 1800px */
/*********************************************************************************************************/
@media screen and (max-width : 1800px) {


}
/*********************************************************************************************************/
/* inférieur à 1700px */
/*********************************************************************************************************/
@media screen and (max-width : 1750px) {



}

/*********************************************************************************************************/
/* inférieur à 1550px */
/*********************************************************************************************************/
@media screen and (max-width : 1650px) {

	
}

/*********************************************************************************************************/
/* inférieur à 1280px */
/*********************************************************************************************************/
@media screen and (max-width : 1280px) {


	
}
/*********************************************************************************************************/
/* inférieur à 1070px */
/*********************************************************************************************************/
@media screen and (max-width : 1090px) {

	
}
/*********************************************************************************************************/
/* inférieur à 959px */
/*********************************************************************************************************/
@media screen and (max-width : 959px) {

	.galerie .img_galerie_33, .galerie .img_galerie_25, .img_left_right {
		width:47.5%;
		margin:10px 2.5% 10px 0;
	}
	
	
}


/*********************************************************************************************************/
/* inférieur à 650px */
/*********************************************************************************************************/

@media screen and (max-width : 650px) {

}
/*********************************************************************************************************/
/* inférieur à 480px */
/*********************************************************************************************************/

@media screen and (max-width : 480px) {
	
	div#global .img_galerie_33 img {
		max-height:100%;
		/*width:100%;*/
		height:100%;
	}
	
	.galerie .img_galerie_33 {		
		height:100%;
		max-width:100%;
	}
	
	.galerie .img_galerie_33, .galerie .img_galerie_50 {
		width: 97%;
	}
	.photo-left {
		float:none;
		margin:0 0 20px 0;
		text-align:center;
	}
	.photo-right {
		float:none;
		margin:0 0 20px 0;
		text-align:center;
	}
	
	.galerie .img_galerie_25 {
		float:left;
	}
	
	
	
}
/*********************************************************************************************************/
/* inférieur à 350px */
/*********************************************************************************************************/

@media screen and (max-width : 390px) {
	
	.galerie .img_galerie_25 {
		width: 97%;
		max-width:none;
	}
	.galerie .img_galerie_25 img {
		text-align:center;
	}
	
}