/***********************************************

	Nom:		main.css
	Auteur:	Abdramane Diaby
	Crée le:    20/07/2014
	Revisé par:	
	Révisé le:	
	Copyright:	(c) 2014 Di-Tech.	
	Projet:		RHE

/***********************************************/


/***********************************************/

/* styles des balises HTML                     */

/***********************************************/

@font-face {
    font-family: 'PRISTINA';
    src: url('../fonts/pristina.ttf');
    src: url('../fonts/pristina.eot');
    src: url('../fonts/pristina?#iefix') ;
    src: url('../fonts/pristina.eot');
    src: url('../fonts/pristina.eot?#iefix') format('embedded-opentype'), url('../fonts/pristina.svg#Pristina') format('svg'), url('../fonts/pristina.woff') format('woff'), url('../fonts/pristina.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-weight: normal;
    font-style: normal
}

 



body {
    background-image:url(../images/bg_site.jpg);
    background-repeat:repeat-y;
    background-attachment:fixed;
    background-position:center top;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size:11px;
    line-height: 1.3;
    margin:0;
    padding:0;
    text-align:left;
    vertical-align: top;
    color: #7F7F7F;
    background-color: #FFF
}





/*** init ****/

a:link,a:visited,a:hover {
    text-decoration:none;
    font-size:11px;
    color:#175401;
    font-weight:bold}



a img {
    border:0}



label {
    font-weight:bold;
    color:#4D413C
}



img.captcha {
    margin-bottom:0px
}



fieldset {
    border:0}



input, select ,textarea,{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 440px
}



textarea {
    backgro und-color:#948D8A;
    font-size:95%;
    color:#302621;
    width:350px;
    height:130px;
    margin:5px 5px 5px 0;
    border: 1px solid #CCCCCC
}



select {
    font-size:95%;
    color:#302621;
    /*width:150px;
    */

  margin-bottom:10px;
    border: 1px solid #CCCCCC
}



input {
    font-family:Geneva, Tahoma, sans-serif;
    width:200px;
    background:#FFF;
    font-size:95%;
    color:#999;
    border:1px solid #E2E4EB;
    padding:3px;
    margin-bottom:15px
}



.agreement input {
    width: auto;
    background:#FFF;
    border:1px solid #E2E4EB;
    float:inherit;
    margin:0 0 0 5px
}





.agreement  span #label_agreement{
    display:inline-block;
    font-size:95%;
    color:#333;
    width:80%}



.agreement  .custom-note{
    font-size:95%;
    font-weight:bold;
    width:200px;
    margin:3px 0 7px 5px;
    padding:3px 0 3px 0;
    border-top:1px dotted #000000;
    border-bottom:1px dotted #000000
}



.custom-note a:link, a:visited{
    color:#E52124}



h3 {
    color: #175401;
    display: block;
    margin :0 0 10px 0;
    font-size:98%
}



.globale{
    width:950px;
    vertical-align: top;
    text-align:left;
    background-color: #FFF
}



#slogan{
    position:relative;
    z-index:102;
    margin:0 -1px 0 0;
    background-image: url(../images/bg_slogan.png);
    background-repeat:no-repeat;
    width:490px;
    height:32px
}





#slogan span{
    display:block;
    position:relative;
    z-index:102;
    font-weight:bold;
    font-family: PRISTINA, "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size:15px;
    color:#FFF;
    padding:7px 5px 0 0;
    display:none}





#logo img{
    position:relative;
    z-index:10;
    font-weight:bold;
    margin:15px 0 0 25px
}







.header{}



.vnav{
    margin:-35px 0 0 0}



.h-top{
    height:105px
}



#logo{
    margin:8px 0 0px 10px
}











/********Contenu ********/

.content{
    width:930px;
    min-height: 400px;
    margin:0px 0 15px 7px;
    padding:10px
}



.site-content{
    width:685px
}



#welcome-home{
    width:920px
}



#welcome-title{
    font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
    font-size:25px;
    color:#1C2E10;
    font-weight:bold;
    margin:0 0 20px 0
}



#welcome-content img {
    float:left;
    margin:0 10px 10px 0;
    width:270px;
    height:160px;
    border:1px solid #33B604
}



#welcome-content  {
    margin:0 0 80px 0
}



.banner  {
    margin-top:-105px;
    width:950px;
    height:280px
}



.banner img  {
    width:950px;
    height:350px
}





.rhe-info-home  {
    background-image: url(../images/bg_rhe.jpg);
    background-repeat:no-repeat;
    width:325px;
    height:280px;
    margin-left:6px;
    margin-right:2px;
    border-right:1px solid #EBEBEB
}



.rhe-gl-info  {
    margin-top:50px
}

.rhe-gl-info #rhe-home-title  {
    margin:0 0 20px 0}



#rhe-info-row {
    padding:8px 5px 5px 3px;
    text-align: left}



#rhe-info-row table  tr td {
    padding:4px ;
    text-align: left}



#rhe-info-row table  tr td span {
    font-weight:bold}



#rhe-info-conf-room {
    margin-top:10px
}



.rhe-contact-home {
    background-image: url(../images/bg_contact_gps.jpg);
    background-repeat:no-repeat;
    width:263px;
    height:292px;
    padding-right:18px;
    border-right:1px dotted #CCCCCC
}





#rhe-gps-ctct-row {
    padding:8px 5px 5px 13px;
    text-align: left}



#rhe-contact-location {
    margin:0 0  30px 0
}



#rhe-contact-location #div1 {
    font-weight:bold;
    font-size:12px;
    color:#667;
    letter-spacing:2px
}



#rhe-contact-number {
    margin:0 0  30px 0;
    line-height:1.4
}



#rhe-contact-other {
    line-height:1.4
}



#rhe-contact-other #div3 {
    margin-top:30px
}





.rhe-map-home {
    background-image: url(../images/bg_contact_gps.jpg);
    background-repeat:no-repeat;
    width:263px;
    height:292px
}



#rhe-map-row {
    padding:2px 0px 0px 6px;
    text-align: left}





.dynamic_hour{
    position:relative;
    z-index:11;
    background-image: url(../images/bg_location_hour.png);
    background-repeat:no-repeat;
    width:930px;
    height:70px;
    padding:20px 10px 0 10px;
    color:#FFF;
    font-weight:bold;
    font-size:16px
}

.dynamic_hour  #country{
    font-weight:normal}

.dynamic_hour  #town{
    margin-left:2px;
    font-size:19px
}

.dynamic_hour  #timer-title{
    font-weight:normal
}

.dynamic_hour  #timer{
    margin-right:20px;
    font-size:19px
}





#tmp{
    margin-top:10px;
    font-size:13px
}

#tmp-value{
    font-weight:normal;
    font-size:10px;
    text-align:center;
    margin:5px 0 0 0}



#tmp-value img{
    vertical-align: text-top
}





.room{
    background-image:url(../images/bg_room.jpg);
    background-repeat:no-repeat;
    margin:10px 0 25px 0;
    width:672px;
    height:210px
}

.room table{
    padding:5px 0 0 5px
}

.room-gnl-info{
    width:370px;
    margin:0 15px 0 0}

#room-title{
    color:#667;
    font-family: 'PRISTINA', Arial, Helvetica, Verdana, sans-serif;
    font-size:18px;
    font-weight:bold
}

#room-desc{
    margin:5px 0 0 5px
}

#room-kind{
    color:#DFAF0B;
    font-size:12px;
    font-weight:bold
}

#room-nb-pers{
    color:#BBBBBB;
    font-size:10px;
    font-weight:normal
}

#room-nb-bed{
    color:#BBBBBB;
    font-size:10px;
    font-weight:normal
}

#room-price-title{
    color:#777777;
    font-size:9px;
    font-weight:bold
}

#room-price-cfa{
    color:#4C4C4C;
    font-size:20px;
    font-weight:bold
}

#room-price-cfa span{
    font-size:10px
}



#room-price-euro{
    color:#4C4C4C;
    font-size:17px;
    font-weight:bold
}

#room-price-euro span{
    font-size:10px
}

.room-details{
    margin:10px 0 0 5px
}

.room-details #room-more-details{
    margin: 0 0 5px 0;
    color:#667;
    font-size:10px;
    text-decoration:underline
}

.room-details #room-details-txt a:link, .room-details #room-details-txt a:visited{
    color:#2F654A}

.room-desc-content{
    padding:10px;
    width:90%;
    margin:0 0 0 30px
}



.room-desc-content-img{
    margin:0 10px 0 0
}





.btn-gallery{
    position:relative;
    z-index:30;
    margin:-27px 5px 0 0
}



#resto-gallery-title{
    text-decoration: underline;
    color:#175401;
    font-weight:bold;
    margin:15px 0 10px 0}







.Zebra_Form .row {
    background: none;
    padding: 5px;
    border-bottom: none
}

.zebra-booking-form{
    color:#FFF;
    position:relative;
    z-index:10;
    background-image:url(../images/bg_booking_home.png);
    background-repeat:no-repeat;
    width:231px;
    height:425px
}

.zebra-booking-confirm{
    color:#FFF;
    position:relative;
    z-index:10;
    background-image:url(../images/bg_booking_confirm.png);
    background-repeat:no-repeat;
    width:231px;
    height:425px
}

.zebra-booking-confirm div{
    width:218px;
    height:425px;
    margin:14px 0 0 10px;
    font-size:12px;
    color:#fff;
    font-weight:bold}

.zebra-booking-confirm div button{
    width:200px;
    height:40px;
    color: #FFF;
    font-size:18px;
    background: #EFEFEF url('../images/button-background-green.gif') repeat-x top;
    border: 1px solid #FAB900}



.zebra-booking-confirm span{
    font-size:14px;
    color:#FF9326;
    font-weight: normal}



.zebra-booking-home{
    margin:-515px 0  -15px 15px;
    padding:37px 0 0 5px
}

.zebra-booking-content{
    margin:0 10px 5px 10px;
    padding:37px 0 0 5px
}



.Zebra_Form select {
    width:49px;
    height:27px
}

.Zebra_Form label {
    color:#FFF
}

.Zebra_Form .note {
    color: #000
}

.Zebra_Form .cell {
    margin-right:10px
}

.Zebra_Form  #phone ,  #email {
    width:85px;
    height:9px
}

.Zebra_Form  #arrival ,  #departure {
    width:85px;
    height:9px
}

.Zebra_Form  #room_type {
    width:200px;
    height:29px
}

.Zebra_Form  #btnsubmit {
    width:200px;
    height:40px;
    color: #FFF;
    font-size:18px;
    background: #EFEFEF url('../images/button-background-green.gif') repeat-x top;
    border: 1px solid #FAB900}

.Zebra_Form label,

.Zebra_Form .button,

.Zebra_Form .reset,

.Zebra_Form input.password,

.Zebra_Form input.text,

.Zebra_Form select,

.Zebra_Form textarea {}



/***** photo gallery ****/

.gallery {
    border: 5px solid #fff;
    -moz-box-shadow:  2px 5px  12px #aaa;
    -webkit-box-shadow: 2px 5px 12px #aaa;
    box-shadow:  2px 5px  12px #555;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
    zoom: 1;
    /*display:none;
    */

	background-color:#FFF;
    background:transparent url(../images/bg_gallery.jpg) no-repeat  center top;
    width:647px;
    min-height:220px;
    padding:10px 10px 10px 15px;
    border-left:1px dotted #F3B709;
    border-right:1px dotted #F3B709;
    border-bottom:1px dotted #F3B709
}



.gallery img {
    border:1px solid #F3B709;
    width:150px;
    height:100px;
    margin:0 7px 15px 0}









/***** guestbook ****/

.guestbook{}



.collapseDiv {
    border: 5px solid #fff;
    -moz-box-shadow:  2px 5px  12px #aaa;
    -webkit-box-shadow: 2px 5px 12px #aaa;
    box-shadow:  2px 5px  12px #555;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
    zoom: 1;
    /*display:none;
    */

	background-color:#FFF;
    width:647px;
    margin:-22px 0 25px 6px;
    padding:10px 0 0 10px;
    border-left:1px dotted #F3B709;
    border-right:1px dotted #F3B709;
    border-bottom:1px dotted #F3B709
}



.guestbook-btn{
    background:transparent url(../images/bg_other_btn.jpg) no-repeat ;
    width:670px;
    height:30px;
    font-weight: bold;
    padding:7px 0 0 10px;
    text-align:left;
    color: #FFFFFF;
    margin:0 0 15px 0}



.guestbook-btn a:link,a:visited {
    font-weight: bold;
    color: #FFFFFF;
    text-decoration:underline}



.guestbook {
    background:transparent url(../images/bg_comment.jpg) no-repeat ;
    width:670px;
    height:210px;
    padding:15px 0 5px 30px
}



.guestbook-reqField {
    color:#F00
}



.guestbook-admin {
    text-align:right;
    width:420px;
    padding:2px 10px 2px 0 ;
    vertical-align:text-top;
    color:red;
    margin-left:170px
}



.guestbook-admin a:link, .guestbook-admin a:visited {
    color:#175401;
    font-weight:bold
}



.guestbook-admin span {
    font-weight:bold
}



.guestbook-admin img {
    vertical-align:text-top}



.guestbook-unpublish {
    background-color: #E97A13;
    color:#fff}

.guestbook-unpublish a:link,.guestbook-unpublish a:visited {
    color:#fff}





.guestbook-title {
    font-size:16px;
    font-weight:bold;
    width:600px;
    border-bottom:1px dotted #999999}



.guestbook-comment {
    min-height:50px;
    width:590px;
    padding: 10px
}

.guestbook-comment-counter {
    margin:0 0 0 338px
}





.guestbook-user {
    font-size:16px;
    font-style:italic;
    margin:0 0 5px 0}

.guestbook-user-ip {
    font-size:11px;
    font-style:normal}





#gb-submit {
    background:0px;
    border:0;
    background:transparent url(../images/btn_sign.jpg) no-repeat center;
    width:140px;
    height:59px
}

#suggest-submit {
    background:0px;
    border:0;
    background:transparent url(../images/btn_suggest.jpg) no-repeat center;
    width:140px;
    height:59px
}

.jot-err, .jot-cfm {
    width:60%
}





/***** social network ****/

.social-network {
    width: 221px;
    height: 55px;
    padding: 3px 0 0 0;
    border-top:1px dotted #333;
    margin: -25px 0 0 15px
}	



.social-network span{
    display:block;
    margin: 0 0 5px 0
}	

.social-network img{
    padding: 0 10px 0 0
}	



	

	

/***** Footer ****/

.footer{
    background:transparent url(../images/bg_footer.jpg) no-repeat center;
    width:950px;
    height:350px;
    font-weight:normal
}


.footer-partner{
	margin:30px 15px 0 0;
    max-width:180px;
    max-height:66px;
	
}



.rhe-guarantie{
    margin:39px 0 0 50px;
    width:200px;
    color: #667;
    font-size:13px;
    line-height:1.7}



#footer-min{
    margin:33px 0 0 -12px
}

#footer-min img{
    margin:0 8px 0 0;
	border:1px solid #BCBCBC
}


#footer-thks{
    width:190px;
    height:39px;
    padding:5px 5px 0 0;
    margin:95px 0 0 0;
    text-align:left}

#footer-thks a:link, #footer-thks a:visited, {
    text-decoration:none;
    font-size:11px;
    color:#175401;
    font-weight:bold
	}


#locate-zone{
    width:205px	;
    margin:0 0 10px 0}

#locate-contact{
    width:205px	;
    margin:0 0 10px 0}

#locate-contact span{
    font-weight: bold}



#locate-email a:link, #locate-email a:visited, #locate-email a:hover{
    color:#F8F8F8}



#commodity{
    margin:12px 0 0 0
}




.thinking{
    width:243px;
    height:305px;
    padding:5px;
    margin:0
}



#quote-top{
    margin:4px 0 0 2px
}



#quote-bottom{}







.sitemap  {
    width:780px;
    height:150px;
    list-style:circle;
    color:#667;
    margin:70px  0 0  -30px;
    text-align:center}



.sitemap ul li {
    /*float:left;
    */

	display:inline-block;
    width:10%;
    /*min- height:50px;
    margin:0 5px 0 0 ;
    */

	text-align:left;
    vertical-align:top
}

.sitemap  li {
    font-weight:bold
}

.sitemap ul li  a:link, .sitemap ul li  a:visited, .sitemap ul li  a:hover{
    font-size:9px;
    color: #667
}

.sitemap ul li ul{
    padding:0;
    margin:5px 0 0 0
}

.sitemap ul li ul li{
    display: table-row-group;
    vertical-align:top;
    /*float:none;
    text-align:left;
    */}

.sitemap ul li ul li a:link, .sitemap ul li ul li a:hover{
    font-weight: 100;
    margin:0 0 0 3px;
    font-size:9px;
    list-style:square
}







/**** Di-Tech ***/

.bottom-footer{
    font-family: "Times New Roman", Times, serif;
    font-size:10px;
    color: #ccc}



.bottom-footer table{
    width:100%;
    padding:0 10px;
    margin:-5px 0 0 0}



#copyright{}



#by {}



#by a:link, #by a:visited{
    text-decoration:none;
    color: #ccc;
    font-size:11px
}



#by span{
    color:#F95904;
    font-size:11px
}