body { /* redéfini les propriétés de toute la page */ 
	margin: 0 0 0 0; 
	padding:0  ;
	/*background:url("../images/page/fond_new.png") no-repeat fixed;
	background-color:#c8b897;*/
	background:url("../images/page/fond.jpg");
}

html > body { overflow-y: auto } /* annule le overflow-y pour les non IE */

*html .menu_fixe{ /* déclaré pour IE seulement : menu fixe à gauche de l'écran */
	position: absolute; 
	top: 0px; 
	left: 0; 	
	height: 100%; /* hauteur du menu (toute la page) */
	z-index:8; 
} 


/*********************************** menu fixe en Pull Out ***********************************/

*html .unfixed_content { /* déclaré pour IE seulement : 
						boite du reste du contenu prenant toute la page sauf le menu */
	height: 100%; /* la hauteur de la boite occupe 100% de l'écran */
	width: 100%;
	overflow: auto; } /* on rajoute un ascenseur droit à la boite */

/* fin du hack "fixed" permettant de fixer le menu rouge sous IE */

.navigation {
		position:fixed;
		top: 240px;
		left: -252px;
		width: 250px;
		z-index:10;
		overflow:visible;
}

*html .navigation { position:absolute; } /* pour IE */

.slidemenu {
    opacity: 0.95;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
	background:url("images/menu_fond.png") bottom right repeat-y; /*b7b191; */
	border-top:solid 1px #7d6f46;
	position:relative;
	width: 255px;
	height:320px;
	overflow:visible;
}

.button_menu {
	position:absolute;
	top:-1px;
	left: 244px;
	width: 50px;
    height: 90px;
	z-index:10;
}

.menu_content {
	float:left;
	position:relative;
	z-index:11;
}


.menuF  {
	list-style-type:none;
	font-size:12px
	
}

.menuF  li{
   display:block;
   margin-left:-40px;
   padding:5px;
   margin:0;
   font-family:Arial,Verdana;
   background:#ead975;
   border-top:solid 1px #766c53;
   border-left:solid 1px #766c53;
   border-right:solid 1px #766c53;
   width:150px;
   cursor:pointer;
}

.menuF  a:hover{
	text-decoration:none;
}

.finish {
	border-bottom:solid 1px #766c53;
}
.menuF  a,a:hover{
   text-decoration:none;
}

.menuF li:hover {
   color:#fff;
   background:#faeea5;
   border:solid 1px white;
}

.menuF .popup {
   display:none;
   position:absolute;
   margin-top:-15px;
   left:192px;
   width:130px;
   z-index:11;
}

.popup li{
	margin-left:-40px;
}

/*********************************** fin du menu fixe  ***********************************/
.sort a, .sort :hover{
	text-decoration:none;
}
.texte { 
	font-family: Verdana; 
	font-size: 14px;  }

.unview {
	opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}


a {	color : #000000; 
	text-decoration:underline;}
a:hover{
	color : #006699;
	text-decoration: underline;
}


a.forum{ color: #000000; text-decoration: none; }




#bande-textf {
	position:absolute;
	width:auto;
	height:21px;
	z-index:5;
	left:200px;
	top: 140px;
	right:0px;
	text-align:center;
}

#container_forum {
	position:relative;
	width: 85%;
	z-index: 1;
	text-align:left;
}


#bande-haut0B { /* juste le fond forum */
	/* position:relative; */
	top:0px; 
	margin-left:636px;
	/* width:100%; */
	height:160px;
	background:  url(../images/page/fond-haut_2.png) repeat-x;
	background-repeat: repeat-x;
}


#bande-flashB {
position:absolute;
top:0px; left:628px;
width:374px; height:160px;
background:  url(../images/page/fond-haut_1.png);
background-repeat: repeat-x;
z-index:2;
}

#bande-haut2 img {
	width:367px; 
	height: 160px;
	border: 0px solid
}

img#medaillon {	
	width:269px; 
	height: 207px;
	border: 0px solid
}


#Recherche {
	position:absolute;
	left:0px;
	top:700px;
	width:134px;
	height:83px;
	z-index:5
}

#Recherche input {
	display:block;
	margin:auto
}
#radio {
	position:absolute;
	top:54px;
	right:0px
}
*html #radio {right:20px} /* pour IE seulement ; l'histoire du fixed menu rend la position à droite inceraine avec l'ascenseur */


/****** Le pied de chaque message ***********/
#conteneur_overflow {
	overflow:hidden;
	height:25px;
	position:absolute;
	bottom:0px;
	width:80%;
}

/* #conteneur_overflow:hover { height:60px; } autre solution plus brutale, j'ai préféré faire ça en jquery */

.pied {
	background:url(images/onglet_infos_BG.png) top right repeat-x; /* #ddd9bc  */
	position:absolute;
	bottom: -28px;
	width:80%;
	height:32px;
}

.pied_appel {
	position:absolute;
	float:left;
	top: -25px;
	width:40px;

}


.pied_content {
	position:relative;
	padding:0px;
	padding-top:3px;
	padding-left:10px;
}
/*************************************/


#bord_barre {
	position:absolute;
	left:0px;
	top:57px;
	width:50px;
	height:100%;
	z-index:3
}

#bord_barre img {
	width:166px;
	height:499px
}

/*************** LES BBCode **************/
.quote {
	font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; color : #444444; line-height : 125%;
	background-color : #FBF8EC; border : #A48855; border-style : solid;	border-width : 1px;
	/*background-image:url("images/guillemet.png"); background-repeat: no-repeat; background-position: 2 3; /* right top */
	padding : 10px;
	text-align : justify;
	width: 100%;
	position:relative;
    bottom:4px;
    right: 4px;
}

.quote_ombre {
  background: url(images/ombre.jpg) bottom right;
  margin: 3px 0px 0px 0px; /* top right bottom left */
  padding: 0px;
  width: 100%;
}

.relief {
	font-family : Verdana, Arial, Helvetica, sans-serif;  color : #000000; 
	font-size : 11px; 
	background-color : white; border : #A48855; border-style : solid;	border-width : 1px;
	padding : 10px;
	text-align : justify;
	/*#FBF8EC */
}


.relief_bleu {
	font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color : #444444; line-height : 125%;
	background-color : #D1E2F3; border : #5888B8; border-style : solid;	border-width : 1px;
	padding : 10px;
	text-align : justify;
}
.relief_vert {
	font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color : #444444; line-height : 125%;
	background-color : #E1F0E7; border : #7EB892; border-style : solid;	border-width : 1px;
	padding : 10px;
	text-align : justify;
}
.relief_rouge {
	font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color : #444444; line-height : 125%;
	background-color : #EACBB9; border : #A48855; border-style : solid;	border-width : 1px;
	padding : 10px;
	text-align : justify;
}

.ombre {
  clear:left; 
  float:left;
  width: 92%;
  /*background: url(images/ombre.jpg) no-repeat bottom right;*/
  background: url(images/ombre.jpg) bottom right;
  margin: 10px 20px 10px 0px; /* top right botom left */
  padding: 0px;
  }

.boite {
  border : #A48855; border-style : solid; border-width : 1px; 
  background: url(images/ombrep.jpg) repeat-y; background-position:0 0 0 0px; /* top right bottom left*/
  background-color : white;
  position:relative;
  top: -8px;
  left: -6px;
  padding:10px;
  text-align : justify;
  font-size : 12px; 
 }

.citation_header { 
  font-size : 10px; font-style:italic; 
  border-bottom:1px solid #A48855; 
  /*margin-bottom:30px;*/ 
  margin-top:-6px;
  position:relative; left:-7px; 
  color : #868686;
} 
/********************************************/


/*********** Les boutons de point ***********/

.bouton {
width:200px;
border-style:solid;
border: 2px outset #c0c0c0;
background-color:#C2D3E7;
/* #2F4F75; */
font-size:13px;
font-family:arial;
margin:10px;
padding:4px;
text-align:center;
cursor:pointer;
float:left;
}


.button {
	width:200px;
	cursor:pointer;
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    float: left;
    font: normal 13px arial, sans-serif;
	text-align:center;
    height: 24px;
	margin: 10px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
} 

.button span {
     background: transparent url('images/bg_button_span.gif') no-repeat;
     display: block;
     line-height: 14px;
     padding: 5px 0 5px 18px; 
	 
	 
} 

.buttonclick {
	width:200px;
	cursor:pointer;
	background: transparent url('images/bg_button_a.gif') no-repeat scroll bottom right;
	text-align:center;
} 
.buttonclick span {
	background: transparent url('images/bg_button_span.gif') no-repeat bottom left;
    background-color:#C2D3E7;
	border-style:solid;
	
}


/* les boutons d'ajout/retrait de points */
.pBoutons {
	float: right;
	/*height:10px;*/
	padding: 0;
	margin: 3px 0 0 0;
	position:relative;
	top:0px;
	right:10px;
}

.pBoutons img {border: 0px; }

img.pAdd {margin: 0 0 0 2px;}

img.pDel {margin: 0 2px 0 0;}


.donner_point_modo {
	position:absolute;
	display:none;
	bottom:10px;
	right:50px;
	width:400px;
	z-index:8;
}
.donner_point {
	position:absolute;
	display:none;
	bottom:10px;
	right:50px;
	width:400px;
	z-index:8;
}

.submit {
	border:solid thin black;
	font:13pt Arial;
	text-align:center;
	position:relative;
	bottom:30px;
	height:30px;
	width:250px;
	background-color:#F0EBE1;
	display:none;
	
}

.close_point {
	position:absolute;
	margin-top:-10px;
	right:0px;
	z-index:50;
}

.pouce_point {
position:absolute;
display:none;
bottom:10px;
left:10px;
width:300px;
z-index:99;
}
/******************************************/


/**** Les bannières de bas de page  ****/
#bannieres {
	width:100%;
	margin: 5px 0 5px 0;
	text-align:center
}

#bannieres img {
	width:312px;
	height:70px;
	display:inline;
	margin: 5px 4px 0 4px;
	border: 0px
}

#pied {
	text-align: center;
	width: auto;
	font-size:75%
}

/* Styles pour les trucs en Ajax */
/* Affichage des 10 derniers messages */
#fenetre {
	display:none;
	position:absolute;
	background:#E8E4C4;
	width:70% !important; /* pour les autres navigateurs */
	width:65em;  /*pour IE*/
	left:220px;
	top:97px;
	float:left;
	text-align:left;
	border:solid 2px #888362;
	font-size:12; 
	font-family:arial;
	padding:10px;
	z-index:3;
}

#fenetre li {
	 margin-top: 10px;
}

#fenetre2 {
	display:none;
	position:absolute;
	background:#f0ebe1;
	width:85%;
	text-align:left;
	border:solid 2px #916b39;
	font-size:12; 
	font-family:arial;
	padding:4px;
	right:3px;
	margin-top:-8px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}

#blocnote {
	display:none;
	position:absolute;
	background:#f0ebe1;
	width:65em;
	right:60px;
	top:150px;
	float:right;
	text-align:left;
	border:solid 2px #916b39;
	font-size:12; 
	font-family:arial;
	padding:4px;
	z-index:12;
}


/* Réponse en ajax */
#reponse {display: none;}

#post_image {display: none; border: 1px solid black; position: relative;}

.image_wait {display: none; border: 1px solid black}

.patienter_img{ /*en attendant que l'image se charge */
	background-color:#E8DDBA;
	position:absolute;
	height:80px;
	width:700px;
	border:solid thin black;
	font:13pt Arial;
	vertical-align:middle;
	text-align:center;	
}

.masque_img{ /*en attendant que l'image se charge */
	background-color:#FFF;
	position:absolute;
}

#ajoutlien {display: none;}


.patienter { /*en attendant la page chargée */
	background-color:#F0EBE1;
	/*bottom:20px;*/
	right:50px;
	height:50px;
	max-width:300px;
	border:solid thin black;
	font:13pt Arial;
	vertical-align:middle;
	text-align:center;	
}



.forums_mobile { /* c'est un <span> d'où le block */
	display:block;
	height:50px;
	width:97%;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border:solid 1px black;
	padding:3px;
	font-family:arial;
	font-size:13px;
	color:black;
	background-color:#F7ECC9;
	margin:2px;
	/*margin-bottom:5px;*/
}
.sousforums_mobile {
	display:block;
	height:50px;
	width:95%;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border:solid 1px black;
	padding:3px;
	font-family:arial;
	font-size:13px;
	color:black;
	background-color:#F7ECC9;
	margin:2px;
	margin-bottom:5px;
	margin-left:15px;
}
.minisousforums_mobile {
	display:block;
	height:12px;
	width:50%;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:solid 1px black;
	padding:3px;
	font-family:arial;
	font-size:11px;
	color:black;
	background-color:#F7ECC9;
	margin:1px;
	text-align:left;
	margin-left:15px;

}

.titre_mobile {
	font-weight:bold;
	font-size:18px;
	color:#712600;
}

.lastpost_mobile {
	float:right;
	font-size:10px;
	margin-top:4px;
	vertical-align:middle;
}
.message_mobile {
	border:solid 1px black;
	font-family:arial;
}