* {margin:0; padding:0; }
body {font-family: verdana,sans-serif; font-size:11px; background:url(img/pattern_brownline.gif) repeat 0 0; background-color:white;}
hr {clear:both; visibility:hidden; }
div#content {position:relative; width:764px; margin:auto; padding:5px; border:1px solid #0C1553; border-top:none; background-color:white;}
div#header { background:url(img/header4.png) no-repeat 0 0; height:163px; }
div#header h1 {display:none; }
div#header h2 {font-size:12px; position:absolute; color:white; top:125px; left:340px; width:410px; }
div#lang {position:absolute; top:30px; left:25px; }
div#lang img {border:none; }
div#lang ul {list-style:none; }
div#lang li {float:left; margin:2px; list-style:none; }
div#head {position:absolute; top:21px; left:207px; width:555px; }
div#accessmenu {position:absolute; top:0px; right:0px; }
div#accessmenu ul {list-style:none; }
div#accessmenu li  {float:left; }
div#accessmenu li a { margin:0 10px; color:#aaa; text-decoration:none; }
div#accessmenu li a:hover {color:black; }
div#credit {background:white;position:absolute; top:15px; left:557px; width:200px; height:90px; border:1px solid black; display:none; padding:5px;}
div#credit h2 {border-bottom:1px solid black; color:#AAA }
div#credit img {border:none; }
div#credit p {margin:2px 0;}

div#menu {background:url(img/fond_menu.jpg) repeat-x 0 0; }
div#menu ul {list-style:none; height:33px;}
div#menu li { float:left; }
div#menu li a {line-height:33px; display:block; padding:0 17px; text-align:center; font-size: 12px; font-weight:bold; text-decoration: none; color:#555; }
div#menu li a:hover {color:#00579d; background:url(img/fond_menu_hover.jpg) repeat-x 0 0; }
div#centre {position:relative; margin:5px 0; clear:both; }
div#centre.gabari0 {height:450px; }
div#centre.gabari1 {height:600px; }
div#centre.gabari2 {height:770px; }
div#centre.gabari3 {height:970px; }
div#centre h1 {padding:0 10px; background-color:white; font-size:16px; font-family:serif; position:absolute; top:200px; left:0px; text-align:left; color:black;}
div#centre p {text-align:justify}
div#centre p.important {text-align:center; border:1px solid green; background-color:#EFE; color:green;padding:2px;;}
div#centre span.letter {font-size:40px; font-family:serif; color:#00579d;}
div#centre.gabari0 span.etat {background-color:#46A; color:white; padding:2px 5px; position:relative; left:500px; }
div#centre.gabari1 span.etat {background-color:#46A; color:white; padding:2px 5px; position:relative; left:100px; }
div#centre.gabari2 span.etat {background-color:#46A; color:white; padding:2px 5px; position:relative; left:200px; }
div#centre.gabari3 span.etat {background-color:#46A; color:white; padding:2px 5px; position:relative; left:180px; }


div#left {width:250px; float:left; }
div#left.contact {background-color:#3a5ea6; color:white; padding:5px; width:240px }
div#left.contact dl.adresse { margin:10px 0 10px 20px; }
div#left.contact dl.adresse dt {font-weight:bold; }
div#left.contact dl.adresse dd {margin-left:5px; }
div#left.contact dl.adresse a {color:white; }
div#left.contact dl.adresse a:hover {color:#CCC; text-decoration:none; }
div#princ.contact {background-color:#7699cb; padding:5px; color:white; }
div#princ.contact p {margin-bottom:2px; }
div#princ.contact label {display:block; float:left; width:150px;margin-right:5px;text-transform:uppercase;text-align:right;}
div#princ.contact input, select {padding:1px; border:1px solid #00579d; font-size:10px; }
div#princ.contact textarea {font-size:10px; border:1px solid #00579d;padding:1px;}


div#edito {background:url(img/fond_edito1.jpg) repeat-x 0 0; background-color:#cdcdcd; height:471px; padding:10px;color:white; line-height:1.6em; }
div#edito span.letter {font-size:20px; font-weight:bold; font-family:serif; color:#7699cb; }
div#edito p.para1 {color:#697792; font-weight:bold; text-align:center; font-size:12px }
div#edito p.avertissement {color:#3a5ea6; font-weight:bold; text-align:center;}
div#princ {background-color: white; margin-left: 255px; }
div#illustration {background-color:white; height:336px; position:relative;}
div#ccoeur {position:absolute; top:10px; left:0px;}
img.ccoeur {border:none; }

div#pub {font-size:11px; background-color:#cdcdcd; padding:5px; height:145px; color:white; }
div#pub img.centre {margin:6px 20px; border:none; }
div#pub p {margin-top:15px; text-align:center; }
table.adresse {margin-top:5px; width:100%; color:white; font-size:11px;  }
table.adresse th, table.adresse td {font-size:12px; text-align:center; }
table.adresse th.marge {width:20%; }


h2.fenetre {font-size:12px; text-transform:uppercase; color:#c0dcf1; border-bottom:1px solid white;  }
h2.detail {font-size:14px; text-transform:uppercase; color:#555; border-bottom:1px solid black; padding:0px 0;}
div#adresse {position:relative; margin-top:5px; padding:5px; height:140px; background:url(img/fnaim.gif) no-repeat 200px 40px; background-color:#7699cb; color:white; }
div#adresse p {text-align:center;}
div#adresse a { color:white; }
div#adresse a:hover {text-decoration:none; color:#EEE; }
div#footer p {margin-top:10px;background-color:#e7e7e7; text-align:center; font-size:10px; color:#000}

div#listing {margin-left:40px; } 
div#listing img.listing {border:none;}

div#listing dl {width:200px; height:230px;margin:10px 40px 10px 0; background-color:#fff; float:left; }
div#listing dl:hover {background-color:#eff1f5;}
div#listing dt {font-weight:bold;border-bottom:1px solid black; margin-bottom:0px; text-transform:uppercase}
div#listing dd.prix {text-align:right; font-weight:bold;}
div.annonce {line-height:2em; margin-top:20px; }

img#p2 {position:absolute; top:282px; left:0px; }
img#p3 {position:absolute; top:460px; left:0px; }
img#p4 {position:absolute; top:302px; left:420px; }
img#p5 {position:absolute; top:302px; left:420px; }
img#p6 {position:absolute; top:572px; left:0px; }
img#p7 {position:absolute; top:572px; left:512px; }
div#t0 {position:absolute; top:252px; left:0px; width:760px; background-color:white; }
div#t1 {position:absolute; top:252px; left:420px; width:344px; background-color:white; }
div#t2 {position:absolute; top:252px; left:0px; width:400px; background-color:white; }
div#t3 {position:absolute; top:252px; left:0px; width:400px; background-color:white; }

span.prix {font-weight:normal; font-style:italic; color:#AAA}

div#ctc3 {position:absolute; top:275px; right:0px; }
div#ctc3 a {line-height:2em; padding:5px 5px 5px 40px;  background:url(img/mail.gif) no-repeat 4px 3px; background-color:#7699cb; text-decoration:none; color:white;}
div#ctc3 a:hover {background:url(img/mail.gif) no-repeat 4px -18px; background-color:#94c1ff; color:black; }

div#ctc4 {display:none; position:absolute; top:297px; right:0px; width:250px;background-color:#7699cb; color:white;padding:2px;}
div#ctc4 form p label {float:left;width:90px;text-align:right;margin-right:5px;text-transform:uppercase;}
div#ctc4 p {margin-bottom:2px; }
div#ctc4  fieldset { background-color:#EEE;border:none;margin:10px 0;}
div#ctc4  fieldset legend {color:#888;margin-top:10px;background-color:#EEE;padding:0 10px}
div#ctc4 input, select {padding:1px; border:1px solid #00579d; font-size:10px; }
div#ctc4 textarea {font-size:10px; border:1px solid #00579d;padding:1px;}

div#vignette {width:200px; float:left; background-color:#c0dcf1; }
div#vignette p { margin:10px 0; font-size:9px; text-align:center; }
div#texte {margin-left:205px; background-color:#eff1f5; line-height:16px; }
div#texte span.letter {font-size:40px; font-family:serif; }
div#photo {position:absolute; top:20px; left:55px; visibility:hidden; background-color:black; border:4px solid black}
div#photo p {text-align:right;}
div#photo a {color:white; text-decoration:none; text-transform:capitalize}
div#avertissement {margin:4px 0; text-align:center; color:#00579d;}

div#fourchette {}
div#fourchette ul {border:1px solid #888; list-style:none;text-align:center; padding-top:2px}
div#fourchette li {display:inline; margin:0 8px;}

div#decouverte {}
div#decouverte p {text-align:center; }
div#decouverte img {border:none; }