/*--- Définition de la mise en page générale ---*/

#conteneur,#pied
{ 	position: relative;
	width: 1024px;
	margin-left:auto;
	margin-right:auto;
}

#conteneur { top:155px; }

/* PIED DE PAGE */

#pied
{ 	height: 20px;
	vertical-align:middle;
	font-size: 10px;
    font-style: normal;
    font-weight: normal;
	top:0px;
}

#pied a,#pied img
{	border: none;
	vertical-align:middle;
	margin-top : 3;
	margin-bottom:3;
}

/* COLONNE GAUCHE */

#gauche,#droite
{ 	position: absolute;		/* Position par rapport à la boite conteneur*/
	width: 147px;
}

#gauche
{	left:0px;
	float:left;
	margin:0px;
	padding:0px;
	text-align:center;
	width:143px;
}

/* COLONNE DROITE */

#droite
{	right:0px;
	float:left;
	padding: 0px;
	margin:0px;
	text-align:right;
	font-family: normal 0.9em "Trebuchet MS", helvetica, sans-serif;
	font:normal Verdana, Arial, Tahoma, sans-serif;
	font-size:11px;
}

.xsnazzy
{	background: transparent;
	float:left;
	width:144px;
	margin:0 3px;
	margin-bottom:10px;
}

#droite .xsnazzy
{	width:140px; }

#gauche .xsnazzy
{	width:140px;	}

/* A TESTER :  B0A77E - D94904 - 993300  - f4f4f4 - 7c7c7c - D7661C - 94AB36 - C3A176 - 789B51 */

/* 	color:#D94904; */

.xsnazzy h2
{	margin:0px; 
	padding:0px;
	padding-bottom:3px;
	border-bottom:1px solid #73724D;
	font-size:13px; 
    font-weight: bold;
	width:142px;
	text-align:center;
	color:white;
}

#droite .xsnazzy h2
{	width:138px;	}

#gauche .xsnazzy h2
{	width:138px;	}


.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #444; border-right:1px solid #444;}
.xb1 {margin:0 5px; background:#444;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}



.xboxcontent {display:block; border:0 solid #444; border-width:0 1px; height:auto;}
/*html .xboxcontent {height:1px;}*/

.cola {background:#c9ba65; color:#fff;}
.colb {background:#d4d8bd; color:#000;}
.colc {background:#758279; color:#fff;}
.cold {background:#b2ab9b; color:#000;}

/* Couleurs menu adsense */
.adc {background:#c00000;}
.adbg {background:#FFF5F5; xborder-color:#700000;}

/* Couleurs menu nouveautés */
.newsc {background:#ff9900;}
.newsbg {background:#fffFF4; xborder-color:#9f3900;}
.newsbg dt { color:#Af4900;}

/* Couleurs liens bourse */
.boursec {background:#009900;}
.boursebg {background:#F5FFf5;}
.boursebg dt { color:#009900; }

/* Couleurs liens persos */
/*.persoc	{background:#b8b800;}
.persobg {background:#FFFFE0;}
*/
.persoc	{background:#0000cc;}
.persobg {background:#F5F5FF;}
.persobg dt {color:#309;}

/*Big annonce*/
.bigadcol { background:#FEF3FF; }

#droite .newsbg hr 	{	background:#789B51; color:#789B51; }
#droite .persobg hr 	{	background:#789B51; color:#789B51; }
#droite .boursebg hr 	{ 	background:#789B51; color:#789B51; }


/* Couleurs de référence */
.red {background:#c00;}
.orange {background:#ff9900;}
.yellow {background:#b8b800;}
.green {background:#009900;}
.blue {background:#0000cc;}
.indigo {background:#330099;}
.violet {background:#cc66cc;}
.grey {background:#888;}

#droite dl
{	padding:0px;
	line-height:13px;
}

#droite .fintab ul
{	padding-top:0px;
	border:none;
}

#droite hr
{	height:1px;
	margin-left:5px;
	margin-right:5px;
	border:none;
	background-color:#789B51;
	color:#789B51;
}


#droite a,#droite dl,#gauche a
{	font-size:11px;
	padding: 0px;
	margin:0px;
	text-align:center;
	padding-bottom:2px;
	text-decoration:none;
	text-align:left;
	color: #789B51;
	display:block;
	list-style:none;
}
#droite dl
{	margin-top:5px;
}

#droite dt
{	text-align:center;
	list-style:none;
	margin:3px 0px;
}

#droite dd,#gauche a
{	text-align:left;
	margin:0px;
	margin-left:2px;
	padding:0px;
	display:block;
	padding-bottom:-5px;
	overflow:hidden;
	color:#666666;
	text-align:left;
}

#droite dd
{	text-align:center;
}

#news dd
{	border-bottom:1px solid #789B51;
	margin:2px 4px;
	padding-bottom:5px;
}

#news dd.details a
{ 	margin-bottom:2px;
	margin-top:3px;
	text-decoration:none;
	color:#7777aa;
	text-align:center;
}

#news dd.details
{	border:none;
	padding-bottom:0px;
	margin:0px;
}

/* Pour afficher correctement le bord arrondi sous IE*/

#news { padding-bottom:1px; }
#news dt { margin-bottom:0px; }

#droite .miniurl
{	font-size:9px;
	margin-top:0px;
	color:#B9B9B9;
}

#gauche ul
{	list-style:none;
	margin:4px;
	margin-bottom:0px;
	padding:0px;
	padding-bottom:5px;
}

.imagelien
{	border: none;
	position:relative;
	border-collapse: collapse;
	margin-top:5px;
	text-align:center;
	z-index:50;
}


/* CENTRE DE LA PAGE */

#centre
{	background-color: #FFFFFF;
	margin-left: 148px;
	margin-right: 148px;
	font-size: 13px;
	text-align:left;
	padding-bottom:7px;
}

#centre .theme,.themesep
{	position:relative;
	padding:0px;
	margin:auto;
	vertical-align:middle;
	text-align:center;
	padding-top:3px;
	padding-bottom:5px;
	width:728px;
	clear:both;
	border:none;
}


#centre .themesep
{	height:3px;
	font-size:1px;		/* hack ie */
	padding:0px;
	margin:0px;
	background-image:url(../Images/Separation.png);
	background-position:0 0;
	background-repeat: no-repeat;
	background-color:#ffd960;
}

*html #centre .theme
{	margin-bottom:-4px;
	margin-top:-9px;
}

.adbloc
{	padding:4px;
	margin-top:20px;
	float:right; 
	background:white;
}

#centre h1
{	font-size: 16px;
    font-style: normal;
    font-weight: normal;
	padding:0px;
	margin:0px;
	margin-left:-9px;
	padding-left:13px;
	width:auto;
	height:18px;
	color:white;
	background-image:url(../Images/H1.png);
	background-position:0 0;
	background-repeat: no-repeat;
	background-color:#309;
	line-height:15px;
}

*html #centre h1 { line-height:16px; }
/*
#ff66cc
#ffddf4
#6699ff
*/

.red {background:#c00;}				/*ok*/
.orange {background:#ff9900;}			/*ok*/
.yellow {background:#b8b800;}
.green {background:#009900;}
.indigo {background:#330099;}			/* ok */
.sympa { background-color:#114499; }

#centre h2,#centre h3,#centre h4
{	font-size: 16px;
    font-style: normal;
    font-weight: normal;
	padding:0px;
	margin:0px;
	margin-top:10px;
	padding-left:13px;
	width:auto;
	height:18px;
	color:white;
	background-image:url(../Images/H2.png);
	background-position:0 0;
	background-repeat: no-repeat;
	background-color:#ff9900;
	background-color:#bb6600;
	line-height:15px;
}

*html #centre h2,#centre h3,#centre h4 { line-height:17px; }

/* #bb6600 - 990099 -  009999 */

#centre h3
{ width:280px;
  background-image:url(../Images/H3.png);
}

#centre h4
{	width:280px;
	background-image:url(../Images/H3.png);
	background-color:#009900;
}


#centre .page
{ 	margin:0px 30px;
	padding:0px;
	margin-top:6px;
	color: #404040;
}

#centre p
{ 	padding:0px;
	margin:0px;
	margin-top:0px;
	margin-bottom:15px;
	margin-top:10px;
}

#centre strong {	font-weight:bold; 	color: black;}

#centre ul
{	list-style-type:none;
	margin:0px;
	margin-top:5px;
	padding-left:40px;
	padding-bottom:10px;
}

#centre li
{	list-style-type:none;
	background-repeat:no-repeat;
 	background-image:url(../Images/puces.png);
	padding-left:15px;
	background-position:0% 6px;
	margin-left:-20px;
}

#centre li li
{	background-image:url(../Images/puces-small.png);
	background-position:0% 8px;
	padding-left:7px;
	left:-30px;
}

#centre li li li
{	background:none;
	left:-30px;
}

/* A TESTER :  B0A77E - D94904 - 993300  - f4f4f4 - 7c7c7c - D7661C - 94AB36 - C3A176 - 789B51 */

#centre a
{ 	color:#D7661C;
	text-decoration:underline;
	font-weight: bold;
}

#centre a:hover
{ 	color:#F98944;}

#ToolTipImage
 {	border:1px solid black;
	background:#ffffff;
	position: absolute;
	visibility: hidden;
	left: -2000px;
	top: -2000px;
	z-index: 1000;
}

#centre .ImgHover
{	color:#503090;
	font-weight:bold;
}

#centre .ImgHover img
{ position:relative;
  top:-5px;
}

#signature
{	background-color: #ffffff;
	text-align:center;
	font-weight: bold;
	width:100%;
	color:#256587;
 	border-bottom: 1px solid #a3a27D;
	border-top: 1px solid #a3a27D;
	clear:both;
}


.paypal { text-align:center;}

.important
{ 	color:#882020;
	font-weight: bold;
}


.image
{	border: none;
	position:relative;
	border-collapse: collapse;
}


.posimggauche a { text-decoration: none; }


.posimggauche a span
 {	display: inline;
	position: absolute;
	top:75px;
	left: -3px;
	width: 200px;
	height: 100px;
}


/* TABLEAUX DIVERS */

div.tabcaptures
{ 	height: 350px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
}

/*.tabcapturesimgg p,.tabcapturesimgd p*/
.titre
{	margin-top:5px;
	margin:auto;
	margin-bottom:10px;
 	font-size: 16px;
	font-style: normal;
    font-weight: normal;
	padding:0px;
	padding-left:13px;
	width:60%;
	height:18px;
	background-image:url(../Images/H1.png);
	background-position:0 0;
	background-repeat: no-repeat;
	background-color:#ffDD88;
	color:#6633bb;
}


div.tabcapturesimgg,div.tabcapturesimgd
{ 	height: 100%;
	width:49.7%;
	position:relative;
	float:left;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	text-align:center;
}

div.tabcapturesimgd
{ 	width:49.7%;
	float:right;
}

/*--- LIVRES ---*/

div.tablivre
{ 	height: 112px;
	text-align: center;
	left:20;
	width:530px;
	float:left;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
	border:1px solid #b9b989;
}


div.tablivrephoto
{ 	width:108px;
	height: 100%;
	border:1px black;
	float:left;
	margin-top:6px;
	margin-bottom:0px;
	margin-left:0px;
	position:absolute;
	left:0px;

}

div.tablivrecom
{ 	float:left;
	position:relative;
	left:108px;
	text-align:left;
	height:100%;
	width:420px;
	font-size:11px;
	margin-top:3px;
	margin-bottom:0px;
	clear:left;
}

div.livregauche
{	float:left;
	height:363;
	width:120px;
	margin-left:0;
	margin-right:0;
	margin-top:10px;
	margin-bottom:0px;
	position:relative;
	border:none;
	vertical-align:middle;
}

.livregauche
{ position:relative;
  top:60;
}

.titrelivre h1
{	background-color:#f90; }

.remarquelivrecom
  { 	font-size:11px; 
	color:#882020;
	font-weight: bold;
}

.tabimagelivre { border:none; vertical-align:middle; }

.poscentre
{	width:100%;
	text-align:center;
}

/*--- Référencement ---*/

#referencement
{ text-align:center; }

#referencement  a
{	text-decoration:underline;
	font-weight:normal;
	font-size:12px;
	border:none;
}

#referencement img
{ 	border:none; text-align:center;}

#referencement td { text-align:center; vertical-align:middle; }
#gauche a { text-align:center; margin:auto; }