body {
scrollbar-base-color:#EE161B;
background-color: #F9F5DC;
color: #333333; 
font-family:  Arial;
margin: auto;
}
.bling {
text-decoration: none;
border: none;
text-align: center;
vertical-align: bottom;
margin-left: 200px;

}
#table1{
	background-image: url(images/fdacc.jpg);
	background-repeat: no-repeat;
	width: 855px;
	height: 750px;
	margin-left: 90px;
}
#table2{
	background-image: url(images/fdacc.jpg);
	background-repeat: no-repeat;
	width: 855px;
	height: 750px;
	margin-left: 90px;
}
#table3{
	background-image: url(images/fdacc.jpg);
	background-repeat: no-repeat;
	width: 855px;
	height: 750px;
	margin-left: 90px;
}
#table4{
	background-image: url(images/fdacc.jpg);
	background-repeat: no-repeat;
	width: 855px;
	height: 750px;
	margin-left: 90px;
}
.logo{
	position: absolute;
	top:114px;
	left: 330px;
}
#title{
	position: absolute;
	top: -2px;
	left: -6px;
	width: 400px;
	border-bottom-color: Red;
	border-bottom-style: groove;
	border-bottom-width: 1px;
	border-right-color: Red;
	border-right-style: groove;
	border-right-width: 1px;
	font-size: 25px;
	font-style: italic;	
	
}
#titlesd{
	position: absolute;
	top: -18px;
	left: 126px;
	width: 395px;
	height: 28px;
	border-bottom-color: #A35C5A;
	border-bottom-style: groove;
	border-bottom-width: 3px;
	border-right-color: #A35C5A;
	border-right-style: groove;
	border-right-width: 3px;
	font-size: 25px;
	font-style: italic;		
}
div#title:first-letter {
	font-size: 30px;
	color: Red;
}

.sstitre{
	font-size: 20px;
	font-style: italic;
}
.cap{
	font-size: 25px;
	color: Red;
}
#sadb,#exte{
	position: absolute;
	top: 30px;
	left: 40px;
}
div#sadb:first-letter,div#exte:first-letter{
	font-size: 25px;
	color: Red;
}
#sol{
	position: absolute;
	top: 185px;
	left: 40px;
}
div#sol:first-letter{
	font-size: 25px;
	color: Red;
}
#cuisine {
	position: absolute;
	top: 340px;
	left: 40px;
}
div#cuisine:first-letter{
	font-size: 25px;
	color: Red;
}
#expo {
	position: absolute;
	top: 165px;
	left: 0px;
}
#texte1{
	position: absolute;
	top: 10px;
	left: 0px;
	font-size: 11px;
}
#texte2{
	position: absolute;
	top: 140px;
	left: 0px;
	font-size: 11px;
}
#texte3{
	position: absolute;
	top: 260px;
	left: 0px;
	font-size: 11px;
}
#texte4{
	position: absolute;
	top: 10px;
	left: 0px;
	font-size: 12px;
}
#texte5{
	position: absolute;
	top: 185px;
	left: 0px;
	font-size: 12px;
}
.txtacc{
	position: absolute;
	top:400px;
	/*left: 150px; */
}
.ltxt{
	font-size: 16px;
	font-weight:  600;
}
#acc a:active, #acc a:link, #acc a:visited {
position: absolute;
top: 180px;
left:140px;
color: #333333;
font-style: normal;
text-decoration: none;
font-weight: bold;
}
#acc a:hover, #acc a:focus{
position: absolute;
top: 180px;
left:140px;
color: #333333;
font-style: italic;
text-decoration: none;
font-weight: bold;
}

#reaint a:active, #reaint  a:link, #reaint a:visited {
position: absolute;
top: 180px;
left:290px;
color: #333333;
font-style: normal;
text-decoration: none;
font-weight: bold;
}
#reaint a:hover, #reaint  a:focus{
position: absolute;
top: 180px;
left:290px;
color: #333333;
font-style: italic;
text-decoration: none;
font-weight: bold;
}

#reaext a:active, #reaext  a:link, #reaext a:visited {
position: absolute;
top: 180px;
left:580px;
font-style: normal;
color: #333333;
text-decoration: none;
font-weight: bold;
}
#reaext a:hover, #reaext  a:focus {
position: absolute;
top: 180px;
left:580px;
font-style: italic;
color: #333333;
text-decoration: none;
font-weight: bold;

}
#cont a:active, #cont a:link, #cont a:visited{
position: absolute;
top: 180px;
left: 830px;
color: #333333;
text-decoration: none;
font-weight: bold;
}
#cont a:hover, #cont a:focus{
position: absolute;
top: 180px;
left:830px;
font-style: italic;
color: #333333;
text-decoration: none;
font-weight: bold;
}
#contenu{
	font-size: 18px;
	position: absolute;
	top:250px;
	left: 285px;
	width: 600px;
	text-align: justify;
}
#contenu1{
	font-size: 18px;
	line-height: 30px;
	position: absolute;
	top:250px;
	left: 285px;
	width: 600px;
	text-align: justify;
}
#contenucont{
	font-size: 18px;
	position: absolute;
	top:250px;
	left: 285px;
	width: 580px;
	text-align: left;
}
#contenu p:first-letter {
	font-size: 35px;
	color: #EF1D1C;
}
#plan a{
text-decoration: underline;
text-align: left;
position: absolute;
top: 252px;
left: 105px;
font-size: 18px;
color: Red;
font-weight: bold;
}
#coor{
text-align: left;
position: absolute;
top: 277px;
left: 104px;
font-size: 15px;
color: #333333;
font-weight: bold;
line-height: 22px;
}
.button{
	background-color: #FCC125;
	color: red;
}
.footer{
	font-size: 9px;
	color: Red;
	position: absolute;
	top: 735px;
	left: 400px;
}
.footer a{
	color: Red;
}
/***************gallery***********/

/*******Acceuil********/
.contenair {
width:650px;
height:80px;
background-color: transparent;
}
a.galleryacc, a.galleryacc:visited {
display:inline;
color:#8C4D3E;
text-decoration:none;
border:1px solid #AB3B27;
width:100px;
height:110px;
float:left; 
margin:3px 30px 3px; 
position:relative;
cursor:default;
}
a.galleryacc span {
visibility:hidden;
display:block; 
position:absolute;
width:336px; 
height:315px;
top:-50px;
left:-250px; 
color:#000; 
background-color: transparent;
text-align:center;}

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

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

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

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

a.galleryacc:active span, a.galleryacc:focus span {visibility:visible; z-index:10;}

a.galleryacc:active span img, a.galleryacc:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}

a.galleryacc:hover {white-space:normal; border:1px solid#F8ED77; z-index:100;}
a.slideacc span {left:-320px; top:-270px;}
a.slidebcc span {left:-490px; top:-270px;}
a.slideccc span {left:-650px; top:-270px;}
a.slidedcc span {left:-820px; top:-270px;}
/********Position des scrollbox***********/
#un,#quatre{
	position: absolute;
	top: 80px;
	left: 120px;
}
#deux,#cinq{
	position: absolute;
	top: 235px;
	left: 120px;
}
#trois,#six{
	position: absolute;
	top: 380px;
	left: 120px;
}
#sept{
	position: absolute;
	top: 310px;
	left: 0px;
}
/********mise en place des scroollbox***********/
#contenair1,#contenair2,#contenair3{
width:450px;
height:95px; 
background-color: transparent;
overflow:auto;
border:1px solid Red;
}
#contenair4,#contenair5,#contenair6{
width:450px;
height:95px; 
background-color: transparent;
overflow:auto;
border:1px solid Red;
}
/**galery int**/
a.gallery, a.gallery:visited,a.gallery1, a.gallery1:visited,a.gallery2, a.gallery2:visited {
display:block;
text-decoration:none;
color:#000; 
border:1px solid Yellow;
width:70px;
height:70px;
margin:3px;
float:left;}
/**/
a.gallery span,a.gallery1 span,a.gallery2 span{
display:block;
position:absolute;
left:10px;
top:-10px;
width:1px;
height:1px;
overflow:hidden;
z-index:100;
}
a.gallery:hover,a.gallery:hover1,a.gallery:hover2 {
white-space:normal;
}
a.gallery:hover img,a.gallery1:hover img,a.gallery:hover2 img {z-index:100;}
a.gallery:active img, a.gallery:focus img,a.gallery1:active img, a.gallery1:focus img,a.gallery2:active img, a.gallery2:focus img {z-index:50;}
a.gallery span img,a.gallery1 span img,a.gallery2 span img{	border: none;}
a.gallery:visited span,a.gallery1:visited span,a.gallery2:visited span{
	font-style:italic; color:#000; font-size:11px;
}
a.gallery:active,a.gallery1:active,a.gallery2:active {border:0px solid #eee;}
a.gallery:hover span {
display:block; 
position:absolute;
width:405px;
height: 460px;
top:-32px;
left:-420px;
padding:0px;
text-align: center;
}
a.gallery:active span, a.gallery:focus span  {
display:block;
position:absolute;
width:405px;
height:460px;
top:-32px;
left:-420px;
padding:5px;
text-align: center;
}
a.gallery1:hover span {
display:block; 
position:absolute;
width:405px;
height: 460px;
top:-182px;
left:-420px;
padding:0px;
text-align: center;
}
a.gallery1:active span, a.gallery1:focus span  {
display:block;
position:absolute;
width:405px;
height:460px;
top:-182px;
left:-420px;
padding:5px;
text-align: center;
}
a.gallery2:hover span {
display:block; 
position:absolute;
width:405px;
height: 460px;
top:-332px;
left:-420px;
padding:0px;
text-align: center;
}
a.gallery2:active span, a.gallery2:focus span  {
display:block;
position:absolute;
width:405px;
height:460px;
top:-332px;
left:-420px;
padding:5px;
text-align: center;
}
/***gallery ext***/
a.galleryext, a.galleryext:visited {
display:block;
text-decoration:none;
color:#000; 
border:1px solid Yellow;
width:70px;
height:70px;
margin:3px;
float:left;}
a.galleryext1, a.galleryext1:visited, a.galleryext2, a.galleryext2:visited{
display:block;
text-decoration:none;
color:#000; 
border:1px solid Yellow;
width:70px;
height:70px;
margin:3px;
float:left;}
/*******************/
a.galleryext span{
display:block;
position:absolute;
left:10px;
top:-12px;
width:1px;
height:1px;
overflow:hidden;
z-index:100;
}

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

a.galleryext:hover span {
display:block; 
position:absolute;
width:405px;
height: 460px;
top:-12px;
left:-420px;
padding:0px;
text-align: center;
}
a.galleryext:visited span{
	font-style:italic; color:#000; font-size:11px;
}
/**/
a.galleryext:active {
border:0px solid #eee;
}
/**/
a.galleryext:active span, a.galleryext:focus span  {
display:block;
position:absolute;
width:405px;
height:460px;
top:-12px;
left:-420px;
padding:5px;
text-align: center;
}
a.galleryext span img{
	border: none;
}
/*******************/
a.galleryext1 span,a.galleryext2 span{
display:block;
position:absolute;
left:10px;
top:-10px;
width:1px;
height:1px;
overflow:hidden;
z-index:100;
}

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

a.galleryext1:hover span {
display:block; 
position:absolute;
width:405px;
height: 460px;
top:-152px;
left:-420px;
padding:0px;
text-align: center;
}
a.galleryext2:hover span {
display:block; 
position:absolute;
width:405px;
height: 460px;
top:-302px;
left:-420px;
padding:0px;
text-align: center;
}
a.galleryext1:visited span,a.galleryext2:visited span{
	font-style:italic; color:#000; font-size:11px;
}
/**/
a.galleryext1:active,a.galleryext2:active {
border:0px solid #eee;
}
/* */
a.galleryext1:active span, a.galleryext1:focus span  {
display:block;
position:absolute;
width:405px;
height:460px;
top:-152px;
left:-420px;
padding:5px;
text-align: center;
}
a.galleryext2:active span, a.galleryext2:focus span  {
display:block;
position:absolute;
width:405px;
height:460px;
top:-302px;
left:-420px;
padding:5px;
text-align: center;
}
a.galleryext1 span img,a.galleryext2 span img{
	border: none;
}

/*****Acc********/
a.slideacc {background-image: url(images/sr/sr_s6.jpg); }
a.slidebcc {background-image: url(images/sr/sr_s3.jpg); }
a.slideccc {background-image: url(images/sr/sr_s5.jpg); }
a.slidedcc {background-image: url(images/sr/sr_s4.jpg); }
/********int*******/
a.slidea {background-image: url(images/sdb/1sbs_s.jpg);}
a.slideb {background-image: url(images/sdb/2sbs_s.jpg);}
a.slidec {background-image: url(images/sol/sol_s5.jpg);}
a.slided {background-image: url(images/sdb/4sbs_s.jpg);}
a.slidee {background-image: url(images/sdb/6sbd_s.jpg);}
a.slidef {background-image: url(images/sdb/5sbs_s.jpg);}
a.slideg {background-image: url(images/sdb/7sbd_s.jpg);}
a.slideh {background-image: url(images/sdb/8sbd_s.jpg);}
a.slidei {background-image: url(images/sdb/9sbd_s.jpg);}
a.slidej {background-image: url(images/sdb/10sbd_s.jpg);}
a.slidek {background-image: url(images/sdb/11sbd_s.jpg);}
a.slidel {background-image: url(images/sdb/12sbd_s.jpg);}
a.slidea2 {background-image: url(images/sol/sol_s1.jpg);}
a.slideb2 {background-image: url(images/sol/sol_s2.jpg);}
a.slidec2 {background-image: url(images/sol/sol_s3.jpg);}
a.slided2 {background-image: url(images/sol/sol_s4.jpg);}
a.slidee2 {background-image: url(images/sol/sol_s8.jpg);}
a.slidef2 { background-image: url(images/sol/sol_s6.jpg);}
a.slideg2 { background-image: url(images/sol/sol_s7.jpg);}
a.slidea3 {background-image: url(images/cuisine/cui_s1.jpg); }
a.slideb3 {background-image: url(images/cuisine/cui_s2.jpg); }
a.slidec3 {background-image: url(images/cuisine/cui_s3.jpg); }
a.slided3 {background-image: url(images/cuisine/cui_s4.jpg); }
a.slidee3 {background-image: url(images/cuisine/cui_s5.jpg); }
a.slidef3 { background-image: url(images/cuisine/cui_s6.jpg);}
a.slideg3 { background-image: url(images/cuisine/cui_s7.jpg);}
a.slideh3 { background-image: url(images/cuisine/cui_s8.jpg);}
/***ext***/
a.slidea4 {background-image: url(images/ext/sext_l1.jpg); }
a.slideb4 {background-image: url(images/ext/sext_l2.jpg); }
a.slidec4 {background-image: url(images/ext/ext_s6.jpg); }
a.slided4 {background-image: url(images/ext/ext_s7.jpg); }
a.slidee4 {background-image: url(images/ext/sext_l3.jpg); }
a.slidef4 {background-image: url(images/ext/sext_l4.jpg); }
a.slideg4 {background-image: url(images/ext/sext_l5.jpg); }
a.slidea5 {background-image: url(images/piscine/pool-s1.jpg); }
a.slideb5 {background-image: url(images/piscine/pool-s2.jpg); }
a.slidea6 {background-image: url(images/dallage/dallagext_s1.jpg); }
a.slideb6 {background-image: url(images/dallage/dallagext_s2.jpg); }
/**/
/**/
/**/
/**/
/**/
/*******************/
/**/
/**/
/* */
/*******************/
/**/
/**/
/**/
#thumbs1,#thumbs2,#thumbs3,#thumbs4,#thumbs5,#thumbs6{
width:1000px;
height:60px;
}
