/********* Template stylesheet *********/
html { border:0 }

body {
    font: 12px Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
    border: 0;
    color: #333333;
    background:#fff
}


/*** link ***/
a:link, a:visited { 
    color:#FFFFFF;
    position:relative;
    _height:0;
    text-decoration: none;
    font:normal 12px Arial, Helvetica, sans-serif;
}

a:hover {   
    color:#FFFFFF;
    text-decoration: none;
    font:bold 12px Arial, Helvetica, sans-serif;
 }

.fastbooking {
    font: 12px Arial, Helvetica, sans-serif;
}

/* titles */
h1 {
    font:bold 12px Arial, Helvetica, sans-serif;
}

h2 {
    color:#B34218;
    font:bold 12px Arial, Helvetica, sans-serif;
    border-bottom: 1px dashed #B34218
}

h2.vert{
    color:#14533e;
    font:bold 18px Arial, Helvetica, sans-serif;
    border-bottom: 1px dashed #B34218}


h3 {
    font:bold 12px Arial, Helvetica, sans-serif;
}

p {

}

/*** image ***/
img { border:0 }

img.image_float_right {
    float: right;
    margin: 10px 0 0 10px;
    border: 2px solid #fff
        
}

img.image_float_left {
    float: left;
    clear:left;
    margin: 0 16px 0 0;
    border: 2px solid #fff
}

img.image_block_center {
    text-align: center;
    display: block; /* no !important */
    margin: 0 auto;
    border: 2px solid #fff
}

/*** list ****/
ul {

}

li {

}

/* globale form */
form {
    padding:0;
    margin:0
}

#site{
    position:relative;
    top:0px;
    width:850px;
    padding:0;
    margin: 0 auto;
}

/**************** ID *******************/
#wrapper,#wrapperChambre,#wrapperActivite,#wrapperTarif{
    position:relative;
    top:0px;
    width:850px;
    padding:0;
    margin-left: 0px;
    height:400px;
    background: #FFFFFF;
}

/*
#wrapperChambre {
    background: url(images/chambre.jpg) no-repeat;
}

#wrapperActivite{
    background: url(images/activite.jpg) no-repeat;
}

#wrapperTarif{
    background: url(images/salle.jpg) no-repeat;
}
*/

#article{
    position:absolute;
    top:-6px;
    left:329px;
    height:400px;
    color:#fff;
    padding: 6px 6px 6px 6px;
    width:355px;
}

#photo_gauche{
    position:absolute;
    top:0px;
    left:0px;
}

#photo_droite_haut{
    position:absolute;
    top:0px;
    left:690px;
}

#photo_droite_bas{
    position:absolute;
    top:200px;
    left:690px;
}

#header{
    position:relative;
    top:0px;
    left:0px;
    height:26px;
    color:#fff;
    padding-top:2px;
    width:850px;
    background: #00A1B7;

}

#header a:link,#header a:visited,#header input{
font-size:12px;
position:relative}

input,textarea{position:relative}


/* marginLeft */

#left{float:left}

#marginLeft{
    position:absolute;
    top:0;
    left:0;
    width:242px;
    height:348px;
    margin: 0 0 0 40px;
    background: url(images/bg_menu.gif) repeat-y;
    
    }
#marginLeft a:link, #marginLeft a:visited{position:relative}


#logo{
    margin-bottom:20px;
    padding-left:7px;}

/*** pagelayout ***/


table#price{
    font-family: Arial, Helvetica, sans-serif;
    color:#03472a;
    padding:10px;
    width:600px;
    margin-left:40px;
    //float:left;
    background: url(images/bg_table.png) repeat-y;
    //background: none; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg_table.png',sizingMethod=scale)  ;}
    
table#price td font{
    font-size:16px;
    font-family: Arial, Helvetica, sans-serif;}
    
table#price td{
    margin:0;
    padding: 0 10px;
    }   
    
td.dashedLine{
    height:2px;
    font-size:2px;
    background: url(images/greenPoint.gif) repeat-x}


#pagelayout {
    position:absolute;
    top:444px;
    left:0;
    width:850px;
    _height:148px;
    min-height:148px;
    margin-top:50px;
    padding-top:5px;
    background: url(images/bg_layout.png) repeat-y;
    _background: none; 
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg_layout.png',sizingMethod=scale)  ;
    }


#photo{position:relative;
    z-index:2;
    padding: 220px 630px 0 0
}

#noPhoto{
    float:right;
    margin: 90px 70px 0 0;
    width:625px;
    padding:0;
    _margin: 90px 20px 0 0;
}

#whiteFrame{
    float:right;
    width:427px;
    padding:0 5px;
    margin: 80px 100px 0 0;
    background:#fff}

#photo img{
    border: 4px solid #fff;
    width:180px;
}

#leftCol{
    padding-left:20px;
    width:280px;
    float:left;
}

#content,#largeContent{
    width:600px;
    padding-right:50px;
    float:right;
}

#content h2,#leftCol h2{color:#B34218}

#largeContent{
    width:980px;
    padding: 0 10px}

p.item_intro,p.item_intro_vert{
    color:#fff;
    margin: 0 0 20px 0;
    font:normal 15px Arial, Helvetica, sans-serif;
}


.item_content{
    font:normal 15px Arial, Helvetica, sans-serif;
    color:#fff;
}

.item_content_vert{
    font:normal 15px Arial, Helvetica, sans-serif;
    color:#14533e;
}

.item_link{
    float:right;
    padding-right:50px;
    width:97px;
    height:34px;
    background: url(images/more.gif) no-repeat}

.item_link a:link,.item_link a:visited{
    padding: 10px 0 0 0;
    text-align:center;
    color:#fff;
    display:block;
    font-size:12px}

#diapo{
    float:right;
    width:132px;
    height:33px;
    _margin-top:-3px;
    //margin-top:-6px;
    background: url(images/diapo.gif) no-repeat}

#diapo a:link,#diapo a:visited{
    display:block;
    width:100px;
    font:normal 12px Arial, Helvetica, sans-serif;
    color:#0e4d39;
    margin-top:10px;
    padding: 0 13px 0 5px;
    background: url(images/photos.gif) no-repeat left}

#diapo_bis{
    float:left;
    width:165px;
    height:33px;
    margin-top:-4px;
    margin-left:10px;
    }

#diapo_bis a:link,#diapo a:visited{
    display:block;
    width:165px;
    font:normal 12px Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    margin-top:10px;
    padding: 0 0px 0 5px;
    background: url(images/photos.gif) no-repeat left}

/*** footer ***/
#footer {

}

/* SLIMBOX */

#lbOverlay {
    position: absolute;
    left: 0;
    width: 100%;
    background-color:#000;
    cursor: pointer;
    z-index:10;
}

#lbCenter, #lbBottomContainer {
    position:relative;
    z-index:20;
    position: absolute;
    left: 50%;
    overflow: hidden;
    background-color: #fff;
}

.lbLoading {background: #fff url(images/slimbox/loading.gif) no-repeat center}

#lbImage {
    position: absolute;
    left: 0;
    top: 0;
    border: 10px solid #fff;
    
    background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
    display: block;
    position: absolute;
    top: 0;z-index:60;
    width: 50%;
    outline: none;
}

#lbPrevLink {left: 0}
#lbPrevLink:hover {background: transparent url(images/slimbox/prevlabel.gif) no-repeat 0% 15%}
#lbNextLink {right: 0}
#lbNextLink:hover {background: transparent url(images/slimbox/nextlabel.gif) no-repeat 100% 15%}

#lbBottom {
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 10px;
    color: #666;
    line-height: 1.4em;
    text-align: left;
    border: 10px solid #fff;
    border-top-style: none;
}

#lbCloseLink {
    display: block;
    float: right;
    width: 66px;
    height: 22px;
    background: transparent url(images/slimbox/fermerlabel.gif) no-repeat center;
    margin: 5px 0;
}

#lbCaption, #lbNumber {margin-right: 71px}
#lbCaption {font-weight: bold}


.formu{width:180px}




/**** globales class *****/

.item_intro {
    font: 12px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

.clear {
    clear:both;
    display:block;
    background-color:transparent;
    padding:0;
    margin:0;
    border:0;
    height: 1px;
    font-size:1px;
    line-height: 1px;
}

.item_separator, .item_separator1, .item_separator5, .item_separator10, .item_separator15, .item_separator20 {
    clear:both;
    display:block;
    background-color:transparent;
    margin:0;
    padding:0
}

.item_separator1 {
    height:1px;
    font-size: 1px;
}

.item_separator5 {
    height:5px;
    font-size:5px;
}

.item_separator, .item_separator10 {
    height:10px;
    font-size:10px;
}

.item_separator15 { height:15px }
.item_separator20 { height:20px }

a, input.btOk,select
{
    position: relative;
    z-index: 55;
}

#drapeau{
    position:absolute;
    top:-1px;
    right:20px;
}

#infos{
    position:absolute;
    top:510px;
    right:350px;
}

img.cadre { border: solid #81C9F0 3px; margin: 8px; }

.bordure_mailing {border-style: dashed; border-width: 1px; border-color: #175ba2; width: 175px; height: 30px;}

#menu_haut{
    position:absolute;
    top:470px;
    left:0px;
}

#menu_haut a:link,#menu_haut a:visited{
    font:bold 14px Arial, Helvetica, sans-serif;
    color:#0e4d39;