body {
background-color: White;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
margin: auto;
}
img{
	border: none;
}
#contenaire{
	background-image: url(images/maquette.jpg);
   background-repeat: no-repeat;
	width: 850px;
	height: 680px;
	margin-left: 80px;
}
#contenairecont{
	background-image: url(images/maquettecont.jpg);
	background-repeat: no-repeat;
	width: 550px;
	height: 680px;
}

/** 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: #CC0001;
font-size: 18px;
font-style: normal;
font-weight: bold;
}
#menu a:focus,#menu a:hover {
text-decoration: none;
color: #CC0001;
font-size: 18px;
font-style: italic;
font-weight: bold;
}
.acc{
position: absolute;
top: 65px;
left:420px;
}
.ser{
	position: absolute;
	top: 65px;
	left: 595px;
}
.cont {
position: absolute;
top: 65px;
left:770px;
}
/*** contenu***/
#contenu{
	color:#333333;
	position: absolute;
	top:116px;
	left:320px;
	width: 550px;
	text-align: left;
	font-size: 15px;
	line-height: 20px;
}

#contenucont{
	color:#333333;
	position: absolute;
	top:220px;
	left:40px;
	width: 500px;
	text-align: justify;
	font-size: 18px;
	line-height: 25px;
	scrollbar-base-color: #D22222;
}
.cap{
	color: #CC0001;
	font-size: 28px;
	letter-spacing: 2px;
}
#partner{
	position: absolute;
	top: 470px;
	left: 100px;
}
#partner a img{	border: none;}
#partner1{
	position: absolute;
	top: 520px;
	left: 90px;
}
#partner1 a img{	border: none;}
#partner2{
	position: absolute;
	top: 560px;
	left: 120px;
}
#partner2 a img{	border: none;}
#mag{
	background-image: url(images/fdmag.jpg);
	background-repeat: repeat-x;
	height: 190px;
	width: 584px;
	position: absolute;
	top: 184px;
	left: -14px;
	text-align: center;
}
#mag img{
	margin-top: 10px;
}
#mag2{
	width: 584px;
	position: absolute;
	top: 384px;
	left: -14px;
	text-align: center;
}
#mag2 img{
	margin-right: 50px;
}
.liste{

font-size: 16px;
}
#texte2{
	position: absolute;
	top: 387px;
}
li{
	list-style-image: none;
	list-style-type: none;
}

.button{
	background-color: #D32526;
	color: white;
}

/*** adresse***/
#coor{
  text-align: left;
  line-height: 25px;
	position: absolute;
	top: 230px;
	left:140px;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}
#contenairecont #coor{
  text-align: left;
  line-height: 25px;
	position: absolute;
	top: 130px;
	left:240px;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}
/*** pied de page***/
.footer{
	font-size: 9px;
	position: absolute;
	top: 620px;
	left:610px;
}
.footer a{
	color: #333333;
}
#imgfond{
	position: absolute;
	top: 30px;
	left: 85px;
	font-style:italic; color:#000; background:#fff; font-size:11px;
}
/**********clip**************************/
/* default link and visited state to trigger :active in IE6 */
/*a, a:visited {color:#000;}*/

/* position the outer frame */
/*div.frame {
position:relative;
margin:50px auto;
width:438px;
height:340px;
/*border:1px solid #000;
}*/

/* Set up the default links for the gallery */
/*div.frame a, div.frame a:visited {
 background-color: transparent;
text-decoration:none;
}
div.frame a:active span,div.frame a:link span,div.frame a:visited span {
visibility: hidden;
display: none;
position: relative;
top: -30px;
text-align: center;
width: 500px;
height: 20px;
background-color: transparent;
}
div.frame a:focus span,div.frame a:hover span {
	visibility: visible;
	display: block;
	background-color: transparent;
}*/


/* Set up the common image style */
/*div.frame a img {
position:absolute;
top:0px;
left:0px;
border:10px double #d00;
 }*/
/* clip the eight images into vertical strips */
/*div.frame a.pos1 img {clip:rect(0 55px 380px 0px); border-color:#CC0001;}
div.frame a.pos2 img {clip:rect(0 115px 380px 55px); border-color:#DB5959;}
div.frame a.pos3 img {clip:rect(0 175px 380px 115px); border-color:#d00;}
div.frame a.pos4 img {clip:rect(0 235px 380px 175px); border-color:#e52;}
div.frame a.pos5 img {clip:rect(0 295px 380px 235px); border-color:#CC0001;}
div.frame a.pos6 img {clip:rect(0 355px 380px 295px); border-color:#DB5959;}
div.frame a.pos7 img {clip:rect(0 415px 380px 355px); border-color:#d00;}
div.frame a.pos8 img {clip:rect(0 480px 380px 415px); border-color:#e52;}*/

/* set up the default link :active for IE */
/*div.frame a:active {
position:absolute;
 top:0px;
  left:0px; 
 background:#fff;
  z-index:100;
  }*/

/* unclip the image */
/*div.frame a:active img, div.frame a:focus img {
background:#fff;
 clip:rect(0 490px 380px 0);
  z-index:100;
  }*/

/******visionneuse*****************/
#vision{
	position: absolute;
	top: 365px;

}
#scrollbox {
width:550px;
height:110px; 
background-color: transparent;
overflow:auto;
border:1px solid #aaa;
}
a.gallery, a.gallery:visited {
display:block;
text-decoration:none;
color:#000; 
border:1px solid #000;
width:90px;
height:80px;
margin:3px;
float:left;}
a.slidea { background-image: url(images/campavert1-s.jpg);}
a.slideb { background-image: url(images/campaver-classic-s.jpg);}
a.slidec { background-image: url(images/naturay-s.jpg);}
a.slided { background-image: url(images/naturaybainEtroit2-s.jpg);}
a.slidee { background-image: url(images/acova-regate2-s.jpg);}
a.slidef { background-image: url(images/acova-regate-s.jpg);}
a.slideg { background-image: url(images/Allure_ambiance-s.jpg);}
a.slideh { background-image: url(images/allure-s.jpg); }
a.slidei {background: url(images/fd-s.jpg);}
a.slidej {background: url(images/thermor-s.jpg);}

/**/
a.gallery span{
display:block;
position:absolute;
left:10px;
top:-10px;
width:1px;
height:1px;
overflow:hidden;
z-index:100;
}

a.gallery:hover {
white-space:normal;
}
a.gallery:hover img {z-index:100;}
a.gallery:active img, a.gallery:focus img {z-index:50;}

a.gallery:hover span {
display:block; 
position:absolute;
width:400px;
height: 325px;
top:-340px;
left:80px;
padding:5px;
font-style:italic; color:#000; background:#fff; z-index:100; font-size:11px;
}
a.gallery:visited span{
	font-style:italic; color:#000; background:#fff;  font-size:11px;
}
/**/
a.gallery:active {
border:1px solid #eee;
}
/* */
a.gallery:active span, a.gallery:focus span  {
display:block;
position:absolute;
width:400px;
height:325px;
top:-340px;
left:80px;
padding:5px;

}

#thumbs {
width:940px;
height:60px;
}