/* --------------------------------------
		design.css
Contient les conteneur, fortement dépendant du design.
Auteur : Mouminbilah
Date de création : 26/10/2008
Utilisation : pour le site DecouvrirLIslam.net
--------------------------------------*/

/* Corps du site 
--------------------------------------*/
*{
	margin:0;
	padding:0;
	font-size:100%;
}
body{
	background:#EFFAFF center fixed url("images/Toile01.jpg"); 
	font-size:0.9em; 
	font-family: Verdana, Tahoma, "Times new roman", "Trebuchet MS", sans-serif;
	color:#2E3B5F;
	margin:0;
	padding:0;
}


/* Rollover des boutons de la speed barre
--------------------------------------*/
a.button{
	display:block;
	float:left;
	color:white;
	height:26px;
	font-size: 0.8em;
	background:#AFD2E8;		
	text-align:center;
	padding: 5px 15px;
}
div#sub_header_left a.button{
	border-right:2px solid #295F8D;
}
div#sub_header_right a.button{
	border-left:2px solid #295F8D;
}
a:hover.button
{
 	background:#66989f;
 	text-decoration:none; 
} 

/* Conteneurs 
--------------------------------------*/
div#header {
   height: 150px;
   border: 2px solid #efd20e;
   background-image: url("images/ciel.jpg");
}
div#logo{ /*Logo du site*/
   width: 150px;
   height: 150px;
   position: absolute;
   left:0px;
   top:0px;
   margin: 2px; /*pour eviter que l'image grignote la bordure de l'en-tête*/
   background: url("images/logo_miniature.png") no-repeat;
}
div#sub_header{
	height:40px;	
	background:url("images/sub_header.gif") repeat-x;
	margin-top:10px;
	min-width: 900px;
}
div#sub_header_left{
	height:38px;
	width:550px;
	padding-left: 20px;
	padding-top: 2px;
	background: url("images/sub_header_l.jpg") no-repeat;
	float:left;
}
div#sub_header_right{
	height:32px;
	float:right;
	padding-top:2px;
	padding-right: 1px;
}
div#compteur{
	position:absolute;
	color:#FFFFFF;
	width:100px;
	font-size: 0.75em;
	color: black;
	padding: 2px;
 	top:10px;
	right:20px; 
	border: 4px groove black;
}
div#left_menu{
	float:left;
	width:156px;
	margin:0;
	margin-right:0px !important;
	margin-right:-3px;
	margin-left:5px;
	padding-top:10px;	
}
div#main{
	min-width:350px;
	overflow:hidden !important;
	height:auto !important;
	overflow:visible;
	height:1%;
	padding-bottom:30px;
	font-size:0.9em; 
	font-family: "Comic Sans Ms", Verdana, Tahoma, "Times new roman", "Trebuchet MS", sans-serif;
}
div#right_menu{
	float:right;
	width:156px;
	margin-left:0px !important;
	margin-left:-3px;
	margin-right:5px;	
	padding-top:10px;
}
div#links{
	width:96%;
	margin:auto;
	background:#AFE3FF;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:2px;
	padding-bottom:4px;
	border:1px solid #295F8D;
	font-weight:bold;
}
div#footer{
	background-color:#77C4EF;
	text-align:center;
	border:solid 1px #000000;
	padding:0.75em;
	clear:both;
}
div#footer span{
	font-size:11px;
}