Body
{
	background:url("fond.jpg");
	background-color: #dbe0e4;
	background-position: center;
	background-position: top;
	background-repeat:repeat-x;
}

.carte img{	display:block; }

.tableau{ 
	background-color: #dbe7ff;
	border:6px solid #7C7D83; 
	text-align:center;
} 
	


		/*--------------------Menu de Gauche avec sous menu-----------------------*/
	
		
#menu_dynamique li a {
	text-align:left;
	display:block;
	height:28px;
	text-decoration:none;
	color:#004f92;
}

#menu_dynamique ul {
	text-align:left;
	font: 0.9em "Arial";
	width:255px;
	list-style:none;
	padding:0px;
	margin:0px;
	color:#004f92;
}



#menu_dynamique ul li {
	width:auto;
	font: 0.95em "Arial";
	margin-left:0px;
	padding-left:5px;
	text-indent:5px;
	height:28px;
	background:url("img_menu/bordure.png") no-repeat;
}

#menu_dynamique ul li ul{
	display:none;
}

#menu_dynamique ul li:hover ul, ul li.sfhover ul{
	display:block;
	position:relative;
	top:-29px;
	left:249px;
}

#menu_dynamique ul li.extend a {
	background: url("img_menu/menu-item.png") right no-repeat;
}

#menu_dynamique ul li.extend:hover, ul li.extend.sfhover{   					/*    Sous-Menu    */ 
	color:#FFFFFF;
}

#menu_dynamique ul li.bandeau {
	height:38px;
	width:310px;
	background: url("img_menu/menu-itemOnBandeau.png") right no-repeat;
}

#menu_dynamique ul li.bandeau_fin {
	width:310px;
	background: url("img_menu/menu-itemOnBandeauFin.png") right no-repeat;
}

#menu_dynamique ul li.ext:hover, ul li.ext.sfhover {
	background: url("img_menu/menu-itemOnpl.png") right no-repeat;
}

#menu_dynamique ul li.ext:hover a, ul li.ext.sfhover a{
	color:#FFFFFF;
}

#menu_dynamique ul li.ext {
	background: url("img_menu/menu-item.png") right no-repeat;
}

#menu_dynamique ul li.extend:hover a, ul li.extend.sfhover a{   					/*    Onglet Sans Sous-Menu avec Passage de souris    */ 
	color:#FFFFFF;
	height:28px;
	width:310px;
	background: url("img_menu/menu-itemOnSous.png") right no-repeat;
}

#menu_dynamique ul li.extend:hover ul li:hover a, ul li.extend.sfhover ul li.sfhover a{   					/*    Sous-Menu avec Passage de souris    */ 
	color:#F19334;
}

#menu_dynamique li.first{
	background: url("img_menu/menu-itemFle.png") right no-repeat;
}

#menu_dynamique ul li.extend:hover, ul li.extend.sfhover {
	width:253px;
	height:28px;
	overflow:hidden; 
	color:#FFFFFF;
	background: url("img_menu/menu-itemOnfle2pl.png") right no-repeat;
	left:7px;
}

html > body #menu_dynamique ul li.extend:hover, ul li.extend.sfhover {
	overflow:visible;
} 
	 
	 
	 
	 
	 
		/*------------------------------------------------------------------------*/	 
	 
	 
	 
 
 
 
 
 
 
 
 
 
 
 

 		/*-----------------Menu deroulant du haut pour les Produits--------------------*/	 
	 
#menu_dynamiqueProduit ul li.BandeauProd {
	background:url("img_menu_produit/menu_OnBandeau.PNG") no-repeat;
	width:590px;
	height:35px;
}
	 
#menu_dynamiqueProduit ul li.BandeauProdbas {
	background:url("img_menu_produit/menu_OnBandeauFin.PNG") no-repeat;
	width:590px;
	height:26px;
}	 
	 
#menu_dynamiqueProduit ul li.BandeauProdcentre {
	background:url("img_menu_produit/menu_OnCentre.png") no-repeat;
	width:590px;
	height:26px;
}	 

#menu_dynamiqueProduit ul li.BandeauProdcentre2 {
	background:url("img_menu_produit/menu_OnCentre.png") no-repeat;
	width:590px;
	height:10px;
}	 	 
	 
#menu_dynamiqueProduit ul li.BandeauProdcentreBl {
	background:url("img_menu_produit/menu_OnCentrehaut.png") no-repeat;
	width:590px;
	height:26px;
}	 

#menu_dynamiqueProduit ul li.BandeauProdcentreBl2 {
	background:url("img_menu_produit/menu_OnCentrehaut2.png") no-repeat;
	width:590px;
	height:26px;
}	 

#menu_dynamiqueProduit ul li.BandeauProdcentreBl3 {
	background:url("img_menu_produit/menu_OnCentrehaut2.png") no-repeat;
	width:590px;
	height:10px;
}	  
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
#decale li {
	position:relative;
	left:30px;
}
	 

#deroule li.extendProd{
	display:block;
	position:relative;
	top:-9px;
	left:-30px;
}


#deroule li.extendProd:hover, li.extendProd.sfhover{
	display:block;
	position:relative;
	top:-9px;
	left:-30px;
	color:#FFB400;
}

	 
	 
	 


ul, li {
list-style-type:none;
}

#menu_dynamiqueProduit {
	text-align:left;
	display:block;
	text-decoration:none;
	position:absolute;
	top:126px;
	left:400px;
}

#menu_dynamiqueProduit li a {
	text-align:left;
	display:block;
	height:25px;
	text-decoration:none;
	color:#004f92;
}

#menu_dynamiqueProduit ul {
	text-align:left;
	font: 0.9em "Arial";
	width:590px;
	list-style:none;
	padding:0px;
	margin:0px;
	color:#004f92;
}

#menu_dynamiqueProduit ul li {
	width:auto;
	font: 0.95em "Arial";
	margin-left:0px;
	padding-left:5px;
	text-indent:16px;
	height:25px;
	background:url("img_menu_produit/bordure.png") no-repeat;
}

#menu_dynamiqueProduit ul li ul{
	display:none;
	position:absolute;
}

#menu_dynamiqueProduit ul li:hover ul, ul li.sfhover ul{
	display:block;
	position:absolute;
	top:40px;
	left:268px;
}

#menu_dynamiqueProduit ul li.extendP a {
	background: url("img_menu_produit/menu_OnCentrehaut2.png") right no-repeat;
}

#menu_dynamiqueProduit ul li.extendP:hover, ul li.extendP.sfhover{   					/*    Sous-Menu    */ 
	color:#FFFFFF;
}

#menu_dynamiqueProduit ul li.bandeauP {
	height:38px;
	width:310px;
	background: url("img_menu_produit/menu-itemOnBandeau.png") right no-repeat;
}

#menu_dynamiqueProduit ul li.bandeau_finP {
	width:310px;
	height:580px;
	background: url("img_menu_produit/menu-itemOnBandeauFin.png") right no-repeat;
}

#menu_dynamiqueProduit ul li.extP:hover, ul li.extP.sfhover {
	background: url("img_menu_produit/menu_OnBleu.png") right no-repeat;
}

#menu_dynamiqueProduit ul li.extP:hover a, ul li.extP.sfhover a{
	color:#FFFFFF;
}

#menu_dynamiqueProduit ul li.extP {
	background: url("img_menu_produit/menu_OnCentrehaut2.png") right no-repeat;
}

#menu_dynamiqueProduit ul li.extendP:hover a, ul li.extendP.sfhover a{   					/*    Onglet Sans Sous-Menu avec Passage de souris    */ 
	color:#FFFFFF;
	height:25px;
	width:310px;
	background: url("img_menu_produit/menu-itemOnSous.png") right no-repeat;
}

#menu_dynamiqueProduit ul li.extendP:hover ul li:hover a, ul li.extendP.sfhover ul li.sfhover a{   					/*    Sous-Menu avec Passage de souris    */ 
	color:#F19334;
}

#menu_dynamiqueProduit li.firstP{
	background: url("img_menu_produit/menu_OnFle.png") right no-repeat;
}

#menu_dynamiqueProduit ul li.extendP:hover, ul li.extendP.sfhover {
	color:#FFFFFF;
	background: url("img_menu_produit/menu_OnFleBleu.png") right no-repeat;
}

html > body #menu_dynamiqueProduit ul li.extendP:hover, ul li.extendP.sfhover {
	overflow:visible;
} 
	 
	 

	 

		/*------------------------------------------------------------------------*/
 
 
 
 
 
 
 
 
 
 
	 
	 
		/*-----------------Menu deroulant pour le télécharger--------------------*/	 
	 
#menu_dyna li a {
	text-align:left;
	font: 0.85em "Arial";
	display:block;
	height:20px;
	text-decoration:none;
	color:#000000;
}

#menu_dyna ul {
	text-align:left;
	font: 0.85em "Arial";
	width:100px;
	list-style:none;
	padding-left:0px;
	margin:0px;
}

#menu_dyna2 ul {
	font-size:14px;
	width:320px;
	list-style:none;
	padding:5px;
	margin:0px;
}

#menu_dyna ul li {

	font-size:14px;
	margin-left:0px;
	padding-left:0px;
	text-indent:15px;
	height:25px;
}

#menu_dyna ul li ul{
	display:none;
}

#menu_dyna ul li:hover ul, ul li.sfhover ul{
	display:block;
	position:relative;
	left:-70px;
}

#menu_dyna ul li.bandeau {
	height:36px;
	background: url("img_menu_deroulant/menu-itemOnBandeau.png") right no-repeat;
}

#menu_dyna ul li.bandeau_fin {
	background: url("img_menu_deroulant/menu-itemOnBandeauFin.png") right no-repeat;
}

#menu_dyna ul li.extend:hover a, ul li.extend.sfhover a{   					/*    Onglet Sans Sous-Menu avec Passage de souris    */ 
	color:#FFFFFF;
	height:25px;
	width:320px;
	background: url("img_menu_deroulant/menu-itemOnMilieu.png") right no-repeat;
}

#menu_dyna ul li.extend:hover ul li:hover a, ul li.extend.sfhover ul li.sfhover a{   					/*    Sous-Menu avec Passage de souris    */ 
	color:#F19334;
}

#menu_dyna ul li.extend:hover, ul li.extend.sfhover {
	width:320px;
	height:25px;
	overflow:hidden; 
	color:#FFB400;
	
}

html > body #menu_dyna ul li.extend:hover , ul li.extend.sfhover {
	overflow:visible;

}

		/*------------------------------------------------------------------------*/







.text-descrip {	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black ; font-weight: normal;}
.text-credit{	font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: black ; font-weight: normal;}
.text-erreurs {	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black ; font-weight: normal; text-align:left; }
.titre-fiche {	font-family: Tahoma; font-size: 14px; color: #002833; font-weight: normal;}
.pdf {	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0066ff; font-weight: normal; }

.fond-cellule { 
	color:#dbe7ff; 
	font-family : Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: normal; 
	background-color: #dbe7ff; 
	border:0px solid #849AAC; 
	text-align:left;
} 

						/* Zone des Liens */
A:link	{	TEXT-DECORATION:none;}								/* Liens en générale */
A:active	{	TEXT-DECORATION: none;}							/* Liens activés */
A:visited	{	TEXT-DECORATION: none;}							/* Liens visités */
A:hover	{	COLOR: #F19334; TEXT-DECORATION: none;}			/* Au passage de la souris sur le Lien */

.formulaire { 
	color:#666666; 
	width:150px;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: normal; 
	background-color: #FFFFFF; 
	border:2px solid #849AAC; 
	text-align:left;
}

.formulaire2 {														/*		Bouton OK de recherche		*/
	color:#000000; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal; 
	background-color: #dbe7ff; 
	border:2px solid #849AAC; 
	text-align:center;
}

.formulaire3{ 
	color:#000000; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal; 
	background-color: #dbe7ff; 
	border:2px solid #849AAC; 
	text-align:left;
}

.titre-admin {  font-family:Geneva, Arial, Helvetica, san-serif ;  font-size: 12px; color: #000099 ;text-align:left}

.cellule-gris-fonce { 
	color:#666666; 
	font-family : Arial, Helvetica, sans-serif;
	font-size: 2px; 
	font-weight: normal; 
	background-color: #55565E; 
	border:6px solid #849AAC; 
	text-align:center;
}

.cellule-gris-clair{ 
	color:white; 
	font-family : Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: normal; 
	background-color: white; 
	border:6px solid #849AAC; 
	text-align:center;
}
          
.text-menu2 { 
	font-family: Arial;
	font-size: 12px; 
	color: black;
	font-weight: normal; 
	text-align:left;
}

/*
.liens {
	color:#000000;
	text-decoration:none;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px	;
}

A:hover.liens{
	color:#FFB400;
	text-decoration:none;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
}
*/

							/* Liens du menu haut */
.liensmenu {
	color:#FFFFFF;
	text-decoration:none;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
}

							/* Liens du menu haut au passage de la souris */
A:hover.liensmenu{
	color:#FFB400;
	text-decoration:none;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
}

	
.form-titre-bleu {  font-family: Arial; font-size: 12px; color: #66CCFF;}

.liensmodifCatalogue{
	color:#FFFFFF; 
	text-decoration:none;
}

.lienscredit{
	color:#66CCFF; 
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif; font-size: 10px;
}

							/* Liens télécharger et lien E-mail de Contact*/
.liensmodif {
	color:#012743; 
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

A:hover.liensmodif {
	color:#e36500;
	text-decoration:none;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
}
							/*									*/



.liens-supr { color:#999999; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

A:hover.liens-supr  {
	color:#C4C4C4;
	text-decoration:none;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
}

A:hover.liens-supr  {
	color:#C4C4C4;
	text-decoration:none;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
}



							/* Liens PDF (téléchargement) */
.lienspdf {
	color:#012743; 
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

							/* Liens PDF (téléchargement) au passage de la souris */
A:hover.lienspdf {
	color:#c55800;
	text-decoration:none;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
}

						/* Premiere Ligne du tableau des téléchargements (Nom du produit, fiche technique ...) */
.fond-rubrique { 
	font-family: Arial;
	font-size: 12px; 
	color: white;
	font-weight: bold; 
	background-color: #00508d; 

}

						/* Premiere colonne du tableau des téléchargements (Nom du produit) */
.liens-tech { color:#001d34; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px ; background-color: #b3d0dc;text-align:center;}
.liens-tech2 { color:#001d34; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px ; background-color: #d7e8ef;text-align:center;}

						/* Deuxieme colonne du tableau des téléchargements (Fiche technique) */
.liens-manuels { color:#0071b8; text-decoration:none; background-color: #9bceed; font-family: Arial, Helvetica, sans-serif; font-size: 12px ;text-align:center;}
.liens-manuels2 { color:#0071b8; text-decoration:none; background-color: #e0f2fc; font-family: Arial, Helvetica, sans-serif; font-size: 12px ;text-align:center;}

.text-menu { 			/* 3 derniere colonne du tableau des téléchargements */
	font-family: Arial;
	font-size: 12px; 
	color: #0071b8;
	font-weight: normal; 
	background-color: #9bceed; 
	text-align:center;
}
.text-menu2 { 			/* 3 derniere colonne du tableau des téléchargements */
	font-family: Arial;
	font-size: 12px; 
	color: #0071b8;
	font-weight: normal; 
	background-color: #e0f2fc; 
	text-align:center;
}



.titre-telecharger { font-family: Arial; font-size: 14px; color: #000000 ;font-weight: bold; text-align:center; }
.text-justifie { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black ; font-weight: normal ; text-align: justify;}
.text-justifie-bleu- { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #66ccff; font-weight: bold; text-align: justify; }
.titre-rubrique {  font-family: Arial; font-size: 13px; color: #000000 ;text-align:left;}
.text-bleumil { font-family: Arial; font-size: 12px; color: black; font-weight: bold; text-align:left; }

table.essai {border-style: solid solid solid solid;
	border-color: #91908f #91908f #91908f #91908f;
	background-color: #706969;
	border-width: 2px 2px 2px 2px;
	
}

.titre {
	font-family: Arial ; 
	font-size: 14px; 
	font-weight: bold;
	font-style: normal;
	color: black;
	background-color: #828384;
	text-align: center;
}

.titre3 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	font-style: normal;
	color: #66CCFF;
	text-align: left;
}

a {
	color: #FFFFFF;
}

.detail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: black;
}

.image {
	text-align: center;
}

.legende {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #66CCFF;
}

.dateinfo {font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #66CCFF;

}

.source {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #66CCFF;
}

.texteweb {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #66CCFF;
}

.popdetail {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #66CCFF;
}

.email {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #66CCFF;
}

.commentaire {  
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal;
	color: black;
	font-size: 11px;
	text-align: center;
}

.voirlangues {  
	font-family: Arial, Helvetica, sans-serif; 
	font-style: normal;
	color: #66CCFF;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

.titre1 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	font-weight: bold;
	font-style: normal;
	color: black;
	background-color: #828384;
	text-align: center;
}

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

.styletitreblanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #66CCFF;
	font-weight: bold;
}

.stylepetitvert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004628;
}

.titre-bleu2 { font-family: Arial; font-size: 14px; color: #66CCFF ; font-weight: normal; background-position: center;}
.text-bleu { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #33CCFF; font-weight: bold;}


#progressbar{
    border:1px solid black;
    width:200px;
    height:20px;
    position:relative;
    color:black;
}

#progressbar div.progress{
    position:absolute;
    width:0;
    height:100%;
    overflow:hidden;
    background-color:#369;
}

#progressbar div.progress .text{
    position:absolute;
    text-align:center;
    color:white;
}

#progressbar div.text{
    position:absolute;
    width:100%;
    height:100%;
    text-align:center;
}