html, body {
	height: 100%;
	background-color: #025299;
}

body {
	margin : 0;
	padding : 0;
	background : #B95007 url(images/bg.jpg) top center no-repeat;
	text-align : center;
	font-size : 0.7em;
	color : #000000;
	font-family : arial;
	line-height : 18px;
}





  

/*  SITE
********************************************************************/
 
#site { 
position : relative; 
width : 936px;
margin : 0 auto;
text-align : left  ;
min-height: 100%;
background : url(images/bg-site.png) left repeat-y; 
}
     
     
/*  HEADER
********************************************************************/
   

#header {
position : relative ; 
height : 272px;
background : url(images/header.jpg);
margin : 0
}


/*  HEADER >> TITRE DU SITE >> H1
********************************************************************/


#header h1 {
	position : absolute;
	top : 7px;
	left : 20px;
	color : #FFFFFF;
	margin : 0;
	padding : 0;
	font-size : 1em;
	text-transform : uppercase;
	font-weight : bold;
	font-family: Helvetica, sans-serif, Geneva, Arial;
	width: 721px;
}
   
   
/*  HEADER >> MENU PRINCIPAL
********************************************************************/
   
   
#menu {
	height : 35px;
	background-color: #000000;
}
	
	
#menu  ul{
	list-style : none;
	margin : 0;
	padding : 10px 0 0 40px;
}


#menu  li{
float : left ;
text-transform : uppercase ; 
}
	
	

#menu  li a{
margin : 0 ; 
padding : 0 10px 0 0 ; 
text-decoration : none ;    
color : #F9F0D6 ;
font-weight : bold ;
}

#menu  li a:hover {
color : #fff ;
text-decoration : underline; 
}
	


/*  CONTENT
********************************************************************/

#main {
width : 749px;
overflow : auto ;
margin : 0 auto; 
 
 }
	
	
/*  CONTENU
********************************************************************/	
	

#contenu {
width : 524px ; 
background : transparent ; 
float  : left ;
margin : 0;
padding : 20px 10px 120px 0  ;
font-size : 120%; 
}


/*  CONTENU >> POST
********************************************************************/	


.post {
padding : 0 0 20px 0;
}   

.post h2 {
	font-size : 1.7em;
	padding : 0 0 0 40px;
	margin: 0;
	font-weight : normal;
	color : #053E8D;
	line-height: 1.2em;
}
   
   
 
.post h1 {
	font-size : 1.7em;
	padding : 0 0 0 40px;
	margin: 0;
	font-weight : normal;
	color : #053E8D;
	text-transform: uppercase;
}
.post h3 {
	font-size : 1.2em;
	padding : 0 0 0 40px;
	margin: 0;
	font-weight : normal;
	color : #053E8D;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
.post h4 {
	font-size : 1.1em;
	padding : 0 0 0 40px;
	margin: 0;
	font-weight : normal;
	color : #053E8D;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
.post h5 {
	font-size : 0.8em;
	padding : 0 0 0 40px;
	margin: 0;
	font-weight : normal;
	color : #C50006;
	font-family: Verdana, Helvetica, sans-serif, Arial;
	text-align: left;
}
.post h6 {
	font-size : 0.8em;
	padding : 0 0 0 40px;
	margin: 0;
	font-weight : normal;
	color : #053E8D;
	font-family: Verdana, Helvetica, sans-serif, Arial;
	text-align: left;
}
 
.post p {
padding : 0 0 0 40px ;
}


/*  SIDE
********************************************************************/
   
   
#side {
width : 160px ;
float  : left ;
padding :  20px 0 0 20px ;
margin : 0 0 0 20px ; 
background : transparent;
color : #fff ; 
}
	
#side h2 {
	margin : 0;
	padding :  0;
	color : #FCE9BF;
	line-height: 1.5em;
}

#side ul{
	margin : 5px 0 15px 0;
	padding : 7px 0 10px 0;
	color : #fff;
	border-top : 1px dotted #FCE9BF;
	list-style-type: none;
}



#side li{
font-size : 1em ;
margin : 0 0 5px 0 ;
padding : 0; 
color : #fff ; 
}

#side li a {
color : #FCE9BF ;
text-decoration : none ;  
}



#side li a:hover{
color : #FCE9BF ; 
text-decoration : underline ; 
}


#side p{
	font-size : 1em;
	border-top : 1px dotted #FCE9BF;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}


#side span {
margin : 0 ; 
padding : 0;
color : #277CFA ;

}

   

 	
/*  FOOTER
*******************************************************************/ 
   
#footer {
	position : absolute;
	bottom : 0;
	left : 0;
	width : 896px;
	height :80px;
	line-height : 40px;
	font-size : 90%;
	text-align : left;
	margin : 0 50px 0 20px;
	background-color: #053E8D;
}


#footer p { 
margin : 0 ; 
padding : 0 0 0 120px; 
color : #fff; 
}

#footer img { 
float : left ;
margin : 0 0 0 -70px ; 
}


#footer a { 
color : #fff;
text-decoration : none ;  
}

#footer a:hover { 
text-decoration : underline ;  
}
.post   li  {
	font-size : 0.9em;
	padding : 0 0 0 10px;
	margin: 0;
	font-weight : normal;
	color : #000000;
	font-family: Verdana, Helvetica, sans-serif, Arial;
	text-align: left;
	list-style-type: square;
}
.loin li {
	font-size : 0.8em;
	padding : 0 0 0 10px;
	margin: 0;
	font-weight : normal;
	color : #053E8D;
	font-family: Verdana, Helvetica, sans-serif, Arial;
	text-align: left;
	list-style-type: square;
}
.loin li a:link {
	margin: 0;
	font-weight : normal;
	color : #C50006;
	font-family: Verdana, Helvetica, sans-serif, Arial;
	text-align: left;
	list-style-type: square;
}
.loin h3 {
	margin: 0;
	font-weight : normal;
	color : #C50006;
	font-family: Verdana, Helvetica, sans-serif, Arial;
	text-align: left;
	list-style-type: square;
	font-size: 1.7em;
	margin-top: 1.3em;
}
.lexique {
	font-size : 0.8em;
	margin: 0;
	font-weight : normal;
	color : #053E8D;
	font-family: Verdana, Helvetica, sans-serif, Arial;
	text-align: left;
	list-style-type: square;
}
.lexique h3 {
	margin: 0;
	font-weight : normal;
	color : #053E8D;
	font-family: Verdana, Helvetica, sans-serif, Arial;
	text-align: left;
	list-style-type: square;
	font-size: 1.6em;
}
.post a {
	color : #C50006;
}