﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1;scrollbar-face-color:#7189AB;scrollbar-shadow-color:#000;scrollbar-highlight-color:#FFF;scrollbar-3dlight-color:#000;scrollbar-darkshadow-color:#000;scrollbar-track-color:#94A9CA;scrollbar-arrow-color:#FC0}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
*{margin:0;padding:0;border:0;outline:none}
body{background:url(images/body-bg.jpg) repeat-x #d70000;font-family:Arial,Helvetica,sans-serif;font-size:12px}

/*Promo
===============*/
.promo{text-align: center;font-size: 14px;border: 1px solid #c10102 !important;padding: 20px;margin: 20px auto;background: #ffd34e;}
.promo strong{font-weight: 700; color: #c10102}
.promo a:hover{color: #c10102; text-decoration: none;}
/*Fin promo 
===============*/

#container{width:100%;height:100%;padding:10px 0;margin:auto}
.clear{clear:both}
/*#header .spacer{height:10px;border:1px dashed #fff}*/
h1{font-family:'Rouge Script',cursive;font-size:30px;font-weight:400;text-align:center;color:#c10102;margin-bottom:20px}
span.title{font-family:'Rouge Script',cursive;font-size:30px;font-weight:400;text-align:center;color:#c10102;display:block}
/*
#header{position:relative;height:146px;margin-bottom:8px;margin-right:20px;background:url(images/bg_header.png) repeat-x top left;width:100%;min-width:960px;position:relative;z-index:999;top:-10px}
#header .header_content{width:960px;margin:auto;height:143px}
#logo{width:320px;height:100px;margin:0 auto 5px}
#pastille {float: left;width: 126px;height: 104px;margin-left: 65px;}
#container div#header div#logo a img{margin-top:-8px;}
#share{float:right;margin-top:-50px}
#share a{margin-left:10px}
#menu ul,#header div#menu ul li ul.submenu{float:left;list-style:none outside none;margin-top:15px;margin-bottom:0px;}
#header div#menu ul li ul.submenu{margin-left:0;margin-top:0;position:absolute;z-index:9999}
#header div#menu ul{margin-bottom:50px;}
*/
#menu ul li{display:inline;padding:0 10px 0 2px}
#menu ul li a{color:#f6dcb0;text-decoration:none;text-transform:uppercase}
#menu ul li a:hover{color:#fff;border-bottom:5px solid #febc4f}
#menu ul li ul.eng,#menu ul li ul.es{margin-left:8px;margin-top:1px;margin-bottom:0px !important;}
#menu ul li ul.es{margin-left:10px}
#menu ul li ul li,#menu li:hover ul li{background-color:#BE0002;display:none;padding:15px 10px 10px;position:relative;right:-142px;top:6px;z-index:10000}
#menu ul li:hover ul{display:block}
#menu li:hover ul li{display:block}
#menu li ul{position:absolute;*background-color:#000}
*+html #menu ul li a{display:block;float:left;margin-right:16px;height:16px}
*+html #menu ul li a:hover{color:#fff;border-bottom:5px solid #febc4f}
div#home div.content ul.rooms{float:left;margin-top:16px}
div#home div.content ul.rooms li{display:inline;padding:0;margin:0}
.wrapper div.mosaic-block a.mosaic-overlay a{text-decoration:none}
a.mosaic-overlay div.title_img{background:#fff;color:#4A4A4A;text-align:center;margin-top:73px;font-weight:700}
#lang{float:right;margin-top:15px}
#lang p,#lang a{color:#f6dcb0;text-transform:uppercase}
#lang a{padding:0 5px;text-decoration:none}
#lang a:hover{color:#fff}
#content-wrap{min-height:520px}
#home{position:relative;width:960px}
.content{background:url(images/content-bg.png) repeat;position:absolute;top:5px;color:#313131;line-height:20px;}
.content_res,#home div.content_res .recommandation{background:url(images/content_res.png) repeat;position:absolute;top:5px;left:0;color:#313131;line-height:20px;width:770px}
#home .recommandation{background:url(images/content-bg.png) repeat scroll 0 0 rgba(0,0,0,0);height:auto;/*overflow-y:scroll*/;overflow-x:hidden}
#home .content{width: 470px;padding: 20px;height: 450px;overflow-x: scroll;}
#home .content p,.content_res .left_content_res p,p.partener{border-top:3px solid #ffd34e;padding-top:20px;padding-bottom:10px}
#container div#content-wrap div#home div.content_res div p{border-top:none;padding-top:10px}
div#home p.par{border:none;padding-top:0;padding-bottom:10px}
#home div.content div.close a,.content_res .close_res a{float:right;margin-top:5px;margin-right:5px}
#home div#fleche a{position:absolute;top:150px;left:-30px;z-index:9999}
#home div#fleche_res a{position:absolute;top:200px;left:-30px;z-index:99999}
div#home div#fleche.fleche_dyn{width:60px;position:relative;z-index:9999;top:0}
#footer{margin-top:20px;padding-top:5px;text-align:center;font-size:12px;background:url(images/bg_bottom.png) bottom left;width:100%;position:fixed;bottom:0;z-index:999}
#footer a{color:#f6dcb0;text-decoration:none;padding:0}
#footer a:hover{color:#fff}
html body.slider{background:url(images/content-bg.png) repeat scroll 0 0;width:820px;height:460px;overflow:hidden}
#content_slid{background:url(images/content-bg.png) repeat scroll 0 0;width:820px;height:460px}
div#content_slid .left_slid{float:left;height:260px;width:383px;clear:both;margin-left:10px}
div#content_slid div.left_slid img{height:260px;width:383px}
div#content_slid .top_slid{width:830px;height:80px;color:#CCC;font-size:15px;}
.top_slid{display:none;}
div#container div#content_slid div.right_slid{width:410px;float:right;margin-top:-35px}
#content_slid div.right_slid div.content_right{border-top:3px solid #FFD34E;margin-top:-14px;padding:10px 5px 0 10px}
#content_slid div.right_slid div.content_right p{padding:20px 5px 0 0;line-height:25px;color:#303030}
div#container .top_slid div.nex{margin-top:-15px}
#container .top_slid div.preve img.fleche_left{margin-left:-140px;margin-top:1px;position:relative;top:5px}
#container .top_slid div.preve img.fleche_left_en{margin-left:-100px;margin-top:1px;position:relative;top:6px}
#container div.top_slid div.nex img.fleche_right{margin-left:1px;margin-top:0;float:right}
#container .top_slid div.nex a{margin-top:-2px;color:#8d8d8d;font-size:12px;float:right;text-align:top;text-decoration:none;margin-right:6px}
.top_slid div.preve a{margin-top:4px;color:#8d8d8d;font-size:12px;float:left;text-decoration:none;margin-left:32px}
#content_slid div.right_slid div.reserver,#home div.content div.reserver{width:90px;height:30px;background-color:#febc4f;-moz-border-radius:10px;border-radius:10px;float:right;margin-right:40px;margin-top:-20px}
#container #home .content .chambre_tarif{margin: 0 auto !important;clear: both;float: none;}
#content_slid div.right_slid div.reserver a,#home div.content div.reserver a{text-decoration:none;text-align:center;color:#d26052;font-size:13px;display:block;line-height:28px}
#home .content_res .left_content_res{float:left;margin:10px;width:395px;}
div#home div.content_res div.right_content_res{width:316px;float:left;margin-top:15px;margin-bottom:15px;}
#home .recommandation .right_content_res{text-align:center;width:200px!important}
#home .recommandation .left_content_res{float:left;margin:10px;width:500px}
#home div.content_res div.bottom_contact div.info{float:left}
#home div.content_res div.bottom_contact div.info table{margin-left:10px;margin-top:27px;float:left;color:#000;font-family:Arial;font-size:12px}
.content_res div.left_content_res div.bottom_contact div.info div.adresse{float:left;margin-left:25px;margin-top:18px;font-family:Arial;font-size:12px;color:#000;line-height:28px}
#home div.content_res div.right_content_res p{float:right;margin-top:-35px}
#home div.content_res .bottom_contact{width:100%;height:148px;float:left;background:url(images/bg_contact.png) repeat;margin-top:-33px;}
#home div.content_res div.bottom_contact div.info{float:left}
#home div.content_res div.bottom_contact div.info table{margin-top:13px}
.content_res div.bottom_contact div.contact table tbody tr td input{border:1px solid #6fb550;text-indent:5px}
.content_res div.bottom_contact div.info table tbody tr td.coordone{padding-left:10px;vertical-align:top}
.content_res div.bottom_contact div.info table tbody tr td{padding-top:6px}
#home div.content_res div.bottom_contact div.contact{float:left;margin-left:168px;margin-top:20px;width:335px}
.content_res div.bottom_contact div.contact div.send input{color:#fff;display:block;font-size:13px;line-height:22px;text-align:center;background-color:#6FB550;padding-left:4px;padding-top:3px;cursor:pointer}
.content_res div.bottom_contact div.contact div.send{height:25px;margin:30px 0 0 10px;width:62px;margin-left:150px;margin-top:13px}
*+html .content_res div.bottom_contact div.contact div.send{margin-left:84px}
.content_res div.bottom_contact div.contact div.send input{margin-left:-116px;margin-right:21px;margin-top:-7px}
html body div#container div#content-wrap div#home div.content_res div.bottom_contact div.contact div.message{float:right;margin-left:150px;margin-top:-79px;border:1px solid #6fb550;color:#ccc}
*+html body div#container div#content-wrap div#home div.content_res div.bottom_contact div.contact div.message{margin-left:0;margin-right:-6px}
.right_slid div.content_right p span.room{font-style:italic}
#home span.room1{font-style:italic;color:#A50205}
/*
#footer .footer_left{float:left;margin-top:10px;position:absolute;z-index:999;margin-left:10px}
*+html #footer .footer_left{margin-left:-320px;float:left;margin-top:2px;position:absolute;z-index:999}
#footer .footer_right{width:300px;float:right;margin-right:20px;color:#F6DCB0;margin-top:7px}
div.footer_right span.tel{position:relative;top:-6px}
div.footer_right span.tel a.mail{position:relative}
*/
span.bolder{font-weight:bolder}
#home .close{float:right;margin-right:-20px;margin-top:-20px}
html body.slider div#container div#content_slid div.right_slid div.content_right p{padding-top:10px}
a.trip{color:#A50205;text-decoration:none}
a.trip:hover{color:#A50205;text-decoration:underline}
#home div.content div.services_left{float:left}
#home div.content div.services_right{float:left}
html body div#container div#content-wrap div#home div.content table.certificat tbody tr td.ser_right{vertical-align:top;padding-top:4px}
#home a.suivant{color:#A50205;text-decoration:none;float:left;padding:10px 0}
#home a.suivant:hover,#home a.precedente:hover{text-decoration:underline}
#home a.precedente{float:right;color:#A50205;text-decoration:none;padding:10px 0}
div#home ul#slider_home li,ul#slider_riad li,ul#slider_services li{height:520px!important}
#home div.content_res div.bottom_contact div.contact form table tbody tr td input,.contact form#myform p.captcha{color:#6D6D6D}
#home div.content_res div.bottom_contact div.contact form div.message textarea.textarea{color:#6D6D6D;text-indent:5px}
html body div#container div#header div.tripadvisor{position:absolute;right:20px;top:148px;z-index:900}
#header .flowplayer2{position:absolute;right:20px;top:280px;z-index:900}
#header .flowplayer3{position:absolute;right:20px;top:3200px;z-index:900}
.flowplayer{margin:auto}
html body div#container div#footer div.tv{width:170px;height:131px;float:left;margin-left:160px;margin-top:-136px}
html body div#container div#footer div.tv2{width:346px;height:131px;float:right;margin-left:160px;margin-top:-136px}
html body div#container div#header div.dix_ans{float:left;margin-top:-110px;margin-left:-12px}
html body div#container div#header div.balon{float:right;z-index:1001;position:absolute;margin-top:40px;margin-left:-200px}
html body div#container div#header div.balon2{float:right;z-index:1001;position:absolute;margin-top:40px;margin-left:940px}
html body div#container div#header div.balon2 p,div#container div#header div.balon p{color:#fff;font-size:22px;font-weight:bolder;text-align:center;margin-top:-30px;margin-left:7px}
html body div#container div#header div.balon p span,div.balon2 p span{font-size:34px}
html body div#container div#header div.dix_ans{float:left;margin-top:-110px;margin-left:-12px}
html body div#container div#header div.balon{float:right;z-index:1001;position:absolute;margin-top:40px;margin-left:-170px}
html body div#container div#header div.balon2{float:right;z-index:1001;position:absolute;margin-top:40px;margin-left:955px}
.content_res div.bottom_contact div.contact form#myform img.captcha{width:144px;height:30px;border:1px solid #6FB550}
*+html body div#container div#footer div.tripadvisor{float:left;clear:left;margin-top:-10px}
*+html body div#container div#footer div.tv{margin-top:3px;float:left;margin-left:-17px}
*+html body div#container div#footer div.tv2{margin-top:3px;float:right}
*+html body div#container div#footer div.footer_left{position:relative;left:-300px;margin-top:130px}
*+html body div#container div#footer div.footer_right{margin-top:10px}
*+html body div#container div#header div.balon2{float:right;z-index:1001;position:absolute;margin-top:40px;margin-left:110px}
.content_res div.bottom_contact div.contact form#myform p input#reqplaceholder.captcha{font-size:11px;height:20px;width:144px;text-indent:5px}
#content-wrap div#home div.content_res div.right_content_res div.contact form#myform{height:400px;margin-left:12px}
.content_res div.right_content_res div.contact form#myform table tbody tr td input#reqplaceholder,.content_res div.right_content_res div.contact form#myform table tbody tr td input#email,.content_res div.right_content_res div.contact form#myform table tbody tr td input#phone,.content_res div.right_content_res div.contact form#myform table tbody tr td input,.content_res div.right_content_res div.contact form#myform div.message textarea#reqplaceholder.textarea{width:230px;height:30px;margin-top:8px;margin-left:0;border:1px solid #ccc}
.textarea{margin-top:8px;margin-left:0;border:1px solid #CCC}
.content_res div.right_content_res div.contact form#myform div.message textarea#reqplaceholder.textarea{width:300px;height:130px;border:1px solid #ccc}
.content_res div.right_content_res div.contact form#myform div.send input{width:80px;height:30px;margin-top:8px;background:#6fb550;font-weight:bold:;color:#fff;text-transform:capitalize;float:left}
#content-wrap div#home div.content_res div.right_content_res div.contact form#myform img.captcha{float:left}
.tripadvisor{margin-left:14px}
h1 .first{margin-left:120px!important}
.content .new_adviser{width:100px;float:right;height:50px;margin-top:30px;height:20px;margin-right:12px}
.content .home_paragraph{width:75%;float:left;margin-right:5px;display:block}
.content .home_paragraph_all{width:100%;float:left}
div#TA_selfserveprop200.TA_selfserveprop div#CDSWIDSSP.widSSP.widSSPnarrow{width:215px!important;padding-bottom:7px}
.TA_certificateOfExcellence{width:36%;}
.ser_right{float:left;margin-top:5px;margin-bottom:5px;}


/* add style
.header-2016 {
    width: 224px;
    padding: 0 !important;
    position: relative;
    margin-left: 30px;
}
.header-2016 img {
    position: absolute;
    left: -28px;
    z-index: 9;
}
.header-2016 ul {
    display: none;
}
*/
.header-2016 {
    margin-left: 30px;
    padding: 0 !important;
    position: relative;
    width: 223px;
	z-index: 9;
}
.header-show, .header-show_es, .header-show_en {
    background-position: -29px center;
    background-repeat: no-repeat;
    height: 270px;
    position: relative;
    width: 223px;
}
.header-show{
    background-image: url("images/img-menu.png");
}
.header-show_en {
    background-image: url("images/img-menu_en.png");
}
.header-show_es {
    background-image: url("images/img-menu_es.png");
}

.header-show .bg-color, .header-show_en .bg-color, .header-show_es .bg-color{
    position: absolute;
    width: 99%;
    height: 61%;
    bottom: 0;
    background-color: #9D0405;
    z-index: -9;
    left: 1px;
	display: none;
}
.header-show .lang, .header-show_es .lang, .header-show_en .lang {
    bottom: 63px;
    color: #febc4f;
    font-family: "Open Sans";
    font-size: 14px;
    left: 32%;
    position: absolute;
    text-transform: uppercase;
}
.header-show .lang a, .header-show_es .lang a , .header-show_en .lang a  {
    color: #fff;
    text-decoration: none;
	font-weight: 600;
}
.lang .lang-select {
    color: #eaa82c !important;
}
.header-show .flech1, .header-show_es .flech1, .header-show_en .flech1{
    background-image: url("images/flech1.png");	
}
.header-show .flech2, .header-show_es .flech2, .header-show_en .flech2{
    background-image: url("images/flech2.png");	
}
.header-show .flech-menu, .header-show_es .flech-menu , .header-show_en .flech-menu  {
    background-repeat: no-repeat;
    bottom: 24px;
    cursor: pointer;
    height: 10px;
    left: 45%;
    position: absolute;
    width: 22px;
    background-size: cover;
}
ul.menu-header {
    background-color: #9d0405;
    border-radius: 0 0 12px 12px;
    margin: 0 auto;
    padding-bottom: 20px;
    text-align: center;
    width: 99%;
	display: none;
}
ul.menu-header li {
    font-size: 14px;
    padding: 7px 0;
    text-transform: uppercase;
    font-weight: 300;
    opacity: 0.95;
}
ul.menu-header li a {
    color: #fff;
    text-decoration: none;
}
ul.menu-header li a:hover{
	color: #febc4f;
} 
.m_item3 i {
    margin-left: 15px;
	color: #fff;
}
.submenu {
    display: none;
	text-align: left;
    margin-left: 38px;
    margin-top: 10px;
}
.m_item3:hover .submenu{
	display: block;
}
#content-wrap {
    min-height: 520px;
    position: absolute;
    top: 50px;
}
#footer div {
    float: left;
    width: 32.50%;
}
.footer_right {
    text-align: right;
	line-height: 40px;
    color: #f6dcb0;
}
.footer_right span {
    top: -6px;
    color: #f6dcb0;
    position: relative;
}
.footer_right img {
    margin-top: 10px !important;
}
.footer_left {
    line-height: 40px;
    padding-left: 10px;
    text-align: left;
}
.share-footer img {
    width: 33px;
    height: 33px;
    margin-top: 3px;
}

