/* GENERAL
****************************/

body {
color:#003540; 
background:#005566;
font:75% "Trebuchet MS" Arial, Helvetica, sans-serif;
margin:0; 
padding:0; 
text-align:center; 
height:100%;
line-height: 1.5em;
}


span {font-weight : bold}
.date {margin : 0}


h1, h2, h3, h4, h5, h6 {font-family:"Trebuchet MS" Arial, Helvetica, sans-serif; margin-bottom:0.5em;}
h1 {font-size:2.4em;}
h2 {font-size:2.0em;}
h3 {font-size:1.2em;}
h4 {font-size:1.2em;}


h1, h2, h3, h4, h5, h6 {color:#FFF;}
a:link, a:active, a:visited {color:#CC6600;}
a:hover {background:#CC6600; color:#FFF;}


/*	SITE >> Conteneur general
*******************************************************/

#site {
	position:absolute;
	left:50%;
	top:50%;
	width:640px;
    height:450px; 
	margin-top:-230px;
	margin-left:-320px;
	text-align:left;
	background : #fff url(../images/image02.jpg) 5px 5px no-repeat;
}


/*	SITE >> Titre
*******************************************************/

h1 {
position : absolute ; 
top:-20px; 
left:-40px; 
margin:0; 
padding:10px;
background:#003540; 
border:5px solid #FFF;

 

}


/*	 SITE >> MENU DE NAVIGATION
*******************************************************/

#menu {
position:absolute; 
top:70px; 
left:-40px; 
width:	auto;
background:#CC6600; 
border:5px solid #FFF;
}

#menu ul {
margin:0; 
padding:0; 
list-style:none; 
text-align:right;
list-style : none ; 
}


#menu ul li a { 
font:1.4em Arial, Helvetica, sans-serif; 
text-decoration:none;
color:#FFF;
display:block; 
 width:auto;
padding : 5px; 
margin : 0 ; 
}


#menu ul li a:hover {
background:#003540;
}


/*	  SITE >> CONTENU 
*******************************************************/

#contenu {
float:right; 
width:440px;
height:440px;
background:#CFE2E5;
border-top : 5px solid #fff; 
border-right : 5px solid #fff;
}


/*	  SITE >> CONTENU >> Texte
*******************************************************/


#texte {
margin-top: 50px;
padding: 0 10px; 
width:420px; 
height:365px; 
overflow:auto; 
text-align:left;
}


#texte h2 {
color:#005566;
}

#texte h3 {
color:#005566;
}

#texte h4 {
color:#CC6600;
}

#texte p {
padding:0;
}


/*	SITE >> FOOTER	
********************************************************/


#footer {
position:absolute; 
bottom:-20px; 
right:-20px; 
width:auto;
color:#FFF;
background:#003540; 
border:5px solid #FFF
}

#footer ul {
margin:0; 
padding:0; 
list-style:none; 
text-align:right;
}



#footer ul li {
display:inline; 
padding:5px;
border-left:1px solid #FFF;
}

#footer li a  {
text-decoration : none ; 
}