* {
	z-index: 10;	
}
div {
	borkder:1px solid red;  	
}
body {
	 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #6A0000;
	font-size: 13px;
		background-color: #e8e8e8;
	background: url(../cadr.gif) repeat;
	scrollbar-face-color:#8A1D28;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#C0C0C0;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#808080;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#DAB9A7;
 
}
#contenant {
	width:1010px;height:100%;
	position: relative;
	margin: auto;
	background-color: white;
}
#haut {
	position: relative;
	width:1010px;
	height: 199px;
	background: url(../images/haut.jpg) no-repeat;
}



a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a:hover, a:focus {
	text-decoration: underline;
	color: Purple;
}


a:link {
	text-decoration: none;
	color: Olive;
}

a:active {
	text-decoration: underline;
	color: Olive;
}

a:visited {
	text-decoration: none;
	color: #6A0000;
	font-weight: bold;
}

a.menuoff, a.menuoff:visited, a.menuoff:link {
	color: #BCBD93;
    display: block;
    float: left;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-variant: small-caps;
    font-weight: bold;
    line-height: 35px;
	 width:128px;
	 text-align: center;
}

a.menuoff:hover, a.menuon  {
	text-decoration: none;
	color: #98994d;
	display: block;
    float: left;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-variant: small-caps;
    font-weight: bold;
    line-height: 35px;
	 width:128px;
	 text-align: center;
}


#menu {
	font-size: 12px;
	color: #BCBD93;
	background: url(../images/menugauch.jpg) no-repeat;
	width:1010px; height:35px;
	}
.tiret {
	position:relative;float:left;text-align:center;width:10px;line-height:35px;font-size:13px;}
/* news */


a.news, a:visited.news {
 border-bottom: 1px dashed #808080;
    color: #BCBD93;
    display: inline;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-variant: small-caps;
    font-weight: bold;
    line-height: 35px;
    margin-left: 75px;
    position: relative;
    text-decoration: none;
    z-index: 1000;
	
}
a:hover.news {
  text-decoration: none;
  background: none;
  color: #98994d;
}
#colG {
	background: url(../images/inter.jpg) repeat-y;
	width:681px;
	position:relative;
	float: left;
	min-height:512px;
	background-color: white;
}
#colD {
	background: url(../images/interb.jpg) repeat-y;
	width:329px;
	position:relative;
	float: left;
}
#gauche {
	background: url(../images/milieu.jpg) no-repeat;
	width:681px;height:100%;
	position:relative;
	float: left;
}	
#droite {
	background: url(../images/droite.jpg) no-repeat;
	width: 329px;height:100%;
	position:relative;
	float: left;
}	
	
#present {
	 padding-left: 25px;
    padding-right: 20px;
    padding-top: 12px;
    text-align: justify;
}	
#cotesans {
	 float: left;
    padding-left: 15px;
    position: relative;
    width: 314px;
	
}		
 #bas {
 	 float: left;
    position: relative;
    width: 1010px;
    background: url(../images/bas.jpg);
	 height:22px;
 }
 table.prix {
border: 2px groove #D6BC8B;
position:relative;
top:12px;
	} 
    
td.prix {
	background-color: #8A1D28;
	color:white ;
	border: 1px groove #D6BC8B;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 2px;
}	 
 
span {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6A0000;
  padding-left:10px; padding-right:5px
}



span.petit {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6A0000;
}

p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6A0000;
}

p.petit {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6A0000;
}

.titre {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:10px; padding-right:5px;
	font-weight: bold;
	font-variant: small-caps;
	color: #00008B;
}

a.droite:hover, a:focus {
	text-decoration: underline;
	color: Purple;
}


a.droite:link {
	text-decoration: none;
	color: #00008B;
}

a.droite:active {
	text-decoration: underline;
	color: #00008B;
}

a.droite:visited {
	text-decoration: none;
	color: #00008B;
	font-weight: bold;
}

p.droite, ul.droitelist { 
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #00008B;
 }
 
 p.droite { 
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #00008B;
	font-size: 10px;
 }

 
 

	 
.popup {
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #6A0000;
	text-align: center;
	}
	
a.popup {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

a.popup:hover, a.popup:focus {
	text-decoration: underline;
	color: Purple;
}


a.popup:link {
	text-decoration: none;
	color: Olive;
}

a.popup:active {
	text-decoration: underline;
	color: Olive;
}

a.popup:visited {
	text-decoration: none;
	color: #6A0000;
	font-weight: bold;
}	

.popup2 {
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #6A0000;
	text-align: center;
  margin:auto;
	}
	
table.borde {
border: 0px groove #D6BC8B;
	} 
		
td.borde {
border: 2px groove #D6BC8B;
	} 	
	
p.titpup {
	font-size: 15px;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Olive;
	text-align: center;
}	

.popup3 {
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #6A0000;
	text-align: justify;
	padding-right: 10px;
		}	
		
.popup4 {
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #6A0000;
	padding-right: 10px;
		}	
	
	li.popup3 {
		font-size: 11px;
	}	
	
p.acces {
	margin-left: 185px;
}	

.adresscote {
	text-align: center;
	vertical-align: bottom;
	margin-top: 30px;
}

.adresscote2 {
	text-align: center;
	vertical-align: bottom;
	margin-top: 20px;
}

.intro {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #BCBD93;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
}


a.news span.pophaut, a:link.news span.pophaut 
{display: block;
  position: absolute; 
  top:-235em;
  left:-200em; background-image: none; 
    border: none;
	clear: both;
  font-variant: normal;
	}
 
a:hover.news span.pophaut {
 background: #FFFFFF;
 border: 2px solid #8A1D28;
 color: #6A0000;
 display: block;
 float:left;
 left:-29.5em;
 min-height:360px;
 padding: 10px 5px 0px 0px;
 position: absolute;
 text-align:center; 
 top:1.5em;
 width:660px; 
  z-index: 2000;
  font-weight:normal;
   font-variant: normal;
  font-size: 14px;
  line-height: 16px;
  vertical-align: top;
     }
  
.popupn {
  	float:left;
	text-align:left; 
	font-size:14px; 
	padding:10px; 
	vertical-align:top;
	color: #6A0000;
	width:460px;
	 font-variant: normal;
			}
#pagsup {
	width:620px;
	height:410px;
	 
	padding:10px;
	overflow: auto;
}	
#pagsup a img {
	border: 2px solid #8A1D28;
}		
#pagsup a:hover img {
	border: 2px solid silver;
}	
.tit2ps {
	text-align:center;
	font-size:20px;
	color:maroon;
	font-variant:small-caps;
	font-weight: bold;
	}		
.popup2 {
  	float:left;
	text-align:left; 
	font-size:12px; 
	padding:10px; 
	vertical-align:top;
	color: #000000;
	width:580px;
	 font-variant: normal; 
	 font-weight: normal;
			}		
	
			
.butt {
	color:#DAB9A7;
	background-color:#8A1D28;
	font-size:10px;
	font-family:verdana;
	font-weight:bold;
	border-width:1;
	width:152px;
	text-align:center;
	border-color:#DAB9A7;
	}
#error {
	font-weight:bold; color:#FF0000;
	position: absolute;
	top: 232px;
	left:400px;	
	}		
div#hA a {
	 
	width: 70px;
	height: 58px;
	float: right;
	z-index: 100;
	display: block;
}
div#hB a {
	 
	width: 41px;
	height: 58px;
	float: right;
	margin-right: 16px;
	z-index: 100;
	display: block;
}	
div#hC {
	 
	width: 34px;
	height: 65px;
	float: right;
	margin-right: 16px;
	z-index: 100;
}	
div#hCa a {
	clear: both;
	 
	width: 32px;
	height: 25px;
	float: right;
	z-index: 100;
	display: block;
}	
div#hCb a {
	clear: both;
	 
	width: 32px;
	height: 20px;
	float: right;
	z-index: 100;
	display: block;
}	

 /*--------- Lightbox -----------*/
#lightbox{
    background-color:#FFFFFF;
    padding: 3px;
    border-bottom: 1px solid #8A1D28;
    border-right: 1px solid #8A1D28;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #000000;
    padding-top: 0.5em;
}

#closeButton{ top:2px; right: 2px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; }

#overlay img{ border: none; }

#overlay{ background-image: url(../overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #FFFFFF;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/
		
table#annecy {
	border: none;
	width:1030px;
	text-align:center;
	font-size:12px;
	line-height:16px;
	color:black;
}
table#annecy td {
	width: 202px;
	padding: 5px 1px 5px 1px;
}
div.event {		
	display: block;
	border: 1px solid maroon;
	padding:5px;
	color:black;
}
.titEvent {
	font-size:12px;
	line-height:16px;
	color: maroon;
	font-weight: bold;
}
td.red {
	width:10px;
	background: #8b0000 url(../images/red.jpg) repeat;
}
#titevent {
	position: relative;
	float: right;
	top:20px;
	right:30px;
	width:340px;
	height:55px;
}

#galery {
	  float: left;
    height: 500px;
    left: 10px;
    position: relative;
    top: 10px;
    width: 650px;
	}
 
#galery	div.gall  {
	 float: left;
    margin: auto 36px 60px;
 text-align: center;
}


#galery div.gall a.lienimg, #galery div.gall a:link.lienimg, #galery div.gall a:visited.lienimg   {
background-image: url("../overlayc.png");
    background-repeat: repeat;
    border: 1px solid #000000;
    color: #362D26;
    display: block;
    float: left;
    font-size: 16px;
    font-variant: small-caps;
    font-weight: bold;
    height: 199px;
    line-height: 20px;
    margin-right: 12px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 299px;
} 
#galery div.gall a:hover.lienimg  {
border: 1px solid #dcdcdc;
background-image: none;
color: #F5F1CC;
}

#lang {
	  float: right;
    position: relative;
    right: 130px;
    top: 40px;
    width: 100px;
}