@charset "utf-8";
/*******RESET CSS********/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}


BODY{width:100%; height:100%; margin:0 auto 0 auto; text-align:center; font-size:10px; font-family:'century gothic',arial,helvetica,sans-serif; background:url('interface/fond_body.png') #fff; color:#231f20;}

HTML{width:100%; height:100%;}

TABLE{margin:0 auto;}

IMG{border:0px;}

SMALL {font-size:0.4em;}
I {font-style:italic;}
STRONG {font-weight:bold;}

.serifont {font-family: Perpetua, Baskerville, "Big Caslon", "Palatino Linotype", Palatino, "URW Palladio L", "Nimbus Roman No9 L", serif;}
.vcenter{vertical-align:middle;}

#site{position:relative; width:1127px; height:auto; padding:0px; margin: 0 auto 0 auto;}
#site2{position:relative; float:left; width:100%; height:auto; padding:0px; margin:0; text-align: left; background-color:#fff;}


#bandeau{position:relative; float:left; width:100%; height:160px; background:url(interface/bandeau.jpg) no-repeat top;}

#lien_acc{position:absolute; float:left; width:390px; height:130px; top:20px; left:30px; text-decoration:none;}

#menu{position:relative; float:left; width:100%; height:43px; background:#d22028;}

#nav{position:relative; float:left; padding:0; margin:0; width:100%;}

#nav li{float:left; height:43px; list-style:none; font-weight:bold; text-align:center; margin:0px; border-left:1px solid #fff;}

#nav li a {margin:3px 40px 0 40px; display:block; font-size:1.75em;  line-height:33px; color:#fff; text-decoration:none; text-transform:uppercase;}
#nav li:hover a, #nav li.over a{text-decoration:underline; border-bottom:8px solid #fff;}


#menu #menu1{border-left:none;}

#conteneur{position:relative; float:left; width:1127px; padding:50px 95px; height:auto;}

#contenu_gauche{position:relative; float:left; width:470px; height:auto; margin-right:87px;}

#conteneur ul{width:100%; padding:0 0 0 17px; margin:20px 0; list-style:url(interface/puce.png);}

.titre{position:relative; float:left;  margin:10px 0; padding: 0 2px 0 0; font-size:3em; background:#ffffff; color:#231f20; z-index:50;}
.titre>span {text-transform:uppercase; font-size:0.8em; color:#d22028;}
.chapo{position:relative; float:left; width:100%; font-size:0.8em; text-align:left; color:#d5391b; font-weight:bold; margin:10px 0;}
.chapo a {text-decoration:none;color:#000000;}
.texte{position:relative; float:left; width:100%; margin-bottom:2.5em; padding-bottom:1em; border-bottom: 1px solid #e6e7e8; font-size:1.4em; text-align:justify; line-height:1.4em; color:#231f20;}
.texte a{color:#231f20; text-decoration:none;}
.texte a:hover{text-decoration:underline;}
.texte p, .chapo p{margin:0 0 0.5em 0;}

.bloc_rouge {display:block; float:left; margin:0; padding:0 5px; background:#d22028; color:#ffffff;}
.redline {position:absolute; width:100%; top:2.7em; border:none; border-bottom:1px solid #d5391b; z-index:10;}

.titre_article {position:relative; float:left; padding-left:3%; width:97%; margin:0; background:url(interface/puce.png) no-repeat left; font-size:1.6em; font-weight:bold; text-transform:uppercase;}
.sstitre_article {position:relative; float:left; padding-left:3%; width:97%; margin:0.2em 0 0 0; font-size:1.6em;}

#droite{position:relative; float:left; width:380px; height:auto; margin:0;}
.actu {position: relative; float:left; width:100%;}
.tb_actu {position:relative; float:right; width: 100px; height:auto; margin:0 2px 0 12px;text-align:right;}
.titre_actu{position:relative;  font-size:1.4em; font-weight:bold; text-transform:uppercase; margin:0 0 10px 0;}
.sstitre_actu{position:relative; text-align:left; font-size:1.1em; margin:0;}
.chapo_actu{position:relative; text-align:justify; font-size: 0.9em; line-height:1.2em; margin:10px 0 5px 0;}
.texte_actu{position:relative; text-align:justify; line-height:11pt; margin-bottom:5px;}

.infoplus {position:relative; display:block; text-align:right; margin:0 0 10px 0; font-size:1em;}

#groupe_gauche {position:relative; float:left; width:300px; height:auto; margin-right:87px;}
#groupe_gauche select {position: relative; float: left; width: 100%; margin: 1em 0;}
#groupe_droite {position:relative; float:left; width:530px; height:auto; margin:0;}
#valide_groupe { position: relative; float: right;  background: url("../mediatheque/infoplus.png") no-repeat scroll left center; border: none;cursor: pointer; }

#pied{position:relative; float:left; width:100%; height:50px; color:#404041; background-color:#e6e7e8; text-align:center;}

#pied a,#pied span{color:#404041; text-decoration:none; font-weight:normal; font-size:1.2em; line-height:50px;}
#pied a{margin:0 5px;}
#pied img {position:relative; border:none; top:5px;}

/*
.spip_logos{border:0px; margin:5px;}
.spip-admin-float{display:none;}
*/

.spacer{clear:both; border:none; height:10px;}
.erreur{color:#e4342d; font-weight:bold;}