body {
background:url(../pictures/bg.png) top center no-repeat #fff;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

h3 {
color:#FFF;
}

#menu_top {
color:#FFF;
font-size:10px;
float:right;
padding-top:20px;
width:750px;
}

ul.menu {
list-style-type:none;
float:left;
z-index:100;
position:relative;
margin:0;
padding:4px 0 0 4px;
}

ul.menu li {
display:block;
height:30px;
float:left;
position:relative;
-khtml-opacity:0.85;
-moz-opacity:0.85;
opacity:0.85;
margin:0 5px 0 0;
padding:0;
}

ul.menu li.current {
background:#000;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

ul.menu li:hover {
background:#0975d0;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

ul.menu li a {
display:block;
float:left;
color:#fff;
text-decoration:none;
font-size:11px;
font-weight:700;
line-height:18px;
padding:6px 2px 5px;
}

ul.menu li a span {
font-weight:400;
padding-left:3px;
}

ul.menu li.drop a {
padding-right:7px;
}

ul.menu li.drop span.toggle {
display:block;
float:left;
width:21px;
height:26px;
background:transparent url(../pictures/toggle.png) no-repeat 0 -20px;
margin:0 5px 0 0;
padding:0;
}

ul.menu li.drop:hover span.toggle,ul.menu li.drop.current span.toggle {
background-position:1px 5px;
}

ul.menu li.drop:hover,ul.menu li.current:hover {
-moz-border-radius:0;
-webkit-border-radius:0;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
}

ul.menu li.drop:hover ul {
display:block;
z-index:1;
padding-bottom:8px;
}

ul.menu li ul {
display:none;
position:absolute;
width:100%;
top:30px;
left:0;
list-style-type:none;
background:#0975d0;
filter:alpha(opacity=85);
margin:0;
padding:9px 0 0;
}

ul.menu li ul li {
float:none;
height:auto;
border:none;
filter:alpha(opacity=100);
margin:0;
padding:0;
}

ul.menu li ul li a {
float:none;
background:none;
display:block;
font-size:13px;
height:auto;
margin:0;
padding:4px 3px;
}

ul.menu li:hover ul {
border:none;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
}

ul.menu li:hover ul * {
background:none;
-moz-border-radius:0;
-webkit-border-radius:0;
}

ul.menu li ul li:hover {
background-color:#044276;
}

#gallery {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
position:relative;
height:280px;
margin:0 auto;
}

#gallery a {
float:left;
position:absolute;
}

#gallery a.show {
z-index:5;
}

#gallery .caption {
z-index:600;
background-color:#000;
color:#fff;
height:60px;
width:100%;
position:absolute;
bottom:0;
}

#gallery .caption .content {
margin:5px;
}

#gallery .caption .content h3 {
color:#1DCCEF;
margin:0;
padding:0;
}

#gallery h4 {
color:#FFF;
text-shadow:none;
margin:0;
padding:0;
}

.content_gauche {
width: 220px;
height:auto;
background:#FFF;
border:#357fac solid 1px;
font-size:12px;
float:left;
position:relative;
margin-bottom:1px;
margin-top:1px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
padding:3px;
}

.content_droite {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
width:576px;
height: auto;
background:#FFF;
border:#0e95e7 solid 1px;
font-size:12px;
float:left;
position:relative;
margin-bottom:0;
margin-top:1px;
padding:3px;
}
.content_droiteGA1 {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
width:576px;
height:900px;
background:#FFF;
border:#0e95e7 solid 1px;
font-size:12px;
float:left;
position:relative;
margin-bottom:0;
margin-top:1px;
padding:3px;
}
.content_droiteP {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
width:576px;
height:auto;
background:#FFF;
font-size:12px;
float:left;
position:relative;
margin-bottom:1px;
margin-top:3px;
padding:3px;
}
.content_droiteHV {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
width:576px;
height:400px;
background:#FFF;
font-size:12px;
float:left;
position:relative;
margin-bottom:1px;
margin-top:3px;
padding:3px;
}


.content_droiteS {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
width:960px;
height:auto;
background:#FFF;
border:#0e95e7 solid 1px;
font-size:12px;
float:left;
position:relative;
margin-bottom:0;
margin-top:1px;
padding:3px;
}

.content_pub {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
width:192px;
height:auto;
background:#FFF;
border:#8ed3fe solid 1px;
font-size:12px;
float:left;
position:relative;
margin-bottom:1px;
margin-top:2px;
padding:3px;
}

.content_pub1 {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
width:192px;
height:auto;
background:#FFF;
border:#8ed3fe solid 0px;
font-size:12px;
float:left;
position:relative;
margin-bottom:1px;
margin-top:2px;
padding:3px;
}

.titre_pub {
color:#FFF;
height:30px;
font-weight:700;
padding-left:22px;
padding-top:10px;
font-size:14px;
background:#8ed3fe;
border-bottom:solid #FF9 1px;
margin-bottom:2px;
}

.titre_pub1 {
color:#FFF;
height:50px;
font-weight:700;
padding-left:22px;
padding-top:10px;
font-size:14px;
background:#8ed3fe;
border-bottom:solid #FF9 1px;
margin-bottom:2px;
}

.titre_droite {
color:#FFF;
height:30px;
font-weight:700;
padding-left:22px;
padding-top:10px;
font-size:14px;
background:url(../pictures/top.png) left no-repeat #0e95e7;
border-bottom:solid #FF9 1px;
margin-bottom:15px;
}

.titre_gauche {
color:#FFF;
height:30px;
font-weight:700;
padding-left:22px;
padding-top:10px;
font-size:14px;
background:url(../pictures/etoile.png) left no-repeat #357fac;
border-bottom:solid #FF9 1px;
margin-bottom:15px;
}

.hotel {
width:185px;
border:#CCC dotted 1px;
font-size:12px;
background:#f6f6f6;
float:left;
margin-bottom:10px;
margin-right:5px;
height:110px;
position:relative;
}

.hotelS {
width:105px;
border:#CCC dotted 1px;
font-size:12px;
float:left;
margin-bottom:10px;
margin-right:5px;
height:70px;
position:relative;
}

.hotelI {
width:180px;
border:#CCC dotted 0px;
font-size:12px;
background:#FFF;
float:left;
margin-bottom:5px;

margin-right:5px;
height:98px;
position:relative;
}

.evenement {
width:100%;
border:#CCC dotted 0px;
font-size:12px;
background:#f6f6f6;
margin-bottom:4px;
margin-right:5px;
height:auto;
position:relative;
}

.alignleft {
float:left;
margin-right:2px;
margin-left:2px;
margin-top:2px;
}
.alignleftP {
float:left;
margin-right:1px;
margin-left:5px;
margin-top:2px;
}
#footer {
width:100%;
height:auto;
min-height:60px;
background:url(../pictures/Ffooter.png) repeat-x #E1F0FF;
padding-top:10px;
border-top:#03C solid 2px;
bottom:0;
text-align:center;
color:#FFF;
}

#footer a:link {
color:#FFF;
font-size:12px;
}

#featured {
width:750px;
padding-right:250px;
position:relative;
border:1px solid #357fac;
height:450px;
background:#fff;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
}

#featured ul.ui-tabs-nav {
position:absolute;
top:0;
left:750px;
list-style:none;
width:250px;
margin:0;
padding:0;
}

#featured ul.ui-tabs-nav li {
font-size:12px;
color:#666;
padding:2px 0 2px 2px;
}

#featured ul.ui-tabs-nav li img {
float:right;
background:#fff;
border:1px solid #eee;
margin:2px 5px;
padding:2px;
}

#featured ul.ui-tabs-nav li span {
font-size:14px;
font-family:Georgia, serif;
font-weight:700;
line-height:18px;
}

#featured li.ui-tabs-nav-item a {
display:block;
height:60px;
color:#06C;
background:url(../images/h2.jpg);
line-height:20px;
}

#featured .ui-tabs-panel {
width:750px;
height:450px;
background:#999;
position:relative;
}

#featured .ui-tabs-panel .info {
position:absolute;
top:360px;
left:0;
height:90px;
width:750px;
background:url(../pictures/transparent-bg.png);
}

#featured .info h2 {
font-size:18px;
font-family:Georgia, serif;
color:#fff;
overflow:hidden;
margin:0;
padding:5px;
}

#featured .info p {
font-family:Verdana;
font-size:11px;
line-height:15px;
color:#f0f0f0;
margin:0 5px;
}

#featured .info a {
text-decoration:none;
color:#fff;
}

#featured .info a:hover {
text-decoration:underline;
}

#featured .ui-tabs-hide {
display:none;
}

.NomHotel {
text-transform:uppercase;
color:#FFF;
font-size:18px;
font-weight:700;
}

.Etoile {
color:#D5C71E;
font-size:30px;
font-weight:700;
}

.Destination {
color:#FFF;
font-size:16px;
font-weight:700;
}

a.avis:link {
font-size:16px;
font-weight:700;
color:#630;
}

a.avis:hover {
font-size:16px;
font-weight:700;
color:#06F;
}

.PromotionTitle {
color:red;
background-color:#FF9;
font-size:14px;
font-weight:700;
padding:10px;
}

input.bntvert {
background:#090;
color:#FFF;
font-size:12px;
padding:5px;
}

input.retour {
background:url(../pictures/retour.png) no-repeat top left #900;
color:#FFF;
font-size:12px;
width:120px;
text-align:right;
padding:5px 5px 5px 20px;
}

.date {
color:#06F;
font-size:16px;
font-weight:700;
padding:5px;
}

h4 {
text-transform:capitalize;
font-size:14px;
color:#C00;
text-shadow:0 1px #FFF;
}

.or {
color:#ab8733;
 font-weight:bold;
 font-size:16px;
}

a.micee:link {
color:#666;
text-decoration:none;
font-size:10px;
}

a.micee:hover {
color:#06C;
text-decoration:underline;
font-size:10px;
}

a.micee:visited {
color:#666;
text-decoration:underline;
font-size:10px;
}

ul.menu li.drop:hover li,#gallery a img {
border:none;
}

#footer a:hover,#footer a:visited {
color:#F3F3F3;
font-size:12px;
}

#featured li.ui-tabs-nav-item a:hover,#featured ul.ui-tabs-nav li.ui-tabs-selected a {
background:url(../images/h1.jpg);
}

.ecotoursime,.circuits,.sejours {
font-size:12px;
color:#000;
}

a.ecotou:link,a.ecotou:visited,a.circuits:link,a.circuits:visited,a.sejours:link,a.sejours:visited {
text-decoration:none;
color:#CC0;
}

a.ecotou:hover,a.circuits:hover,a.sejours:hover {
text-decoration:underline;
color:#C90;
}
#cadrpg {
width:1000px;
border:0;
overflow:hidden;
margin:0 auto;
}

#newshr {
position:relative;
width:900px;
height:20px;
overflow:hidden;
color:inherit;
background:#FFF url(news.gif);
border:1px inset #FFF;
}

#defile {
position:absolute;
margin-top:1px;
background-color:transparent;
}
  
	div#textScroll {
width:880px;
background:#003500;
margin:5px 0 0;
padding:10px 0;
}

div#mainContainer {
float:right;
width:880px;
margin:0;
padding:0;
}

div#headMainContainer {
background:#BDC2B6;
margin:5px 0;
padding:5px;
}

div.boxInfo {
margin:5px 0;
padding:5px;
}

div#leftContainer {
float:left;
width:880px;
margin:0;
padding:0;
}

div.leftContainerElem {
background:#fff;
margin:5px 0;
padding:5px;
}

div#leftContainer .boxInfo {
background:#FFBD00;
}

div#leftContainer .boxInfo h2 {
font-size:110%;
color:#FFF;
}

.titre_orange {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#F60;
font-weight:700;
}

.char_offer {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#03F;
text-decoration:none;
font-weight:700;
}

.nom_hotel {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
color:#000;
text-decoration:none;
}

.blanc {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:700;
color:#FFF;
text-decoration:none;
}

hr {
border:1px dotted #06C;
}
/* begin Button */
.art-button-wrapper a.art-button, .art-button-wrapper a.art-button:link, .art-button-wrapper input.art-button, .art-button-wrapper button.art-button
{text-decoration: none; font-family: Arial, Helvetica, Sans-Serif; font-size: 13px;
  position:relative; top:0; display: inline-block; vertical-align: middle; white-space: nowrap;
  text-align: center; color: #000000 !important; width: auto; outline: none; border: none; background: none;
  line-height: 32px; height: 32px; margin: 0 !important; padding: 0 19px !important; overflow: visible; cursor: pointer;}

.art-button img, .art-button-wrapper img { margin: 0; vertical-align: middle;}

.art-button-wrapper { vertical-align: middle; display: inline-block; position: relative; height: 32px; overflow: hidden;
  white-space: nowrap; width: auto; margin: 0; padding: 0; z-index: 0; }

.firefox2 .art-button-wrapper { display: block; float: left; }

input, select, textarea { vertical-align: middle; font-family: Arial, Helvetica, Sans-Serif; font-size: 13px;}

.art-block select {width:96%;}

.art-button-wrapper.hover .art-button, .art-button-wrapper.hover a.art-button:link, .art-button:hover{
  color: #377395 !important;text-decoration: none !important;}

.art-button-wrapper.active .art-button, .art-button-wrapper.active a.art-button:link
{color: #6EABCF !important;}

.art-button-wrapper .art-button-l, .art-button-wrapper .art-button-r {
  display: block; position: absolute; height: 106px; margin: 0; padding: 0; background-image: url('../images/button1.png'); }

.art-button-wrapper .art-button-l {left: 0; right: 15px; }

.art-button-wrapper .art-button-r { width: 423px; right: 0; clip: rect(auto, auto, auto, 408px);}

.art-button-wrapper.hover .art-button-l, .art-button-wrapper.hover .art-button-r{top: -37px;}

.art-button-wrapper.active .art-button-l, .art-button-wrapper.active .art-button-r {top: -74px;}

.art-button-wrapper input{float: none !important;}
/* end Button */

#erreur {
border:red solid 1px;
background-color:#FDD;
font-weight:700;
color:red;
text-align:center;
width:95%;
}

#succes {
border:#090 solid 1px;
background-color:#EAFFF4;
font-weight:700;
color:#060;
text-align:center;
width:95%;
}