html, body, ul, li, a , img, p, h1,h2 {margin: 0; padding: 0}
html {background-color: transparent; font-size: 10px;}

body {font-family : verdana, arial, helvetica, sans-serif; font-size:100%; } 
h1 {color: #903; font-size: 2.8em; font-weight: normal; letter-spacing: 1px; font-style: normal; text-align: left; border-bottom: 1px solid #eee}
h2 {color: #903;  font-size: 1.55em; margin: 0.5em 0 1em 0; font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;}
h3 {font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
hr {height: 2px; color: #fff; border: 0; width: 100%; clear: both}
p {font-size: 1.3em;}
a {color: #903; text-decoration: underline;}
a:hover {color: #666; text-decoration: none;}
ul, li {list-style: none;}
img {border: none}
#contenu {background: transparent url(images/fond-bandeau.jpg) no-repeat top left; width: 980px; margin: 4px auto}

#page {text-align: left}
/* **************** entete *************** */
#entete {background: transparent url(images/bande-oblique-agence-angelique.png) no-repeat top left}
#top {height:42px}
#top2 {height: 115px; margin: 0 70px; background: transparent url(images/fond-top2.png) repeat-x bottom left}
#ban {float: right; width: 320px; height: 85px; margin-top: 15px; background: transparent url(images/ban-titre.png) no-repeat top left}
#adr {float: right; width: 280px; margin:35px 10px 0 0}
#adr p {color: #903; text-align: right; font-weight: normal; font-size: 12px; line-height: 15px;}
#adr p a {color: #903; text-decoration: none}
#adr p a:hover {color: #333; text-decoration: underline}

#logo {width: 306px; height: 105px; margin: 0 0 0 18px; background: transparent url(images/logo-agence-angelique.png) no-repeat top left}
#logo a {display: block; width: 306px; height: 105px;}
#logo a:hover {border: none}
#logo a span {display: none}

#nav {height: 24px; border-top: 4px solid #903; margin-top: 4px; background: #fff url(images/fond-nav.png) repeat-x top left}
#nav ul {float: left; margin-top: 1px; line-height: 24px}
#nav ul li {float: left; line-height: 24px}
#nav ul li a {color: #555; display: block; text-decoration: none; font-size: 13px; line-height: 24px; font-weight: bold; padding: 0 15px; border-right: 1px solid #fff}
#nav ul li a:hover {color: #333; line-height: 24px; text-decoration: underline; background-color: #f7f7f7}
/* **************** coprs *************** */
#utile {margin: 20px 0 0 0}
p.lien_partenaire {width: 350px; padding: 15px 0 ; line-height: normal; letter-spacing: normal; text-align: left}
p.lien_partenaire span.t7 {font-size: 0.75em;}
ul.list1 li {margin-bottom: 10px}

#gauche {width: 230px; float: left; border: 0px solid #c00}
#gauche div.an1 {width: 215px; background-color: #fff; margin-bottom: 40px}
#gauche h3 {color: #333;  font-size: 15px; margin: 0 0 15px 0; border-bottom: 1px solid #eee}
#gauche ul.rub li {height: 37px;line-height: 35px}
#gauche ul.rub li a {border-bottom: 1px solid #903; display: block; line-height: 35px; padding-left: 20px; color: #903; text-decoration: none; font-weight: bold; font-size: 13px; background: transparent url(images/puce1.png) no-repeat top left}
#gauche ul.rub li a:hover {color: #666; border-bottom: 1px dotted #903; text-decoration: none; background-color: #f9f9f9}
#gauche div.an2 {width: 215px; margin-bottom: 15px; border: 2px solid #903; background: #fefcfd url(images/fond-coordonnees.png) repeat-x bottom left}
#gauche div.an2 p {color: #903; font-size:12px; padding: 6px; margin: 0}
#gauche div.an2 p a {color: #903; text-decoration: none}
#gauche div.an3 {width: 215px; height: 78px; margin: 25px 0; background: #fff url(images/logo-ceh.png) no-repeat top center}
#gauche div.an4 {width: 215px; padding: 7px; margin-bottom: 40px; border: 1px solid #eee; background: #fffff7}
#gauche div.an4 h3 {color: #333;  font-size: 15px; margin: 10px 0 10px 0; border-bottom: 1px solid #eee}
#gauche div.an5 {width: 215px; margin-bottom: 40px; background-color: #fff;}
#gauche div.an5 li {height: 24px;line-height: 23px;}
#gauche div.an5 li a {border-bottom: 0px dotted #903; display: block; line-height: 23px; padding-left: 14px; color: #903; text-decoration: underline; font-weight: normal; font-size: 11px; background: transparent url(images/puce2.png) no-repeat top left}
#gauche div.an5 li a:hover {color: #666; border-bottom: 0px dotted #903; text-decoration: none;}
#gauche div.an5 hr.hran5 { height: 2px; width: 60%; color: #fff; border-top: 1px solid #aaa; margin: 15px auto 5px auto; text-align: center}

#droite {float: right; width: 740px; border-left: 1px solid #ccc}

div.zone_titre1 {margin: 0 0 30px 40px; width: 620px}
div.zone_texte {margin-left: 40px}
div.zone_titre2 {height: 30px}


#bar h2 {color: #903; margin-top: 0}
#bar div.zone_titre2 {width: 580px; background-color: #fff}
#hotel h2 {color: #f90; margin-top: 0}
#hotel div.zone_titre2 {width: 580px; background: #fff url(images/etoile-orange.png) no-repeat top right}
#camping h2 {color: #66c; margin-top: 0}
#camping div.zone_titre2 {width: 580px; background: #fff url(images/etoile-bleu.png) no-repeat top right}

div.z0 {width: 620px; margin-bottom: 30px; border: 1px solid #99f; }
div.z0 p {text-align: justify; padding: 5px; font-weight: bold}

div.z1 {width: 620px; margin-bottom: 30px}
div.z1 p {text-align: justify;}

div.z2, div.z3, div.z4 {border: 1px solid #fff; width: 620px; margin-bottom: 40px; min-height: 112px}
div.z2 p, div.z3 p, div.z4 p {text-align: justify; margin: 10px 0 0 0; padding: 0 8px 8px 8px}
div.z2 {border-color: #c03; background-color: #fee}

div.z3 {border-color: #f90; background-color: #fdf4e5}

div.z4 {border-color: #99f; background-color: #f5f5ff}

div.z20, div.z30, div.z40 {float: left; width: 137px; height: 92px; margin: 10px 10px 0px 10px; padding: 0;}
div.z20 { background: transparent url(images/photo-bar.jpg) no-repeat top left}
div.z30 { background: transparent url(images/photo-hotel.jpg) no-repeat top left}
div.z40 { background: transparent url(images/photo-camping.jpg) no-repeat top left}

.bold {font-weight: bold}

/* **************** pied de page *************** */
#pied-page {border-top: 2px solid #903; margin-top: 20px; padding-bottom: 8px; background-color: #eee}
#pied-page div {margin: 15px 0; text-align: center}
#pied-page div.b {border-top: 1px solid #fff; padding-top: 10px; margin: 0}
#pied-page div a {color: #555; text-decoration: none;}
#pied-page div a:hover {color: #333; text-decoration: underline;}
#pied-page div span a {color: #555; text-decoration: none; font-weight: bold}