body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-repeat: no-repeat;
	background-position: left top; 
}

table {
	font-size: 11px;
	line-height:14px;
	border-collapse: collapse;
	border:0px;
	border-spacing:0px;
	/*width:94%;*/
}
td, tr{
	padding:2px;
}

input, select, textarea
{
	font-size: 11px;
	margin:2px 0 2px 5px;
	filter: none;
	border-style:solid;
	border-width:1px;
	

}
FORM {
margin: 0;
padding: 0;
}

hr {
 	height:1px;  
	line-height: 1px;
	border-style:solid;
	border-width:1px;
}

ul{ 
	list-style-position:outside;
	margin:0px;
	padding-left:10px;
}


h1{
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin:10px 0 5px 0px;
	padding:0 0px 0 10px;
	border-bottom-width: 1px;
	border-bottom-style:solid;
	/*border-bottom-style: dotted;*/
}

h2{
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	margin:5px 0 0px 0px;
	padding:0 0 0 15px;
}

h3{
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin:0;
	padding:0 0 0 5px;
}
p{
	text-align:left;
	line-height: 16px;
	margin: 10px 10px 10px 10px;
	
}

li
{
	text-align:left;
	line-height: 16px;
	margin-left: 10px;
	margin-top: 5px;
	
}
/*
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
*/

a:link {
	text-decoration: none;
} 
a:visited {
	text-decoration: none;
} 
a:hover {
	text-decoration: underline blink;

} 
a:active {
	text-decoration: underline blink;

} 



.liengra:link {
	font-weight: bold;
	font-size: 12px;
} 
.liengra:visited {
	font-weight: bold;
	font-size: 12px;
} 
.liengra:hover {
	font-weight: bold;
	font-size: 12px;
} 
.liengra:active {
	font-weight: bold;
	font-size: 12px;
} 





.liennoir:hover {
	text-decoration: underline blink;
} 
.liennoir:active {
	text-decoration: underline blink;
} 



.lienjaune:hover {
	text-decoration: underline blink;
} 
.lienjaune:active {
	text-decoration: underline blink;
} 



.liennoir12:link {
	font-size: 12px;
} 
.liennoir12:visited {
	font-size: 12px;
} 
.liennoir12:hover {
	text-decoration: underline blink;
	font-size: 12px;
} 
.liennoir12:active {
	text-decoration: underline blink;
	font-size: 12px;
} 



.lienboutton:link {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;	
} 
.lienboutton:visited {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
} 
.lienboutton:hover {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
} 
.lienboutton:active {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
} 




.liennoir12Gra:link {
	font-size: 12px;
	font-weight: bold;
} 
.liennoir12Gra:visited {
	font-size: 12px;
	font-weight: bold;
} 
.liennoir12Gra:hover {
	text-decoration: underline blink;
	font-size: 12px;
	font-weight: bold;
} 
.liennoir12Gra:active {
	text-decoration: underline blink;
	font-size: 12px;
	font-weight: bold;
} 



.lienblanc:link {
	color: #FFFFFF;
} 
.lienblanc:visited {
	color: #FFFFFF;
} 
.lienblanc:hover {
	color: #FFFF00;
} 
.lienblanc:active {
	color: #FFFF00;
} 
/*
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
*/
.fondblancborddouble{
	border-style: double;
	border-width: 3px;
	background-repeat: repeat;
}

.button{
	width: 100px;
	height: 25px;
	font-style: normal;
	font-size: 10px;
	font-weight: bold;
	text-transform: capitalize;
	border: none;
	text-align: center;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: hand;
}

.buttondroit{
	width: 100px;
	height: 25px;
	font-size: 10px;
	font-weight: bold;
	text-transform: capitalize;
	border: none;
	text-align: center;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: hand;
}

.buttong{
	width: 100px;
	height: 25px;
	font-style: normal;
	font-size: 10px;
	font-weight: bold;
	text-transform: capitalize;
	border: none;
	text-align: center;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: hand;
}

.buttondroitg{
	width: 100px;
	height: 25px;
	font-size: 10px;
	font-weight: bold;
	text-transform: capitalize;
	border: none;
	text-align: center;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: hand;
}

.buttontrans{
	width: 124px;
	height: 21px;
	font-size: 10px;
	font-weight: bold;
	text-transform: capitalize;
	border: none;
	text-align: center;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: hand;
}

.titreform {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

.centre{
	text-align: center;
	vertical-align: middle;
}

.taille12gras{
	font-size: 12px;
	font-weight: bold;
}

.taille12{
	font-size: 12px;
}

.gras{	
	font-weight: bold;
}


.aide{	
	font-style:italic;
}

.barrebas{
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.barrehaut{
	border-top-style: solid;
	border-top-width: 1px;
}

.barrehautbas{
	border-top-style: solid;
	border-top-width: 1px;
	
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.barrehautbascolor{
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.barrehautgauche{
	border-top-style: solid;
	border-top-width: 1px;
	
	border-left-style: solid;
	border-left-width: 1px;
}

.cadre{
	border-style: solid;
	border-width: 1px;
}

.cadreblanc{
	border-style: solid;
	border-width: 1px;
}

.fondu3 {
filter: alpha(opacity=100, finishopacity=0, style=3);
} 

.parcourir {
	font-size: 10px;
	border-style:solid;
	border-width:1px;
}

.citation{
	font-style:italic;
}
/*
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
*/
.grandcadre{
/*
	filter:alpha(opacity=85);

	-moz-opacity:.85;
	opacity:.85;
*/
	position: absolute;
	border:0px;
	left:8px;
	top:136px;
	width:764px;
	height:419px;
	overflow:auto;
	padding:4px 0px 0px 0px;
	z-index: 2;
}
.grandcadreselect{
	padding:0px 0px 0px 0px;
	position: absolute;
	border:0px;
	left:8px; top:136px; width:764px; height:419px;
	overflow:auto;
	padding:4px 0px 0px 0px;
}

.cadregauchefixe{
	padding:0px 0px 0px 0px;
	position: absolute;
	border:0px;
	left:8px; top:136px; width:154px; height:419px;
	overflow:auto;
	padding:0px 0px 0px 0px;
	background-color:#FFFFFF;
	filter:alpha(opacity=65);

	-moz-opacity:.70;
	opacity:.70;

}
.cadredroitfixe{
	padding:0px 0px 0px 0px;
	position: absolute;
	border:0px;
	left:163px; top:136px; width:609px; height:419px;
	overflow:auto;
}

.cadregauche{ 
	position:relative;
	float:left;
	width:20%;
	border:0px;
}
.cadredroit{
	position:relative;
	float:left;
	width:79%;	
	height:100%;
	border-left:1px dotted black;
	padding:0;
	margin:0 0 0 5px;
}
/*
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
*/
.principal {

	font-size:0px;
	line-height:0px;
	width:98%;
	background-repeat: repeat-y;
	margin: 0 1% 0 1%;
	border:0px;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}

.principal2 {
	background-repeat: repeat-y;
	background-position: right;
	margin: 0;
}

.haut {
	height:9px;
	margin:0;
}
.principalb {
	font-size:0px;
	line-height:0px;
	width:98%;
	background-repeat: repeat-y;
	margin: 0 1% 0 1%;
	border:0;

}

.principal2b {
	background-repeat: repeat-y;
	background-position: right;
	margin: 0;
}

.hautb {
	height:9px;
	margin:0;
}

.haut img {
	vertical-align:top; /* for ie5*/
}

.coingh {
	width:9px;
	height:9px;
	float: left;
}
.coindh {
	width:9px;
	height:9px;
	float: right;			
}

.coinghb {
	width:9px;
	height:9px;
	float: left;
}
.coindhb {
	width:9px;
	height:9px;
	float: right;			
}
.contenu {	
	font-size:11px;
	line-height:16px;
	padding: 0px 10px 0px 10px;
}

.contenu p {
	margin: 5px;
}

.contenu table {
	margin: 0px;
}

.bas {
	height:9px;
	margin:0;
}
.coingb {
	width:9px;
	height:9px;
	float: left;
}
.coindb {
	width:9px;
	height:9px;
	float:right;
}

.basb {
	height:9px;
	margin:0;
}
.coingbb {
	width:9px;
	height:9px;
	float: left;
}
.coindbb {
	width:9px;
	height:9px;
	float:right;
}




.principalv {

	font-size:0px;
	line-height:0px;
	width:98%;
	background-repeat: repeat-y;
	margin: 0 1% 0 1%;
	border:0px;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}

.principal2v {
	background-repeat: repeat-y;
	background-position: right;
	margin: 0;
}

.hautv {
	height:9px;
	margin:0;
}
.coinghv {
	width:9px;
	height:9px;
	float: left;
}
.coindhv {
	width:9px;
	height:9px;
	float: right;			
}
.basv {
	height:9px;
	margin:0;
}
.coingbv {
	width:9px;
	height:9px;
	float: left;
}
.coindbv {
	width:9px;
	height:9px;
	float:right;
}

/*
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
*/

.titrepage{
	HEIGHT: 27px;
	margin-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: groove;
	background-repeat:repeat-x;
	background-position:bottom;
}

.titrepage DIV.image {
	PADDING-LEFT: 10px; FLOAT: left; WIDTH: 36px; LINE-HEIGHT: 31px; PADDING-TOP: 0px; HEIGHT: 27px; padding-bottom:4px;
}

.titrepage DIV.pagetitle {
	PADDING-LEFT: 4px; FONT-SIZE: 18px; FLOAT: left; WIDTH: 350px;  LINE-HEIGHT: 27px; PADDING-TOP: 0px; HEIGHT: 27px;padding-bottom:4px;
	text-transform:uppercase;
}

.titrepage2{
	HEIGHT: 27px;
	margin-bottom:10px;
}

.titrepage2 DIV.image2 {
	PADDING-LEFT: 0px; FLOAT: left; WIDTH: 36px; LINE-HEIGHT: 27px; PADDING-TOP: 0px; HEIGHT: 27px; padding-bottom:4px;
}

.titrepage2 DIV.pagetitle2 , a.pagetitle2:hover , a.pagetitle2:visited , a.pagetitle2:active, a.pagetitle2:link{
	PADDING-LEFT: 0px; FONT-SIZE: 17px; FLOAT: left; WIDTH: 150px;  LINE-HEIGHT: 27px; PADDING-TOP: 0px; HEIGHT: 27px;
	text-decoration:underline;
	font-weight:bold;
}

.menugauche{
	HEIGHT: 20px;
	margin-bottom:5px;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

.menugauche DIV.imagemenu {
	PADDING-LEFT: 0px; FLOAT: left; WIDTH: 25px; LINE-HEIGHT: 20px; PADDING-TOP: 0px; HEIGHT: 20px; padding-bottom:0px;
}

.menugauche DIV.pagetitlemenu  , a.pagetitlemenu:visited , a.pagetitlemenu:active, a.pagetitlemenu:link{
	PADDING-LEFT: 0px; FONT-SIZE: 11px; FLOAT: left; WIDTH: 80px; LINE-HEIGHT: 20px; PADDING-TOP: 0px; HEIGHT: 20px;
}
/*
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
*/
.navig{
	position: absolute;
	left:75px; top:120px; width:693px; height:15px;
	padding:0px;
	display: inline; 
}

.navig a.imagenavig{

	display: block;  /*la balise a doit être en bloc */
    width: 120px; /* largeur de l'image réactive */
    height: 15px; /* hauteur de l'image réactive */
    background-repeat: no-repeat;
	text-align:center;
	padding:0px 0 0px 0;
	text-decoration:none;
	font-size:12px;
}
.navig a.imagenavig:hover{
	 font-weight:bold;
}
.navig a.imagenavigsel{
	display: block;  /*la balise a doit être en bloc */
     width: 120px; /* largeur de l'image réactive */
     height: 15px; /* hauteur de l'image réactive */
     background-repeat: no-repeat;
	 text-align:center;
	 padding:0px 0 0px 0;
	 text-decoration:none;
	 font-size:12px;
	 font-weight:bold;
}
.navig a.imagenavigsel:hover{
	 font-weight:bold;
}









/*
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
*/

.naviginterne{
	position:relative;
	float:left;	
	width:693px; height:15px;
	padding:0px;
	display: inline; 
}

.naviginterne a.imagenavig{

	display: block;  /*la balise a doit être en bloc */
    width: 120px; /* largeur de l'image réactive */
    height: 15px; /* hauteur de l'image réactive */
    background-repeat: no-repeat;
	text-align:center;
	padding:0px 0 0px 0;
	text-decoration:none;
	font-size:12px;
}
.naviginterne a.imagenavig:hover{
	 font-weight:bold;
}
.naviginterne a.imagenavigsel{

	display: block;  /*la balise a doit être en bloc */
     width: 120px; /* largeur de l'image réactive */
     height: 15px; /* hauteur de l'image réactive */
     background-repeat: no-repeat;
	 text-align:center;
	 padding:0px 0 0px 0;
	 text-decoration:none;
	 font-size:12px;
	 font-weight:bold;
}
.naviginterne a.imagenavigsel:hover{
	 font-weight:bold;
}
/*
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
*/
.cadrecentre{

	top:140px; 
	left:0px; 
	width:779px; 
}

.cadrebas{

	width:779px; 
	height:38px;
	clear:left;
}

.cadrehaut{
	
	top:0px;
	width:779px; 
	height:140px;
}
.cadrecontenu{
	/*height:416px;*/
	padding-left:12px; 
	padding-right:12px;
	text-align:left;
}

.cadrebody{
	top:0px; 
	left:0px; 
	position:absolute; 
	width:100%;  
}