/*------------------------------------------------------ */
/*	Feuille de style de www.le-pradet.fr		*/
/*	Par Kaliope.net - janvier 2009			*/
/* ----------------------------------------------------- */

/* REMISE A ZERO DES STYLES HTML*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
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, font, 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, select, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {	content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* FIN DE LA REMISE A ZERO */

/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
body {
	width: 100%;
	font-size: 0.8125em;
	font-family: Arial, "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif;
	color: #333;
	line-height: 1.2;
	text-align: center;
	background: #333 url(img/fond_blanc.gif) 0 0 repeat-x; 
}

/* Titraille / Intertitres */
h1 { margin-bottom:0.50em; padding-bottom:2px; padding-left:45px; font-size: 1.40em; font-weight:500; text-transform:uppercase; line-height:1; border-bottom:1px solid;}
#accessoires h1 {padding-left:0; font-size: 1.60em; font-weight:normal;}
h2 { font-size:1em; font-weight:bold; }
h3 { margin-bottom:0.5em; font-size: 0.82em; font-weight: bold; color: #666; text-transform: uppercase; background-color:transparent;}
.page-standard h3:hover, .page-standard span.toutvoir:hover { cursor:pointer;}
h3 a.couleur { margin-left:2em; font-weight:normal; font-style:italic; text-transform:lowercase; text-decoration:underline; }
h3.spip { margin:1em 0 0.50em; text-transform:none; } /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */
p, p.spip {margin-bottom:1em;}

/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }

/* Citations, code et poesie */
cite {}
q {}
blockquote {}
blockquote.spip {} /* Cf.: spip_style.css */
blockquote.spip_poesie {} /* Cf.: spip_style.css */
.spip_code {} /* Cf.: spip_style.css */
.spip_cadre {} /* Cf.: spip_style.css */
address {}

/* Les listes, uniquement dans le bloc de contenu */
#contenu ul { margin:5px 0 0.5em; }
#contenu ul.spip { margin-left:2em; list-style:circle outside;}
#contenu ul li { clear:left; padding: 0.20em 1em; background:transparent url(puce.gif) 0 5px no-repeat; }
#contenu ul.spip li { clear:left; padding: 0; background:0 none; }
#contenu ul li p { margin-bottom:0.5em; }
#contenu ul li h3 { margin: 0.30em 0 0; }
#contenu ul li .spip_logos { margin: 5px 15px 4px 0; }
#contenu ul li ul { margin-left:1.5em; list-style:circle outside; }
#contenu ul.spip li ul.spip { margin-left:1.5em; list-style:disc outside;}
#contenu ul li ul li, #contenu ul li ul.spip li { padding-left:0; background:0 none; }
#contenu ul li ul li ul{ list-style:disc; }

/* Tableaux */
table.spip {} /* Cf.: spip_style.css */
table.spip tr.row_first { background-color: #666; color:#fff; }
table.spip tr.row_odd { background: #FFF; }
table.spip tr.row_even { background: #EEE; }

/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }
.spip_logos { float:left; margin:5px 10px 0 0 } /* Cf.: spip_style.css */
.page_sommaire #contenu .spip_logos { float:none; margin:0; }
#contenu .icone .spip_logos { margin:1px 10px 0 0; }
.logo_rub { float:right; width:150px; margin-left:10px;}
.logo_rub .spip_logos { display:block; margin:0;}
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {} /* Cf.: spip_style.css */
.spip_documents_left {clear:left} /* Cf.: spip_style.css */
.spip_documents_right {} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */

/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
#page { display:block; position: relative; width: 100%; max-width: 1200px; min-width: 860px; margin: 5px auto; text-align: left; line-height:1.2; background-color:#FFF;  }
#entete { display:block; height:125px; margin: 0; padding:0; background-color:#fff; background-attachment:scroll; background-position: 0 25px; background-repeat: no-repeat;}
#menu { display:block; width:100%; height:30px; position:relative; }
#conteneur {	float:left; width:100%; margin-right:-230px; padding-top:15px;}
#hierarchie { clear: both; margin-bottom: 2em; margin-left:2em; font-size: 0.90em; }
#contenu { display:block; margin-left:225px; margin-right:230px; padding-bottom:20px; line-height: 1.40; background:#fff; overflow:hidden;}
.page_sommaire #contenu {	margin-left:0;}

/* Colonne droite */
#accessoires { float: right; width: 190px; margin-bottom:85px; padding:10px 15px 5px 25px; background:#fff url(img/frise_grise.png) 5px 0 no-repeat; overflow:hidden; }
#accessoires h3 { padding-left:10px; line-height:1.2em; cursor:pointer; background:url(puce.gif) 0 0 no-repeat;}
#accessoires h3.active { background:url(puce-ttb.gif) 0 5px no-repeat;}
.page_sommaire #accessoires .saufsommaire { display:none }

/* Colonne gauche */
#navigation {	float:left; width:180px; margin-left:15px; padding:5px; border: 1px solid; -moz-border-radius:3px; border-radius:3px;}
#navigation h3{background-position:0 0; background-repeat:no-repeat;}
.page-pradet-tv #navigation h2 { margin-top:1em; padding-top:.5em; border-top:1px solid #FCD21C; }

/* Pied de page */
#pied { clear: both; margin: 0; padding: 1em 1em 1.5em; font-size: 11px; background-color:#333; }
#pied a { color:#999; }
#pied a:hover { color:#FFF; text-decoration:underline; }

/* ------------------------------------------
/* Disposition des blocs secondaires
/* ------------------------------------------ */
#entete #accessibilite { float:right; margin:5px; }

#trophee-vignette { position:absolute; top:30px; right:10px; z-index:11; cursor:pointer; }
#trophee {position:absolute; top:100px; right:35%; z-index:12; display:none; width:300px; height:380px; padding:10px; border:5px solid #F5217B; background:#FFF url(img/trophees_original.jpg) 10px 90px no-repeat;}

/* Blocs de contenu de la page d'accueil */
div.grands-projets, div.evenements, div.vie-asso, div.tourisme, div.developpement, div.jeunesse {
	float:left;
	width:18%;
	height:280px;
	margin:0 2% 20px;
	padding:5px;
	text-align:center;
	border:1px solid;
	-moz-border-radius:3px;
	border-radius:3px;
	background-color:#fff;
}
.logo { display:block; }
.logo .spip_logos { float:none; margin:0; }
#edito { display:block; width:320px; height:280px; margin:0 auto 20px; padding:5px 0; overflow:hidden; }
#edito .logo { margin-top:1em; }

/* Blocs de la colonne accessoires, à droite */
#accessoires h1.webtv { font-size:18px }
.extras { margin-bottom:0.5em; padding-bottom:0.5em; line-height:2; border-bottom:1px solid;}
.extras .suite { margin-left:10px;}
.extras .suite .texte p{ font-size:12px; text-align:left;}
.extras .spacer { font-size:10px; line-height:10px;}
.extras p { margin-bottom:5px;}
.extras img { margin:5px 0.5em 0 0; vertical-align:middle; }
.extras .web-tv .spip_logos { float:none; margin:0 0.5em 0 0; vertical-align:middle; }
#haut_page { position: absolute; right:10px; bottom:50px; width:200px; height:20px; padding-top:60px; background:#fff url(img/blason.gif) 100% 100% no-repeat; z-index:30; }

/* Blocs d'alignement pour les pages des élus */
.boite { float:left; width:40%; min-width:220px; height:180px; margin-bottom:20px;}

/* Arrangements typographiques dans les blocs secondaires */
#entete #accessibilite a { color:#C6C6C6; text-decoration:underline; }
#entete #accessibilite a:hover { color:#666; }
#entete a.accueil img.spip_logos { vertical-align: top; line-height: 1em; margin:0; }
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-weight: normal; }

#contenu h1 { background-position:0 5px; background-repeat:no-repeat; }
#edito h3, #haut_page h3 { padding-left:45px; background-position:0 0; background-repeat:no-repeat; }
#edito h3, #edito .soustitre { margin-left:5px; }

.page-standard #contenu h1,
.page-grands-projets h1, .page-grands-projets #navigation h3, .page-grands-projets #haut_page h3,
.page-evenements h1, .page-evenements #navigation h3, .page-evenements #haut_page h3,
.page-vie-asso h1, .page-vie-asso #navigation h3, .page-vie-asso #haut_page h3,
.page-tourisme h1, .page-tourisme #navigation h3, .page-tourisme #haut_page h3,
.page-developpement h1, .page-developpement #navigation h3, .page-developpement #haut_page h3,
.page-jeunesse h1, .page-jeunesse #navigation h3, .page-jeunesse #haut_page h3 { padding-left:20px; }

.page-vivre-pradet #navigation h3, .page-votre-ecoute #navigation h3, .page-guichet #navigation h3, .page-elus #navigation h3,
.page-pradet-tv h1, .page-pradet-tv #navigation h3, .page-pradet-tv #haut_page h3 {padding-left:45px;}

.grands-projets h2, .evenements h2, .vie-asso h2, .tourisme h2, .developpement h2,
.jeunesse h2 { margin-bottom:1em; padding-left:15px; text-align:left; }

.extras .soustitre { margin-left:0; }
.toutvoir { margin-left:50%; text-decoration:underline; color:#666; cursor:pointer; }
.ps h3, .notes h3 { margin-bottom:0.50em; border-bottom:1px solid; }

/* La web tv */
.video {float:left; width:321px; height:270px; margin-bottom:1em; margin-left:1em; padding:20px; background:url(img/ecran_tv.png) 0 0 no-repeat; }
.video-fonctions {clear:left; width:321px; margin:0 0 1em 1em; }
.info-video {float:left; width:320px; margin:1em 1em 0 2em;}
.date {font-size:0.82em; color:#000;}

/* ------------------------------------------
/* Les couleurs de rubriques
/* ------------------------------------------ */
/* Accueil-sommaire, Revue de presses, Liens utiles, et les blocs de la page d'accueil */
.page_sommaire #entete, .page-standard #entete { background-image:url(img/accueil.jpg); }
.page_sommaire #menu, .page-standard #menu { background-color:#F5217B; }
.page_sommaire .extras,
.page-standard .extras, .page-standard #navigation, .page-standard .hyperlien,
.page-standard .ps h3, .page-standard .notes h3, .page-standard #documents_portfolio h3 { border-color:#F5217B; }
.page_sommaire #accessoires h1, .page_sommaire #pied,
.page-standard #contenu h1, .page-standard #accessoires h1, .page-standard #pied, .page-standard .hyperlien span,
.page-standard #documents_joints h3, .page-standard .ps h3, .page-standard .notes h3, .page-standard #documents_portfolio h3 { color:#F5217B; }
.page_sommaire #edito h3, .page_sommaire #haut_page h3,
.page-standard #navigation h3, .page-standard #haut_page h3 { background-image:url(img/puce_accueil.gif); }
.page_sommaire .grands-projets { border-color:#E1B439; }
.page_sommaire .grands-projets h2 { background:url(img/puce_projets.gif) 0 3px no-repeat; }
.page_sommaire .grands-projets h2 a { color:#E1B439; }
.page_sommaire .evenements { border-color:#0D8ACE; }
.page_sommaire .evenements h2 { background:url(img/puce_evenements.gif) 0 3px no-repeat; }
.page_sommaire .evenements h2 a { color:#0D8ACE; }
.page_sommaire .vie-asso { border-color:#E21C4B; }
.page_sommaire .vie-asso h2 { background:url(img/puce_asso.gif) 0 3px no-repeat; }
.page_sommaire .vie-asso h2 a { color:#E21C4B; }
.page_sommaire .tourisme { border-color:#77B5FE; }
.page_sommaire .tourisme h2 { background:url(img/puce_tourisme.gif) 0 3px no-repeat; }
.page_sommaire .tourisme h2 a { color:#77B5FE; }
.page_sommaire .developpement { border-color:#028E37; }
.page_sommaire .developpement h2 { background:url(img/puce_developpement.gif) 0 3px no-repeat; }
.page_sommaire .developpement h2 a { color:#028E37; }
.page_sommaire .jeunesse { border-color:#FB93FA; }
.page_sommaire .jeunesse h2 { background:url(img/puce_jeunesse.gif) 0 3px no-repeat; }
.page_sommaire .jeunesse h2 a { color:#FB93FA; }

/* Vivre au Pradet, rub 30 */
.page-vivre-pradet #entete { background-image:url(img/vivre_pradet.jpg); }
.page-vivre-pradet #menu { background-color:#9BDF08; }
.page-vivre-pradet #navigation, .page-vivre-pradet .extras, .page-vivre-pradet .hyperlien,
.page-vivre-pradet .ps h3, .page-vivre-pradet .notes h3, .page-vivre-pradet #documents_portfolio h3 { border-color:#9BDF08; }
.page-vivre-pradet #contenu h1, .page-vivre-pradet #accessoires h1, .page-vivre-pradet #pied, .page-vivre-pradet #documents_joints h3,
.page-vivre-pradet .hyperlien span, .page-vivre-pradet .ps h3, .page-vivre-pradet .notes h3, .page-vivre-pradet #documents_portfolio h3 { color:#9BDF08; }
.page-vivre-pradet #contenu h1, .page-vivre-pradet #navigation h3, .page-vivre-pradet #haut_page h3 { background-image:url(img/puce_vivre.gif); }

/* Vos elus, rub 31 */
.page-elus #entete { background-image:url(img/elus.jpg); }
.page-elus #menu { background-color:#949E9D; }
.page-elus #navigation, .page-elus .extras, .page-elus .hyperlien,
.page-elus .ps h3, .page-elus .notes h3, .page-elus #documents_portfolio h3 { border-color:#949E9D; }
.page-elus #contenu h1, .page-elus #accessoires h1, .page-elus #pied, .page-elus #documents_joints h3,
.page-elus .hyperlien span, .page-elus .ps h3, .page-elus .notes h3, .page-elus #documents_portfolio h3 { color:#949E9D; }
.page-elus #contenu h1, .page-elus #navigation h3, .page-elus #haut_page h3 { background-image:url(img/puce_elus.gif); }

/* A votre ecoute, rub 32 */
.page-votre-ecoute #entete { background-image:url(img/ecoute.jpg); }
.page-votre-ecoute #menu { background-color:#38D2F8; }
.page-votre-ecoute #navigation, .page-votre-ecoute .extras,
.page-votre-ecoute .hyperlien, .page-votre-ecoute .ps h3, .page-votre-ecoute .notes h3,
.page-votre-ecoute #documents_portfolio h3, .page-votre-ecoute input, .page-votre-ecoute textarea { border-color:#38D2F8; }
.page-votre-ecoute #contenu h1, .page-votre-ecoute #accessoires h1,.page-votre-ecoute #documents_joints h3, .page-votre-ecoute #pied,
.page-votre-ecoute .hyperlien span, .page-votre-ecoute .ps h3, .page-votre-ecoute .notes h3, .page-votre-ecoute #documents_portfolio h3 { color:#38D2F8; }
.page-votre-ecoute #contenu h1, .page-votre-ecoute #navigation h3, .page-votre-ecoute #haut_page h3 { background-image:url(img/puce_ecoute.gif); }

/* Guichet virtuel, rub 33 */
.page-guichet #entete { background-image:url(img/guichet.jpg); }
.page-guichet #menu { background-color:#A503A3; }
.page-guichet #navigation, .page-guichet .extras,
.page-guichet .hyperlien, .page-guichet .ps h3, .page-guichet .notes h3, .page-guichet #documents_portfolio h3 { border-color:#A503A3; }
.page-guichet #contenu h1, .page-guichet #accessoires h1, .page-guichet #pied, .page-guichet #documents_joints h3,
.page-guichet .hyperlien span, .page-guichet .ps h3, .page-guichet .notes h3, .page-guichet #documents_portfolio h3 { color:#A503A3; }
.page-guichet #contenu h1, .page-guichet #navigation h3, .page-guichet #haut_page h3 { background-image:url(img/puce_guichet.gif); }

/* Grans projets, rub 34 */
.page-grands-projets #entete { background-image:url(img/projets.jpg); }
.page-grands-projets #menu { background-color:#E1B439; }
.page-grands-projets #navigation, .page-grands-projets .extras, .page-grands-projets .hyperlien,
.page-grands-projets .ps h3, .page-grands-projets .notes h3, .page-grands-projets #documents_portfolio h3 { border-color:#E1B439; }
.page-grands-projets #contenu h1, .page-grands-projets #accessoires h1, .page-grands-projets #pied, .page-grands-projets #documents_joints h3,
.page-grands-projets .hyperlien span, .page-grands-projets .ps h3, .page-grands-projets .notes h3, .page-grands-projets #documents_portfolio h3 { color:#E1B439; }
.page-grands-projets #contenu h1, .page-grands-projets #navigation h3, .page-grands-projets #haut_page h3 { background-image:url(img/puce_projets.gif); }

/* Evenements, rub 35 */
.page-evenements #entete { background-image:url(img/evenements.jpg); }
.page-evenements #menu { background-color:#0D8ACE; }
.page-evenements #navigation, .page-evenements .extras, .page-evenements .hyperlien,
.page-evenements .ps h3, .page-evenements .notes h3, .page-evenements #documents_portfolio h3 { border-color:#0D8ACE; }
.page-evenements #contenu h1, .page-evenements #accessoires h1, .page-evenements #pied, .page-evenements #documents_joints h3,
.page-evenements .hyperlien span, .page-evenements .ps h3, .page-evenements .notes h3, .page-evenements #documents_portfolio h3 { color:#0D8ACE; }
.page-evenements #contenu h1, .page-evenements #navigation h3, .page-evenements #haut_page h3 { background-image:url(img/puce_evenements.gif); }

/* Vie associative, rub 36 */
.page-vie-asso #entete { background-image:url(img/asso.jpg); }
.page-vie-asso #menu { background-color:#E21C4B; }
.page-vie-asso #navigation, .page-vie-asso .extras, .page-vie-asso .hyperlien,
.page-vie-asso .ps h3, .page-vie-asso .notes h3, .page-vie-asso #documents_portfolio h3 { border-color:#E21C4B; }
.page-vie-asso #contenu h1, .page-vie-asso #accessoires h1, .page-vie-asso #pied, .page-vie-asso #documents_joints h3,
.page-vie-asso .hyperlien span, .page-vie-asso .ps h3, .page-vie-asso .notes h3, .page-vie-asso #documents_portfolio h3 { color:#E21C4B; }
.page-vie-asso #contenu h1, .page-vie-asso #navigation h3, .page-vie-asso #haut_page h3 { background-image:url(img/puce_asso.gif); }

/* Tourisme, rub 37 */
.page-tourisme #entete { background-image:url(img/tourisme.jpg); }
.page-tourisme #menu { background-color:#77B5FE; }
.page-tourisme #navigation, .page-tourisme .extras, .page-tourisme .hyperlien,
.page-tourisme .ps h3, .page-tourisme .notes h3, .page-tourisme #documents_portfolio h3 { border-color:#77B5FE; }
.page-tourisme #contenu h1, .page-tourisme #accessoires h1, .page-tourisme #pied, .page-tourisme #documents_joints h3,
.page-tourisme .hyperlien span, .page-tourisme .ps h3, .page-tourisme .notes h3, .page-tourisme #documents_portfolio h3 { color:#77B5FE; }
.page-tourisme #contenu h1, .page-tourisme #navigation h3, .page-tourisme #haut_page h3 { background-image:url(img/puce_tourisme.gif); }

/* Developpement durable, rub 38 */
.page-developpement #entete { background-image:url(img/developpement.jpg); }
.page-developpement #menu { background-color:#028E37; }
.page-developpement #navigation, .page-developpement .extras, .page-developpement .hyperlien,
.page-developpement .ps h3, .page-developpement .notes h3, .page-developpement #documents_portfolio h3 { border-color:#028E37; }
.page-developpement #contenu h1, .page-developpement #accessoires h1, .page-developpement #pied,
.page-developpement #documents_joints h3, .page-developpement .hyperlien span, .page-developpement .ps h3,
.page-developpement .notes h3, .page-developpement #documents_portfolio h3 { color:#028E37; }
.page-developpement #contenu h1,
.page-developpement #navigation h3, .page-developpement #haut_page h3 { background-image:url(img/puce_developpement.gif); }

/* Jeunesse, rub 39 */
.page-jeunesse #entete { background-image:url(img/jeunesse.jpg); }
.page-jeunesse #menu { background-color:#FB93FA; }
.page-jeunesse #navigation, .page-jeunesse .extras, .page-jeunesse .hyperlien,
.page-jeunesse .ps h3, .page-jeunesse .notes h3, .page-jeunesse #documents_portfolio h3 { border-color:#FB93FA; }
.page-jeunesse #contenu h1, .page-jeunesse #accessoires h1, .page-jeunesse #pied, .page-jeunesse #documents_joints h3,
.page-jeunesse .hyperlien span, .page-jeunesse .ps h3, .page-jeunesse .notes h3, .page-jeunesse #documents_portfolio h3 { color:#FB93FA; }
.page-jeunesse #contenu h1, .page-jeunesse #navigation h3, .page-jeunesse #haut_page h3 { background-image:url(img/puce_jeunesse.gif); }

/* Web Tv, mot 5 */
.page-pradet-tv #entete { background-image:url(img/webtv.jpg); }
.page-pradet-tv #menu { background-color:#FCD21C; }
.page-pradet-tv #navigation, .page-pradet-tv .extras, .page-pradet-tv .hyperlien,
.page-pradet-tv .ps h3, .page-pradet-tv .notes h3, .page-pradet-tv #documents_portfolio h3 { border-color:#FCD21C; }
.page-pradet-tv #contenu h1, .page-pradet-tv #accessoires h1, .page-pradet-tv #pied, .page-pradet-tv #documents_joints h3,
.page-pradet-tv .hyperlien span, .page-pradet-tv .ps h3, .page-pradet-tv .notes h3, .page-pradet-tv #documents_portfolio h3 { color:#FCD21C; }
.page-pradet-tv #contenu h1, .page-pradet-tv #navigation h3, .page-pradet-tv #haut_page h3 { background-image:url(img/puce_tv.gif); }

/* Contact, art 36 */
.page-contact #entete { background-image:url(img/contact.jpg); }
.page-contact #menu { background-color:#FB8200; }
.page-contact #navigation, .page-contact .extras,
.page-contact .hyperlien, .page-contact .ps h3, .page-contact .notes h3 { border-color:#FB8200; }
.page-contact #contenu h1, .page-contact #accessoires h1, .page-contact #pied, .page-contact #documents_joints h3,
.page-contact .hyperlien span, .page-contact .ps h3, .page-contact .notes h3 { color:#FB8200; }
.page-contact #contenu h1, .page-contact #navigation h3, .page-contact #haut_page h3 { background-image:url(img/puce_contact.gif); }

/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */
.soustitre { font-style: italic; line-height:1.20em; margin:0 0 0.5em; }
.chapo { margin-bottom: 1.50em; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; color:#666; text-align:justify; }
.texte { clear:left; margin-bottom: 1.50em; text-align:justify; }
#accessoires .texte, ul li .texte { margin-bottom: 0; line-height: 1.2; }
.hyperlien { clear:left; display: block; padding:0 20px 0.5em; border-bottom:1px solid; background: url(img/picto_liens_utiles.gif) 0 0 no-repeat; }
.hyperlien span { font-size: 0.82em; font-weight: bold; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear:both; display:block; font-size: 0.90em; }
.intitule {float:left; margin-right:0.5em; font-weight:bold; }

abbr.published { border: 0; }

/* Portfolio */
#documents_portfolio { display:block; margin: 1em auto; }
#documents_portfolio h3 { padding:0.5em 0 0.5em 2em; border-bottom:1px solid; background:url(img/picto_portfolio.gif) 0 0 no-repeat; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; padding:2px; border: 1px solid #666; }
#documents_portfolio a.on .spip_logos { }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { }

/* Documents joints et sites web */
#documents_joints { display:block; margin: 1em auto; }
#documents_joints h3 { padding:0.5em 0 0.5em 2em; border-bottom:1px solid; background:url(img/picto_telecharger.gif) 0 0 no-repeat; }

/*  Surcharge du calendrier : cf feuille de style du plugin */
#calendar {}
#calendar table { width:182px; height:150px; margin-bottom:5px; margin-left:4px; text-align:center; font-family:Verdana, Arial; }
#calendar table caption { margin-bottom:5px; padding:0; vertical-align:middle; line-height:1; }
#calendar table caption a { margin:0 0.5em; font-size:1.2em; font-weight:bold; line-height:1; }
#calendar table thead { font-size:smaller; }
#calendar table tr { width:100%; }
#calendar table tr td { vertical-align:middle; border:1px solid #C6C6C6; font-size:12px; }
#calendar table tr td.libre {}
#calendar table tr td.occupe { background-color:#DDD; }
#calendar table tr td.today { background-image:url(img/today.gif); background-position:8px 0; background-repeat:no-repeat; }
#calendar table tr td.horsperiode { color:#fff; }
#calendar table tr td a { font-size:11px; font-weight:bold; }

/* Lien d'impression */
.imprimer { float:right; margin-left:10px; padding:4px 0 0 25px; font-size: 0.90em; background:url(img/picto_impression.gif) 0 0 no-repeat; }

/* Pagination */
.pagination { clear:left; display:block; margin-top:1.5em; padding-top:0.5em; font-size: 0.90em; text-align:center; }
.pagination .on { font-weight: bold; color: #000; }
#navigation .pagination { border-top:1px dotted; border-color:inherit; }

/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Liste déroulantes du menu horizontal */
ul#menulist li ul { display:none; }
ul#menulist li a:hover>ul, ul#menulist li:hover>ul { display:block; }

ul#menulist { position: relative; top:0; left:0; width:100%; background-color: transparent; }
ul#menulist li { float:left; position:relative;	width:17%; margin-left: 2%;}

ul#menulist li a { display:block; padding-left:45px; line-height:30px; font-weight:bold; color:#fff; }
ul#menulist li a.vivre { background:url(img/puce_vivre.gif) 0 10px no-repeat; }
ul#menulist li a.ecoute { background:url(img/puce_ecoute.gif) 0 10px no-repeat; }
ul#menulist li a.guichet { background:url(img/puce_guichet.gif) 0 10px no-repeat; }
ul#menulist li a.elus { background:url(img/puce_elus.gif) 0 10px no-repeat; }
ul#menulist li a.contact { background:url(img/puce_contact.gif) 0 10px no-repeat; }

ul#menulist li a.on { background-position:0 10px; background-repeat:no-repeat; }

ul#menulist li a.vivre:hover, ul#menulist li a.ecoute:hover, ul#menulist li a.guichet:hover, ul#menulist li a.elus:hover,
ul#menulist li a.contact:hover, ul#menulist li a.on { text-decoration:none; background-image:url(img/puce_blanche.gif); }

ul#menulist li ul{
	position:absolute;
	top:29px;
	left:0;
	width:200px;
	padding: 5px;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	border-left:1px solid #333;
	z-index:20;
	-moz-border-radius:3px;
	border-radius:3px;
}
ul#menulist li ul.vivre { background-color:#9BDF08; z-index:20; }
ul#menulist li ul.ecoute { background-color:#38D2F8; z-index:20; }
ul#menulist li ul.guichet { background-color:#A503A3; z-index:20; }
ul#menulist li ul.elus { background-color:#949E9D; z-index:20; }

ul#menulist ul li { width:200px; margin-left:0; padding:1px 0; }
ul#menulist ul li:first-child { margin-left:0; border-top:none; }
ul#menulist ul li a { width:194px; padding:1px 3px 2px; font-weight:normal; line-height:1.2;}
ul#menulist ul li a:hover, ul#menulist ul li a.on:hover { color:#000; background-color:#fff; }
ul#menulist ul li a.on { background:none; }

ul#menulist li ul li ul{
	position:absolute;
	top:-5px;
	left:180px;
	border-top:1px solid;
	z-index:21;
}
/*  Fin du menu horizontal */

/* Navigation de la rubrique en cours, à gauche */
#navigation ul { margin-top:0.5em; margin-left:15px; list-style: circle outside; }
#navigation ul li { margin-bottom:0.2em; padding-bottom:0.2em; padding-left:0; background-image:none; }
#navigation ul li ul { list-style: disc; margin-top:0; }
#navigation ul li ul li { margin-bottom:0; }

/* Navigation des autres rubriques racines, à droite */
#menu_actions { line-height:1.4; }
#menu_actions li { padding-left:1.5em; }
#menu_actions li.grands-projets { background:url(img/puce_projets.gif) 0 4px no-repeat; }
#menu_actions li.evenements { background:url(img/puce_evenements.gif) 0 4px no-repeat; }
#menu_actions li.vie-asso { background:url(img/puce_asso.gif) 0 4px no-repeat; }
#menu_actions li.tourisme { background:url(img/puce_tourisme.gif) 0 4px no-repeat; }
#menu_actions li.developpement { background:url(img/puce_developpement.gif) 0 4px no-repeat; }
#menu_actions li.jeunesse { background:url(img/puce_jeunesse.gif) 0 4px no-repeat; }

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
input, select, textarea { font-size: 100%; font-family: inherit; }

/* Formulaire de recherche */
#formulaire_recherche { background: none; line-height:1.2; }/*Cf.: spip_formulaires.css*/
#formulaire_recherche input { border:0; }
#formulaire_recherche div { height:25px; background:url(img/champ_recherche.gif) 0 0 no-repeat; }
#formulaire_recherche input.text { width: 133px; padding-top:2px; padding-left:20px; background:url(img/picto_loupe.gif) 5px 5px no-repeat; }
#formulaire_recherche input.submit { display: inline; width:30px; font-weight:bold; color:#fff; cursor:pointer; background: none; }

/* Formulaire de contact */
#contenu .formulaire_spip {width:100%; margin:0;}
#contenu .formulaire_spip fieldset { margin-top:0;}
#contenu .formulaire_spip legend {font-size:1em; font-weight:normal; font-style:italic;}
#contenu .formulaire_spip ul { margin-top:2em; }
#contenu .formulaire_spip ul li { clear:left; padding-left:0; margin-bottom:25px; border-top:0; background:0 none; }
#contenu .formulaire_spip ul li.textbox { padding-top:15px; margin-bottom:0; }
#contenu .formulaire_spip ul li label { float:left; width:150px; padding-right:10px; text-align:right; line-height:25px; font-weight:normal; font-style:italic; }
#contenu .formulaire_spip ul li select { float:left; width:50%; height:20px; margin:3px 0 10px; color:#333; background-color:#EEE; }
#contenu .formulaire_spip ul li select:hover { cursor:pointer; }
#contenu .formulaire_spip ul li select option { padding:2px 0 2px 20px; border-bottom:1px dotted #666; background-color:#EEE; }
#contenu .formulaire_spip ul li input { float:left; width:50%; margin-top:3px; border:0 none; border-bottom:1px solid #999; }
#contenu .formulaire_spip ul li textarea { display:inline; width:50%; margin-top:10px; border:1px solid #999; }
#contenu .formulaire_spip ul li p.boutons { width:70%;  }
#contenu .formulaire_spip ul li p.boutons input { float:right; width:100px; margin-left:2em; font-size:14px; color:#fff; border:1px outset #666; background-color: #999; cursor:pointer; }
#contenu .formulaire_spip ul li p.boutons input:hover { background-color:#666; }

#contenu .reponse_formulaire { margin-bottom:1.5em; padding-left:1em; font-size:1em; font-weight:normal; background:transparent url(puce.gif) 0 3px no-repeat; }

/* Modifications pour le formulaire newsletter */
#contenu .formulaire_spip ul li.newsletter { margin-bottom:5px; }
#contenu .formulaire_spip ul li label.souhait { float:none; width:auto; margin-bottom:1em; font-style:normal; font-weight:bold; text-align:left; }
#contenu .formulaire_spip ul li input.checkbox { width:40px; }
#contenu .formulaire_spip ul li label.email{ width:auto; font-style:normal; font-weight:bold; text-align:left; }
#contenu .formulaire_spip ul li div { float:left; width:200px; height:25px; background:url(img/champ_recherche.gif) 2px 2px no-repeat; }
#contenu .formulaire_spip ul li input.email { width:155px; padding-top:2px; padding-left:5px; border:0; background-color:transparent; }
#contenu .formulaire_spip ul li input.ok { display: inline; width:30px; font-weight:bold; color:#fff; cursor:pointer; border:0; background-color:transparent; }

/* Couleurs des liens
---------------------------------------------- */
a, a.spip_out, a.spip_in { color: #666; text-decoration: none; background-color:transparent; }
a:focus, a:hover, a:active { color:#000; }
#contenu .texte a, #contenu #inscription a { text-decoration:underline; }