/*              www.csdem.org - 10/2010                    */
/*               par www.indetendance.com                 */
/* --------------------------------------------------------- */
/*       REMISE A ZERO DES STYLES HTML         */
/*                               Thanks to                            */
/*   http://meyerweb.com/eric/tools/css/reset/    */

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%;/* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
	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; }

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

/* FIN DE LA REMISE A ZERO */

body { font-family:Verdana, Arial, Helvetica, Geneva, sans-serif; color:white; line-height:1.20em; background-color:#afabb8;}

h1 {  margin-right:178px; padding:10px 20px; font-size:1.4em; font-weight:normal; border-top:2px solid white; background-color:#afabb8; }
h2 { font-size:1em; font-weight:bold; }

a { color:white; text-decoration:none; }
a:focus, a:hover, a:active { text-decoration:underline; }
#hierarchie a, #actualite a { color:#f60; }

p { margin-bottom:.50em; }
br { line-height:0.9em;}
hr {	display:block;	height:1px; margin:5px 0; padding:0; color:#fff; background-color:#fff; border:0; }
small { font-size:smaller; }

li { margin-bottom:1em; padding-left:15px; background:url(puce.gif) 0 2px no-repeat; }
ul.spip { list-style:square outside; margin:0 0 .50em 2em;}
ul.spip li { margin-bottom:.50em; background:none; padding:0;}

.spip_logos{ float:left; margin:3px 10px 3px 0; border:none; }
img { border:none; }

/*le cadre general*/
#general { position:relative;	width:798px; margin:0 auto 15px; padding:0; border:2px solid white;}

/*le haut de page*/
#entete { display:block; height:114px; padding-top:40px; padding-left:10px; background:transparent url(images/bandeau_public.jpg) 0 0 no-repeat; }
#entete-adherents { display:block; height:114px; padding-top:40px; padding-left:10px; background:transparent url(images/bandeau_adherents.jpg) 0 0 no-repeat; }

/* le menu */
#menu { display:block; height:24px; font-size:0.82em; text-align:center; border-top:2px solid #FFF; border-bottom:2px solid #FFF; background-color:#F60; }
#menu a { text-decoration:none; }

ul#menulist ul { display:none; }
ul#menulist li:hover > ul, ul#menulist li a:hover > ul  { display:block; }
ul#menulist { display:block; width:100%; padding-left:7px; text-align:center; background-color:#F60; }
ul#menulist li { float:left; display:block; position:relative; margin-bottom:0; padding:5px 0; background:none; }
ul#menulist li a { display:block; padding:0 13px; line-height:16px; border-left:1px solid #FFF; } 
ul#menulist li a:hover, ul#menulist li a.on { padding:0 13px 0 8px; text-decoration:none; border-left:6px solid #FFF;}
ul#menulist li:first-child a { border:0; }
ul#menulist li:first-child a:hover { padding-left:7px; border-left:6px solid #FFF;}

ul#menulist ul { position:absolute; top:24px; left:0; padding:0 0 1em; margin:0;
	border-right:1px solid #FFF;
	border-bottom:2px solid #FFF;
	border-left:1px solid #FFF;
	background-color:#FF6600;
	z-index:30;}

ul#menulist ul li { display:block; width:300px; padding:5px 10px 0 0; text-align:left; border:0; background-color:#F60; }
ul#menulist ul li a { display:block; padding:0 3px 0 10px; line-height:16px; border-left:0; background-color:#F60; }
ul#menulist ul li a:hover, ul#menulist ul li:first-child a:hover { padding:0 3px 0 4px; background-color:#F60; }

/*le bloc general des contenus*/
#contenu { position:relative; width:798px; text-align:justify; font-size:0.82em; background:url(images/fond_gris.gif) repeat-y; }

/*les blocs dans le bloc central*/
.le-mot { float:left; width:130px; padding:0 30px 10px 0; font-size:1.50em; line-height:1.20em; text-align:left; }
.presidente { display:block; margin-right:178px; padding:20px 30px 10px; background-color:#FF9911; }
.presidente .soustitre { padding-top:3px; font-size:1.20em; }
.presidente .texte { font-size:1.12em; line-height:1.40em; }
.presidente a { text-decoration:underline;}

#hierarchie { display:block; width:583px; padding:5px 20px; font-size:11px; color:black; text-align:left; }
#hierarchie .on { color:#723B3C;; }
#actualite { display:block; width:580px; margin-right:178px; padding:10px 20px 0; color:black; border-top:2px solid white; background-color:#e2deeb; overflow:hidden; }

.date { font-size:smaller; }
.soustitre { font-style:italic; }
.texte { margin-bottom:1em; }
.chapo { margin-bottom:1em; color:#723b3c }
.hyperlien { display:block; padding:0.50em 1.20em 0 1em; background:url(puce.gif) 0 10px no-repeat; overflow:hidden }
.autres-articles { clear:both; display:block; padding-top:5px; border-top:1px dotted #723b3c;}
.autres-articles span { font-style:italic; color:#723b3c;}

.pagination { text-align:center; }
.pagination a { font-weight:bold; }
.droite { text-align:right;}

.telecharger { margin:1em 0 0 1em; font-style:italic; }
.doc { font-size:10px; }

.doc_anthologie { display:block; margin-bottom:1em;}
.doc_container { float:left; margin:5px 13px 10px; padding:5px; color:white; text-align:center; background-color:#afabb8; }
#actualite .doc_container a { font-size:10px; font-weight:bold; color:white; text-transform:uppercase; }
.doc_container .spip_logos { float:none; display:block; margin:5px auto;}

/*la colonne de droite*/
#col_droite { float:right; width:165px; padding:0 5px; text-align:left;}
#col_droite ul { margin:.5em 0 .50em 13px; list-style:square outside; line-height:1.20em;}
#col_droite li { margin-bottom:.50em; padding:0; background:none; }
#col_droite img { margin:0 3px 0 0; vertical-align:middle;}
#col_droite h2 { min-height:28px; padding:2px 0 0; line-height:20px; border-bottom:1px solid white; }
#col_droite h2:first-letter { margin-left:30px; }
#col_droite h2 span { display:block; text-align:center; font-weight:normal; }

/*les blocs dans la colonne de droite*/
#connexion, .une, .anthologie, .adherent { margin:7px 0; padding:5px; border:1px solid white; }
#connexion { background-image:none; background-color:#f60; }
#connexion h2 { cursor:pointer; text-decoration:none; border:none; background-image:url(images/fleche_droite.gif); background-position:0 1px; background-repeat:no-repeat; }
#connexion .bas { background-image:url(images/fleche_bas.gif); background-position:0 0; }
#connexion a { text-decoration:none; }
.une { background:#afabb8 url(images/fleche_bas.gif) 5px 5px no-repeat; }
.une a { color:#f60; }
.anthologie { background:#f91 url(images/fleche_bas.gif) 5px 5px no-repeat; }
.adherent { background:#f60 url(images/fleche_bas.gif) 5px 5px no-repeat; }

/*Le formulaire de login*/
#formulaire_login {}
#connexion #formulaire_login fieldset legend { display:none; }
#formulaire_login fieldset ul { margin:10px 0 0; padding-top:.50em; border-top:1px solid white; }
#formulaire_login fieldset li { list-style:none; font-size:smaller; }
#formulaire_login fieldset li input { display:block; width:148px; margin:2px 0 .50em; padding:0; }
#formulaire_login fieldset #pass_securise img { margin:0; width:10px; height:10px; vertical-align:middle;}
#formulaire_login fieldset li.editer_session { display:none; }
#formulaire_login p.boutons{ text-align:center; }

/*Le formulaire de contact*/
form.contact fieldset {	width:500px; padding:1em; border:0; }
form.contact legend { margin-bottom:10px; font-style:italic; }
form.contact label { float:left; width:120px; margin-left:100px; font-size:0.88em;}
form.contact input { width:200px; margin-bottom:5px; margin-left:20px; border:1px solid #afabb8; background-color:white; }
form.contact textarea { clear:left; display:block; margin-bottom:10px; margin-left:100px; border:2px solid #afabb8; background-color:white; }
form.contact .boutons { text-align:center;}
form.contact .boutons input { width:80px; margin-left:30px; cursor:pointer; border:1px outset #afabb8; background-color:white;}
form.contact .boutons input:hover { font-weight:bold; color:white; background-color:#f60; }

.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/*Le pied de page*/
.footer { clear:both; display:block; margin-top:20px; padding-bottom:2px; font-size:10px; text-align:center; border-top:2px solid white; background-color:#723b3c; }
.footer div { margin-bottom:2px; padding-right:1em; font-size:smaller; line-height:14px; text-align:right; text-transform:uppercase; background-color:#f60;}
/* fin */