﻿/* CSS Document */
body {
	text-align:center;
	margin:0% 1% 0% 1%;
	background:#FFFFFF url(images/fondpbb.gif) repeat-x;

}
a {
text-decoration:none;
}
#impromo{
background:url(images/promo.gif) no-repeat bottom right  ;
}
#index{
width:945px;
text-align:center;
padding:0px 0px 0px 0px;
}

/*banniere */
#banniere{
width:100%;
height:100px;
text-align:left;
float:left;
}
/* div menu */
#menu{
width:100%;
height:25px;
text-align:left;
float:left;
background:#1027cf;
 color:#FFFFFF;
}
/*info contact */
#infocontact{
width:100%;
height:25px;
text-align:left;
float:left;
background-color:#FFFFFF;
padding-top:center;
}
#infocontact img{
padding-top:3px;
}
#center{
width:100%;
text-align:left;
float:left;
margin-top:3px;

margin-bottom:30px;

}
/*partie gauche  */
#left{
width:50%;
text-align:center;
float:left;
margin-right:7px;
margin-top:1px;

}
/*Partie droit */
#right{
width:49%;
text-align:center;
float:left;
margin-top:1px;

}
/*Recherche prestation (left->formulaire) */
#formulaire{
width:100%;
float:left;
border:1px solid  #ff5c00;
margin-top:1px;
height:auto;
background:#ff5c00;
}
/*bon plan (left->bplan) */
#bplan{
width:100%;
float:left;
border:1px solid  #ff5c00;
margin-top:3px;
background:#ff5c00;
text-align:center;

}
#bplanbleue{
width:100%;
float:left;
border:1px solid  #1027cf;
margin-top:3px;
background:#1027cf;
text-align:center;

}
/*publicité (right->pub) */
#pub{
width:100%;
float:left;
border:1px solid   hidden;
margin-top:3px;
}
/*publicité 1 (right->pub->pub1) */
#pub1{
width:33%;
float:left;
height:170px;
padding-left:1px;
}
/*publicité 2 (right->pub->pub2) */
#pub2{
width:33%;
float:left;
height:130px;
padding-left:1px;
}
/*publicité 3 (right->pub->pub3) */
#pub3{
width:33%;
float:left;
height:150px;
}
/*Facette du maroc (right->facette) */
#facette{
width:100%;
float:left;
margin-top:3px;
background:#1027cf;
}
/*Promotion vol et produit (right->promo_produit) */
#promo_produit{
width:100%;
float:left;
margin-top:3px;
margin-bottom:3px;
}
#pied{
float:left;
width:99%;
margin-top:3px;
padding:5px;
text-align:center;
 filter : alpha(opacity=45); 
 opacity : 0.4;
}
/*Promotion vol  (right->promo_produit->promo) */
#promo{
width:70%;
float:left;
background:#ff5c00;
}
#promobleu{
width:70%;
float:left;
background:#1027cf;
}
/* affichage des produits (right->promo_produit->produit) */
#produit{
width:30%;
float:left;
}
#tbform{
background: #FFFFFF;

}
#tbformulaire{
font-size:11px;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;


}

#idrecherche{
background:#ff5c00;
height:25px;
color:#FFFFFF;
font-weight:bold;
font-size:18px;
font-family:"Times New Roman";
padding-top:3px;
text-align:left;

}
#idproduit{
background:#1027cf;
height:25px;
color:#FFFFFF;
font-weight:bold;
font-size:18px;
font-family:"Times New Roman";
padding-top:3px;
text-align:left;

}
#composantformu{
font-size:10px;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:left;


}
#composantformu input{
font-size:12px;
}
#composantformu select{
font-size:10px;
font-family:"Times New Roman";
}
#text{
font-size:12px;
text-align:left;
background:#FFFFFF;
}
.fhotel{
font-size:12px;
text-align:left;
background:#FFFFFF;
}
#sousprod{
margin-bottom:2px;
}
#theme{
padding:0px 1px 0px 2px;
background:#1027cf;
color:#FFFFFF;

border:1px solid #FFFFFF;
}
#theme a{
color: #FFFFFF;
}
#theme:hover{
background:#ff5c00;
cursor:pointer;
}
#affichetheme{
height:120px;
}
#li{
 padding: 5px 10px 0px 10px;
height:20px;
 float: left;
  width:auto;
  font-size:12px;
font-family:"Times New Roman";

color:#FFFFFF;
background:url(images/corne/left.gif) no-repeat top left;
}
#li1{
 padding: 0px 0px 0px 0px;
 float: left;
background: url(images/corne/right.gif) no-repeat top right;
}
#livide{
 padding: 5px 10px 0px 10px;
height:20px;
  width:40px; 
  float:left;
 background:url(images/corne/left.gif) no-repeat top left;
}
#li a{
color: #FFFFFF;
}	
#li:hover{
margin-left:0px;
height:20px;
background:#ff5c00;

}
		
#li a:hover{
	font-size:15px;
	}
	#li a.current{
		text-decoration: none;
		font-weight:bold;
}
#label{
text-align:left;
padding:0 0 0 2px;
}
#titreville{
color:#000000;
font-size:12px;
font-family:"Times New Roman", Times, serif;
}
#titrehotel{
color:#ff5c00;
font-size:12px;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
}
#descrip{
font-size:10px;
font-family:"Times New Roman";
}
#prixprod{
background:#ff5c00;
text-align:center;
font-weight:bold;
color:#FFFFFF;
 font-size:24px;
 padding:center;
 font-family:"Times New Roman";
}
#prixprods{
background:#1027cf;
text-align:center;
font-weight:bold;
color:#FFFFFF;
 font-size:24px;
 padding:center;
 font-family:"Times New Roman";
}
#inscrit{
font-size:12px;
width:auto;
padding-left:2px;
font-family:"Times New Roman", Times, serif;
}
#erreur{
color:#FF0000;
font-weight:bold;
text-align:center;
}
#content{
background:#FFFFFF;
}
#rech{
	width:20%;
	float: left;
	border: 1px solid #ff5c00;
	margin:2px 0px 0px 0px;
	background:#FFFFFF;
}
#reserv{
	float:left;
	text-align:center;
	width:78%;
	margin:2px 0px 5px 3px;
	padding:5px;
	border: 1px solid  #CCCCCC;
	background:#FFFFFF;
	}
	.madate{
	border:1px groove  #ff5c00;
font-family:"Times New Roman", Times, serif;
	width:90px;
	text-align:center;
}
.datema{
		border:1px groove  #ff5c00;
	    font-family:"Times New Roman", Times, serif;
		width:90px;
		text-align:center;
}
#simple:hover{
background-color: #f29400;
}
.buttonmfy{
 background-color:#1027cf; 
 color:#FFFFFF;
  border:   outset 2px ; 
  font-weight:bold;
 padding:4px ;
 cursor:pointer;
}
#titreresult{
 font-family:"Times New Roman", Times, serif;
 text-align:center;
 font-size:12px;
 color:#666666;
 width:100%;
}
#adresseproduit{
color:#FF6600;
}
#soustitre{
	 background-color:#ff5c00;
	 color:#FFFFFF;
	 font-weight:bold;
	 padding:2px;
	 font-family:"Times New Roman", Times, serif;
	 font-size:12px;
}
#promvol #descrip #prixprod {
width:50px;
}
#affichevoiture{
width:47%;
float:left;
margin-left:6px;
margin-bottom:10px;
border:1px solid #ff5c00;
padding:5px;
}
#rouge{
color:#FF5c00;

}
#simplevol{
border:1px solid #FF5C00;
background:#FFFFFF;
text-transform:capitalize;
padding:2px;
}
#simplevol:hover{
cursor:pointer;
background:#A8C9EA;
}
#simplevol #prixprod{
width:60px;
}
#simplevol #rouge{
background:#ff5c00;
color:#FFFFFF;
font-weight:bold;
}

#simplevol a{
color:#1027cf;
padding-right:5px;
}
#simplevolformulaire{
border:1px solid #FF5C00;
background:#FFFFFF;
text-transform:capitalize;
padding:2px;
margin-top:3px;
}
#simplevolformulaire #rouge{
background:#ff5c00;
color:#FFFFFF;
font-weight:bold;
padding:5px;
}
#simplevolformulaire #prixprod{
width:60px;
}
#bleue{
color:#1027cf;
}
#tabtheme{
background:url(images/produit/bgtheme.gif);
 filter : alpha(opacity=75); 
 opacity : 0.7;

}
#desville{
width:100%;
height:auto;
border:1px solid  #ff5c00;
float:left;

	margin-top:5px;
}
#villefdes{
	float: left;
	color: #454545;
	width: 132px;
	margin:0px 0px 5px 0px;
	}
	
#thememaroc{
float:left;
width:33%;
margin-left:0px;
margin-right:4px;
}

#piedcenter{
float:left;
width:100%;
padding:0px 0px 5px 0px;
}
#themediv{
width:100%;
height:auto;
float:left;
padding-top:2px;
margin-top:10px;
}
#themeimage{
width:80px;
padding:3px 1px 3px 2px;
float:left;
}
#themedescr{
width:100%;
padding:3px 0px 3px 3px;
float:left;
}
#vert{
color:#009900;
}
#vert li{
padding:0px;
margin-left:12px;

}
#bleue li{
padding:0px;
margin-left:12px;

}
#ocre{
color:#6D071A;
}

/* GOLF */
#bplangolf0{
width:70%;
float:left;
border:1px solid  #009900;
margin-top:3px;
background:#009900;
text-align:center;

}
#bplangolf{
width:100%;
float:left;
background:#009900;
}
#idrecherchegolf{
background:#009900;
height:25px;
color:#FFFFFF;
font-weight:bold;
font-size:18px;
font-family:"Times New Roman";
padding-top:3px;
text-align:left;

}
#formulairegolf{
width:100%;
float:left;
border:1px solid  #009900;
margin-top:1px;
height:auto;
background-image:url(images/sacgolf.jpg);
}

#cartegolf{
width:100%;
float:left;
border:1px solid  #009900;
margin-top:3px;
background:#009900;
text-align:center;

}
/* THALASSO */
#formulairethalasso{
width:100%;
float:left;
border:1px solid  #0099FF;
margin-top:1px;
height:auto;
background-image:url(images/thala.jpg);
}
#idrecherchethalasso{
background:#0099FF;
height:25px;
color:#FFFFFF;
font-weight:bold;
font-size:18px;
font-family:"Times New Roman";
padding-top:3px;
text-align:left;

}
#cartetha{
width:100%;
float:left;
border:1px solid  #0099FF;
margin-top:3px;
background:#0099FF;
text-align:center;

}
#bplanthala{
width:100%;
float:left;
background:#0099FF;
}
#formulairethala{
width:100%;
float:left;
border:1px solid  #0099FF;
margin-top:1px;
height:auto;
background:#0099FF;
}
#bleu{
color:#0099FF;
}
#leftsejour{
width:30%;
border:1px solid #1027cf;
float:left;
margin-right:10px;
background:#FFFFFF;
}
#centresejour{
width:37%;
float:left;
margin-right:8px;
background:#FFFFFF;
}
#rightsejour{
width:30%;
border:1px solid #ff5c00;
float:left;
background:#FFFFFF;

}
#semaine{
padding:5px;
font-size:14px;
background:#1027cf;
border:1px solid #1027cf;
text-align:center;
color:#FFFFFF;
font-weight:bold;
}
#casepromo{
background: #FFFFFF;
border:1px solid #ff5c00;
cursor:pointer;
}
#casedispo{
width:100%;
}
#casedispo :hover{
background:#F3E29E;
}
#casedispo0{
width:100%;
cursor:pointer;

}
#casedispo0 :hover{
background:#ff5c00;
}
#nopromo{

}
#plansej{
margin-top:5px;
margin-bottom:4px;
float:left;
width:99%;
border:2px solid #6D071A;
}