/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

body {
	background:#FFF;
	margin:5px;
	font:13px  Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
}

a:focus, a:active { outline:none; }

H2 {
	background:#516D3A url(../imgs/titre_ombre.jpg) no-repeat left;
	line-height:20px;
	height:20px;
	padding-left:60px;
	font-weight:bold;
	position:relative;
	font-size:15px;
}

H3 {
	line-height:20px;
	height:20px;
	font-weight:bold;
	color:#709A53;
	font-size:14px;
}

P { margin:10px 0px; }

.d-block { display:block; }
.m-auto { margin:auto; }
.clear { clear:both; }

#pos-zone { position:relative; }

#interface {
	background:url(../imgs/cadre.jpg) no-repeat top;
	padding:60px 50px 0 50px;
    width:940px;
    height:640px; /* ou bien on connait sa hauteur */
    position:absolute;
    top:50%;
    margin-top:-350px; /*La moitié de la hauteur du bloc */
    left:50%;
    margin-left:-520px; /*la moitié de la largeur */
}

#page {	height:577px; }

#bandeau {
	background:url(../imgs/home.jpg) no-repeat center bottom;
	height:239px;
}

#presentation {
	position:absolute;
	top:430px;
	left:50px;
	height:145px;
	width:450px;
	_width:430px;
	*width:450px;
	padding:0 40px 0 10px;
	margin:35px 0 25px 0;
}

#espace {
	position:absolute;
	top:430px;
	left:540px;
	height:145px;
	width:355px;
	_width:335px;
	*width:355px;
	padding:0 41px 0 40px;
	margin:35px 0 25px 0;
	border-left:2px solid #3E3E3E;
}

#textepresentation {
	padding:0 60px;
	margin:10px 0; 
	height:100px;
	width:330px;
	overflow:auto;
	color:#FFFFFF;
}

#texteespace {
	padding:0 60px;
	margin:10px 0; 
	height:70px;
	width:274px;
	overflow:auto;
	color:#FFFFFF;
	font-size:11px;
}

#espace A.lire-suite {
	float:right;
	display:block;
	color:#FFDE5B;
	text-decoration:none;
	padding:0 10px 0 0;
	background:url(../imgs/coin.png) no-repeat right bottom;
}

#espace A.lire-suite:hover { text-decoration:underline; }

#textepresentation P,
#texteespace P { margin:10px 0; }

#bouteille {
	position:absolute;
	right:0;
	top:10px;
	z-index:100;
}

#contenu {
	margin:40px 215px 0px 15px;
	height:0px;
	width:0px;
	background:url(../imgs/trame.png);
	_background:#000;
}

#contenu A {
	color:#FFFFFF;
	border-bottom:1px dashed #516D3A;
	text-decoration:none;
}

#contenu A.ascenseur {
	clear:both;
	display:none;
	margin-bottom:10px;
}

#contenu A.ascenseur.bas {
	margin:10px 0 0 0;
	display:none;
	border-bottom:0px;
	border-top:1px dashed #516D3A;
}

#contenu A.ascenseur.bas:hover { border-top:1px solid #516D3A; }


#contenu A:hover { border-bottom-style:solid; }

#contenu H2 {
	display:none;
	margin-bottom:25px;
	padding-left:90px;
}

#contenu #texte {
	/*margin:35px 10px 0 60px;*/
	height:280px;
	overflow:auto;
	padding:0 10px 0 90px;
	width:580px;
	display:none;
}

#contenu UL { list-style-type:square; }

#contenu #photo {
	position:absolute;
	left:0px;
}

#photo IMG {
	background-position:center;
	background-repeat:no-repeat;
}

#photo A:hover { text-decoration:none; }

#pied {
	margin-top:20px;
	height:20px;
	text-align:center;
	color:#B3B3B3;
	font-size:10px;
}

#pied A {
	color:#333;
	text-decoration:none;
	border:0px;
}

#pied A:hover { text-decoration:underline; }

#abus { font-size:9px; }

#menu {
	margin:8px 0 0 1px;
	margin:0;
	padding:0;
	list-style-type: none;
	font-size:11px;
}

#menu LI {
	float:left;
	width:154px;
	height:28px;
	line-height:40px;
	text-align:center;
	padding:0;
	margin:0 0 0 2px;
}

#menu LI A {
	display:block;
	background:url(../imgs/neon_off.png) no-repeat center top;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	border:0px;
}

#menu LI A:hover,
#menu LI A.on {
	color:#FCD93F;
	background:url(../imgs/neon_on.png) no-repeat center top;
}

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



/* Acces :::::::::::::::::::::::::::::::::::::::::::::::::::: */

#acces {
	background:#000 url(../imgs/acces.jpg) no-repeat center top;
}

#acces #page {
	width:700px;
	margin:auto;
}

#acces #page FORM {
	margin:184px 0 0 202px;
	padding:2px;
}

#acces #page FORM INPUT.plus_dix-huit {
	margin:63px 0 0 9px;
	width:264px;
	height:62px;
	display:block;
	background:url(../imgs/plus_dix-huit.png) no-repeat center;
	border:0px;
	cursor:pointer;
}

#acces #page FORM INPUT.moins_dix-huit {
	margin:60px 9px;
	width:264px;
	height:62px;
	display:block;
	background:url(../imgs/moins_dix-huit.png) no-repeat center;
	border:0px;
	cursor:pointer;
}

#minipres { font-family:Arial, Helvetica, sans-serif; }

/* Curseur pointer sur le logo */
#page center img { cursor:pointer; }