/* CSS Document */
/* Mise en forme du site HaddadCartoon -*/
/* Le petit Observatoire.com */


body {
background-color: #e5ebfb;
			padding: 0;
		margin: 0px 0px 0px 0px;
		width: 100%;
		 overflow: -moz-scrollbars-vertical;
		  }

	
/* -------------------------------------------------Global---------------------------------------------------- */

#global{

background-color: none;
	width: 900px;
	padding: 0px 0px 0px 0px;
		margin: 0 auto;
		z-index: 1;

	}
/* ---------------------------------------- en-tete----------------------------------------------------- */ 	

#header {
	background-color: none;
	
	width:900px;
	height:262px;
		}
	
			#topCenter {
	background-image: url(../images/top.png);
	background-repeat:no-repeat;
		width:900px;
	height:20px;
		}
#center {
	background-color:none;
	background-image:url(../images/milieu.png);
	width:900px;
	height:100%;
				}
		
		
		
/* ---------------------------------------- container----------------------------------------------------- */ 	
#container {
	background-color:#FFFFFF;
	padding: 0px 10px 10px 10px;
	margin:auto;
	width:660px;
	height: 100%;
		}
		
	#left{
	background-color:#FFFFFF;
	padding: 0px 10px 10px 10px;
	width:150px;
	height: 100%;
		}	
		
		#right{
	float:right;
	background-color:#FFFFFF;
	padding: 0px 10px 10px 10px;
	margin-right: 80px;
	width:300px;
	height: 100%;
		}	
		
		
		
/* ---------------------------------------- class----------------------------------------------------- */ 


					.accueil {
				
	background-color:#FFFFFF;
	padding: 10px 10px 10px 10px; 
			width:600px;
	height: 100%;
	
		}
		

.descriptionHaddad {
 
padding-left: 10px 10px 10px 10px;
 padding-top: 0px; 
 width: 100%;
 text-align:justify; 
 
 }
 
 
 .imageDeLaSemaine {
 
padding: 0px; 
 width: 100%;
 text-align:justify; 
 
 }
 
 
 
.haddadImg {
width: 180px;
	height: 200px; 
    float: right; 
    padding-top: 5px;
	padding-left: 0px; 
	padding-right: 30px;
	

}


			.image{				
	float : left;
	margin : 0px 0px 0px 20px;
	padding : 3px;
	width: 120px;
	text-align:center;
	
}


			.livres{				
	float : left;
	margin : 0px 0px 0px 40px;
	padding : 3px;
	width: 150px;
	text-align:center;
	
}


.clear {
	clear : both;
	visibility : hidden;
}




/* ---------------------------------------- liens----------------------------------------------------- */ 


a:link {	font-family: Arial; font-size: 12px; font-weight: bold; color: #000000; text-decoration: underline; }



a:visited {	font-family: Arial; font-size: 12px; font-weight: bold; color: #000000; text-decoration: underline; }



a:focus {	font-family: Arial; font-size: 12px; font-weight: bold; color: #000000; text-decoration: underline; }



a:hover {	font-family: Arial; font-size: 12px; font-weight: bold; color: #999999; text-decoration: underline; }



a:active {	font-family: Arial; font-size: 12px; font-weight: bold; color: #000000; text-decoration: underline; }
				
	
	
	
	
				
/* ---------------------------------------- typo----------------------------------------------------- */ 	
				
h1{
				
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
 font-size: 30px; 
 color: #000000;
 margin: 0; 
					}
				
				h2{
				
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
 font-size: 16px; 
 color: #000000; 
  margin: 0px 0px 3px 0px; 
  text-align: center; 
					}
					
					h3{
				
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
 font-size: 12px; 
 color: #797979; 
   margin: 0px 0px 3px 0px; 

					} 	
			
				p{
			 
font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px; 
 color: #666666; 
  margin: 0px 0px 5px 0px;

 
					} 		
				
				
/* ---------------------------------------- footer----------------------------------------------------- */				
				
#footer {
	background-color:none;
	background-image:url(../images/bas.png);
	width: 900px;
	height:28px;
		}