body { margin:0;padding:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:0.8em;background:#ffc2d2 url(/images/bg.jpg) bottom center no-repeat fixed;text-align:center}
img {border:0}
h1 {text-align:center;padding:60px 10px 10px 0}
h2 {font-size:23px;font-variant:small-caps;line-height:23px}
#header {margin-top:60px;width:100%;background:url(/images/header.jpg) top left repeat-x;font-size:0}
#header div { width:100%;background:url(/images/mouette.jpg) top left no-repeat}
/*#panorama {text-align:right;position:absolute;top:0;left:50%;width:380px;height:60px;z-index:10;background:url(/images/visiter-mobil-home/vue-panoramique-360.gif) 250px 5px no-repeat;}*/
#panorama {text-align:left;position:absolute;top:0;left:50%;width:300px;height:60px;z-index:10}
#panorama a {color:#ff0;text-decoration:none;width:780px;height:60px;display:block;background:url(/images/pied.png) 0 -100px no-repeat;position:relative;top:0;left:-390px;padding:0;margin:0;overflow:hidden}
#panorama img{position:relative;z-index:99;top:0;left:5px;*margin:0;*padding:0}
#panorama span {font-size:14px;text-align:center;z-index:0;background:transparent url(/images/bgt.png) 0 0 no-repeat;display:block;width:520px;height:51px;position:relative;top:-60px;left:0;padding:9px 0 0 260px;*width:780px;*height:60px}
#info {text-align:right;position:absolute;top:60px;left:50%;width:300px;height:33px;background:url(/images/info.gif) 0 -37px no-repeat;margin:0 0 0 30px;padding:0}
#info li {list-style:none;display:block;position:absolute;top:0;line-height:33px;#fff-space:nowrap;text-align:left}
#info a {font-weight:bold;color:#fff;font-size:12px;text-decoration:none;height:33px;display:block}
#info a:hover {color:#070090;background:url(/images/info.gif) no-repeat}
#mail {width:252px;left:0}
#sit {width:100px;left:252px}
#mail a {padding:0 0 0 40px}
#sit a {padding:0 0 0 40px}
#sit a:hover {background-position:-252px 0}
#home {width:100px;position:relative;left:-412px}
#home a {padding:0 0 0 35px}
#home a:hover {background:url(/images/home.gif) top left no-repeat}
#conteneur {margin:0 auto 0 auto;width:780px;text-align:justify;background-color:#fff}
#contenu {margin:0 10px 0 10px}
#menu {width:780px;height:56px;background:url(/images/menus.gif) 0 -57px;margin:0;padding:0;position:relative}
#menu li {margin:0;padding:0;list-style:none;display:block;position:absolute;top:0;line-height:1px}
#menu a {display:block;text-align:center;font-size:1px;color:#fff;height:1px;vertical-align:top;padding-top:55px}
#menu a:hover {background:url(/images/menus.gif) }
#hv {left:0;width:172px;}
#hv a:hover {background-position:0 0}
#anim {left:172px;width:89px}
#anim a:hover {background-position:-172px 0}
#loc {left:261px;width:75px}
#loc a:hover {background-position:-261px 0}
#emp {left:336px;width:110px}
#emp a:hover {background-position:-336px 0}
#voir {left:446px;width:145px}
#voir a:hover {background-position:-446px 0}
#ins {left:591px;width:66px}
#ins a:hover {background-position:-591px 0}
#mphotos {left:657px;width:68px}
#mphotos a:hover {background-position:-657px 0}
#mblog {left:725px;width:55px}
#mblog a:hover {background-position:-725px 0}
.paragraphe {font-size:1.1em;font-weight:bold;font-style:italic;padding:10px 10px 0 10px;width:99%}
.paragraphe p {margin:0;padding:10px 15px 0 0}
.photo {height:33px;position:absolute;background:url(/images/photo.gif) 0 3px no-repeat;margin:10px 0 0 0;padding:0}
.photo li {list-style:none;display:block;line-height:33px}
.photo a {font-weight:bold;font-size:12px;text-decoration:none;font-style:italic;height:33px;display:block;padding:0 0 0 40px}
.photo a:hover {background:url(/images/photo.gif) 0 -37px no-repeat}
#foot li {list-style-type:none;display:inline;float:left;font-size:1em;position:relative;top:95px}
#foot a {font-weight:bold}
#foot a:hover {color:#0033FF}
#foot {clear:both;width:100%;height:177px;background:url(/images/pied.png) bottom right no-repeat}	
#contact {background:url(/images/mail.gif) top left no-repeat;width:120px;height:59px;display:block;left:-20px}
#contact a {padding:5px 0 0 64px;width:100%;height:100%;display:block}
#situation {background:url(/images/map.gif) top left no-repeat;width:120px;height:59px;display:block;left:15px}
#situation a {padding:20px 0 0 64px;width:100%;height:100%;display:block}
#photos {background:url(/images/photos.gif) 0 3px no-repeat;width:75px;height:59px;display:block;left:30px}
#photos a {padding:10px 0 0 64px;width:100%;height:100%;display:block}
#virtuelle {background:url(/images/visiter-mobil-home/vue-panoramique-360.gif) 0 3px no-repeat;width:100px;height:50px;display:block;left:85px}
#virtuelle a {padding:10px 0 0 105px;width:100%;height:100%;display:block}
#links {background:url(/images/liens.gif) 0 3px no-repeat;width:80px;height:59px;display:block;left:220px}
* html #links {left:270px}
#links a {padding:20px 0 0 59px;width:100%;height:100%;display:block}
#infos a {color:#000;text-decoration:none}
#infos a:hover {color:#f0b}
#foot p {clear:both;position:relative;top:-25px;left:10px}
#foot p, #foot p a, #foot p a:hover {font-size:9px;color:#c9c9c9;text-decoration:none;font-weight:normal}
#xiti {float:right;margin:5px;position:relative;top:-10px}
#campogite {position:absolute;top:0;left:0;width:100%;text-align:center}
#campogite div {width:780px;height:60px;margin:0 auto 0 auto;background:#aae5ee url('/images/camping-loire-atlantique/soleil.png') no-repeat 73% 100%;border-bottom:solid 1px white;text-align:left}
#campogite img {padding-top:18px;}
#campogite span img {float:left;padding:0 0 0 10px}
#campogite a {position: relative; z-index:15; top: 0 !important; top:15px}
#campogite span a {top: 0}
#reserv {float:right;margin:0 30px 0 30px}
h1.error {font-size:40px;padding:170px 0 100px 0;margin:0}
.error p {font-size:25px;text-align:center;color:#C00;padding:20px 0 100px 0}
.error a {color:#f80}
.error a:hover {text-decoration:none;color:#fd0}
#gites {width:780px;margin:0 auto;padding:5px 0;background-color:#04f;font-size:0.8em}

