/*CSS du site www.csdem.org - 05/2005 - par www.kaliope.net*/

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

body{
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif; 
	font-size:100%; 
	color:white; 
	background-color:#afabb8;
}

a{ color:white; }

br { line-height:0.9em;}

h1, h2, div.texte { margin-bottom:1em; }
h1 { font-size:1.2em; font-weight:bold; font-variant:small-caps; }
h2 { font-size:1em; font-weight:bold; }

p { margin-top:1.2em; }
ul { margin:5px 0 0 35px; }

hr{
	display:block;
	height:1px;
	margin:5px 0;
	padding:0;
	color:#fff;
	background-color:#fff;
	border: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;
}

/*le haut de page*/
.header{
	display:block;
	width:798px;
	height:154px;
	border:2px solid white;
	margin:0 auto;
	padding:0;
}

/* le menu */
.menu{
	display:block;
	width:100%;
	padding:5px 0;
	font-size:0.8em;
	text-align:center;
	border-right:2px solid #FFF;
	border-left:2px solid #FFF;
	background-color: #FF6600;
}

.menu a{	text-decoration:none; }

.menu a:hover { text-decoration:underline; }

ul#menulist li ul{ display:none; }

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

ul#menulist {
	display:inline;
	position: static;
	width:100%;
	margin:0;
	background-color: #FF6600;
}

ul#menulist li{
	display:inline;
	position:relative;
	width:auto;
	padding:0.5em 0;
	_padding:0.3em 0;
	background-image: none;
}

ul#menulist li a{
	padding:0 4px 0 9px;
	border-left:1px solid #FFF;
} 

ul#menulist li.sans a{
	border:0;
}

ul#menulist li.sans a:hover{
	border-left:6px solid #FFF;
	padding:0 4px 0 2px;
}

ul#menulist li a:hover{
	padding:0 4px 0 4px;
	border-left:6px solid #FFF;
}

ul#menulist ul{
	position:absolute;
	top:27px;
	_top:25px;
	left:0;
	margin:0;
	padding:0 0 1em;
	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: #FF6600;
}

ul#menulist ul li a{
	padding:0 3px 0 9px;
	border-left:0;
	background-color: #FF6600;	
}

ul#menulist ul li a:hover{
	padding:0 3px 0 3px;
	background-color: #FF6600;	
}

/*le bloc general des contenus*/
#contenu{
	position:relative;
	width:798px;
	margin:0 0 15px;
	padding:0;
	font-size:0.8em;
	border:2px solid white;
	background:url(fond_gris.gif) repeat-y;
}

#contenu li{
	list-style-type:square;
	margin-bottom:4px;
}

/*petit hack pour que la colonne de droite ne depasse pas en dessous du bloc de contenu*/
#contenu hr { clear:both; visibility:hidden; }

/*les blocs dans le bloc central*/
.le-mot{
	float:left;
	width:120px;
	margin-left:-200px;
	padding:30px 30px;
	font-size:1.4em;
}

.presidente{
	display:block;
	width:390px;
	padding:10px 30px 10px 200px;
	background:url(fond_orange.gif) repeat-y;
}

.chemin{
	display:block;
	width:560px;
	padding:10px 30px;
	color:black;
}

.chemin a{
	color:#f60;
}

.actu-titre{
	display:block;
	width:560px;
	padding:10px 30px;
	font-size:1.4em;
	border-top:2px solid white;
	background-color:#afabb8;
}

.actualite {
	display:block;
	width:560px;
	padding:10px 30px;
	color:black;
	border-top:2px solid white;
	background-color:#e2deeb;
}

.actualite a{ color:#f60; }

.droite{
	width:550px;
	text-align:right;
}

.doc { font-size:0.8em; }

.doc_anthologie {
	width:560px;
	margin:20px 0 0;
	padding:0;
}

.doc_container {
	float:left;
	width:140px;
	height:200px;
	font-size:0.9em;
	text-align:center;
}

.doc_container img{ margin-top:5px;}

/*la colonne de droite*/
#col_droite{
	float:right;
	width:169px;
	margin:0;
	padding:0;
	font-size:0.9em;
}

#col_droite ul {
	margin-left:15px;
}

#col_droite img{
	margin:0 3px 0 0;
	vertical-align:middle;
}

#col_droite hr { visibility:visible; }

/*les blocs dans la colonne de droite*/
.adherent{
	position:inherit;
	width:120px;
	min-height:25px;
	margin:7px 0;
	padding:5px 5px 5px 35px;
	border:1px solid white;
	background:#f60 url(fleche_droite.gif) 5px 5px no-repeat;
}

.adherent2{
	position:inherit;
	width:150px;
	min-height:25px;
	margin:7px 0;
	padding:5px;
	border:1px solid white;
	background-color:#f60;
}

.une{
	position:inherit;
	width:150px;
	margin:7px 0;
	padding:5px;
	border:1px solid white;
	background-color:#afabb8;
}

.anthologie{
	position:inherit;
	width:150px;
	margin:7px 0 0;
	padding:5px;
	border:1px solid white;
	background-color:#f91;
}

/*Le formulaire de login*/
.login {
	margin: 2em 200px 1em 2em;
	text-align:center;
	color:#000;
}

.login a{ color:#f60; }

.login form { margin:1em 5em; text-align:left; }

.login fieldset { padding:1em 3em; border:none; }

.login fieldset ul{ margin:0; }

#contenu .login fieldset li{ list-style:none; }

.login fieldset legend{ font-style:italic; }

.login fieldset input{ margin:0.5em 0; }

#contenu .login p.boutons{ text-align:center; }

/*Le formulaire de contact*/
form.css fieldset{
	width:500px;
	padding:1em;
	border:0;
}

form.css legend{
	margin-bottom:10px;
	_margin-left:-7px;
	font-weight:bold;
}

form.css label{
	display:inline;
	float:left;
	width:120px;
	font-size:0.9em;
}

form.css input{
	border:1px solid #afabb8;
	margin-bottom:5px;
	margin-left:20px;
	background-color:white;
}

form.css input.bouton{
	width:70px;
	cursor:pointer;
	border:1px outset #afabb8;
	background-color:white;
}

form.css input.bouton:hover{
	font-weight:bold;
	color:white;
	background-color:#f60;
}

form.css textarea{
	margin-bottom:10px;
	border:2px solid #afabb8;
	background-color:white;
}

.retour{
	width:500px;
	margin-left:12px;
	padding:0;
	font-size:1em;
	font-weight:bold;
	color:#FF6600;
}

/*Le pied de page*/
.footer{display:block;
	width:798px;
	margin:0;
	padding-bottom:5px;
	font-size:0.8em;
	text-align:center;
	border-top:2px solid white;
	background-color:#723b3c;
}

.footer div{
	width:798px;
	height:10px;
	margin-bottom:5px;
	background-color:#f60;
}
/* fin */