html {font-family: sans-serif; margin:0; padding:0;}

body {margin:0; padding:0; background: #a84719; min-width: 965px;}

img {border: none}
a {color: #a84719}
a:hover {color: #e57c39}

/* ------------------- HAUT ------------------------ */

div#haut {height: 151px; width: 100%; background: url(bg-ban2.png) 0 0 repeat-x; text-align: center;}
div#haut a {display: block; width: 261px; height: 151px; background: url(logo_orange2.png) 0 0 no-repeat; margin: 0 auto; }

/* ------------------- CORP ------------------------ */

div#corp {width: 960px; margin: 15px auto; }
div#corp2 {width: 625px; margin: 15px auto; }

/* ------------------- BIG BOX ------------------------ */

div.bigbox {width: 622px; height: 242px; background: url(big_box.png) 0 0 no-repeat; float: left;}
div.bigbox h1 {color: #cf3a05; font-size: 22px; margin: 10px 0 0 20px; padding: 0;}
div.bigbox h2 {color: #cf3a05; font-size: 22px; margin: 10px 0 0 20px; padding: 0;}
div.bigbox p#confirm {text-align: center; width: 80%; margin: 20px auto;}
div.bigbox a {text-decoration: none;}
div.bigbox a:hover {text-decoration: underline;}

div.bigbox ul {float: left; list-style-image: url(puce.gif); padding: 0 0 0 160px; margin: 10px 0 0 7px; font-size: 12px; width: 225px; height: 174px; background: url(icon_internet2.png) 5px 0 no-repeat;}
div.bigbox ul li {margin-top: 10px;}
div.bigbox ul li#l1 {margin-left: 5px;}
div.bigbox ul li#l2 {margin-left: 23px;}
div.bigbox ul li#l3 {margin-left: 28px;}
div.bigbox ul li#l4 {margin-left: 30px;}
div.bigbox ul li#l5 {margin-left: 23px;}
div.bigbox ul li#l6 {margin-left: 5px;}
div.bigbox ul li#l7 {margin-left: 0px;}

div.bigbox #txtdroit {width: 220px; height: 174px; float: left; text-align: center; color:#cf3a05; }
div.bigbox #txtdroit p {font-size: 13px; font-weight: bold; margin: 0; padding: 40px 0;}

/*---- Form page reservez.php ----*/
                               
form div.bigbox fieldset {display: block;  margin: 0 10px; padding-bottom: 0;  border: none; font-size: 12px;}
form div.bigbox fieldset span.lab {display: block; width: 220px; float: left; text-align: right; margin: 0; padding: 0;}
form div.bigbox fieldset span.lab2 {display: block; width: 220px; float: left; text-align: right; margin: 0; padding: 2px 0 0 0;}
form div.bigbox fieldset input.txt {width: 270px; float: left; border: 1px solid #000; font-size: 10px; margin: 0; padding: 0;}
form div.bigbox fieldset select.ext {width: 55px; float: left; border: 1px solid #000; font-size: 10px; height: 13px;}
form div.bigbox fieldset textarea {width: 270px; height: 40px; float: left; border: 1px solid #000; font-size: 10px; margin: 0; padding: 0;}

form div.bigbox fieldset .sep, .sep2  {display: block; clear: left; margin: 0 !important; margin-top: -8px; z-index: -1; padding: 0;}
form div.bigbox fieldset .sep  {height: 8px;}
form div.bigbox fieldset .sep2 {height: 9px;}

/* ------------------- SMALL BOX ------------------------ */

div.smallbox {width: 312px; height: 242px; background: url(small_box.png) 0 0 no-repeat; float: left; text-align: center}
div.smallbox h2 {color: #cf3a05; font-size: 21px; margin: 10px 18px; padding: 0; text-align: left;}
div.smallbox p {font-size: 12px; padding: 0 16px; margin: 0;}
div.smallbox p#inclu {clear: left; color: #e57c39; font-weight: bold; padding-top: 20px;}
div.smallbox img {margin: 0;}
div.smallbox ul {float: left; list-style-image: url(puce.gif); font-size: 12px; text-align: left; width: 250px; margin: 0 0 0 35px !important; margin-left: 18px; padding: 0;}
div.smallbox ul li {margin-top: 8px;}

div.smallbox .galerie {height: 150px; width: 290px; margin: 0 0 0 8px; padding: 0;}
div.smallbox a.liensite {font-size: 12px; text-decoration: none; margin: 4px 0; padding: 0; display: block}
div.smallbox a.liensite:hover {text-decoration: underline}

div.smallbox form {margin: 30px 0 15px 0;}
div.smallbox form .connex {width: 172px; margin: 5px auto;}
div.smallbox form .connex .gauche {width: 11px; height: 19px; display: block; float: left; background: transparent url(bord_gauche.gif) 0 0 no-repeat;}
div.smallbox form .connex .droite { width: 11px; height: 19px; display: block; float: left; background: transparent url(bord_droit.gif) 0 0 no-repeat;}
div.smallbox form .connex input {width: 140px; height: 12px; border-top: 2px solid #adadad; border-left: none; border-right: none; float: left; font-size: 10px; margin: 0;}
div.smallbox form .connex .ok {width: 19px; height: 19px; cursor: pointer; display: block; float: left; border-top: none; border-left: none; border-right: none; margin: 0;}

/* ------------------- PIED ------------------------ */

div#pied {margin:0; padding: 0;}
div#pied p {color: #e1c3b1; margin: 0; padding: 0 20px; font-size: 10px;}