@charset "utf-8";
/* CSS Document */

body
{
	margin:0;
	padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;}
h3 {
		margin: 0px;
		padding: 0px;	
	}

	.suggestionsBox {
		position: absolute;
		right: 30px;
		margin: 10px 0px 0px 0px;
		width: 200px;
		background-color: #990066;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;	
		color: #fff;
	}
	.suggestionsBox2 {
		position: absolute;
		left: 30px;
		margin: 10px 0px 0px 0px;
		width: 200px;
		background-color: #990066;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;	
		color: #fff;
	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}
	
	.suggestionList li:hover {
		background-color: #659CD8;
	}

.suggestionList2 {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList2 li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}
	
	.suggestionList2 li:hover {
		background-color: #659CD8;
	}


a img{border:0px;}

.clear{clear:both;
margin:0px;
padding:0px;}

/*/////////////////
conteneur
///////////////*/

#amarrakech 
{
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;
	position:relative;
	left:0px;
	top:0px;
	width:920px;
	
	
	text-align:left;
	margin-top:20px;	

}

/*/////////////////
logo
///////////////*/

#logo
{
position:absolute;
	margin:0px;
	padding:0px;
	width:920px;
	top:0;
	left:4;
	background:no-repeat;
	display:block;
	
}

/*/////////////////
menu haut
///////////////*/

#mainmenu{
position:absolute;
right:0px;
top:235px;
width:579px;
height:19px;
background:url(../images/bg_mainmenu.gif) no-repeat;}

#mainmenu ul li{list-style:none;
float:left;
display:block;
height:19px;

margin:0px;
text-align:left;
line-height:18px;
padding-left:32px;
}

#mainmenu ul{padding:0px;
margin:0px;}

#mainmenu ul li a{text-decoration:none;
color:#000000;}

#mainmenu ul li a:hover{text-decoration:none;
color:#f32812;}
/*/////////////////
body
///////////////*/

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

boutton

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

#btn_rapide{
position:absolute;
cursor:pointer;
z-index:3;
left:0px;
width:249px;
height:31px;}

#btn_detaille{
position:absolute;
cursor:pointer;
z-index:2;
left:231px;
width:258px;
height:31px;}

#btn_activite{
position:absolute;
cursor:pointer;
z-index:1;
right:0px;
width:241px;
height:31px;}


#bloc_angles{
position: relative;
top:271px;
left:0px;
width:718px;
height:251px;}

/*//////////////////////////////// stofsoft ////////////////////////////////*/

.angles{
position:absolute;
top:0px;
left:0px;
width:712px;
height:31px;
}

.centent{
position:absolute;
top:31px;
left:0px;
width:717px;
height:220px;
}

.donnee{
position:absolute;
top:0px;
left:0px;
width:717px;
height:200px;
}

#donneerapide
{
background:url(../images/bg_centent_rapide.jpg) no-repeat;
}

#donneedetaille
{
background:url(../images/bg_centent_detaille.jpg) no-repeat;
}

#donneeactivite
{
background:url(../images/bg_centent_annonces.jpg) no-repeat;
}

.recherche form{
padding:0px;
margin:0px;}

.recherche form span{
color:#FFFFFF;
font-size:16px;
font-weight:bold;
margin-right:3px;}

.exemple{
position:absolute;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px;
padding:0px;
color:#ffebb0;}

.titredetaille
{
position:absolute;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
margin:0px;
padding:0px;
color:#ffffff;
font-weight:bold;		
}
.aide{
position:absolute;
width:15px;
height:15px;
margin:0px;
padding:0px;	
}

.bas_centent{
position:absolute;
left:0px;
bottom:0px;
width:717px;
height:20px;
}

/*/////////////////
pub1
///////////////*/

#pub1{position:absolute;
top:271px;
right:0px;
width:184px; /* image a inserer 182*243 pour avoir le conteur */
height:245px;
background-color:#ffffff;
border:1px solid #d1d1d3 ;
padding:1px 1px 1px 1px;}

/*/////////////////
rserver votre pub
///////////////*/


.reservation {position:relative;
left:0px;
top:270px;
width:626px;
height:252px;

background:url(../images/bg_reservation.gif) repeat-x;
}

.titre_resevation{position:absolute;
top:3px;
left:0px;
width:33px;
height:244px;
}

.reservation_close{position:absolute;
top:0px;
right:0px;
height:252px;
width:10px;}

.smallpub{position:absolute;
top:3px;
left:33px;
width:583px;
height:234px;
background-color:#f7f7f7;
padding-top:10px;
padding-left:5px;

}


.img_small_pub{width:184px;
height:113px;
float:left;
margin-left:5px;}

/*/////////////////
bloc pub
///////////////*/


.titre_bloc_pub{
	position:absolute;
	top:536px;
	right:0px;
	width:273px;
	height:15px;
	background:url(../images/titre_bloc_pub.gif) no-repeat;
	background-image: url(../images/titre_bloc_pub.gif);
}

#bloc_pub{
	position:absolute;
	top:556px;
	right:0px;
	width:273px;
	clear:both;
	background:url(../images/band.gif) top right repeat-y;
	background-image: url(../images/band.gif);
}
.pub2{

width:226px;
height:107px;

background:#ffffff;
border:1px solid #d1d1d3 ;
padding:1px 1px 1px 1px;
}

.pub3{
margin-top:7px;
width:226px;
          /* height:105px; */
background:#ffffff;
border:1px solid #d1d1d3 ;
padding-bottom:1px;
padding-left:1px;
padding-right:1px;
padding-top:1px;
}

/*///////////////
option
////////////*/


/*.band{position:absolute;
top:0px;
right:0px;
width:32px;
height:227px;
background:url(../images/band.gif) repeat-y;} */


/*/////////////////
footer
///////////////*/
 /*
.separa{
position:relative;
margin-top:80px;  
height:1px;
width:920px;
margin-left:auto;
margin-right:auto;
}
 */
.bas{width:920px;
margin-left:auto;
margin-right:auto;
margin-top:300px;
}


#footer{

width:920px;
height:31px;
background:url(../images/bg_footer.jpg) no-repeat;
font-size:12px;}

#footer ul{list-style:none;
margin:0px 0px 0px 218px;
padding:0px;

}

#footer ul li{float:left;
display:block;
height:31px;
line-height:31px;
margin-right:105px;
}

#footer ul li a{color:#ffffff;
text-decoration:none}

#footer ul li a:hover{color:#000000;
text-decoration:none}



.copyright{
width:920px;
height:20px;
}

.copyright p{text-align:center;

padding:0px;
line-height:20px;
margin:0px;
color:#6f6f6f;
}

.copyright p a{color:#cc3399;
text-decoration:none;}

.copyright p a:hover{color:#000000;
text-decoration:none;}