/* css general de metices */

/* comportements par defaut */
body {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin:0;
color:#000;
}

a {
color:#000;
}

a:hover {
color: #333;
text-decoration:underline;
}

/* positionnement */

#general {
width:940px;
margin:0 auto;
padding: 10px 5px;
border-left:1px solid #E3E3E3;
border-right:1px solid #E3E3E3;
}

#contenus {
background:url(images/contenu-fond.gif) repeat-y top left;	
}

#bandeau {
height:90px;
background:url(images/bandeau.jpg) no-repeat center center;	
margin-bottom:9px;
}

/* contextes */
#contextes {
float:right;
width:550px;	
}

#contexte1 {
float:left;
width:220px;
margin-right:20px;	
}

#contexte2 {
float:right;
width:300px;
padding-left:10px;	
}


/* chemin */

#chemin-vide, #chemin {
min-height:14px;
_height:14px;
padding:8px 10px;
border-bottom:1px solid #DDDDDD;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
background:url(images/chemin-fond.jpg) repeat-x bottom left;
color:#333;
margin-bottom: 18px;	
}

#chemin img {
vertical-align:baseline;
}

#chemin a {
color:#333;
text-decoration:none;
}

#chemin a:hover {
color:#000;
text-decoration:underline;
}


/* corps de la page */

#corps {
width:360px;
}

#header {
margin-bottom:12px;	
}

.logo {
float:left;
margin:0 0 2em 0;
}

.sursoustitre {
font-size:10px;
color:#666;
margin:6px 0;
}

h1 {
font-family:Georgia,"Times New Roman",Times,serif;
font-size:27px;
font-weight:normal;
margin:2px 0 4px 0;
}

.clearer_header {
clear:left;	
}

#texteconteneur {
margin-bottom:30px;
color:#3F3F3F;
}

.chapeau {
clear:left;
line-height:140%;
margin-bottom:2em;
padding:0.6em 0;
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-style:italic;
}

.texte {
clear:left;
line-height:140%;
color:#333;
font-size:14px;
margin: 0 0 1em 0;
}

h3 {
margin:2em 0 0 0;
}


#fin-corps {
clear:both;
}

/* footer */

#footer {
clear:both;
border-top:2px solid #CC0000;
padding-top:20px;
text-align:center;
margin: 10px 0 10px 0;
font-size:9px;
color:#535353;
}

#footer #magusine-footer, #footer #logos-bailleurs, #footer #site-footer {
margin:2px auto;	
}

#footer a {
color:#c00;
text-decoration:none;
}

#footer a:hover {
text-decoration:undeline;	
}