/* structure generale */
* {margin: 0px; padding: 0px; font-family: Verdana;}
body {margin: 0px; text-align: center; background-color: #FFF;}

option {padding-right: 6px;}

a {text-decoration: none;}
a:hover {text-decoration: underline;}

img {border: 0px;}

div#main {position: relative; width: 765px; margin-left: auto; margin-right: auto; text-align: left;}
div#header, div#nav, div.filet {float: left; width: 765px;}

div#nav {margin-top: 1px;}
div#nav a {float: left; height: 17px; font-size: 10px; color: #000; font-weight: bold; padding: 4px 7px 0 7px; display: block;}
div#nav a:hover, div#nav a.bt_crea:hover, div#nav a.nav_on {color: #FFF; background-color: #A5B826; text-decoration: none;}

div#nav a.bt_crea {color: #FFF; background-color: #d3d927; padding: 4px 8px 0 8px;}

div.filet {height: 1px; background-color: #A5B826;}

div#footer {float: left; width: 762px; font-size: 9px; color: #6F6F6F; text-align: right; padding: 5px 3px 15px 0;}
div#footer a {color: #6F6F6F;}

div#content, .titre_page, .intro_page {float: left; width: 710px;}

div#content {padding: 25px 23px 20px 32px;}

.titre_page {font-size: 20px; color: #000; font-weight: bold; padding-bottom: 18px;}
.intro_page {font-size: 10px; color: #000; font-weight: bold; padding-bottom: 16px;}

.framecal * {text-align:left;}

/* page -- et aussi -- */
div.bloc_gauche {float: left; width: 285px;}
div.bloc_droit, .titre_evenement, .texte_evenement {float: left; width: 390px;}

div.bloc_droit {margin-left: 35px;}

div.pointilles {float: left; width: 100%; background: url(img/pointilles.gif) repeat-x;}

div.vignettes {float: left; width: 279px; padding: 12px 0 0 6px;}
div.vignettes img {margin: 0 12px 12px 0;}

.titre_evenement {font-size: 10px; color: #040201; font-weight: bold; padding: 7px 0 6px 0;}
.titre_evenement span.nom {color: #71A40A;}

.texte_evenement, 
p.spip {font-size: 10px; color: #040201;}

.lien_evenement {float: left; width: 385px; padding: 5px 5px 0 0;}
.lien_evenement a {float: right; font-size: 10px; color: #8B9C17; background: url(img/picto_ecouter.gif) no-repeat 0px 2px; padding-left: 12px;}
.lien_evenement_pdf {float: left; width: 385px; padding: 5px 5px 0 0;}
.lien_evenement_pdf a {float: right; font-size: 10px; color: #8B9C17; padding-left: 12px;}


/* page -- calendrier -- */
div.event {float: left; width: 710px; font-size: 10px; color: #000;}

div.event .mois {float: left; width: 164px; height: 18px; font-size: 10px; color: #71A40A; font-weight: bold; background: url(img/bg_mois.gif) repeat-x; padding: 6px 0 0 26px;}
div.event .mactif {background:#DCEA7F url(img/bg_mois_actif.gif) repeat-x;}
div.event .vide {background: none;}
div.event .date {float: left; width: 134px; font-size: 10px; color: #000; font-weight: bold; padding: 6px 0 0 28px;}

div.event div.infos {float: left; width: 338px; padding: 6px 0 20px 20px;}
div.infos .titre {font-size: 11px; color: #71A40A; font-weight: bold;}
div.infos .creation {color: #E20202;}
div.infos .soustitre {font-size: 10px; color: #000; font-weight: bold;}
div.infos .texte {padding-top: 6px;}
div.infos .texte a {font-size: 10px; color: #71A40A;}