body
{
background-color: #125a86;
background-image: url('images/back.png');
background-repeat: repeat-x;
font-family: 'Lucida Grande', Verdana;
font-size: 11px;
}


#centrage
{
margin-left:auto;
margin-right:auto;
width:850px;
}


#fond
{
position: absolute;
background-image: url('images/fond.png');
background-repeat: repeat-y;
top: 0;
bottom: 0;
width:850px;
z-index: 1;
}


#haut
{
position: absolute;
background-image: url('images/haut.png');
background-repeat: repeat-x;
left: 219px;
height: 90px;
width:612px;
z-index: 2;
}


#logo
{
position: absolute;
top: 0; left: 19px; height:90px; width: 200px;
background-image: url('images/logo.png');
background-repeat: no-repeat;
z-index: 3;
}

#menus
{
	position: absolute;
	background-image: url('images/menus.png');
	background-repeat: no-repeat;
	font-size: 160%;
	text-align: center;
	color: #000;
	top: 40px;
	left: 150px;
	width: 230px;
	height: 43px
	z-index: 4;
}

#menus li
{
display: inline;
text-decoration: none;
padding-left: 10px; padding-right: 10px;
line-height: 43px;
}
#menus a:link, a:visited {text-decoration: none; color: white;}
#menus a:active, a:hover {text-decoration: none; color: #125a86;}
#menus li.sel a { color:#000;}


/* partie pour la liste d'articles */
#gauche{
	position: absolute;
	top:90px;
	left:19px;	
	width:200px;
	text-align:left;
	padding-top: 1px;
	font-size: 110%;		
	z-index:5;
	text-decoration:none;
	}
#gauche li {
	list-style-type:none;
	text-align:left;
	line-height:26px;
	height:26px;
	width:200px;
	margin-left:-40px;
	padding-left:5px;
	}
#gauche a {
	color:#fff;  /*couleur principale de la liste */
	text-decoration:none;
	}

#gauche li:hover,#gauche li.active, #gauche li.sel {
	/*color:#125a86;*/
	background-image:url(images/liste_hover.png);
	background-repeat:repeat-x;
	width:195px;
	}
#gauche li.sel a {color:#000;} /*couleur de la liste sélectionnée */
#gauche a:hover {/*color:#125a86;*/}


#droite
{
	position: absolute;
	top: 80px;
	left:219px;
	bottom: 0;
	width: 592px;
	font-size: 110%;
	color: #999;
	z-index: 6;
	overflow:auto;
	padding: 10px;

}

#droite li, ul
{
text-decoration: none;
color: #fff;
line-height: 20px;
}

/* style pour la partie de droite */

.titre
{
text-align: center;
font-size: 140%;
color: white;
}

.soustitre
{
text-align: center;
font-size: 100%;
color: black;
padding-top:8px;
text-decoration: italic;
}

.contenu
{
/*border-left-width: 10px;*/
text-align: justify;
font-size: 100%;
color: #0e2b3b;
padding: 20px;
padding-left:5px;
}

h2 { text-align: center; font-size: 130%; font-weight: bold; color: #f6dc80; }


/* -------------------------------*/
/*         Bloc Livre             */
/* -------------------------------*/
	
#bloc_formulaire
	{
	display:block;
	position:absolute;
	top:10px;left:10px;	
	width:180px;
	height:240px;
	padding-top:8px;
	padding-left:0px;
	z-index:10;
	}
#bloc_livre_bulles
	{
	display:block;
	position:absolute;
	top:0;
	left:20px;
	right:0px;
	bottom:36px;
	overflow:auto;
	}
	
#bloc_livre_pages{
	display:block;
	position:absolute;
	text-align: center;
	bottom:8px;
	left:20px;;
	right:20px;
	height:22px;
	line-height: 20px;
	font-size: 100%;
	color:#0b334d;
}
#bloc_livre_pages a {text-decoration:none; color:white;font-size:140%;}
#bloc_livre_pages a:hover{background-color:#318cbf;}
#bloc_livre_pages img{vertical-align: middle;}

#bloc_livre{
	display:block;
	position:absolute;
	top:61px;
	left:340px;
	right:30px;
	bottom:10px;
	width:555px;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:65px;
	color:#ddd;
	text-align:justify;
	border:solid red 1px;
}

#f_smileys
{
	position:absolute;
	float:left;
	width: 180px;
	height: 38px;
	left:0; top:180px;
	text-align: left;
	margin-left: 0;
	margin-top:80px;
	z-index:10;
}
#f_crypt{
	position:absolute;
	left:0;
	top:340px;
	/*height:85px;*/
	width: 180px;
}
#f_bouton
{
	position:absolute;
	left:130px; top:440px;
	height:24px;
	z-index:10;
}

/* question */
.l_centre_q {
	display: block;
	position: relative;
	margin-top: 20px;
	margin-right:20px;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 25px;
	background-color:#318cbf;
	text-align: left;
	color: white;
	}

/* réponse */
.l_centre_r {
	display: block;
	position: relative;
	margin-top: 20px;
	margin-right:20px;
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 50px;
	background-color:#2d7ba7;
	text-align: right;
	font-size:100%;
	font-style: italic;
	font-weight: bold;
	color:#f8f4a6;
	}
	
.l_pseudo {
	display:block;
	position: relative;
	vertical-align: bottom;
	font-size: 130%;
	color:#1c4d69;
	margin-top:12px;			
	}
	
.l_date {
	display: block;
	position: relative;
	font-size: 90%;
	color:#81c5ff;
	padding-bottom: 8px;
	font-weight: normal;
	font-style: normal;
	}