body{
font-family:Tahoma, Arial, Helvetica, sans-serif;
background:url(../images/motif.jpg) repeat;
margin:20px;
padding:0px;
margin-top:0;
}

.bann{
background:url(../images/bann.jpg) no-repeat;
width:900px;
height:329px;
}



a{
text-decoration:none;
}

.content{
background:#b00101 url(../images/font_content.jpg) repeat-x;
padding-left:17px;
padding-top:16px;
padding-right:25px;
}

.content_right{
background-color:#FFFFFF;
width:357px;
}
.content_right1{
background-color:#FFFFFF; 
width:197px;
}

.content_right2{
background-color:#FFFFFF; 
width:25px;
}

.content_right1-1{
background-color:#FFFFFF; 
width:579px;
}

.separation{
width:19px;
}

.menu_bas{
background:url(../images/menu_bas.jpg) no-repeat;
text-align:center;
font-family:tahoma;
font-size:12px;
color:#fff;
padding-top:13px;
height:54px;
}

.font1{
height:112px;
font-size:11px;
color:#000000;
font-family:tahoma;
text-align:justify;
padding-left:10px;
}

.font01{
font-size:11px;
color:#000000;
font-family:tahoma;
text-align:justify;
padding-left:10px;
}

.font2{
background:url(../images/font2.jpg) no-repeat;
height:94px;
}

.menu_haut{
    background:url(../images/menu_haut1.png) no-repeat;
	position:relative;
	width:312px;
	height:332px;
	vertical-align:top;
	top: -20px;
	left:0px;
}

.lien{
color:#fff;
}

.table_menu{
margin-top:11px;
}

.table_banner{
	position:absolute;
	top:0;
	
}

.td_images_left{
background:url(../images/image_left.jpg) no-repeat;
width:235px;
height:462px;
padding-left:20px;
padding-top:10px;
font-size:11px;
color:#fff;
font-weight:bold;
}

.calandar{
background:url(../../../images/calandar.jpg) no-repeat;
border:1px solid #df7373;
height:19px;
width:23px;

}



/*********************les boutons****************************/


a.b1{
display:block;
background:url(../images/btns/btn1.jpg) no-repeat;
font-size:11px;
color:#fff;
height:40px;
width:161px;
text-align:center;
line-height:35px;
font-weight:bold;
}
a.b1:hover{
display:block;
background:url(../images/btns/btn1_on.jpg) no-repeat;
font-size: 11px;
color:#000;
height:40px;
width:161px;
text-decoration:none;
font-weight:bold;

} 
a.b1_visited{
display:block;
background:url(../images/btns/btn1-on.jpg) no-repeat;
font-size: 11px;
color:#000;
height:40px;
width:161px;
text-decoration:none;
font-weight:bold;

}

.link{
font-size:10px;
color:#fff;
font-weight:bold;
font-size: 10px;
}

a.link:hover{
font-size: 10px;
text-decoration:underline;
font-weight:bold;
} 
a.link_visited{
font-size: 10px;
text-decoration:underline;
font-weight:bold;
}

.pos_link{
position:absolute;
right:180px;
top:-2px;
}

.bordure{
border-color:#FFFFFF;
border-width:2px;;
}

.pos_drap{
position: absolute;
right:100px;
top:5px;
text-decoration:none;
}
/******b2**********/

a.b2{
display:block;
background:url(../images/btns/btn2.jpg) no-repeat;
font-size:11px;
color:#fff;
height:40px;
width:161px;
text-align:center;
line-height:35px;
font-weight:bold;
}
a.b2:hover{
display:block;
background:url(../images/btns/btn1_on.jpg) no-repeat;
font-size: 11px;
color:#000;
height:40px;
width:161px;
text-decoration:none;
font-weight:bold;

} 
a.b2_visited{
display:block;
background:url(../images/btns/btn1-on.jpg) no-repeat;
font-size: 11px;
color:#000;
height:40px;
width:161px;
text-decoration:none;
font-weight:bold;

}
/******b22**********/

a.b22{
display:block;
background:url(../images/btns/btn2.jpg) no-repeat;
font-size:11px;
color:#fff;
height:40px;
width:161px;
text-align:center;
font-weight:bold;
line-height:20px;
}
a.b22:hover{
display:block;
background:url(../images/btns/btn1_on.jpg) no-repeat;
font-size: 11px;
color:#000;
height:40px;
width:161px;
text-decoration:none;
font-weight:bold;
} 
a.b22_visited{
display:block;
background:url(../images/btns/btn1-on.jpg) no-repeat;
font-size: 11px;
color:#000;
height:40px;
width:161px;
text-decoration:none;
font-weight:bold;

}

.b22-1{
line-height:15px;
height:35px;
width:115px;

padding-top:6px;
cursor:pointer;
position:absolute;
left:159px;
text-align:center;
}
/**************** bouton /22******************/

/**************** bouton 3******************/


a.b3{
display:block;
background:url(../images/btns/btn3.jpg) no-repeat;
font-size:11px;
color:#fff;
height:40px;
width:161px;
text-align:center;
line-height:35px;
font-weight:bold;
}
a.b3:hover{
display:block;
background:url(../images/btns/btn1_on.jpg) no-repeat;
font-size: 11px;
color:#000;
height:40px;
width:161px;
text-decoration:none;
font-weight:bold;

} 
a.b3_visited{
display:block;
background:url(../images/btns/btn1-on.jpg) no-repeat;
font-size: 11px;
color:#000;
height:40px;
width:161px;
text-decoration:none;
font-weight:bold;

}

/****************** bouton 4*******************/

a.b4{
display:block;
background:url(../images/btns/btn4.jpg) no-repeat;
font-size:11px;
color:#fff;
height:40px;
width:161px;
text-align:center;
line-height:35px;
font-weight:bold;
}
a.b4:hover{
display:block;
background:url(../images/btns/btn1_on.jpg) no-repeat;
font-size: 11px;
color:#000;
height:40px;
width:161px;
text-decoration:none;
font-weight:bold;

} 
a.b4_visited{
display:block;
background:url(../images/btns/btn1-on.jpg) no-repeat;
font-size: 11px;
color:#000;
height:40px;
width:161px;
text-decoration:none;
font-weight:bold;

}


/********************** bouton 5*************************/

a.b5{
display:block;
background:url(../images/btns/btn5.jpg) no-repeat;
font-size:11px;
color:#fff;
height:40px;
width:161px;
text-align:center;
line-height:35px;
font-weight:bold;
}
a.b5:hover{
display:block;
background:url(../images/btns/btn1_on.jpg) no-repeat;
font-size: 11px;
color:#000;
height:40px;
width:161px;
text-decoration:none;
font-weight:bold;

} 
a.b5_visited{
display:block;
background:url(../images/btns/btn1-on.jpg) no-repeat;
font-size: 11px;
color:#000;
height:40px;
width:161px;
text-decoration:none;
font-weight:bold;

}

/************** bouton 6 ***************/


a.b6{
display:block;
background:url(../images/btns/btn6.jpg) no-repeat;
font-size:11px;
color:#fff;
height:40px;
width:161px;
text-align:center;
line-height:35px;
font-weight:bold;
}
a.b6:hover{
display:block;
background:url(../images/btns/btn1_on.jpg) no-repeat;
font-size: 11px;
color:#000;
height:40px;
width:161px;
text-decoration:none;
font-weight:bold;

} 
a.b6_visited{
display:block;
background:url(../images/btns/btn1-on.jpg) no-repeat;
font-size: 11px;
color:#000;
height:40px;
width:161px;
text-decoration:none;
font-weight:bold;

}

/******************** bouton 7 ***********************/

a.b7{
display:block;
background:url(../images/btns/btn7.jpg) no-repeat;
font-size:11px;
color:#fff;
height:41px;
width:161px;
text-align:center;
line-height:35px;
font-weight:bold;
}
a.b7:hover{
display:block;
background:url(../images/btns/btn1_on.jpg) no-repeat;
font-size: 11px;
color:#000;
height:41px;
width:161px;
text-decoration:none;
font-weight:bold;

} 
a.b7_visited{
display:block;
background:url(../images/btns/btn1-on.jpg) no-repeat;
font-size: 11px;
color:#000;
height:41px;
width:161px;
text-decoration:none;
font-weight:bold;

}

/**************** bouton 8-9 ************/
a.b8{
display:block;
background:url(../images/btns/btn8.jpg) no-repeat;
font-size:11px;
color:#000;
height:36px;
width:120px;
text-align:center;
line-height:35px;
font-weight:bold;
}

a.b10{
display:block;
background:url(../images/btns/btn9.jpg) no-repeat;
font-size:11px;
color:#fff;
height:40px;
width:122px;
text-align:center;
line-height:35px;
font-weight:bold;
}
a.b10:hover{
display:block;
background:url(../images/btns/btn4_on.jpg) no-repeat;
font-size: 11px;
color:#000;
height:40px;
width:122px;
text-decoration:none;
font-weight:bold;

} 
a.b10_visited{
display:block;
background:url(../images/btns/btn4_on.jpg) no-repeat;
font-size: 11px;
color:#000;
height:40px;
width:122px;
text-decoration:none;
font-weight:bold;

}

a.b11{
display:block;
background:url(../images/btns/btn10.jpg) no-repeat;
font-size:11px;
color:#fff;
height:40px;
width:122px;
text-align:center;
line-height:35px;
font-weight:bold;
}
a.b11:hover{
display:block;
background:url(../images/btns/btn4_on.jpg) no-repeat;
font-size: 11px;
color:#000;
height:40px;
width:122px;
text-decoration:none;
font-weight:bold;

} 
a.b11_visited{
display:block;
background:url(../images/btns/btn4_on.jpg) no-repeat;
font-size: 11px;
color:#000;
height:40px;
width:122px;
text-decoration:none;
font-weight:bold;

}

.titre{
font-family:tahoma;
font-size:12px;
color:#8f6802;
font-weight:bold;
}
.info{
color:#FF6600;
}
.lienhammamet{
font-weight:bold;
color:#8f6802;
text-decoration:underline;
}
.lienhammamet a:hover{
text-decoration:underline;
}
.info1{
font-weight:bold;
}


/*-------*/
.px-lft{
background:url(../images/px_lft.jpg) repeat-y;
}

.px-right{
background:url(../images/px-right.jpg) repeat-y;
}

.td2-space{
width:15px;
}

.td-video{
width:320px;
}
/*-------*/

/*code ajouté par sourour*/
.content_reservation{
background-color:#FFFFFF; 
width:570px;
}
/***reservation***/
.tab_reservation{
font-size:11px;
width:100%;
}
.td_titre_reservation{
padding-left:5px;
padding-right:30px;
background:#9e0404;
color:#fff;
font-weight:bold;
padding-bottom:2px;
padding-top:2px;
font-size:11px;
}
.td_reservation{
background:#d99f9f;
padding-left:5px;
color:#ffffff;
padding-bottom:1px;
padding-top:1px;
font-size:11px;
}
/*.td_reservation1{
background:#d99f9f;
padding-left:5px;
color:#ffffff;
padding-bottom:1px;
padding-top:1px;
font-size:11px;
width:12%;
}*/

.td_reservation1{
background:#d99f9f;
color:#9e0404;
padding:3px;
font-size:11px;

vertical-align:top;
}
div.txt-1{border:#e9e1e1 solid 1px;  height:55px; padding:7px; width:70px; background-color:#c38f8f; color:#FFFFFF;}
div.txt{border:#e9e1e1 solid 1px;  height:20px; padding:7px;}
div.select{border:#e9e1e1 solid 1px; padding:3px; margin-top:5px;}
div.border{border:#e9e1e1 solid 1px; padding:3px;  height:17px;}
div.border_txt-1{border:#e9e1e1 solid 1px; padding:3px;  height:17px; background-color:#c38f8f;}

.td_reservation2{
background:#d99f9f;
padding-left:5px;
color:#ffffff;
padding-bottom:1px;
padding-top:1px;
font-size:11px;


}
.td_reservation3{
background:#d99f9f;
padding-left:5px;
color:#ffffff;
padding-bottom:1px;
padding-top:1px;
font-size:11px;


}
.td_reservation4{
background:#d99f9f;
padding-left:5px;
color:#ffffff;
padding-bottom:1px;
padding-top:1px;
font-size:11px;


}
.td_reservation5{
background:#d99f9f;
padding-left:5px;
color:#ffffff;
padding-bottom:1px;
padding-top:1px;
font-size:11px;

}

.tab_contact{
font-size:11px;
width:650px;
margin-right:160px;
margin-bottom:30px;
}
.tab_res{
border:1px solid #d99f9f;
font-size:11px;;
margin-bottom:30px;
}

.td_titre_form{
/*background:#2288AE;*/
/*border:1px solid #CD4F1F;*/
background:#FCF6F4;
color:#000;
padding-left:10px;
font-size:11px;
/*background:#FAEDE8;*/

}

.td_champ_form{
/*border:1px solid #CD4F1F;*/
/*background:#FAEDE8;*/
/*color:#CD4F1F;*/
color:#000000;
font-size:9px;

}

.td_champ_form input,.td_champ_form textarea, .td_champ_form select{
font-size:11px;
background:#FCF6F4;
color:#CD4F1F;
}

.tab_chambre{
font-size:11px;
width:50%;
color:#000;
}
.td_bouton_reserv{
text-align:right;
padding-right:90px;
}
.bouton_reserv{
background:#9E2024;
color:#ffffff;
font-size:11px;
border:1px solid #9E2024;
font-weight:bold;
}

.td_bouton_contact{
text-align:left;
padding-left:30px;
padding-bottom:10px;
padding-top:10px;
}


.titre_contact{
color:#CC4E11;
font-size:12px;
font-weight:bold;
}

.td_adresse{
border:1px solid #CD4F1F;
background:#FCF6F4;
vertical-align:middle;
text-align:center;
}

.td_adresse a{
color:#CC4E11;
}

.confirm{
text-align:center;
padding-right:50px;
}
.td_remarque{
font-size:9px;
text-align:left;
}

.fiche_technique{
color:#932A2E;
font-weight:bold;

}

.mesageErreur{
color:#FF0000;
font-size:12px;
font-weight:bold;
}

/**tarif**/
.tab_tarif{
font-size:11px;
width:650px;
}

.td_titre_tarif{
padding-left:5px;
background:#CC603F;
color:#fff;
font-weight:bold;
padding-bottom:2px;
padding-top:2px;
}

.td_tarif{
background:#F0CFC5;
padding-left:5px;
color:#B64928;
padding-bottom:1px;
padding-top:1px;
}


.td_tarif a{
color:#8B1B20;
font-weight:bold;
text-decoration:none;
}

.td_tarif a:hover{
color:#fff;
}

.td_descreptif{
display:block;
background:#D98971;
color:#fff;
padding-left:5px;
padding-bottom:5px;
padding-top:5px;
}

.td_close{
text-align:right;
padding-right:5px;
background:#D98971;
padding-bottom:10px;
}
.td_close a{
color:#8B1B20;
font-weight:bold;
text-decoration:none;
}

.td_close a:hover{
color:#fff;
}

/*-------------*/


/*----phototheque------*/

.photo_border{
border:solid #666666 1px;
}

/*---------------------*/


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

#table_left_contact{
height:10px;
background:transparent url(../images/entete_tab_astuce.gif) no-repeat top left;
}
#table_right_contact{
height:10px;
background:transparent url(../images/entete_tab_astuce.gif) no-repeat top right;
}

#table_bleft_contact{
height:10px;
background:transparent url(../images/bottom_tab_astuce.gif) no-repeat bottom left;
}
#table_bright_contact{
height:10px;
background:transparent url(../images/bottom_tab_astuce.gif) no-repeat bottom right;
}

.content_container{
padding:22px 0 15px 68px;
vertical-align:top;
color:#000000;
}

.input_contact{
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#797979;
border:solid 1px #AAAAAA;
font-size:11px;
}

.p_content{
margin-top:25px;
font-size:10px;
}

.font0{
color:#000000;
font-size:11px;
}

.font5{
font-size:10px;
color:#454545;
}

.links2{
color:#454545;
font-size:10px;
text-decoration:underline;
}
.links2:hover{
text-decoration:none;
}

.arp_coordonne{
line-height:14px;
padding:5px 15px 0px 15px;
background:transparent;
border:1px solid #FF9900;
margin-bottom:25px;
}
.coordonne{
color:#f47920;
font-size:10px;
}

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

.bouton_contact{
background:url(../images/btn_submit.gif) no-repeat;
}

/*----------news------*/
#tab-news-width{
width:200px;
}

.news_border1{
background:url(../images/news_boder1.jpg) no-repeat;
height:9px;
width: 235px;
}
.news_content{
background:url(../images/nws_arp_content.jpg) repeat-y;
height:170px;
width: 235px;
vertical-align:top;
padding-left:15px;
font-size:11px;
color:#FFFFFF;
font-family:tahoma;
text-align:justify;
}

.news_border2{
background:url(../images/news_border2.jpg) no-repeat;
height:8px;
width: 235px;
}

.news_image{
background:url(../images/news_image.jpg) no-repeat;
height:276px;
width: 235px;
}

.news_title{
font-size:12px;
font-weight:bold;
}
/*----------/news------*/

/*---------tab tarif et promotion ------------*/
/*.tarif_tab_bordure{
border:#3e9fe4 solid 1px;
}*/

.tarif_title{
color:#333333;
background:#90c8f1;/*CFCFCF*/  /*b2 3e9fe4*/
font-size:10px;
font-weight:bold;
text-align:center;
vertical-align:middle;
border:#fff solid 1px;
}

.tarif_title2{
color:#333333; /*333333*/
background:#3e9fe4; /*C1C1C1*/
font-size:10px;
font-weight:bold;
text-align:center;
vertical-align:middle;
border:#fff solid 1px;
}

.arp01{
/*color:#333333;*/
background:#CACACA;
font-size:10px;
font-weight:bold;
text-align:center;
border:#fff solid 1px;
}

.arp01-2{
/*color:#333333;*/
background:#CFCFCF;
font-size:10px;
font-weight:bold;
text-align:center;
border:#fff solid 1px;
}

.arp02{
/*color:#333333;*/
background:#D3D3D3;
font-size:10px;
font-weight:bold;
text-align:center;
border:#fff solid 1px;
}

.arp02-2{
background:#CCD2EE;
font-size:10px;
font-weight:bold;
text-align:center;
border:#fff solid 1px;
}


table.tarif_tab_bordure {
border-width:1px; 
border-style:solid; 
border-color:#fff;

}
td.bordure { 
border-width:0px;
background:#f2bb5e;  /*C9D2B5 gris*/ /*90c8f1 bleu*/  /*fccd49 jaune*/
border:#fff solid 1px;
text-align:center;
}

/*edb658*/
/*--------------------------------------------*/

/*----- loisirs--------*/
a.lien1{
font-size:11px;
color:#FF6600;
font-family:tahoma;
text-decoration:none;
}

a.lien1:hover{
font-size:11px;
color:#1e82ce;
font-family:tahoma;
text-decoration:underline;
}

a.lien1_visited{
font-size:11px;
color:#1e82ce;
font-family:tahoma;
}
/*----------------------*/

/*--------------------------------------------*/


/*----------------bannier---------------------*/
.pos_bann{
margin-top:0;
padding-top:0;
vertical-align:top;
}

.arp_b1{
background:url(../images/b01.jpg) no-repeat;
width: 273px;
height: 329px;
}

.arp_b02_a{
background:url(../images/b02-a.png) no-repeat;
width: 305px;
height: 19px;
}

.arp_b02_b{
background:url(../images/b02-b.jpg) no-repeat;
width: 305px;
height: 329px;
}

.arp_b3{
background:url(../images/b03.jpg) no-repeat;
width: 324px;
height: 329px;
}

/*-----------------------------------------*/

/*----------------------*/
.ombre-d{
background:url(../images/px-ombre-right.png) repeat-y;
width:4px;
height:1px;
}

.ombre-g{
background:url(../images/px-ombre-left.png) repeat-y;
width:4px;
height:1px;
}
/*----------------------*/

/*--------mailto-------*/
a.lien-mailto{
text-decoration:none;
color:#8f6802;
font-size:10px;
}
a.lien-mailto:hover{
text-decoration:underline;
color:#8f6802;
font-size:10px;
}
/*---------------------*/

.titreInput{ width:90px; float:left;}