@import url("../../../VIFF/web_navgauche.css/$file/web_navgauche.css");
@import url("../../../VIFF/web_footer.css/$file/web_footer.css");


INPUT
{
	border : 1px solid #C9C9C9;
	font : Arial;
}

SELECT
{
	border : 1px solid #C9C9C9;
	font : Arial;
}

TEXTAREA
{
	border : 1px solid #C9C9C9;
	font : Arial;
}

HR
{
	height : 1px;
	color : #A9A9A9;
}


BODY {
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	background-color: #006EC7;
	height:100%;
  	
} 


TD {
	color: #666666;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;

} 



  H1 {
		margin-left: 1px;
		background: transparent ;
		color: blue;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12pt;
		font-weight : bold;
		}

  H2 {
		font-family: Arial, Helvetica, sans-serif;
		margin-left: 1px;
		background: transparent ;
		color: blue;
		font-size:9pt;
		font-weight : normal;
		}

  H3 {
		font: 9pt Arial, Helvetica, sans-serif;
		margin-left: 1px;
		background: transparent ;
		color: black
		}




a:link {text-decoration:none;  color: #3366ff;}
a:visited {text-decoration:none; color: #3366ff;}
a:hover {font:bold; text-decoration:none; color: #1b76b6;}










	
/* Style du tableau avec le filet gris pour les images des barres d'actions (imprimer....) */
.tableau_entete {
/*width: 600px;*/
border-left: 0px solid #C9C9C9; 
border-top: 1px solid #C9C9C9; 
border-right: 0px solid #C9C9C9; 
border-bottom:1px solid #C9C9C9;
margin-bottom:15px;
}
	


/* Style de la cellule pour l'image imprimer*/
.tableau_entete_imprimer {
	font-size: 10pt;
	font-family: arial;
	font-weight: bold;
	color: #000000;
	background-color: transparent;
	vertical-align: top;
	width: 59px;
}

/* Style de la cellule pour l'image envoyer article*/
.tableau_entete_envoyer {
	font-size: 10pt;
	font-family: arial;
	font-weight: bold;
	color: #000000;
	background-color: transparent;
	vertical-align: top;
	width: 97px;
}

/* Style de la cellule pour caler à gauche les différentes images (imprimer en envoyer)*/
.tableau_entete_cellulevide {
	font-size: 10pt;
	font-family: arial;
	font-weight: bold;
	color: #000000;
	background-color: transparent;
	vertical-align: top;
	text-align : right;
	width:100%;
	
}


/* Style du tableau avec le filet gris pour les images du pied de page (imprimer....) */
.tableau_pied {
/*width: 600px;*/
border-left: 0px solid #C9C9C9; 
border-top: 1px solid #C9C9C9; 
border-right: 0px solid #C9C9C9; 
border-bottom:1px solid #C9C9C9;
margin-top:15px;
}

/* Style de la cellule pour l'image Retour page d'accueil*/
.tableau_pied_retourAccueil {
	font-size: 10pt;
	font-family: arial;
	font-weight: bold;
	color: Black;
	background-color: transparent;
	vertical-align: top;
	/*width: 400px;*/
}

/* Style de la cellule pour l'image Haut de page*/
.tableau_pied_Hautpage{
	font-size: 10pt;
	font-family: arial;
	font-weight: bold;
	color: #000000;
	background-color: transparent;
	vertical-align: top;
	text-align:right;
	/*width: 78px*/;
}


/* Style de la cellule pour caler à gauche les différentes images (retour accueil, Haut de page et Archives)*/
.tableau_pied_cellulevide {
	font-size: 10pt;
	font-family: arial;
	font-weight: bold;
	color: #000000;
	background-color: transparent;
	vertical-align: top;
	text-align : right;	
/*width:100%;*/
}


A.lien_photo:link {
	text-decoration: none;
	color:#5A74BC; 	
	font-family: arial;
	font-size: 8pt;
	font-weight: bold;
}

A.lien_photo:visited {
	text-decoration: none;
	color: White;
	font-family: arial;
	font-size: 8pt;
	font-weight: bold;
} 

A.lien_photo:active {
	text-decoration: none;	
	color: #FFCE00;
	font-family: arial;
	font-size: 8pt;
	font-weight: bold;
}  

A.lien_photo:HOVER {
	text-decoration: none;	
	color: #FFCE00;
	font-family: arial;
	font-size: 8pt;
	font-weight: bold;
	border:solid;
	border-width:0;
	border-color: #FF0000;
}

/* Style général de la page actualité*/
.tableau_article {
	border-width: 0px;
	border-color: #FFFFFF;
	background-color: White;
	width: 570px;
	margin-left:10px;
}
	
/* Style du tableau avec le filet gris pour les images des barres d'actions la page actualité (imprimer....) */
.tableau_barreAction {
border-left: 0px solid #C9C9C9; 
border-top: 1px solid #C9C9C9; 
border-right: 0px solid #C9C9C9; 
border-bottom:1px solid #C9C9C9;
width: 570px;
}
	
/* Style de la cellule  pour l'image "au jour le jour"*/

.tableau_article_jourlejour {
	font-size: 10pt;
	font-family: arial;
	font-weight: bold;
	color: #000000;
	background-color: transparent;
	vertical-align: top;
	width: 100%;
}

/* Style de la cellule pour l'image imprimer*/
.tableau_article_imprimer {
	font-size: 10pt;
	font-family: arial;
	font-weight: bold;
	color: #000000;
	background-color: transparent;
	vertical-align: top;
	width: 59px;
}

/* Style de la cellule pour l'image envoyer article*/
.tableau_article_EnvoyerArticle {
	font-size: 10pt;
	font-family: arial;
	font-weight: bold;
	color: #000000;
	background-color: transparent;
	vertical-align: top;
	width: 97px;
}

/* Style de la cellule pour la date de publication*/
.tableau_article_DatePublication {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: Gray;
	background-color: transparent;
	vertical-align: top;
	text-align : right;
	width : 100%;
	}

/* Style de la cellule pour l'image Retour page d'accueil*/
.tableau_article_retourAccueil {
	font-size: 10pt;
	font-family: arial;
	font-weight: bold;
	color: Black;
	background-color: transparent;
	vertical-align: top;
	width: 118px;
}

/* Style de la cellule pour l'image Haut de page*/
.tableau_article_Hautpage{
	font-size: 10pt;
	font-family: arial;
	font-weight: bold;
	color: #000000;
	background-color: transparent;
	vertical-align: top;
	width: 420px;
}

/* Style de la cellule pour l'image Les Archives*/
.tableau_article_Archives{
	font-size: 10pt;
	font-family: arial;
	font-weight: bold;
	color: #000000;
	background-color: transparent;
	vertical-align: top;
	width: 75px;
	text-align : left;
}

/* Style de la cellule pour caler à gauche les différentes images (retour accueil, Haut de page et Archives)*/
.tableau_article_cellulevide {
	font-size: 10pt;
	font-family: arial;
	font-weight: bold;
	color: #000000;
	background-color: transparent;
	vertical-align: top;
	text-align : right;
	width:4px;
}


/* Style de la cellule du titre de l'actualité */
.tableau_article_titre {
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #1A7EB2;
	background-color: transparent;
	vertical-align: top;
	width: 100%;
}

/* Style de la cellule pour l'image contribuée de l'actualité*/
.tableau_article_image {
	border:solid;
	border-width:0;
	font-size: 10pt;
	font-family: arial;
	font-weight: bold;
	color: #000000;
	background-color: transparent;
	vertical-align: top;
	width: 100%;
	height: 100%;
}

/* Style de la cellule pour le texte chapeau*/
.tableau_article_chapeau {
	font-size: 8pt;
	font-family: arial;
	font-weight: bold;
	color: #666666;
	background-color: transparent;
	vertical-align: top;
	width : 100%;
}


/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
/*$$$$$$$$$$$$$$$$$$$$$     Pour l'affichage en Mode Edito de l'actualité    $$$$$$$$$$$$$$$$$$$ */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */

/* Style de la cellule du titre de l'actualité en mode édito*/
/* Style général de la page actualité*/
.tableau_edito {
	border-width: 0px;
	border-color: #FFFFFF;
	background-color: White;
	width: 100%;
}
	
.tableau_edito_titre {
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	background-color: transparent;
	vertical-align: top;
	width: 100%;
}

/* Style de la cellule pour le résumé*/
.tableau_edito_resume {
	font-size: 8pt;
	font-family: arial;
	color: #000000;
	background-color: transparent;
	vertical-align: top;
}


/* Style de la cellule pour la date de publication*/
.tableau_edito_DatePublication {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: Gray;
	background-color: transparent;
	vertical-align: top;
	text-align : right;
	}


/* Style de la cellule pour l'affichage du filet .*/
.tableau_Edito_Filet {
	font-size: 8pt;
	font-family: verdana;
	font-weight: bold;
	color: #A52A2A;
	background-color: transparent;
	vertical-align: top;
	width:100%;
}



/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
/*$$$$$$$$$$$$$$$$$$$$$  Pour l'affichage en Mode Accueil de l'actualité    $$$$$$$$$$$$$$$$$$$ */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */

/* Style de la cellule du titre de l'actualité en mode édito*/
/* Style général de la page actualité*/
.tableau_accueil {
	border-width: 0px;
	border-color: #FFFFFF;
	background-color: White;
	width: 100%;
}
	
.tableau_accueil_titre {
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	background-color: transparent;
	vertical-align: top;
	width: 100%;
}

/* Style de la cellule pour le résumé*/
.tableau_accueil_resume {
	font-size: 8pt;
	font-family: arial;
	color: #000000;
	background-color: transparent;
	vertical-align: top;
}

/* Style de la cellule pour la date de publication*/
.tableau_accueil_DatePublication {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: Gray;
	background-color: transparent;
	vertical-align: top;
	text-align : right;
	}


/* Style de la cellule pour l'affichage du filet .*/
.tableau_accueil_Filet {
	font-size: 8pt;
	font-family: verdana;
	font-weight: bold;
	color: #A52A2A;
	background-color: transparent;
	vertical-align: top;
	width:100%;
}

/* Style de la cellule pour l'affichage du filet .*/
#divAffichageNormal {
	width : 100%;
	height : 100%;
	top : 0px;
	left : 0px;
}

.DspCursor{
	cursor : hand
}

/* Style de la cellule pour l'affichage du copyright gauche .*/

.tableau_cprightgauche {
	font-size: 8pt;
	font-family: verdana;
	font-weight: normal;
	color: Gray;
	background-color: transparent;
	vertical-align: top;
	width:20%;
}
/* Style de la cellule pour l'affichage du copyright droite.*/

.tableau_cprightdroite {
	font-size: 8pt;
	font-family: verdana;
	font-weight: normal;
	color: Gray;
	background-color: transparent;
	vertical-align: top;
	text-align : right;
	width:80%;
}


 
.description   { font-size: 8pt; margin-top: 1px; margin-left: 0px;padding-right:10px;}
.Arborescence  { width:625px;background-color: #FFFFFF;color: #006EC7; font-size: 8pt; font-weight: bold; padding-left:5px;margin-left:0px; height: 0px;padding-bottom:2px;}
.clsTitle  {
	color:#006EC7;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;

}



/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
/*$$$$$$$$$$$$$$$$$$$$$  Style pour le "Template Product"     $$$$$$$$$$$$$$$$$$$ */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */



/*Titre des sections (Description, composition chimiques etc...*/
.TPSection{
padding-top : 30px;
padding-bottom : 10px;
color : #1A7EB2;
font-family:arial,helvetica,sans-seriff;
font-size:15px;
font-weight: bold;
}


/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
/*$$$$$$$$$$$$$$$$$$$$$  Style pour la poup envoyer Fichier"     $$$$$$$$$$$$$$$$$$$ */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */



/*Titre de la popup*/
.EFTitre{
padding-top : 0px;
padding-bottom : 0px;
border-left: 0px solid #1A7EB2; 
border-top: 0px solid #1A7EB2; 
border-right: 0px solid #1A7EB2; 
border-bottom: 1px solid #1A7EB2;

color : #1A7EB2;
font-family:arial,helvetica,sans-seriff;
font-size:15px;
font-weight: bold;
}

.EFTexte{
color: #666666;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 15px;
}





/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
/*$$$$$$$ Style pour le modele de contribution "Commercial Network"$$$$$$$$$$$$$ */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */

/*Titre de la page*/
.titreCNet {
color:#2493CA;
font-family:arial,helvetica,sans-seriff;
font-size:18px;
padding-bottom : 5px;
}

/*Libellé pour chaque champs (Nom, adress, email,etc...)*/
.LabelCNet{
color: #0767b1;
font-size: 8pt;
font-weight: bold;
margin-left: 5px;
padding-top:5px;
}



/*Largeur de la table global pour la contribution marine*/
.TabContrib{
width:606;
padding-left:10px;
margin-right:10px;
}

/*Largueur des tableaux de composition chimique du modèle products*/
.TabChimical{
padding-left:10px;
width:606;
margin-right:10px;
}

/*Largueur des tableaux de composition chimique dans les dataSheetProducts*/
.TabDataSheet{
margin-left:10px;
width:605;
border-left: 1px solid #000000; 
border-top: 1px solid #000000; 
border-right: 1px solid #000000; 
border-bottom: 1px solid #000000;
border-collapse:collapse;
margin-right:10px;
}

/*Style des titre des colonnes du tableau chimical du modèle products*/
.titreTabChimical{
color: #FFFFFF;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
background-color: #1A7EB2;
font-weight:bold;
text-align:center;
border-left: 1px solid #000000; 
border-top: 1px solid #000000; 
border-right: 1px solid #000000; 
border-bottom: 1px solid #000000;
border-collapse:collapse;
margin-right:10px;
}



/*Style des colonnes du tableau chimical du modèle products*/
.ColTabChimical{
color: #FFFFFF;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
background-color:#49AAD6;
text-align:center;
border-left: 1px solid #000000; 
border-top: 1px solid #000000; 
border-right: 1px solid #000000; 
border-bottom: 1px solid #000000;
border-collapse:collapse;
}


/*Style des commentaires sous les tableaux chimical du modèle products*/
.CommentChimical{
color:#0082BF;
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
}


/*Style des Titres des dataSheets dans Marine - products*/
.TitreDataSheet{
color:#1A7EB2;
font-family:arial,helvetica,sans-seriff;
font-size:18px;
}


/*Style des sous- Titres des dataSheets dans Marine - products*/
.SsTitreDataSheet{
padding-top:5px;
padding-bottom:10px;
color:#2493CA;
font-family:arial,helvetica,sans-seriff;
font-size:14px;
font-weight:bold;
}


/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*$$$$$$$$$   STYLE POUR LE GLOSSAIRE (Application Marine  $$$$$$$$$$$$$$$$$*/
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/

/*Style des Titres des dataSheets dans Marine - products*/
.TitreTabGlossaire{
color: #FFFFFF;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
background-color: #1A7EB2;
font-weight:bold;
text-align:center;
border-left: 1px solid #000000; 
border-top: 1px solid #000000; 
border-right: 1px solid #000000; 
border-bottom: 1px solid #000000;
border-collapse:collapse;
}

/*Style des sous- Titres des dataSheets dans Marine - products*/
.ColTabGlossaire{
color: #FFFFFF;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
background-color:#49AAD6;
border-left: 1px solid #000000; 
border-top: 1px solid #000000; 
border-right: 1px solid #000000; 
border-bottom: 1px solid #000000;
border-collapse:collapse;
padding-left:10px;
}


/*Style des Lettres alphabet pour le glossaire*/
a.glossaire:link {padding-left:5px;font-size:18px;text-decoration:none;color: #3366ff;}
a.glossaire:visited {padding-left:5px;font-size:18px;text-decoration:none; color: #3366ff;}
a.glossaire:hover {padding-left:5px;font-size:18px;font:bold; text-decoration:none; color: #1b76b6;}
a.glossaire:active {padding-left:5px;font-size:18px;font:bold; text-decoration:none; color: #1b76b6;}



/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*$$$   STYLE POUR LE Template Case Studies $$$$$$$$*/
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/

/*Style du div contenant les images*/

.tcsCaseStudies{
left:62px;
POSITION: relative;
}

.tcsImages{
left:125px;
top:0px;
POSITION: relative;
}

.TcsTitle{
color: #FFFFFF;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
background-color: #1A7EB2;
font-weight:bold;
text-align:center;
border-left: 1px solid #000000; 
border-top: 1px solid #000000; 
border-right: 1px solid #000000; 
border-bottom: 1px solid #000000;
border-collapse:collapse;
height:10px
}

.TcsSubTitle{
color: #FFFFFF;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
background-color:#49AAD6;
text-align:center;
border-left: 1px solid #000000; 
border-top: 1px solid #000000; 
border-right: 1px solid #000000; 
border-bottom: 1px solid #000000;
border-collapse:collapse;
font-weight:bold;
height:10px
}

.TcsMaintext{
color: #FFFFFF;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
background-color:#49AAD6;
text-align:center;
border-left: 1px solid #000000; 
border-top: 1px solid #000000; 
border-right: 1px solid #000000; 
border-bottom: 1px solid #000000;
border-collapse:collapse;
height:10px
}

.tcsTable{
border-left: 1px solid #000000; 
border-top: 1px solid #000000; 
border-right: 1px solid #000000; 
border-bottom: 1px solid #000000;
border-collapse:collapse;

}



/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*$$$   STYLE POUR LES VUES RestricToCategory sur DOCFL et DOCFH $$$$$$$$*/
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/

/*Style de la premiere colonne pour affichage d'un puce*/

.TabRestrictPuce{
	text-align:right;
	color: #1b76b6;
	font-family: Wingdings;
	font-size: 8px;
	background-color: #FFFFFF;
	/*visibility:hidden;*/
}

.tabRestrictTitre{
text-align:left;
vertical-align:top;
}

/*Style de la colonne Auteur*/
.TabRestrictAuteur{
	color: #666666;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	vertical-align:top;
	}

/*Style de la colonne date*/
.TabRestrictDate{
	color: #666666;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	font-style : italic;
	vertical-align:top;
	}


/*Style du div à droite des Subdocs (utilisé pour caler à 750px si le masque déborde à cause de la contrib*/
.DivDroite{
position : absolute;
top:0px;
left:751px;
background-color : #006EC7;
visibility : block;
height:100%;
width:100px;
}

/* Style pour div de referencement .*/
#meta_div {
	visibility:hidden;
}