/* CSS du site www.snitpect.org - 10/2005 - par www.kaliope.net */

/*les elements html*/
* { margin:0; padding:0;}

body { font-family:Arial, Helvetica, Verdana, Geneva, sans-serif; font-size:80%; color:#000; line-height:1.2; background-color:#fff;}

a { color:#E42B2A; text-decoration:none;}
a:hover { color:#F80B13; text-decoration:underline;}

p, p.spip { margin-bottom:10px; }
hr { margin-top:5px; margin-bottom:15px; border:1px solid #E7EBE8; }
br { line-height:1em;}

h1 { font-size:1.2em; font-weight:bold; font-variant:small-caps;}
h2 { font-size:1.1em; font-weight:normal;}
h3 { font-size:0.9em; font-weight:normal;}
h3.spip { font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight:bold;	font-size:110%; text-align:center; margin:40px 0; padding:0em;}
h4 { font-size:1.1em; font-weight:bold;}
h5 { font-size:1.1em; font-weight:bold; font-variant:small-caps;}
h6 { margin-bottom:10px; font-size:1em; font-weight:bold;}

blockquote.spip { margin-left: 20px; margin:10px 0;}

ul { list-style-type: none; padding:0; margin: 0;}
li { background: url(carre_gris.gif) 0 0.5em no-repeat; padding-left:1em;}
li:hover { background-color:#fff;	}

ul ul li {background: url(puce.gif) 0 0.3em no-repeat;}

/* le menu */
#navigation { float:left; width:185px; margin-bottom:10px; margin-left:15px; background-color:#E7EBE8;}
#navigation img { vertical-align:baseline; margin-left:5px;}

#menu_cart { padding:3px 10px; font:bold small-caps 1.1em Verdana; color:white; background:url(fond_snitpect.jpg);}

ul#menulist li ul { display:none;}
ul#menulist li:hover>ul { display:block;}

ul#menulist { position: static; width:185px;}
ul#menulist li { position:relative; width:167px; margin:0.2em 0; padding:0.3em 0 0.2em 1.4em; line-height:1.2em; background:url(puce.gif) 0.5em 0.6em no-repeat;}
ul#menulist li:hover { cursor:pointer;}

ul#menulist ul { position:absolute; top:0; left:170px; width:200px; line-height:1.6em; border:1px solid #94A497; background-color:#E7EBE8; z-index:30;}
ul#menulist ul li { width:182px;}

ul#menulist a { color:#000;}
ul#menulist a:hover { color:#E42B2A;	text-decoration:underline; cursor:pointer}

/* Les tableaux */
table.spip { width:560px; margin:10px 0; font-size:90%;	border:1px solid #94A497; border-collapse:collapse;}
table.spip tr.row_odd {	background-color:#d0d0d0;}
table.spip tr.row_even { background-color:#E7EBE8;}

table.spip td { padding:3px;	text-align:left; vertical-align:middle; border:1px solid #94A497;}

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }
table.spip_barre a img { background:#E7EBE8; padding:3px; border:1px outset #999; }
table.spip_barre a:hover img { background:#FFF; border:1px solid #999; }
table.spip_barre input.barre { width: 100%; background: #EEE; }
table .barre {display:none;}

.spip_puce { list-style-position:inside; border-width:0px;}

.spip_documents {	font-family: Verdana,Arial,Helvetica,sans-serif; font-size:0.9em;}
.spip_documents_center {margin:10px auto; text-align:center; width:80%;}
.spip_documents_left {	float:left; margin-right:10px; text-align:center;}
.spip_documents_right { float:right; margin-left:10px; text-align:center;}
.type_doc { font-size:0.9em;}

/* Le lecteur multimedia */
dd.spip_doc_descriptif { margin:0 5px; padding:1em; font-size:smaller; font-weight:bold; text-align:center; background-color:#e7ebe8; }
.spip_documents_center dd.spip_doc_descriptif { margin:0 25px; }

/* Les blocs principaux */
#general, #general2 { position:relative; width:800px; margin:10px auto 20px; padding:0; border:3px solid #617164; background:white url(bandeau_foule.jpg) no-repeat; z-index:10;}

#cap { float:left; width:572px; margin:0 0 15px 10px; padding:0 0 5px; border-right:1px solid #94A497;	background-color:white;}

#actu { float:left; width:375px; margin-left:10px; padding:0 0 10px; border-right:1px solid #94A497; background:white url(fond_cadre_actualite.jpg) no-repeat;}
#actu_cart { margin-bottom:10px; padding:3px 10px; font:bold small-caps 1.1em Verdana; color:white; background:white url(fond_actualite.jpg);}
#actu p { margin:0;}

#projo { float:left;	width:185px; margin-left:10px; padding:0 0 5px; font-size:1em; border-right:1px solid #94A497; background:white url(fond_cadre_projo.jpg) no-repeat;}
#projo_cart { width:165px; padding:3px 10px; font:bold small-caps 1.1em Verdana; color:white; background:white url(fond_projo.jpg);}

#principal { float:left; width:575px; margin:0 0 1px 10px; padding:0 0 5px; background:white url(fond_cadre_actualite.jpg) no-repeat;}
#principal_cart { width:555px; margin-bottom:10px; padding:3px 10px;	font:bold small-caps 1.1em Verdana; color:white; background:white url(fond_actualite.jpg);}

#principal li, #projo li, #actu li, #cap li { margin-top:0.8em; margin-left:10px; padding-right:10px;}

/* L'entete du site */
#entete { display:block; height:180px; }
#entete a.accueil { float:left; margin:2em 1em 0 }
#entete a:hover { text-decoration:none; }
#entete a.accueil .spip_logos { margin-right:0; vertical-align:middle }
#entete a.accueil #nom_site_spip { display:block; margin:1.2em 0 0 90px; padding:8px 3px 8px 5px; font-family: 'Aldrich', sans-serif; font-size:1.8em; font-weight:bold; letter-spacing:.2em; color:black;
	background-color:white;
	-webkit-box-shadow: 3px 3px 3px #999; 
	-moz-box-shadow: 3px 3px 3px #333; 
	box-shadow: 3px 3px 3px #333;
}
#general2 #entete a.accueil #nom_site_spip { margin-top:1em; background-color:#E42C24; color:white; line-height:.8em; }
#general2 #entete a.accueil #nom_site_spip span { white-space:pre; }
#general2 #entete a.accueil #nom_site_spip span:after { content:"\A espace adhérents"; text-transform:uppercase; font-size:.5em; }

/* le message dans l'entête du site */
.message { float:right; width:150px; margin:1em 2em 0 0; padding:.8em 1em; text-align:center; font-size:1.6em; font-family:'Handlee', cursive; color:#F80B13; line-height:1.2em; background-color:yellow;
	-webkit-box-shadow: 3px 3px 4px #999; 
	-moz-box-shadow: 3px 3px 4px #999; 
	box-shadow: 3px 3px 4px #999;
	-webkit-transform: matrix(0.990,0.138,-0.138,0.990,0,0);
	-moz-transform: matrix(0.990,0.138,-0.138,0.990,0px,0px);
	-ms-transform: matrix(0.990,0.138,-0.138,0.990,0,0);
	-o-transform: matrix(0.990,0.138,-0.138,0.990,0,0);
	transform: matrix(0.990,0.138,-0.138,0.990,0,0);
 }

/* le descriptif du site */
#descriptif { display:block; margin:0 1em; text-align:center; font:bold small-caps 1.1em Verdana; color:#F80B13; background-color:white; }

/* La hierarchie du chemin */
#chemin { position:relative; margin:0 10px 5px; padding:5px; text-align:right; font-size:1em;}
#chemin span { padding:0 5px 2px; background-color:#fff;}

/* Divers */
#adherent { float:left; width:163px; margin:5px 0 15px; padding:5px 10px; line-height:1.5em; border:1px dotted #E42B2A; background-color:#fff;}

#recherche { float:left; padding:10px 5px;}
input.formrecherche { float:left; text-align:left; width:140px; margin:0 5px 15px 0; }
input.boutoncherche, .spip_bouton input { height:1.6em; padding:0; font-size:1em; color:#000; text-decoration:none; border:2px outset #94A497; background-color:#FFF;}
input.boutoncherche:hover, .spip_bouton input:hover { color:#E42B2A; text-decoration:underline; cursor:pointer;}
select.themes { width: 13em; }

/* le logo des articles */
.spip_logos { float:left; margin:0 10px 0 0; border:0;}

/* Le bloc invisible pour les séparations */
.spacer { clear:both; height:10px; margin:0; visibility:hidden;}

/* Sous-container */
.flot_nav { float:left; width:175px; padding:5px; border:1px dotted #94A497; background-color:#fff;}
.flot_nav li { margin-top:0.2em;}

.droite { float:right; margin:0 10px 5px 5px; padding:0 20px 0 5px; text-align:right; background:url(puce_btt.gif) 95% 0.3em no-repeat;}

.boite { display:block; margin:10px;}
.boite li { margin-top:0.2em;}

.date { font-size:0.9em; color:#94A497;}

.gris { float:left; width:6px; height:6px; margin:5px 10px 0 0;	line-height:2px; background:#94A497;}

.details-forum { float:right; padding-left:25px;}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
.login { width:300px; padding:15px; line-height:1.7em;}
.login #formulaire_login fieldset { margin:0; padding:0; border:0;}
.login fieldset legend { line-height:1px; color:#FFF;}
.login .formulaire_spip {	margin-top:0;}
.formulaire_spip li { margin-top:0; margin-bottom:1em; background:0 none;}
.login .formulaire_spip .boutons input { width:70px; margin-left:200px; cursor:pointer; font-size:1em; font-weight:normal; color:#000; border:1px solid #94A497; background-color:#FFF;}
.login .formulaire_spip .boutons input:hover { font-weight:normal; color:#E42B2A; border:1px dotted #E42B2A; background-color:#FFF;}

/*Le formulaire de contact*/
form.css fieldset { width:500px; margin-top:20px; padding:2em; border:1px dotted #94A497;}
form.css legend { padding:1em; font-size:0.9em; font-weight:bold; background-color:#FFF;}
form.css label { float:left; width:200px; text-align:right;}
form.css input { width:150px; margin-bottom:5px; margin-left:10px; padding:0.2em; font-size:1.2em; color:#000;	border:1px solid #94A497; background-color:#FFF;}
form.css input.bouton { width:70px; margin-left:110px; cursor:pointer; font-size:1em; font-weight:normal; color:#000; border:1px solid #94A497; background-color:#FFF;}
form.css input.bouton:hover { font-weight:normal; color:#E42B2A; border:1px dotted #E42B2A; background-color:#FFF;}
form.css textarea { margin:0.5em 0 10px 50px;	padding:0.2em; color:#000;	border:1px solid #94A497; background-color:#FFF;}

.retour { font-size:1em; font-weight:bold; color:#E42B2A;}
.formulaire_spip { margin:10px 20px 20px; text-align: left; font-size: 0.92em; }
.navigation .formulaire_spip { margin:0 5px 0 0; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }
.formulaire_spip fieldset { margin:10px; padding:10px}
.formulaire_spip legend {font-weight:bold;}
.formulaire_spip label { font-style:italic; font-family: inherit; font-size: inherit; }
.formulaire_spip .forml { width: 98%; margin-top:5px; padding:2px; font-family: inherit; font-size: inherit; }
.formulaire_recherche input.forml {width:130px;}
.formulaire_recherche input.submit { float: right; margin-top:5px; margin-left:3px; padding:1px 3px; cursor:pointer; color:#000; border:1px solid #94A497; background-color:#FFF;}
.formulaire_recherche input.submit:hover {	color:#E42B2A; background-color:#FFF; }

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right;	padding:2px 5px; cursor:pointer;	font-size:1.2em; font-weight:normal;	color:#000; border:1px solid #94A497; background-color:#FFF;}
.spip_bouton input:hover { font-weight:normal; color:#E42B2A; text-decoration:none; border:1px dotted #E42B2A; background-color:#FFF;}

/* 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; }

/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */
.forum-repondre, .forum-decompte { clear: both; margin-top:1em; padding-left:10px;	font-size:1em; font-weight:bold;	background:url(puce.gif) 0 4px no-repeat;}
.forum-decompte { margin-bottom:0.5em; padding-left:0; font-weight:normal; background:none;}

ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
ul.forum li { padding-left:0; background-image: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.92em; }
.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 dotted #A4A4A4; }
ul ul ul .forum-message { border: 1px dotted #B8B8B8; }
ul ul ul ul .forum-message { border: 1px dotted #CCC; }
ul ul ul ul ul .forum-message { border: 1px dotted #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.92em; background: #E7EBE8; }
ul ul .forum-chapo { background: #EAEDEA; }
ul ul ul .forum-chapo { background: #F0F2F0; }
ul ul ul ul .forum-chapo { background: #F6F8F7; }
ul ul ul ul ul .forum-chapo { background: #FFF; }


/* Le pied de page */
#footer { clear: both; width:770px; height:20px; padding:5px 15px; font-size:0.8em; color:#94A497; text-align:center; border-top:2px dotted #94A497;}

/*FIN*/