@import url(https://fonts.googleapis.com/css?family=Poiret+One);
body {
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#574738;
	background-color:#B09B86;
}
td {padding:5px;border:#666 solid 1px}
h1 {font-family:'Poiret One',cursive;font-size:36px;line-height:55px;text-shadow: 2px 2px #000;color:#FFF;padding:0;margin:0;}
h2 {font-family:'Poiret One',cursive;font-size:36px;line-height:65px;text-shadow: 2px 2px #000;color:#FFF;padding:0;margin:0}
/* haut */
.logodiv {text-align:center;overflow:hidden;width:100%;background-color:#2A231B;}
.logodrap {float:left;margin:20px 0 0 20px}
.logopictos {float:right;margin:20px 0 0 20px}
.logoicones {border:0;width:33px;height:33px;margin:12px 5px 6px 5px;display:inline;opacity:0.6;filter:alpha(opacity=60)}
.logoicones:hover {border:0;width:33px;height:33px;margin:12px 5px 6px 5px;display:inline;opacity:1;filter:alpha(opacity=100)}
.logotitrephoto {width:100%;overflow:hidden;text-align:center;z-index:100000;position:absolute}
.logotitrediv {width:100%;background-color:#2A231B;overflow:hidden;text-align:center;min-height:55px}
/* liens rapides */
.rapideliens {width:100%;min-height:25px;background-color:#2A231B;overflow:hidden;text-align:center;margin-right:5px}
.rapidhome {width:25px; height:25px; display:block; cursor:pointer; display:inline-block; padding:10px; *zoom:1; *display:inline; background-image:url(images/phone.png);background-size:contain}
.rapidhome:hover {width:25px; height:25px; display:block; cursor:pointer; display:inline-block; padding:10px; *zoom:1; *display:inline; background-image:url(images/phone-s.png);background-size:contain;}
.rapidmail {width:25px; height:25px; display:block; cursor:pointer; display:inline-block; padding:10px; *zoom:1; *display:inline; background-image:url(images/mail.png);background-size:contain}
.rapidmail:hover {width:25px; height:25px; display:block; cursor:pointer; display:inline-block; padding:10px; *zoom:1; *display:inline; background-image:url(images/mail-s.png);background-size:contain;}
.rapidebtn { background-color:#5A4D3A; width:200px; height:25px; display:block; cursor:pointer; display:inline-block; border-radius:10px;  margin:5px;
	font-family:'Poiret One',sans-serif; font-size:20px; font-weight:bold; color:#B6AFA7; padding:10px; text-decoration:none; *zoom:1; *display:inline;}
.rapidebtn:hover {background-color:#514336; color:#FFF;}
/* slide */
.slide { width:100%;overflow:hidden;background-image:url(images/photos-chambres/cabernet/chambre-fond.jpg);z-index:1;position:relative}
.slidephoto {max-width:100%;height:auto;border:0;}
.ligneBlanche {width:100%;height:1px;background-color:#FFF;}
.ligneGrise {width:100%;height:1px;background-color:#999;}
/* bouton menu */
.btndiv { width:100%;overflow:hidden;background-color:#836D56;text-align:center;}
.btnmenu {width:300px; height:200px;display:block; border-radius:10px; display:inline-block; margin:25px; *zoom:1; *display:inline; }
.btntrsp {width:300px; height:200px;display:block; background-image:url(images/gite-luc.png);
	font-family:'Poiret One',sans-serif;font-size:24px;font-weight:bold; line-height:80px; color:#FFF;text-decoration:none; border-radius:10px; }
.btntrsp:hover {background-image:url(images/gite-luc-s.png); }
.txtdeconone {text-decoration:none;}
/* bas */
.basdiv {clear:both;width:100%;min-height:100px;overflow:hidden; background-color:#2A231B; text-align:center; font-size:16px;color:#FFF;}
.basdiv2 {clear:both;width:100%;min-height:150px;overflow:hidden; background-color:#1D1712; text-align:center; font-size:16px;color:#FFF;}
/* liens */
.liensbas:link {font-family:'Poiret One',sans-serif;font-size:16px;font-weight:bold;color:#FFF;text-decoration:none;}
.liensbas:visited {font-family:'Poiret One',sans-serif;font-size:16px;font-weight:bold;color:#FFF;text-decoration:none;}
.liensbas:hover {font-family:'Poiret One',sans-serif;font-size:16px;font-weight:bold;color:#9D89F7;text-decoration:none;}
.titrepage:link{font-family:'Poiret One',cursive;font-size:28px;text-shadow: 2px 2px #000;color:#FFF;padding:0;margin:0}
.titrepage:visited{font-family:'Poiret One',cursive;font-size:28px;text-shadow: 2px 2px #000;color:#FFF;padding:0;margin:0}
.titrepage:hover{font-family:'Poiret One',cursive;font-size:28px;text-shadow: 2px 2px #FFF;color:#2A231B;padding:0;margin:0}
/* div de titre dans le texte */
.textecontener { max-width:1300px;background-color:#B09B86;margin:0 auto 0 auto;width:100%;text-align:center;}
.textepage {padding:15px;text-align:justify;}
.titreh {width:100%;text-align:center;}
.colonnes3 {width:28%;min-width:300px;float:left;padding:30px;text-align:justify;overflow:hidden}
/* textes */
.page:link{color:#DACFC5;text-decoration:none;}
.page:visited{color:#DACFC5;text-decoration:none;}
.page:hover{color:#2A231B;text-decoration:underline;}
/* table */
#navigation td { height:30px;font-size:14px;border-spacing:0;padding:0;text-decoration:none;} 
#navigation a {font-size : 14px; color : #000000; height : 30px; line-height:30px;text-decoration:none; display : block; padding : 0;} 
#navigation a:hover { background-color:#666;color:#FFFFFF;text-decoration:underline }
/* gestion des vidéos */
.video {
	width:100%;
	height:0;
	padding-bottom: 56.25%; /* pour 16/9 */
	overflow:hidden;
	position:relative;
}
.video.r1 {
	padding-bottom:100% /* si video carrée */
}
.video.ags {
	padding-bottom:56,27% /* video ags */
}
.video.flashpiscine {
	padding-bottom:49,50% /* video ags */
}
.video iframe, video embed, video object  {
	width:100% !important; height:100% !important;
	position:absolute;
	top: 0; left:0;
}
.valider {width:200px;height:80px;font-size:36px;border-radius:10px;cursor:pointer;color:#096}
.valider:hover {width:200px;height:80px;font-size:36px;border-radius:10px;cursor:pointer;color:#900;background-color:#C4FDF5}

@media screen and (max-width: 350px) 
	{
	.colonnes3 {width:29%;min-width:300px;float:left;padding:10px;text-align:justify;overflow:hidden}
	.logodrap {float:none;margin:5px}
	.logopictos {float:none;margin:5px}
	.logoicones {border:0;width:33px;height:33px;margin:5px;display:inline;opacity:0.6;filter:alpha(opacity=60)}
	.logoicones:hover {border:0;width:33px;height:33px;margin:5px;display:inline;opacity:1;filter:alpha(opacity=100)}
	.logotitrediv {width:100%;background-color:#2A231B;overflow:hidden;text-align:center;min-height:55px}
	.h1 {font-family:'Poiret One',cursive;font-size:22px;line-height:24px;text-shadow: 2px 2px #000;color:#FFF;padding:0;margin:0}
	.btnmenu {width:300px;height:100px;display:block; border-radius:10px; display:inline-block; margin:10px; *zoom:1; *display:inline; }
	.btntrsp {width:300px; height:100px;display:block; background-image:url(images/gite-luc.png);background-position:top;
	font-family:'Poiret One',sans-serif;font-size:28px;font-weight:bold; line-height:80px; color:#FFF;text-decoration:none; border-radius:10px; }
	.btntrsp:hover {width:300px; height:100px; display:block;cursor:pointer; background-image:url(images/gite-luc-s.png);background-position:top;
	font-family:'Poiret One',sans-serif; font-size:28px; font-weight:bold; line-height:80px; color:#FFF;text-decoration:none;border-radius:10px; }

	}
	
@media screen and (max-width: 550px) 
	{
	.colonnes3 {max-width:500px;float:left;padding:10px;text-align:justify;overflow:hidden}
	.logodrap {float:none;margin:5px}
	.logopictos {float:none;margin:5px}
	.logoicones {border:0;width:33px;height:33px;margin:5px;display:inline;opacity:0.6;filter:alpha(opacity=60)}
	.logoicones:hover {border:0;width:33px;height:33px;margin:5px;display:inline;opacity:1;filter:alpha(opacity=100)}
	.logotitrediv {width:100%;background-color:#2A231B;overflow:hidden;text-align:center;min-height:55px}
	.h1 {font-family:'Poiret One',cursive;font-size:22px;line-height:24px;text-shadow: 2px 2px #000;color:#FFF;padding:0;margin:0}
	.btnmenu {width:300px;height:100px;display:block; border-radius:10px; display:inline-block; margin:10px; *zoom:1; *display:inline; }
	.btntrsp {width:300px; height:100px;display:block; background-image:url(images/gite-luc.png);background-position:top;
	font-family:'Poiret One',sans-serif;font-size:28px;font-weight:bold; line-height:80px; color:#FFF;text-decoration:none; border-radius:10px; }
	.btntrsp:hover {width:300px; height:100px; display:block;cursor:pointer; background-image:url(images/gite-luc-s.png);background-position:top;
	font-family:'Poiret One',sans-serif; font-size:28px; font-weight:bold; line-height:80px; color:#FFF;text-decoration:none;border-radius:10px; }

	}
@media screen and (max-width: 1300px) 
	{
	h2 {font-family:'Poiret One',cursive;font-size:26px;line-height:50px;text-shadow: 2px 2px #000;color:#FFF;padding:0;margin:0}
	}