html, body {
	height: 100%
	}
	
	body {
		margin : 0;
	padding : 0;
	background : #ABABAB url(../images/bg-all.jpg) repeat-x;
	text-align : center;
	font-size : 0.8em;
	color : #000;
	font-family : arial;
	}
	  
	.alert {
		background: #fff6bf url('../images/icones/exclamation.png') center no-repeat;
		background-position: 15px 50%; /* x-pos y-pos */
		text-align: left;
		padding: 5px 20px 5px 45px;
		border-top: 2px solid #ffd324;
		border-bottom: 2px solid #ffd324;
		}
	.info { 
		background: #f8fafc url('../images/icones/information.png') 15px 50% no-repeat; 
		padding: 5px 20px 5px 45px; 
		border-top: 2px solid #b5d4fe; 
		border-bottom: 2px solid #b5d4fe; 
		}
	
	.pullquote {
	width: 63%;
	float:right;
	font-size:125%;
	line-height:140%;
	margin:10px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-image: url(../images/icones/closequote.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}
	.pullquote:first-letter {
		background: url('../images/icones/openquote.gif') no-repeat left top!important;
		padding:5px 2px 10px 35px!important;
		padding /**/:0px; /* Disabling quote effect in IE5 + */
		background /**/: url(); /* Disabling quote effect in IE5 + */
		}
	
	/*  SITE
	********************************************************************/
	 
	#site {
	width : 885px;
	text-align : left;
	background : #191919;
	min-height : 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
		 
	/*  HEADER
	********************************************************************/
	
	#header {
		position : relative;
		height : 321px;
		background-image: url(../images/header/header003.jpg);
	}
	
	/*  HEADER >> TITRE DU SITE >> H1 + P slogan
	********************************************************************/
	
	#header h1 {
		position : absolute;
		top : 10px;
		right : 14px;
		margin : 0;
		padding : 0;
		font-size : 2em;
		text-transform : uppercase;
		font-weight : normal;
		letter-spacing : 6px;
	}
	
	#header h1 a {
	color : #9D9D9D;
	text-decoration : none; 
	}
	
	#header p {
		position : absolute;
		top : 40px;
		right : 35px;
		margin : 0;
		padding : 0;
		text-transform : uppercase;
		font-weight : normal;
		letter-spacing : 6px;
		color : #fff;
	}
	
	/*  HEADER >> MENU PRINCIPAL
	********************************************************************/
	   
	#menu {
	position : absolute ; 
	bottom : 10px ;
	left : 0; 
	}
		
	#menu  ul{
	list-style : none ;
	margin : 0; 
	padding : 0 ;
	}
	
	#menu  li{
	float : left ;
	text-transform : uppercase ;
	background : url(images/bg-li-menu.jpg) right no-repeat;  
	}
	
	#menu  li a{
	margin : 0 ; 
	padding : 0 15px  ; 
	text-decoration : none ;    
	color : #9D9D9D ;
	font-weight : bold ;
	}
	
	#menu li a:hover {
	color : #9D9D9D;
	text-decoration: underline;
	}
	
	/*  CONTENT
	********************************************************************/
	
	#content {
		overflow : auto;
		background-image: url(../images/fond.gif);
		background-repeat: repeat-y;
		background-position: center;
		background-color: #FFF;
	}
	 
	 /*  CONTENT >> CENTRAGE
	********************************************************************/
	
	#centrage {
		padding : 0;
		background-color: #FFF;
	}
		
	/*  CONTENU
	********************************************************************/	
	
	#contenu {
	width : 456px;
	float  : left;
	margin : 0;
	background-color: #FFF;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
	}
	   
	
	/*  CONTENU >> POST
	********************************************************************/	
	
	.post {
	padding : 0 0 20px 0;
	text-align: justify;
	}   
	
	.post  h2 {
	font-size : 1.6em ; 
	padding :  0 ; 
	margin: 0 ;
	color : #000; 
	font-weight : normal;
	text-transform : uppercase;  
	}
	
	.post  .sous-h2 {
	margin : 0 ;
	padding : 0;
	color : #B68036 ;
	font-size : 110%; 
	font-weight : bold ;  
	}
	   
	.post img {
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0;
	padding : 5px;
	}
	
	.post a {color : #000}
	
	   
	/*  SIDE RIGHT
	********************************************************************/
	   
	#side {
		width : 196px;
		float  : left;
		padding :  0;
		text-align : justify;
		font-size : 90%;
		background-color: #FFF;
	}
		
	#side h2 {
	font-size : 1em ;
	margin : 0  ;
	padding :  0 0 0 15px ; 
	color : #000 ; 
	background : #E6E6E6;
	height : 37px;
	line-height : 37px;
	text-transform : uppercase;
	font-weight : normal;
	}
		
	#side ul{
	list-style : none ; 
	margin :  10px 0 ; 
	padding : 0; 
	color : #1A1A1A
	}
	 
	#side li{
		margin : 0;
		padding : 0;
		background-image: url(../images/Rubriques/rubrique_fond.gif);
	}
	  
	#side li a{
	padding : 0 0 0 15px; 
	 display : block ;
	height : 25px;
	line-height : 25px; 
	text-decoration : none ; 
	color : #000; 
	text-transform : uppercase;
	}
	
	#side li:first-child{
	border-top : 0;  
	}
	
	#side li a:hover{
	color : #3F3F3F;
	text-decoration: underline;
	}
	
	#side p{
	margin : 10px 0 25px 0 ; 
	padding : 0;  
	}
	
	#side form {
	margin : 0;
	padding : 20px 0 0 0;
	height : 50px;  
	}
	
	#side input {
	float : left ; 
	margin : 0;
	padding : 0; 
	}
	
	#side .champ {
	width : 115px ;
	height : 23px;
	border-top  : 1px solid #E2E2E2;
	border-left  : 1px solid #E2E2E2;
	border-bottom  : 1px solid #E2E2E2;
	border-right : 0;   
	}
	
	#side .recherche {
	background : url(images/search.jpg);
	height : 25px;
	width : 67px;
	border : 0; 
	}
	   
	/*  SIDE LEFT
	********************************************************************/
	   
	#side-left {
	width : 180px;
	float  : left;
	text-align : center;
	color : #999;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	}
	
	#side-left h2 {
	font-size : 1.2em;
	margin : 0 0 10px 0;
	padding :  0;
	color : #CC0;
	}
	
	#side-left p {
	margin : 0 0 5px 0;
	padding : 0;  
	}
	 
	#side-left img {
	padding-top: 25px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}		
	/*  FOOTER
	*******************************************************************/ 
	   
	#footer { 
	height :63px;
	text-align : center ;
	}
	
	#footer p { 
	margin : 0 ;
	padding : 15px 0 0 0;  
	color : #868686; 
	}
	
	#footer a { 
	color : #868686;
	text-decoration : none ;  
	}
	
	#footer a:hover { 
	text-decoration : underline ;  
	}