@charset "utf-8";
/* CSS Document */
*{
	padding:0;
	margin:0;
}
a{
	list-style:none;
	text-decoration:none;
	color:#fff;
}

a.wste{
	color: #000;
}

body{
	background:#20223B;
	font-family:"Arial", Tahoma, sans-serif;
	color:#333;
	font-weight:bold;
}

img{
	list-style:none;
	border:none;
}
#repeat{
		background: url(images/bg-up.jpg) repeat-y center;

}
#contenaire {
	background: url(images/bg.jpg) no-repeat center top;
	margin:0 auto;
	height: 1000px; 

}
#contenu{
	width:996px;
	margin:0 auto;
	padding-top:6px;
	height:auto;


}
.Titre {
	height:95px;
	color:#FFF;
	font-size:13px;
	padding:5px 137px 0 0;
	text-align:right;

}
#sidebar{
	width:230px;
	margin:5px 0 0 0;
	float:left;

}
#menuleft{
	width:230px;
	height:310px;
}
#milieu{
	width:629px;
	float:left;
	font-size:13px;
	overflow:hidden;
	padding:0 0 0 4px;
}

.logo{
	width:35px;
	height:276px;
	padding:11px 0 0 13px;
	float:left;
	overflow:hidden;
}
.clear{
	clear:both
}
#menu{
	width:180px;
	float:right;
	font-size:14px;
	padding:9px 0 10px 0;
	overflow:hidden;
	height:276px;

}
#menu ul{
	list-style:none;
}
#menu ul li{
	width:180px;
	padding:2px 0 0 0;
	font-size:14px;
	overflow:hidden;

}
#menu ul li a{
	display:inline-block;
	text-decoration:none;
	height:27px;
	width:180px;
	margin:0;
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	list-style-type:none;
	padding:10px 0 0 9px;
	overflow:hidden;

}
.dotted{
	width:170px;
	height:2px;
	border-bottom: #4d5f72 dotted 1px;
	overflow:hidden;
	padding:0;
	margin:0;
}

#menu ul li a:hover, #menu ul li.selecte a{
	width:189px;
	color:#ff1f98;
	background:transparent url(images/menu_hover.jpg) no-repeat left;

	}


#slides{
background-color:#eeeeee;
border:#e0e0e0 solid 2px;
clear:both;
width:615px;
overflow:hidden;
margin:80px 0 0 0;
padding:0 0 0 0;
height:280px;
}
div.wrap {
width : 573px;
text-align : left;
overflow:hidden;
margin:0;
padding:2px 0 0 14px;


}
div#top div#nav {
float : left;
clear : both;
width : 573px;
height : 52px;
margin : 0;
}
div#top div#nav ul {
float : left;
width : 400px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#slides {
margin : -1px 0 0;
}
div#video-slides {
height : 383px;
margin : -1px 0 0;
}
div#slides div.wrap {
height : 299px;
background : url(images/slides-bg.png) no-repeat 50% 0;
}
div#slides div#slide-holder {
z-index : 40;
width : 573px;
height : 299px;
position : absolute;
}
div#slides div#slide-holder div#slide-runner {
top : 9px;
left : 9px;
width : 573px;
height : 278px;
overflow : hidden;
position : absolute;
}
div#slides div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#slides div#slide-holder div#slide-controls {
left : 0;
bottom : 228px;
width : 573px;
height : 46px;
display : none;
position : absolute;
background : url(images/slide-bg.png) 0 0;
}
div#slides div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#slides div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#slides div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#slides div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#slides div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/silde-nav.png);
}
div#nav ul li a {
background : url(images/nav.png) no-repeat;
}
.offer{
	font-size:18px;
	color:#06F;
	margin:10px 0 20px 0;
	}
	.des{
		margin:20px 0 10px 0;
		padding:15px 0 15px 0;
		font-size:12px;
		background-color:#f0f0f0;
		border:2px solid #d6d8db;
		width:610px;
		color:#6b6c51;
	}
		.des10{
		margin:20px 0 10px 0;
		background: url(images/bg2.jpg) no-repeat top;
		padding:8px 0 15px 4px;
		font-size:17px;
		width:610px;
		color:#462300;
		font-family:"lucia";
	}
	.p12{
	color:#8405dc;
	}
	.p13{
	color:#b1036a;
	}
	
	.offre{
		height:21px;
		width: 629px;
		background: left no-repeat #20223B;
		font-size:15px;
		color:#FFF;
		font-style:normal;
		font-weight:100;
		text-align:left;
		padding:3px 0 0 22px;
	}
	
	.red{
		color:#5aa600;
	}
	.voiture{
		font-size:18px;
		color:#9c3d9b;
	}
	.contact{
	width:228px;
	height:22px;
	padding:4px 0 0 22px;
	margin-bottom:10px;
	color:#2a3247;
	background:url(images/info.png) left no-repeat #fff;
	font-size:17px;
	}
	.pcontact{
		font-size:12px;
		color:#FFF;
		padding:10px 0 0 4px;
	}
		.offrz{
		height:21px;
		width: 629px;
		background: left no-repeat #20223B;
		font-size:15px;
		color:#FFF;
		font-style:normal;
		font-weight:100;
		text-align:left;
		padding:3px 0 0 22px;
		margin-top:15px;
	}
	#centerv {
		width:295px;
		height:275px;
		overflow:hidden;
		float:left;
	}
	#centerp {
		width:293px;
		float:left;
		overflow:hidden;
		height:275px;
		padding:4px 0 0 22px;
		margin:10px 0 0 0;

	}
	#centers{
	width:615px;
	height:300px;
	padding:0 0 6px 0;
	}
	
	#contenaire1{
	background: url(images/bg.jpg) no-repeat center top;
	margin:0 auto;
	height: 1050px; 

}
	#contenaire2{
	background: url(images/bg.jpg) no-repeat center top;
	margin:0 auto;
	height: 710px; 

}
	.agadir{
	font-size:13px;
	font-weight:normal;
	padding:14px 0 0 0;
	}
	.agadir1 p{
	width:629px;
	padding:0 0 0 20px;
	margin:5px 0 0 0;
	background: url(images/plus.png) no-repeat;
	float:left;
	}
	.im12{
	background: url(images/plus.png) no-repeat;
	float:left;
	width:16px;
	height:16px;

	}
	.desz{
	font-size:15px;
	font-weight:bold;
	color:#7c7c7c;
	}
	.aze{
	padding:12px 0 8px 0;
		}