body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #006C88;
	text-decoration: none;
	background-color: #006C88;
	margin: 0px;
	padding: 0px;
}
#header {
	background-color: #FFFFFF;
	background-image: url(../medias/header.gif);
	background-repeat: no-repeat;
	margin: auto;
	height: 104px;
	width: 880px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 100px;
	color: #FFFFFF;
}
#main {
	color: #FFFFFF;
	background-color: #007B9A;
	background-image: url(../medias/fd_main.gif);
	background-repeat: repeat-x;
	margin: auto;
	padding: 0px;
	width: 1000px;
	height: 459px;
}
#interne {
	color: #FFFFFF;
	background-color: #007B9A;
	background-image: url(../medias/fd_main.gif);
	background-repeat: repeat-x;
	margin: auto;
	padding: 0px;
	width: 1000px;
	
}
#menu {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 205px;
	
}
#flash {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 795px;
}
#menu a {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../medias/fd_menu.gif);
	background-repeat: no-repeat;
	margin: 0px;
	height: 18px;
	width: 165px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #80B6C4;
	display: block;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 32px;
}
#devis {
	padding: 10px;
	float: left;
	width: 770px;
	text-align: right;
}
#devis a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#text {
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
	width: 900px;
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 50px;
	margin: auto;
}
.titre {
	font-family: "Palatino Linotype", Verdana, Arial;
	;
	font-size: 20px;
	line-height: 36px;
	font-weight: bold;
	color: #007B9A;
	text-decoration: none;
}
#text img {
	padding: 0px;
	border: 1px solid #CCCCCC;
	margin: 4px;
}

a:link {
	color: #006C88;
	text-decoration: none;
}
a:visited {
	color: #006C88;
	text-decoration: none;
}
a:hover {
	color: #1EACD9;
	text-decoration: underline;
}


#footer {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../medias/footer.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;
	width: 940px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin: auto;
}
.bordurtablo {
	border: 1px solid #CCCCCC;
	padding: 4px;
}
.soutitreform {
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	color: #2C672D;
	text-decoration: none;
	padding-left: 10px;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}

#devis a:hover {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}

#menu a:hover {
	color: #F9B44B;
	
}
#vid {
	height: 42px;
}

#vid2 {
	height: 18px;
	
}

#vid3 {
	height: 21px;
	background-image: url(../medias/03.gif);
	background-repeat: no-repeat;
}
#header a {
	color: #FFFFFF;
	text-decoration: none;
}
#header a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#header a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a img
{
border: none;
} 

/* Recherche */
#recherche {
width:700px;
height:40px;
}
#error img {
border: none;
}
#recherche label {
width:90px;
display:block;
float:left;
}
#recherche .select {
width:150px;
float:left;
border:1px solid #d7e3eb;
height:20px;
color:#999999;
}
#recherche .selectpour {
width:70px;
border:1px solid #d7e3eb;
height:20px;
color:#999999;
}
#motcleespace{ width:100px; display:block;}
#recherche .input {
width:90px;
border:1px solid #d7e3eb;
height:20px;
color:#999999;
background:url(../images/calendar.gif) right no-repeat;
}

#recherche .selectville {
width:170px;
float:left;
border:1px solid #d7e3eb;
height:20px;
color:#999999;
}
.periode{ clear:both; height:30px; padding-left:10px;}
.apartirde{ padding-left:5px; height:30px; float:left; width:100px;}
.trouver{ height:30px; width:104px; padding-top:12px; float:left;}
.ligne{ float:left; width:180px; height:50px;}
#page-contenu{
	width: 100%;
	background: white;
	min-height:550px;
	height: auto !important;
}
.contenuarrondi{ height:130px; background-color:#ffffff; height:auto; border:5px #FFFFFF solid;}
#hotelslistes{ clear:both;width:700px; text-align:left; height:auto; }
#hotels-item{ clear:both;width:700px; text-align:left; height:auto;padding-top:10px; line-height:20px;}
#hotels-item .description{ color:#877e74; font-size:12px; font-weight:lighter; text-align:justify;}
#hotels-item img{ border:none;}
#hotels-item h1{ text-decoration: none; color:#006C88; font-size:18px; padding-top:5px;}
#hotels-item h2{ color:#006C88; font-size:24px; padding-top:5px; font-weight:lighter;}
#hotels-item .description{ color:#877e74; font-size:12px; font-weight:lighter; text-align:justify;}
#image-hotel img{ width:117px; height:101px; text-align:center; border:2px #006C88 solid; float:left;}
.details-hotel{width:400px; height:100px; text-align:left; padding-left:10px; float:left;}
.apartir-hotel{width:70px; height:100px;color:#0099ee; text-align:left; padding-left:10px; float:left;}
.prixliste{width:100px;height:100px;text-align:center; float:left;}
.detailslienhotel{ background:url(../images/detailshotels.jpg) center no-repeat; color:#FFF; font-weight:bold; width:117px; height:24px; border:none;}
.detailslienhotel a{color:#FFFFFF; font-weight:bold;  height:24px; font-size:14px;  }
.lignesepartion{ clear:both; padding-left:100px; height:5px; background:url(../images/ligne.jpg)}
.contactemails{ float:left; width:730px; line-height:20px;}
.email1{ width:300px; float:left; text-align:center; color:#616167;}
.email1 a{color:#0099ee;}
/*****pagination ************/
#tnt_pagination {
	display:block;
	text-align:left;
	height:22px;
	line-height:21px;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	float:left;
	width:700px;
}

#tnt_pagination a:link, #tnt_pagination a:visited{
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #006C88;
	margin-left:2px;
	text-decoration:none;
	background-color:#ffffff;
	color:#006C88;
	width:22px;
	font-weight:normal;
}

#tnt_pagination a:hover {
	background-color:#DDEEFF;
	border:1px solid #006C88;
	color:#0072BC;	
}

#tnt_pagination .active_tnt_link {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #006C88;
	margin-left:2px;
	text-decoration:none;
	background-color:#006C88;
	color:#ffffff;
	cursor:default;
}

#tnt_pagination .disabled_tnt_pagination {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #006C88;
	margin-left:2px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#D7D7D7;
	cursor:default;
}

/*******page details********/
#page-details{
	background: white;
	min-height:830px;
	height: auto !important;
	padding:10px;
	color:#666;
}
#page-details img{
	border:none;
	border:#006C88 solid 1px;
	padding:3px;
}
#titrehotels{ color: #006C88; font-size:24px; padding-top:10px; }
#titrecontact{ color: #006C88; font-size:20px; padding:10px; clear:both; }
#titrehotels{ color: #006C88; font-size:20px; padding-top:10px; }
#emailhotels{ color: #006C88; font-size:16px; padding-top:5px; padding-right:10px; }
.hotelsdetails{ height:auto;}
.contenuhotels{ width:800px; height:auto; padding:10px;}
.imageshotels{ width:800px; clear:both;}
.hotelsentunisie{ float:left; width:800px;}
#hotelsdetunisie{ float:left; padding-top:10px;padding-bottom:10px; width:800px;}
#hotelsdetunisie img{border:none; }
#hotelsdetunisie a{ text-decoration:none;}
#titrehotels img{border:none; }
.panneau{ border:1px solid #006C88; width:800px;}
.titrehotelstunisie{color: #006C88; font-size:16px; text-decoration:underline; }


/********contact******/
#contact-area {
	width: 750px;
	margin-top: 25px;
}
#contact-area input,#contact-area select, #contact-area textarea {
	padding: 2px;
	width: 300px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}
#contact-area select{ width:200px;}
#contact-area textarea {
	height: 90px;
	width:750px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

#contact-area label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 130px;
	padding-top: 2px;
	font-size: 1em;
}
.etoile {color: #E2001A;}
.fielderror {color:#F00}
.datedehotel {
background:url(../images/calendar.gif) right no-repeat;
}
