/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes pour le site des CEDAC de Nice  */
/*  ----------------------------------------------------------- */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
* { margin:0; padding:0; }
body {
	margin:0;
	text-align: center;
	font-size: .9em;
	color: #333;
	background:#00707E url('images/fond_deg.jpg') bottom left fixed repeat-x;
	font-family: verdana, Arial, sans-serif;
}
body.page_rubrique, body.page_article, body.page_centre {
	min-height:100%;
	background:#CAD5D9 url('images/fond_deg_centre_contenu.png') bottom center fixed repeat-x;
}

body.page_article.presentation2 {
	background:#CAD5D9 url('images/fond_deg_centre_contenu2.png') bottom center fixed repeat-x;
}
body.page_article.presentation3 {
	background:#CAD5D9 url('images/fond_deg_centre_contenu3.png') bottom center fixed repeat-x;
}
body.page_article.presentation4 {
	background:#CAD5D9 url('images/fond_deg_centre_contenu4.png') bottom center fixed repeat-x;
}
body.page_article.presentation5 {
	background:#CAD5D9 url('images/fond_deg_centre_contenu5.png') bottom center fixed repeat-x;
}
body.page_article.presentation6 {
	background:#CAD5D9 url('images/fond_deg_centre_contenu6.png') bottom center fixed repeat-x;
}
body.page_article.presentation7 {
	background:#CAD5D9 url('images/fond_deg_centre_contenu7.png') bottom center fixed repeat-x;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: bold; }
li { list-style-type:none; list-style-position:inside; }


/*  Correction des styles spip
/*  ------------------------------------------ */
ul.spip {
	margin-top:1em;
}
ul.spip ul.spip {
	margin:0;
	margin-bottom:1em;
	margin-left:2em;
}
li.spip { padding-bottom:.8em; list-style-type:square; }
li.spip li.spip { list-style-type:disc; }
li.spip li.spip li.spip { list-style-type:circle; }

a.spip_out, a.spip_url {
	padding-right:15px;
	background:url('images/spip_out.png') center right no-repeat;
}

.liste-articles h3.spip { margin:0; }
p.spip {
	position:relative;
	margin-top:.5em;
}

/*  ------------------------------------------
/*  intro */
#intro {
	position:absolute;
	display:none;
	top:0;
	left:0;
	width:100%;
	height:100%;
	cursor:pointer;
	text-align:center;
	z-index:10;
}
.index #intro {
	position:absolute;
	display:none;
	top:0;
	left:0;
	width:100%;
	height:100%;
	cursor:pointer;
	text-align:center;
	z-index:10;
}
.index #centres a {
	color:#FFF;
}
#entree {
	position:relative;
	width:400px;
	margin:20px auto;
	margin-bottom:4em;
}
#diaporama_cedac {
	position:relative;
	margin-top:0;
}
#cedac {
	position:absolute;
	width:300px;
	height:150px;
	top:5px;
	left:10px;
	z-index:1000;
	text-align:left;
	/*background:url('/squelettes_cedac/images/cedac_logo.png') center left no-repeat;*/
}
#centres {
	width:180px;
	margin-top:0;
	margin-left:230px;
	font-size:1.1em;
	font-family:Impact,Arial black,sans-serif;
	color:#FFF;
	text-align:left;
	text-transform:uppercase;
}

/* diaporamas */
#diaporama_gd {
	position:relative;
	width:280px;
	height:240px;
	margin-top:-244px;
	z-index:100;
}
#diaporama_gd li {
	width:280px;
	height:240px;
}
#diaporama_pg {
	position:relative;
	width:75px;
	height:75px;
	margin-top:-72px;
	margin-left:206px;
	z-index:200;
}

#diaporama_mg {
	position:relative;
	width:137px;
	height:137px;
	margin-top:-3px;
	margin-left:71px;
	z-index:300;
}




div.bienvenue {
	float:right;
	text-align:left;
	min-height:60px;
	width:180px;
	margin-top:-120px;
	background:url('images/bienvenue.png') top left no-repeat;
}
div.bienvenue h1 {
	padding-top:22px;
	margin-left:4px;
	font-size:.8em;
	color:#FFF;
}

.page_sommaire a.spip_out { background:none; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 990px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#conteneur {
	position:relative;
	width: 752px;
	padding-bottom:3em;
	float: right;
}

#conteneur #contenu {
	margin-left:14px;
}

#conteneur #contenu .chapo, #conteneur #contenu .texte, #conteneur #contenu #portfolio, #conteneur #contenu .ps, 
#conteneur #contenu h1, #conteneur #contenu h3, #conteneur #contenu .syndic {
	width:460px;
}



#navigation {
	float: left;
	width: 235px;
}

#contenu .encart {
	float: right;
	width: 11em;
	margin: 0;
	margin-bottom: 1em;
}
#annonces {
	float:right;
	width:235px;
	height:160px;
	background:#95B0BB;
	margin:0 0 1em 1em;
	text-align:center;
	font-size:.85em;
}
.page_activites #annonces { margin:0; }

#annonces ul,  #annonces li {
	position:relative;
	width:235px;
	height:160px;
}
#annonces ul, #contenu #annonces li, #annonces a {
	margin:0;
	padding:0;
}
#annonces li, #diaporama_gd li, ul#diapo_menu li {
	position:absolute;
	top:0;
	left:0;
}
#annonces h1, #annonces span, #annonces small {
	position:relative;
	background:#FFF /*00707E*/;
	-moz-opacity:0.75;		/* transparence Moz */
	opacity: 0.75;			/* transparence W3C */
	filter:alpha(opacity=75);	/* transparence IE */
}
#conteneur #contenu #annonces h1 { padding:.6em 0; width:235px; }
#annonces small { font-size:.9em; font-weight:bold; }


/******************************************* Entete */
#entete {
	width: 990px;
	height:77px;
	background:url('images/entete-fond.jpg') top left repeat-x;
	color:#FFF;
	overflow:hidden;
}
#entete #nom_site_spip, #entete a .spip_logos {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 1.5em; }
#entete a { text-decoration: none; color:#FFF; }
#entete h1 {
	font-size:1em;
	font-weight:bold;
	padding:15px 0 4px 0;
}
#entete h2 {
	font-size:1.1em;
	font-weight:normal;
	text-transform:uppercase;
	font-family:impact, arial, sans-serif;
}
#entete a#accueil {
	display:block;
	float:left;
	width:235px;
	height:77px;
	background:url('images/entete-g.jpg') top left no-repeat;
	margin-right:2.3em;
}
#entete a#accueilw {
	display:block;
	float:right;
	width:235px;
	height:77px;
	background:url('images/entete-d.jpg') top left no-repeat;
}


/* Fil d'Ariane */
#hierarchie {
	margin-bottom:2em;
	font-size: 0.7em;
	text-transform:uppercase;
}

/* Pied de page */
#pied {
	float: left;
	clear:both;
	width: 213px;
	margin-top:4em;
	text-align:left;
	color:#00707E;
	font-size:.95em;
}
#pied small { }
#pied small span { font-size:.88em; }
#pied img { vertical-align: bottom; }
#pied a { display:inline; color:#7F7F7F; padding:.2em .4em; }
#pied a:hover {
	color:#000 /*9DB5BF*/;
	background:#9DB5BF;
	text-decoration:none;
}
#connexion {
	width:235px;
	text-align:center;
	background:#779C9F;
}
#connexion fieldset {
	border:none;
	font-size:.8em;
	margin:0 auto;
}
#connexion legend { float:none; }
#connexion p.spip_bouton { text-align:center; margin-bottom:1em; }
#connexion p.spip_bouton input { float:none; }
.logout { margin-left:-.3em; }
.login { margin-left:-.6em; }
input#var_login {
	width:200px;
}
/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

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


/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */

/*  Habillage general des menus de navigation
---------------------------------------------- */
.rubriques, .breves, .syndic, .forums, .divers {
	width:213px;
	margin-bottom: 1em;
	font-size: 0.8em;
}
.syndic {
	margin-top:2em;
}
.syndic a, .page_60 #contenu a.spip_out {
	padding:.2em .4em;
	color:#9DB5BF;
	background:#00707E;
	font-weight:bold;
}
.syndic a:hover, .page_60 #contenu a.spip_out:hover {
	color:#FFF /*9DB5BF*/;
	background:#9DB5BF;
	text-decoration:none;
}

/*
.menu-titre {
	padding: 0.2em 0.4em;
	border-bottom: 1px dotted #CCC;
	text-align: center;
	font-weight: bold;
}
*/

#navigation p, .encart p {
	margin: 0;
	padding: 0.2em 0.7em;
	text-align: left;
}
#navigation ul, .encart ul {
	margin: 0;
	padding: 0;
	text-align: left;
	list-style: none;
}
#navigation li, .encart li {
	margin:0;
	margin-bottom:5px;
	
	
}
#navigation a, #navigation #smenu1 li.titresecteur a, #navigation #smenu9 li.titresecteur a, #navigation #smenu56 li.titresecteur a, #navigation #smenu72 li.titresecteur a {
	display:block;
	padding:.2em 1em;
	padding-bottom:0;
	font-weight:normal;
	font-size:1.35em;
	text-transform:uppercase;
	background:#00707E;
	color:#FFF;
	font-family:Impact, Arial, sans-serif;
	border-bottom:2px solid #00707E;
}
#navigation a.on, #navigation a:hover, #navigation #smenu1 li.titresecteur a, #navigation #smenu9 li.titresecteur a, #navigation #smenu56 li.titresecteur a, #navigation #smenu72 li.titresecteur a {
	border-bottom:2px solid #50898F /*515F17 /*7C8F2C /*97AF36 /*6E7F27 /*8B7E6E*/;
	color:#FFF /*CAD5D9 /*7C8F2C /*6E7F27 /*00707E*/;
	background-color:#50898F;
	text-decoration:none;
}


#navigation #smenu1, #navigation #smenu1on, #navigation #smenu9, #navigation #smenu9on, #navigation #smenu56, #navigation #smenu56on, #navigation #smenu72, #navigation #smenu72on {
	width:100%;
	margin-bottom:-6px;
	/*margin-top:-1.7em;*/
}
#navigation #smenu1 li, #navigation #smenu1on li, #navigation #smenu9 li, #navigation #smenu9on li, #navigation #smenu56 li, #navigation #smenu56on li, #navigation #smenu72 li, #navigation #smenu72on li {
	margin:0;
}
#navigation #smenu1 a, #navigation #smenu1on a, #navigation #smenu9 a, #navigation #smenu9on a, #navigation #smenu56 a, #navigation #smenu56on a, #navigation #smenu72 a, #navigation #smenu72on a {
	display:block;
	padding:.2em 1.5em;
	font-weight:bold;
	font-size:.9em;
	text-transform:uppercase;
	background:#9DB5BF /*8B7E6E*/;
	color:#FFF;
	font-family: verdana, Arial, sans-serif;
	border:none;
}
#navigation #smenu1 a:hover, #navigation #smenu1on a:hover, #navigation #smenu1on a.on, 
#navigation #smenu9 a:hover, #navigation #smenu9on a:hover, #navigation #smenu9on a.on, 
#navigation #smenu56 a:hover, #navigation #smenu56on a:hover, #navigation #smenu56on a.on, 
#navigation #smenu72 a:hover, #navigation #smenu72on a:hover, #navigation #smenu72on a.on {
	text-decoration:none;
	background:#779C9F;
}

ul#diapo_menu {
	position:relative;
	margin-top:-12px;
	width:235px;
	height:235px;
}
ul#diapo_menu li {
	width:235px;
	height:235px;
}
.contour_diapo {
	position:absolute;
	top:0;
	left:0;
	width:235px;
	height:235px;
	background:url('images/masque_menu_contour.gif') top left no-repeat;
}


/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */

/*  Cartouche et titraille
---------------------------------------------- */
.cartouche { margin-bottom: 2em; font-size:.8em; }

#conteneur #contenu h1.titre { font-size: .9em; text-transform:uppercase; }
#conteneur #contenu .cartouche .titre {
	font-size: 1em;
	font-weight: bold;
	margin-right:1.5em;
	text-transform:uppercase;
	color: #000;
}
#contenu .surtitre { font-size: 0.82em; }

.cartouche .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px; }

.cartouche p { margin: 0; padding: 0; clear: left; }
.cartouche small { font-size: 0.71em; }

.cartouche .traductions { font-size: 0.71em; }
.cartouche .traductions * { display: inline; }
.cartouche .traductions li { padding-left: 1em; }


/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {
	
	position:relative;
	margin-bottom: 1em;
	font-weight: bold;
	font-size:.85em;
	line-height: 1.4em;
	z-index:10;
}


h4 { font-size:.75em; }
h5, h6 { font-size:.7em; }



.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }

.texte {
	position:relative;
	color: #000;
	font-size: 0.8em;
}

#contenu li {
	margin:.5em;
	margin-left:0;
}
.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
}
.ps { font-size: 0.9em; font-style:italic; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }

/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	margin-right:1em;
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 1px solid #000;
}
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }

#document_actif { margin-top: 1em; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	clear:both;
	margin-right:1em;
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 1px solid #000;
}
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#documents_joints li { float:left; width:150px; margin:0 1em 1em 0; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { display:block; font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}

/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles {
	float:left;
}
.liste-articles ul { margin: 0; padding: 0; list-style: none; }
.liste-articles li { margin-bottom: 1em; clear: both; }

.liste-articles li .titre {
	font-size: 1.03em;
	font-weight: bold; }

.liste-articles li .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px;
	clear: right; }

.liste-articles li p { margin: 0; padding: 0; }

.liste-articles li .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0; }

.liste-articles li small {
	display: block;
	font-size: 0.71em; }

.liste-articles li .texte {
	margin-top: 5px;
	margin-bottom: 2em;
	border: 1px solid #CCC;
	padding: 0.9em;
	font-size: 0.82em;
	line-height: 1.4em; }

.pagination { font-size: 0.90em; }


/*  ------------------------------------------
/*  page_contact
/*  ------------------------------------------ */
.page_contact #contenu ul { clear:both; }
.page_contact #contenu li {
	float:left;
	width:225px;
	height:440px;
	margin-bottom:1em;
	margin-right:10px;
	
}
.page_contact #conteneur #contenu h1, .page_contact #conteneur #contenu .texte {
	width:210px;
}
.page_contact #contenu p {
	padding:.5em;
	padding-top:0;
}


.page_contact .cartouche { width:100%; margin-bottom: .5em; font-size:.8em; }
.page_contact .chapo {
	margin-bottom:0;
}

.page_contact .cartouche h1.titre {
	font-size: 1em;
	font-weight: bold;
	margin:0;
	text-transform:uppercase;
	color: #000;
}

.page_contact p.spip {
	
}


/*  ------------------------------------------
/*  page_evenements
/*  ------------------------------------------ */
.page_evenements .cartouche h1.titre, .page_evenements #contenu ul li h1 {
	text-transform:uppercase;
}
.page_evenements #contenu li small { font-size:.9em; font-weight:bold; }

.page_evenements #contenu ul li .spip_logos {
	float:left;
	margin-right:.5em;
}
.page_evenements #conteneur #contenu li .texte {
	font-size:1em;
}


/*  ------------------------------------------
/*  page_presse
/*  ------------------------------------------ */
.page_presse fieldset { margin-top:1em; border:none; border-top:1px solid #000; padding:.5em; }
.page_presse fieldset legend {
	padding:.5em;
}
.page_presse #inscription fieldset label { text-align:right; }
.inscription2 { margin-bottom:3em; }
.page_presse p.texte { margin:1em 0; }
.page_presse form {
	font-size:.8em;
	text-align:center;
}
.login_presse {
	width:470px;
}


/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */

.page_plan #contenu li { list-style-type:square; }
.page_plan #contenu li li { margin-left:2em; }
.page_plan #contenu li a { font-weight:bold; }





/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { text-align: left; font-size: 0.77em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { width: 12em; text-align: left; }
.formulaire_recherche label { display: none; }

/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 2.5em;
	padding-top: 2px;
	border-top: 2px solid #CCC;
	font-size: 0.88em;
	font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }

/*  ------------------------------------------
/*  Habillage des petitions
/*  ------------------------------------------ */

#signatures { clear: both; font-size: 0.77em; }

#signatures h2 {
	padding: 0.5em;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold; }

#signatures table { width: 100%; margin: 1em 0; }
#signatures thead { display: none; } /* On n'affiche pas les titres du tableau */

#signatures td.signature-date {
	background: #E4F0F0;
	padding: 0.5em;
	white-space: nowrap; }

#signatures td.signature-nom {
	background: #ECF4F4;
	padding: 0.2em;
	text-align: center;
	font-weight: bold; }

#signatures td.signature-message {
	background: #F4F8F8;
	padding: 0.4em;
	font-size: 0.96em; }

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }


/* recherche et activites
------------------------------------------------- */
form#toutafficher {
	margin-bottom:1.3em;
}
form#toutafficher input {
	cursor:pointer;
}

form#tri {
	width:100%;
}
form#tri p {
	width:235px;
	float:left;
	margin-right:11px;
}
form#tri select {
	width:100%;
	color:#FFF;
	background:#00707E;
	border:1px solid #8F886B;
	margin:.3em 0;
	cursor:pointer;
	white-space:normal;
	height:1.4em;
}
form#tri select optgroup {
	font-weight:normal;
	width:223px;
	white-space:normal;
}
form#tri select option {
	background:#9DB5BF;
	white-space:normal;
	padding-left:5px;
}
form#tri select option.option:hover {
	background:#9DB5BF;
}

form#tri input { margin:.3em 0; cursor:pointer; }


/* page activites et recherches */
.page_recherche h5, .page_activites h5, .page_evenements h5 { clear:both; width:725px; border-bottom:1px solid #8F886B; }
.page_recherche h6, .page_activites h6 { clear:both; margin-right:10px; }

#accordeon, #accordeon2, #accordeon3, #accordeon4 {
	font-size:.75em;
	width:235px;
	float:left;
	margin-right:10px;
}
#accordeon .li, #accordeon2 .li, #accordeon3 .li, #accordeon4 .li {
	clear:both;
	font-size:1.1em;
	margin-top:1em;
}

.page_activites #contenu h6, .page_evenements #contenu h6 {
	font-size:1em;
}
.page_recherche #contenu h6 {
	color:red;
	font-size:.8em;
}
.page_recherche #contenu h6 span {
	text-decoration:blink;
}



span.infos {
	display:block;
	position:relative;
	margin-top:0;
	text-align:right;
	cursor:pointer;
	font-size:.88em;
	font-weight:bold;
	
}
.page_recherche #conteneur #contenu .chapo, .page_activites #conteneur #contenu .chapo, 
.page_recherche #conteneur #contenu .texte, .page_activites #conteneur #contenu .texte, 
.page_recherche #conteneur #contenu .ps, .page_activites #conteneur #contenu .ps, 
.page_recherche #conteneur #contenu .spip, .page_activites #conteneur #contenu .spip {
	width:220px;
}


.page_evenements #conteneur #contenu .li h1, .page_evenements #conteneur #contenu .li .chapo, 
.page_evenements #conteneur #contenu .li .texte, .page_evenements #conteneur #contenu .li .ps, 
.page_evenements #conteneur #contenu .li .spip {
	width:92%;
}



.page_recherche .texte, .page_activites .texte {
	clear:both;
	margin:0;
	padding:0;
	border-top:1px solid #000;
	font-size:1em;
	/*background:#DDEF95;*/
}
.page_recherche .ps, .page_activites .ps {
	display:block;
	border:none;
	margin:0;
	font-size:1em;
}
.page_recherche .chapo, .page_activites .chapo {
	clear:both;
	margin: 0;
	font-weight:normal;
}
.page_recherche .cartouche, .page_recherche .chapo, .page_activites .cartouche, .page_activites .chapo { width:auto; }


.page_recherche #contenu .li, .page_activites #contenu .li {
	list-style:none;
	margin:3px 0;
	padding:.3em;
	/*cursor:pointer;
	padding:.3em;*/
}
.fond {
	position:relative;
	padding:.3em;
}


.page_recherche #contenu .li span.titre, .page_activites #contenu .li span.titre {
	font-weight:bold;
	text-transform:uppercase;
	
}

.page_recherche #contenu .li span.soustitre, .page_activites #contenu .li span.soustitre {
	font-weight:bold;
	text-transform:lowercase;
	font-style:italic;
	
}


/* les nouveautes : pour l'instant, ce qui est publi� en septembre 2008 */
.nouveau {
	position:relative;
	color:#FFF;
	text-transform:uppercase;
	font-family:impact, arial, sans-serif;
	border:1px solid #FFF;
	float:right;
	padding-right:.2em;
	padding-left:.4em;
	/*text-decoration:blink;*/
}



/*  Des couleurs specifiques selon les secteurs pour les activites
------------------------------------------------------------------ 

/* cimiez = 2 
.page_activites .secteur2 span { background-color:#00BAC3; }
.page_activites .secteur2:hover { background-color:#67CCCF; }
.page_activites .secteur2 span.infos { border-right:1em solid #00BAC3; }
.page_activites .secteur2 span.infos:hover { border-right:1em solid #5FBCBF; }

/* terra mata = 3 
.page_activites .secteur3 { background-color:#a788be; }
.page_activites .secteur3:hover { background-color:#BEA7D0; }
.page_activites .secteur3 span.infos { border-right:1em solid #a788be; }
.page_activites .secteur3 span.infos:hover { border-right:1em solid #8D62AF; }

/* la costi�re = 4 
.page_activites .secteur4 { background-color:#afd46c; }
.page_activites .secteur4:hover { background-color:#C6DF99; }
.page_activites .secteur4 span.infos { border-right:1em solid #afd46c; }
.page_activites .secteur4 span.infos:hover { border-right:1em solid #98BF53; }

/* saint antoine 
.page_activites .secteur5 { background-color:#FBB057; }
.page_activites .secteur5:hover { background-color:#FFC47F; }
.page_activites .secteur5 span.infos { border-right:1em solid #FBB057; }
.page_activites .secteur5 span.infos:hover { border-right:1em solid #FF910F; }

/* ariane 
.page_activites .secteur6 { background-color:#f1667c; }
.page_activites .secteur6:hover { background-color:#F5939C; }
.page_activites .secteur6 span.infos { border-right:1em solid #f1667c; }
.page_activites .secteur6 span.infos:hover { border-right:1em solid #DF4561; }

/* fabron 
.page_activites .secteur7 { background-color:#ffdf5d ;}
.page_activites .secteur7:hover { background-color:#FFE57F; }
.page_activites .secteur7 span.infos { border-right:1em solid #ffdf5d; }
.page_activites .secteur7 span.infos:hover { border-right:1em solid #FFD21F; }

*/



/* cimiez = 2 */
.page_activites .secteur2 .fond { background-color:#00BAC3; }
.page_activites .secteur2 .fond:hover { background-color:#67CCCF; }
.page_activites .secteur2 span.infos { border-right:1em solid #00BAC3; }
.page_activites .secteur2 span.infos:hover { border-right:1em solid #5FBCBF; }

/* terra mata = 3 */
.page_activites .secteur3 .fond { background-color:#a788be; }
.page_activites .secteur3 .fond:hover { background-color:#BEA7D0; }
.page_activites .secteur3 span.infos { border-right:1em solid #a788be; }
.page_activites .secteur3 span.infos:hover { border-right:1em solid #8D62AF; }

/* la costi�re = 4 */
.page_activites .secteur4 .fond { background-color:#afd46c; }
.page_activites .secteur4 .fond:hover { background-color:#C6DF99; }
.page_activites .secteur4 span.infos { border-right:1em solid #afd46c; }
.page_activites .secteur4 span.infos:hover { border-right:1em solid #98BF53; }

/* saint antoine */
.page_activites .secteur5 .fond { background-color:#FBB057; }
.page_activites .secteur5 .fond:hover { background-color:#FFC47F; }
.page_activites .secteur5 span.infos { border-right:1em solid #FBB057; }
.page_activites .secteur5 span.infos:hover { border-right:1em solid #FF910F; }

/* ariane */
.page_activites .secteur6 .fond { background-color:#f1667c; }
.page_activites .secteur6 .fond:hover { background-color:#F5939C; }
.page_activites .secteur6 span.infos { border-right:1em solid #f1667c; }
.page_activites .secteur6 span.infos:hover { border-right:1em solid #DF4561; }

/* fabron */
.page_activites .secteur7 .fond { background-color:#ffdf5d ;}
.page_activites .secteur7 .fond:hover { background-color:#FFE57F; }
.page_activites .secteur7 span.infos { border-right:1em solid #ffdf5d; }
.page_activites .secteur7 span.infos:hover { border-right:1em solid #FFD21F; }




/*  Des couleurs specifiques selon les secteurs pour les evenements
------------------------------------------------------------------ */

/* CEDAC = 1 */
.page_evenements .secteur1 .fond { border-left:8px solid #00707E; padding-left:.4em; background:#9DB5BF; }
.page_evenements .secteur1 .fond:hover { border-left:8px solid #9DB5BF; background:#9DB5BF; }
.page_evenements .secteur1 span.infos { border-right:1em solid #00707E; }
.page_evenements .secteur1 span.infos:hover { border-right:1em solid #9DB5BF; }

/* cimiez = 2 */
.page_evenements .secteur2 .fond { border-left:8px solid #00BAC3; padding-left:.4em; background:#67CCCF; }
.page_evenements .secteur2 .fond:hover { border-left:8px solid #67CCCF; background:#67CCCF; }
.page_evenements .secteur2 span.infos { border-right:1em solid #00BAC3; }
.page_evenements .secteur2 span.infos:hover { border-right:1em solid #5FBCBF; }

/* terra mata = 3 */
.page_evenements .secteur3 .fond { border-left:8px solid #a788be; padding-left:.4em; background:#BEA7D0; }
.page_evenements .secteur3 .fond:hover { border-left:8px solid #BEA7D0; background:#BEA7D0; }
.page_evenements .secteur3 span.infos { border-right:1em solid #a788be; }
.page_evenements .secteur3 span.infos:hover { border-right:1em solid #8D62AF; }

/* la costi�re = 4 */
.page_evenements .secteur4 .fond { border-left:8px solid #afd46c; padding-left:.4em; background:#C6DF99; }
.page_evenements .secteur4 .fond:hover { border-left:8px solid #C6DF99; background:#C6DF99; }
.page_evenements .secteur4 span.infos { border-right:1em solid #afd46c; }
.page_evenements .secteur4 span.infos:hover { border-right:1em solid #98BF53; }

/* saint antoine */
.page_evenements .secteur5 .fond { border-left:8px solid #FBB057; padding-left:.4em; background:#FFC47F; }
.page_evenements .secteur5 .fond:hover { border-left:8px solid #FFC47F; background:#FFC47F; }
.page_evenements .secteur5 span.infos { border-right:1em solid #FBB057; }
.page_evenements .secteur5 span.infos:hover { border-right:1em solid #FF910F; }

/* ariane */
.page_evenements .secteur6 .fond { border-left:8px solid #f1667c; padding-left:.4em; background:#F5939C; }
.page_evenements .secteur6 .fond:hover { border-left:8px solid #F5939C; background:#F5939C; }
.page_evenements .secteur6 span.infos { border-right:1em solid #f1667c; }
.page_evenements .secteur6 span.infos:hover { border-right:1em solid #DF4561; }

/* fabron */
.page_evenements .secteur7 .fond { border-left:8px solid #ffdf5d; padding-left:.4em; background:#FFE57F; }
.page_evenements .secteur7 .fond:hover { border-left:8px solid #FFE57F; background:#FFE57F; }
.page_evenements .secteur7 span.infos { border-right:1em solid #ffdf5d; }
.page_evenements .secteur7 span.infos:hover { border-right:1em solid #FFD21F; }


/*  Des couleurs specifiques selon les secteurs pour la page contact
------------------------------------------------------------------ */

/* cimiez = 2 */
.page_contact .secteur2 { background-color:#67CCCF; }
.page_contact .secteur2 .cartouche h1.titre { background-color:#00BAC3; padding:.3em .6em; }
/* terra mata = 3 */
.page_contact .secteur3 { background-color:#BEA7D0; }
.page_contact .secteur3 .cartouche h1.titre { background-color:#a788be; padding:.3em .6em; }
/* la costi�re = 4 */
.page_contact .secteur4 { background-color:#C6DF99; }
.page_contact .secteur4 .cartouche h1.titre { background-color:#afd46c; padding:.3em .6em; }
/* saint antoine */
.page_contact .secteur5 { background-color:#FFC47F; }
.page_contact .secteur5 .cartouche h1.titre { background-color:#FBB057; padding:.3em .6em; }
/* ariane */
.page_contact .secteur6 { background-color:#F5939C; }
.page_contact .secteur6 .cartouche h1.titre { background-color:#f1667c; padding:.3em .6em; }
/* fabron */
.page_contact .secteur7 { background-color:#FFE57F; }
.page_contact .secteur7 .cartouche h1.titre { background-color:#ffdf5d; padding:.3em .6em; }








