@charset "utf-8";
body { font-family: Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px; line-height:27px!important; }
* { margin:0px; padding:0px; list-style:none;}
.all { margin:0 auto; width:995px; overflow:hidden;}
.topbandeau { width:100%; height:12px; background:url(../images/top.png) no-repeat;}
.bgbandeau { display:block; height:110px; background:url(../images/bgtop.png) repeat-x;}
.logobandeau { height: 131px; width: 158px;	float: left; margin-top: -11px; }
.flash { width: 570px; float: left;	height: 60px; margin-top: 10px;}
.b { width: 468px; height: 60px; margin: 0 auto;}
.bandeauinfo { float: right; height: 94px; width: 255px; background: url(../images/omra_sur_mesure_fr.gif) no-repeat; margin-right:5px;}

.bandeauinfo .fr { display: block; font-size: 11px;	text-decoration: none; color: #999999; margin-top: 22px; text-indent: 25px; }

.bandeauinfo .demande { text-indent: 24px; color: #C12D00; text-decoration: underline; display: block; margin-right: auto; margin-bottom: 0;	margin-left: auto; line-height: 35px;}
.erreur{ font-size: 11px; color: #FF0000; line-height: 10px;} 
.taberror {	width: 90%;	border: 1px solid #FF0000; position:absolute; left: 0px; top: 100px;}
.taberror .fer { display: block;}
.taberror .fer .fermer { cursor: pointer; text-align: right; display: block; background-image: none !important;	margin: 0px; padding: 0px;}
.mesg {	color: #FF0000;	display: block; margin:0 3px 0 3px; line-height: 14px; font-size: 11px; text-align: left;}
.all .margin-top { width:100%; height:30px;}
.all .leftPanel { width:720px; float:left; overflow:hidden;}
.all .saidbar { width:264px; float:right; overflow:hidden;}
.saidbar .saidbarbg { width:100%; float:left; background:url(../images/bgsaidbar.png) repeat-y;}
.leftPanel .loop { width: 206px; height: 380px; float: left; }
.leftPanel .pictureMakkah { float:left; margin:4px 0 0 13px; width:501px; height:360px;}
.login { width:206px; height:175px; margin:0 auto; background:url(../images/login.png) no-repeat; padding:3px 0 0 0; overflow:visible;}
.mdp { float:left;}
.positionbt { float:left; padding:3px 0 0 0;}
.loop .referencing { width:206px; height:196px; background:url(../images/referencing.png) no-repeat; font-size:15px; color:#333333; line-height:30px; font-size:12px; font-weight:bold; color:#1d475f;}
.referencing .textref { display:block;  }
.referencing .ecran {  }
.referencing a { color:#6e171f; font-weight:bold; text-decoration:none; font-style:normal;}
.referencing .reflink { line-height: 33px; background-image: url(../images/links.png); height: 33px; width: 177px; display: block; color: #FFFFFF;
	margin:4px auto 0 auto; text-align:center;}
.referencing .sup { width:100%; height:20px;}
.clear { clear:both;}
.panelPubContent { display:block; margin-top:13px; border:#CCCCCC solid 1px; overflow:hidden;}
.leftPanel .pub { width:130px; height:186px; float:left; margin:0 10px 0 0; background:url(../images/pubs.png) no-repeat; position:relative;}
.publink { color:#c12d00; display:block; margin:0 3px; background:url(../images/arrow_b2b.png) no-repeat; background-position: left 9px; text-indent: 7px; text-decoration: none;	font-weight: bold; font-size:9px; line-height:25px;}
.pub .linkinfo { float:right ;display:block; background:url(../images/plus_b2b.png) no-repeat; background-position:left 5px; color:#c12d00;	text-decoration: none; text-indent:11px; position:absolute;	top:157px; left:90px; }
.suparateur { float:left; width:100%; height:10px;}
.pub h1 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ac1f32; display:block; text-align:center; line-height:35px; font-style:normal;}
.contpub ol { display:block; width:95%; margin:0 auto;}
.contpub li { display:block; width:100%; line-height:17px;}
.pub ol { display:block; width:95%; margin:0 auto;}
.pub li { display:block; width:100%; line-height:17px;}
.infoMakkah { width:99%; margin:0 auto;}
.infoMakkah td { line-height:27px; padding:0 3px;}
.infoMakkah .p { border:#c0c0c0 solid 1px; margin:5px 0 0 0; display:block; padding: 0 3px;}
.linkMail { text-decoration:none; color:#c03838;}
.links { text-align:right; display:block;}
.links a { color:#666666; padding-right: 3px;}
.pictureNews { float:left;}
.news { width:68%; float:left; margin:2px 2px 0 2px; display:block;}
.linkNews { display:block; margin:0 10px;}
.linkNews a { color:#000; text-decoration:none;}
.saidbar .partenaire { width:100%; background:#ededed; font-weight:bold;}
.partenaire a { float:left; margin:0 5px;}
.saidbar .media { width:100%; background:#ededed; font-weight:bold; margin-top:10px;}
.media a { float:left; margin:0 5px;}
.td { background:url(../images/bg-td.png) repeat-x; line-height:27px; font-size:11px;}
.td2 { background:url(../images/bg-td2.png) repeat-x; line-height:27px; font-weight:bold;}
.saidbar .bg { display:block; line-height:30px; margin:13px 0 0 0; background-image: url(../images/h2.png); background-repeat:repeat-y; background-position:right; background-color:#FFFFFF; border:#e8e8e8 solid 1px; margin:7px 0 0 0;}
.langlink { color:#003366; text-decoration:none;}
h2 { display:block; line-height:30px; color:#c12d00; font-size:12px; text-indent:8px; background:url(../images/arrow_b2b.png) no-repeat; background-position:2px 12px; border-bottom:#c12d00 solid 2px;}
.panelPubContent .title { background:url(../images/bgtitre.png) repeat-x; color: #fff; font-size: 13px; font-weight: bold; height: 32px;	line-height: 32px; text-indent: 20px; margin-bottom: 5px; }
.panelPubContent .titless { color:#FF0000; font-size: 20px; font-style:normal; font-weight: bold; height: 32px; line-height: 32px; text-indent: 3px; margin-bottom: 5px; margin:10px 0 10px 0;} 


.contact a { color:#333333; text-decoration:none; font-size:11px; font-weight:bold; float:right; margin-right:10px; font-style:normal;}
.contact a:hover { text-decoration: underline; }
.marquee { display:block; padding:0 10px; height:35px;}
.contpub { display:block; padding:0 7px; overflow:hidden;}
.bgtelecharger { display: block; background:url(../images/telecharge.png) no-repeat; height: 71px; width: 212px; margin-right: auto; margin-left: auto; position: relative;}
.bgtelecharger a { color:#fff; font-weight:bold; text-decoration:none; font-style:normal; line-height:33px; display: block; color: #FFFFFF;	position: absolute; width: 95px; left: 115px; top: 17px; text-align:center;}
.bgtelecharger a:hover { color:#fff; font-weight:bold; text-decoration:none; font-style:normal; line-height:33px; display: block; color: #FFFFFF;	position: absolute; width: 95px; left: 115px; top: 17px; text-align:center;}

.langunge {	display:block;	height:36px; margin: auto;	margin-top: 0;	margin-bottom: 0; width:916px;}
.menus { float:right;}

.menus .panier {
	margin-top: 10px;
}
.menus a {
	color: #3a26a0;
}
.menus a:hover {
	text-decoration: none;
}


.menus ol {
	list-style-type: none;
}
.menus li {
	float: left;
	margin-right: 3px;
}
.menus .rs {
	display: block;
	height: 38px;
	width: 8px;
	background-image: url(../images/separateur.png);
	background-repeat: no-repeat;
	background-position: top;
}
.tele { line-height: 33px; background-image: url(../images/links.png); height: 33px; width: 177px; display: block; color: #FFFFFF;
	margin:4px auto 4px auto; text-align:center; color:#fff; font-weight:bold; text-decoration:none; font-style:normal;}
.accueil {text-decoration:underline; color:#3A26A0; line-height:30px;}
.accueil:hover { text-decoration:none;}





/*---------------------------------------------form----------------------------------------------------------------------------*/


#mainform { margin:0px; padding:0px;}
#mainform label { display:block; line-height:16px;}
#mainform .submit { border:none; font-size:11px; color:#FFFFFF; font-weight:bold; width:27px; height:23px; background:url(../images/ok.png) no-repeat;}
#mainform .text { width:190px; height:18px; color:#999999; border:#ccc solid 1px; color:#000000;}
#mainform ol { display:block; width:185px; margin:0 auto; line-height:20px !important;}
#mainform li { position:relative;}
.lien { cursor:pointer; color:#666666;	width:100%; float:left;	line-height:12px; font-size:10px; background-image: url(../images/arrow_b2b.png); background-repeat: no-repeat; background-position: left 3px; text-indent: 8px;}
.lien:hover { color:#B02D36;}
#mainform label.error { display:none;}
#mainform input.error { border:#FF0000 solid 1px;}

/*---------------------------------------------resset----------------------------------------------------------------------------*/


.h1 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; display:block; text-align:center; line-height:20px; font-style:normal;
background:url(../images/h1.png) no-repeat; height:36px; width:175px;}
hr { width:85%;	height:1px;	border:none; margin: 5px auto 3px auto; background-color: #999999; }

/*---------------------------------------------alert----------------------------------------------------------------------------*/
.alert { background-color: #F5F5F5; display: none; width: 350px; height: 150px;	border: 1px dashed #F60000;	position: absolute;	z-index:1000; left:150px; top:240px;}
.fermer { display: block; height: 29px; text-align: right;}
.image_fermer {	margin-top: 5px; margin-right: 4px;}
.msgalert { display: block;	width: 330px; margin-top: 10px; text-align: center;	line-height: 20px; margin-right: 10px; margin-left: 10px; }
#lien {	width: 120px; display: block; text-align: center; margin-top:5px; margin-left:auto; margin-right:auto; height: 23px; line-height: 23px;	border:1px solid #999999;
	-moz-border-radius:8px 8px 8px 8px;	-webkit-border-radius:8px 8px 8px 8px; border-radius:8px 8px 8px 8px; background-color: #F60000;}
#lien a { color: #FFFFFF; text-decoration: none;}
#lien a:hover { color: #FFFFFF; }
.image_offre_login { cursor:pointer;}