html, body {padding: 0;	margin: 0; height: 100%; width: 100%; }
* {padding: 0; margin: 0; }
body {font-size: 0.85em; font-size-adjust: 0.5; font-family: "Garamond", "Verdana", "Geneva", "Lucida Sans Unicode"; background: #ab9677 url(../images/background-2.jpg) no-repeat 0 0; color: #352a1b; }

		
img {border: 0; }
h1 {margin-bottom: 30px; font-size: 1.4em; }
h2 {margin-bottom: 15px; margin-top: 15px; font-size: 1.2em; color: #564732; }
p {margin-top: 5px; margin-bottom: 5px; }
p.espace {margin-top: 15px; margin-bottom: 15px; vertical-align: middle; }

.erreur {color: red; width: 600px; text-align: center; font-weight: bold; margin-bottom: 25px; }

table.mep td {padding-right: 15px; margin-right: 15px;}
ul {margin-left: 20px; list-style-type: circle; margin-bottom: 5px; margin-top: 5px; }
ol {margin-left: 20px; margin-bottom: 5px; margin-top: 5px; }

/* corps blanc central */
#corps {position: relative; float: left; margin-left: 250px; margin-top: 35px; margin-bottom: 0px; width: 650px; height: auto; }
#corps-top {position: relative; float: left; width: 650px; height: 29px; background: transparent url(../images/background-white-top.png) no-repeat 0 0; z-index: 1;}
#corps-body {position: relative; float: left; width: 650px; min-height: 700px; height: auto !important; height: 700px; background: transparent url(../images/background-white-body.png) repeat-y 0 0; z-index: 1; padding-top: 150px; }
#corps-bottom {position: relative; float: left; width: 650px; height: 29px; background: transparent url(../images/background-white-bottom.png) no-repeat 0 0; z-index: 1;}
#corps-body #contenu {position: relative; float: left; width: 590px; z-index: 4; padding-left: 30px; padding-right: 30px;}

/* logo */
#logo {position: absolute; top: 10px; left: 10px; z-index: 3; }

/* menus */
#menu-droit {position: absolute; top: 20px; right: 0; margin-right: -50px; width: 65px; height: auto; z-index: 2; }
#menu-haut {position: absolute; top: -30px; right: 30px; z-index: 3; }
#menu-circuit {position: absolute; top: 200px; left: -219px; width: 220px; height: 200px; z-index: 4; }
.menu-circuit-top {position: relative; float: left; width: 220px; height: 17px; background: transparent url(../images/menu-circuit-top.png) no-repeat 0 0; }
.menu-circuit-bottom {position: relative; float: left; width: 220px; height: 17px; background: transparent url(../images/menu-circuit-bottom.png) no-repeat 0 0; margin-bottom: 25px; }
.menu-circuit-body {position: relative; float: left; width: 220px; height: auto; background: transparent url(../images/menu-circuit-body.png) repeat-y 0 0; padding-left: 2px; }
.menu-circuit-body h1 {font-size: 1.2em; font-family: "Courier New"; margin-bottom: 15px; padding-left: 10px;}
.menu-circuit-body h1.seul {margin-bottom: 0; }


/* excursions à la demande */
#excursions {position: relative; float: left; width: 220px; z-index: 10; background-color: #fff; margin-bottom: 20px; }
#excursions-trefle {position: absolute; top: 4px; right: 0; background: #fff url(../images/trefle-vert.png) no-repeat 0 0; z-index: 10; width: 49px; height: 49px; z-index: 3 }
#excursions-top {position: relative; float: left; width: 220px; height: 14px; background: transparent url(../images/menu-circuit-top.png) no-repeat 0 0; } 
#excursions-bottom {position: relative; float: left; width: 220px; height: 17px; background: transparent url(../images/menu-circuit-bottom.png) no-repeat 0 0; } 
#excursions-body {padding-left: 10px; padding-right: 10px; position: relative; float: left; width: 220px; height: 40px; z-index: 10; background: transparent url(../images/menu-circuit-body-2.png) repeat-y 0 0;}
#excursions h1 {font-size: 1.2em; font-family: "Courier New"; width: 180px; text-align: left; }
#excursions h1 a {text-decoration: none; color: #352a1b; }


.navigation {list-style: none; font-size: 0.8em; font-family: "Courier New"; margin: 0; padding:0; font-weight: bold; width: 220px; }
.navigation a, .navigation span {display: block;text-decoration: none; color: #564732; } 
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {background: transparent url(../images/menu-circuit-bkg-titre.png) no-repeat 0 0; padding-top: 10px; padding-left: 10px; } 
.navigation .open a, .navigation .open span {background: transparent url(../images/menu-circuit-bkg-titre.png) no-repeat 0 0;} 
.navigation a:hover, .navigation a:focus, .navigation a:active {text-decoration: underline; } 
.navigation .subMenu {font-size: 1em; font-family: "Bookman Old Style";  } 
.navigation ul.subMenu a {background: none; padding: 3px 0px; list-style: none; }

#pied {position: relative; float: left; width: 650px; margin-top: 15px; margin-bottom: 30px; height: auto; text-align: center; background-color: transparent; }
#pied ul {list-style: none; }
#pied ul li {display: inline; margin-right: 20px; }
#pied a {text-decoration: none; color: #fff; font-weight: bold; }
#pied a:hover {color: #000; }



/* page index */
.choix-categorie {position: relative; float: left; margin-top: 40px; width: 620px; height: 443px; background: transparent url(../images/index-thumbs.png) no-repeat 0 0; margin-left: 2px; padding-left: 30px; padding-top: 20px; margin-top: 10px; }
.choix-categorie #ligne1, .choix-categorie #ligne2 {position: relative; float: left; width: 650px; margin-left: -20px; }
.choix-categorie #ligne1 {margin-top: 37px; }
.choix-categorie a {text-decoration: none; color: #564732; } 

.choix-categorie .circuit-categorie {position: relative; float: left; width: 197px; height: 150px; padding-left: 5px; padding-right: 5px; }
.choix-categorie .circuit-categorie img {position: relative; float: left; clear: none; cursor: pointer; }
.choix-categorie .circuit-categorie-libelle {position: relative; float: left; font-family: "Courrier New"; font-size: 1.1em; text-align: center; width: 197px; cursor: pointer; }
.choix-categorie #ligne1 .circuit-categorie-libelle {height: 40px; margin-top: 17px; overflow: hidden; }
.choix-categorie #ligne2 .circuit-categorie-libelle {height: 24px; overflow: hidden; margin-bottom: 6px; vertical-align: bottom; padding-top: 10px; }


/* page équipe */
#equipe {position: relative; float: left; width: 100%; margin-top: 40px; }
#equipe img {margin: 10px; }
#equipe p {vertical-align: middle; }

/* page livre d'or */
form.cmxform fieldset {margin-top: 30px; padding: 10px; border: solid 1px #564732;}
form.cmxform legend {font-weight: bold; }
form.cmxform input.submit {background-color: #564732; color: #fff; font-weight: bold; padding: 5px; border: none; }
form.cmxform p.submit {width: 570px; text-align: right; }

/* page circuit */
#diaporama {position: relative; float: left; clear: both; width: 550px; height: 344px; margin-left: 0px; background: transparent url(../images/diaporama-bkg-4.jpg) no-repeat 0 0; }

#diaporama table {width: 444px; height: 250px; background-color: transparent; margin-left: 40px; margin-top: 45px; vertical-align: middle; text-align: center; }
#diaporama table .jqcycle {width: 444px; height: 250px; overflow: hidden; }

.reserver {padding: 5px; color: #fff; position: relative; float: left; clear: both; width: 100%; margin-bottom: 20px; background-color: transparent; text-align: right; }		
.reserver:hover {background-color: transparent; }
.reserver a {color: #fff; text-decoration: none; }

.reserver-btn {width: 100px; padding: 5px; background-color: #564732; color: #fff; text-align: center; margin-right: 9px; float: right; }
.reserver-btn:hover {background-color: #000; }
.reserver-btn a {color: #fff; text-decoration: none; }
		

#commentaires {position: relative; float: left; width: 100%; margin-top: 50px; }
#commentaires .commentaire {border-top: solid 1px #564732; margin-bottom: 25px; }
#commentaires .commentaire h1 {font-size: 0.9em; font-weight: normal; font-style: italic; margin-bottom: 15px; }


#resume-carte {position: relative; float: left; width: 100%; height: auto; background: transparent url(../images/circuit-resume-bkg.png) repeat-x 0 0;}
.scotch-haut {position: absolute; top: -10px; right: -20px; z-index: 5; }
.scotch-bas {position: absolute; bottom: -10px; left: -20px; z-index: 5; }
#resume {position:relative; float: left; width: 270px; height: auto;  padding: 15px; font-family: "Courier New"; font-size: 0.9em; }
#resume h1 {font-size: 1em; font-family: "Courier New"; text-decoration: underline; }
#carte {position: relative; float: right; width: 250px; padding: 10px; }
#circuit-texte {position: relative; float: left; clear: both; width: 590px; background-color: transparent; }

table.tarif {position: relative; float: left; width: 100%; background-color: #564732; color: #fff; margin-top: 30px; border-collapse: collapse; border: solid 1px #fff; font-family: "Courier New"; }
table.tarif tbody th {width: 150px; }
table.tarif tbody td, table.tarif tbody th, table.tarif thead th {text-align: center; border: solid 1px #fff; padding-top: 4px; padding-bottom: 4px; }
.descriptif-saisons {position: relative; float: left; clear: both; font-style: italic; margin-top: 10px; margin-bottom: 10px; width: 590px; }

/* page categorie */
#menu-choix-categorie {position: relative; float: left; text-align: right; width: 600px; height: 50px; margin-bottom: 10px; font-size: 1.1em; font-weight: bold; }
#menu-choix-categorie a {text-decoration: none; color: #564732; }
#menu-choix-categorie a:hover {text-decoration: underline; }

/* page tarifs */
table.tarif-2 {position: relative; float: left; width: 100%; background-color: #fff; color: #564732; border-collapse: collapse; border: solid 1px #564732; font-family: "Courier New"; margin-bottom: 40px; }
table.tarif-2 tbody th {width: 150px; }
table.tarif-2 tbody td, table.tarif-2 tbody th, table.tarif-2 thead th {text-align: center; border: solid 1px #564732; padding-top: 4px; padding-bottom: 4px; }
table.tarif-2 a {color: blue; }
table.tarif-2 a:hover {text-decoration: none; }


/* page contact */
#formulaire label {position: relative; float: left; width: 170px; margin-right: 20px; }
#formulaire label.large {width: auto; }
#formulaire p {position: relative; float: left; clear: both; width: 500px; }
#formulaire fieldset {border-color: #444; }
#formulaire .error {position: relative; float:left; clear: both; margin-left: 170px; color: red; font-size: 0.8em; padding-left: 10px; }

/* departs garantis */
#departs-garantis {position: absolute; top: 290px; right: -200px; width: 200px; z-index: 10; background-color: #fff; }
#departs-garantis-etoile {position: absolute; top: 1px; left: 0; background: #fff url(../images/departs-etoile.png) no-repeat 0 0; z-index: 10; width: 49px; height: 49px; }
#departs-garantis-top {position: relative; float: left; width: 200px; height: 14px; background: transparent url(../images/departs-garantis-top.png) no-repeat 0 0; } 
#departs-garantis-bottom {position: relative; float: left; width: 200px; height: 17px; background: transparent url(../images/departs-garantis-bottom.png) no-repeat 0 0; } 
#departs-garantis-body {padding-left: 10px; padding-right: 10px; position: relative; float: left; width: 160px; }
#departs-garantis h1 {font-size: 1.2em; font-family: "Courier New"; width: 180px; text-align: right; }
#departs-garantis ul {font-size: 0.9em; margin-left: 7px; }
#departs-garantis ul li {padding-bottom: 5px; }
#departs-garantis ul li a {text-decoration: none; color: #564732; }
#departs-garantis ul li a:hover {text-decoration: underline; }


/* coups de coeur */
/* menu */
#coupsdecoeur {position: absolute; top: 200px; right: -200px; width: 200px; z-index: 10; background-color: #fff; }
#coupsdecoeur-coeur {position: absolute; top: 4px; left: 0; background: #fff url(../images/coeur-rouge.gif) no-repeat 0 0; z-index: 10; width: 49px; height: 49px; z-index: 3 }
#coupsdecoeur-top {position: relative; float: left; width: 200px; height: 14px; background: transparent url(../images/departs-garantis-top.png) no-repeat 0 0; } 
#coupsdecoeur-bottom {position: relative; float: left; width: 200px; height: 17px; background: transparent url(../images/departs-garantis-bottom.png) no-repeat 0 0; } 
#coupsdecoeur-body {padding-left: 10px; padding-right: 10px; position: relative; float: left; width: 160px; height: 40px; z-index: 10; }
#coupsdecoeur h1 {font-size: 1.2em; font-family: "Courier New"; width: 180px; text-align: right; }
#coupsdecoeur h1 a {text-decoration: none; color: #352a1b; }

/* page */
.encadre-coupdecoeur {position: relative; float: left; width: 540px; height: auto; background: transparent url(../images/circuit-resume-bkg.png) repeat-x 0 0; padding-left: 20px; padding-right: 20px; padding-bottom: 15px; margin-bottom: 40px; padding-top: 15px; }
.coupdecoeur-bouton {position: relative; float: left; width: 540px; clear: both; text-align: right; }
.coupdecoeur-bouton a {background-color: #352a1b; color: #fff; padding: 6px; font-weight: bold; text-decoration: none; } 
.encadre-coupdecoeur h2 {padding: 0; margin: 0; font-family: "Courier New"; font-size: 1.2em; color: #352a1b; }
.encadre-coupdecoeur h3 {font-size: 1.0em; margin-top: 10px; color: #222; }

.ligne-dromadaire {float: left; position: relative; clear: both; width: 100%; height: 15px; background: transparent url(../images/dromadaire.gif) repeat-x 0 0; margin-top: 10px; margin-bottom: 10px;  }