html{
  height:100%;
}


body {
	
	overflow-x:hidden;
	overflow-y: auto;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;	
	/*margin:0;*/
	font-size:1em;
	height:100%;
	position: relative;
}



#main_wrapper {
	min-height:100%;
	position: relative;
	overflow-y: auto;
}

#page {
	min-height:100%;
	position:relative;
	margin-top:0px;
	padding-left:10px;
	
}



#topbar {	
	left:0;
	width:100%;
	position:relative;
	
	background: rgba(0, 0, 0, .2);
	margin-bottom:20px;
	border-bottom:none;
	padding:5px;
}

#page_footer {
	
	text-align:center;
	background: rgba(0, 0, 0, .2);
	position: absolute;
	bottom: 0;
	width: 100%;
		
	}	
	

.liste_menu {
	width:90%;
float:left;
list-style-type:none;
/*margin-left:10px;*/
margin:auto;text-align: center;
}
.liste_menu li {
	margin:3px;
	display:inline;
}
.liste_menu li  a img{
	text-decoration:none;		
	padding-bottom:2px;
}
.liste_menu li  a:hover img{
	
}

.wallpaper_preview img {
	width:50%;
	float:left;
}




 .soc, .pp { display:none;}
 .katz, spatio_tempo {
  font-size:11px;
 }
#cat_katz {
	font-size:14px;
	font-weight:bold;
 }
 .score_katz {
	font-size:12px;
	font-weight:bold;
 }
 
 .katz .line_title  {
	background:#d5eae4;
	color:gray;
 }
 .spatio_tempo .line_title  {
	background:#d5eae4;
	color:gray;
 }
 
 a {
	text-decoration:none;
 }
 
 
 .infozone {
	width:100%;
	text-align:center;
	font-size: 15px;
	color:white;
	font-weight: normal;
	
 }
 
 a.infobulle { 
	color:#ccc; 
	text-shadow:0 -1px 0 black; 
	display:block;
	text-decoration:none;
	
} 
 a.infobulle:hover, a.infobulle:focus { 
	background:rgba(0,0,0,.4); 
	box-shadow:0 1px 0 rgba(255,255,255,.4); 
}
 a.infobulle span { 
	position:float;
	margin-top:23px; 
	margin-left:-35px;
	color:white; 
	background:rgba(0,0,0,.9); 
	padding:15px; 
	border-radius:3px; 
	box-shadow:0 0 2px rgba(0,0,0,.5); 
	transform:scale(0) rotate(-12deg);
	transition:all .25s;
	opacity:0;
	font-size:11px;
	z-index:1;
}
 a.infobulle:hover span,  a.infobulle:focus span { 
	transform:scale(1) rotate(0); 
	opacity:1;
}

/* 
Generic Styling, for Desktops/Laptops 
*/
table { 
	width: 100%; 
	border-collapse: collapse; 
	font-size:12px;
	background:white;
	
}

caption {
	width: 100%; 
	border-collapse: collapse; 
	font-size:13px;
	font-weight: bold;
	padding:5px;
	border-radius:5px;
	color:#484848;
	text-align:left;
	margin-bottom:5px;
	/*border:1px solid black;*/
	background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom, #eeeeee 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
caption b {
	color:#6e6f72;
	font-weight:bold;
}
table .selected {
	color:black;		
	background: rgb(0, 204, 204); /* Fall-back for browsers that don't support rgba */
	background: rgba(0, 204, 204, .5);	
}

/* Zebra striping */
tr:nth-of-type(odd) { 
	background: #eee; 
}
th { 
	background: #C0C0C0;/*#333; */
	color: white; 
	font-weight: normal;
	font-size:10px;
	padding:4px;
	
	background: rgb(54, 25, 25); /* Fall-back for browsers that don't support rgba */
	background: rgba(54, 25, 25, .5);
	text-align: left;
	border: 1px solid #ccc; 
}
td { 
	padding: 6px; 
	border: 1px solid #ccc; 
	text-align: left; 
}
tr:hover {
	background:white;
}
table th a { color:yellow; }
@media only screen and (max-width: 800px) {
/* Force table to not be like tables anymore */
table,thead,tbody,th,td,tr {
display: block;
}
 
/* Hide table headers (but not display: none;, for accessibility) */
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
 
tr { border: 1px solid #ccc; }
 
td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 0%;
white-space: normal;
text-align:left;
}
 
td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align:left;
font-weight: bold;
}
 

/*
Label the data
*/
td:before { content: attr(data-title); }
}
tr.actif { color:green;}
tr.inactif { color:red;}


td.separator {
	background:white;
	height:5px;
}



.fondvert {
	
	background: rgb(205,235,142); /* Old browsers */
background: -moz-linear-gradient(top, rgba(205,235,142,1) 0%, rgba(165,201,86,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(205,235,142,1)), color-stop(100%,rgba(165,201,86,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); /* IE6-9 */
}

.fondorange {
	background: rgb(255,175,75); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,175,75,1)), color-stop(100%,rgba(255,146,10,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
}

.fondrouge {
	color:white;
	background: rgb(255,48,25); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}


table.planning {
font-size:10px;
overflow:auto;
border:none;
}
table.planning th { text-align:center;}

table.planning th.weekend { color:orange;}

table.planning  td.free{
background:white;
border:none;
}

table.planning  td.occupied_woman{
background: rgb(255,93,177); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,93,177,1)), color-stop(100%,rgba(239,1,124,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-9 */
border:none;
}
table.planning  td.occupied_man{
background: rgb(135,224,253); /* Old browsers */
background: -moz-linear-gradient(top, rgba(135,224,253,1) 0%, rgba(83,203,241,1) 40%, rgba(5,171,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(135,224,253,1)), color-stop(40%,rgba(83,203,241,1)), color-stop(100%,rgba(5,171,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
border:none;
}
table.planning tr { border-bottom:1px dotted gray;}
	
#dialog-login { font-size: 62.5%; }
#dialog-login label, #dialog-login input { display:block; }
#dialog-login input.text { margin-bottom:12px; width:95%; padding: .4em; }
#dialog-login fieldset { padding:0; border:0; margin-top:25px; }
#dialog-login h1 { font-size: 1.2em; margin: .6em 0; }
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }
.ui-dialog-titlebar-close {  visibility: hidden;}	
	
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	font-size: 1em;
}
.ui-widget,         .ui-widget .ui-widget 
{                
	font-size: 0.9em !important;          
}
/*##########################################*/	
/*##############" INTERFACE ################*/	
/*##########################################*/
	.toggleVisibility {
		text-decoration:none;
	}
	
	.titre {
	color:gray;
	display:none;
	font-size:1.5em;
	text-align:center;
	background: rgb(0, 204, 204); /* Fall-back for browsers that don't support rgba */
	background: rgba(0, 204, 204, .4);
	border-radius:50px;
	padding-left:50px;
	padding-right:50px;
	max-width:800px;
	min-width:240px;
	margin:auto;
	}	
	.soustitre {
	color:black;	
	font-size:1.5em;
	
	}	
	.error  {
	width:50%;
	margin:auto;
	padding:10px;
	}
	
	#umsg{
	font-size:0.8em;
	}
	.titre2 {
	color:gray;
	font-size:1.5em;
	text-align:center;
	background: rgb(0, 204, 204); /* Fall-back for browsers that don't support rgba */
	background: rgba(0, 204, 204, .4);
	border-radius:50px;
	padding-left:50px;
	padding-right:50px;
	max-width:800px;
	min-width:240px;
	margin:auto;
	}	
/*##########################################*/	

.float_box_container {
	margin:auto;
	width:90%;
	
}
.float_box {
	margin:auto;
	display:block;
	float:left;
	min-width:100%;	
	border-bottom:1px solid gray;
	border-left:1px solid gray;
	border-right:1px solid gray;
	border-radius:4px;
	margin-bottom:15px;
	padding:3px;	
	
}
.float_box  .txtch {
	
	
}



.float_separator {

	float:left;
	width:4px;
	height:70px;
	border:1px solid gray;
	border-radius:4px;
	margin:5px;
	padding:3px;
}

.search_results {

 margin:7px;
 border-bottom:1px dotted gray;
 display:block;
}

/*##########################################*/	
/*##############" POSITIONNEMENT ###########*/	
/*##########################################*/	
	.center {
	text-align:center;
	}
	
	
	.wrapper {
	max-width:400px;
	min-width:240px;
	width:100%;
	margin: auto;
	/*position:relative;*/
	
	padding:5px;
}


.wrapper_large {
	
	width:100%;
	
	/*position:relative;*/
	
	padding:5px;
}

.txtgrey {
color:#989898;
}
.txtrouge, .txtrouge a {
color:red;
}
.txtvert, .txtvert a {
color:green;
}
.txtyellow, .txtyellow a {
color:yellow;
}
.txtbarre {
text-decoration:line-through;
}

#photos_chambres { 
	margin:auto;
	text-align:center;
}
#photos_chambres img{ 
	
	margin:5px;
	border:1px solid black;
}

#maisons,#chambres,#services,#lits {
	margin:20px;
}



#maisons a,#chambres a,#services a,#lits a {
	
	background: rgb(252,255,244); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(233,233,206,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(100%,rgba(233,233,206,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 ); /* IE6-9 */
	
	float:left;
	color:black;
	border-radius:4px;
	display:block;
	text-align:center;
	text-decoration:none;	
	border:1px solid gray;	
}



#maisons a {	
	margin:5px;	
	padding:5px;		
	width:200px;
	height:50px;
	font-size:1em;	
}
#maisons a.selected {
	background: #e6f0a3; /* Old browsers */
	background: -moz-linear-gradient(top, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f0a3), color-stop(50%,#d2e638), color-stop(51%,#c3d825), color-stop(100%,#dbf043)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=0 ); /* IE6-9 */
}


#services a {	
	margin:2px;	
	padding:2px;		
	width:100px;
	height:35px;
	font-size:0.9em;	
}
#services a.selected {
	background: #e6f0a3; /* Old browsers */
	background: -moz-linear-gradient(top, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f0a3), color-stop(50%,#d2e638), color-stop(51%,#c3d825), color-stop(100%,#dbf043)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=0 ); /* IE6-9 */
}

 
#chambres a {	
	margin:2px;	
	padding:1px;		
	width:60px;
	height:35px;
	font-size:0.9em;	
}
#chambres a.selected {
	background: #e6f0a3; /* Old browsers */
	background: -moz-linear-gradient(top, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f0a3), color-stop(50%,#d2e638), color-stop(51%,#c3d825), color-stop(100%,#dbf043)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=0 ); /* IE6-9 */
}
#chambres a.desactivated {
border:1px solid red;
}

#lits a {	
	margin:5px;	
	padding:5px;		
	width:70px;
	height:50px;
	font-size:1em;	
}

#lits a.selected {
	background: #e6f0a3; /* Old browsers */
	background: -moz-linear-gradient(top, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f0a3), color-stop(50%,#d2e638), color-stop(51%,#c3d825), color-stop(100%,#dbf043)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=0 ); /* IE6-9 */
}
#lits a.desactivated {
	border:1px solid red;
}
#lits a.off{
	background: #f2825b; /* Old browsers */
	background: -moz-linear-gradient(top, #f2825b 0%, #e55b2b 50%, #f07146 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2825b), color-stop(50%,#e55b2b), color-stop(100%,#f07146)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2825b 0%,#e55b2b 50%,#f07146 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2825b 0%,#e55b2b 50%,#f07146 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2825b 0%,#e55b2b 50%,#f07146 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2825b 0%,#e55b2b 50%,#f07146 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#f07146',GradientType=0 ); /* IE6-9 */
}
#lits a.on{
	background: #e4efc0; /* Old browsers */
	background: -moz-linear-gradient(top, #e4efc0 0%, #abbd73 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4efc0), color-stop(100%,#abbd73)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e4efc0 0%,#abbd73 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e4efc0 0%,#abbd73 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e4efc0 0%,#abbd73 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e4efc0 0%,#abbd73 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4efc0', endColorstr='#abbd73',GradientType=0 ); /* IE6-9 */
}

	
	
	
	
	
	
	
.overlay-bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
    cursor: pointer;
    z-index: 1000; /* high z-index */
    background: #000; /* fallback */
    background: rgba(0,0,0,0.75);
}
    .overlay-content {
        background: #fff;
        padding: 1%;
        width: 80%;
        position: relative;
        top: 15%;
        left: 50%;
        margin: 0 0 0 -40%; /* add negative left margin for half the width to center the div */
        cursor: default;
        border-radius: 4px;
        box-shadow: 0 0 5px rgba(0,0,0,0.9);
    }
 
    .close-btn {
        cursor: pointer;
        border: 1px solid #333;
        padding: 2% 5%;
        background: #a9e7f9; /* fallback */
        background: -moz-linear-gradient(top,  #a9e7f9 0%, #77d3ef 4%, #05abe0 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e7f9), color-stop(4%,#77d3ef), color-stop(100%,#05abe0));
        background: -webkit-linear-gradient(top,  #a9e7f9 0%,#77d3ef 4%,#05abe0 100%);
        background: -o-linear-gradient(top,  #a9e7f9 0%,#77d3ef 4%,#05abe0 100%);
        background: -ms-linear-gradient(top,  #a9e7f9 0%,#77d3ef 4%,#05abe0 100%);
        background: linear-gradient(to bottom,  #a9e7f9 0%,#77d3ef 4%,#05abe0 100%);
        border-radius: 4px;
        box-shadow: 0 0 4px rgba(0,0,0,0.3);
    }
    .close-btn:hover {
        background: #05abe0;
    }	
	
	
	
	


.msg_error ,
.msg_info,
.msg_warning {	
	border-radius:8px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	margin:auto;	
	min-height:50px;	
	margin-top:10px;
	margin-bottom:10px;
	font-size:11px;
	}
.msg_error img,
.msg_info img,
.msg_warning img {
	float:left;	
	padding:7px;	
	}
.msg_error p,
.msg_info p,
.msg_warning p {	
	text-align:left;
	font-weight:normal;	
	margin-left:50px;
	padding:7px;
	}
	
.msg_warning {			
	color:yellow;	
	background: rgb(255,168,76); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
	}

.msg_error {			
	color:#F7C8C8;	
	background: rgb(153, 0, 0); /* Fall-back for browsers that don't support rgba */
	background: rgba(153, 0 0, .5);
	
	}	
.msg_info {			
	color:green;
	background: rgb(210,255,82); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,255,82,1)), color-stop(100%,rgba(145,232,66,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 ); /* IE6-9 */
	}
	
	
	
	
	
	
	
.attention {	
	border-radius: 15px 10px; 
	margin:auto;
	width:95%;		
	min-height:50px;
	border:1px solid red;
	background: orange ;
	color:black;
	/*padding:10px;*/
	margin-top:10px;
	margin-bottom:10px;
	}
.attention img {
	float:left;
	margin:5px;
	}
.attention p {
	margin-left : 60px;
	text-align:left;
	font-weight:bold;	
	}		
	
	
.err_zone {
border:1px solid red;
}

.col_50 {
float:left;
width:50%;
}




#equipements_chambre {

margin:auto;
text-align:center;
margin-top:20px;
margin-bottom:20px;

}
/*
#equipements_chambre img{
text-align:center;
margin:auto;
margin-top:20px;
margin-bottom:20px;

}

*/
.btn_on_16, .btn_off_16 {	
	margin:2px;
	border:1px solid black;
	padding:2px;
	cursor: pointer;
	color:white;
	width:25px;
	border-radius:2px;
	text-align:center;
}
.btn_on_32, .btn_off_32 {	
	margin:5px;
	border:1px solid black;
	padding:5px;
	cursor: pointer;
	color:white;
	width:50px;
	border-radius:4px;
	text-align:center;
}
.btn_on_32, .btn_on_16 {
	background: #e4efc0; /* Old browsers */
	background: -moz-linear-gradient(top, #e4efc0 0%, #abbd73 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4efc0), color-stop(100%,#abbd73)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e4efc0 0%,#abbd73 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e4efc0 0%,#abbd73 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e4efc0 0%,#abbd73 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e4efc0 0%,#abbd73 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4efc0', endColorstr='#abbd73',GradientType=0 ); /* IE6-9 */
}
.btn_off_32, .btn_off_16 {
	background: #f2825b; /* Old browsers */
	background: -moz-linear-gradient(top, #f2825b 0%, #e55b2b 50%, #f07146 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2825b), color-stop(50%,#e55b2b), color-stop(100%,#f07146)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2825b 0%,#e55b2b 50%,#f07146 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2825b 0%,#e55b2b 50%,#f07146 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2825b 0%,#e55b2b 50%,#f07146 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2825b 0%,#e55b2b 50%,#f07146 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#f07146',GradientType=0 ); /* IE6-9 */
}



.btn_close {
	background: url("../img/close.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 32px;
    float:right;
    right: -27px;
    top: -24px;
    width: 32px;
}



.ligne_supp {
	color: #8B008B;
	font-weight:bold;
	
}
.ligne_inactive {
	text-decoration: line-through;
}



.titreMoisFacturation{
	width:100%;
	text-align:center;
	padding:3px;
	font-size:100%;
	font-weight:bold;
	color:yellow;
	border-radius:5px;
	background: rgb(255,175,75); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,175,75,1)), color-stop(100%,rgba(255,146,10,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
}
.titreJournalFacturation{
	width:50%;
	text-align:center;
	padding:2px;
	font-size:90%;
	font-weight:bold;
	color:black;
	border-radius:5px;
	
}












.bouton_flottant_gauche {
 float:left;
}

.adress .btn_resadr_delete,.adress .btn_resadr_edit { 
	
    float:left;
    right: -27px;
    top: -24px;
    width: 32px;
}
.btn_resadr_residence_inactive, .btn_resadr_domicile_inactive {
	text-decoration:none;
	color:gray;
}
.btn_resadr_residence_active, .btn_resadr_domicile_active {
	text-decoration:none;
	color:green;
	font-weight:bold;
}


.interv .btn_resinterv_delete,.interv .btn_resinterv_edit { 
	
    float:left;
    right: -27px;
    top: -24px;
    width: 32px;
}
.interv {
	text-align:right;
	font-size:0.9em;
	border-bottom:1px dotted grey;
	margin-top:10px;
}
/*
.interv:hover {
	text-align:right;
	font-size:0.9em;
	border-bottom:1px dotted grey;
	background:white;
}*/
.interv .remarques {
font-size:0.8em;
font-style:italic;
}
.adress {
	text-align:right;
	font-size:0.9em;
	border-bottom:1px dotted grey;
	margin-top:10px;
}
.adress:hover {
	text-align:right;
	font-size:0.9em;
	border-bottom:1px dotted grey;
	background:white;
}
.adress .remarques {
font-size:0.8em;
font-style:italic;
}
/*##########################################*/	

.active {
	color:#26550c;

}
.inactive {
	color:#550c0c;

}



img {
	/*width:100%;*/
	max-width:100%;	
}





.menu_btn {
	background:  url(../img/sun.png) center center no-repeat;
	display:block;
	height:45px;
	width:45px;
	float:left;
	/*position:absolute;*/
	top:0;
	left:0px;
	
}
.close {
	display:block;
	background: url(../img/moon.png) center center no-repeat;
	height:45px;
	width:45px;
	position:absolute;
	top:0;
	left:190px;	
}


#heure {

}
.heure_1 {
color:black;
}
.heure_2 {
color:white;
}
#topbar_dock {
color:black;

}


.helpme img {	
	cursor:pointer;	
	border:2px solid black;
	color:white;	
	padding:5px;
	border-radius:5px;
	text-decoration:none;
	/*width:40px;
	height:40px;
	*/

}


#mainmenu {
	height:100%;
	position:fixed;
	/*background:url('../img/wallpapers/square_bg.png');*/
	background: url(../img/fonds/tweed.png) ;
	background: rgb(54, 25, 25); /* Fall-back for browsers that don't support rgba */
	background: rgba(54, 25, 25, .8);
	top:0;
	bottom:0;
	height:100%;
	width:240px;
	left:-240px;
	z-index:9999;
	border-right:1px solid white;
}

#mainmenu ul {
	padding:0;
	margin:0;
	list-style:none;
	color:white;
}

#mainmenu ul li {
	height:47px;
	padding-left:30px;
	line-height:47px;
	border-bottom:1px solid white;
}

#mainmenu ul li.active {
	/*background:white;	
	background: url(../img/wallpapers/tweed.png) ;	*/
}

#mainmenu ul li:hover {
	background:#3eb0ce;		
}

#mainmenu ul li a {
	color:white;
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	display:block;
}






#logo {
	padding-left:20px;
	max-width:309px;
	display:block;
}

.article {
	width:450px;
	float:left;
	margin:10px;
	border-top:3px solid #f2b33d;
	background:#2f2f2f;	
}

.article img {
	border-bottom:3px solid #353535;	
}

h2 {
	font-weight:300;
	color:white;
	padding-left:15px;
}

.article p {
	color:#595959;
	padding:0 15px;
	font-size:11px;
	line-height:18px;
	text-align:justify;	
}

a.read_more {
	color:white;
	padding-left:15px;
	text-decoration:none;
	background:url(../img/fleche.png) no-repeat 140px center;
	height:25px;
	display:block;
	line-height:25px;
	margin-bottom:15px;
}


.liste {
list-style-type:none;
}
.liste li {
	margin-bottom:2px;
}
.liste li  a{
	text-decoration:none;
	color:gray;
}



.liste2 {
list-style-type:none;
margin-left:20px;
}
.liste2 li {
	font-size:80%;
	margin-bottom:2px;
}
.liste2 li  a{
	text-decoration:none;
	color:gray;
}
.listef {
list-style-type:none;
float:left;
width:30%;
display:inline;
}
.spacer {
visibility:hidden;
clear:both;
}







/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}




/* Disable iOS/WinMobile font size changes */
@media screen and (max-width: 600px),
screen and (max-device-width: 480px) {
	html {
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
	}
}

/* ==== Media Queries ==== */

/* Wide Screen */
@media (min-width : 1280px) {
	
	#page {
		width:1280px;
		margin:auto;
	}
	
	.article {
		width:400px;
	}
    
}


.mylink {
	text-decoration:none;
	color:grey;
}

/* Default Screen */
@media (min-width : 960px) and (max-width : 1280px) { 
	
	#page {
		width:960px;
		margin:auto;
	}

}

/* Tablet Screen Big */
@media (min-width : 720px) and (max-width : 960px) {
	
	#page {
		width:720px;
		margin:auto;
	}
	
	.article {
		width:330px;
	}

}

/* Tablet Screen Small */
@media (min-width : 640px) and (max-width : 720px) {
	
	#page {
		width:640px;
		margin:auto;
	}
	
	.article {
		width:600px;
	}
    
}

/* Mobile Screen Wide */
@media (max-width : 640px) {
	
	#page {
		width:100%;
		padding:0;
	}
	
	.menu_btn {
		right:10px;	
	}
	
	#logo {
		width: 70%;	
	}
	
	.article {
		width:auto;
	}

}