body {
margin:0px;
padding:0px;
background:#FECA95 url(images/chantiers-volontariat.jpg) top repeat-x;
font-family:Trebuchet MS, Arial, sans-serif;
text-align:justify;
font-size:0.9em;
}
#page {
position:absolute;
top:0;width:100%;
background:url(images/amsed.gif) top repeat-x;
}
#centre {
position:relative;
margin: 0 auto 10px auto;
left:auto;
right:auto;
width:872px;
height:100%;
border-right:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #999;
background:url(images/volontariat.jpg) top;
padding:0px;
}
/*-------------------- Menu en Haut ---------------------------------*/
#menu-top {
margin:0px ;
padding:0px;
text-align:right;
color:#FD8712;
background:white;
padding:5px 70px 5px 0px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
#menu-top a{
text-decoration:none;
color:#666; 
font-weight:bold;
}
#menu-top a:hover{
color:#FD8712;
text-decoration:underline;
}
#menu-top img {float:left;margin-left:10px;} 
/*--------------- Tetiere ---------------------*/
#header {
margin:0px;
padding:0px;
}
/*---------------- Menu de Gauche -------------------*/
#menu{
position:relative;
float:left;
margin:-3px 0px 0px 0px;
padding:0px;
width:210px;
min-height:400px;
height:auto !important;
height:400px;
border-left:1px solid #ccc;
text-align:left;
}
#menu ul {
margin:20px 0 0 0;
padding:0px;
}
#menu li {
-height:1%;
list-style-type: none;
background:url(images/amsed.png) 5px 8px no-repeat;
-background:url(images/rien.gif) 5px 8px no-repeat;
padding: 10px 0px 10px 15px;
margin:0px;
border-bottom:1px dashed #fff;
-behavior:url('csshover2.htc');
}
#menu li a {
text-decoration:none;
color:#0099FF;
font-weight:bold;
font-size:1.05em;
}
#menu li a:hover {color:#0073B7;}
#menu ul ul{
position:relative;
height:1%;
margin:0 -5px 0 -15px;
padding:0;
width:210px;
display:none;
border-top:1px solid #FFF;
}
#menu ul li:hover  {position:relative;height:1%;display:block;}

#menu li li{
position:relative;
height:1%;
list-style-type: none;
background:#FFEDDB url(images/chantier.jpg) 10px 2px no-repeat;
padding:2px 5px 2px 30px;
margin:0px;
border-bottom:1px solid #fff;
}
#menu li li a {text-decoration:none;
color:#333;
font-weight:normal;
font-size:0.85em;
margin-left:0px;
}
#menu li li a:hover { color:#FD8712;}
#menu ul ul ul{
position:relative;
height:1%;
margin:0 -5px 0 -15px;
padding:0;
width:200px;
display:block;
border-top:0px solid #FFF;
}
#menu li li li{
position:relative;
height:1%;
list-style-type:none;
background:#FFEDDB;
color:#FD8712;
padding:1px 5px 1px 5px;
margin:0px;
border-bottom:0px solid #fff;
}
#menu li li li a{text-decoration:none; color:#FD8712; font-size:0.75em;}
#menu li li li a:hover{text-decoration:underline; color:#333;}
.png {-behavior: url(win_png.htc);}
/*-------------------------------------------------------------------------- Contenu ---------------*/
#contenu {
position:relative;
width:614px;
min-height:550px;
height:auto !important;
height:550px;
margin:-4px 0px 0px 0px;
padding:10px 20px 10px 25px;
background:#fff;
float:right;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
}
#contenu h1, #contenu h2 {color:#FD8712;text-align:left;width:410px;}
#contenu h3, #contenu h1 {color:#FD8712;}
#contenu .wide {width:auto; clear:both;}
#contenu h4 {color:#FD8712;text-align:left;font-size:1.1em;padding-left:18px;background:url(images/volontariat.jpg) left 5px no-repeat;}
#contenu hr {
background-color:#FD8712;
color:#FD8712;
height: 1px;
border: 1px;
margin:10px 0px;
padding:0px;
}
#contenu strong {color:#0099FF;}
#contenu p { text-align:left;}
#contenu a { color:#FD8712;text-decoration:none;}
#contenu a:hover { color:#0073B7;text-decoration:underline;}
.important {border:1px solid #0099FF; padding:5px; }
.fiche {padding:10px;background-color:#E7F3FF;margin-bottom:10px;margin-top:20px;}
p.right {position:relative; float:right;}
p.left { position:relative;float:left;}
/*----------------------- Chantiers --------------------------------*/
.pied {border-top: 1px solid #FD8712;
padding-top:5px;}
#next {width:200px;height:1%;position:absolute;right:20px; margin: 0 0 0 0px;top:15px;font-size:0.8em;color:#999;}
#next img {padding-top:0px;margin-top:0px;}
/*---------------------- Echanges-----------------------------*/
p.doc {
border-top:1px dashed #ccc;
padding-top:15px;
background:url(images/chantiers/doc.jpg) 0px 10px no-repeat;
padding-left:35px;
height:40px;
}
/*----------- PRESSE ---------------*/
.article {padding:15px;border-top:1px dashed #fff;border-bottom:1px dashed #fff;}
.presseune {
position:relative; 
height:230px;
/height:200px;
padding:10px;
background-color:#E7F3FF;
margin-bottom:10px;
margin-top:20px;
}
.une {width:210px; height:70px; margin-top:5px; padding-right:10px; text-align:left;}
/*------------Images------------*/
img.left {
position:relative;
float:left;
margin:5px 15px 5px 0px;
}
img.right {
position:relative;
float:right;
margin:5px 0px 5px 15px;
}
img.center {
display:block;
margin: 0 auto;
}
img.photo {
padding:4px;
background:white;
border:1px solid #ccc;
}
a img {text-decoration:none;border:0px;}
/*------------- paragraphes ------------------------------*/

p .right { text-align:right;}
p .left {text-align:left;}
p .center {text-align:center;}
/*------------------footer---------------------*/
#footer {
display:block;
clear:both;
font-size:0.7em;
margin:0px;
padding:0px;
text-align:center;
color:#FD8712;
background:white;
padding:5px 10px 5px 0px;
border-top:1px dashed #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
#footercoord {
background:#0099FF;
position:absolute;
width:165px;
bottom:40px;
left:50%;
margin-left:-425px;
font-size:1.1em;
padding:0px 10px;
/padding:5px 10px;
text-align:left;
color:#fff;
}
.adresse {font-size:1.3em;}
/*----------- Couleurs -----------------*/
.orange {color:#FD8712;}
.bleu {color:#0099FF;}
.gris{color:#666666;}
#coordamsed {
position:relative;
float:right;
width:220px;
text-align:center;
padding:0 15px;
/padding:15px;
margin:15px;
}
/*------------- Pop up -------------------*/
#popup a:active span {display:none;}