/*  ----------------------------------------------------------- */
/*  Feuilles de styles CalliWeb                                 */
/*  ----------------------------------------------------------- */
* {margin: 0; padding: 0; border: 0; font-style: normal; text-decoration: none; list-style: none }
/*  ---------------------  */
/*  MISE EN PAGE GENERAL */
/*  --------------------*/
body{ font-family: verdana,sans-serif; font-size: 12px; background:#DFE2CF;/*url(../img/bg-header.jpg) repeat-x top;*/}
#page{position:relative; width: 950px; margin-left: auto;margin-right: auto;margin-top: 5px; background:#FFF; border:1px solid #CFD3B8}
#header{ height:210px; background: url(../img/bg-header.jpg) repeat-x top;}
#menu-bg{ height:243px; background: url(../img/bg-menu.jpg) repeat-x top; }
#menu{ height:243px; background: url(../img/pantheon.jpg) no-repeat top left; }
#content{margin:0 30px; border-top: 1px dotted #938265; }
#footer{ height:60px; background: #1d2b01; color:#FFF; margin-top:50px}
object{ position:absolute; left:480px; top:34px; background:transparent}
#menu ul li a strong
{position:absolute; left:-7000px; top:-7000px;}

#adresse {color:#FFFFF;position:absolute; left:670px; top:14px;}

#adresse a:link {color : white;}      /* unvisited link */
#adresse a:visited {color : white;}  /* visited link */
#adresse a:hover {color:#FFF; text-decoration:underline;}  /* mouse over link */
#adresse a:active {color:green;}  /* selected link */

/*  ----------------------------*/
/*  MISE EN PLACE DU MENU HAUT */
/*  --------------------------*/
#menu ul {padding:30px 0 0 240px}
#menu ul li{ padding-bottom:17px}


#menu #item1 a{ display: block; width: 160px; height: 15px; background: url(../img/menu/accueil.gif) no-repeat top left }
#menu #item1.active a:link{ background: url(../img/menu/accueil.gif) no-repeat bottom left }
#menu #item1.active a:visited{ background: url(../img/menu/accueil.gif) no-repeat bottom left }
#menu #item1 a:hover{background: url(../img/menu/accueil.gif) no-repeat bottom left }

#menu #item2 a{ display: block; width: 232px; height: 15px; background: url(../img/menu/curiosites.gif) no-repeat top left }
#menu #item2.active a:link{ background: url(../img/menu/curiosites.gif) no-repeat bottom left }
#menu #item2.active a:visited{ background: url(../img/menu/curiosites.gif) no-repeat bottom left }
#menu #item2 a:hover{background: url(../img/menu/curiosites.gif) no-repeat bottom left }

#menu #item3 a{ display: block; width: 160px; height: 15px; background: url(../img/menu/tarifs.gif) no-repeat top left }
#menu #item3.active a:link{ background: url(../img/menu/tarifs.gif) no-repeat bottom left }
#menu #item3.active a:visited{ background: url(../img/menu/tarifs.gif) no-repeat bottom left }
#menu #item3 a:hover{background: url(../img/menu/tarifs.gif) no-repeat bottom left }

#menu #item4 a{ display: block; width: 160px; height: 16px; background: url(../img/menu/plan.gif) no-repeat top left }
#menu #item4.active a:link{ background: url(../img/menu/plan.gif) no-repeat bottom left }
#menu #item4.active a:visited{ background: url(../img/menu/plan.gif) no-repeat bottom left }
#menu #item4 a:hover{background: url(../img/menu/plan.gif) no-repeat bottom left }

#menu #item6 a{ display: block; width: 200px; height: 15px; background: url(../img/menu/contact.gif) no-repeat top left }
#menu #item6.active a:link{ background: url(../img/menu/contact.gif) no-repeat bottom left }
#menu #item6.active a:visited{ background: url(../img/menu/contact.gif) no-repeat bottom left }
#menu #item6 a:hover{background: url(../img/menu/contact.gif) no-repeat bottom left }

#menu #item7 a{ display: block; width: 160px; height: 16px; background: url(../img/menu/faq.gif) no-repeat top left }
#menu #item7.active a:link{ background: url(../img/menu/faq.gif) no-repeat bottom left }
#menu #item7.active a:visited{ background: url(../img/menu/faq.gif) no-repeat bottom left }
#menu #item7 a:hover{background: url(../img/menu/faq.gif) no-repeat bottom left }


/*  ----------------------------*/
/*  MISE EN PLACE DU CONTENU */
/*  --------------------------*/
#fr_accueil{ float:left; width:430px; padding-top:20px }
#fr_accueil h1{font-size:15px; color:#010100; padding-left: 25px; padding-bottom:10px; background: url(../img/fr.jpg) no-repeat 0 4px !important; background: url(../img/fr.jpg) no-repeat 0 5px; }
#fr_accueil p{ color:#2e3b13; line-height:18px }
#fr_accueil li{ color:#2e3b13; line-height:22px; list-style: square inside }

#en_accueil{ float:left; width:430px; padding-top:20px; margin-left:30px;  }
#en_accueil h1{font-size:15px; color:#545454; padding-left: 25px; padding-bottom:10px; background: url(../img/gb.jpg) no-repeat 0 4px !important; background: url(../img/gb.jpg) no-repeat 0 5px; }
#en_accueil p{ color:#4b5f22; line-height:18px; font-style: italic}
#en_accueil li{ color:#4b5f22; line-height:22px; font-style: italic; list-style: square inside }

/* Plan */
#fr_accueil h1.plan{font-size:15px; color:#010100; padding-left: 25px; padding-bottom:10px; background: url(../img/info.gif) no-repeat 0 0px !important; background: url(../img/info.gif) no-repeat 0 1px; }
#fr_accueil address{ color:#2e3b13; line-height:22px }
#fr_accueil address a{ text-decoration: underline; color:#2e3b13; }
#fr_accueil a:hover{color:#648129; }
#en_accueil h1.plan{font-size:15px; color:#010100; padding-left: 25px; padding-bottom:10px; background: url(../img/plan.gif) no-repeat 0 0px !important; background: url(../img/plan.gif) no-repeat 0 1px; }
#en_accueil #map{ width:400px; height:200px; background :red}
/* Mention l�gales */
#mention-legales ul{ margin-bottom: 20px; }
#fr_accueil h2, #en_accueil h2{  font-size: 14px; margin:10px 0 3px 0; padding:0}
#fr_accueil h3, #en_accueil h3{color:#545454; font-size: 12px;margin:5px 0 3px 0; }
/*  ----------------------------*/
/*  MISE EN PLACE DU FOOTER */
/*  --------------------------*/
#footer p{ font-size:11px; text-align: center; padding-top:10px;}
#footer p a{ color:#FFF; text-decoration :underline}
#footer .ml{ font-size: 10px; color:#d1bea0 }
#footer .ml a{ color:#d1bea0; text-decoration :underline}