html, body {height : 100%; }


body {

margin : 0 ;
padding : 0 ; 
background : #1D1D1D;
text-align : center;
font-size : 0.7em;
color : #000 ;
font-family : arial ;
line-height : 18px;
}

/*  SITE
********************************************************************/
 
#site { 
position : relative; 
width : 992px;
margin : 0 auto;
text-align : left  ;
padding :  0 ;
min-height: 100%;
background : url(/images/bg-site.jpg) top right  repeat-y
}
     
/*  HEADER
********************************************************************/
   
#header {
position : relative ; 
height : 100px;
background : url(/images/header2.jpg);
margin : 0
}

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


#header h1 {
position : absolute ;
top : 7px ; 
left : 75px ; 
color : #ffffff;
margin : 0;
padding : 0 ; 
font-size : 3em ;
font-family : sans-serif, verdana;
font-weight : normal;  
}

#header h2 {
position : absolute ;
top : 40px ; 
left : 95px ; 
color : #ffffff;
margin : 0;
padding : 0 ; 
font-size : 2em ;
font-weight : normal;
font-family : sans-serif, verdana;
}

#header #logo a{
position : absolute ; 
left : 2px; 
top : 2px; 
width : 71px;
height : 70px;
background : url(/images/logo-pleinaxe2.jpg);
text-decoration:none;
}

/* MENU
********************************************************************/

#menu {
position : absolute ; 
top : 73px;
left : 1px; 
}

	
/*  MAIN
********************************************************************/

#main {
overflow : auto ;
padding :  0 0 40px 0;
}
	
/*  CONTENU
********************************************************************/	
	
#contenu {
width : 745px ;
float  : left;
margin : 0;
padding : 20px 0 0 0   ;
background: url(/images/logo-pleinaxe-filigrane.png) no-repeat top;

}



/*  POST
********************************************************************/

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

.post h2 {
	font-size:14pt;
	color:#2A5582;
	font-weight: bold;
	
	height : 29px;	 
	padding :  13px 0 0 15px; 
	margin: 0 0 10px 0;	 
	border-bottom: 3px dotted #FF6600  ; 
}

.lien {
	text-decoration: underline;
	color: #2A5582;
	font-weight: bold;
}
.lien:hover {
	text-decoration: none;
	font-weight: bold;
}

.post img {
	padding: 0px 5px 0px 5px ;
}

.post a img {
	padding: 0px 5px 0px 5px ;
	text-decoration: none;
}

/*  RIGHT SIDEBAR
********************************************************************/

#right-sidebar {
float : right;
width : 200px ;
padding : 20px 20px 0 0;  
}
 
#right-sidebar .box {
border : 1px solid #000;
background : #fff;
padding : 5px 0 0 0 ;
margin : 0 0 10px 0;
width : 195px; 
}

#right-sidebar .box .meta {
background : #2A5582;
height : 20px;
margin : 0 0 10px 0;
}

#right-sidebar .box p {
text-align : justify;
padding : 0 10px ; 
margin : 0 0 5px 0;
}

#right-sidebar .box a {
	text-decoration: none;
	color : #2A5582;
}

#right-sidebar .box a:hover {
	text-decoration: underline;
}

span.titre {
padding : 0 0 0 10px ; 
color : #fff;
float : left ; 
}


#right-sidebar ul {
list-style : none ; 
margin : 0 0 10px 10px;
padding : 0; 
}

#right-sidebar  li a {
color : #000;
text-decoration : none ;  
}


#right-sidebar  li a:hover {
text-decoration : underline ;  
}
  

/*  FORMULAIRE CONTACT
********************************************************************/

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

.formulaire p{
	
	clear: left;
	margin: 0;
	padding: 2px 0 2px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
}

.formulaire label{
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.formulaire input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 280px;	
}

.formulaire select{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;	
}

.formulaire textarea{
	width: 280px;
	height: 150px;
}

/*  DIVERS
*******************************************************************/ 

.important{
	color:red;
	font-size:8pt;
	font-family:arial;
}

.erreur{
	color:red;
	font-size:10pt;
	font-family:arial;
	font-weight: bold;
}

.lienimage { 
	text-decoration : none;  
	color: #fff;
	margin: 3px 3px 3px 3px;
}


/*  FOOTER
*******************************************************************/ 
   
#footer { 
position : absolute ; 
bottom : 0; 
left : 0px ; 
width : 745px; 
height :20px;
line-height : 20px; 
font-size : 90%;
background : #ccc ;
text-align : left ; 
color : #000; 
text-align : center; 
}

#footer p { 
margin : 0 ; 
padding : 0 ; 
}


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

#footer a:hover { 
text-decoration : underline ;  
}