/* CSS Document */

body{
background-image:url(../images/motif.jpg);
background-repeat:repeat-x;
}
*{margin:0; padding:0; border:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#181818}
form{margin:0; padding:0; border:0;}
.left{float:left;}
.clear{clear:both;}
.header{width:968px; margin:0 auto; height:162px; background:url(../images/bg_header.jpg); margin-bottom:1px; margin-top:10px; position:relative}
.logo{position:absolute; top:15px; left:27px; width:234px; height:118px; text-decoration:none;}
.logo span{visibility:hidden; text-decoration:none;}
.authentification{width:147px; margin-right:40px; margin-top:29px; float:right; height:88px; padding-top:10px; padding-left:7px;}
.authentification .inputLabel{width:50px; color:white; height:21px; font-size:10px; display:block; float:left; padding-top:2px;}
.authentification .inputInp{width:87px; height:12px; font-size:9px; border:1px solid #606060; float:left;}
.authentification .inputInpP{width:60px; height:12px; font-size:9px; border:1px solid #606060; float:left;}
.authentification .inputInpSend{width:20px; height:12px; font-size:9px; border:1px solid #606060; background:white; float:left; margin-left:5px; text-align:center;}
.authentification .inputInpSend a{font-size:11px; color:black; text-decoration:none;}
.authentification p a{color:#e9de2a; text-decoration:none; font-size:11px; margin-bottom:3px; font-weight:bold;}
.authentification p a:hover{color:#e9de2a; text-decoration:underline; font-size:11px; font-weight:bold;}
#menu{background:url(../images/bg_menu.png); width:685px; height:29px; position:absolute; top:132px; margin-left:15%; margin-right:15%; z-index:0}
#menu ul{height:29px; margin-left:102px;  z-index:999}
#menu ul li{float:left; display:block; padding-left:10px; padding-right:10px; padding-top:8px; height:29px; list-style:none; color:white; background:url(../images/barrli.gif) no-repeat; background-position:right 11px; z-index:9999}
#menu ul li.last{background:none;  z-index:9999}
#menu ul li a{color:white; text-decoration:none; z-index:99999}
#menu ul li a:hover{color:white; text-decoration:underline; z-index:99999}
.container{width:964px; margin:0 auto; margin-top:10px; height:auto;position:relative;}
.container .leftCol{float:left; width:271px;}
.container .rightCol{float:left;}
.container h2.recherche{padding-left:7px; padding-top:5px; height:19px; width:258px; font-weight:bold; color:white; background:url(../images/header_blockt1.gif);}
.leftCol .blockForm{width:265px; height:290px; background:url(../images/bg_recherche.jpg); color:#5c5b5b; font-size:11px; font-weight:bold;}
.leftCol .blockForm p{margin-top:10px; text-align:center; float:left; width:100%;}
.leftCol .blockForm form{margin-top:10px; float:left;}
.leftCol .blockForm form .btnSearch{display:block; height:22px; width:77px; color:white; background:url(../images/btn_recherche.gif); font-size:11px; padding-top:5px; text-align:center; text-decoration:none; float:right; margin-right:12px;}

.leftCol .blockForm .input{border:1px solid #CCCCCC; margin-bottom:8px; margin-top:4px; width:145px; height:18px; background-color:#F2F2F2; font-weight:100;}
.leftCol .blockForm label{width:90px; display:block; float:left; padding-top:6px; margin-left:12px;}
.leftCol .blockNewOffre{width:265px; height:210px; background:url(../images/bg_block.png); margin-top:10px;}
.leftCol .blockNewOffre h2{float:left;}
.leftCol .blockNewOffre h2 span{display:none;}
.leftCol .blockNewOffre h2.prg{background:url(../images/titre_prg_neuf.gif); margin-top:10px; margin-left:7px; width:14px; height:96px;}
.leftCol .blockNewOffre h2.actualite{background:url(../images/titre_toute_actualite.gif); margin-top:10px; margin-left:7px; width:14px; height:96px;}
.leftCol .blockNewOffre p{margin-left:10px; float:left; width:220px; margin-top:10px}
.leftCol .blockNewOffre img{margin-right:5px;}
.rightCol .slideShow{float:left; height:294px; width:462px; margin-right:5px; border:1px solid #000000;}
.rightCol .slideShow .txtSlider{background:url(../images/bg_slider.png); width:100%; height:76px; position:absolute; left:0; top:200px; color:white; padding:5px;}
.rightCol .collapsPanel{float:left; height:294px; width:222px;}
.container h2.rechEnLigne{background:url(../images/title_container.png); height:22px; width:226px; color:white; margin-top:8px; padding-left:7px; padding-top:3px; float:left;}
.container div.rechEnLigne{background:url(../images/bg_rech_ligne.jpg); width:691px; height:211px; float:left;}

.container .rechEnLigne div{width:220px; height:201px; float:left; padding:5px; position:relative;}

.container .rechEnLigneB{width:691px; height:auto; float:left;}
.container .rechEnLigneB div.borderTopM{background:url(../images/bg_bcenterh.gif) no-repeat; width:691px; height:6px; float:left}
.container .rechEnLigneB div.borderMiddleM{background:url(../images/bg_bcenterm.gif); width:681px; height:auto; min-height:350px; float:left; padding:5px}
.container .rechEnLigneB div.borderMiddleMM{background:url(../images/bg_bcenterm.gif); width:600px; height:auto; min-height:350px; float:left; padding:5px}
.container .rechEnLigneB div.borderBottomM{background:url(../images/bg_bcenterb.gif) no-repeat; width:691px; height:7px; float:left;}
.imgVis{margin-right:30px; margin-top:0; float:left; margin-left:5px;}
.imgPictos{margin-right:20px; float:left;}
.infoSerach h3{color:#950101; font-size:15px; font-weight:bold; margin-bottom:13px;}
.infoSearch p{display:block;}
.infoSearch .txtInfo{float:left; margin-top:10px;}
.separator{background:url(../images/bg_separator.gif) no-repeat; background-position:center; height:6px; margin-bottom:20px;}


.blockPubCenter{width:472px; height:208px; background: url(../images/pubcenter.jpg); float:left; margin-top:7px;}
.copyright{margin-top:5px; font-size:11px; height:22px; border-bottom:1px solid #CCCCCC;}
.copyright span{color:#0e76d7; font-size:11px;}
.linkChange{margin-top:14px; color:#666666; text-align:center; line-height:18px; font-size:11px;}
.linkChange a{color:#666666; text-decoration:none; font-size:11px;}
.linkChange a:hover{color:#666666; text-decoration:underline; font-size:11px;}
.annoncesP{width:212px; margin-top:12px; position:absolute; top:533px; left:750px; float:none;}
.annoncesP .ann1{width:212px; height:225px; text-align:center;}
.annoncesP .ann1 img{margin-top:30px; margin-bottom:10px;}
.annoncesP .ann1 p{margin-left:5px; margin-right:5px; color:#a40007; font-size:11px; font-weight:bold;}
.annoncesP h2{background:url(../images/annonces.gif); width:205px; height:22px; color:white; padding-left:7px; padding-top:3px;}
.cAnnonces{height:233px; width:212px; background:url(../images/block_annonces.jpg)}
.annoncesT{width:212px; margin-top:10px;  float:left;}
.annoncesT h2{background:url(../images/annonces.gif); width:205px; height:22px; color:white; padding-left:7px; padding-top:3px;}
.annoncesT .cAnnonces{height:233px; width:212px; background:url(../images/block_annonces.jpg)}
.annoncesT .ann1{text-align:center;}
.annoncesT .ann1 img{margin-top:30px; margin-bottom:10px;}
.annoncesT .ann1 p{margin-left:5px; margin-right:5px; color:#a40007; font-size:11px; font-weight:bold;}

.cAnnoncesB{height:450px; width:212px; background:url(../images/bg_annonces_b.jpg); margin-left:1px;}
.leftInfo{float:left; margin-right:15px;}
.inf h3{color:#ce4b53; font-weight:bold; text-decoration:underline; font-size:13px; margin-bottom:4px;}
.m7{margin-top:7px;}
.d3img{margin-top:6px; margin-left:10px;}
.container .rechEnLigne h3{font-size:13px; color:#950101; margin-bottom:3px; margin-left:10px;}
.container .rechEnLigne p{font-size:11px; margin-left:10px;}
.container .rechEnLigne div.suite{position:absolute; top:180px; left:140px; width:120px; height:auto;}
.container .rechEnLigne div.suite a{color:#3d94e5; text-decoration:underline;}
.container .rechEnLigne div.suite a:hover{color:#3d94e5; text-decoration:none;}
.reserv .input{border:1px solid #CCCCCC; margin-bottom:8px; margin-top:4px; width:145px; height:22px; background-color:#F2F2F2; font-weight:100;}
.zoneTex{
	/*background:url(../images/bg-zone-text.gif) no-repeat;*/
	width:300px;
	height:24px;
	margin-bottom:10px;
}
.formPart1{
	float:left;
	margin-top:30px;
	margin-left:16px;
	width:300px;
}
.formPart2{
	float:left;
	margin-top:12px;
	width:300px;
}
.zonArea{
	padding-left:5px;
	padding-top:3px;
	width:300px;
	height:209px;
	border:#cdd515 2px solid;
}
.zoneTex2{
	/*background:url(../images/bg-zone-text.gif) no-repeat;*/
	width:347px;
	height:24px;
}
.zonTxt-cont{
	height:14px;
	border: 0px;
	padding-left:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:180px;
	margin-top:2px;
	margin-left:2px;
}
.zonTxt-cont-gris{
	height:14px;
	border: 0px;
	padding-left:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:180px;
	margin-top:3px;
	margin-left:2px;
}
.zonTxt-cont-gris-pass{
	height:14px;
	border: 0px;
	padding-left:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:100px;
	margin-top:3px;
	
	margin-left:45px;
	float:left;
}
.libeleForm{
	margin-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	margin-top:2px;
	width:83px;
	float:left;
}
.libeleForm-gris{
	margin-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:2px;
	width:83px;
	float:left;
}
.envoi{
	float:right;
	margin-right:29px;
	margin-top:2px;
}
#myController span{
color:#FFF;
margin-right:10px;
cursor:pointer;
width:76px;
}

#jFlowSlide{
border:thin #000000;
width:500px;
}

#myController span.jFlowSelected {
width:76px;
background:url(../images/bg_tab.gif);
}


.jFlowPrev, .jFlowNext{
cursor:pointer;
}

#myController2 span{
color:#FFF;
margin-right:10px;
width:76px;
cursor:pointer;
}

#jFlowSlide2{
border:10px solid #0F0;
}

#myController2 span.jFlowSelected2 {
background:#0F0;
}

.jFlowPrev2, .jFlowNext2{
cursor:pointer;
}


#myController3 span{
color:#FFF;
margin-right:10px;
cursor:pointer;
width:76px;
}

#jFlowSlide3{
border:10px solid #00F;
}

#myController3 span.jFlowSelected3 {
background:#00F;
}

.jFlowPrev3, .jFlowNext3{
cursor:pointer;
}
.txtSlider  p{color:white;}
.txtSlider  a{color:white; text-decoration:underline;}
.txtSlider  a:hover{color:white; text-decoration:none;}
a.webm{ color:#3d94e5; font-size:10px; text-decoration:none; }
a.webm:hover{ color:#990000; font-size:10px;  }
.titreh{color:#3692E6; font-size:14px;}
.titre_reserv{ height:20px; width:150px; margin:auto; text-align:center; padding-top:4px; color:#000033; font-weight:bold; border:#ffffff 1px solid; margin-top:5px; margin-bottom:5px;}
a.inde{color:#000000; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
a.inde:hover{color:#000000; font-size:12px;  font-family:Arial, Helvetica, sans-serif; text-decoration:underline;}
.imgma{clear:both; float:left;}
.imgmarrakech{height:auto; width:215; margin:10px; float:left;}
.imgmarrakechtext{height:auto; width:480px; margin:10px; float:left;}
.projet{clear:both; float:left; margin-top:10px;}
.projet1{ width:165px; float:left; color:#000033; font-size:14px; font-weight:bold; padding-left:45px;}
.projet2{ width:160px; float:left; color:#000033; font-size:14px; font-weight:bold; padding-left:40px;}
h1{color:#FFFFFF;}