/*---- GLOBAL ----*/
* {
	margin:0;
	padding:0;
}

body {
	font-family: Adobe Caslon Pro, Arial, Helvetica, sans-serif ;
	font-size:14px;
	color:#000;
	background:#bd8142;
} 

div#global {
	width:899px;
	margin:15px auto;
}
div#bg_cadre_top {
	float:left;
	background: url(/images/bg_cadre_top.png) no-repeat;
	width:100%;
	height:16px;
}
div#bg_cadre_center {
	float:left;
	padding-left:44px;
	padding-right:44px;
	background: url(/images/bg_cadre_center.jpg) repeat-y;
	width:811px;
}
div#bg_cadre_bottom {
	float:left;
	background: url(/images/bg_cadre_bottom.png) no-repeat;
	width:100%;
	height:16px;
	margin-bottom:15px;
}

/*---- HEADER ----*/

div#header {
	height:191px;
	width:804px;
	background: url("/images/header.jpg") no-repeat;
	float:left;
}
div#header_forum {
	height:191px;
	width:804px;
	background: url("images/header.jpg") no-repeat;
	float:left;
}

/*---- MENU TOP NAVIGATION ----*/
div#menu_top {
	clear:both;
	float:left;
	width:804px;
	height:35px;
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
}
div#menu_top div.coing {
	float:left;
	background: url(/images/coin_gauche_speedbar.jpg) no-repeat;
	width:8px;
	height:35px;
}
div#menu_top div.fond {
	float:left;
	background: url(/images/fond_speedbar.jpg) repeat-x;
	width:788px;
	height:35px;
	padding-top:6px;
	color:#fae3b0;
	font-family: Adobe Caslon Pro, GentiumAlt, Norasi, Arial, Helvetica, sans-serif ;
	font-size:1.2em;
	font-weight:bold;
}
div#menu_top div.fond img {
	margin-left:20px;
}
div#menu_top div.fond a {
	color:#fae3b0;
}
div#menu_top div.fond a:hover {
	color:#e6cc94;
	text-decoration:none;
}
div#menu_top div.coind {
	float:left;
	background: url(/images/coin_droit_speedbar.jpg) no-repeat;
	width:8px;
	height:35px;
}




ul#menu_top {
	height:41px;
	background: url("/images/navigation.gif") no-repeat;
	margin-top:10px;
	color:#d6e4e7;
	padding-left:10px;
	line-height:23px;
}

/*---- MENU LEFT ----*/
div#menu_left {
	float:left;
	margin:0;
	padding:0;
	width:137px;
}
div.interactivite {
	background: url(images/interactivite.png) no-repeat;
	width:137px;
	height:29px;
}
div.communaute {
	background: url(images/communaute.png) no-repeat;
	width:137px;
	height:29px;
}
div.mon_compte {
	background: url(images/mon_compte.png) no-repeat;
	width:137px;
	height:29px;
}
div.cadre_menu {
	border:1px solid #f7bd80;
	border-top:0;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	background:#fae3b0;
	margin-bottom:30px;
}
div#menu_left ul {
	margin:0;
	padding:0;
	list-style-image: url("images/diese.gif");
}
div#menu_left ul li {
	margin:0;
	padding:0;
	line-height:1.5em;
}
div#menu_left a {
	color:#000;
}
div#menu_left a:hover {
	color:#996a36;
}

div#bloc_connecte {
	float:left;
	background: url(images/cadre_connecte.jpg) no-repeat;
	text-align:center;
	width:137px;
	height:59px;
	padding-top:12px;
	color:#7a300b;
}

/*---- CONTENT ----*/

div.cadre_content {
	width:760px;
	background: #fddcbc;
	margin:auto;
	padding:15px;
	border:1px solid #f4bd76;
	clear:both;
	float:left;
}

div.contenu {
	margin-left:11px;
	float:left;
	width:612px;
	font-family: Arial, Helvetica, sans-serif ;
}

div.cadre_contenu {
	float:left;
	width:100%;
}

div.cadre_contenu div.publicite {
	float:left;
	margin-left : 80px;
	background: #ffedc5;
	border:1px solid #c6a370;
	width:100%;
	margin-bottom:20px;
}
div.cadre_contenu div.publicite div#titre {
	float:left;
	background: url(/images/titre_pub.jpg) no-repeat;
	width:25px;
	height:77px;
}
div.cadre_contenu div.publicite div#afficher {
	text-align:center;
}
div.cadre_contenu div.publicite div#afficher p.pub{
margin-top : 10px; /*Pour centrer la pub adsense*/
}

div.cadre_contenu div.title{
	float:left;
	width:100%;
	height:30px;
	/*background: url(/images/title_cadre_contenu.png) no-repeat;*/
	color:#fae3b0;
	font-size:1.6em;
	font-weight:bold;
	padding-top:4px;
	padding-left:20px;
}
div.cadre_contenu div.cadre {
	float:left;
	width:100%;
	background:#fae3b0;
	border:1px solid #f7bd80;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	line-height:1.3em;
	padding:16px;
	margin-left : -15px;
}
div.cadre_contenu div.last {
	float:left;
	width:270px;
	margin-top:20px;
}
div.cadre_contenu div.last div.titre {
	float:left;
	background: url(/images/derniers.jpg) no-repeat;
	width:270px;
	height:20px;
	text-align:center;
	color:#5b432c;
	padding-top:4px;
}
div.cadre_contenu div.last div.cadre_last {
	float:left;
	background: #ffedc5;
	width:258px;
	border:1px solid #c6a370;
	border-top:0;
	padding-left:5px;
	padding-right:5px;
}
div.cadre_contenu div.last div.cadre_last ul {
	list-style-type: none;
}
div.cadre_contenu div.last div.cadre_last ul li {
	line-height:1.6em;
}



/* body content (text) */
div#content div#main {
	width:810px;
	border-left:3px solid #dde1e3;
	padding-left:10px;
	margin:0px 0 5px 5px;
}
div#content div#main h2 {
	background:url(/images/icon_h2.png) no-repeat;
	color:#666666;
	font-size:14px;
	text-indent:10px;
	margin:5px;
	margin-top:10px;
	padding-left:10px;
}

/*---- FOOTER ----*/


/*---- LIENS ----*/
a img {border: none;}
a {
	color:#996a36;
	text-decoration:none;
}
a:hover {
	color:#6295AF;
	text-decoration:underline;
}

/*---- TABLEAUX ----*/
table.forum {
	width:811px;
	border-collapse:separate;
	margin-top:10px;
	background: #fddcbc;
}
table {
	width:580px;
	border-collapse:separate;
	margin-top:10px;
	background: #f5f5f5;
	border-spacing:0px;
	}
table tr td {
	text-align:center;
}
table tr td.gauche {
	text-align:left;
	padding-left:5px;
}
table th{
	background: url(/images/interieur.jpg);
	vertical-align:top;
	text-align:center;
	padding-left : 2px;
	padding-right : 2px;
}
table td.titreuh {
	background: url(/images/dernier_shot.jpg);
}
table thead tr td {
	background:#d6f0ff;
	border-top: 2px solid #f7bd80;
	border-bottom: 1px dotted #f7bd80;
	vertical-align:top;
	text-align:center;
}
table tbody tr td {
	font-size: 12px;
	border: 1px #f7bd80;
	vertical-align: middle;
	border: 1px solid #f7bd80;
}
table tbody tr td:hover {
	background-color:#fae3b1;
}
/*---- AUTRES ----*/

.v_middle { vertical-align:middle; }
.v_top { vertical-align:top; }
.v_bottom { vertical-align:bottom; }
.italique{font-style:italic;}
.flot_droite { float:right;margin:5px;}
.center { text-align:center; }
.right { text-align:right; }

div#interaction
{
 text-align: center;
 }
 div.cadre_contenu div.title_forum{
	float:left;
	width:100%;
	height:30px;
	background: url(images/title_cadre_contenu_forum.PNG) repeat-x;
	color:#fae3b0;
	font-size:1.6em;
	font-weight:bold;
	padding-top:4px;
	padding-left:20px;
	border: 1px solid #f7bd80;
}
div.cadre_contenu div.cadre_forum {
	float:left;
	width:800px;
	background:#fae3b0;
	border:1px solid #f7bd80;
	border-top:0;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	line-height:1.3em;
	padding:16px;
}
.erreur
{
	color: red;
	/*size: 20px;erreur n'existe pas ques ce que ça vient foutre la ?!! */
	}
.yo a
{ 
	color: #fae3b1;
	}
.yo a:hover
{
	color: #c38655;
	}
/*  ajouter
 *    <div id="bubble"></div>
 *  dans <body>
 */

body div#bubble {
   border: 1px solid black;
   border-left-width: 3px;
   background: white;
   position: absolute;
   z-index: 100;
   padding: 2px 5px 2px 5px;<a href="mp-envoi.html">Bo&icirc;te d'envoi</a><br/>
   font-size: 11px;
   color: black;
   height: auto;
   width: auto;


   visibility: hidden; /* don't remove this line */
}

/*-----------Pour les formulaires : -------------
label {
display:block;
width:150px;
float:left;
}*/


/*--------------Affichage pour les tutos et les bbcode dans les tutos----------*/
.tuto
{
text-align : justify;
}

.tuto h3 /* pour les titre bbcode*/
{
display : inline;
padding : 0px 7px;
font-size : 1.5em;
text-decoration : underline;
color : #3F0B04;
margin-left : 25px;
border : 1px dashed black;
line-height : 30px;
}

.tuto h4 /*pour les soustitre des bbcode*/
{
display : inline;
padding : 0px 5px;
font-size : 1.2em;
font-style : italic;
margin-left : 50px;
color : #3F0B04;
border : 1px dashed black;
line-height : 30px;
}


.tuto img
{
display : inline; /*Pour avoir un affichage correct*/
margin : 3px;
}

ul, li
{
margin-left : 15px;
}