body {
margin : 0 ;
padding : 0 ; 
background : #212121 url(images/bg-site.jpg) center repeat-y; 
text-align : center;
font-size : 0.7em;
color : #414141 ;
font-family : arial ;
}
  
/*  SITE
********************************************************************/
 
#site { 
width : 896px;
margin : 0 auto;
text-align : left  ;
}
     
/*  HEADER
********************************************************************/
   
#header {
position : relative ; 
height : 219px;
background : url(images/header.jpg) ; 
}

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

#header h1 {
position : absolute ;
bottom : 10px ; 
right : 43px ; 
margin : 0;
padding : 0 ; 
font-size : 2em ;
font-weight : normal;  
}

#header h1 a {
color : #ff9933;
text-decoration : none; 
}

/*  HEADER >> MENU PRINCIPAL
********************************************************************/
   
#menu {
position : absolute ; 
bottom : 0 ;
left : 75px; 
}
	
#menu  ul{
list-style : none ;
margin : 0; 
padding : 0 ;
}

#menu  li{
float : left ;
text-transform : uppercase ;
height : 46px;
line-height : 42px;
background : url(images/bg-li-menu.jpg) right no-repeat;  
}
	
#menu  li a{
margin : 0 ; 
padding : 0 15px  ; 
text-decoration : none ;    
color : #ff9933 ;
font-weight : bold ;
}

#menu li a:hover {
color : #F7F4D5
}
	
/*  CONTENT
********************************************************************/

#main {
overflow : auto ;
background : url(images/bg-content.jpg) center repeat-y; 
}
 
/*  CONTENT >> CENTRAGE
********************************************************************/

#centrage {
padding : 0 0 0 6px;  
}
	
/*  CONTENU
********************************************************************/	
	
#contenu {
	width : 650px;
	float  : left;
	margin : 0;
	padding : 20px 10px 0 20px;
	background-color:#FFC891;
	font-size: 1.1em;
}

#contenu2 {
	background-color:#FFF;
float  : left ;
margin : 0;
padding : 20px 10px 0 20px ;
}
   
/*  CONTENU >> POST
********************************************************************/	

.region{
color:#666;
font-size:14px;
}

.postactu {
background-color:#201c1b;
border-width: 1px;
border-style:solid;
border-color: black;
margin-right:50px; 
padding-top:10px; 
padding-bottom:4px;
padding-left:5px;
padding-right:5px;
margin-left:50px; 
color:#ff9933;
text-align : justify; 
}

.postactu a {
color:#000;
text-decoration:none;
}

.postactu h3 {
	color:#F30;
}

.postactu img {
border-width: 1px;
border-style:double;
border-color: black;
float:right;
margin: 10px;
}

#sign {
	float:right;
	font-weight: bold;
	margin-bottom:20px;
	margin-right:15px;
}

.post img {
float:right;
border:thin black;
margin-left: 10px;

}
.post {
padding : 0 0 20px 0;
text-align : justify;  
} 

.listeetape a {
color:#000;
text-decoration:none;
font-size : 12px;
font-weight:bold;	
}

.report {
padding : 0 0 20px 0;
height:300px;
text-align : justify;  
} 

.report a {
color:#000;
text-decoration:none;
font-size : 12px;
font-weight:bold;
}

.report a:hover{
color : #ff9933 ;

}

.report img {
float:right;
border:thin black;
margin-left: 10px;

}
.report h3 {
font-size : 1.6em ; 
padding :  0 ; 
margin: 0 ;
color : #ff9933; 
font-weight : normal; 
}

.postacces {
text-align:center;
margin-right:50px; 
padding-top:10px; 
padding-bottom:4px;
margin-left:50px; 
}  

.postacces a {
	color:#000;
	text-decoration:none;
}

.post h2 {
font-size : 1.6em ; 
padding :  0 ; 
margin: 0 ;
color : #000; 
font-weight : normal; 
}

.post .sous-h2 {
margin : 0 ;
padding : 0;
color : #ff9933 ;
font-size : 110%; 
font-weight : bold ;  
}
   
.post a {
color :  #ff9933
}

/*  SIDE RIGHT
********************************************************************/

#side {
width : 196px ;
float  : left ;
padding :  0  ;
text-align : justify;  
}
	
#side h2 {
font-size : 1em ;
margin : 0  ;
padding :  0 0 0 10px ; 
color : #000 ; 
background : url(images/side-h2.jpg);
height : 35px;
line-height : 35px;
text-transform : uppercase;
font-weight : normal;
}
	
#side ul{
list-style : none ; 
margin : 5px 0 15px 0 ; 
padding : 0; 
color : #000
}
 
#side li{
margin : 0 ; 
padding : 0 0 5px 0;
border-top : 1px solid #ccc;  
}
  
#side li a{
padding : 0 0 0 20px; 
 display : block ;
height : 25px;
line-height : 25px; 
text-decoration : none ; 
color : #000;   
}

#side li:first-child {
border-top: 0; 
}

#side li a:hover{
color : #3F3F3F ;
}

#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 : 176px ;
float  : left ;
padding :  20px 0 0 10px ;
text-align : justify; 
color : #A3A3A3;
font-size : 1.1em ; 
}
  
#side-left h2 {
font-size : 1.4em ;
margin : 0 0 10px 0  ;
padding :  0 ; 
color :  #ff9933 ; 
}

#side-left h3 {
font-size : 1em ;
margin : 10px 0 0 0  ;
padding :  0 ; 
color:#CCC ; 
}

#side-left p {
margin : 0 0 5px 0;
padding : 0;  
}

#side-left a { 
color :  #ffffff;
text-decoration : none ;  
}

#site-left a:hover { 
text-decoration : underline ;  
}
   
/*  FOOTER
*******************************************************************/
   
#footer { 
height :63px;
text-align : center ;
}

#footer p { 
margin : 0 ;
padding : 15px 0 0 0;  
color :  #ff9933; 
}

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

#footer a:hover { 
text-decoration : underline ;  
}
   
#site #main #centrage #contenu .postactu h4 {
	text-align: right;
}
 

/* Etapes
************************************/

.avantages {
float:right;
margin-right:50px;
}

.etape a{
color:#333;
}

.etape p{
	text-indent:20px;
	text-align:justify;
	font-size: 1em;
}

.etape h3{
color:#FFF;
background-color:#F60;
padding-left:30px;
margin-left:50px;
margin-right:50px;
text-transform:uppercase;

}

.etape h2{
font-size:25px;
margin-left:15px;
padding :  0 ; 
color:#000 ; 
}

.etape h4{
color:#000;
}

.etape img {
width: 40%;
height:40%;
margin-left:40px;
border-color:#000;
border-width:1px;
}

.etape img a {
	width: 40%;
height:40%;
margin-left:40px;
border-color:#000;
border-width:1px;
}