/* CSS Document */

html { 
margin: 0;
padding: 0; 
}

body {
margin: 0;
padding: 0;
color: #333300;
font-size: 10pt;
font-family: Tahoma,Helvetica,Sans-Serif;
line-height: 1.1;
background-color: #ECE9E2;
}


.bordure{
padding-bottom: 15px;
border: 1px dotted #000000;
}
.leftmargin11 {
margin:12px 5px 0px 11px;
}
.leftmargin {
margin:0px 5px 0px 2px;
}

.baseoffre{
width:1024px;
height:108px;
font-size: 11pt;
margin:0px 0px 0px 0px;
background-image:url(../images/fondoffre.jpg);
background-repeat: no-repeat;
text-align: left;
padding: 7px 0px 0px 10px;
}


.promo{
width:1024px;
height:44px;
font-size: 10pt;
margin: 0px 0px 0px 0px;
background-image:url(../images/promo.jpg);
background-repeat: no-repeat;
text-align: left;
padding: 15px 0px 0px 122px;
}

.baspage{
padding-top:2px;
}

.consulter {
padding: 10px 0px 0px 20px;
text-align:center;
line-height: 1.3;
}
.texteoffre {
padding: 10px 20px 0px 20px;
text-align: justify;
line-height: 1.3;
}
#wrapper {
width:1024px; margin:0 auto; 
}

h2{font-size: 160%;color: #000; padding-left: 20px; margin: 0}
h3{font-size: 125%;color: #000; padding-left: 20px; margin: 0}

#map {position:relative; margin:0; padding: 0; }
#map ul {padding:0; margin:0; list-style:none; position:absolute; top:0; left:0;}
#map ul li {position:absolute;}
#map ul li#extreme {width:150px; height:100px; top:70px; left:769px;}
#map ul li#decouverte {width:150px; height:100px; top:54px; left:87px;}
#map ul li#sage {width:150px; height:100px; top:65px; left:440px;}



/* remove the absolute position from the list items for lte IE6 */
* html #map ul li {position:static;}

/* and give the absolute position to the links for lte IE6 */
* html #map ul li a.tl {position:absolute;}
* html #map ul li#extreme a.tl {top:65px; left:780px;}
* html #map ul li#decouverte a.tl {top:65px; left:90px;}
* html #map ul li#sage a.tl {top:65px; left:440px;}


#map ul li a {text-decoration:none;}

#map ul li a.tl {display:block; text-indent:-9999px; background: url(../image/transparent.gif);}

#map ul li a.tl:hover, #map ul li:hover {z-index:500;}

#map ul li#extreme a.tl {width:150px; height:150px;}
#map ul li#extreme a.tl:hover, #map ul li#extreme:hover {background:url(../images/transparent.gif);}
#map ul li#decouverte a.tl {width:150px; height:150px;}
#map ul li#decouverte a.tl:hover, #map ul li#decouverte:hover {background:url(../images/transparent.gif);}
#map ul li#sage a.tl {width:150px; height:150px;}
#map ul li#sage a.tl:hover, #map ul li#sage:hover {background:url(../images/transparent.gif);}


#map ul li .xsnazzy,
#map ul li a .xsnazzy {visibility:hidden;}

/* For IE6 to work */
* html #map ul li a.tl:hover {border:0;}

* html #map ul li a:hover .xsnazzy {visibility:visible;}

#map ul li:hover .xsnazzy {visibility:visible;}

/* For IE7 to keep the :hover over .xsnazzy - goodness knows why? */
#map ul li:hover .xsnazzy {background:url(../image/transparent.gif);}

.xsnazzy {display:block; position:absolute; height:auto; text-align:center;}

#extreme .xsnazzy {left:-120px; top:-50px; width:300px;}
#decouverte .xsnazzy {left:20px; top:0px; width:300px;}
#sage .xsnazzy {left:20px; top:0px; width:300px;}


.xsnazzy h1, .xsnazzy p {margin:0 10px;}
.xsnazzy h1 {font-size:140%; color: #000;  border-bottom:1px solid #fff;}
.xsnazzy p {padding-bottom:0.5em; color: #FFF; font-size:12px; text-align:left;}
.xsnazzy {background: transparent; margin:1em;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7, .xb4b, .xb5b, .xb6b, .xb7b {display:block; font-size:0; overflow:hidden;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb4b, .xb5b, .xb6b, .xb7b {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#666; border-left:1px solid #CCC; border-right:1px solid #CCC;}
.xb4b, .xb5b, .xb6b, .xb7b {background:#999; border-left:1px solid #CCC; border-right:1px solid #CCC;}
.xb1 {margin:0 8px; background:#CCC;}
.xb2 {margin:0 6px; background:#CCC;}
.xb3 {margin:0 4px; background:#CCC;}
.xb4 {margin:0 3px; background:#666; border-width:0 5px;}
.xb5 {margin:0 2px; background:#666; border-width:0 4px;}
.xb6 {margin:0 2px; background:#666; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#666; border-width:0 3px; height:2px;} 
.xb4b {margin:0 3px; background:#999; border-width:0 5px;}
.xb5b {margin:0 2px; background:#999; border-width:0 4px;}
.xb6b {margin:0 2px; background:#999; border-width:0 3px;} 
.xb7b {margin:0 1px; background:#999; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background: #999 url(../images/gradient.png) repeat-x; border:3px solid #CCC; border-width:0 3px;}
.xboxcontent a, .xboxcontent a:visited {display:block; color: #555; font-weight:bold; font-size:12px; text-indent:0; padding:4px;}

#map ul li a:hover .xsnazzy .xboxcontent a:hover {color:#fff;}
#map ul li:hover .xsnazzy .xboxcontent a:hover {color:#fff;}