@import url(http://fonts.googleapis.com/css?family=Oswald|Droid+Sans&amp);

.tripadvisor {
    position: relative;
    /* z-index: 9999; */
    margin-left: -380px;
    left: 50%;
    z-index: 100;
    top: -270px;
}

.clearfix{
clear:both;
}
#art-menu {
    margin: 0 auto;
    position: relative;
    top: 30px;
    width: 1000px;
    z-index: 1;
}
#art-menu ul{
margin-left:400px;
position:relative;
text-align:left;
float:left;
}

#art-menu ul li {
    background: url("images/menu-top.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
    color: #FFFFFF;
    float: left;
    font-family: Oswald,Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    list-style: none outside none;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 12px;
}
#art-menu ul li a{
color:#ffffff;
text-decoration:none;
display:block;
/*transition*/
-webkit-transition:all .5s;
   -moz-transition:all .5s;
     -o-transition:all .5s;
        transition:all .5s;
}
#art-menu ul li a:hover{
color:#7c4521;
/*transition*/
-webkit-transition:all .5s;
   -moz-transition:all .5s;
     -o-transition:all .5s;
        transition:all .5s;
}
#programmes{
text-shadow:-1px 1px 0px #efefef;
margin-left:18px;
}
.tour{
width:233px;
float:left;
}
.tour .box effect{
float:left;
}
div.box{
width:200px;
height:200px;
float:left;
margin:23px 0 17px 11px;
border:5px solid #C36E35;
overflow:hidden;
/*transition*/
-webkit-transition:all .5s;
   -moz-transition:all .5s;
     -o-transition:all .5s;
        transition:all .5s;
}
div.box:hover{
/*transition*/
-webkit-transition:all .5s;
   -moz-transition:all .5s;
     -o-transition:all .5s;
        transition:all .5s;
border:5px solid #C36E35;
/*box-shadow*/
-webkit-box-shadow:0 0 6px rgba(0,0,0,0.6);
   -moz-box-shadow:0 0 6px rgba(0,0,0,0.6);
        box-shadow:0 0 6px rgba(0,0,0,0.6);
}
div.box div{
opacity:0.8;
width:200px;
height:105px;
background:#ffffff url('images/menu.png');
/*border-radius*/
-webkit-border-radius:0px;
   -moz-border-radius:0px;
        border-radius:0px;
padding:95px 0 0 0;
}
div.box img{
/*border-radius*/
-webkit-border-radius:0px;
   -moz-border-radius:0px;
        border-radius:0px;
}
div.effect{
position:relative;
}
div.effect img{
position:absolute;
top:0;
left:0;
}
div.effect div{
/*transform*/
-webkit-transform:scale(0);
   -moz-transform:scale(0);
    -ms-transform:scale(0);
     -o-transform:scale(0);
        transform:scale(0);
/*transition-duration*/
-webkit-transition-duration:500ms;
   -moz-transition-duration:500ms;
     -o-transition-duration:500ms;
        transition-duration:500ms;
}
div.effect .text p{
font-size:15px;
text-align:center;
font-family:Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight:normal;
margin-top:-50px;
text-shadow:-1px 1px 0px #efefef;
color:#C36E35;
}
div.effect p a{
text-shadow:-1px 1px 0px #efefef;
font-family:Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color:#C36E35;
line-height:100px;
text-decoration:none;
}
div.effect p a:hover{
color:#7c4521;
text-decoration:underline;
}
div.effect:hover div{
/*transform*/
-webkit-transform:scale(1);
   -moz-transform:scale(1);
    -ms-transform:scale(1);
     -o-transform:scale(1);
        transform:scale(1);
/*transition-duration*/
-webkit-transition-duration:500ms;
   -moz-transition-duration:500ms;
     -o-transition-duration:500ms;
        transition-duration:500ms;
}
div.programme{
width:233px;
}
div.programme h1{
/*box-shadow*/
-webkit-box-shadow:0 -7px 7px -7px #262626;
   -moz-box-shadow:0 -7px 7px -7px #262626;
        box-shadow:0 -7px 7px -7px #262626;
-webkit-border-top-left-radius:2px;
-webkit-border-top-right-radius:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
border-top-left-radius:2px;
border-top-right-radius:2px;
background:#ffffff url('images/menu.png') scroll;
font-family:Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight:normal;
padding-right:10px;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
position:absolute;
font-size:14px;
width:150px;
height:20px;
margin-left:32px;
margin-top:215px;
text-align:center;
text-decoration:none;
}
div.programme p{
text-indent:15px;
background:url('images/bullets.png') 15px 254px no-repeat;
padding-left:15px;
font-family:Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight:normal;
font-size:12px;
padding-right:12px;
text-align:justify;
text-indent:10px;
}
div.programme a{
color:#C36E35;
text-decoration:none;
/*transition*/
-webkit-transition:all .1s;
   -moz-transition:all .1s;
     -o-transition:all .1s;
        transition:all .1s;
}
div.programme a:hover{
color:#7c4521;
}
.logo{
background:url('images/logo.png') no-repeat;
top:-67px;
left:87px;
position:absolute;
z-index:1;
width:269px;
height:130px;
}
.title{
/*border-radius*/
-webkit-border-radius:1px;
   -moz-border-radius:1px;
        border-radius:1px;
border-bottom:2px solid #C36E35;
margin-right:5px;
background:#C36E35 url('images/title.png') scroll;
}
#left{
width:750px;
padding-left:5px;
padding-right:5px;
}
.art-layout h3{
text-shadow:0  1px 1px rgba(0,0,0,0.25);
padding:3px;
padding-left:15px;
font-weight:normal;
font-style:normal;
color:#ffffff;
text-transform:Capitalize;
font-size:16px;
font-family:Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-layout{
display:table-cell;
vertical-align:top;
}
.art-layout-cell h1{
text-shadow:-1px 1px 0px #efefef;
text-decoration:underline;
padding:2px;
margin-left:5px;
font-weight:normal;
font-style:normal;
color:#C36E35;
text-transform:Capitalize;
font-size:20px;
font-family:Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-layout-cell p{
text-shadow:-1px 1px 0px #efefef;
padding:10px;
border-bottom:0px solid transparent;
font-style:normal;
font-weight:normal;
text-align:justify;
color:#C36E35;
font-size:14px;
font-family:Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-layout-cell{
margin:10px;
position:relative;
height:100%;
display:table-cell;
vertical-align:top;
}
#right .icone{
z-index:450;
position:absolute;
background:url('images/icone-vmenublockheader.png') scroll;
width:10px;
height:20px;
margin-top:6px;
margin-left:-4px;
}
#right{
text-shadow:-1px 1px 0px #efefef;
border-right:1px dotted #C36E35;
float:left;
width:240px;
padding-left:8px;
padding-right:5px;
}
#right ul{
padding:0;
margin-left:8px;
margin-right:0px;
margin-top:10px;
margin-bottom:10px;
}
#right ul .first{
border-top:1px dotted #C36E35;
}
#right ul li{
text-transform:capitalize;
list-style:none;
padding:1px;
width:200px;
background:url('images/icone.png') 5px 6px no-repeat;
padding-left:15px;
border-bottom:1px dotted #C36E35;
}
#right ul li:hover{
background:url('images/icone.png') 5px 6px no-repeat, url('images/menu.png');
}
#right ul li a{
color:#C36E35;
text-decoration:none;
font-size:25px;
display:block;
line-height:20px;
font-size:13px;
font-family:Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
/*transition*/
-webkit-transition:all .5s;
   -moz-transition:all .5s;
     -o-transition:all .5s;
        transition:all .5s;
}
#right ul li a:hover{
padding-left:10px;
color:#C36E35;
/*transition*/
-webkit-transition:all .5s;
   -moz-transition:all .5s;
     -o-transition:all .5s;
        transition:all .5s;
}
.art-sheet{
background:#ffffff url('images/menu.png');
margin:0px auto;
margin-bottom:10px auto;
position:relative;
height:100%;
width:1000px;
z-index:auto !important;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
/*box-shadow*/
-webkit-box-shadow:0 0 6px rgba(0,0,0,0.6);
   -moz-box-shadow:0 0 6px rgba(0,0,0,0.6);
        box-shadow:0 0 6px rgba(0,0,0,0.6);
}
.art-post{
margin:0px auto;
height:100%;
padding-top:10px;
}
blockquote{
padding:5px;
color:#C36E35;
font-family:'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight:normal;
/* makes block not to align behind the image if they are in the same line */
overflow:auto;
clear:both;
margin-bottom:0;
}
#art-main{
background:#B4916A url('images/page.png') scroll;
margin:0 auto;
position:relative;
width:100%;
left:0;
top:0;
cursor:default;
overflow:hidden;
min-height:100%;
}
table, ul.art-hmenu{
font-size:13px;
font-family:'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight:normal;
font-style:normal;
}
h1, h2, h3, h4, h5, h6, p, a, ul, ol, li{
margin:0;
padding:0;
}
header, article, nav, #art-hmenu-bg, .art-sheet, .art-hmenu 
a, .art-vmenu a, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before{
/*background-origin*/
-webkit-background-origin:border-box !important;
   -moz-background-origin:border !important;
        background-origin:border-box !important;
}
header, article, nav, #art-hmenu-bg, .art-sheet, 
.art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before{
display:block;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
ul{
list-style-type:none;
}
ol{
list-style-position:inside;
}
html, body{
height:100%;
}
body{
background:#B4916A url('images/page.png') scroll;
padding:0;
margin:0;
min-width:1000px;
}
form{
padding:0 !important;
margin:0 !important;
}
table.position{
position:relative;
width:100%;
table-layout:fixed;
}
.art-shapes{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
overflow:hidden;
z-index:0;
}
.art-slider-inner{
position:relative;
overflow:hidden;
width:100%;
height:100%;
}
.art-slidenavigator > a{
display:inline-block;
vertical-align:middle;
outline-style:none;
font-size:1px;
}
.art-slidenavigator > a:last-child{
margin-right:0 !important;
}
.art-textblock ul > li{
background-position-y:8px !important;
}
.art-header{
margin:50px auto 0;
position:relative;
/*width: */
/*width:1000px;
*/
   height:500px;
background-position:center top;
background-repeat:no-repeat;
}
.art-header-inner{
position:relative;
width:1000px;
z-index:auto !important;
margin:0 auto;
}
.art-header>.widget{
position:absolute;
z-index:101;
}
.art-nav{
background-image:url('images/header.png');
background-position:center center;
padding:7px;
z-index:100;
font-size:0;
position:absolute;
margin:0px;
top:-3px;
width:100%;
height:350px;
text-align:left;
}
ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover{
outline:none;
position:relative;
z-index:11;
}
ul.art-hmenu, ul.art-hmenu ul{
display:block;
margin-left:420px;
margin-top:2px;
padding:0;
border:0;
list-style-type:none;
}
ul.art-hmenu li{
position:relative;
z-index:5;
display:block;
float:left;
background:none;
margin:0;
padding:0;
border:0;
}
ul.art-hmenu li:hover{
z-index:10000;
white-space:normal;
}
ul.art-hmenu:after, ul.art-hmenu ul:after{
content:".";
height:0;
display:block;
visibility:hidden;
overflow:hidden;
clear:both;
}
ul.art-hmenu, ul.art-hmenu ul{
min-height:0;
}
ul.art-hmenu{
display:inline-block;
vertical-align:middle;
}
.art-nav:before{
content:' ';
}
.desktop-nav.art-nav{
width:1000px;
padding-left:3px;
padding-right:3px;
}
.art-hmenu-extra1{
position:relative;
display:block;
float:left;
width:auto;
height:auto;
background-position:center;
}
.art-hmenu-extra2{
position:relative;
display:block;
float:right;
width:auto;
height:auto;
background-position:center;
}
.art-hmenu{
float:left;
}
.art-menuitemcontainer{
margin:0 auto;
}
ul.art-hmenu>li{
margin-left:9px;
}
ul.art-hmenu>li:first-child{
margin-left:4px;
}
ul.art-hmenu>li:last-child, ul.art-hmenu>li.last-child{
margin-right:4px;
}
ul.art-hmenu>li>a{
text-shadow:-1px 1px 0px #efefef;
/*border-radius*/
-webkit-border-radius:2px;
   -moz-border-radius:2px;
        border-radius:2px;
padding:0 20px;
margin:0 auto;
position:relative;
display:block;
height:41px;
cursor:pointer;
text-decoration:none;
color:#C36E35;
line-height:41px;
text-align:center;
}
.art-hmenu a, 
.art-hmenu a:link, 
.art-hmenu a:visited, 
.art-hmenu a.active, 
.art-hmenu a:hover{
text-transform:Capitalize;
font-size:16px;
font-family:Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-align:left;
}
ul.art-hmenu>li>a.active{
margin:0 auto;
text-decoration:none;
}
ul.art-hmenu>li>a:visited, 
ul.art-hmenu>li>a:hover, 
ul.art-hmenu>li:hover>a{
text-decoration:none;
}
ul.art-hmenu>li>a:hover, .desktop ul.art-hmenu>li:hover>a{
color:#7c4521;
margin:0 auto;
}
ul.art-hmenu>li>a:hover, 
.desktop-nav ul.art-hmenu>li:hover>a{
color:#7c4521;
text-decoration:none;
}
ul.art-hmenu>li:before{
position:absolute;
display:block;
content:' ';
top:0;
left:-9px;
width:9px;
height:41px;
background:url('images/menuseparator.png') center center no-repeat;
}
ul.art-hmenu>li:first-child:before{
display:none;
}
ul.art-hmenu li li a{
background:#D3BEA7;
background:transparent;
/*border-radius*/
-webkit-border-radius:2px;
   -moz-border-radius:2px;
        border-radius:2px;
padding:0 8px;
margin:0 auto;
}
ul.art-hmenu li li{
float:none;
width:auto;
margin-top:0;
margin-bottom:0;
}
.desktop-nav ul.art-hmenu li li ul>li:first-child{
margin-top:0;
}
ul.art-hmenu li li ul>li:last-child{
margin-bottom:0;
}
.art-hmenu ul a{
display:block;
white-space:nowrap;
height:24px;
min-width:7em;
border:0 solid transparent;
text-align:left;
line-height:24px;
color:#403220;
font-size:13px;
font-family:'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration:none;
margin:0;
}
.art-hmenu ul a:link, 
.art-hmenu ul a:visited, 
.art-hmenu ul a.active, 
.art-hmenu ul a:hover{
text-align:left;
line-height:24px;
color:#403220;
font-size:13px;
font-family:'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration:none;
margin:0;
}
ul.art-hmenu ul li a:hover, .desktop ul.art-hmenu ul li:hover>a{
background:#C3A888;
/*border-radius*/
-webkit-border-radius:2px;
   -moz-border-radius:2px;
        border-radius:2px;
margin:0 auto;
}
.art-hmenu ul a:hover{
text-decoration:none;
}
.art-hmenu ul li a:hover{
color:#000000;
}
.desktop-nav .art-hmenu ul li:hover>a{
color:#000000;
}
/*------------------------------- page2 -----------------------*/

.chemin{
left:433px;
position:relative;
top:-49px;
z-index:100;
margin-bottom:-17px;
}
.chemin h1.titre-chemin, .chemin h1.titre-chemin a{
color:#C36E35;
font-family:Oswald,Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-size:16px;
font-style:normal;
font-weight:normal;
margin-left:5px;
padding:2px;
text-shadow:-1px 1px 0 #EFEFEF;
text-transform:capitalize;
text-decoration:none;
}
.chemin h1.titre-chemin a:hover{
color:#9D480F;
}
.chemin h1.titre-chemin a.active{
color:#9D480F;
text-decoration:underline;
}
.container{
width:1000px;
padding-bottom:20px;
}
h1.titre-h1{
color:#C36E35;
font-family:Oswald,Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-size:20px;
font-style:normal;
font-weight:normal;
margin-left:29px;
padding:2px;
text-decoration:underline;
text-shadow:-1px 1px 0 #EFEFEF;
text-transform:capitalize;
}
h1.titre-h1 a{
color:#C36E35;
font-family:Oswald,Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-size:20px;
font-style:normal;
font-weight:normal;
padding:2px;
text-decoration:underline;
text-shadow:-1px 1px 0 #EFEFEF;
text-transform:capitalize;
}
h2.programme{
background:url("images/title.png") repeat scroll 0 0 #C36E35;
color:#FFFFFF;
display:inline-block;
font-family:Oswald,Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-size:16px;
font-style:normal;
font-weight:normal;
margin-left:45px;
margin-top:10px;
padding:3px 15px 3px 15px;
text-align:justify;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
margin-bottom:-4px;
}
h3.programme{
color:#B8885A;
display:inline-block;
font-family:Oswald,Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-size:16px;
font-style:normal;
font-weight:normal;
margin-left:31px;
margin-top:10px;
padding:3px 15px 3px 15px;
text-align:justify;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
margin-bottom:-4px;
}
h1.programme2{
background:url("images/title.png") repeat scroll 0 0 #C36E35;
color:#FFFFFF;
display:inline-block;
font-family:Oswald,Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-size:16px;
font-style:normal;
font-weight:normal;
margin-left:30px;
margin-top:10px;
padding:3px 15px 3px 15px;
text-align:justify;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
margin-bottom:-4px;
}
h1.programme2 a{
color:#FFFFFF;
display:inline-block;
font-family:Oswald,Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-size:18px;
font-style:normal;
font-weight:normal;
text-align:justify;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
}
.icone{
background:url("images/icone-vmenublockheader.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
height:20px;
margin-left:45px;
margin-top:15px;
position:absolute;
width:10px;
z-index:450;
}
.icone2{
background:url("images/icone-vmenublockheader.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
height:20px;
margin-left:30px;
margin-top:15px;
position:absolute;
width:10px;
z-index:450;
}
ul.list-type{
margin:10px 0 10px 45px;
width:800px;
}
.list-type2{
margin-left:59px;
}
.list-type2 > li{
color:#C36E35;
}
ul.list-type li{
background:url("images/icone.png") no-repeat scroll left center rgba(0, 0, 0, 0);
color:#C36E35;
font-family:Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
line-height:20px;
list-style:none outside none;
text-indent:16px;
}
ul.list-type li.li-not{
color:#C36E35;
font-family:Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
line-height:20px;
list-style:none outside none;
text-indent:16px;
background:none repeat scroll 0 0 rgba(0, 0, 0, 0);
width:541px;
}
.container > div.galerie{
margin:20px 0 0px 60px;
width:940px;
}
.note{
color:#C36E35;
font-family:Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-weight:normal;
}
.note span{
color:#C36E35;
font-family:Oswald,Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-size:20px;
font-style:normal;
font-weight:normal;
margin-left:29px;
padding:2px;
text-decoration:underline;
text-shadow:-1px 1px 0 #EFEFEF;
text-transform:capitalize;
}
/*--------------------------- fin page --------------------------*/

/*--------------------------- programme ---------------*/

.programmes2{
margin-left:24px;
margin-top:5px;
}
.tour2{
float:left;
margin-left:7px;
margin-top:13px;
}
.tour2 img{
border:4px solid rgba(0, 0, 0, 0.08);
/*box-shadow*/
-webkit-box-shadow:0 0 1px #8B8B8B;
   -moz-box-shadow:0 0 1px #8B8B8B;
        box-shadow:0 0 1px #8B8B8B;
/*transition*/
-webkit-transition:all 0.2s;
   -moz-transition:all 0.2s;
     -o-transition:all 0.2s;
        transition:all 0.2s;
}
.tour2 img:hover{
opacity:0.7;
}
.description{
background:none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
/*box-shadow*/
-webkit-box-shadow:0 0 1px #8B8B8B;
   -moz-box-shadow:0 0 1px #8B8B8B;
        box-shadow:0 0 1px #8B8B8B;
float:left;
height:208px;
margin-left:10px;
margin-top:13px;
width:714px;
position:relative;
}
blockquote.block2{
color:#C36E35;
font-family:'Droid Sans',Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-weight:normal;
overflow:auto;
margin-left:0;
margin-top:-8px;
width:700px;
}
blockquote.block2 p.para2{
border-bottom:0 solid rgba(0, 0, 0, 0);
color:#C36E35;
font-family:Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-size:14px;
font-style:normal;
font-weight:normal;
padding:10px;
text-align:justify;
text-shadow:-1px 1px 0 #EFEFEF;
width:682px;
}
.e-more{
left:5px;
position:absolute;
top:164px;
}
p.e-more a.more{
color:#B34F08;
font-family:Oswald,Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-size:13px;
/*transition*/
-webkit-transition:margin-right 0.5s ease 0s, color 0.2s ease 0s, box-shadow 0.2s ease 0s;
   -moz-transition:margin-right 0.5s ease 0s, color 0.2s ease 0s, box-shadow 0.2s ease 0s;
     -o-transition:margin-right 0.5s ease 0s, color 0.2s ease 0s, box-shadow 0.2s ease 0s;
        transition:margin-right 0.5s ease 0s, color 0.2s ease 0s, box-shadow 0.2s ease 0s;
}
/*------------------------ fin programme ---------------*/

/*footer -------------------------------------------------------------*/
  
.art-footer{
margin:0px auto 0;
}
.art-footer .center{
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
width:1000px;
height:170px;
margin:0 auto;
position:relative;
/*box-shadow*/
-webkit-box-shadow:0 0 6px rgba(0,0,0,0.6);
   -moz-box-shadow:0 0 6px rgba(0,0,0,0.6);
        box-shadow:0 0 6px rgba(0,0,0,0.6);
background:#ffffff url('images/menu.png');
padding-top:10px;
padding-bottom:20px;
color:#c46f35;
margin-top:20px;
}
.art-footer .soufiane {
    margin-left: 40%;
    position: absolute;
    text-align: center;
    margin-right: 20px;
    top: 185px;
    font-weight: 700; 
 font-size: 9px;
    text-shadow: -1px 1px 0px #efefef;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-footer .social{
width:200px;
z-index:100;
position:absolute;
margin-left:787px;
margin-top:70px;
}
.art-footer .social a:hover{
/*transform*/
-webkit-transform:scale(1.3);
   -moz-transform:scale(1.3);
    -ms-transform:scale(1.3);
     -o-transform:scale(1.3);
        transform:scale(1.3);
opacity:0.8;
filter:alpha(opacity=90);
border-bottom:1px transparent;
}
.art-footer .img-social{
position:relative;
/*transition-duration*/
-webkit-transition-duration:.5s;
   -moz-transition-duration:.5s;
     -o-transition-duration:.5s;
        transition-duration:.5s;
/*transform*/
-webkit-transform:scale(1);
   -moz-transform:scale(1);
    -ms-transform:scale(1);
     -o-transform:scale(1);
        transform:scale(1);
/*border-radius*/
-webkit-border-radius:2px;
   -moz-border-radius:2px;
        border-radius:2px;
}
.art-footer a{
color:#c46f35;
text-decoration:none;
}
.art-footer a:hover{
/*transition*/
-webkit-transition:all 0.3s linear;
   -moz-transition:all 0.3s linear;
     -o-transition:all 0.3s linear;
        transition:all 0.3s linear;
border-bottom:1px dotted #7c4521;
color:#7c4521;
text-decoration:none;
}
.art-footer .sitemap{
width:235px;
float:left;
margin:5px;
margin-left:10px;
}
.art-footer .sitemap ul{
z-index:100;
margin-top:15px;
margin-left:0px;
}
.art-footer .sitemap b{
font-weight:bold;
font-family:Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-footer .sitemap ul li{
text-shadow:-1px 1px 0px #efefef;
text-transform:capitalize;
list-style:none;
font-size:14px;
font-weight:bold;
font-style:normal;
font-family:Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
background:url('images/bullets.png') 8px 5px no-repeat scroll;
padding-left:20px;
text-align:left;
z-index:100;
margin-left:0px;
margin-top:2px;
margin-bottom:-2px;
}
.art-footer .sitemap h3{
/*border-radius*/
-webkit-border-radius:2px;
   -moz-border-radius:2px;
        border-radius:2px;
border-bottom:2px solid #C36E35;
background:#C36E35 url('images/title.png') scroll;
color:#ffffff;
text-transform:capitalize;
padding:5px;
padding-left:10px;
font-size:16px;
font-family:Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-footer .information{
width:735px;
float:left;
margin:5px;
}
.art-footer .information ul{
margin-top:15px;
margin-left:0px;
}
.art-footer .information b{
text-transform:capitalize;
font-weight:bold;
font-family:Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-footer .information ul li{
text-shadow:-1px 1px 0px #efefef;
list-style:none;
font-size:14px;
font-style:normal;
font-family:Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
background:url('images/bullets.png') 8px 5px no-repeat scroll;
padding-left:20px;
text-align:left;
z-index:100;
margin-left:0px;
margin-top:2px;
margin-bottom:-2px;
}
.art-footer .information h3{
/*border-radius*/
-webkit-border-radius:2px;
   -moz-border-radius:2px;
        border-radius:2px;
border-bottom:2px solid #C36E35;
background:#C36E35 url('images/title.png') scroll;
color:#ffffff;
text-transform:capitalize;
padding:5px;
padding-left:10px;
font-size:16px;
font-family:Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
/*****************************************************************************/

img.art-lightbox{
cursor:pointer;
}
#art-lightbox-bg *{
padding:0;
margin:0;
}
div#art-lightbox-bg{
top:0;
left:0;
width:100%;
position:absolute;
height:100%;
background-color:#000;
opacity:0.8;
filter:alpha(opacity=80);
z-index:9999;
}
img.art-lightbox-image{
/*transition*/
-webkit-transition:opacity 350ms ease-in-out;
   -moz-transition:opacity 350ms ease-in-out;
     -o-transition:opacity 350ms ease-in-out;
        transition:opacity 350ms ease-in-out;
cursor:pointer;
z-index:10000;
position:fixed;
border:6px solid #fff;
/*border-radius*/
-webkit-border-radius:3px;
   -moz-border-radius:3px;
        border-radius:3px;
opacity:0;
filter:alpha(opacity=0);
}
img.art-lightbox-image.active{
opacity:1;
filter:alpha(opacity=100);
}
.lightbox-error{
position:fixed;
background:#fff;
z-index:100;
opacity:0.95;
padding:20px;
border:1px solid #b4b4b4;
/*border-radius*/
-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px;
/*box-shadow*/
-webkit-box-shadow:0 2px 5px #333;
   -moz-box-shadow:0 2px 5px #333;
        box-shadow:0 2px 5px #333;
width:300px;
height:80px;
}
.loading{
position:fixed;
background:#fff url('images/preloader-01.gif') center center no-repeat;
width:32px;
height:32px;
z-index:10100;
opacity:0.5;
padding:10px;
border:1px solid #b4b4b4;
/*border-radius*/
-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px;
/*box-shadow*/
-webkit-box-shadow:0 2px 5px #333;
   -moz-box-shadow:0 2px 5px #333;
        box-shadow:0 2px 5px #333;
}
.arrow{
height:100px;
width:82px;
z-index:10003;
position:fixed;
cursor:pointer;
opacity:0.5;
filter:alpha(opacity=50);
}
.arrow.left{
left:9px;
}
.arrow.right{
right:9px;
}
.arrow:hover{
opacity:1;
filter:alpha(opacity=100);
}
.arrow.disabled{
display:none;
}
.arrow-t, .arrow-b{
height:6px;
width:30px;
left:26px;
background-color:#fff;
position:relative;
/*border-radius*/
-webkit-border-radius:3px;
   -moz-border-radius:3px;
        border-radius:3px;
}
.arrow-t{
top:38px;
}
.arrow-b{
top:50px;
}
.close{
width:22px;
height:22px;
position:fixed;
top:30px;
right:39px;
cursor:pointer;
opacity:0.5;
filter:alpha(opacity=50);
}
.close:hover{
opacity:1;
filter:alpha(opacity=100);
}
.close .cw, .close .ccw{
position:absolute;
top:8px;
left:-4px;
width:30px;
height:6px;
background-color:#fff;
/*border-radius*/
-webkit-border-radius:3px;
   -moz-border-radius:3px;
        border-radius:3px;
}
.cw{
/*transform*/
-webkit-transform:rotate(45deg);
   -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
     -o-transform:rotate(45deg);
        transform:rotate(45deg);
/* IE 9 */
/* Safari and Chrome */
/* Opera */
/* Firefox */
:;
}
.ccw{
/*transform*/
-webkit-transform:rotate(-45deg);
   -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
     -o-transform:rotate(-45deg);
        transform:rotate(-45deg);
/* IE 9 */
/* Safari and Chrome */
/* Opera */
/* Firefox */
:;
}
.close-alt, .arrow-right-alt, .arrow-left-alt{
display:none;
color:#fff;
font-size:2.5em;
}
.ie8 .close-alt, .ie8 .arrow-right-alt, .ie8 .arrow-left-alt{
display:block;
}
.ie8 .cw, .ie8 .ccw{
display:none;
}
/* Begin Additional CSS Styles */
.art-blockheader .t, .art-vmenublockheader .t{
white-space:nowrap;
}
/* End Additional CSS Styles */

/*------------------ contact ----------------------*/

	.contact #list ul lh{
color:#CC5B0A;
display:block;
font-family:Oswald,Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-size:16px;
font-weight:normal;
margin:10px 0 10px -10px;
text-align:left;
text-decoration:underline;
text-indent:25px;
text-shadow:1px 1px 0 #EFEFEF;
text-transform:capitalize;
}
.contact p.para-contact{
color:#C36E35;
font-family:Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-size:14px;
margin-bottom:-12px;
margin-top:10px;
padding-left:45px;
text-align:justify;
text-shadow:1px 1px 0 #EFEFEF;
width:500px;
}
.contact h3{
color:#353535;
font-family:Arial,'Arial Unicode MS',Helvetica,sans-serif;
font-size:13px;
margin:0 0 0 40px;
}
.contact h2{
color:#370000;
font-family:Oswald,'Arial Unicode MS',Helvetica,Sans-Serif;
font-size:15px;
font-style:normal;
font-weight:normal;
margin-left:35px;
margin-top:30px;
}
.contact ul.list{
margin-left:44px;
margin-top:25px;
}
.contact ul li{
margin-top:7px;
}
.contact ul.list li{
list-style:none outside none;
margin-top:7px;
}
.contact h2{
color:#B6825A;
font-family:Oswald,'Arial Unicode MS',Helvetica,Sans-Serif;
font-size:15px;
font-style:normal;
font-weight:normal;
margin-left:45px;
margin-top:30px;
}
.contact ul li p{
color:#D5844A;
font-family:Oswald,Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-size:14px;
font-style:normal;
margin-left:-4px;
margin-top:-22px;
padding-left:7px;
padding-right:10px;
position:absolute;
text-align:left;
text-shadow:1px 1px 0 #EFEFEF;
text-transform:uppercase;
z-index:1;
}
#input{
display:inline-block;
margin:-2px 0 0 418px;
}
.contact input{
background:url("images/bg.jpg") repeat scroll 0 0 #B8875A;
border:1px solid #B6825A;
color:#fff;
font-family:Arial,Helvetica,Sans-Serif;
font-size:11pt;
font-weight:bold;
height:29px;
margin:8px 0 14px 2px;
padding:3px 8px;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.25);
/*box-shadow*/
-webkit-box-shadow:0 1px 3px -1px #000000 inset;
   -moz-box-shadow:0 1px 3px -1px #000000 inset;
        box-shadow:0 1px 3px -1px #000000 inset;
}
#input input.btn{
background:none repeat scroll 0 0 #C06F39;
color:#FFFFFF;
/*box-shadow*/
-webkit-box-shadow:none;
   -moz-box-shadow:none;
        box-shadow:none;
width: 76px;
height: 33px;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
font-size: 15px
}
}
#input input.btn:hover{
background:none repeat scroll 0 0 #BE6D37;
color:#E7E7E1;
/*box-shadow*/
-webkit-box-shadow:0 1px 3px -1px #000000 inset;
   -moz-box-shadow:0 1px 3px -1px #000000 inset;
        box-shadow:0 1px 3px -1px #000000 inset;
}
textarea{
background:url("images/bg.jpg") repeat scroll 0 0 #B8875A;
border:1px solid #B8865A;
/*border-radius*/
-webkit-border-radius:3px;
   -moz-border-radius:3px;
        border-radius:3px;
color:#fff;
cursor:text;
font-family:Arial,Helvetica,Sans-Serif;
font-size:11pt;
font-weight:bold;
margin-top:8px;
padding:13px 10px;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.25);
width:600px;
/*box-shadow*/
-webkit-box-shadow:0 1px 5px -1px #000000 inset;
   -moz-box-shadow:0 1px 5px -1px #000000 inset;
        box-shadow:0 1px 5px -1px #000000 inset;
}
/*------------------ fin contact ----------------------*/

/*--------------------- tableau -------------------------*/

	
#box-table-a{
border-collapse:collapse;
font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
font-size:12px;
margin:45px;
text-align:left;
width:480px;
border:4px solid rgba(0, 0, 0, 0.08);
}
#box-table-a{
border-collapse:collapse;
font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
font-size:12px;
text-align:left;
width:700px;
}
#box-table-a th{
background:none repeat scroll 0 0 #B9C9FE;
border-bottom:1px solid #D6D1CD;
border-top:4px solid #D6D1CD;
color:#003399;
font-size:13px;
font-weight:normal;
padding:8px;
}
#box-table-a td{
background:none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
border-bottom:1px solid #D6D1CD;
border-left:2px solid #D6D1CD;
border-top:1px solid rgba(0, 0, 0, 0);
color:#C36E35;
font-size:14px;
font-weight:bold;
padding:8px;
/*transition*/
-webkit-transition:all 0.2s;
   -moz-transition:all 0.2s;
     -o-transition:all 0.2s;
        transition:all 0.2s;
}
#box-table-a tr:hover td{
background:none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
color:#B9895A;
}
#box-table-a td p{
padding:0;
}

/*--------- feneter modale ---------------------------------------*/

  .arr_plan
	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #333;
	cursor: pointer;
	display: none;
	z-index: 500;
	}

.contact2 {
position: absolute;
top: 3%;
left: 12%;
width: 703px;
height: auto;
background:url('images/menu.png') #fff;
padding: 10px;
border-radius: 5px;
border: #504D4D solid 1px;
box-shadow: 0px 0px 5px #444444;
display: none;
z-index: 600;
}

.contact3 {
position: absolute;
top: 39%;
left: 12%;
width: 703px;
height: auto;
background:url('images/menu.png') #fff;
padding: 10px;
border-radius: 5px;
border: #504D4D solid 1px;
box-shadow: 0px 0px 5px #444444;
display: none;
z-index: 600;
}

.contact4 {
position: absolute;
top: 56%;
left: 12%;
width: 703px;
height: auto;
background:url('images/menu.png') #fff;
padding: 10px;
border-radius: 5px;
border: #504D4D solid 1px;
box-shadow: 0px 0px 5px #444444;
display: none;
z-index: 600;
}

.contact5 {
position: absolute;
top: 56%;
left: 12%;
width: 703px;
height: auto;
background:url('images/menu.png') #fff;
padding: 10px;
border-radius: 5px;
border: #504D4D solid 1px;
box-shadow: 0px 0px 5px #444444;
display: none;
z-index: 600;
}


.contact2 p.para-contact2{
color:#C36E35;
font-family:Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-size:14px;
margin-bottom:-12px;
margin-top:10px;
padding-left:45px;
text-align:justify;
text-shadow:1px 1px 0 #EFEFEF;
width:500px;
}

p.booking {
margin-right: 68px;
float: right;
}


a.o_contact2 {
color: #B34F08;
font-family: Oswald,Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-size: 13px;
-webkit-transition: margin-right 0.5s ease 0s, color 0.2s ease 0s, box-shadow 0.2s ease 0s;
-moz-transition: margin-right 0.5s ease 0s, color 0.2s ease 0s, box-shadow 0.2s ease 0s;
-o-transition: margin-right 0.5s ease 0s, color 0.2s ease 0s, box-shadow 0.2s ease 0s;
transition: margin-right 0.5s ease 0s, color 0.2s ease 0s, box-shadow 0.2s ease 0s;
font-size: 17px;
}

a.o_contact3 {
color: #B34F08;
font-family: Oswald,Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-size: 13px;
-webkit-transition: margin-right 0.5s ease 0s, color 0.2s ease 0s, box-shadow 0.2s ease 0s;
-moz-transition: margin-right 0.5s ease 0s, color 0.2s ease 0s, box-shadow 0.2s ease 0s;
-o-transition: margin-right 0.5s ease 0s, color 0.2s ease 0s, box-shadow 0.2s ease 0s;
transition: margin-right 0.5s ease 0s, color 0.2s ease 0s, box-shadow 0.2s ease 0s;
font-size: 17px;
}

a.o_contact4 {
color: #B34F08;
font-family: Oswald,Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-size: 13px;
-webkit-transition: margin-right 0.5s ease 0s, color 0.2s ease 0s, box-shadow 0.2s ease 0s;
-moz-transition: margin-right 0.5s ease 0s, color 0.2s ease 0s, box-shadow 0.2s ease 0s;
-o-transition: margin-right 0.5s ease 0s, color 0.2s ease 0s, box-shadow 0.2s ease 0s;
transition: margin-right 0.5s ease 0s, color 0.2s ease 0s, box-shadow 0.2s ease 0s;
font-size: 17px;
}

a.o_contact5 {
color: #B34F08;
font-family: Oswald,Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
font-size: 13px;
-webkit-transition: margin-right 0.5s ease 0s, color 0.2s ease 0s, box-shadow 0.2s ease 0s;
-moz-transition: margin-right 0.5s ease 0s, color 0.2s ease 0s, box-shadow 0.2s ease 0s;
-o-transition: margin-right 0.5s ease 0s, color 0.2s ease 0s, box-shadow 0.2s ease 0s;
transition: margin-right 0.5s ease 0s, color 0.2s ease 0s, box-shadow 0.2s ease 0s;
font-size: 17px;
}