BODY { margin : 5 5px 5 5px;	font-family: tahoma,verdana; 	font-size: 12px;  position: inherit;  }
A:Visited { color: #767676; }
A:Active { color: #767676; }
A:Hover { color: #767676; }
A:LINK { color: #767676; } 
IMG { border-color : #999999; }
BLOCKQUOTE { margin : 5px 60px 10px 155px;	height : auto; }
TH { font-weight:bold; text-align: center; font-size: smaller; background-color:white; text-decoration:none; }
TABLE {font-size : 11px;}
FORM,H5,H2 { margin : 0 0 0 0; height : auto; } 

INPUT,SELECT,BUTTON {
	FONT-SIZE: 10px;
	HEIGHT: 15px;
	BORDER-BOTTOM: black 1px solid;
	BORDER-LEFT: black 1px solid;
	BORDER-RIGHT: black 1px solid;
	BORDER-TOP: black 1px solid;
	background-color: #edfab1;
	COLOR: #000000;
	FONT-FAMILY: verdana, arial;
	FONT-SIZE: 8pt;
}
.input2 {
	FONT-SIZE: 10px;
	BORDER-BOTTOM: black 1px solid;
	BORDER-LEFT: black 1px solid;
	BORDER-RIGHT: black 1px solid;
	BORDER-TOP: black 1px solid;
	background-color: #edfab1;
	COLOR: #000000;
	FONT-FAMILY: verdana, arial;
	FONT-SIZE: 8pt;
}
.input3 {
	FONT-SIZE: 10px;
	BORDER-BOTTOM: 1px solid #696969;
	BORDER-LEFT: 1px solid #696969;
	BORDER-RIGHT: 1px solid #696969;
	BORDER-TOP: 1px solid #696969;
	background-color: #d4cdc6;
	COLOR: #000000;
	FONT-FAMILY: verdana, arial;
	FONT-SIZE: 8pt;
}
TEXTAREA { 
	FONT-SIZE: 10px;	
	BORDER-BOTTOM: black 0px solid;
	BORDER-LEFT: black 0px solid;
	BORDER-RIGHT: black 0px solid;
	BORDER-TOP: black 0px solid;
	background-color: #d4cdc6; 
	COLOR: #FFFFFF;
	FONT-FAMILY: verdana, arial;
	FONT-SIZE: 8pt;
}
/*  PARI GAGNANT */
.pari {
	  background: url("../img/fond_pari.gif") no-repeat 0 0; 
	  padding: 15px 15px 15px 15px; 
}
.pari2 {
	  background: url("../img/fond_pari.gif") no-repeat 0 0; 
}
.pari-gratuit {
	  background: url("../img/pari_gratuit.jpg") no-repeat 0 0; 
}
.pari-titre {
	color:#b718cf;
	font-size:20px;
	font-family : Century Gothic, Verdana, Helvetica, Arial, serif; 	
}
.pari-texte {
	color:#670176;
	font-weight:normal;	
	font-size:12px;
	font-family : Tahoma, Verdana, Helvetica, Arial, serif; 	
}
.pari-comment {
	color:#636362;
	font-weight:normal;	
	font-size:11px;
	line-height:16px;
	font-family : Tahoma, Verdana, Helvetica, Arial, serif; 	
}
/* FIN PARI GAGNANT */
	
/* CHECKBOX */
	.checkbox, .radio { 
	  height: 16px; 
	  padding: 0 0 0 20px; 
	  background: url("../img/checkbox.gif") no-repeat 0 0; 
	  cursor: default; 
	} 
	.radio-off { 
	  height: 16px; 
	  padding: 0 0 0 20px; 
	  background: url("../img/checkbox-off.gif") no-repeat 0 0; 
	  cursor: default; 
	} 
	.checkbox input, .radio input, .radio-off input { 
	  display: none; 
	} 
	.radio { 
	  background: url("../img/checkbox.gif") no-repeat 0 0; 
	} 
	.radio-off { 
	  background: url("../img/checkbox-off.gif") no-repeat 0 0; 
	} 
	.selected { 
	  background-position: 0 -52px; 
	} 
/* FIN CHECKBOX */

/* TABLEAUX */
	.haut-page{ background: url("../img/head_fond.gif") repeat;}
	.corp-page{ background: url("../img/fond_home.jpg") repeat; background-color: #c2c4c5}
	.haut-frame{ background: url("../img/tab_fond.gif") repeat;}
	.droite-frame { background: url("../img/tab_ext-droite.gif") repeat-y;}
/* FIN TABLEAUX */

/* MENUS & NAV */
	.order, a.order, a.order:visited { font-size: 10px; text-decoration:none; color: #696969;}
	.menu-gauche, a.menu-gauche, a.menu-gauche:visited { font-size: 10px; text-decoration:none; color: #696969;}
/* FIN MENUS & NAV */

/* EMAILS */
	.emailbas, a.emailbas, a.emailbas:visited, a.emailbas:link {
		 font-size: 10px; text-decoration:none; color: #FFFFFF;
	 }
/* FIN EMAILS  */

.menu {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
	font-family : Verdana, Century Gothic, Helvetica, Arial, serif; 	
}
a.menu {
	color:#FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-decoration : none;
}
a.menu:visited {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;						
	text-decoration : none;
}
a.menu:hover {
	color: Yellow;
}
.table-titre {
	color:#5a5a59;
	font-weight:bold;
	font-size:13px;
	font-family : Century Gothic, Verdana, Helvetica, Arial, serif; 	
}
.actu-titre {
	color:#5a5a59;
	font-weight:bold;
	font-size:15px;
	font-family : Century Gothic, Verdana, Helvetica, Arial, serif; 	
}
.charte {
	color:#5a5a59;
	font-size:12px;
	text-align:justify;
	font-family : Tahoma, Verdana, Helvetica, Arial, serif; 	
}
.cdb-menu {
	color:#000000;
	font-size:14px;
	font-family : Century Gothic, Verdana, Helvetica, Arial, serif; 	
}
.cdb-titre {
	color:#ffc000;
	font-size:20px;
	font-family : Century Gothic, Verdana, Helvetica, Arial, serif; 	
}
.cdb-jours {
	color:#4d6301;
	font-size:26px;
	line-height:20px;
	font-family : Century Gothic, Verdana, Helvetica, Arial, serif; 	
}
.cdb-jours2 {
	color:#4d6301;
	font-size:14px;
	font-family : Century Gothic, Verdana, Helvetica, Arial, serif; 	
}
.charteb {
	color:#000000;
	font-size:27px;
	text-align: left;
	font-family : Century Gothic, Verdana, Helvetica, Arial, serif; 	
}
.table-titreb {
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	font-family : Century Gothic, Verdana, Helvetica, Arial, serif; 	
}
.page-titre {
	color:#cbcacb;
	font-weight:bold;
	font-size:17px;
	font-style: italic;
	font-family : Century Gothic, Verdana, Helvetica, Arial, serif; 	
}
.table-titreb {
	color:#ffffff;
	font-weight:bold;
	font-size:13px;
	font-family : Century Gothic, Verdana, Helvetica, Arial, serif; 	
}
.link-small{
	font-weight:bold;
	font-size:10px;
}
.carnetbd3 { 
	text-align:right; 
	font-size:18px;
	font-family : Century Gothic, Verdana, Helvetica, Arial, serif; 	
	font-weight:bold;
	color:#ffcc00;
	margin : 0px 0px -10px 0px;	
}
div#carnetbd { 
	text-align:right; 
	font-size:13px;
	font-family : Century Gothic, Verdana, Helvetica, Arial, serif; 	
	font-weight:bold;
	color:#ffcc00;
	margin : 0px 5px -10px 0px;	
}
div#carnetbd2 { 
	text-align:right; 
	font-size:40px;
	font-family : Century Gothic, Verdana, Helvetica, Arial, serif; 	
	color:#ffcc00;
	margin : 0px 0px -10px 0px;	
}
div#edito { OVERFLOW: auto; top:12; left:15; right:5; 
			HEIGHT: 250px; WIDTH: 470px; text-align: justify; 
			padding-right:16px; PADDING-TOP: 1px; 
			SCROLLBAR-FACE-COLOR: #5a5a59; 
			SCROLLBAR-SHADOW-COLOR: #FFFFFF; 
			SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; 
			SCROLLBAR-ARROW-COLOR: #FFFFFF; 
			SCROLLBAR-TRACK-COLOR: #FFFFFF; 
			SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF; 
			font-face: Verdana; 
}  
div#admin { OVERFLOW: auto; overflow-x:hidden;
			HEIGHT: 100%; WIDTH: 100%; text-align: justify; 
			padding-right:0px; PADDING-TOP: 1px; 
			SCROLLBAR-FACE-COLOR: #5a5a59; 
			SCROLLBAR-SHADOW-COLOR: #FFFFFF; 
			SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; 
			SCROLLBAR-ARROW-COLOR: #FFFFFF; 
			SCROLLBAR-TRACK-COLOR: #FFFFFF; 
			SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF; 
			font-face: Verdana; 
}  
div#image { OVERFLOW: auto;  
			HEIGHT: 220px; WIDTH: 540px;
			padding-right:16px; PADDING-TOP: 1px; 
			SCROLLBAR-FACE-COLOR: #5a5a59; 
			SCROLLBAR-SHADOW-COLOR: #FFFFFF; 
			SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; 
			SCROLLBAR-ARROW-COLOR: #FFFFFF; 
			SCROLLBAR-TRACK-COLOR: #FFFFFF; 
			SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF; 
			font-face: Verdana;  
}  
div#vierge { 
			OVERFLOW: auto; overflow-x:hidden;
			text-align: justify; 
			SCROLLBAR-FACE-COLOR: #5a5a59; 
			SCROLLBAR-SHADOW-COLOR: #FFFFFF; 
			SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; 
			SCROLLBAR-ARROW-COLOR: #FFFFFF; 
			SCROLLBAR-TRACK-COLOR: #FFFFFF; 
			SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF; 
			font-face: Verdana; 
}  
div#droite { OVERFLOW: auto; 
			HEIGHT: 265px; WIDTH: 150px; text-align: justify; 
			padding-right:16px; PADDING-TOP: 1px; 
			SCROLLBAR-FACE-COLOR: #5a5a59; 
			vertical-align: baseline;
			SCROLLBAR-SHADOW-COLOR: #FFFFFF; 
			SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; 
			SCROLLBAR-ARROW-COLOR: #FFFFFF; 
			SCROLLBAR-TRACK-COLOR: #FFFFFF; 
			SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF; 
			font-face: Verdana; 
}  
.toolbox{
	text-decoration:none;
	color:#5a5a59;
	font-weight:bold;
	font-size:10px;
	font-family : Century Gothic, Verdana, Helvetica, Arial, serif; 	
}
.ongletdiag-on{
	text-decoration:none;
	color:#5a5a59;
	background-color: #ffffff;
	font-weight:bold;
	font-size:11px;
	font-family : Tahoma, Verdana, Helvetica, Arial, serif; 	
}
.ongletdiag{
	background-color: #f5fcd7;
	text-decoration:none;
	color:#5a5a59;
	font-size:11px;
	font-family : Tahoma, Verdana, Helvetica, Arial, serif; 	
}
.ongletdiag2-on{
	text-decoration:none;
	color:#b718cf;
/*	font-weight:bold;*/
	font-size:11px;
	font-family : Tahoma, Verdana, Helvetica, Arial, serif; 	
}
.ongletdiag2{
	text-decoration:none;
	color:#5a5a59;
	font-size:11px;
	font-family : Tahoma, Verdana, Helvetica, Arial, serif; 	
}
.ongletdiag3{
	text-decoration:none;
	color:#8f8f8f;
	font-size:11px;
	font-family : Tahoma, Verdana, Helvetica, Arial, serif; 	
}
.formdiag{
	color:#5a5a59;
	font-size:11px;
	font-family : Tahoma, Verdana, Helvetica, Arial, serif; 	
}
.ledende-diag{
	color:#cfdc75;
	font-size:11px;
	font-weight:bold;
	font-family : Tahoma, Verdana, Helvetica, Arial, serif;
}
a.sousnav:link,a.sousnav:hover,a.sousnav:visited {
	color:#000000;
	text-decoration:none; 
	font-size:11px;
	font-family : Tahoma, Verdana, Helvetica, Arial, serif;
}
a.sousnav-on:link,a.sousnav-on:hover,a.sousnav-on:visited {
	color:#000000;
	text-decoration:none; 
	font-size:11px;
	font-weight:bold;
	font-family : Tahoma, Verdana, Helvetica, Arial, serif;
}

#arriere {
left: -85px;
top: -70px;
position: relative;	/* dimension et positionnement du bloc conteneur  de l'image */
width : 200px;
height : 80px;	
}
#arriere img {
/* l'image occupe toute la place de son bloc conteneur */
width : 100%;
height: 100%;

}
#arriere p {	
position: relative;	/* placement du texte par-dessus l'image */
top: -7em;
left: 2em;
right: 2em;
}
.quanti{
	HEIGHT: 20px;
	BORDER-BOTTOM: #9d9b9b 1px solid;
	BORDER-LEFT: #9d9b9b 1px solid;
	BORDER-RIGHT: #9d9b9b 1px solid;
	BORDER-TOP: #9d9b9b 1px solid;
	padding-right: 3px;
	padding-left: 3px;
	background-color: #edefe4; 
	COLOR: #000000;
	FONT-FAMILY: verdana, arial;
	FONT-SIZE: 10pt;
	text-align: right;
}
.legende{
	color:#afd600;
	font-weight:bold;	
	font-size:15px;
	font-family : Century Gothic, Verdana, Helvetica, Arial, serif; 	
}
.legende2{
	color:#718612;
	font-weight:bold;	
	font-size:14px;
	font-family : Century Gothic, Verdana, Helvetica, Arial, serif; 	
}
.legende6{
	color:#718612;
	font-weight:bold;	
	font-size:16px;
	font-family : Century Gothic, Verdana, Helvetica, Arial, serif; 	
}
.legende3{
	color:#718612;
	font-weight:bold;	
	font-size:17px;
	line-height: 25px;
	font-family : Century Gothic, Verdana, Helvetica, Arial, serif; 	
}
.legende4{
	color:#718612;
	font-weight:bold;	
	font-size:11px;
	line-height: 18px;
	font-family : Century Gothic, Verdana, Helvetica, Arial, serif; 	
}
.legende5{
	color:#718612;
	font-weight:bold;	
	font-size:11px;
	font-family : Century Gothic, Verdana, Helvetica, Arial, serif; 	
}
.conseil{
	color:#b57d34;
	font-weight:bold;	
	font-size:11px;
	font-family : Arial, Verdana, Helvetica; 	
}

a.tool:link,a.tool:hover,a.tool:visited {
	color:#000000;
	text-decoration:none; 
	font-size:11px;
	font-family : Tahoma, Verdana, Helvetica, Arial, serif;
}
a.toolb:link,a.toolb:hover,a.toolb:visited {
	color:#e87400;
	text-decoration:none; 
	font-size:11px;
	font-family : Tahoma, Verdana, Helvetica, Arial, serif;
}
a.tool-on:link,a.tool-on:hover,a.tool-on:visited {
	color:#000000;
	text-decoration:none; 
	font-size:12px;
	font-weight:bold;
	font-family : Tahoma, Verdana, Helvetica, Arial, serif;
}
.values {
	COLOR: #000000;
	FONT-FAMILY: verdana, arial;
	FONT-SIZE: 10pt;
	text-align: right;
}
.titre-cdb {
	COLOR: #ff7800;
	font-size:11px;
	font-family : Arial, Verdana, Helvetica; 	
}