* {
margin:0;
padding:0;
}
html {
	height:100%;}
body {
	background:#EDEDEA  url(../gfx/fond/fond.gif) repeat-x;
	text-align:center;
	color:#625F5C;
	font-size:10px;
	font-family:Tahoma, "Trebuchet MS";
	}
hr {	border: 0;
	visibility:hidden;
	clear:both;
	} 
.float_l {float:left;
	margin:0 8px 0 0 ;
	}

	.float_r {float:right;
	margin:0 0 0 8px;
	}
	.right {clear:both;
	text-align:right;
	float:right;
	display:block;
	position:relative;
	}
	br.clear {clear:both;
	height:2px;}
	h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {display:none;}
.clear{
clear:both;
float:none;
}
/*/////////////////ELEMENT COMMUN//////////////////////////*/
#msgbox{
	background:url(../gfx/fond/msgbox.gif) no-repeat;
	color:white;
	height:102px;
	left:450px;
	position:absolute;
	top:300px;
	width:244px;
	z-index:10000;
	display:none;
}
#msgbox_contenu{
	color:#854604;
	font-weight:bold;
	height:70%;
	padding-left:20px;
	padding-right:35px;
	position:relative;
}
#msgbox_bar{
	height:20%;
	width:100%;
	position:relative;
	text-align:right;
	padding-right:5px;
}

#msgbox_bar a {
background:transparent url(../gfx/deco/close.gif) no-repeat scroll right top;
display:block;
font-weight:bold;
height:20px;
margin-right:13px;
margin-top:10px;
text-align:left;
text-decoration:none;
width:20px;
float:right;
}

.error{
	color:#FAF9F2;
	font-weight:bold;
	height:0px ;
}

.tel_error{
	color:#EFEBD9;
	font-weight:bold;
	height:0px ;
}

.error_visible{
	color:#E3771F;
	height:20px ;
}

form input{
/*background:#D8D5C6;
border-left:1px solid #F9F8F1;
border-bottom:1px solid #F9F8F1;
border-top:1px solid #B8B5A8;
border-right:1px solid #B8B5A8;
font-size:11px;
padding:2px;
color:#505050;
margin-right:5px;*/
background:transparent url(../gfx/bloc/champ.gif) no-repeat scroll 0%;
border:1px solid #F7F3E5;
color:#4B4742;
font-size:11px;
height:16px;
padding:2px 0pt 0pt 2px;
}

.btSubmit{
padding:0;
margin:0;
display:block;
text-indent:-9999px;
overflow:hidden;
width:18px;
height:20px;
border:0;
background:url(../gfx/deco/boutons/envoyer.gif) no-repeat;
}
.img{
border:2px solid #535353;
width:auto;
height:auto;
}

.img img{
border:1px solid #fff;
margin:0;
padding:0;
}


#header {width:937px;
	background:url(../gfx/fond/header.gif) no-repeat;
	position:relative;
	height:254px;
	margin:0 auto;
	padding:5px 10px 0 5px;
	}
	.posirel {position:relative;}
	.nav {height:38px;
	padding:2px 0 0 383px;
	text-align:left;
	}
	.nav h6 {margin:0;}
	.nav div {float:left;
	background: url(../gfx/bloc/header/effect.gif) no-repeat;
	padding:1px 0 0 10px;
	height:30px;
	}
	.acces {
	width:405px;}
	.versions {
	width:110px;}
	.nav ul {
	display:inline;}
	.nav ul li {float:left;
	list-style:none;
	padding:0 0 0 4px;
	margin:0 3px 0 4px;
	border-left: 2px solid #C1A800;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
		}
	.nav ul li.off {background:#C1A800;
	padding:0 2px;
	color:#fff;
	font-weight:bold;
	}
	.nav ul li a {color:#7E7162;
	border-bottom: #7E7162  dotted 1px;
	text-decoration:none;
	display:block;
	}
	.nav ul li a:hover {border-bottom: #7E7162  solid 1px;}
	
#anim {
	width:927px;
	height:126px;
	border:3px #625F5C solid;
	z-index:1;
	clear:left;
	margin:0 0 0 4px;
}
#reservation {
	width:303px;
	height:201px;
	z-index:10;
	position:absolute;
	top:44px;
	right:18px;
	text-align:left;
	background:url(../gfx/bloc/reservez_ligne.png) no-repeat right !important;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://ot_vichy.nemo.subsend.net/deploy/public/gfx/fond/reservez_ligne.png", sizingMethod="scale");
}
#reserv {
	position:absolute;
	top:110px;
	right:28px;
	width:200px;
	height:154px;
	text-align:left;
	font-family:Tahoma, "Trebuchet MS";
	z-index:12;	
}
#reserv  p {
	font-size:10px;
}
.rech {
	padding:6px 0 0 36px;
	font-size:10px;
	color:#854604;
}
p.cote {
	float:left;
	position:relative;
	width:100px;
	display:block;
}
#reserv label {
	display:block;
	width:100%;
}
#reserv .envoi{
	margin:0;
}
#reserv .boutons {
	margin-top:0px;
	height:40px;
	padding-right:10px;
	background:none;
}
#reserv .boutons input {
	margin:0px;
	display:block;
	width:152px;
	float:right;
	text-align:right;
	padding-right:24px;
	height:20px;
	line-height:20px;
	background-position:100% 50%;
}
#reserv .boutons input.envoi {
	width:102px;
}
input.champ, 
input.champs,  
select.champs {
	background:url(../gfx/bloc/champ.gif) no-repeat;
	height:16px;
	color:#4B4742;
	font-size:11px;
	padding:2px 0 0 2px;
	clear:left;
	border:1px solid #F7F3E5;
}
input.champs, 
select.champs {
	background:#E5E3DC url(../gfx/bloc/champ1.gif) no-repeat;
	clear:none;
	width:70px;
	height:auto;
	font-size:9px;
}
input.champs:hover, 
select.champs:hover {
	background:#C1A800 url(../gfx/bloc/champ2.gif) no-repeat;
	color:#fff;
}
.envoyer, 
.envoi { 
	background:url(../gfx/deco/boutons/envoyer.gif) no-repeat;
	border:none;
	width:17px;
	height:19px;
	cursor:pointer;
	margin:0 0 0 3px;
}
.envoi { 
background:url(../gfx/deco/boutons/envoi.gif) no-repeat;
	width:18px;
	height:20px;
}

#wrapper {
	width:952px;
	margin:0 auto;
	background:url(../gfx/fond/ftable.gif) repeat-y;
	text-align:left;
}
#colGch {
	width:184px;
	float:left;
	padding-left:10px;
	margin:1px 5px 0 0 ;
}
#colGch .blocColGch{
	width:177px;
	background:url(../gfx/bloc/bottom-col-gch.gif) no-repeat left bottom;
	padding-bottom:3px;
	margin-bottom:10px;
}
#colGch .blocColGch .topCol{
display:block;
width:177px;
height:16px;
background:url(../gfx/bloc/top-col-gch.gif) no-repeat;
}
#colGch .blocColGch dl{
width:177px;
background:url(../gfx/bloc/fd-col-gch.gif) repeat-y;
}
#colGch .blocColGch dl dt{
width:166px;
margin-left:6px;
padding-bottom:6px;
text-indent:-9999px;
}
#colGch .blocColGch dl dd {
margin-left:6px;
padding-bottom:6px;
clear:left;
}
#colGch .blocColGch dl dd a{
padding-left:20px;
width:145px;
height:12px;
display:block;
color:#7A6C0C;
text-decoration:none;
background: url(../gfx/bloc/fd-bt-col-gch.gif) no-repeat left top;
}
#colGch .blocColGch dl dd.separation{
background:transparent url(../gfx/bloc/separ.gif) no-repeat scroll 0%;
height:17px;
width:145px;
}
#colGch .blocColGch dl dd a:hover, #colGch .blocColGch dl dd a.selected{
color:#fff;
background: url(../gfx/bloc/fd-bt-col-gch.gif) no-repeat left bottom;
}
#colGch dl#titre-decouverte{
padding-bottom:10px;
}
#colGch dl#titre-decouverte dd, #colGch dl#titre-decouverte a{
display:inline;
margin:0;
padding:0;
background:none;
}
#colGch dl#titre-decouverte dd{
padding-left:8px;
}
#colGch dl#titre-decouverte a img {
border:1px solid #858585;
}

#col_2 {background:url(../gfx/fond/middle.gif) repeat-y;
	width:518px;
	padding:5px 8px 0 8px;
	float:left;
	min-height:610px;
	}


#colDrt{
margin-top:1px;
padding-right:10px;
width:208px;
float:right;
background:url(../gfx/bloc/bottom-col-drt.gif) no-repeat left bottom;
padding-bottom:3px;
}

#colDrt .topCol{
display:block;
width:208px;
height:16px;
background:url(../gfx/bloc/top-col-drt.gif) no-repeat top left;
}
#colDrt .topColInter{
display:block;
width:208px;
height:16px;
background:url(../gfx/bloc/top-col-drt-inter.gif) no-repeat top left;
}

#colDrt dl{
width:208px;
background:url(../gfx/bloc/fd-col-drt.gif) repeat-y;
}
#colDrt dl dt{
width:202px;
margin-left:6px;
margin-bottom:6px;
text-indent:-9999px;
}
#colDrt dl dd {
margin-left:6px;
padding-bottom:6px;
font-weight:bold;
color:#854604;
background:url(../gfx/deco/puces/orange.gif) no-repeat;
padding-left:20px;
clear:both;
}
#colDrt dl dd span{
font-weight:normal;
}
#colDrt dl dd p{
padding-top:2px;
color:#625F5C;
}
#colDrt dl dd a{
height:12px;
color:#854604;
text-decoration:none;
font-weight:bold;
}
#colDrt dl dd a.date-picker{
height:16px;
width:16px;
}

#colDrt  dl dd.separation{
width:180px;
height:5px;
background: url(../gfx/bloc/separation-drt.gif) no-repeat ;
margin-left:4px;
}
#colDrt form{
padding-top:3px;
}
#colDrt form input{
float:left;
}
#colDrt label{
clear:both;
display:block;
width:100%;
color:#505050;
}

/*////////////////////////////////////////*/
#footer {background:url(../gfx/fond/footer.gif) repeat-x;
	height:64px;
	position:relative;
	top:-5px;
	}
	#footer ul {margin:0 auto;
	width:852px;
	background:url(../gfx/fond/footer_f.gif) no-repeat;
	height:44px;
	padding:20px 0 0 100px;
	}
	#footer ul li {
	display:inline;
	background:url(../gfx/fond/footer_effect.gif) no-repeat;
	height:25px;
	padding:6px 10px 0 10px;
	list-style:none;
	display:block;
	float:left;
	}
	#footer ul li span {display:none;}
	div#link1, div#link2, a#link3, a#villeVichy { background:url(../gfx/fr/menu/footer_1.gif) no-repeat 0 3px;
	height:15px;

	}
	div#link1 {width:160px;
	padding-left:60px;
	text-align:right;}
	div#link2 { background:url(../gfx/fr/menu/footer_2.gif) no-repeat 0 3px;
	width:126px;padding-left:45px;
	}
	a#link3 { background:url(../gfx/fr/menu/footer_3.gif) no-repeat;
	width:120px;
	display:block;
	}
	
	#footer a#villeVichy { background: url(../gfx/fr/boutons/ville-vichy.gif) no-repeat;
	width:147px;
	display:block;
	height:31px;
	margin:-5px 0 0 0;
	}
#footer a#villeVichy:hover {background-position: 0 -32px;
border:none;}
#col_2 .actualites .texte p {line-height:11px;
font-size:10px;}

/* New home */
#accueil {border:1px #625f5c solid;
width:516px;
height:297px;
}
#actu {background:url(../gfx/fond/newhome/actu.jpg) no-repeat;
	padding:10px 0 0 50px;
	min-height:55px;
	_height:55px;
	margin:8px 0 0 0;
	}
	#actu h2 {background:url(../gfx/fond/newhome/filactu.gif) no-repeat;
	width:100px;
	height:22px;
	text-indent:-9999px;}
	#col_2 #actu p {font-size:9px;
	line-height:12px;
	}
	#col_2 #actu b, #col_2 #actu b a, #lefocus b {color:#854604;}
	#col_2 #actu a, #col_2 #actu a:hover {text-decoration:none;
	color:#615a53;
	border:none;
	}
.flt {float:left;
width:230px;
}
.fil {background: url(../gfx/fond/newhome/filets.gif) repeat-y right;
width:220px;
margin:0 10px 0 0;
padding:0 5px 0 0;
}
#lefocus {clear:left;
	margin:8px 0;
	border-top:2px solid #d4d4d4;
	padding:10px 0 0 50px;
	background:url(../gfx/fond/newhome/focus.jpg) no-repeat 0 5px;
	min-height:55px;
	_height:55px;
	}
	#col_2 #lefocus  p {font-size:10px;
	line-height:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	#lefocus h2 {
	background: url(../gfx/fond/newhome/focus.gif)  no-repeat;
	width:100px;
	height:16px;
	text-indent:-9999px;
	line-height:10px;
	font-size:10px;
	}
	#lefocus h3 {
	margin:0 0 3px 0;
	font-family:"Trebuchet MS", Tahoma;
	font-size:14px;
	color:#854604;
	}
#lefocus img {float:right;
	margin:0 0 0 10px;
	}
.pdf, .bloc a.pdf {background:url(../gfx/deco/pictos/pdf.gif) no-repeat 0 2px;
padding:0 0 0 15px;
color:#c3ab08;
font-weight:bold;
border:none;
text-decoration:underline;
font-size:11px;
margin:0;
clear:both;
}