/* structure */
html, body {
height: 100%;
} 
body {
margin: 10px 0 0 0;
padding: 0px;
background-color: #EEEEDC;
}
#global {
overflow: auto;
width: 960px;
margin: 10px auto 10px auto;
padding-left: 10px;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
-moz-border-radius:10px;
border-radius:10px;
text-align: left;
}
.cont1 {
float: left;
width: 950px;
margin-top: 5px;
}
.contenu {
float: left;
}
.menu {
width: 950px;
height: 110px;
}
.centre {
width: 640px;
}
.droite { 
float: right;
margin-right: 10px;
width: 300px;
border-left: 1px solid #E5E5E5;
height: 100%;
}
.img { 
padding-right: 2px;
display: block;
clear: none;
}
.stat {
padding: 5px;
display: block;
}
.stat-livre {
width: 160px;
height: 800px;
float: left;
display: inline;
margin-right: 5px;
}
.cadre {
width: 480px;
float: left;
}
.cadre-librairie {
width: 750px;
float: left;
}
/* pub */
.inter {
height: 25px;
}
.pave {
width: 336px;
height: 280px;
float: left;
display: inline;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 5px;
}
.sky {
width: 160px;
height: 600px;
float: left;
display: inline;
margin-right: 5px;
}
/* banniere */
.pub {
float: left;
height: 20px;
}
.ban {
margin-top: 5px;
height: 95px;
width: 930px;
padding: 10px;
text-align: right;
background-image: url("../img/banniere-avec-pub.jpg");
}
.pubban {
padding-left: 200px;
}
.accroche {
margin-right: 5px;
margin-bottom: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
color: #BABA76;
}
/* themes */
.une {
font-family: Impact, Charcoal, sans-serif;
font-size: xx-large;
color: #D88CB2;
background-color: #EEEEDC;
width: 640px;
padding: 1px;
margin-bottom: 4px;
}
.alaune1 {
float: left;
width: 310px;
margin-right : 5px;
padding : 5px;
display: inline;
background-color: #EEEEDC;
}
.alaune2 {
float: left;
width: 280px;
padding : 6px;
margin-left: 5px;
margin-bottom: 5px;
display: inline;
border: 1px dashed rgb(153, 153, 51);
}
.alaune3 {
float: left;
width: 280px;
margin : 5px;
padding : 5px;
display: inline;
}
.alaune4 {
float: left;
width: 310px;
display: inline;
margin-bottom: 5px;
}
.suitealaune {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
background-color: #DCEDED;
}
.post-it {
float: right;
width: 294px;
border: 1px solid #BADCDC;
border-top: 4px solid #BADCDC; 
margin-right: 1px; 
padding-top: 3px;
padding-left: 3px;
font-family: Arial, Hevetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#7F7F7F;
}
.post-sujet {
float: left;
width: 240px;
padding-left: 5px;
border: 1px dashed rgb(153, 153, 51);
margin-right: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-style: bold;
}
.baf {
width: 280px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
padding: 5px;
line-height: 120%;
}
.baf a {
display : block;
width : 100%; 
margin-right : 2px;
}
.livres {
float: left;
width: 290px;
background-color: #DCEDED;
border: 1px solid #97CCCA;
border-top: 4px solid #97CCCA; 
margin-top: 5px;
padding: 3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#656532;
}
.roundedcornr_box_302733 {
   background: url("http://www.espritcabane.com/img/actualites/presentation/roundedcornr_302733_tl.png") no-repeat top left; 
}
.roundedcornr_top_302733 {
   background: url("http://www.espritcabane.com/img/actualites/presentation/roundedcornr_302733_r.png") no-repeat top right;
}
.roundedcornr_bottom_302733 {
   background: url("http://www.espritcabane.com/img/actualites/presentation/roundedcornr_302733_bl.png") no-repeat bottom left;
margin-bottom: 7px;
}
.roundedcornr_bottom_302733 div { 
	background: url(roundedcornr_302733_br.png) no-repeat bottom right;
}

.roundedcornr_top_302733 div,.roundedcornr_top_302733,
.roundedcornr_bottom_302733 div, .roundedcornr_bottom_302733 {
	width: 100%;
	height: 10px;
	font-size: 1px;
}
.roundedcornr_content_302733 { 
padding: 0 10px; 
margin: 5px 0 0 0;
zoom:1;
}
/* textes */
h1 {
font-family: Impact, Charcoal, sans-serif;
font-size: xx-large;
color: #BABA76;
padding: 1px;
line-height: 100%;
display: inline;
}
h2 {
font-family: Impact, Charcoal, sans-serif;
font-size: x-large;
color: #75BBB9;
padding: 2px;
line-height: 100%;
display: inline;
}
h3 {
font-family: Impact, Charcoal, sans-serif;
font-size: large;
color: #B2B2B2;
margin-left: 60px;
line-height: 100%;
display: inline;
}
.body {
font-family: Verdana, Geneva, sans-serif;
color: #336633;
font-size: small;
padding-right: 5px;
line-height: 155%;
}
.body2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #696969;
font-size: small;
font-weight: normal;
font-style: normal;
text-transform: none;
margin-left: 60px;
padding-right: 30px;
text-align: left;
line-height: 155%;
display:block;
}
.bodyvert {
font-family: Verdana, Geneva, sans-serif;
color: #666600;
font-size: small;
margin: 0px 20px 35px 0px;
padding-right: 6px;
line-height: 150%;
}
.fleched {
float: right;
margin-right: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
background-color: #DCEDED;
padding: 7px;
}
a {
	text-decoration: none;
}
a:link {
	color: #54AAA8;
	text-decoration: none;
}
a:visited {
	color: #54AAA8;
	text-decoration: none;
}
a:active {
	color: #54AAA8;
	text-decoration: none;
}
a:hover {
	color: #54AAA8;
	background-color: #EEEEDC;
	text-decoration: none;
}
.mentions {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #404040;
font-size: 11px;
line-height: 135%;
display: inline;
}
.mentionsmauve {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #9875BB;
font-size: 11px;
line-height: 135%;
}
.mentionsvert {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #336633;
font-size: 11px;
font-style: normal;
text-transform: none;
margin: 0px 0px 0px 0px;
text-align: left;
line-height: 130%;
font-weight: normal;
}
.mentionsvertd {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #336633;
font-size: 11px;
font-style: normal;
text-transform: none;
margin: 0px 0px 0px 0px;
text-align: right;
line-height: 130%;
font-weight: normal;
}
.mentionsdb {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #DCDCDC;
font-size: 13px;
margin-left: 310px;
text-align: right;
line-height: 100%;
background-color: #C0C0C0;
}
/* colonnes */
.pres-menu1 {
width: 290px;
height: 18px;
padding: 3px;
background-color: #DCEDED;
font-family: Impact, Charcoal, sans-serif;
color: #7F7F7F;
display: block;
}
.affichflux1 {
width: 270px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
padding: 5px;
line-height: 100%;
}
.pub1 {
float: left;
margin: 10px;
width: 120px;
display: inline;
}
.pub2 {
float: left;
margin: 10px;
width: 120px;
display: inline;
}
/* onglets */
/* menu vert */
.roundedcornr_box_907002 {
   background: #eeeedc;
}
.roundedcornr_top_907002 div {
   background: url("http://www.espritcabane.com/menus/roundedcornr_907002_tl.png") no-repeat top left;
}
.roundedcornr_top_907002 {
   background: url("http://www.espritcabane.com/menus/roundedcornr_907002_tr.png") no-repeat top right;
}
.roundedcornr_bottom_907002 div {
   background: url("http://www.espritcabane.com/menus/roundedcornr_907002_bl.png") no-repeat bottom left;
}
.roundedcornr_bottom_907002 {
   background: url("http://www.espritcabane.com/menus/roundedcornr_907002_br.png") no-repeat bottom right;
}

.roundedcornr_top_907002 div, .roundedcornr_top_907002, 
.roundedcornr_bottom_907002 div, .roundedcornr_bottom_907002 {
   width: 100%;
   height: 8px;
   font-size: 1px;
}
.roundedcornr_content_907002 { margin: 0 10px; }

/* menu gris foncé */
.roundedcornr_box_575116 {
   background: #cbcbcb;
}
.roundedcornr_top_575116 div {
   background: url("http://www.espritcabane.com/menus/roundedcornr_575116_tl.png") no-repeat top left;
}
.roundedcornr_top_575116 {
   background: url("http://www.espritcabane.com/menus/roundedcornr_575116_tr.png") no-repeat top right;
}
.roundedcornr_bottom_575116 div {
   background: url("http://www.espritcabane.com/menus/roundedcornr_575116_bl.png") no-repeat bottom left;
}
.roundedcornr_bottom_575116 {
   background: url("http://www.espritcabane.com/menus/roundedcornr_575116_br.png") no-repeat bottom right;
}

.roundedcornr_top_575116 div, .roundedcornr_top_575116, 
.roundedcornr_bottom_575116 div, .roundedcornr_bottom_575116 {
   width: 100%;
   height: 5px;
   font-size: 1px;
}
.roundedcornr_content_575116 { margin: 0 10px; }
.colmenus1 {
float: left;
margin-left: 0px;
width: 100px;
font-family: Impact, Charcoal, sans-serif;
}
.colmenus2 {
float: left;
margin-left: 1px;
width: 105px;
font-family: Impact, Charcoal, sans-serif;
}
.colmenus3 {
float: left;
margin-left: 1px;
width: 110px;
font-family: Impact, Charcoal, sans-serif;
}
.colmenus4 {
float: left;
margin-left: 1px;
width: 120px;
font-family: Impact, Charcoal, sans-serif;
}
.colmenus5 {
float: left;
margin-left: 1px;
width: 110px;
font-family: Impact, Charcoal, sans-serif;
}
.colmenus6 {
float: left;
margin-left: 1px;
width: 95px;
font-family: Impact, Charcoal, sans-serif;
}
.colmenus7 {
float: left;
margin-left: 1px;
width: 75px;
font-family: Impact, Charcoal, sans-serif;
}
.colmenus8 {
float: left;
margin-left: 1px;
width: 75px;
font-family: Impact, Charcoal, sans-serif;
}
.colmenus9 {
float: left;
margin-left: 1px;
width: 75px;
font-family: Impact, Charcoal, sans-serif;
}
.colmenus9bis {
float: right;
margin-left: 1px;
width: 75px;
font-family: Impact, Charcoal, sans-serif;
}
.colmenus10 {
float: left;
margin-left: 687px;
width: 220px;
height: 15px;
}
.colmenus11 {
float: right;
margin-right: 1px;
text-alig: left;
padding-top: 1px;
}
.actif a:hover {
color: #326564;
background-color: #EEEEDC;
}
.inactif a:hover {
color: #DCEDED;
background-color: #CBCBCB;
}
/* Menu taille */
.hmenu {
width: 950px;
height: 110px;
}
/* Menu gris gauche */
#menu /* Ensemble du menu */
{
z-index: 1;
margin: 0;
padding: 0;
list-style: none;
line-height: 100%;
}
#menu ul /* Liste */     
{
padding : 0; /* pas de marge intérieure */
margin : 0; /* ni extérieure */
position: absolute;
z-index:1;
line-height: 90%;
}
#menu li a /* Contenu des listes */
{
display : block;
text-decoration : none;
color:#7F7F7F;
margin-right : 2px;
}
#menu ul li a /* Contenu des listes */
{
display : block;
text-decoration : none;
width : 150px; 
color:#7F7F7F;
margin : 1px;
}
#menu li /* Éléments des listes */      
{
float : left;
list-style : none;
font-family: Arial, Hevetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#7F7F7F;
}
#menu li ul /* Sous-listes */
{
margin-top: -15px;
width: 150px; /* Largeur des sous-listes */
left: -999em;
background-color: #FFFFFF;
padding: 5px;
border: 2px solid #EEEEDC;	
}
#menu li ul li /* Eléments de sous-listes */
{
border-right: 1px #ffffff solid;
width:156px;
left:: -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto;
}
/* Menu bleu */
#menu2 /* Ensemble du menu */
{
z-index: 1;
margin: 0;
padding: 0;
list-style: none;
line-height: 100%;
}
#menu2 ul /* Liste */     
{
padding : 0; /* pas de marge intérieure */
margin : 0; /* ni extérieure */
position: absolute;
z-index:1;
line-height: 90%;
}
#menu2 ul li
{
width: 100%;
}
#menu2 li a /* Contenu des listes */
{
display : block;
background-color: #EEEEDC;
text-decoration : none;
color: #54AAA8;
margin-right : 2px;
}
#menu2 ul li a /* Contenu des listes */
{
display : block;
text-decoration : none;
width : 150px; 
margin : 1px;
background-color: #FFFFFF;
}
#menu2 ul li a:hover {
background-color: #EEEEDC;
}
#menu2 li /* Éléments des listes */      
{
float : left;
list-style : none;
font-family: Arial, Hevetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#7F7F7F;
}
#menu2 li ul /* Sous-listes */
{
margin-top: -15px;
width: 150px; /* Largeur des sous-listes */
left: -999em;
background-color: #FFFFFF;
padding: 5px;
border: 2px solid #EEEEDC;	
}
#menu2 li ul li /* Eléments de sous-listes */
{
border-right: 1px #ffffff solid;
width:156px;
left:: -999em;
}
#menu2 li:hover ul, #menu2 li li:hover ul, #menu2 li.sfhover ul, #menu2 li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto;
}
/* Menu gris droite */
#menu3 /* Ensemble du menu */
{
z-index: 1;
margin: 0;
padding: 0;
list-style: none;
line-height: 100%;
}
#menu3 ul /* Liste */     
{
padding : 0; /* pas de marge intérieure */
margin : 0; /* ni extérieure */
position: absolute;
z-index:1;
line-height: 90%;
}
#menu3 li a /* Contenu des listes */
{
display : block;
text-decoration : none;
color:#7F7F7F;
margin-right : 2px;
}
#menu3 ul li a /* Contenu des listes */
{
display : block;
text-decoration : none;
color:#7F7F7F;
width : 150px; 
margin : 1px;
}
#menu3 li /* Éléments des listes */      
{
float : left;
list-style : none;
font-family: Arial, Hevetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#7F7F7F;
}
#menu3 li ul /* Sous-listes */
{
margin-top: -15px;
width: 150px; /* Largeur des sous-listes */
left: -999em;
background-color: #FFFFFF;
padding: 5px;
border: 2px solid #EEEEDC;	
}
#menu3 li ul li /* Eléments de sous-listes */
{
border-right: 1px #ffffff solid;
width:156px;
left:: -999em;
}
#menu3 li:hover ul, #menu3 li li:hover ul, #menu3 li.sfhover ul, #menu3 li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto;
}
/* code forum */
td#menu { width: 640px; background-image:url('./menu/menufond.gif'); padding-left:2px; border-bottom:1px solid #CCCCCC; }
a img { border:0; }
a { text-decoration:none;}
h2 { margin:0; padding:0; font-size:14px; color:#666666; padding-bottom:5px; }
.q { color:#61B906; }
.texte_base_fin { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
}
td.info { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; font-weight: normal;}
td.cadre1 { background-color:#FEFEFE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; font-weight: normal;}
td.cadre1_droite { background-color:#FEFEFE; border-right:1px solid #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small;}
td.cadre1_bas { background-color:#FEFEFE; border-bottom:1px solid #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small;}
.posthaut { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; }

td.cadre_clair 			{ background-color:#FEFEFE; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small;}
td.cadre_fonce 			{ background-color:#EEEEEE; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small;}
td.cadre_fonce_end 		{ background-color:#EEEEEE; border-bottom:1px solid #CCCCCC; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small;}
.footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; font-weight: normal;}

td.titreforum 			{ background-image:url('./design/fondnomforum.gif'); border-right:1px solid #CCCCCC; height:29px; }
td.titreforumend 		{ background-image:url('./design/fondnomforum.gif'); }
.titreforum
{ 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
background-color: #EEEEDC;
}
.titreforumend
{ 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
}
/* Les td.alternate sont les styles alternés utilisés lors de l'affichage d'un post, 
** il est utile de mettre une couleur différentes pour mieu séparer les différents messages. */

td.alternate1 			{ background-color:#FFFFFF; border-bottom:1px solid #CCCCCC; font-size:13px; color:#444444; font-weight: normal; }
td.alternate2 			{ background-color:#FEFEFE; border-bottom:1px solid #CCCCCC; font-size:13px; color:#444444; font-weight:normal; }

/* td.espace correspond à l'espace entre deux messages */

td.espace 			{ background-color:#EEEEEE; border-bottom:1px solid #CCCCCC; height:7px; }

/* td.posthaut correspond a la bare contenant le titre du forum lors de l'afficahge d'un post */

td.posthaut 			{ font-size:10px; padding-bottom:3px; border-bottom:1px solid #CCCCCC; width: 350px;}

/* td.smileys contient l'espacement entres les smilies dans le formulaire de post */ 

td.smileys 			{ padding:5px; }


/* Tout ce qui correspond à "allera" est utilisé lorsqu'il y a plus d'une page dans un post pour 
** permettre d'aller direcement sur la dernière page lorsqu'on arrive dans le forum
**
**		Exemple : [ Aller à la page 1,2,3,4 ]
**
** Les classes qui suivent définissennt les couleurs et tailles */

.allera a:link 			{ font-size:10px; color:#666666; }
.allera a:visited 		{ font-size:10px; color:#666666; }
.allera a:hover 		{ font-size:10px; color:#61B906; }
.allera 			{ font-size:10px; color:#666666; font-weight:normal; }

/* La classe de base pour les champs de formulaires */

.texte { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small;}

input.bouton, textarea.bouton_rep_rapide, textarea.tbouton, textarea.tcond, textarea.tsign , select.sbouton, input.boutonb 
{ border:1px solid #999999; background-color:#EEEEEE; font-weight:bold; color:#444444; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* input.bouton est la classe utilisée pour les champs de type INPUT */
input.bouton 			{ font-size:11px; background-image:url('./design/fondnomforum.gif'); }

/* input.bouton est la classe utilisée pour les champs de type INPUT dans le formulaire
** d'enregistrement, la couleur change pour marquer l'erreur. */
input.boutonb 			{ background-image:url('./design/fondnomforum.gif'); font-size:11px; color:#FF0000; font-weight:bold; }

/* textarea.bouton_rep_rapide est la classe du champ de réponse rapide */
textarea.bouton_rep_rapide 	{ font-size:11px; width:100%; height:100px; }

/* textarea.tbouton est la classe du champ utilisé dans le formulaires de post et de mp */
textarea.tbouton 		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; width:100%; height:200px; }

/* textarea.tbouton est la classe du champ affichant les conditions du forum a l'enregistrement */
textarea.tcond 			{ font-size:10px; width:100%; height:280px; color:#666666;  text-transform:uppercase; }

/* textarea.tbouton est la classe du champ utilisé dans le formulaires de signature */
textarea.tsign 			{ font-size:11px; width:100%; height:60px; }

/* select.sbouton est la classe des champs de type SELECT */
select.sbouton 			{ font-size:11px; }

/* Les classes utilisés pour la mise en forme du texte simple */

.texte_base_gras 		{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-weight: bold;color:#666666; width:100%; }
.texte_base_fin 		{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; normal; color:#666666; width:100%; }

/* footer correspond au texte du fond contenant entre autre le copyright, merci de ne pas le mettre illisible */

.footer 			{ font-size: 9px; color: #336633; font-weight: normal; }

/* La couleur des admins, aussi utilisés pour colorés du texte */

.admin 				{ color: #61B906; }

/* La couleur des modos, aussi utilisés pour colorés du texte */

.modo 				{ color: #999999; }

/* La couleur des bannis, aussi utilisés pour colorés du texte, et pour les erreurs en générale */

.red 				{ color: #FF0000; }

/* edit est la classe du texte qui affiche l'indication de modification d'un post par son créateur */

.edit 				{ font-size:9px; color:#999999; font-weight:normal; }

/* spoiler est la classe utilisée pour la fct BBcode [SPOIL] */

.spoiler 			{ font-size:10px; padding:5px; border:1px solid #999999; width:75%; }
.spoilertexte			{ font-weight:bold; font-size:10px; }