/**
 * @name style.css
 * @author Boudchicha khaled - boudchicha.kh@gmail.com
 * @date Avril 01, 2010
 * @copyright (c) 2008,Alcahyd.com
 */
@charset "utf-8";
body{
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	background-color:#FFF
}
/******** Commun ******/
.input{ border:#999 1px solid; width:150px; height:15px }
a{ text-decoration:none}
.clearfix { display: block; line-height: 0px; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.gras{ font-weight:bold}
.inputsbt{ background:transparent url(../images/bgbtn.jpg) no-repeat; width:72px; height:21px; border:none; color:#FFF; padding:3px 5px; font-size:12px; margin-left:5px}
.imgleft{ float:left; margin:10px}
.h20{ color:#ec8f1b; font-size:22px; font-weight:bold; text-transform:uppercase; padding:5px 0 20px 50px}
.cl1{ background:#e28d80}
.cl2{ background:#91a072}
.cl3{
	background:#8e8985
}
.cl4{
	background:#E59011;
	font-size: 9px;
	font-family: Verdana, Geneva, sans-serif;
}
.cl5{
	background:#d29e65
}
.cl6{
	background:#c5c1c2
}

.loader{ display:block; width:204px; height:175px; background:url(../images/spinner.gif) no-repeat center center; margin:0 auto; border:1px solid #CCC}

/******Contenaire*****/
#contenaire{
	display:block;
	width:980px;
	margin:0 auto;
	background:url(../images/bgfooter.jpg) no-repeat left bottom;
	overflow:hidden;
	background-color: #eeefdf;
}

/***** header *****/
#header{
	display:block;
	width:980px;
	margin:0 auto;
	background:url(../images/bgtop.jpg) no-repeat
}
#header .tophead {
	display:block;
	width:100%;
	height:60px;
	position:absolute;
}
#header .tophead .slogon{
	position:absolute;
	left: 140px;
	top: 45px;
	background:url(../images/algerie-canalisation.png) no-repeat;
	widows:476px;
	height:10px;
	text-indent:-999px;
	width: 486px;
	overflow:hidden
}
#header .tophead a.logo{position:absolute;width:100px;height:74px;background:url(../images/amenhyd.png) no-repeat;text-indent:-9999px;left: 30px;top: 25px;}
#header .tophead ul.topparam{
	position:absolute;
	list-style:none;
	left: 910px;
	top: 10px;
	width: 40px;
	height: 20px;
}
#header .tophead ul.topparam li{
	display:block;
	float:left;
	margin:0 5px
}
#header .tophead ul.topparam li.tppd{
	margin-top:0px;
	height: 15px;
}
#header .tophead ul.topparam li form{}
#header .tophead ul.topparam li .recherche{}
#header .tophead ul.topparam li .input{ float:left}


#header .menu{
	list-style:none;
	margin:5px auto;
	width:1050px;
	background: url(../images/bgd_menu_top.gif) no-repeat;
}
#header .menu li{
	list-style:none;
	display:block;
	float:left;
	margin:0 5px;
	position:relative;
	overflow:visible
}
#header .menu a{
	list-style:none;
	display:block;
	width:127px;
	height:34px;
	text-align:center;
	color:#007D00;
	padding-top:5px;
	text-transform:uppercase
}
#header .menu li.actif a{list-style:none; background:url(../images/bgbtnmenuactif.png) no-repeat; color:#FFF; font-weight:bold}
#header .menu li:hover a{
	background:url(../images/bgbtnmenuactif.png) no-repeat;

	font-weight:bold
}
#header .menu li:hover .sub{ display:block}
#header .menu .sub{position:absolute;top:37px;left:0px; display:none; background:url(../images/bgsousmenu.png) no-repeat; width:216px; height:91px; padding:10px 0 0 10px; z-index:40; overflow:visible}
#header .menu .sub li{ float:none}
#header .menu .sub li a{background:none; width:90%; height:20px; color:#333; padding:3px 0 3px 5px; text-align:left; margin-bottom:10px; font-weight:normal}
#header .menu .sub li a:hover{background:#eb890e; color:#FFF; font-weight:bold}

/***** Content *****/
#content{ display:block; width:980px; margin:0 auto; padding:20px 0}
#content #leftcontent{ display:block; float:left; width:27%; margin:0 20px 0 0}
#leftcontent .actualies{
	display:block;
	border:#DADADA 0px solid
}
.actualies h3{
	color: #FFF;
}
.actualies p.hact{
	font-size:14px;
	color:#236d93;
	font-weight:bold;
	margin:5px 0 10px 10px;
}
.actualies p span{ display:block; font-size:12px; color:#666}
.actualies div{}
.actualies div img{ display:block; margin:5px auto 5px auto}
.actualies div p{ margin:0 5px 10px 10px; color:#333}
.actualies a{
	float:right;
	display:block;
	padding:0 20px 20px 20px;
	background:url(../images/puc.gif) no-repeat 0 5px;
	color:#afc534;
	font-size:12px;
	font-weight:bold
}

#leftcontent .phototheque{ margin:10px auto 10px auto; border:#CCC 1px solid}
.phototheque h3{
	background:url(../images/iconphototheque.png) no-repeat 3px 8px;
	padding-left:60px;
	color: #afc534;
}
.phototheque div{clear:both; display:block; overflow:hidden; margin:10px 5px}
.phototheque div img{ display:block; float:left;}
.phototheque div h4{font-size:16px; color:#333; font-weight:bold; padding:10px 0 5px 10px; overflow:hidden}
.phototheque div a{ color:#538abc; font-size:14px; font-weight:bold; padding-left:25px; background:url(../images/pucgallery.jpg) no-repeat 4px 3px}

#content #rightcontent{ display:block; float:left; width:70%}
#rightcontent h3.pres{
	background:url(../images/iconpresentation.png) no-repeat;
	color: #afc534;
}
#rightcontent div{
	position:70;
	clear:both;
	margin:0 0 40px 40;
	background-color: #EEEFDF;
}
#rightcontent ul.tools{ position:absolute; top:0; right:0; list-style:none}
#rightcontent ul.tools li{ display:block; float:left; margin-left:3px}
#rightcontent ul.tools a{}
#rightcontent ul.tools img{}
#rightcontent div img{
	float:left;
	margin-right:0px;
	margin-left: 0px;
}
#rightcontent div h4{
	color:#538abc;
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
	display: block;
	margin: 10px 10px;
}
#rightcontent div p{ font-size:14px; color:#1a171b;}
#rightcontent div a.plus{ color:#FFF; background:#F60; padding:2px 5px; margin:10px 10px 0 0; float:right}
#rightcontent .dtpr{ padding:10px 20px; margin:0; clear:both}
#rightcontent .dtpr p{
	font-size:14px;
	text-align:justify
}
#rightcontent .bggris{
	background-color:#eeefdf;
	padding:14px
}
#rightcontent .bggris p{ text-align:justify}
#rightcontent .dtpr h5{
	color:#afc534;
	font-size:15px;
	font-weight:bold
}
#rightcontent .crimgn{display:block; list-style:none; margin-top:10px}
#rightcontent .crimgn li{ display:block; float:left; padding:0; margin:0}
#rightcontent .crimgn li img{ padding:0; margin:0}
ul.lst{ list-style:none}
ul.lst li{ list-style-image:url(../images/puc5.png); margin-left:40px;}

#rightcontent .dtpr .nmroto{ list-style:none}
#rightcontent .dtpr .nmroto li{ margin-left:28px;}

/********** Produits ***********/
.produits{ display:block; clear:both; overflow:hidden; padding:0 0 20px 0}
.produits .tiotlt{ display:block; height:40px; width:100%; background:#efefef url(../images/lftprd.gif) no-repeat; margin:10px 0}
.produits .tiotlt h2{
	display:block;
	float:left;
	color:#13D164;
	text-transform:uppercase;
	font-size:20px;
	padding:5px 0 0 25px;
	font-weight:bold;
}
.produits .tiotlt a{ display:block; float:right; color:#333; font-size:16px; padding:5px 10px 0 20px; background:url(../images/puc3.gif) no-repeat left center}
.produits .prlien{ display:block; float:left; margin:3px 0 0 160px; margin-top:6px}
.produits .prlien a{ display:block; float:left; overflow:hidden; background:none; display:block; width:80px; font-size:14px; font-weight:bold;height:28px; padding:0; text-align:center; margin-right:10px; text-transform:uppercase; padding-top:3px}
.produits .prlien a:hover{ background:url(../images/btncat.gif) no-repeat; color:#FFF}
.produits .prlien a.actif{ background:url(../images/btncat.gif) no-repeat; color:#FFF}
.produits .prlien a.largm{ width:170px}
.produits .prlien a.actifs{ background:url(../images/btncat2.jpg) no-repeat; color:#FFF}
.produits .prlien a.largm:hover{ background:url(../images/btncat2.jpg) no-repeat}

.produits .prod{ display:block; clear:both; margin-top:20px}
.produits .prod .ptodtlt{
	background:#eb890e;
	padding:5px 8px;
	overflow:hidden;
	color:#FFF;
	font-size:18px;
	;
	display:block;
	width:120px;
	margin:10px 0;
	font-weight:bold;
	text-transform:uppercase
}
.produits .prod .sstlt{ color:#eb890e; font-size:16px;}
.produits .prod .gallerie{ display:block; width:100%; height:480px; position:relative}
.produits .prod  .propresent{
	 display:block; 
	 overflow:hidden;
	color:#666;
	padding:0 0 20px 5px;
	font-size: 16px;
}
.prod .paves{}
.prod .paves models{ }
.prod .paves table{ width:100%;}
.prod .paves table tr{ clear:both}
.prod .paves table th{ color:#eb890e; font-size:14px; text-transform:uppercase; font-weight:bold; padding-left:5px;}
.prod .paves table td{ text-align:center;}
/******* Coloris ******/

.prod .paves ul.coloris{ list-style:none; display:block; width:100px; height:120px; margin:0 auto auto 0}
.prod .paves ul.coloris li{ display:block; float:left;}
.prod .paves ul.coloris a{ display:block; width:35px; height:35px; text-indent:-999px; margin:3px; overflow:hidden; padding:1px; border:1px solid #FFF}
.prod .paves ul.coloris a:hover{ border:1px solid #666}

/******* Selection ******/

.prod .paves .selection{}
.prod .paves .selection .clrslcted{ display:block; width:35px; height:35px; text-indent:-999px; margin:0 0 10px 30px}
.prod .paves .selection .modelname{display:block; font-size:14px; text-transform:uppercase; height:40px; font-weight:bold; color:#666; text-align:left; margin:10px 0 0 30px}
.prod .paves .selection ul{ list-style:none}
.prod .paves .selection li.imgvsbl{ display:block}
.prod .paves .selection li.imginvs{ display:none}
.prod .paves .selection img{ border:1px solid #999}

/******* models ******/
.prod .paves .allmodels{ list-style:none; width:550px; display:block;}
.prod .paves .allmodels li{ display:block; float:left; width:80px; height:130px; margin:0 5px 3px 0; overflow:hidden}
.prod .paves .allmodels p{ display:block; font-size:12px; text-transform:uppercase; height:40px; font-weight:bold; color:#666; padding-top:10px}
.prod .paves .allmodels span{ display:block; font-weight:normal; font-size:10px}
.prod .paves .allmodels img{border:2px solid #CCC; padding:1px; display:block; width:72px; height:55px}
.prod .paves .allmodels img:hover{border:2px solid #F60;}
/****** tableau telecharegement ******/
.prosomaire {}
.prosomaire h4{ color:#eb890e; font-size:18px; display:block; margin:10px 0 10px 5px }
.prosomaire table{ margin-left:20px; float:left; margin-right:20px;}
.prosomaire tr{}
.prosomaire th{ color:#3986ac; text-align:center; font-size:14px; font-weight:bold;background-color:#f3f3f3 }
.prosomaire td{ text-align:center; padding:3px 0; color:#666; text-transform:uppercase; font-weight:bold}
.prosomaire td a{ display:block; width:100%; height:100%}
.prosomaire td:hover{ background-color:#CCC}
/************/
.voir{ display:block; width:200px; height:100px; background:url(../images/iconvideo.jpg) no-repeat 3px 5px; border:1px solid #CCC; overflow:hidden}
.voir h4{ color:#3986ac; font-weight:bold; font-size:16px; margin-left:25px; font-size:16px}
.voir ul{ display:block;}
.voir li{ list-style-image:url(../images/puc4.gif); margin-left:40px}
.voir a{ color:#F30; font-size:14px; font-weight:bold; text-transform:uppercase}
/************/
.btndir{ position:absolute; list-style:none; top:0; right:0}
.btndir li{ display:block; float:left}
.dirs{ display:block; text-indent:-9999px; width:29px; height:25px; overflow:hidden; margin:10px; cursor:pointer}
.btndir #left-but{background:url(../images/button-left.png) no-repeat}
.btndir #right-but{background:url(../images/button-right.png) no-repeat}
.discription{ position:absolute; top:0; left:35%; width:300px; background:#F7F7F7; padding:5px; border:1px solid #E8E8E8; color:#333; text-align:center}
.offreserv{
	display:block;
	background-color:#eb880e;
	float:right;
	padding:5px
}
.offreserv a{ display:block; float:left}
.offreserv span{ color:#FFF; font-weight:bold; margin-right:30px}
#rightcontent .savoir{ padding:0 10px 10px 10px}
#rightcontent .savoir span{ font-weight:bold}
#rightcontent .savoir ul{ list-style:none; margin-left:40px; display:block}
#rightcontent .savoir li{list-style:url(../images/puc5.png);}
/******implantation ***/
.implantation{ display:block;position:relative;width:570px; height:578px; background:url(../images/carte.jpg) no-repeat; overflow:hidden;  margin:0 20px;}
.implantation a{
	width: 24px;
	height: 18px;
	position:absolute;
	left: 253px;
	top: 86px;
}
.implantation .alger{
	top:52px;
	left:291px
}
.implantation .ain{
	top:82px;
	left:253px
}
.implantation .boudouaou{
	top:67px;
	left:321px
}
.implantation .oran{
	top:85px;
	left:189px
}
.implantation .annaba{
	top:49px;
	left:392px
}
.implantation img{position:absolute; top:0; left:30px; display:none}
.implantation a:hover img{ display:block}
/*****liste des prix***/
.prix table{ display:block; width:600px; margin:10px auto;}
.prix table tr{ height:30px;}
.prix td{ font-size:14px; padding-left:10px; color:#333; font-weight:bold}
.prix a.pdf{ display:block; overflow:hidden; background:url(../images/puc3.gif) no-repeat center center}
.prix a.pdf2{ display:block; overflow:hidden; background:url(../images/puc3.gif) no-repeat center center}
.prix .th{ color:#FFF; font-weight:bold; text-align:center;}
.prix h5{ font-size:16px; display:block; padding:10px; border-bottom:1px #CCC solid; width:620px; font-weight:bold; color:#666}
/******* salon et foir *******/
#rightcontent h3.h3m{
	color:#ec8f1b;
	font-size:20px;
	text-transform:uppercase;
	display:block;
	padding:10px 0;
	margin:0 0 10px 10px;
	border-bottom:#F4F4F4 1px solid
}
.sfoirs{ display:block}
.sfoirs .bfoir{ display:block; padding:0 10px; color:#333; border-bottom:#CCC 1px solid; background-color:#F5F5F5; overflow:hidden}
.sfoirs .bfoir img{ display:block; float:left; margin:5px 10px}
.sfoirs .bfoir .foirinf{
	display:block;
	overflow:hidden;
	width:475px;
	float:left;
	margin-left:30px
}
.sfoirs .foirinf h5{
	font-weight:bold;
	font-size:16px;
	color:#D70000
}
.sfoirs .foirinf .tfoir{ color:#000;font-size:14px;}
.sfoirs .foirinf .dfoir{ font-size:12px;}
.imgdalle{ display:block; padding:20px 0 0 100px;width:400px}
.imgdalle imgf.img{ display:block; float:left; display:block; padding:2px; border:1px solid #CCC}
/***** footer *****/
#footer{ display:block; width:980px; margin:0 auto; clear:both}
#footer p{
	display:block;
	text-align:center;
	margin-top:50px;
	padding:5px;
	color:#FFF
}
#footer p a{ font-weight:bold; color:#e48612}
/********Menu vertical********/
.menuv{
	display:block;
	margin:0px 0 30px 0
}
.menuv h4{
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	color:#afc534;
	display:block;
	padding:5px;
	padding-left: 13px;
}
.menuv ul{ margin:10px 5px 10px 10px; list-style:none}
.menuv li{
	display:block;
}
.menuv a{ color:#333; display:block; padding:5px; border-bottom:1px dotted #999; font-weight:bold}
.menuv a:hover{
	background-color:#ec8f1b;
	color:#FFF;
}
.menuv a.actif{
	background-color:#bdc93f;
	text-align: center;
	font-size: 14px;
}
/****Conformite*****/

.conformite table{ display:block; width:500px; margin:10px auto; overflow:hidden}
.conformite th{ color:#FFF; font-size:14px; font-weight:bold}
.conformite a{display:block; width:30px; margin:0 auto; height:25px}
.conformite tr{ border-bottom:1px solid #F3F3F3}
/*******page actualite******/
.actstyle h3{}
.actstyle h4{}
.actstyle h5{}
.obligatoire {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
.bureauoran {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #F30;
}