/*
blanc cassé : f6f7e5
vert : 89b409
vert transparent : 8cb515
vert pétant : a6d253
*/
*{margin:0px;padding:0px;outline:none !important;}


html {
overflow-y: auto;
overflow-x: hidden;
height:auto !important;
min-height:100%;
}
body{
overflow: hidden;
background-color:#5a8800;
height:auto !important;
min-height:100%;
}

a{color:#8cb515;text-decoration:none;}
a:hover {background-color:#fea246;color:#fff;text-decoration:none;}

img, img a {border:none;}

label {color:#666;}

/***************Utiles***************/
/* Alignements du texte */
.justify {text-align:justify;}
.centre {text-align:center;}
.droit {text-align:right;}
.coul {color:#89b409;}
.cadre {border:1px solid #89b409;}
.colonne {float:left;width:380px;margin:5px;}
.minicolonne {float:left;width:185px;margin:5px;}
.retrait {margin-left:9px;padding-left:5px;border-left:1px dotted #89b409;}
/*divers */
.nettoyeur {clear:both;margin:0;padding:0;border:0;height:0;line-height:1px;font-size:1px;overflow: hidden;}
.floatleft {float:left;}
.invisible {display:none;}
.superinvisible {display:none;}
.erreur {color:#a60000;background:#FFECD9;}
.souligne {text-decoration:underline;}
.marges {margin:5px;}



/***************Structure***************/

/*== FOND== */
#conten0{
background: url('gradient.jpg') repeat-x scroll center top #5a8800 ; 
height:100%;width:100%;
overflow:hidden;
}
#conten1{background: url('milieu.jpg') repeat-y scroll center top;}     
#conten2{background: url('bas.jpg') no-repeat scroll center bottom;}   
#conten3{background: url('haut.jpg') no-repeat scroll center top;padding: 30px 0 30px 0px;}   
#conten4{margin:0 auto auto;width:950px;padding-bottom:20px;}

/*== BANNIERE== */
#banniere {
position:absolute;left:0;top:0;z-index:0;width:100%;height:97px;
text-align:center;
background: url('titre.png') no-repeat top center;
}

/*== FIL D'ARIANE == */
#fildariane {
position:absolute;left:0;top:70px;z-index:1;
margin:0;padding-top:7px;padding-left:5px;
font-family:Bitstream Vera Sans,Arial,Helevetica,Verdana,sans-serif;font-size:11px;
color:#f5ffe3;
}
#fildariane a {color:#f5ffe3;text-decoration:none;}
#fildariane a:hover {color:#fff;background-color:#fea246;text-decoration:none;}

/*==MENU== */
#menu {float:left;width:130px;margin-top:80px;}
#menu ul {list-style-type:none;margin:0;padding:0;}
#menu li a {
width:121px;min-height:19px;margin-bottom:4px;
display:block;
padding-top:3px;padding-bottom:3px;padding-left:5px;padding-right:2px;
color:#8eb314;background:#f5ffe3;
border:none;
font-family:Bitstream Vera Sans,Verdana,Helvetica,sans-serif;font-size:15px;font-weight:bold;
text-align:center;text-decoration:none;
}
#menu li a small {color:#8eb314;}
#menu a:hover {color:#fff;}
#menu .accueil a {background:#f5ffe3 url('menu_fond.jpg') no-repeat;}
#menu .accueil a:hover {background:#a6d253 url('menu.gif');}
#menu .presentation a {background:#f5ffe3 url('menu_fond.jpg') no-repeat;}
#menu .presentation a:hover {background:#a6d253 url('menu.gif');}
#menu .coordonnees a {background:#f5ffe3 url('menu_fond.jpg') no-repeat;}
#menu .coordonnees a:hover {background:#a6d253 url('menu.gif');}
#menu .calendrier a {background:#f5ffe3 url('menu_fond.jpg') no-repeat;}
#menu .calendrier a:hover {background:#a6d253 url('menu.gif');}
#menu .actualites a {background:#f5ffe3 url('menu_fond.jpg') no-repeat;}
#menu .actualites a:hover {background:#a6d253 url('menu.gif');}
#menu .web-TV a {background:#f5ffe3 url('menu_fond.jpg') no-repeat;}
#menu .web-TV a:hover {background:#a6d253 url('menu.gif');}
#menu .assos a {background:#f5ffe3 url('menu_fond.jpg') 0 -150px no-repeat;}
#menu .assos a:hover {background:#d10000 url('menu_assos.gif');}
#menu .RAM a {background:#f5ffe3 url('menu_fond.jpg') 0 -250px no-repeat;}
#menu .RAM a:hover {background:#ff6e7d url('menu_RAM.gif');}
#menu .jeunesse a {background:#f5ffe3 url('menu_fond.jpg') 0 -50px no-repeat;}
#menu .jeunesse a:hover {background:#ffc447 url('menu_jeunesse.gif');}
#menu .emploi a {background:#f5ffe3 url('menu_fond.jpg') 0 -200px no-repeat;}
#menu .emploi a:hover {background:#048b9a url('menu_emploi.gif');}
#menu .soc-cultur a  {background:#f5ffe3 url('menu_fond.jpg') 0 -100px no-repeat;}
#menu .soc-cultur a:hover {background:#9e541d url('menu_culturel.gif');}
#menu .clic a {background:#f5ffe3 url('menu_fond.jpg') 0 -450px no-repeat;}
#menu .clic a:hover {background:#ae2ac7 url('menu_clic.gif');}
#menu .gardenfant a {background:#f5ffe3 url('menu_fond.jpg') 0 -350px no-repeat;}
#menu .gardenfant a:hover {background:#a6d253 url('menu_gardenfant.gif');}
#menu .transport a {background:#f5ffe3 url('menu_fond.jpg') 0 -500px no-repeat;}
#menu .transport a:hover {background:#fe8d11 url('menu_transport.gif');}
#menu .artotheque a {background:#f5ffe3 url('menu_fond.jpg') 0 -600px no-repeat;}
#menu .artotheque a:hover {background:#231F20 url('menu_artotheque.gif');}
#menu small {font-family:Arial,Helvetica;font-size:10.5px;color:#bede83;}
/*menu actif (vert)*/
#menu strong a {width:146px;background:#a6d253 url('menu_actif.jpg') no-repeat top right !important;color:#ffffff;border:none;}
#menu strong a small {color:#ffffff;}

#onglets {
height:17px;margin-top:40px;
font-size:12px;font-weight:bold;color:#a6d253;
}
#onglets div {height:17px;float:left;color:#8bb40f;}
#onglets a {color:#bee285;text-decoration:none;}
#onglets a:hover {background:none;color:#fea246;}
#onglets .sur {background:#f6f7e5;padding-left:3px;}
#onglets .sous {background:#edfed7 url('onglets.png') -67px 0;padding-left:3px;}
#onglets .debsur {background:#edfed7 url('onglets.png') 0 0;width:9px;}
#onglets .debsous {background:#edfed7 url('onglets.png') -15px 0;width:9px;}
#onglets .sursous {background:#edfed7 url('onglets.png') -39px 0;width:9px;}
#onglets .soussur {background:#edfed7 url('onglets.png') -31px 0;width:8px;}
#onglets .soussous {background:#edfed7 url('onglets.png') -49px 0;width:9px;}
#onglets .finsous {background:#edfed7 url('onglets.png') -22px 0;width:9px;}
#onglets .finsur {background:#edfed7 url('onglets.png') -7px 0;width:9px;}

/*== CONTENU DE LA PAGE == */
#document{
float:left; width:780px;min-height:431px;
margin-top:70px;margin-left:20px;padding-left:10px;padding-right:10px;
font-family:Arial,Helvetica,sans-serif;font-size:0.8em;color:#666;
}

#topdoc {color:#f3f7e7;height:65px;}
#topdoc h1 {font-size:35px;float:left;margin-left:10px;margin-top:5px;margin-bottom:0;line-height:100%;color:#f3f7e7;}
#topdoc .topcom {float:left;margin-left:50px;margin-top:5px;font-size:13px;}

#menu_admin {height:0;}

h1, h2, h3, h4 {color:#89b409;font-family:Georgia,Times,Times new roman,serif;font-weight:bold;}
h1 a, h2 a, h3 a, h4 a {color:#89b409;text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {color:#fea246;background:none;text-decoration:underline;}
h1 {font-size:2em;text-align:center;}
h2 {font-size:1.8em;margin-top:1em;}
h3 {font-size:1.6em;margin-top:1em;}
#document p {margin:0.8em 0;}


#document ul {margin-left:20px;padding:0;}
#document li {list-style-image:url('puce.png');list-style-position:outside;margin:0;padding:0;}
#document .remonte10 {margin-top:-10px;}
#document .remonte20 {margin-top:-20px;}

/*== PIED == */
#pied {text-align:center;}

/*== Options d'affichage == */
#selectlang {position:absolute;right:5px;top:25px;z-index:3;}
#selectlang strong {display:none;}
#selectstyle{position:absolute;right:5px;top:5px;z-index:4;}
#selectstyle strong {display:none;}

/*== Spécialités ==*/

/*Boutons précédent-suivant*/
.pre a {padding:0;display:block;width:45px;height:28px;background: url('pre_post.png') 0 0 no-repeat;border:none;}
.pre a:hover {background: url('pre_post.png') 0 -28px  no-repeat;}
.post a {padding:0;display:block;width:45px;height:28px;background: url('pre_post.png') -45px 0 no-repeat;border:none;}
.post a:hover {background: url('pre_post.png') -45px -28px  no-repeat;}

/* calendrier de la page d'accueil */
#petitcalendrier {width:289px;background:url('accueil_dates.png');margin-top:20px;margin-left:20px;}
#petitcalendrier .feuille {padding-top:35px;margin-left:20px;margin-right:15px;}
#petitcalendrier strong {font-family:Georgia,Times,Times new roman,serif;line-height:300%;text-decoration:underline;}
#petitcalendrier .pied {height:40px;padding-left:50px;padding-top:10px;background:url('accueil_dates.png') bottom left;font-style:italic;}
#petitcalendrier .pied a {color:#ba42b3;}
#petitcalendrier .pied a:hover {color:#fff;text-decoration:none;background:#ffc74d;}

/*calendrier*/
#select_categorie {text-align:right;}
#evenements {color:#999;}
#evenements * h2 {display:block;width:260px;height:75px;margin-left:-7px;background:url('calendrier_deco_annee.png') no-repeat;text-align:center;}
#evenements td {padding-bottom:2px;}
#evenements .mois  {width:109px;height:30px;padding-left:35px;padding-top:20px;background:url('calendrier_deco_mois.png') bottom left no-repeat;}
/* cathegories pour le calendrier */
.toutes {font-weight:normal;color:#000;}
/*activites internes aux assos*/
.AG {font-weight:bold;}
.AG a {color:#999;border-bottom:1px dotted #999;}
/* sport */
.sport {padding-left:20px;background:url('cal/sport.png') 0 -90px no-repeat;color:#308ce8;font-weight:bold;padding-bottom:2px;}
.boxe {padding-left:20px;background:url('cal/sport.png') no-repeat;color:#308ce8;font-weight:bold;padding-bottom:2px;}
.chasse {padding-left:20px;background:url('cal/sport.png') 0 -18px no-repeat;color:#308ce8;font-weight:bold;padding-bottom:2px;}
.combat {padding-left:20px;background:url('cal/sport.png') 0 -36px no-repeat;color:#308ce8;font-weight:bold;padding-bottom:2px;}
.equitation {padding-left:20px;background:url('cal/sport.png') 0 -54px no-repeat;color:#308ce8;font-weight:bold;padding-bottom:2px;}
.foot {padding-left:20px;background:url('cal/sport.png') 0 -72px no-repeat;color:#308ce8;font-weight:bold;padding-bottom:2px;}
.gym {padding-left:20px;background:url('cal/sport.png') 0 -90px no-repeat;color:#308ce8;font-weight:bold;padding-bottom:2px;}
.moto {padding-left:20px;background:url('cal/sport.png') 0 -108px no-repeat;color:#308ce8;font-weight:bold;padding-bottom:2px;}
.palets {padding-left:20px;background:url('cal/sport.png') 0 -126px no-repeat;color:#308ce8;font-weight:bold;padding-bottom:2px;}
.peche {padding-left:20px;background:url('cal/sport.png') 0 -144px no-repeat; color:#308ce8;font-weight:bold;padding-bottom:2px;}
.petanque {padding-left:20px;background:url('cal/sport.png') 0 -162px no-repeat;color:#308ce8;font-weight:bold;padding-bottom:2px;}
.pingpong {padding-left:20px;background:url('cal/sport.png') 0 -180px no-repeat;color:#308ce8;font-weight:bold;padding-bottom:2px;}
.piscine {padding-left:20px;background:url('calsport.png') 0 -198px no-repeat;color:#308ce8;font-weight:bold;padding-bottom:2px;}
.rando {padding-left:20px;background:url('cal/sport.png') 0 -216px no-repeat;color:#308ce8;font-weight:bold;padding-bottom:2px;}
.tennis {padding-left:20px;background:url('cal/sport.png') 0 -234px no-repeat;color:#308ce8;font-weight:bold;padding-bottom:2px;}
.velo {padding-left:20px;background:url('cal/sport.png') 0 -252px no-repeat;color:#308ce8;font-weight:bold;padding-bottom:2px;}
.sport a, .equitation a, .boxe a, .chasse a, .combat a, .foot a, .gym a, .moto a, .palets a, .peche a, .petanque a, .pingpong  a, .piscine a, .rando a, .tennis a, .velo a {color:#308ce8; border-bottom:1px dotted #308ce8;}
/* jeux */
.jeux {padding-left:20px;background:url('cal/jeux.png') 0 0 no-repeat;color:#b77824;font-weight:bold;padding-bottom:2px;}
.boursejeux {padding-left:20px;background:url('cal/jeux.png') 0 -18px no-repeat;color:#b77824;font-weight:bold;padding-bottom:2px;}
.loto {padding-left:20px;background:url('cal/jeux.png') 0 -36px no-repeat;color:#b77824;font-weight:bold;padding-bottom:2px;}
.belote {padding-left:20px;background:url('cal/jeux.png') 0 -54px no-repeat;color:#b77824;font-weight:bold;padding-bottom:2px;}
.jeux a,.boursejeux a, .loto a, .belote a {color:#b77824;border-bottom:1px dotted #b77824;}
/*spectacle*/
.spectacle {padding-left:20px;background:url('cal/spectacle.png') no-repeat;color:#e45c13;font-weight:bold;padding-bottom:2px;}
.musique {padding-left:20px;background:url('cal/musique.png') no-repeat;color:#e45c13;font-weight:bold;padding-bottom:2px;}
.spectacle a, .musique a {color:#e45c13;border-bottom:1px dotted #e45c13;}
/*fete*/
.fete {padding-left:20px;background:url('cal/sorties.png') no-repeat;color:#e8b73a;font-weight:bold;padding-bottom:2px;}
.marche {padding-left:20px;background:url('cal/sorties.png') 0 -18px no-repeat;color:#e8b73a;font-weight:bold;padding-bottom:2px;}
.collecte {padding-left:20px;background:url('cal/sorties.png') 0 -36px no-repeat;color:#ff6e7d;font-weight:bold;padding-bottom:2px;}
.nature {padding-left:20px;background:url('cal/sorties.png') 0 -72px no-repeat;color:#e8b73a;font-weight:bold;padding-bottom:2px;}
.reception {padding-left:20px;background:url('cal/sorties.png') 0 -54px no-repeat;color:#e8b73a;font-weight:bold;padding-bottom:2px;}
.messe {padding-left:20px;background:url('cal/sorties.png')  0 -90px no-repeat;color:#e8b73a;font-weight:bold;padding-bottom:2px;}
.sortie {padding-left:20px;background:url('cal/sorties.png') no-repeat;color:#e8b73a;font-weight:bold;padding-bottom:2px;}
.fete a, .marche a, .collecte a, .sortie a, .reception a, .nature a, .messe a  {color:#e8b73a;border-bottom:1px dotted #e8b73a;}
.fete a:hover, .marche a:hover, .collecte a:hover, .sortie a:hover, .voeux a:hover, .nature a:hover, .messe a:hover {color:#fff;}
/*soiree*/
.soiree {padding-left:20px;background:url('cal/soiree.png') no-repeat;color:#fea246;font-weight:bold;padding-bottom:2px;}
.dancing {padding-left:20px;background:url('cal/dancing.png') no-repeat;color:#fea246;font-weight:bold;padding-bottom:2px;}
.detente {color:#fea246;font-weight:bold;padding-bottom:2px;}
.soiree a, .dancing a , .detente a {color:#fea246;border-bottom:1px dotted #fea246;}
.soiree a:hover, .dancing a:hover , .detente a:hover {color:#fff;border:none;}
/*divers culture*/
.culture {padding-left:20px;background:url('cal/culture.png') 0 -72px no-repeat;color:#b567d2;font-weight:bold;padding-bottom:2px;}
.commune {padding-left:20px;background:url('cal/culture.png') no-repeat;color:#b567d2;font-weight:bold;padding-bottom:2px;}
.conference {padding-left:20px;background:url('cal/culture.png') 0 -18px no-repeat;color:#b567d2;font-weight:bold;padding-bottom:2px;}
.expo {padding-left:20px;background:url('cal/culture.png') 0 -36px no-repeat;color:#b567d2;font-weight:bold;padding-bottom:2px;}
.lettres {padding-left:20px;background:url('cal/culture.png') 0 -54px no-repeat;color:#b567d2;font-weight:bold;padding-bottom:2px;}
.musee {padding-left:20px;background:url('cal/culture.png') 0 -72px no-repeat;color:#b567d2;font-weight:bold;padding-bottom:2px;}
.culture a, .commune  a, .conference a, .expo a, .lettres  a, .musee a {color:#b567d2;border-bottom:1px dotted #b567d2;}
/*repas*/
.repas {padding-left:20px;background:url('cal/repas.png') no-repeat;color:#52a04f;font-weight:bold;padding-bottom:2px;}
.galette {padding-left:20px;background:url('cal/repas.png') 0 -18px no-repeat;color:#52a04f;font-weight:bold;padding-bottom:2px;}
.repas a , .galette a {color:#52a04f;border-bottom:1px dotted #52a04f;}
/*officiel*/
.officiel {padding-left:20px;background:url('cal/officiel.png') no-repeat;color:#686f8b;font-weight:bold;padding-bottom:2px;}
.voeux {padding-left:20px;background:url('cal/officiel.png') 0 -18px no-repeat;color:#686f8b;font-weight:bold;padding-bottom:2px;}
.pompiers {padding-left:20px;background:url('cal/officiel.png') 0 -36px no-repeat;color:#686f8b;font-weight:bold;padding-bottom:2px;}
.voeux a , .officiel a, .pompiers a {color:#686f8b;border-bottom:1px dotted #686f8b;}


/****actualites****/
._h3 {border-left:10px solid #a6d253;border-top:1px dashed #a6d253;padding-left:10px;margin-top:1em;}
._h3 a {color:#999;}
._h3 a:hover {color:#a6d253;text-decoration:none;}
.coul_{color:#a6d253;}
.assos_h3 {border-left:10px solid #d10000;border-top:1px dashed #d10000;color:#d10000;padding-left:10px;margin-top:1em;}
.assos_h3 a {color:#999;}
.assos_h3 a:hover {color:#d10000;}
.RAM_h3 {border-left:10px solid #ff6e7d;border-top:1px dashed #ff6e7d;color:#ff6e7d;padding-left:10px;margin-top:1em;}
.RAM_h3 a {color:#999;}
.RAM_h3 a:hover {color:#ff6e7d;}
.jeunesse_h3 {border-left:10px solid #ffc447;border-top:1px dashed #ffc447;color:#ffc447;padding-left:10px;margin-top:1em;}
.jeunesse_h3 a {color:#999;}
.jeunesse_h3 a:hover {color:#ffc447;}
.emploi_h3 {border-left:10px solid #048b9a;border-top:1px dashed #048b9a;color:#048b9a;padding-left:10px;margin-top:1em;}
.emploi_h3 a {color:#999;}
.emploi_h3 a:hover {color:#048b9a;}
.soc-cultur_h3 {border-left:10px solid #9e541d;border-top:1px dashed #9e541d;color:#9e541d;padding-left:10px;margin-top:1em;}
.soc-cultur_h3 a {color:#999;}
.soc-cultur_h3 a:hover{color:#9e541d;}

/*== Actualités ==*/
#mininews {width:370px;}
#mininews .intitule {width:78px;height:50px;background:url('actualites.png')}
#mininews .intitule h2 {visibility:hidden;}
#mininews h2 {margin-top:0;}
#mininews .illu {width:100px;padding-top:10px;padding-right:10px;padding-bottom:10px;float:left;}
#mininews .chapeau {font-weight:bold;margin-top:10px;}
.coul_assos, .coul_assos a {color:#d10000;}
.cadreassos {border: 1px #d10000 solid;}
.coul_RAM, .coul_RAM a {color:#ff6e7d;}
.cadreRAM {border: 1px #ff6e7d solid;}
.coul_jeunesse, .coul_jeunesse a {color:#ffc447;}
.cadrejeunesse {border: 1px #ffc447 solid;}
.coul_emploi, .coul_emploi a {color:#048b9a;}
.cadreemploi {border: 1px #048b9a solid;}
.coul_culture, .coul_culture a, .coul_soc-cultur {color:#9e541d;}
.cadreculture {border: 1px #9e541d solid;}
#micronews {width:180px;float:left;margin-left:5px;margin-bottom:5px;}
#micronews img {margin-right:3px;}
#micronews a {color:#999;}
#micronews a:hover {background:none;color:#a6d253;}
#micronews .RAM a:hover {color:#ff6e7d;}
#micronews .jeunesse a:hover {color:#ffc447;}
#micronews .emploi a:hover {color:#048b9a;}
#micronews .culture a:hover {color:#9e541d;}
/*Admin actualités*/
#news_outils {border: 1px solid #a6d253;}
#news_outils td {width:16px;height:16px;color:#a6d253;text-align:center;padding-left:1px;padding-right:1px;}
#news_outils td a {display:block;width:16px;height:16px;}
#news_outils td a:hover {background:#a6d253;}
.cadrebrouillon {border: 1px dotted #cccccc; color: #cccccc; font-style:italic;}

/*== Web-TV ==*/

.colonne_TV {float:left;width:450px;margin:5px;text-align:center;}
.colonne_videolist {float:left;width:309px;margin-top:-20px;margin-right:5px;border-left:1px dotted #a6d253;}
#cadre_TV_grand {width:380px;height:263px;text-align:left;padding-left:50px;padding-top:37px;background:url('TV_grand.jpg');}