body {
	scrollbar-3dlight-color: #3D474E;
	scrollbar-arrow-color: White;
	scrollbar-base-color: White;
	scrollbar-darkshadow-color: #3D474E;
	scrollbar-face-color: #3D474E;
	scrollbar-highlight-color: White;
	scrollbar-shadow-color: #3D474E;
	scrollbar-track-color:#3D474E;
	background-color: #3D474E;
	font-family: "Arial", Verdana, Arial;
	font-size: 11px;
	color: #4E575E;
	background-color:#4F585F; 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}



H1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: White;
	text-align: right;
	background-image: url(images/accueil/bg_titres.gif);
	padding-right: 10px;
	padding-left: 20px;
}

H2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 5px;
}

TD
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	text-align: justify;
}

P
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	text-align: justify;
	margin: 2px, 2px, 2px, 2px;
	padding-left: 5px;
}

td.gauche {
	background-image: url(images/accueil/logo.gif);
	background-color: #394146;
	background-repeat: no-repeat;
	background-position: top;
}

P.left
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #4E575E;
	text-align: left;
	margin: 2px, 2px, 2px, 2px;
	padding-left: 5px;
}

.txtnewsletter
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: bold;
	color: White;
	text-align: justify;
}

.txtaccroche
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4E575E;
	text-align: justify;
}

.txtblanc
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: bold;
	color: White;
	text-align: justify;
}

.txtblanc2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: White;
	text-align: center;
}

.txtviolet
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #F1810C;
	text-align: justify;	
}

.txtgris
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #AEAEAE;
	text-align: justify;
	
}

.legende
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #AEAEAE;
	text-align: center;
	font-weight: normal;
	
}

.txtblancitalique
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	color: White;
	text-align: right;
	padding-right: 5px;
	letter-spacing: 1px;
}

.txtgrisitalique
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	color: #333333;
	text-align: justify;
}

.titres
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: White;
	text-align: right;
	background-image: url(images/accueil/bg_titres.gif);
	padding-right: 10px;
	padding-left: 20px;

}

.titresviolets
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: White;
	text-align: left;
	background-color : #F1810C;
	padding-left: 10px;
}
p.titreregion {font: italic bold 18px Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 21px; }
p.soustitreregion {font: bold 16px Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 18px; }

a.menu
{
	font-family: "Arial", Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	display:block;
	width: 100%;
	background-color: #F1810C;
	
}

a.menu:hover
{
	font-family: "Arial", Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	color: White;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	display: block;
	width: 100%;
	background-color:#000000;
	
}

a.menu:active
{
	font-family: "Arial", Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	color: White;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	display: block;
	width: 100%;
	background-color: #000000;
}

a.sousmenu
{
	font-family: "Arial", Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	color: White;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;   	
	width: 100%;
	background-color: #F1810C;
	display: block;
}

a.sousmenu:hover
{
	font-family: "Arial", Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	color: White;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	background-color: #000000;
	display: block;
}

a.sousmenu:active
{
	font-family: "Arial", Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	color: White;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	background-color: #000000;
	display: block;
}

a.sousmenupremium
{
	font-family: "Arial", Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	color: White;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	background-color: #000000;
	display: block;
}

a.sousmenupremium:hover
{
	font-family: "Arial", Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;   	
	width: 100%;
	background-color: #FFFFFF;
	display: block;
}


a.sousmenupremium:active
{
	font-family: "Arial", Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	color: White;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	background-color: #000000;
	display: block;
}

a.gamme
{
	font-family: "Arial", Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	color: White;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
   display: block;
	width: 100%;
	background-color: #F1810C;
	margin: 1px, 1px, 1px, 1px;
}

a.gamme:hover

{
	
   font-family: "Arial", Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	color: White;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
   display: block;
	width: 100%;
		background-color: Black;
	}

a.gamme:active

{
   font-family: "Arial", Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	color: White;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
   display: block;
	width: 100%;
	background-color: Black;
	}
	
a.gammeleft
{
	font-family: "Arial", Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	color: White;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
   display: block;
	width: 100%;
	background-color: #F1810C;
}

a.gammeleft:hover

{
	
   font-family: "Arial", Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	color: White;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
   display: block;
	width: 100%;
	background-color: Black;
	}

a.gammeleft:active

{
   font-family: "Arial", Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	color: White;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
   display: block;
	width: 100%;
	background-color: Black;
	}	
	
a.blanc
{
	font-family: "Arial", Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	color: White;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}

a.blanc:hover
{
	
   font-family: "Arial", Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	color: Black;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	}
	
a.blanc:active

{
	font-family: "Arial", Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	color: Black;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
	
	
a.legende
{
	font-family: "Arial", Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	color: #AEAEAE;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}

a.legende:hover

{
	
   font-family: "Arial", Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	color: White;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	}
	
a.legende:active

{
	
   font-family: "Arial", Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	color: White;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	}
	
	
	
a.menualignleft
{
	font-family: "Arial", Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	color: White;
	vertical-align: middle;
	text-align: left;
	text-decoration: none;
	display:block;
	width: 100%;
	background-color: #F1810C;
}

a.menualignleft:hover

{
	font-family: "Arial", Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	color: White;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	display: block;
	width: 100%;
	background-color: Black;
}

a.menualignleft:active

{
	font-family: "Arial", Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	color: White;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	display: block;
	width: 100%;
	background-color: Black;
}

A
{
	font-family: "Arial", Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #4E575E;
	text-decoration: none;
	text-align: left;
}

A:hover

{
	
   font-family: "Arial", Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: Black;
	text-decoration: none;
	text-align: left;
	}
	
A:active

{
	
   font-family: "Arial", Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: Black;
	text-decoration: none;
	text-align: left;
	}

	
A.tableau
{
	font-family: "Arial", Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #67737A;
	text-decoration: none;
	text-align: left;
	display: block;
	width:100%;
}

A.tableau:hover
{
	
   font-family: "Arial", Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	display: block;
	width:100%;
	}
	
A.tableau:active
{
	
   font-family: "Arial", Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: Black;
	text-decoration: none;
	text-align: left;
	display: block;
	width:100%;
	}
	
.textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	border: none;
	color: #333333;
	background-color: White;
	}
	
.textfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	border: none;
	color: #333333;
	background-color: White;
	}
	
.input {
	font-family: , Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	border: none;
	color: #333333;
	background-color: White;
	}
	
.select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	border: none;
	color: #333333;
	background-color: White;
}
.none {
	background-color: transparent;
	border: 0px;
}
.btsub {
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent;/* on place l'image en arrière plan */
   text-indent: 3px;/* On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
}
.row_gris1 { font-family: Arial, Helvetica, sans-serif; background-color:#A8B4BB; }
.row_gris2 { font-family: Arial, Helvetica, sans-serif; background-color:#ffffff; }
.tab_header { font-family: Arial, Helvetica, sans-serif; background-color: #F1810C; font-weight:bold; color:#FFFFFF}
.avertissement { font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#FF0000; text-align:center }
tr.rhover:hover>td{
background-color: Black; }
.effcalque { display:none; }
.affcalque { display:block; }