body {
font-family:"trebuchet ms", arial, helvetica, sans-serif;
font-size:.8em;
line-height:1.5em;
color:#000;
text-align:justify;
background:#f5f0f0 url(images/fond_2.jpg) no-repeat bottom center;
}
	
strong {
font-weight:700;
}	

q {
font-style:italic;
color:maroon;
}
	
h1 {
text-align:center;
color:red;
height:28px;
font-size:1.2em;
letter-spacing:.4em;
background:url(images/titre_01.png);
padding-top:4px;
text-transform:uppercase;
}
	
h2 {
font-size:.9em;
letter-spacing:.2em;
background:url(images/sous_titre.png) no-repeat;
height:20px;
text-indent:10px;
text-transform:uppercase;
}
	
h3 {
color:red;
font-size:.8em;
font-weight:700;
letter-spacing:.1em;
background:url(images/titre_2.png) no-repeat;
text-align:left;
text-indent:10px;
text-transform:uppercase;
height:22px;
}
	
h4 {
font-size:.9em;
font-weight:400;
background:#ff5843;
color:#FFF;
text-align:center;
}

header {
width:960px;
height:379px;
background:#FFF url(images/haut.png) no-repeat top center;
margin:auto;
}

#container {
width:960px;
background:url(images/milieu.png) repeat-y top center;
position:relative;
margin:auto;
}

footer {
width:960px;
height:27px;
padding-top:15px;
background:url(images/bas.png) no-repeat top center;
text-align:center;
color:gray;
margin:auto;
}

#gauche {
display:inline-block;
width:160px;
text-align:center;
vertical-align:top;
margin:45px 20px 0 25px;
}

#milieu {
display:inline-block;
width:505px;
vertical-align:top;
margin:30px 15px 0 20px;
}

#milieu h1 ~ p {
text-indent:35px;
background-image:url(images/puce.png);
background-repeat:no-repeat;
background-position:3% 1%;
}

figure img {
border:solid #000 1px;
margin:0 6px 12px;
}

#droite {
display:inline-block;
font-style:italic;
text-align:left;
font-size:.9em;
width:160px;
vertical-align:top;
margin:30px 10px 0 25px;
}
	
#droite img {
margin-top:25px;
border:solid #000 1px;
}

article {
height:400px;
background-color:#e0dfdf;
overflow:scroll;
padding:0 10px;
}
article p {
background-image:none;
text-indent:0;
}

article p:before {
content:"→ ";
color:red;
}
	
/* ----------------------------------------------
Menu deroulant - principal */

#menu {
width:940px;
position:absolute;
display:block;
height:26px;
background:url(images/menu_2.png);
font-weight:700;
font-size:.9em;
margin:-1px 10px 0;
padding:3px 0 0;
}

#menu li {
list-style:none;
float:left;
position:relative;
text-aling:center;
/*padding:0 0 10px;*/
}

#menu a {
text-align:center;
display:block;
width:117.5px;
text-decoration:none;
color:#000;
margin:2px 0 5px;
}

#menu li:hover > a{
background-color:#FFF;
}

*html #menu li a:hover{ /* IE6 */
	background-color: white;
}

#menu li:hover > ul{
	display: block;
}

/* Sous-menu */

#menu ul{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    left: 0;
    z-index: 99999;    
    background-color: #d0c6c6;
	font-weight: normal;
	text-align:center;
}

#menu ul li{
    float: none;
    margin: 0;
    padding: 0;
    display: block;
	line-height: 1.2em;
}

#menu ul a{    
    display: block;
    float: none;
    text-transform: none;
	padding: 2px 0;  
}

*html #menu ul a{ /* IE6 */   
	height: 10px;
	width: 115px;
}

*:first-child+html #menu ul a{ /* IE7 */    
	height: 10px;
	width: 115px;
	padding: 0;
}

#menu ul a:hover{
        background-color: white;
		color: black;	
}

#menu ul li:first-child a:after{
    content: '';
    position: absolute;
    left: 30px;
    width: 0;
}

#menu ul li:first-child a:hover:after{
    border-bottom-color: #04acec; 
}

/* Clear floated elements */
#menu:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */

/*---------------------------------------------------------fin menu */
	
.liens {
 margin-left: 230px;
 	}
	
 .liens li{
    list-style-type: none;
	text-indent: 35px;
	background-image: url("images/puce_2.png");
	background-repeat: no-repeat;
	background-position: 6% 60%;
}