*{
padding:0;
margin:0;
}
a{
text-decoration:none;
color:#000;
}
body{
background-color:#FFF4DF;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
color:#571717;
text-align:center;
color:#000;
font-size:12px;
}
.slogan{
color:#FFB100;
font-size:12px;
font-weight:normal;
letter-spacing:0px;
padding-left:10px;
}
table
{
border-collapse:collapse ;
}
td{
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
font-size:13px;
color:#571717;
}
/*a
{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:13px;
color:#571717;
text-decoration:none;
}*/
/*a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#fffcad;
background:#571717;
text-decoration:none;
}*/
a.arouge, a.arouge:hover
{
font-family:Arial,Helvetica,sans-serif;
color:#cc0000;
background:none;
text-decoration:none;
}
img
{
border:0;
}
textarea, input
{
background-repeat:no-repeat;
background-position:center;
background-color:#eee;
border-width:1px;
border-color:#cecece;
border-style:double;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:normal;
color:#000;
padding:5px;
}
select
{
background-repeat:no-repeat;
background-position:center;
background-color:#eee;
border-width:1px;
border-color:#cecece;
border-style:double;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
color:#000;
padding:5px
}
/*ul
{
list-style-image:url("img/puce.gif");
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:13px;
color:#571717;
line-height:150%;
}*/
.tiret
{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:13px;
color:#571717;
}
.T10
{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10px;
}
.T12
{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
}
.T14
{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:14px;
}
.T16
{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:16px;
}
.T24
{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:24px;
}
.T30
{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:30px;
}
.pied
{
font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;
font-stretch:ultra-condensed;
word-spacing:-2px;
letter-spacing:-1px;
line-height:10pt;
font-size:10px;
color:#571717;
}
.dhtmlwindow{
position:absolute;
border:2px solid black;
visibility:hidden;
background-color:white;
}
.drag-handle{ /*CSS for Drag Handle*/
padding:1px;
text-indent:3px;
font:bold 14px Arial;
background-color:#CA0000;
color:white;
cursor:move;
overflow:hidden;
width:auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position:absolute;
right:1px;
top:2px;
cursor:hand;
cursor:pointer;
}
* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width:100%;
}
.drag-contentarea{ /*CSS for Content Display Area div*/
border-top:1px solid brown;
background-color:white;
color:black;
height:150px;
padding:2px;
overflow:auto;
}
.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top:1px solid gray;
background-color:#CA0000;
height:13px; /*height of resize image*/
}
.drag-resizearea{ /*CSS for Resize Area itself*/
float:right;
width:13px; /*width of resize image*/
height:13px; /*height of resize image*/
cursor:nw-resize;
font-size:0;
}
#menu_recherche{
margin:0 0 0 30px;
padding:0;
list-style-type:none;
text-align:center;
}
#menu_recherche li{
float:left;
margin:auto;
padding:0;
background-color:#FFD100;
}
#menu_recherche li a{
display:block;
width:200px;
color:444;
text-decoration:none;
padding:5px;
text-align:center;
border-left:1px solid #EFFF79;
border-right:1px solid #CF8800;
cursor:pointer;
}
#menu_recherche li a:hover{
background-color:#CF8800;
border-left:1px solid #CF8800;
}
#menu_recherche li ul{
list-style-type:none;
display:none;
}
#menu_recherche li ul li{
border-bottom:#222 1px solid;
border-top:#777 1px solid;
}
#menu_recherche li ul li a {
text-align:left !important;
}
 #menu_recherche li:hover ul {
display:block;
}
#menu_recherche li:hover ul li {
float:none;
}
#menu_recherche li ul {
position:absolute;
}
#menu_recherche {
background-color:#ff9e01;
width:920px;
height:30px;
margin:0;
padding-left:30px;
}
.promo{
margin-left:45px !important;
background-color:#EF6B00 !important;
color:#fff !important;
font-size:1.4em !important;
font-weight:bold !important;
letter-spacing:-1px !important;
}
.promo a{
border-left:1px solid #EF6B00 !important;
padding-top:3px !important;
padding-bottom:3px !important;
color:#fff !important;
}
#menu_top{
float:left;
list-style:none;
background-color:#35C0F9;
margin:0;
padding:13px 0px;
margin-top:0px;
text-align:left;
}
#menu_top li{
display:inline;
}
#menu_top li a{
margin:0;
padding:13px 15px;
font-size:1.2em;
color:#fff;
border-left:1px solid #9FE4FF;
border-right:1px solid #0094CF;
margin:0;
}
.addhotel a{
background-color:#FF9E01;
border-right:1px solid #DF7800 !important;
border-left:1px solid #FFB55F !important;
}
.addhotel{
/*margin-left:404px;*/
}
#menu_top li a:hover{
background-color:#0094CF;
border-left:1px solid #0094CF;
}
.addhotel a:hover{
background-color:#DF7800 !important;
border-left:1px solid #BF6700 !important;
}

/**************** toogle ******************/
h3.section {
margin-top:1em;
}
#vertical_slide, #horizontal_slide {
background:#D0C8C8;
color:#8A7575;
padding:10px;
border:5px solid #F3F1F1;
font-weight:bold;
}
div.marginbottom {
/* Since the Fx.Slide element resets margins, we set a margin on the above element */
margin-bottom:10px;
}
/*************** fin toogle ****************/

#maincontenu{
float:left;
background:#fff;
border:2px solid #EFE5D1;
height:800px;
width:550px;
padding:20px;
color:#111;
}
#maincontenu h1{
font-size:3em;
padding:0;
margin-top:0;
text-shadow:#cecece 1px 1px;
letter-spacing:-2px;
}
#maincontenu h2{
line-height:1.5em;
font-weight:normal;
}
#header{
width:950px;
margin:0 auto;
text-align:center;
}
#search_title{
font-size:3em;
color:#DF7800;
font-weight:bold;
letter-spacing:-2px;
text-shadow:1px 1px #9F5600;
text-align:left;
margin:0; padding:0;
}
.list_liens ul{
margin-left:50px;
list-style:none;
}
.list_liens ul li a{
padding-left:10px;
background-image:url("images/bullet_black.png");
background-position:left center;
background-repeat:no-repeat;
}
#column_center{
padding:20px;
margin:0 8px;
background-color:#fff;
text-align:left;
width:550px;
float:left;
border:2px solid #EFE5D1;
}
#column_center h1{
font-size:3em;
padding:0;
margin-top:0;
text-shadow:#cecece 1px 1px;
letter-spacing:-2px;
}
#column_center h2{
line-height:1.5em;
font-weight:normal;
font-size:1.5em;
margin-top:20px;
}
#footer{
clear:both;
width:100%;
background-color:#222;
background-image:url("images/bg-footer2.jpg");
background-repeat:repeat-x;
background-position:center top;
padding:30px 0;
}
#footer2{
clear:both;
width:100%;
background-color:#282828;
padding:30px 0;
}
.center_footer{
width:950px;
margin:0 auto;
}
.hotel_title{
padding:0 10px;
font-size:24px !important;
font-family:Myriad Pro;
color:#000;
line-height:1em !important;
text-shadow:1px 1px #CECECE ;
}
.hotel_title a{
color:#571717;
text-decoration:none;
}
.div_contener{
width:950px;
margin:0 auto;
}
.div_souscontener{
background-color:#FFFFFF;
border:2px solid #EFE5D1;
float:left;
margin:0 10px 0 0;
padding: 20px;
text-align:left;
width:710px;
}
.div_contener h1{
font-size:3em;
letter-spacing:-2px;
padding:0;
margin-top:10px;
margin-bottom:30px;
text-shadow:1px 1px #CECECE;
}
.div_contener h2{
font-size:2em;
letter-spacing:-2px;
padding:0;
margin-top:10px;
margin-bottom:10px;
text-shadow:1px 1px #CECECE;
}
.menu-tourism h2{
font-size:2em;
letter-spacing:-2px;
padding:0;
margin-top:10px;
margin-bottom:10px;
text-shadow:1px 1px #CECECE;
}
.div_contener h3{
font-size:1.4em;
letter-spacing:0px;
padding:0;
margin-top:10px;
margin-bottom:10px;
text-shadow:1px 1px #CECECE;
}
.div_souscontener p{
line-height:1.8em;
margin-bottom:25px;
}
.menu-tourism ul{
list-style:none;
width:220px;
}
.menu-tourism li a{
padding:4px 0 4px 25px;
background-image:url("images/bullet_orange.png");
background-position:10px center;
background-repeat:no-repeat;
display:block;
width:195px;
border-bottom:1px solid #ddd;
color:#000;
text-decoration:none;
}
.menu-tourism ul li{
}
.menu-tourism ul li ul li a{
background-image:url("images/bullet_black.png");
padding:4px 0 4px 35px;
background-position:20px center;
width:185px;
}
.tourism-contener{
width:750px;
padding:10px;
float:left;
background-color:#FFFFFF;
border:2px solid #EFE5D1;
margin:0 auto;
text-align:left;
line-height:1.6em;
position:relative;
}
.center_footer ul{
list-style:none;
line-height:1.6em;
}
.center_footer a{
color:#bbb;
}
.center_footer h3{
font-size:2.4em;
color:#89B556;
font-weight:bold;
letter-spacing:-1px;
text-shadow:1px 1px #283F0C;
text-align:left;
margin:0 0 20px 0;
padding:0;
}
.roundaboutTitle{
font-size:3em;
color:#000;
font-weight:bold;
letter-spacing:-2px2px;
text-shadow:1px 1px #cecece;
text-align:left;
margin:0 0 20px 0;
padding:0;
}

#reserverdirect{
text-align:left;
margin-top:20px;
}
#reserverdirect h3{
font-size:1.9em;
color:#000;
font-weight:bold;
letter-spacing:-2px;
text-shadow:1px 1px #cecece;
text-align:left;
margin:0; padding:0;
margin-bottom:5px;
}
#reserverdirect p{
text-align:left;
background-image:url("images/check.png");
background-position:left top;
vertical-align:center;
padding-left:37px;
padding-top:9px;
background-repeat:no-repeat;
height:30px;
}
.intro{
font-size:1.4em;
letter-spacing:-1px;
margin-bottom:20px;
}

.contenu h2{
font-size:2em;
font-weight:bold;
letter-spacing:-1px;
text-shadow:1px 1px #cecece;
margin-bottom:20px;
}
.contenu h3{
font-size:2em;
margin-bottom:5px;
font-weight:normal;
letter-spacing:-1px;
}
.contenu p{
line-height:2em;
margin-bottom:15px;
}

.infobulle{
	position: absolute;   
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #FFFFCC;
}

/********* TinyTips ************************/
.lightTip 			{ width:342px; }
.lightTip .content	{ width:310px; padding:10px; border:6px solid #e2e2e2; -moz-border-radius:5px; -webkit-border-radius:5px; background:#ffffff; color:#020202; }
.lightTip .bottom 	{ height:14px; background:url(../images/notch-white.png) top center no-repeat; }
 
.yellowTip 			{ width:342px; }
.yellowTip .content	{ width:310px; padding:10px; border:6px solid #f9e98e; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fbf7aa; color:#020202; }
.yellowTip .bottom 	{ height:14px; background:url(../images/notch-yellow.png) top center no-repeat; }
 
.orangeTip 			{ width:342px; }
.orangeTip .content 	{ width:310px; padding:10px; border:6px solid #f9cd8e; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fbe3aa; color:#020202; }
.orangeTip .bottom	{ height:14px; background:url(../images/notch-orange.png) top center no-repeat; }
 
.redTip				{ width:342px; }
.redTip .content 	{ width:310px; padding:10px; border:6px solid #ce6f6f; -moz-border-radius:5px; -webkit-border-radius:5px; background:#f79992; color:#020202; }
.redTip .bottom 		{ height:14px; background:url(../images/notch-red.png) top center no-repeat; }
 
.greenTip			{ width:342px; }
.greenTip .content	{ width:310px; padding:10px; border:6px solid #a9db66; -moz-border-radius:5px; -webkit-border-radius:5px; background:#cae8a2; color:#020202; }
.greenTip .bottom 	{ height:14px; background:url(../images/notch-green.png) top center no-repeat; }
 
.blueTip			{ width:342px; }
.blueTip .content 	{ width:310px; padding:10px; border:6px solid #36a4d9; -moz-border-radius:5px; -webkit-border-radius:5px; background:#90d8f0; color:#020202; }
.blueTip .bottom		{ height:14px; background:url(../images/notch-blue.png) top center no-repeat; }
 
.purpleTip			{ width:342px; }
.purpleTip .content	{ width:310px; padding:10px; border:6px solid #8671de; -moz-border-radius:5px; -webkit-border-radius:5px; background:#a290f0; color:#020202; }
.purpleTip .bottom 	{ height:14px; background:url(../images/notch-purple.png) top center no-repeat; }
 
.darkTip                        { width:342px; }
.darkTip .content	{ width:310px; padding:10px; border:6px solid #303030; -moz-border-radius:5px; -webkit-border-radius:5px; background:#505050; color:#f8f8f8; }
.darkTip .bottom		{ height:14px; background:url(../images/notch-dark.png) top center no-repeat; }