@charset "utf-8";
/* CSS Document */


html, body {
    height: 100%;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-size:16px;
    margin: 0;
    padding: 0;
}

img {      
   vertical-align: middle;
}

.texte_erreur1 {
	font-size: 30pt;
	color:#ffffff;
	font-weight: normal;
	text-align: center;
}

.new_img {
    border: 2px solid green;
}

.iconzoom{
transition-duration:0.8s;
}

.iconzoom:hover{
transform:scale(1.5);
transition-duration:0.8s;
}

.texte_erreur2 {
	font-size: 16pt;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
}

.texte_erreur3 {
	font-size: 13pt;
	color: red;
	font-weight: normal;
	text-align: center;
}

.login_pass { 
-webkit-appearance: none;
font-size:16pt;
	background-color: white;
width : 150px;
height : 30px;
border:2px white #BD8B2D;
border-radius:5px;
}

.login_submit {
-webkit-appearance: none;
font-size:16pt;
background-color:#6BFF69;
color: black;
width : 120px;
height : 55px;
border:2px solid #018900;
border-radius:5px;
}
/* LOGO*/
.lang {
	position:fixed;
	margin-top: 40px;
	width: 75px;
	height: 25px;
	background-color: #ffffff;
}

.pop_img{
	max-height: 180px;
	max-width: 180px;
		transition-duration: 0.5s;
	border: 1px #ffffff solid;

}
.pop_img:hover{
	max-height: 190px;
	max-width: 190px;
	transition-duration: 0.5s;
	border: 5px #ffffff solid;
}
.img{
	transition-duration: 0.5s;
	border: 1px #ffffff solid;
}

/* SITE */
.firstfix{
	height:50px;
	position: fixed;
	width: 100%;
	top:0;
	text-align: center;
	align-content: center;
	background-color: #AAAAAA;
}
.secondfix{
	position: fixed;
	top:50px;
	width: 100%;
	height: calc(100% - 90px);
	overflow-y: auto;
}

.thirdfix{
	position: fixed;
	bottom:0px;
	width: 100%;
	left: 0px;
	height: 40px;
	text-align: center;
	align-content: center;
	background-color: #683A00;
}


/* LOGO*/
div#boubou {

	margin: 0 auto;
margin-top: 40px;
    -moz-transform: rotate(45deg);  
       -o-transform: rotate(45deg);  
  -webkit-transform: rotate(45deg);  
      /*ms-transform: rotate(45deg);  */
          transform: rotate(45deg);  
	width: 60px;
	height: 60px;
	border: 4px #ffffff solid;
	border-bottom: 0px;
	border-right: 0px;
	text-decoration-line: none;
	text-decoration: none;
}

div#boubou2 {
	margin: 0 auto;
	text-align: center;
	margin-top: -25px;
	width: 120px;

	font-size: 26pt;
	font-weight: normal;
	color: #ffffff;	
	text-decoration-line: none;
	text-decoration: none;

}

div#boubou3 {
	margin: 0 auto;
	text-align: center;
	margin-top: 0px;
	width: 120px;
	font-size: 10pt;
	font-weight: normal;
	color: #ffffff;	
	text-decoration-line: none;
		text-decoration: none;
}
.boubou3t {
		text-align: center;
		font-size: 10pt;
	font-weight: normal;
	color: #ffffff;	
	text-decoration-line: none;
		text-decoration: none;
}
.svg {
	background-image: url(images/situation.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.test {
	background-image:url(images/pub2.mp4);
}
.accueil {
	background-image:url(images/fonds1.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
.accueil2 {
	background-color:#442616;
}

.taille {
    background:url(images/fonds1.jpg);
	background-position:center;
    margin:0;
}

.logo {
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
.logo2 {
	background-color:#2b180e;
	background-image:url(images/bienvenue2.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}

.logo_m {
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.titres {
	font-size:24px;
	color:blue;
	text-decoration:none;
}
/*************************** VIDEO ********/
#video_index {
	border:#ffffff;
	border-style:solid;
	border-width:0px;
max-width: 80%;
height:auto;
background-size:contain;
overflow: hidden;
}
/*********/
.navi2 {
	transition:0.5s;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	font-weight:normal;
	
}

.navi2:hover {
	transition:0.55s;
color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	
}
.navi2_f {
	font-size: 15pt;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	font-weight:normal;
	
}

.navi2_f:hover {
	font-size:15pt;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	font-weight:normal;
	
}

.link {
	font-weight:bold;
	font-size: 14pt;
	color:blue;
	text-decoration:none;
}

.photos {
	text-align:center;
	font-size:16px;
	color:blue;
	background:#F3F3F3;
}
	
.photo {
	color:#575757;
}

	.bulle1 {
	background-color:#E4EFFF;
	border:1px solid #9FC6FF;
	padding:5px;
	/*arrondir les coins en haut à gauche et en bas à droite*/
	-moz-border-radius:10px 10px 10px 0;
	-webkit-border-radius:10px 10px 10px 0;
	border-radius:10px 10px 10px 0;
}


.fontbulle {
	text-align:center;
	line-height:25px;
	font-weight:normal;

	font-size:15px;
	color:#011E72;
	vertical-align:top;
}

.fontbulle2 {
	text-align:center;
	line-height:25px;
	font-size:12px;
	color:#011E72;
	vertical-align:top;
}

.mess{
	background-color:#8CFF83;
	vertical-align:middle;
	color:#004407;
	padding: 5px;
}



.fontconfirm {


	
}

.fontconfirm2 {
	font-size:18px;
	font-weight: bold;
	color:#004407;
	
}

.retournav{
	background:#A6A6A6;
	height:30px;
}

.fontretour {
	color:#ffffff;
	text-decoration:none;
}

.navigen {
	border: solid #000000;
	border-right:0px;
	border-left:0px;
	border-bottom:10px;

}
nt_cadre_ind_c {
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	text-decoration:none;
}
.font_cadre_ind {
	color:#ffffff;
	font-weight:bold;
	font-size: 15pt;
	text-align:center;
	text-decoration:none;
}
.font_cadre_ind:hover {
	color:#ffffff;
	font-weight:bold;
		font-size: 15pt;
	text-align:center;
	text-decoration:none;
}
	
.font_ind {
	color:yellow;
	font-weight:normal;
	font-style:italic;
	font-size:20px;
	text-align:center;
}
.font_ind_c {
	color:yellow;
	font-weight:normal;
	font-style:italic;
	font-size:16px;
	text-align:center;
}

.texte_chalet {
	font-size: 13pt;
	color:#ffffff;
	font-weight:normal;
}


.legende {
	font-size: 12pt;
font-style: italic;
	color:#ffffff;
	font-weight:normal;
}

.texte_chalet3 {
	font-size: 18pt;
	color:#ffffff;
	font-weight:normal;
}

.cadre_annee_photo {
	font-size: 14pt;
	color:#ffffff;
	font-weight:normal;
text-decoration: none;
text-align: center;
}



.texte_chalet_fluo {
	font-size: 16pt;
	color:green;
	font-weight:normal;
}

.texte_chalet2 {
	font-size: 14pt;
	color:#ffffff;
}


.texte_chalet_l {
	font-size: 14pt;

	text-decoration:none;
	color:red;
	font-weight:normal;
}

.texte_chalet_l:hover {
	font-size: 14pt;
	
	text-decoration:none;
	color:red;
	font-weight:normal;
}
.foot_chalet {
	font-size: 12pt;
	font-style:italic;
	color:#ffffff;
	font-weight:normal;
}

.texte_chalet_cont {
	font-size:14px;
	color:#ffffff;
}
	
	.link {
	font-size:18px;
	color:red;
	font-weight:bold;
	text-decoration:none;
}
	.link:hover {
	font-size:18px;
	color:red;
	font-weight:bold;
	text-decoration:none;
}

/* SITE POUR L'ETE !!!!! */

.accueil_e {
	background-image:url(images/fonds_e.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}


/* GALERIE PHOTO MOBILE */

.photo1   {
	height:90%;
	width:90%;
	background-color:red;
}

/*sidebar qui suit le defilement*/
.fixe { 
width:40px;
height:40px;
 position: fixed; 
 bottom: 0px;
  right:0px;
  
}

/* barre langue */
.div_barrlang {
	transition: 0.5s;
	position:fixed;
	top:40px;
    right:0px;

}


.colonn {
	background-color:#F3F3F3;
	border: solid #999 1px;
	border-top:0px;
	border-right:0px;
	border-bottom:0px;
}
	
.fontcolonn {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	
}

.navi {
	width:20%;
	transition: 0.5s;
	text-align:center;
	background:#BEBEBE;
	border: solid #999 1px;
	border-right:0px;
	border-left:0px;
	text-decoration:none;
	
}

.navi:hover {
	width:20%;
	transition: 0.3s;
	text-align:center;
	vertical-align:middle;
    background:#999;
	/*border: solid #999 1px;*/
	text-decoration:none;

	/*-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;*/
}
.navi3 {
	background-color:#442616;
	transition: 1s;
	text-align:center;padding:0;
}

.navi3:hover {
	background-color:#2b180e;
	transition: 0.5s;
	text-align:center;

}

	/*-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;*/

.navilink {
	transition: 0.5s;
	text-align:center;
	/*border: solid #999 1px;*/
		color: #333;
	text-decoration:none;
}
.navilink:hover {
	transition: 0.3s;
	text-align:center;
	vertical-align:middle;
	/*border: solid #999 1px;*/
	text-decoration:none;
	/*-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;*/
	color:#ffffff;
}


.ombreout {
background-color:#C0C0C0;
border:1px solid gray;
padding:5px;
box-shadow:2px 2px 10px gray; 
}
.textshadow {
	text-align:center;
font-size: 18pt;
font-weight:bold;
	color:#ffffff;
}

.textshadow1 {
	text-align:center;
font-size: 22pt;
font-weight:bold;
	color:#ffffff;
}
.cadre {
	
	margin-top:0px;
	position:relative;
	top:0px;
	border:0px;
	border-spacing:0px;
	padding:0px;
	font-size:16px;
	
}

.tableprinc {
	background-color: #442616;
	/*border-spacing:0px;*/
	padding:0px;
}

.tablenavi {
	border: solid #000000 1px;
	border-right:0px;
	border-left:0px;
}

.titres {
	font-size:24px;
	color:blue;
	text-align:center;
	font-weight:bold;
}



.titre {
	text-align:center;
	font-size: 14pt;
	background:black;
	color:#ffffff;
	width:100%;
	vertical-align:middle;
}


.titre_cal {
/*		transition-duration: 0.5s;
	border: 1px #ffffff solid;*/
	text-align:center;
	font-size: 14pt;
	background:#000000;
	color:#feffff;
	width:100%;
	vertical-align:middle;
}


.titre2 {
	text-align:center;
	font-size: 14pt;
	color:#ffffff;
	vertical-align:middle;
}

.titre3 {
	font-size: 14pt;
	color:#ffffff;
	vertical-align:middle;
}


.titrejour {
	font-size: 14pt;
	text-align:center;
	background:#797979;
	color:#feffff;
	width:14%;
	
}

.titrejour2 {
	text-align:center;
	background:#feffff;
	color:#797979;
	height:30;
	width:40px;
	
}
/* saison -------------------------------------------------------------------------------------------------*/
.bassesaison,.libre, .libretoday {
	font-size: 14pt;
	text-align:center;
	background:#00f900;
	color:#000000;
	}
.libretoday, .basrestoday, .resbastoday, .reservetoday, .restoday {
outline: 4px solid white;
outline-offset: -4px;
}
.basse1,.basres, .basrestoday {
	text-align:center;
	font-size: 14pt;
	background: linear-gradient(135deg, #00f900 50%, #ff2600 50%);
	background-position: center;
	color:black;
	}
.basse2,.resbas, .resbastoday {
	text-align:center;
	font-size: 14pt;
	background: linear-gradient(135deg, #ff2600 60%, #00f900 40%);
	background-position: center;
	color:black;
	}
.reserve,.res, .restoday {
	text-align:center;
	font-size: 14pt;
	background:#ff2600;
	color:#000000;
}

.cadre_cal {
}
/* fin des jours
-------------------------------------------------------------------------------------------------------------------------*/

.titreannee {
	text-align:center;
	font-size:28px;
	color:blue;
}

/*Input and Textare Field Style*/
.cadre_input {
	background-color:#ffffff;
	font-size:12px; font-weight:normal;height:25px; 
	outline:none;
	border: 1px solid #006;
}	
.cadre_input:focus { 
background-color:#ffffff;
	outline:none;
	border: 1px solid #006;
	box-shadow: 0 0 12px #006;

}

.cadre_inputarea {
	background-color:#ffffff;
font-size:12px; font-weight:normal; 
	outline:none;
	border: 1px solid #006;
}	
.cadre_inputarea:focus { 
background-color:#ffffff;
	outline:none;border: 1px solid #006;
	box-shadow: 0 0 12px #006;
	}

.cadre_error 
{
	background-color:#FFE1D7;

	font-size:12px; font-weight:normal;height:25px; 
	outline:none;
	border: 1px solid #F00;
}
.normal_font
{
	color:#FFF;
	font-weight:normal;
}
.error_font
{
	font-size:11px;
	color: #F00;
	font-weight:bold;
}

/* PLAN */


.test {
	background: url("images/facebook.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.salon {
	background-color: #ffffff;
}

.vestibule {
	background-color: #ffffff;
		border-right: 1px black solid;

}

.couloir {
	height: 20%;
	width: 100%;
	background-color: #ffffff;
}


.escaliers {
	background-color: #ffffff;
		border-right: 1px black solid;

	height: 35%;
	width: 25%;
}
.vide {
	width: 5%;
	background-color: #ffffff;
	border-right: 1px black solid;

}
.cuisine {
	background-color: #ffffff;
	width: 25%;	border-right: 1px black solid;

}

.sdb1 {
	background-color: #ffffff;	border-right: 1px black solid;

	width: 25%;
}

.cagibi {
	background-color: #ffffff;
	width: 20%;
}

.m_texte_chalet {
	font-size: 14pt;
	color:#ffffff;
	font-weight:normal;
}