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


* {
	margin: 0;
	padding: 0;
}
body {
	background-color:#FFFFFF;
	background-position:top;
	background-repeat:repeat-x;
	background-image:url(http://www.diphoson.ma/images/bagroundbody_02.jpg);
	font-family: Arial;
	font-size:12px;
	text-align:justify;
}
#body {
	width:952px;
	padding-top:23px;
}
#top {
	width:952px;
	float:left;
	height:117px;
}
#logo {
	width:317;
	float:left;
	height:117px;
}
#menutop {
	width:635px;
	float:left;
	height:117px;
	background-image:url(http://www.diphoson.ma/images/diph_04.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:normal;
	font-size:10px;
	/*padding-top:16px;*/
}



#menutop a {
	color:#FFFFFF;
	font-family:Arial;
	font-weight:normal;
	font-size:10px;
	text-decoration:none;
        position: relative;
        top:16px;
      
}
#menutop a:hover {
	color:#0B419B;
	text-decoration:none;
}
#aceul {
	float:left;
	margin-left:-21px;
	text-align:right;
	width:399px;
}
#pla {
	float:left;
	width:170px;
}
#imprimer {
	float:left;
	width:58px;
}
#menu {
	float:left;
	 padding-top:4px; 
	width:952px;
	height:16px;
	background-image:url(http://www.diphoson.ma/images/diph_06.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
}


#menu .blovover {
	color:#0B419B;
	text-decoration:none;
}


#menu a {
	color:#FFFFFF;
	font-family:Verdana;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
}
#menu a:hover {
	color:#7AB51D;
	text-decoration:none;
}
#menu ul {
}
#menu li {
	list-style-type:none;
	display:inline;
	text-align:center;
	padding-left:32px;
	padding-right:32px;
	border-right:2px solid #D77300;
}
#menu li.fin {
	border-right:0;
}
#bagssmenu {
	float:left;
	width:952px;
	height:17px;
	background-image:url(http://www.diphoson.ma/images/diph_07.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#bordgauche {
	width:5px;
	float:left;
	xbackground-image:url(http://www.diphoson.ma/images/baglefta.jpg);
	xbackground-position:top;
	xbackground-repeat:repeat-y;
        xheight:839px;
}

#corp{
        width:952px;
	float:left;
	background-image:url(http://www.diphoson.ma/images/bigabiga.jpg);
	background-position:top;
	background-repeat:repeat-y;
        }


#centro {
	width:902px;
	float:left;
	background-color:#ffffff;
	padding-left:20px;
	padding-right:18px;
}
#borddroita {
	width:7px;
	float:left;
	xbackground-image:url(http://www.diphoson.ma/images/bagrit.jpg);
	xbackground-position:top;
	xbackground-repeat:repeat-y;
        xheight:839px;
}
#flash {
	width:702px;
	float:left;
}
#contenu {
	width:702px;
	float:left;
	font-family:Arial;
	font-size:13px;
	font-weight:normal;
	color:#717171;
	text-align:justify;
}
#contenu a {
	color:#0B419B;
	text-decoration:none;
}
#contenu a:hover {
	color:#FF9F00;
	text-decoration:none;
}
h1 {
	font-family:Arial;
	font-size:26px;
	font-weight:bold;
	color:#FF9000;
	margin-top:12px;
	margin-bottom:7px;
}

h2 {
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:#0B419B;
	margin-top:12px;
	margin-bottom:7px;
}


#rigthbar {
	width:187px;
	float:left;
	padding-left:13px;
}
#nosmarque {
	width:173px;
	float:left;
	height:87px;
	background-image:url(http://www.diphoson.ma/images/diph_10.jpg);
	background-repeat:no-repeat;
	padding-bottom:4px;
	font-family:Tahoma;
	font-size:14px;
	color:#FDFEFF;
	font-weight:bold;
	text-align:left;
	padding-left:7px;
	padding-top:3px;
	padding-right:7px;
       
}
#nosmarque a {
	color:#FDFEFF;
	text-decoration:none;
}
#nosmarque a:hover {
	color:#FF8B00;
	text-decoration:none;
}
#actualite {
	width:173px;
	float:left;
	height:87px;
	background-image:url(http://www.diphoson.ma/images/diph_10.jpg);
	background-repeat:no-repeat;
	padding-left:7px;
	padding-top:3px;
	padding-bottom:4px;
	padding-right:7px;
}
#actualite .titre {
	width:173px;
	float:left;
	height:25px;
	font-family:Tahoma;
	font-size:14px;
	color:#FDFEFF;
	font-weight:bold;
	text-align:left;
}
#actualite .titre a {
	color:#FDFEFF;
	text-decoration:none;
}
#actualite .titre a:hover {
	color:#FF8B00;
	text-decoration:none;
}
#actualite .date {
	width:173px;
	float:left;
	height:22px;
	font-family:Tahoma;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
}
#actualite .txt {
	width:173px;
	float:left;
	height:20px;
	font-family:Tahoma;
	font-size:12px;
	color:#FDFEFF;
	font-weight:normal;
	text-align:left;
}
#actualite .txt a {
	color:#FDFEFF;
	text-decoration:none;
}
#actualite .txt a:hover {
	color:#FF8B00;
	text-decoration:none;
}
#contact {
	width:180px;
	float:left;
	height:89px;
	background-image:url(http://www.diphoson.ma/images/diph_13.jpg);
	background-repeat:no-repeat;
	padding-left:7px;
	padding-top:3px;
}
#contact .titre {
	width:180px;
	float:left;
	height:35px;
	font-family:Tahoma;
	font-size:14px;
	color:#FDFEFF;
	font-weight:bold;
	text-align:left;
}
#contact .titre a {
	color:#FDFEFF;
	text-decoration:none;
}
#contact .titre a:hover {
	color:#FF8B00;
	text-decoration:none;
}
#contact .tele {
	width:180px;
	float:left;
	height:20px;
	font-family:Tahoma;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	text-align:left;
	line-height:20px;
}


/* avant corection */
/*
#bartitrehome {
	width:842px;
	float:left;
	height:25px;
	background-image:url(http://www.diphoson.ma/images/bartitrehome_03.jpg);
	background-repeat:no-repeat;
	margin-top:18px;
	text-align:left;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding-left:380px;
	padding-top:4px;
	color:#FFFFFF;
}
*/


#bartitrehome {
	width:100%;
	float:left;
	height:25px;
	background-image:url(http://www.diphoson.ma/images/bartitrehome_03.jpg);
	background-repeat:no-repeat;
	margin-top:18px;
	text-align:left;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding-left:0;
	padding-top:4px;
	color:#FFFFFF;
        text-align:center;
}

#bartitrehome { }

#blokataloguehome {
	width:902px;
	float:left;
	padding-top:13px;
   background-color:#EBEBEB;
}


.tablecategori {
	width:224px;
	height:255px;
	float:left;
	border-right:1px;
	border-right-color:#333333;
	border-right-style:dotted;
	border-bottom:1px;
	border-bottom-color:#333333;
	border-bottom-style:dotted;
        font-size:10px;
}


.tablecategori .img {
	/*width:224px;
	float:left; */
}
.tablecategori .txt {
	/*width:225px;*/
	/*float:left;*/
	font-family:Arial;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-align:center;
}
.tablecategori .prix {
	/* width:225px;*/
	/*float:left;*/
	font-family:Arial;
	font-size:12px;
	color:#0096FF;
	font-weight:bold;
	text-align:center;
}
.tablecategori .detail {
	width:224px;
	float:left;
	font-family:Arial;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	background-image:url(http://www.diphoson.ma/images/blokdetail_07.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
.tablecategori .detail a {
	color:#ffffff;
	text-decoration:none;
}
.tablecategori .detail a:hover {
	color:#0B419B;
	text-decoration:none;
}
#footerbar {
	float:left;
	width:952px;
	height:25px;
	background-color:#FFFFFF;
	background-image:url(http://www.diphoson.ma/images/diph_17.jpg);
	background-position:top;
	background-repeat:no-repeat;
	text-align:center;
	color:#000000;
	font-family:Arial;
	font-size:10px;
	font-weight:normal;
	padding-top:15px;
}
#footerbar a {
	color:#000000;
	text-decoration:none;
}
#footerbar a:hover {
	color:#FF8300;
	text-decoration:none;
}
#produigauche {
	width:187px;
	height:auto;
	float:left;
	background-image:url(http://www.diphoson.ma/images/dotes_06.jpg);
	background-repeat:no-repeat;
	background-position:left;
	border-bottom:1px;
	border-bottom-color:#333333;
	border-bottom-style:dotted;
}
#produigauche .prodtitre {
	background-image:url(http://www.diphoson.ma/images/n-prod-Interne_03.jpg);
	background-repeat:no-repeat;
	text-align:left;
	color:#FFFFFF;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding-left:32px;
	padding-top:4px;
	width:158px;
	float:left;
	height:26px;
	margin-bottom:24px;
}
#produigauche .img {
	width:187px;
	float:left;
}
#produigauche .txt {
	width:187px;
	float:left;
	font-family:Arial;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-align:center;
}
#produigauche .prix {
	width:187px;
	float:left;
	font-family:Arial;
	font-size:12px;
	color:#0096FF;
	font-weight:bold;
	text-align:center;
}
#produigauche .detail {
	width:187px;
	float:left;
	font-family:Arial;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	background-image:url(http://www.diphoson.ma/images/blokdetail_07.jpg);
	background-repeat:no-repeat;
	background-position:center;
	margin-bottom:15px;
}
#produigauche .detail a {
	color:#ffffff;
	text-decoration:none;
}
#produigauche .detail a:hover {
	color:#0B419B;
	text-decoration:none;
}



.swateam {
	width: 160px;
	height:160px;
	border-color:#ebebeb;
	background-color:#EFEFEF;
	border-style:solid;
	border-width:3px;
	margin:2px;
	color:#646464;
	font-family: Trebuchet MS;
	text-decoration:none;
	font-size:11px;
	padding-right:3px;
}
.swateam a {
	color:#F5821F;
	font-family: Trebuchet MS;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
.swateam h3 {
	font-size:13px;
}
.swateam td {
	text-align:center;
}
.swateam img {
	margin:5px;
}






#formcontact {
	width:620px;
}




.tablecategori .titre{
	width:211px;
	height:22px;
        background-color:#CCCCCC;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
        padding-top:6px;
}


----------------------------poupup 19-12-2008------------

#popup {
background-color:#FFFFFF;
border:1px solid #5F6167;
left:250px;
padding:2px;
position:absolute;
z-index:1000;
}





#image-tarif  {
	position:absolute;
	left: 63px;
	top: 24px;
				




}

#pdf-tarfi {
	position:absolute;
	left: 404px;
	top: 207px;
	width: 210px;



}


#pdf {
	position:absolute;
	left: 57px;
	top: 441px;



}



#image-tarif1 {
	position:absolute;
	left: 33px;
	top: 24px;
				




}

#pdf-tarfi1 {
	position:absolute;
	left: 395px;
	top: 155px;
	width: 230px;



}

