body{
text-align:center;
font-family: tahoma, verdana, arial;
font-size:11px;
margin:0;
padding:0;
}
#recherche label{    
margin:0;
padding:0;
margin-bottom:5px;
font:1.2em Arial, sans-serif;
font-weight:bold;
display:block;
}
#recherche form{
}
fieldset{   
border:0;
margin:0;
padding:0;
}

#page{
width:953px;
margin: 0 auto;
padding:0;
text-align:left;
background: url(../media/interface/page.gif) repeat-y;
}     
#header{
overflow:hidden;        
height:202px;
font-size: 0;
/*background: url(../media/interface/header.jpg) no-repeat;*/
}
#logo{
margin:0;
padding:0;
float:left;
width:212px;
height:202px;
font-size: 0;
/*background: url(../media/interface/header.jpg) no-repeat;*/
}
#flashcontent{
margin:0;
padding:0;                   
float:right;
}

#menu_gauche{
/*width:191px;
padding-left:15px;
padding-top:40px;
position:absolute; */
float:left;
margin:0;
padding:0;
background: url(../media/interface/menu_gauche_bg.gif) no-repeat;
width:206px;
}    
#menu_gauche .inside{ 
padding:40px 5px 0 15px;
}

#contenu{
/*width:494px;
padding-left:30px;
padding-right:20px;*/
margin:0;
padding:0;
width:544px;
float:left;
overflow:hidden;
background: url(../media/interface/contenu_bg.gif) no-repeat;
}     
#contenu .inside{       
padding:25px 20px;
}
#tracking,#chemindefer{
margin-bottom:20px;
}          
/*ACCESSIBILITE*/
#fontsize{
float:right;
margin-right:25px;
}        
/*SLIDE MENU*/
div#scroll {
    position:relative;
     height:60px; z-index:1;
    clip:rect(0, 150px, 60px, 0); overflow:hidden;
    }
div#actus  { position:relative; z-index:1;}
div#actus div.actu { height:60px; color:#336 }
.actu,.actu_bot{
padding-left:23px;
background: url(../media/interface/puce_actu.gif)  no-repeat;
}

#menu_droite{        
overflow:hidden;
margin:0;
padding:0;      
float:left;
/*width:183px;
padding-left:3px;
padding-right:17px;*/
width:203px;                                                    
background: url(../media/interface/menu_droite_bg.gif) no-repeat;
float:left;
}               
#menu_droite .inside{  
padding:30px 20px 0 5px;
}
#menu_droite_header{
margin-top:23px;
margin-bottom:5px;
font-size:10px;
font-weight:bold;
}
#menu_droite_header img{
vertical-align:middle;
}   
#menu_droite_envoyer form
{
display:block;
}
#menu_droite li{
padding:0px;
margin:0px;
list-style-type:none;
background-image:url(../media/interface/puce_2.gif);
background-repeat:no-repeat;
background-position: 0px 5px;
padding-left:10px;
}
#menu_droite li a{
text-decoration:none;
}
#menu_droite li a:hover{
text-decoration:underline;
}
.menu_boite{
padding:5px;
width:92%;
}
#footer{
width:953px;
height:30px;
background: url(../media/interface/footer.jpg) no-repeat;
padding-top:22px;
text-align:center;
color:#A8A8A8;
}
#footer img{
margin-left:10px;
vertical-align:middle;
}

/***** MENU *****/
#menu dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu dt {
cursor: pointer;
margin: 2px 0;
font-weight: bold;
border: 1px solid #fff;
}
#menu li a, #menu dt a {
text-decoration: none;
display: block;
height: 100%;
border: 1px solid white;
}
#menu li a {
padding-left:20px;
background: url(../media/interface/puce_s.gif) no-repeat;
background-position: 11px;
}          
#menu li a:hover{
text-decoration:underline;
}
#menu dt a {
padding-left:10px;
background: url(../media/interface/puce.gif) no-repeat;
background-position: 2px 3px;
}
#menu dt a:hover {
}       
#menu ul li ul {
margin-left:10px;
}

/***** GENERAL *****/  
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}                     
a.top{
background: url(../media/interface/ico_top.gif) top right no-repeat;
padding-right:15px;
text-align:top;
display:block;
text-align:right;
margin-bottom:10px;
}
p{
margin-top:0px;
margin-bottom:5px;
}
.fl{
float:left;
}
.fr{
float:right;
}
img{
border:0px;
}
img.fl{
margin:0 10px 0 0;
}
img.fr{
margin:0 0 0 10px;
}
.l{
text-align:left;
}
.c{
text-align:center;
}                
.r{
text-align:right;
}
.intro{
font-style:italic;
padding:0 10px 10px 10px;
}
.justify{
text-align:justify;
}   
.small {
font-size: 0.90em;
}              
.spacer{
clear:both;
}
.invisible{   
position:absolute;top:0px;left:-9000px;
}
h1{
margin:0px;
margin-bottom:5px;
font:1.6em Arial, sans-serif;
font-weight:bold;
}
h2{
margin:0px;         
padding-bottom:5px;
margin-bottom:10px;
font:1.5em Arial, sans-serif;
font-weight:bold;
background:url(../media/interface/dashed.gif) bottom left repeat-x;
}   
span.date{
display:block;
text-align:right;
margin:10px 0;
font-size:10px;
color:#ccc;
}
ul.documents li img.spip_logos{
float:left;         
margin-right:20px;
margin-bottom:20px;
}            
ul.documents li {
clear:both;
}       
ul.documents li a{
color:#535353;
text-decoration:none;
}        
ul.documents li a strong{
text-decoration:underline;
}
h3{
margin:0px;
margin-bottom:5px;
font:1.2em Arial, sans-serif;
font-weight:bold;
}
h3.documentsjoints,h3.surtitre{
}
h4{
margin:0px;
margin-bottom:5px;
font:1em Arial, sans-serif;
font-weight:bold;
}  
ul{
padding:0px;
margin:0px;
}
#contenu ul{
padding:0px;
margin-left:5px;
}  
.pointilles{
width:100%;
height:1px;
font-size:0px;
background:url(../media/interface/dashed.gif) repeat-x;
margin:0px;
padding:0px;
}
.entete,.chapo{
font-weight:bold;
color:#8E653F;
text-align:justify;
}                
.texte {
text-align:justify;

}

.spip_images{
margin:0 15px;
}
.spip_vignette{   
margin:0 15px;
}
.spip_documents{   
margin:0 10px;
}
.spip_documents .spip,.spip_documents .spip a,
.spip_documents .spip_complement,.spip_documents .spip_complement a,
.spip_documents .spip_titre_document,.spip_documents .spip_titre_document a
{
visibility:hidden;
}         

.aff_legende .spip_documents .spip,.aff_legende .spip_documents .spip a,
.aff_legende .spip_documents .spip_complement,.aff_legende .spip_documents .spip_complement a,
.aff_legende .spip_documents .spip_titre_document,.aff_legende .spip_documents .spip_titre_document a{
visibility:visible;
}
.spip{
/*clear:both;*/
}      
.moyen{
font-size:18px;
}
.grand{
font-size:24px;
}
/**ARTICLES**/
.article{                                                                          
background: url(../media/interface/sep_articles.gif) center bottom no-repeat;
padding-bottom:30px;
margin-bottom:20px;
}           
hr.sep{
background: url(../media/interface/sep_articles.gif) center top no-repeat;
margin:20px 0;
clear:both;
border:0;
height:17px;
}   
span.categorie{ 
margin:0px;
margin-bottom:5px;
font:1em Arial, sans-serif;
font-weight:bold;
display:block;
width:100%;   
float:right;
text-align:right;
}

/***** FORMULAIRE *****/
form{
margin:0px;
}
.textfield,.formrecherche{
width:98%;
padding: 2px;
height:15px;
line-height:15px;
background: url(../media/interface/champ_texte.gif)  repeat-x;
border:solid 1px #D4D4D4;
margin-bottom:5px;
font-family: tahoma, verdana, arial;
font-size:11px;
}    
#menu_droite .textfield{
width:95%;
}
.bouton,.spip_bouton{
font-family: arial; 
font-size:11px;
font-weight:bold;
font-variant:small-caps;
float:right;
}

/***** PAGE ACCUEIL *****/
#texte_accueil{
width:292px;
margin-right:13px;
float:left;
text-align:justify;
}
#image_accueil{
width:165px;
height:38px;
padding-left:20px;
padding-top:166px;
background: url(../media/interface/marcel_bauer.jpg)  no-repeat;
float:left;
color:#FFFFFF;
font-family: verdana, arial, tahoma;
font-size:10px;
}             
                  
/***** PAGE PLAN *****/
ul.plan {
margin-top:20px;
}
ul.plan ul li {
    margin: 0 0 5px 20px;
}
      
ul.plan li a {
    color: #000;
    text-decoration: none;
    padding-left: 10px;
    background:url(../media/interface/puce.gif) left 4px no-repeat;
}
ul.plan li li li a {
    color: #000;
    text-decoration: none;
    padding-left: 10px;
    background:url(../media/interface/puce_s.gif) left 4px no-repeat;
}
           
ul.plan a.plan-rubrique{
font-weight:bold;
display:block;
margin-bottom:10px;
    background:none;
}
ul.plan li a:hover {
    text-decoration: underline;
}