body {background-image:url("images/bg.jpg");margin:30px 0 0 20px}
img {border:0}
address {text-align:center}
#conteneur {width:900px}
#entete {text-align:center;margin:0 0 10px 0px;padding:0}
#menu {margin:0;padding:0}
#menu ul{margin:0 0 0 0px;padding:0}
#menu li {font-family:Arial;font-weight:bolder ;font-size:12px;float:left;display:inline;padding:0;margin:0}
#menu a{color:#000;text-decoration:none;text-align:center;background:url("images/menuli.gif") no-repeat top center;width:110px;height:23px;padding:10px 0 0 0;text-transform:uppercase;display:block}
#menu a:hover {background:url("images/menuli.gif") no-repeat bottom center;}

#contenu {width:660px;float:left;border-width:0 3px 0 0;border-right-style:double;border-color: #000;margin:10px 0 0 0;padding:0}
#contenu p {font-family:times new roman,times;font-size:100%;color:#000;margin:3px 10px}
#contenu ul {clear:both;list-style-type:none;margin:0;padding:0}
#contenu li {color:#000;background:url("images/Puce1.gif") no-repeat 15px center ;display:list-item;padding:2px 0px 2px 45px}
li.nouveau {background:url("images/nouveau.gif") no-repeat center left !important;display:list-item;margin:0 0 0px 0;padding:10px 0px 10px 45px !important}
h1 {font-size:130%;text-align:center;color:#0000A0}
#contenu span, #contenu h2 {font-style:italic;color:#0000A0;font-size:110%;font-weight:bold}
span p {text-align:center;color:#0000A0 !important}
#contenu h3 {font-size:90%;color:#0000A0;margin:0;padding:0}

#contenu a{color:#0000A0;font-weight:bold}
#contenu a:hover {color:#0000E0}

#colonne {width:230px;float:right;margin:10px 0 0 0}
#colonne p{text-align:center;font-size:85%}
#colonne h2 {font-style:italic;color:#0000A0;font-size:100%;text-align:center;margin:0px 0 5px 0;padding:0}
h3.promo {text-decoration:blink;color:red;text-align:center}
#colonne ul{text-align:left;margin:0 0 0 15px;padding:0}
#colonne li{list-style-type:none;margin:0;padding:0/*background:url(images/over-top.png) no-repeat top center;padding:5px 0 0 0*/}
.tarifs, #colonne a {text-transform:uppercase;font-weight:bold;font-family:Verdana, Arial;font-size:75%;text-decoration:none; display:block;color:#000;margin:2px 0;padding:3px 0 3px 20px;background:url("images/colonneli.png") no-repeat center left}
.tarifs:hover, #colonne a:hover {text-decoration:underline}

.brut {background-image:none !important;display:inline !important;padding:0 !important;margin:0 !important}

#pdp{font-family:Verdana, Arial;clear:both;padding:10px 0 0 0}
#pdp p {font-size:80%;text-align:center;color:#0000A0;margin:0;padding:0}
#pdp ul {font-size:70%;text-transform:uppercase;text-align:center; margin:5px 0;padding:0}
#pdp li {display:inline}
#pdp a {color:#0000A0;text-decoration:none;margin:2px 5px}
#pdp a:hover{text-decoration:underline}

.carte {text-align:center;float:left;width:220px}


/*images*/
.gauche{float:left}
.droite{float:right}
#recom {;text-align:center}
#recom img{margin:3px}
.bandophoto {text-align:center;margin:20px 0}
.bandophoto img {margin: 0 15px;border:0}
.photogauche {float:left;margin:0 5px;border:0}
#galerie {width:900px;padding:40px 0 0 0;margin:0px}
#galerie strong {font-weight:normal}
.album{float:left;display:inline;border-left:solid 1px #ccc;border-top:solid 1px #ccc;border-right:solid 2px #999;border-bottom:solid 2px #999;margin:5px 2px;padding:2px;background-color:#fff}
.album img {height:115px;border:0}
.album p{text-align:center;font-style:italic;font-size:90% !important;font-family:times new roman,times;color:#000;margin:10px}
.centre {text-align:center}
.clear {clear:both}

/*tableaux*/
table{empty-cells:hide;padding:0}
td {text-align:center}

/*formulaire*/
#contact {width:98%;text-align:right}
legend {font-size:90%;color:#0000A0;margin:0;padding:0;font-weight:bold}
input{margin:1px}
/*googlemap*/
#map {display:block;margin:10px auto;width: 650px; height: 500px;border:solid 1px #0000A0;font-size:80%;text-align:center;color:#330000}