/* CSS Document */

#page{
width:740px;
margin:5px 0 0 0;
padding:0;
}
#top{
width:740px;
height:110px;
margin:0;
padding:0;
background:url(logo-riad-zineb.jpg) no-repeat left center;
}
/*menu*/
#menu{
height:25px;
width:718px;
background-color:#DDD4B2;
text-align:left;
padding-left:22px
}
#menu ul{
margin:0;
padding:0;
list-style-type:none;
}

#menu ul li {
display:inline;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
font-weight:normal;
color:#816A69;
}
#menu ul li a {
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
font-weight:normal;
color:#816A69;
text-decoration:none;
}
#menu ul li a:hover {
color:#000;
}
/*accueil*/
#accueil{
margin:0;
padding:0;
width:740px;
height:356px;
color:#7A7A7A;
font-family:Arial, Helvetica, sans-serif; 
font-size:11px;
font-weight:normal;
}
#accueil table{
margin:0;
padding:0;
width:740px;
height:356px;
}
#accueil table tr {
margin:0;
padding:0;
vertical-align:top;
}
#accueil table tr td{
margin:0;
padding-top:0;
width:33%;
vertical-align:top;
text-align:left;
}
#accueil table tr td.bord{
padding-right:12px;
border-left: 1px solid #F0EFEF;
border-right: 1px solid #F0EFEF;
padding-left:12px;
}
#accueil table tr td.gauche{
padding-right:12px;
padding-left:0;

}
#accueil table tr td.droite{
padding-left:12px;
padding-top:0;
}
#accueil table tr td div{
margin:0;
padding:0;
width:228px;
height:300px;
text-align:left;
background-color:#F0EFEF;
}
#accueil table tr td div p{
padding-left:7px;
line-height:18px;
width:193px;
}

/*article*/
#article{
margin:0;
padding:0;
width:740px;
color:#7A7A7A;
font-family:Arial, Helvetica, sans-serif; 
font-size:11px;
font-weight:normal;
height:100%;

}
#article table{
margin:0;
padding:0;
width:740px;
height:100%;
}
#article table tr {
margin:0;
padding:0;
vertical-align:top;
}
#article table tr td{
margin:0;
padding-top:0;
vertical-align:top;
text-align:left;
}
#article table tr td.art{
padding-right:12px;
border-right: 1px solid #F0EFEF;
}
#article table tr td.droite{
width:33%;
padding-left:12px;
padding-top:0;
}
#article table tr td div{
margin:0;
padding:0;
text-align:left;
background-color:#F0EFEF;
}
#article table tr td.droite div{
width:228px;
}
#article table tr td.art div{
width:482px;
}

#article table tr td div p{
padding-left:7px;
line-height:18px;
}
/*portfolio*/
#portfolio{

margin:0;
padding:0;
width:740px;
height:100%;
text-align:justify;
background-color:#F0EFEF;
}



/*contact*/
#contact{
margin-top:60px;
width:740px;
height:90px;
background-color:#DDD5B1;
color:#463D36;
font-family:Arial, Helvetica, sans-serif; 
font-size:10px;
font-weight:normal;
}
#contact table{
margin:0;
padding:0;
}
#contact table tr {
vertical-align:top;
}
#contact table tr td{
width:33%;
}
#contact table tr td p{
padding-left:20px;
text-align:left;
height:90px;
}
/*pied*/
#pied{
margin-top:10px;
width:740px;
height:25px;
background-color:#CCCCCC;
text-align:right;
color:#78705F;
font-family:Arial, Helvetica, sans-serif; 
font-size:10px;
font-weight:bold;
clear:both;
line-height:20px;
}
#pied a{
color:#000;
}

/*typo*/
h2{
margin:0;
padding:5px 0 0 22px;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
font-weight:bold;
}
h1{
margin:0;
padding:5px 0 0 0;
font-family:Arial, Helvetica, sans-serif; 
font-size:13px;
font-weight:bold;
}
a.small {
font-family:Arial, Helvetica, sans-serif; 
font-size:10px;
font-weight:normal;
color:#816A69;
text-decoration:none;
}
a.small:hover{
color:#000;
}
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}