/* ----------------------------------------------
	Template : lazen.css
	Auteur   : J F d'Angelo
	Update DATE : 2024-09-08 13:09 AAAA-MM-JJ hh:mm GMT+1
 ------------------------------------------------ */
 
/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 

/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }


body {
	font: 11px/165% 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	color: #5B5B5B; 	
	margin: 0; 	padding: 0; 
	background: #070707 url(/img/fondlazen.jpg) no-repeat center top;
	/* width:650px; */
	background-attachment: fixed;
	-webkit-background-size: cover; /* chrome / safari */
	-moz-background-size: cover; /* Firefox vieilles versions */
	-o-background-size: cover; /* Opera */
	background-size: cover; /* nouveau standard commun */
	overflow-wrap: break-word;
}

div#container {        position: absolute;        top: 0;        left: 0;        min-height: 100%;        width: 100%;}
div#container {  height: 100%; / * Fix IE 5.5, 6 and 7 * /} html:first-child body { height: 100%; / * fix opera 9.22 and 7.10 * /	color: #FFFF99; / * jaune * /}


.container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  background: rgba(0, 0, 0, 0.8);
}

div#content {padding-top: 0;	padding-left: 0;	padding-bottom:60px;	padding-right: 0;	font-size: medium;	font-weight: bold;	font-family: Georgia, "Times New Roman", Times, serif;	color: #FFFF99; }* html 

/* images */
img {
	border:0px;
	/* padding: 5px; */
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}

.bordscouleurs {
	border: 5px solid transparent;
	BORDER-TOP-COLOR: #C0C0C0;
	BORDER-LEFT-COLOR: #FFFFFF;
	BORDER-RIGHT-COLOR: #202020;
    BORDER-BOTTOM-COLOR: #000000;
	z-index:100;
}
.drapeautransp {
	border:0px;
	background-color:transparent;
	filter:alpha(Opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	z-index:100;
}

#MenuNormal{
	text-align: left;
	margin-left: 5px;
	font-weight:normal;
}

div#social{
	text-align:center;
	font-size:x-large;
	font-weight:bolder;
	color:white;
	position:absolute; /*relative;*/
	left:20em; /* 1em */
	top:30em; /* 2em */
	clear:both;
	background-color:transparent;
	filter:alpha(Opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/PIE.htc);
}
div#Rev{
		position:absolute;
		clear:both;
		left:1em;
		top:35em;
}
div#fb-comments{
		position:relative;
		top:0.5em;
}

div#omoz{
	text-align:center;
	font-size:x-large;
	font-weight:bolder;
	color:white;
	position:relative;
	left:5%;
	background-color:transparent;
	filter:alpha(Opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/PIE.htc);
}

div#flags{
	text-align:center;
	font-size:medium;
	font-weight:bolder;
	/*color:white;*/
	position:absolute;
	clear:both;
	left:15em;
	top:7em;
	height:26px;
	/*background-color:transparent;*/
	filter:alpha(Opacity=100);
	opacity: 1;
	-moz-opacity:1.0;
	z-index:99;
}

div#omoz,
div#accueil,
div#lachambre,
div#prestations,
div#contact{
	vertical-align:middle;
	display:inline-block;
	line-height:normal;
	clear:both;
	position:absolute;
	top:0em;
	height:120px;
	width:170px;
	text-align:center;
	font-weight:bolder;
	color:white;
	font-size:large;
	filter:alpha(Opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/PIE.htc);
}

div#accueil,
div#lachambre,
div#prestations,
div#contact{
	background-color:yellow;
}

.classmenus{
	height:60px;
}


div#omoz{
	font-size:x-large;
	background-color:transparent;
	left:0em;
}

div#accueil{
	left:12em;
}

div#lachambre{
	left:24em;
}

div#prestations{
	left:36em;
}

div#contact{
	left:48em;
}

div#calendrier {
	position:absolute;
	clear:both;
	top: 22em;
	left :-10em;
	margin-left:auto;
	margin-right:auto;
	width: 900px;
}
div#texte{
	position:absolute;
	clear:both;
	top: 10em;
	left:5em;
	width: 950px;
	filter:alpha(Opacity=98);
	opacity: 0.98; /* pour mozilla */
	-moz-opacity:0.98; /* pour mozilla */
	z-index: 100;
	background: rgba(0, 0, 0, 0.8);
}
	
div#sideshow{
		margin-left:auto;
		margin-right:auto;
		filter:alpha(Opacity=95);
		opacity: 0.95;
		-moz-opacity:0.95;
		z-index:99
}

.titre1, h1{
	font: Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:orange;
	text-align:center;
	text-decoration:italic;
	margin-left:auto;
	margin-right:auto;

	font-size:x-large;
}
div#description{
	font: Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:orange;
	text-align:left;
	font-size:large;
	margin-left:3em;
	margin-right:3em;
}
/*
	div#fslideshow {
		width:400px;
	}
	div#slideshow {
		width:300px;
	}
*/
/* fslideshow : slideshow de la page d accueil (entree, jardin) */
	div#fslideshow {
		width:307px;
		position: absolute; /* relative */
		clear:both;
		top:18em;  /* 1em */
		left:15em;
		z-index: 2;
		
	}
	div#fslideshow IMG {
		display: none;
		position: absolute; /* relative */
		clear:both;
		top:18em;  /* 1em */
		left:15em;
		z-index: 4;
	}
	div#slideshow{
		width:200px; /* 300px */
		position:absolute;
		clear:both;
		top:25em;
		left:0.5em;
		z-index:2;
	}
	div#slideshow IMG {
		display: none;
		position: absolute;
		top:25em;
		left:0.5em;
		z-index:4;
	}


@media screen and (max-width: 399px) {
	.container {
		width: 200px;
		margin-left: auto;
		margin-right: auto;
	}
	div#fslideshow {
		max-width:20%;
		max-height:20%;
		top:21em;  /* 1em */
		/*width:200px;*/
	}
	div#slideshow {
		max-width:20%;
		max-height:20%;
		/*width:150px;*/
	}
	div#menu{font-size: 1.1em;}
	div#menu ul {
		width:30px;
	}
	div#menu li a {
	width: 30px;
	}
	.classmenus{
		height:20px;
	}
	div#omoz,
	div#accueil,
	div#lachambre,
	div#prestations,
	div#contact{
		font-size:x-small;
		height:20px;
		width:42px;
	}
	div#accueil{
		left:6em;
	}
	div#lachambre{
		left:12em;
	}
	div#prestations{
		left:18em;
	}
	div#contact{
		left:24em;
	}
	.titre1, h1{
		font-size:small;
	}
	div#description{
		font-size:x-small;
	}
	#flagus, #flager, #flagesp, #flagfr, #phonever {
		font-size:xx-small;
	}
	#flagus a img, #flager a img, #flagesp a img, #flagfr a img, #phonever a img {
	max-width:15%;
	max-height:15%;
	}
	#logoEnercoop a img{
	max-width:20%;
	max-height:20%;
	}
	#logoChHotesRef a img {
	max-width:30%;
	max-height:30%;
	}
	#footer, .hcard, .hcard a {
		font-size:xx-small;
	}
	.notification-box, .notification-box .item {
		max-width:20%;
		max-height:20%;
		font-size:xx-small;
	}
}

@media screen and (min-width: 400px) and (max-width: 639px) {
  .container {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
	}
	div#fslideshow {
		max-width:35%;
		max-height:35%;
		/*width:300px;*/
		top:20em;  /* 1em */
	}
	div#slideshow {
		max-width:30%;
		max-height:30%;
		/*width:270px;*/
	}
	div#menu{font-size: 1.3em;}
	
	div#menu ul {
		width:62px;
	}
	div#menu li a {
		width: 62px;
	}

	.classmenus{
		height:40px;
	}
	div#omoz,
	div#accueil,
	div#lachambre,
	div#prestations,
	div#contact{
		font-size:small;
		height:40px;
		width:85px;
	}
	div#accueil{
		left:8em;
	}
	div#lachambre{
		left:16em;
	}
	div#prestations{
		left:24em;
	}
	div#contact{
		left:32em;
	}
	.titre1, h1{
		font-size:medium;
	}
	div#description{
		font-size:small;
	}
	#flagus, #flager, #flagesp, #flagfr, #phonever {
		font-size:x-small;
	}
	#flagus a img, #flager a img, #flagesp a img, #flagfr a img, #phonever a img {
	max-width:20%;
	max-height:20%;
	}
	#logoEnercoop a img{
	max-width:30%;
	max-height:30%;
	}
	#logoChHotesRef a img {
	max-width:60%;
	max-height:60%;
	}
	#footer, .hcard, .hcard a {
		font-size:x-small;
	}
	.notification-box, .notification-box .item {
		max-width:40%;
		max-height:40%;
		font-size:xx-small;
	}
}
@media screen and (min-width: 640px) and (max-width: 799px) {
	
	.titre1, h1 {
			font-size:large;
	}
    .container {
		width: 600px;
		margin-left: auto;
		margin-right: auto;
	}
	div#fslideshow {
		max-width:40%;
		max-height:40%;
		width:auto;
		height:auto;
		top:19em;  /* 1em */
		/*width:350px;*/
	}
	div#slideshow {
		max-width:40%;
		max-height:40%;
		width:auto;
		height:auto;
		/*width:290px;*/
	}
	div#menu{font-size: 1.5em;}
	
	div#menu ul {
		width:100px;
	}
	div#menu li a {
		width: 90px;
	}

	.classmenus{
		height:50px;
	}
	div#omoz,
	div#accueil,
	div#lachambre,
	div#prestations,
	div#contact{
		height:50px;
		width:96px;
		font-size:medium;
	}
	div#accueil{
		left:10em;
	}
	div#lachambre{
		left:20em;
	}
	div#prestations{
		left:30em;
	}
	div#contact{
		left:40em;
	}
	.titre1, h1{
		font-size:large;
	}
	div#description{
		font-size:medium;
	}
	#flagus, #flager, #flagesp, #flagfr, #phonever {
		font-size:small;
	}
	#flagus a img, #flager a img, #flagesp a img, #flagfr a img, #phonever a img {
	max-width:30%;
	max-height:30%;
	}
	#logoEnercoop a img{
	max-width:50%;
	max-height:50%;
	}
	#logoChHotesRef a img {
	max-width:90%;
	max-height:90%;
	}
	#footer, .hcard, .hcard a {
		font-size:small;
	}
	.notification-box, .notification-box .item {
		max-width:60%;
		max-height:60%;
		font-size:x-small;
	}
}
@media screen and (min-width: 800px) {
	.container {
		width: 800px;
		margin-left: auto;
		margin-right: auto;
	}
	div#fslideshow {
		max-width:56%;
		max-height:56%;
		top:18em;  /* 1em */
		/*width:400px;*/
	}
	div#slideshow {
		max-width:60%;
		max-height:60%;
		/*width:300px;*/
	}

	div#menu{font-size: 1.7em;}
	
	div#menu ul{
	width: 109px;
	}
	
	div#menu li a {
	width: 170px;
	}
	
	.classmenus{
		height:60px;
	}
	div#omoz,
	div#accueil,
	div#lachambre,
	div#prestations,
	div#contact{
		font-size:large;
		height:60px;
		width:170px;
	}
	div#accueil{
		left:12em;
	}
	div#lachambre{
		left:24em;
	}
	div#prestations{
		left:36em;
	}
	div#contact{
		left:48em;
	}
	.titre1, h1{
		font-size:x-large;
	}
	div#description{
		font-size:large;
	}
	#flagus, #flager, #flagesp, #flagfr, #phonever {
		font-size:medium;
	}
	#flagus a img, #flager a img, #flagesp a img, #flagfr a img, #phonever a img {
	max-width:90%;
	max-height:90%;
	}
	#logoEnercoop a img{
	max-width:76%;
	max-height:76%;
	}
	#logoChHotesRef a img {
	max-width:125%;
	max-height:125%;
	}
	#footer, .hcard, .hcard a {
		font-size:medium;
	}
	.notification-box, .notification-box .item {
		max-width:70%;
		max-height:70%;
		font-size:small;
	} /* , .notification-box .item p, .notification-box .item a */
}

div#fslideshow, div#slideshow{
		margin-left:auto;
		margin-right:auto;
		z-index: 3;
		display:inline-flex;
		filter:alpha(Opacity=70);
		opacity: 0.7;
		-moz-opacity:0.7;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		/*width:10em;*/
}

div#fslideshow img{
max-width:70%;
max-height:70%;
width:auto;
height: auto;
display:block;
}
div#slideshow img{
max-width:60%;
max-height:60%;
width:auto;
height: auto;
display:block;
}
/* align="left" style="position:absolute;top:45em;left:80em;" */


/* 04-2016 */
div#chambredhotesorg {
	display: inline;	
	font-size:x-small;
	color:yellow;
}

/* for chambrehotes.org */

/* MENU 11/08/2013 16h30 */
/* ################################################### */
/* ################################################### */
/* ################################################### */
div#menu {
	filter:alpha(Opacity=85);
	opacity: 0.85; /* pour mozilla */
	-moz-opacity:0.85; /* pour mozilla */
	/* width: 170px; /* le 21/07/2016 au lieu de 210px */
	position:absolute;
	top: 1em;
    left: 1em;
    clear: both;
	margin-bottom:auto;
	/*margin-bottom:1px;*/
	margin-left:auto;
	z-index:100;
	/* ajouts JFA 28/08/2013 */
	font-size: 1.7em;
	font-weight: normal;
	padding: 5px 5px 5px 5px; /* Haut Droit Bas Gauche */
	height:60px;
	/*float:bottom;*/
}
div#menu a {
	/*color: rgb(0, 0, 0);*/
	/* arrondi ==> */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(/PIE.htc);	
	height:60px;
}
div#menu ul {
	/*background: white;*/
	margin: 0px; padding: 0px; /* border: 1px solid currentColor; */
	/*width: 10%;*/
	/* width: 109px; /* 21/07/2016 au lieu de 209px; */
	color: white;
	/* arrondi ==> */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(/PIE.htc);	
	height:60px;
}

div#menu li:hover {
	color: white;
	/*color: #cd9857;*/
	background: green; /* au lieu rgb(46, 184, 14) = vert criard */
	filter:alpha(Opacity=100);
	opacity: 1; /* pour mozilla */
	-moz-opacity: 1; /* pour mozilla */
	/* arrondi ==> */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(/PIE.htc);	
}
/*div#menu li.sousmenu:hover {
	background: rgb(238, 187, 187);
}
div#menu li.sousmenu {
	background: url("fleche.gif") no-repeat 95% 50%;
}
*/
div#menu ul li {
	list-style: none; /* border-bottom-color: currentColor; border-bottom-width: 1px; border-bottom-style: solid; */
	position: relative;
	/* arrondi ==> */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(/PIE.htc);	
}
div#menu ul ul {
	left: 100px; top: -1px; display: none; position: absolute;
	/* arrondi ==> */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(/PIE.htc);	
}
div#menu li a {
	padding: 4px 0px 4px 8px; /*width: 170px; */ text-decoration: none; /* 21/07/2016 : width 190px au lieu de 200px 04/2014: border-left-color: rgb(187, 187, 187); border-left-width: 8px; border-left-style: solid; */
	display: block;
	/* arrondi ==> */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(/PIE.htc);	
}

div#menu li.sel {
	/* font-style:italic; */
	color: white;
	/* arrondi ==> */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(/PIE.htc);	
}
div#menu li.sel a {
	background: purple;
	color: white;
	/* width: 120px; §§§§§§§§§§§ */
	/* arrondi ==> */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(/PIE.htc);
	/* Ajout 27/07/2016 */
	BORDER-TOP-COLOR: #C0C0C0;
	BORDER-LEFT-COLOR: #FFFFFF;
	BORDER-RIGHT-COLOR: #202020;
    BORDER-BOTTOM-COLOR: #000000;
	border: 2px solid transparent;
}
div#menu li.sel:hover {
	color: white;
	background: green;
	filter:alpha(Opacity=100);
	opacity: 1; /* pour mozilla */
	-moz-opacity: 1; /* pour mozilla */
	/* arrondi ==> */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(/PIE.htc);	
}
div#menu li.sel a:hover {
	color: white;
	background: green;
	filter:alpha(Opacity=100);
	opacity: 1; /* pour mozilla */
	-moz-opacity: 1; /* pour mozilla */
	/* arrondi ==> */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(/PIE.htc);	
}

/* form elements */
form {
	margin: 20px 10px; padding: 5px 10px 20px 10px;
	border: 0px; /*1px solid #111; */
	/*background: #070707; 	*/
}
label {
	display: block;
	font-weight: bold;
	margin: 8px 0;
	color: #fff;
} /*input,select,textarea */
select, textarea {
	padding: 5px 4px;
	font: normal 1em Verdana, Tahoma, sans-serif;
	color: #6A6969;
	background: #0C0C0C;  
	border: 1px solid #1C1C1C;
}
input {
	padding: 3px 2px;
	font: normal 1em Verdana, Tahoma, sans-serif;
	color: #9A9999; /*#6A6969; */
	background: #4C4C4C;
	/* JFA tests ==> background-color: transparent; /*background: #1C1C1C; background: url(/img/fondrouge.gif);	*/
	border: 4px solid #2C2C2C;
}

textarea {
	width: 400px;
	height: 100px;
	display: block;	
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 30px;
	margin: 0;
	padding: 2px 3px; 
	color: white; /*#B8484E; /*##48780E;*/
	/*background-color: transparent; 	/* background: #000; */
	/*background: url(/img/fondrouge.gif);	*/
	
	border-width: 1px;
  	border-style: solid;
  	border-color: #1c1c1c;
}

/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 

#silhouette {
	/* nouveau JFA */
	filter:alpha(Opacity=50);
	opacity: 0.50; /* pour mozilla */
	-moz-opacity:0.50; /* pour mozilla */
	text-align: center;
}

#wrap {
	position: relative;
	width: 900px;	
	margin: 0 auto;
	text-align: left;		
}
#content-wrap {
	position: relative;
	clear: both;
	width: 900px;	
	padding: 0; 		
	margin-left: 5px;	
	background: transparent;
	float: left;	
	display: inline;	
	border-top: 1px solid #1A1A1A;
}
#header {
	position: relative;
	width: 900px;	
	height: 430px;	
	margin: 0; padding: 0;		
	background: transparent;
}

/* Sidebar */	
#sidebar {
	float: right;
	width: 290px;
	padding: 0; margin: 25px 0 0 0;		
	display: inline;	
}	
#sidebar h3 {
	margin-top: 10px;
	padding: 15px 5px 10px 5px; 
	font: normal 1.8em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;				
	background: url(/img/footer-top.jpg) no-repeat center bottom;
	color: #fefefe;
}
#sidebar ul.sidemenu {
	text-align: left;
	margin: 7px 5px 8px 0px; padding: 0;				
}
#sidebar ul.sidemenu li {
	list-style: none;
	padding: 8px 10px;
	margin: 0;		
	border-bottom: 1px solid #111;
}
* html body #sidebar ul.sidemenu li {
	height: 1%;
}
#sidebar ul.sidemenu li a {
	text-decoration: none;	
	border: none;
	color: #5d5d5d; 	
		
	font-weight: bold;		
	font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
	font-size: 14px;	
	/* letter-spacing: .5px;  */
}
#sidebar ul.sidemenu li a span {
	color: #444;	
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-weight: normal;	
	font-size: 11px;
}
#sidebar ul.sidemenu li a:hover,
#sidebar ul.sidemenu li a:hover span {	
	color: #fff;	
}
#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { border: none; }

/* JFA 16-06-2013 un vrai footer qui ne se vire pas du bas de la page !...*/
#footer {
        position: absolute;
        bottom: 0;
        left: 0;
        clear: both;
        width: 100%;
		z-index: 100;
		display: inline;
		color: #c3691e;
		font-size:medium;
        /*background-image:url(/img/fondempreinte.jpg);
		background-repeat:repeat;
		background-attachment:fixed;*/
}
/* footer */
#footer-wrap {
	position: relative;
	clear: both;
	padding: 1em 0 2.5em 0;
	margin-top: 30px;
	font: normal 1em 'Trebuchet MS', Tahoma, sans-serif;	
	/* background: #070707 url(/img/footer-top.jpg) no-repeat center top; */
	/* color: #555; */
	width: 900px;
	float: left;	
	display: inline;
	border-bottom: 50px solid #070707;		
}
#footer-wrap h3 {
	font: normal 1.6em/1.6em 'Trebuchet MS', Tahoma, sans-serif;
	color: #ABABAB;	
}
#footer-content {	
	margin: 0 auto;		
	width: 880px;
	text-align: left;		
}

#menudroit {
		float:right;
		width: 240px;
		/* background-color:#FF3366; */
		margin: 0;
		margin-top: auto;
		padding: 0;
		padding-left: 130px;
}

#evts{
	vertical-align:middle;
	display:inline-block;
	line-height:normal;
	text-align:left;
	margin-left:1% auto; /* 5 em */
	margin-top:auto;
	position:absolute;
	clear:both;
	left:15%; /* 25 em*/
	top:18%; /* 15 em */
	background-color:olive;
	filter:alpha(Opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	z-index:99;
	behavior: url(/PIE.htc)
}
		
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clearer { clear: both; }

.clear {
	display:inline-block;
}
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}

.a2, .a2:active, .a2:link, .a3, .a3:active, .a3:link {
	text-decoration: none;
	color: black;
}

.a3 {
	font-style: italic;
}
div#thefooter {
display:inline;position:absolute;right:5em;
}
	#style66 {
			font-size:6px;
			width:6px;
			display: inline;
	}

	 #flagstyle {
		font-size:medium;
		position:absolute;
		clear:both;
		left:2em;
		top:5em;
		display:inline;
		filter:alpha(Opacity=85);
		opacity: 0.85;
		-moz-opacity:0.85;
	 }
	 
	 #flagus, #flager, #flagesp, #flagfr, #phonever {
		width:170px;
		display:inline;
		z-index:99;
		/*width:auto;
		height: auto;*/
	 }
	 #logoChHotesRef, #logoEnercoop {
		display:inline;
		z-index:9;
		filter:alpha(Opacity=70);
		opacity: 0.7;
		-moz-opacity:0.7;
		font-size:medium;
		display:inline;
		position:absolute;
		left:1em;
		width:auto;
		height: auto;
		width:160px;
	 }
	 
	 #flagus {
		top:12em;
	 }
	 #flagfr {
		top:13em;
	}
	 #flagesp {
		top:14em;
	}
	#phonever {
		top:15em;
	}
	#logoChHotesRef {
		width:228px;
		height:141px;
		top:30em;
		left:1em;
	}
	#logoEnercoop {
		width:80px;
		height:43px;
		top:40em;
		left:1em;
	}

	#chmbh {
		position:absolute;
		clear:both;
		left:0em;
		top: 16em;
		width:110px;
		display:inline;
		z-index:3;
	}
	.jardin01 {
		width:"400px";
		height:"225px";
		position: absolute;
		bottom:4em;
		left:4em;
		z-index: 4;
	}
a:link {
    color: lightgreen;
}
a:hover {
    color: lightblue;
}
a:visited {
    color: brown;
}
div#titretab{
	position:relative;
	left:7em;
	top:-3em;
}

div#PrixLazen_3365 {
	position:relative;
	top:5
}
table#prix {
 border-collapse:collapse;
 table-layout:fixed;
 width:89pt;
 border: 0;
padding-top:1px;
padding-right:1px;
padding-left:1px;
color:black;
font-size:11.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family:Calibri, sans-serif;
text-align:general;
vertical-align:bottom;
white-space:nowrap;
}

talbe#prix2 {
	border-collapse:collapse;
	table-layout:fixed;
	width:627pt;
	border: 0;

}
.h30  {
	height:30.0pt;
}

 table#prix col{
	width:89pt;
}

table#prix col tr{
height:15.0pt;
}

.none{
	display:none;
}

table #prix col tr td {
	height:15.0pt;
	width:89pt;
}

.col1 {
	width:67pt;
}
.col2 {
	width:97ptpt;
}
.col3 {
	width:123ptpt;
}
.col4 {
	width:97pt;
}
.col5 {
	width:123pt;
}
.col6 {
	width:60pt;
} 
table#prix2 col tr {
	height:30pt;
}
.t1 {
	height:30.0pt;
	width:67pt;
}
.t2 {
	border-right:1.0pt solid black;
	width:220pt;
}
.t3 {
	border-right:1.0pt solid black;
	border-left:none;
	width:220pt;
}  
.t4 {
	width:60pt;
}
.tr165 {
	height:16.5pt;
}
.tdnob {
	border-top:none;
}
.tdnobnob {
	border-top:none;
	border-left:none;
}

.titrechamb {
	margin-left:5em;
	margin-right:5em;
}
.w118 {
	width:118px;
}

div#RedFidelite {
	display:inline;
	position:relative;
	top:-150px;
	left:1em;
	margin-right:50px;
}
div#Resa {
	position:absolute;
	clear:both;
	bottom:4em;
	left:22em;
}

.Resa{
	font-weight:bolder;
	font-size:medium;
	color:yellow;
}
.xsmall{
	font-size:x-small;
}
div#langChanger {
	display:inline;
}


/* COOKIE ALERT */
.notification-box {
	position: fixed;
	bottom: 80px;
	right:60px;
	width:200px;
	z-index:100;
	filter:alpha(Opacity=75);
	opacity: 0.75;
	-moz-opacity:0.75;
	width:auto;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
.notification-box .item {
	margin-top:15px;
	padding:10px 15px;
	border-radius: 10px;
	background:#2f2f2f;
	color:#fff;
	width:auto;
	height:auto;
}
	.notification-box .item p {
		margin-bottom:8px;
		width:auto;
		height:auto;
	}
	.notification-box .item a { 
		display:block;
		text-align: center;
		padding:5px 10px;
		margin:0 auto;
		border-radius: 10px;
		background:transparent;
		border: 2px solid #46A2D9;
		color:#46A2D9;
		transition: all .3s ease;
		cursor: pointer;
		width:auto;
		height:auto;
	}
		.notification-box .item a:hover {
			background: #46A2D9;
			color:#2f2f2f;
		}

.notification-box .item.live { background:transparent;padding:0;border-radius:0; }
.notification-box .item.live a { background:#EDEDED;border:2px solid #00C762;color:#00C762;border-radius:10px }
.notification-box .item.live a:hover { color:#EDEDED;background:#00C762; }

.notification-box .item.info { background:transparent;padding:0;border-radius:0; }
.notification-box .item.info a { display:inline-block;font-weight:500;background:#EDEDED;border:2px solid #FF926F;color:#FF926F;border-radius:10px;text-align:center}
	.notification-box .item.info a:hover { color:#EDEDED;background:#FF926F; }

@media only screen and (max-width:480px) {
	.notification-box {
		text-align: center;
		left: 0; right: 0;
	  	margin: 0 auto;
		max-width:700px;
		padding:10px 30px;
	}
}