body { font-size: 0.75em; font-family: arial, "trebuchet ms", Verdana, Helvetica, sans-serif; background-color: #d3d3d3; background-image: url(../_img/fond.gif); background-repeat: repeat-x; height: 100%; margin-top: 0; margin-left: 0; padding: 0; }

p { }

td { }

a { color: gray; text-decoration: none; }
a:hover { }
h1 { color: #cb0523; font-size: 1.4em; font-weight: bold; }
h2 { color: #808080; font-size: 1.4em; font-weight: bold; margin: 0.83em 20px 0.83em 0; border-bottom: 1px dashed #808080; }
h3 { color: white; font-size: 1.17em; font-weight: bold; background-color: #cb0523; margin-top: 1em; margin-bottom: 1em; padding: 1px 5px; }
h4 { color: white; font-size: 16px; font-weight: bold; margin: 0; padding: 0 0 5px; }
ul { margin-top: 0; margin-bottom: 0; margin-left: 10px; padding-left: 0; list-style-type: square; list-style-position: inside; }
/*-----------------------------*/
#global { background-image: url(../_img/fd_page.gif); background-repeat: repeat-y; position: absolute; left: 50%; width: 760px; float: left; margin-left: -380px; }
#submenu { line-height: 60px; background-color: white; text-align: right; width: 760px; height: 50px; clear: both; display: block; }
#lg { position: relative; top: 15px; left: 10px; width: 30px; height: 21px; float: left; }
#banner { background-image: url(../_img/banner.jpg); background-repeat: no-repeat; display: block; width: 760px; height: 160px; clear: both; }
#banner_de { background-image: url(../_img/banner_de.jpg); background-repeat: no-repeat; display: block; width: 760px; height: 160px; clear: both; }
#macaron { background-repeat: no-repeat; position: absolute; top: 390px; left: 20px; width: 170px; height: auto; z-index: 5; float: left; clear: both; display: block; }
#bas { background-image: url(../_img/fond_bas.gif); background-repeat: no-repeat; position: relative; left: 0; bottom: 0; display: block; width: 760px; height: 59px; float: left; clear: both; margin: 0; }
#bas h1 { color: #5c5c5c; font-size: 11px; text-align: right; width: 710px; margin-top: 3px; margin-bottom: 10px; }
/*------------menu------------*/
#menu { position: absolute; top: 195px; left: 25px; width: 170px; float: left; display: block; }
#menu ul { margin: 0; padding: 0; list-style-image: none; }
#menu li { color: #787878; font-weight: bold; line-height: 32px; text-indent: 15px; position: relative; width: 170px; height: 30px; float: left; clear: both; margin: 0; display: block; }
a#item { color: #787878; background-image: url(../_img/fond_menu.gif); background-repeat: no-repeat; text-decoration: none; width: 170px; height: 30px; float: left; }
a#active { color: white; background-image: url(../_img/fond_menu_on.gif); text-decoration: none; background-repeat: no-repeat; width: 170px; height: 30px; float: left; }
a#item:hover { color: #000; background-image: url(../_img/fond_menu.gif); background-repeat: no-repeat; background-position: 0 -30px; text-decoration: none; float: left; }
/*----contenu----------------------*/
#colgauche { color: #787878; font-size: 1em; background-repeat: no-repeat; display: block; position: absolute; top: 380px; left: 25px; width: 170px; float: left; clear: both; }
#colgauche h1 { color: #fff; font-size: 1.2em; background-color: #c0c0c0; text-indent: 5px; padding-top: 2px; padding-bottom: 2px; }
#colgauche p {  }
#conteneur { position: relative; top: 30px; left: 215px; width: 520px; float: left; clear: both; min-height: 300px; margin-top: 0; margin-bottom: 40px; padding-top: 0; padding-bottom: 10px; display: block; }
/*----centre-------------------------*/
#cell { line-height: 1.3em; position: relative; top: 0; left: 0; width: 300px; float: left; clear: left; margin-top: 0; padding-top: 0; display: block; }
#cell h1 { color: #cb0523; font-size: 1.2em; margin-top: 0; margin-bottom: 1em; }
/*----droite--------------------------*/
#cell2 { color: #787878; font-size: 0.95em; width: 200px; float: right; clear: right; }
#cell2 h1 { color: gray; font-size: 1.5em; font-weight: bold; margin: 0; }
#cell2 h2 { color: #cb071e; font-size: 1.3em; font-weight: bold; margin: 0; }
/*----vehicules----------------------*/
.tabvehicule { background-image: url(../_img/fond_veh.gif); background-repeat: repeat-x; background-position: 0 top; border: solid 1px gray; }
/*----news---------------------------*/
#news { color: white; background-color: #cb0523; background-image: url(../_img/fond_rouge.gif); background-repeat: no-repeat; background-position: right 0; width: 200px; float: left; clear: both; margin-bottom: 10px; }
#news h1 { color: yellow; font-size: 1em; font-weight: bold; margin-top: 12px; margin-bottom: 0; padding-right: 8px; padding-left: 8px; }
#news p { color: white; font-size: 0.9em; font-style: italic; margin: 5px 0 6px; padding-right: 8px; padding-bottom: 0; padding-left: 8px; }
/*----voyages---------------------*/
#voyages { width: 480px; }
#voyages h1 { color: #cb0523; font-size: 20px; }
.details { color: #555; font-size: 1em; font-style: italic; }
.jour { color: gray; font-size: 1.1em; font-weight: normal; margin-bottom: 5px; padding: 1px 5px; border: solid 1px; }
#voyages .jour h1 { color: #cb0523; font-size: 15px; font-weight: bold; }
.encadre { font-style: italic; background-color: #e6e6e6; padding: 5px; border: solid 1px #717d79; }
#contenmenus { background-color: white; width: 220px; float: right; clear: both; margin: 0; display: block; }
#menus { background-color: transparent; background-image: url(../_img/fond_parch.jpg); background-repeat: repeat-y; background-position: right 0; text-align: center; position: relative; width: 200px; float: right; display: block; }
.menurev { font-size: 1em; font-family: "times new roman"; font-weight: bold; font-style: italic; margin: 0 15px; }

/*---destinations-----------------------*/
#playa { background-image: url(../_img/playa.jpg); background-repeat: no-repeat; background-position: left top; position: relative; top: 0; left: 0; width: 490px; height: 300px; float: left; }
#destination { position: relative; top: 0; right: 0; width: 230px; height: auto; z-index: 10; float: right; clear: right; display: inline; }
#destination ul { width: 230px; height: auto; float: left; }
#destination li { color: white; font-size: 19px; font-weight: bold; line-height: 60px; background-repeat: no-repeat; text-indent: 15px; position: relative; top: 0; width: 230px; height: 60px; margin: 0 0 5px; padding: 0; list-style-type: none; }
#destination li a { color: white; }
/**/
#spectacle { color: white; font-weight: bold; background-color: #6292c2; background-image: url(../_img/fond_spectacles.gif); background-repeat: no-repeat; background-position: right 0; text-align: left; width: 90%; margin-top: 5px; margin-bottom: 10px; padding: 5px 15px; display: block; }
#spectacle a { color: #e8f3fd; font-size: 1.1em; }
#spectacle a:hover { color: white; font-size: 1.1em; }
#sejour { color: white; font-weight: bold; background-color: #4c5770; background-image: url(../_img/fond_sejour.gif); background-repeat: no-repeat; background-position: right 0; text-align: left; display: block; margin-top: 5px; margin-bottom: 10px; padding: 5px 15px; width: 90%; }
#sejour a { color: yellow; font-size: 1.1em; }
#sejour a:hover { color: #fff; }
#journee { color: white; font-weight: bold; background-color: #cb0523; background-image: url(../_img/fond_dest.gif); background-repeat: no-repeat; background-position: right 0; text-align: left; display: block; margin-top: 5px; margin-bottom: 10px; padding: 5px 15px; width: 90%; }
#journee a { color: yellow; font-size: 1.1em; }
#journee a:hover { color: #fff; }
#rando { color: white; font-weight: bold; background-color: #ff6400; background-image: url(../_img/fond_rando.gif); background-repeat: no-repeat; background-position: right 0; text-align: left; display: block; margin-top: 5px; margin-bottom: 10px; padding: 5px 15px; width: 90%; }
#rando a { color: yellow; font-size: 1.1em; }
#rando a:hover { color: #fff; }
.datedest { color: white; font-size: 0.8em; font-weight: normal; text-align: right; width: 465px; clear: both; border-top: 1px solid white; display: block; }
.tarif { color: yellow; font-size: 13px; font-weight: bold; background-color: #cb0523; width: auto; padding: 5px; }
.menu { background-image: url(../_img/menu.gif); background-repeat: no-repeat; }
.menu p { padding-top: 40px; padding-right: 20px; padding-left: 20px; }
.actualite { background-image: none; top: 0; left: 0; width: 100%; height: auto; float: left; margin: 0 0 20px; padding: 0; }
#conteneur .actualite h1 { color: white; font-size: 15px; background-color: #cb0523; background-image: url(../_img/titre_actu.gif); background-repeat: repeat-x; margin-top: 0; margin-bottom: 1px; padding: 2px 5px; }
.actualite p { background-color: white; background-image: none; position: relative; top: 0; left: 0; width: 100%; height: auto; float: left; margin: 0; padding: 5px 0 0; }
.datenews { color: silver; font-size: 12px; top: 0; left: 0; clear: both; margin: 0; padding: 5px 0; display: block; }
.txtnews { color: gray; font-size: 13px; background-image: none; display: block; }
.bloc { text-align: left; float: left; clear: left; margin: 0 10px 0 0; padding: 0; border-width: 0; display: block; }
#banniere { color: gray; font-size: 12px; line-height: 20px; background-color: #d3d3d3; background-image: none; text-align: center; width: 100%; height: auto; float: left; clear: both; margin: 0; padding: 0 0 20px; }
.formcontact { color: gray; font-size: 13px; text-align: left; }