*{ margin:0; padding:0}
html { height: 100%; /*bug opera*/}
body{ font-family:Arial, Helvetica, sans-serif; background:#076728 url(../images/body.jpg) repeat-x left top; min-height: 100%; font-size: 9px; }
a{ outline:none;text-decoration:none; }
.clearb { clear: all; }


#fond{ position:absolute; margin-top: 30px; float : left; width : 280px ; height : 346px; background: url(../images/fond-body.jpg) no-repeat left top; min-height: 100%;}

#fonddroit{ position:absolute; margin-top: 596px; margin-left: 990px; float : left; width : 219px ; height : 123px; background: url(../images/fond-bas-droit.jpg) no-repeat left top; }

#logo{position:absolute; margin-top: 45px; float : left; width : 240px ; height : 68px; background: url(../images/logo.png) no-repeat left top; min-height: 100%;}

#telephone{ position:absolute; margin-left: 10px; margin-top: 380px; float : left; width : 258px ; height : 315px; background: url(../images/telephone.gif) no-repeat left top;}

h1.logo span.logo {display:none}

#logo{position:absolute; margin-top: 45px; float : left; width : 240px ; height : 68px; background: url(/images/logo.png) no-repeat left top; }
html>body div#logo {filter: none; background: transparent url(/images/logo.png) no-repeat 0 0px;}
div#logo{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png',sizingMethod='scale')}


#pub {position:absolute; margin-left : 1100px; margin-top : 0px; float : left; }

#page{ margin:auto 0px auto 0; width:auto; }

#menu{ padding:8px 0 0 0; height:11px; }
#menu ul{margin :0px 10px;position:static; width:390px; }
#menu li{ margin:0px 20px 0 0;float:left; display:inline; }
#menu li a{ float:left; display:block;text-indent:-9999px; height:13px }
/*ONGLETS MENU*/
#accueil{ background:url(../images/accueil.gif) no-repeat left top; }
#accueil a{ background:url(../images/accueil.gif) no-repeat left bottom; width:68px; }
#accueil a:hover{ background:none; }

#sejours{ background:url(../images/sejours.gif) no-repeat left top; }
#sejours a{ background:url(../images/sejours.gif) no-repeat left bottom; width:68px; }
#sejours a:hover{ background:none; }

#loca{ background:url(../images/locations-vacances.gif) no-repeat left top; }
#loca a{ background:url(../images/locations-vacances.gif) no-repeat left bottom; width:160px; }
#loca a:hover{ background:none; }


#contenu{position:absolute; margin-left : 279px; margin-top : 40px;}

.news{ }

.news h2{width : 480px; height : 6px; line-height: 6px; background:url(../images/haut-para.jpg) no-repeat left ; 
		display: block; font-size: 1.3em; font-weight:bold; color: #006633; text-transform:uppercase; padding:5px 10px;}

.news h2 span{width : 8px; height : 11px; line-height: 11px;  padding: 0px 10px;}		
		
.news p {width: 460px; background:url(../images/centre-para.jpg) repeat-y left ;
		display: block; font-size: 1.1em; font-weight:bold; color: #3d6391; text-align : justify; padding:5px 20px ;}		
		
.news .bas {width : 500px ; height : 22px; line-height: 22px; background:url(../images/bas-para.jpg) no-repeat left top;}

#contenusejour{position:absolute; margin-left : 780px; margin-top : 40px;}
.sejour{ }

.sejour h2{width : 300px; height : 6px; line-height: 6px; 
		display: block; font-size: 11px; font-weight:bold; color: #006633; text-transform:uppercase; padding:5px 10px;}
.sejour h2 span{width : 8px; height : 11px; line-height: 11px; background:url(../images/flsejour.gif) no-repeat left; padding: 0px 10px;}

.sejour p span.forfaitblock{width: 300px; 
		display: block; font-size: 9px; font-weight:bold; color: #3d6391; text-align : left; padding:5px 20px ;}	
		
.sejour p span span.font_orange10 { color : #ff9900; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 9px; }

.sejour p span.locavacblock{width: 290px; margin-top:5px;
		display: block; font-size: 9px; font-weight:bold; color: #3d6391; text-align : justify; padding:5px 20px ;}

.sejour p span.dateblock{width: 445px; margin-top:5px;
		display: block; font-size: 9px; font-weight:bold; color: #3d6391; text-align : justify; padding:5px 20px ;}
		
.xlarge{ font-size:20px; text-transform:uppercase;}
.xxlarge{ font-size:26px; text-transform:uppercase;}
.smale{ font-size:14px; text-transform:uppercase;}
.xsmale{ font-size:12px; text-transform:uppercase;}
.xxsmale{ font-size:10px; text-transform:uppercase;}


#piedpage{position:absolute; top: 710px; float : left;}
#keywords{ width: 1200px; font-family:Georgia, "Times New Roman", Times, serif; color:#006633; font-size:15px; font-weight:700; margin:0 0 0 10px;}		
#paiement {position:absolute; left : 700px; margin-top : 10px; float : left; }

#mentions{ margin:20px 0 0 18px; clear:both; float:left; display:inline; height:16px; }
#mentions p{ color:#a3b8d2;font-size:0.9em; }
#mentions a{ color:#ffffff;line-height:160%; }
#mentions a:hover{ border-bottom:#ffffff 1px dotted; }

a.lien{ color:#3d6391;line-height:160%;font-size:0.9em; }
a:hover.lien{ border-bottom:#3d6391 1px dotted;font-size:0.9em; }
.titre {font-size: 0.9em; font-weight:bold; color: #6f3c00; text-transform:uppercase;}
.description {font-size: 0.8em; }
.tableau01 {white-space: nowrap;}