body {
scrollbar-base-color: #A5AAB0;
background-color: #192322;
color: White; 
font-family: Arial, Helvetica, sans-serif;
margin: auto;
}
#contenaire{
	background-image: url(images/maquette3.jpg);
   background-repeat: no-repeat;
	width: 850px;
	height: 650px;
	margin-left: 90px;
}
#logo{
	position: absolute;
	top: 20px;
	left: 180px;
}
/** texte decoration***/
.capti{
	text-transform: capitalize;
}
.petit{
	font-size: 18px;
}
img{
	border: none;
}

/*** menu**/
#menu a:active,#menu a:visited,#menu a:link {
text-decoration: none;
color: White;
font-size: 25px;
font-style: normal;
}
#menu a:focus,#menu a:hover {
text-decoration: none;
color: #333333;
font-size: 25px;
font-style: italic;
}
.acc{
position: absolute;
top: 380px;
left:90px;
}
.cont {
position: absolute;
top: 380px;
left:852px;
}
/*** contenu***/
#contenu{
	color:#969696 ;
	position: absolute;
	top:220px;
	left:182px;
	width: 668px;
	text-align: left;
	font-size: 20px;
	line-height: 35px;
	text-align: center;
	/*font-weight: bold;
	letter-spacing:-1px;*/
}
#contenubis{
	color:white;
	position: absolute;
	top:220px;
	left:180px;
	width: 668px;
	text-align: left;
	font-size: 20px;
	line-height: 35px;
	text-align: center;
}
/*#text1{
width: 280px;
}
#text2{
font-size: 15px;
line-height: 25px;
width: 280px;
}
#text3{
font-size: 15px;
line-height: 25px;
}*/

#contenucont{
	font-size:18px;
	color: White;
	position: absolute;
	top:220px;
	left: 180px;
	width: 668px;
	text-align: center;
}
.button{
	background-color: #CCCCCC;
	color: white;
}

/*** adresse***/
#coor{
  text-align: center;
  line-height: 18px;
	position: absolute;
	top: 620px;
	left:240px;
	font-size: 22px;
	color: White;
	font-weight: bold;
}

/*** pied de page***/
.footer{
	font-size: 9px;
	position: absolute;
	top: 670px;
	left:360px;
}
.footer a{
	color: white;
}
/*** visioneuse***/
#container {
position:absolute;
top: 548px;
left:265px;
width:668px;
height:60px;
background-color: transparent;

}
#container a.gallery,#container a.gallery:visited {
display:inline;
color:#A1515E;
text-decoration:none;
border:1px solid #A5AAB0;
width:50px;
height:50px;
float:left; 
margin:5px 10px 5px; 
position:relative;
cursor:default;
}
/***restauration *****/
a.slidea {background-image: url(images/pt7.jpg); }
a.slideb {background-image: url(images/pt1.jpg); }
a.slidec {background-image: url(images/pt2.jpg); }
a.slided {background-image: url(images/pt3.jpg); }
a.slidee {background-image: url(images/pt4.jpg); }
a.slidef {background-image: url(images/pt5.jpg); }
a.slideg {background-image: url(images/pt6.jpg); }
a.slideh {background-image: url(images/ptchevaux3.jpg); }

a.gallery span {
visibility:hidden;
display:block; 
position:absolute;
width:480px; 
height:310px;
top:100px;
left:9px; 
color:#000; 
background-color: transparent;
text-align:center;
letter-spacing:1px;
cursor:default;
}
/***Restauration**/
a.slidea span {left:4px; top:-340px;}
a.slideb span {left:-68px; top:-340px;}
a.slidec span {left:-140px; top:-340px;}
a.slided span {left:-212px; top:-340px;}
a.slidee span {left:-262px; top:-340px;}
a.slidef span {left:-355px; top:-340px;}
a.slideg span {left:-428px; top:-340px;}
/*a.slideh span {left:-595px; top:-340px;}*/

a.gallery:hover {white-space:normal; border:1px solid#D58A77; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

#container a.gallery:hover span img {
margin:1px;
position:relative;
z-index:100;
border: none;
}

a.gallery:active, a.gallery:focus {
border:1px solid #c00; 
z-index:0;
}

a.gallery:active span, a.gallery:focus span {
visibility:visible;
 z-index:0;
 }

a.gallery:active span img, a.gallery:focus span img {
border:1px solid #000;
position:relative;

z-index:800;}