html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}
body {
    margin:0px;
    margin-bottom: 10px;
    padding:0px;
    font-family: Arial, Helvetica, FreeSans, sans-serif; 
    font-size: .8em; 
    line-height: 1.4; 
    color: black;
    background: white;
    background-image: url(/images/fond_body.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}
#conteneur {
    width:1000px;
    background-image:none;
    background-color:#2b7286;
}
/* Titres h1, h2, */
h3 {
    margin: 0.5em 0 .25em 0; 
    line-height: 1.4;
    font-weight: bold; 
    font-style: normal;
    padding:2px 2px;
}
h4 {
    margin: 0.5em 0 .25em 0; 
    
}

h1 {
    font-size: 1.25em;
}
h2 {
    font-size: 1.10em;
}
.pageAccueil h2 {
    display: none;
}

h3 {
    font-size: 1.05em;
    padding:2px 2px 2px 5px;
}


p {
    margin: .25em 0; 
}
#haut {
    padding-left: 3px;
    padding-top: 5px;
    color:#FFF;
    padding-bottom: 5px;
}
#haut a {
    color:#FFFFFF;
    text-decoration:none;
}
/*
#centre {
    width:550px;
    margin-left:10px;
}
*/
#droite {
    float:right;
    font-size:1em;        
    width: 170px;
    color:#FFFFFF;
    margin:0; 
    margin-top:-8px;  
    padding:0 5px;      
}
#centre h2, #centreetdroite h2 {
    color : #2a4d56;
}
#centre h3, #centreetdroite h3, #droite h3 {
    background-image: url('../images/interface/SIT_PLANETE-fond-h3-centre.jpg');
    background-position: left center;
    background-repeat: repeat-x; 
    padding:2px 2px 2px 5px;               
}
#droite h3 {
    background-color:#FFFFFF;
    text-align:center;
    color:#2b7286;
    
}
#droite h4, #droite .mdl_agenda h4 {
    background-image: none;    
    color:#FFFFFF!important;
    padding:0;
    text-transform: none;
     font-size:1em;     
}

#droite div.mdl_agenda {
    padding-bottom: 5px;
    border-bottom : 2px solid #FFFFFF;
    color:#FFFFFF!important;
}

#droite div.mdl_agenda em,
#droite div.mdl_agenda a {
    color:#FFFFFF!important;
}


#droite #mdl_agenda_bouton  {
    background-image: url(/images/vaisseau.png);
    background-position: 3px 20px;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 0px;
    margin-left: -10px!important;
    margin-right: 0px!important;
}

#droite #mdl_agenda_bouton ul {
    padding-left: 15px;
    background-color: transparent;
    background-image: url(/images/vaisseau_fond_blanc.gif);
    background-position: 0 bottom;
    background-repeat: repeat-x;
    padding-bottom: 10px;        
}


#droite #mdl_agenda_bouton ul li {
    color: #FFFFFF;
    list-style: none;
    padding: 0px;
    font-size: 9px;
    font-weight: bold;
    font-family: verdana;
}

#droite #mdl_agenda_bouton ul li em{
    padding-left: 30px;
    padding-top: 5px;  
}

#centre h3.alt, #centreetdroite h3.alt {
    background-image: url('../images/interface/puce.gif');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left:20px;   
}
#centre h4.alt, #centreetdroite h4.alt {
    background-image: url('../images/interface/fleche.gif');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left:20px;   
}
#droite div.mdl_user_mailinglist_col a {
    color:#FFFFFF!important;
}
#centre h3 a, #centre h3 a:visited, #centre h3, #centreetdroite h3 a, #centreetdroite h3 a:visited, #centreetdroite h3 {
    color : #2a4d56;
    font-weight:bold;
}
#droite h4 a {
    color : #FFFFFF;
    font-weight:bold;
}
#gauche {display:none;}
#centre{
    width:789px; /*609+180*/
    padding: 0px 10px;  
}
#pied{        
    height: 25px;
    text-align:left; 
    background-image:none;
       background-color:#2b7286;
}
#pied ul {    
    text-align:left;
}
#pied li a {
	color:#FFFFFF;	
	font-weight:normal;
	font-size: 0.85em;
	text-decoration:none;
}
#pied li a:visited {
	color:#FFFFFF;
	font-weight:normal;	
}
#pied li a:hover {
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:underline;
}