/* ----------------------------------------------------------------------------------------------- */
/*      Style CSS snow chains easy grip chaine composite Productions sas - creation Charly         */
/* ----------------------------------------------------------------------------------------------- */

/* Body */
BODY {
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
	color : Black;
	margin: 0%;
	/* Option ie- aucun interet dans firefox moi perso je vire "note zed" */
	/* 
	SCROLLBAR-face-color: #8FBEE8; 
	SCROLLBAR-HIGHLIGHT-COLOR: #5292cc; 
	SCROLLBAR-SHADOW-COLOR: #5292cc; 
	SCROLLBAR-3DLIGHT-COLOR: #8FBEE8;  
	SCROLLBAR-ARROW-COLOR: #5292cc; 
	SCROLLBAR-TRACK-COLOR: #ffffff; 
	SCROLLBAR-DARKSHADOW-COLOR: #8FBEE8;
	*/
}

/* ----------------------------------------------------------------------------------------------- */
/* Liens Standard du Body */
/* ----------------------------------------------------------------------------------------------- */
A:link { font-size : 11px; font-family : Arial, Helvetica, sans-serif; color : #333333; text-decoration : none; }
A:visited { font-size : 11px; font-family : Arial, Helvetica, sans-serif; color : #333333; text-decoration : none; }
A:active { font-size : 11px; font-family : Arial, Helvetica, sans-serif; color : #333333; text-decoration : none; }
A:hover { font-size : 11px; font-family : Arial, Helvetica, sans-serif; color : #333333; text-decoration : underline; }


/* ----------------------------------------------------------------------------------------------- */
/* Style des Formulaires html */
/* ----------------------------------------------------------------------------------------------- */
.Bouton {
	font-family : Arial, Helvetica, sans-serif;
	color : #283F48;
	font-size : 10px;
	background : url(../images/images/bouton.gif) repeat-x;
	cursor:hand;
}

/* Area Text */
.Txt_Area {
	font-family : Arial, Helvetica, sans-serif;
	color : #3F3F3F;
	font-size : 11px;
	border : 1px solid #BDBDC5;
}
/* Input box */
.Txt_Input {
	font-family : Arial, Helvetica, sans-serif;
	color : #3F3F3F;
	font-size : 11px;
	border : 1px solid #BDBDC5;
}
/* Taille et couleur des modules News et Recherche */
.Module {
	font-family : Arial, Helvetica, sans-serif;
	background-color : #F7EFD7;
	color : #3F3F3F;
	font-size : 11px;
	border : 1px solid #EFB163;
	width : 100px;
}
/* Select box dans liste Menu */
.Menu_Select {
	font-family : Arial, Helvetica, sans-serif;
	background-color : #F7EFD7;
	color : #3F3F3F;
	border : 1px solid #EFB163;
	font-size : 11px;
}


/* ----------------------------------------------------------------------------------------------- */
/* Style Général du Site */
/* ----------------------------------------------------------------------------------------------- */
/* taille des tableaux par defaut dans l'editeur */
td { font-size : 11px; font-family : Arial, Helvetica, sans-serif; }

/* En prévision d'un "title" de couleur */
.navtext {
	width : auto;
	font-size : 8pt;
	border-width : 1px;
	border-style : outset;
	border-color : #EFB163;
	background-color : White;
	color : #3F3F3F;
	font-family: Arial, Helvetica, sans-serif;
}
/* Photos et Images */
.Photo {
	margin-top : 5px;
	margin-bottom : 5px;
	margin-left : 5px;
	margin-right : 5px;
}
/* Tailles TEXTE */
.Texte_09_Pix { font-size : 9px; }
.Texte_10_Pix {font-size : 10px;}
.Texte_11_Pix {font-size : 11px;}
.Texte_12_Pix {font-size : 12px;}
.Texte_13_Pix {font-size : 13px;}
.Texte_14_Pix {font-size : 14px;}
.Texte_15_Pix {font-size : 15px;}
.Texte_16_Pix {font-size : 16px;}
.Texte_17_Pix {font-size : 17px;}
/* Style textes de la page Contact*/
.Contact { font-size : 11px; font-family : Arial, Helvetica, sans-serif; text-decoration : none; font-weight : normal; color : Black; text-align : left; }
/* Les tableau Préformatés en tailles 11 Pix*/
.Format_Petit_Tableau_Titre { font-size : 11px; font-family : Arial, Helvetica, sans-serif; text-decoration : none; font-weight : bold; color : White; padding-left : 5px; padding-right : 5px; }
.Format_Petit_Tableau { font-family : Arial, Helvetica, sans-serif; font-size : 11px; vertical-align : top; padding-top : 5px; padding-right : 5px; padding-left : 5px; padding-bottom : 5px; }

/* Couleurs ou fond du site de taille fixe */
/* Ne sert que dans des cas particuliers */
/*.Tablo_Main {}*/
/*.Tablo_Main_Fond {}*/


/* ----------------------------------------------------------------------------------------------- */
/* Style Page Centrale du Site */
/* ----------------------------------------------------------------------------------------------- */
/* Titre des Pages dans les Pages */
.GrandTab2 {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	color : #333333;
	padding-left : 0px;
	padding-right : 0px;
	height : 10px;
	padding-bottom : 0px;
	font-weight : bold;
}

.GrandTab3 {
	font-size : 16px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	color : #333333;
	padding-left : 0px;
	padding-right : 0px;
	height : 10px;
	padding-bottom : 0px;
	font-weight : bold;
}

/* Fond des Pages du Site*/
.Tablo_Main_Frame {
	BACKGROUND-COLOR: White;
	font-family : Arial, Helvetica, sans-serif;
                     margin-left : 10px;
}

/* Fond des Pages du BO*/
.Tablo_Main_Bo {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding : 0px;
	background-color : White;
}


/* ----------------------------------------------------------------------------------------------- */
/* Style des tableaux html */
/* ----------------------------------------------------------------------------------------------- */
/* Titre des tableaux html */
.Array_Titre {
	font-family : Arial, Helvetica, sans-serif;
	background : #ECECEC;
	color : #333333;
	font-size : 11px;
	font-weight : bold;
	text-align : center;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 4px;
	padding-bottom : 4px;
}
/* Données des tableaux html */
.Array_Data {
	font-family : Arial, Helvetica, sans-serif;
	background-color : #ECECEC;
	color : Black;
	font-size : 11px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 2px;
	padding-bottom : 2px;
}
/* Fond des tableaux html */
.Array_Contour {
	font-size : 11px;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	background : #ECECEC;
}


/* ----------------------------------------------------------------------------------------------- */
/* Style Top Menu */
/* ----------------------------------------------------------------------------------------------- */
/* Style général */
.Top_Menu {
	padding-top : 0px;
	padding-bottom : 0px;
	}

/* Liens du Top Menu */
A.Tab:link { font-size : 12px; text-decoration : none; color : #555A5F;  font-weight :bold; text-transform : uppercase;  }
A.Tab:visited { font-size : 12px; text-decoration : none; color : #555A5F; font-weight : bold; text-transform : uppercase;  }
A.Tab:active { font-size : 12px; text-decoration : none; color : #000000; font-weight : bold; text-transform : uppercase;  }
A.Tab:hover { font-size : 12px; text-decoration : none; color : #000000; font-weight : bold;  text-transform : uppercase; }

/* Liens du Top Menu sélectionnés */
A.Tab_Active:link { font-size : 12px; text-decoration : none; color : #000000;  font-weight :bold; text-transform : uppercase;  }
A.Tab_Active:visited { font-size : 12px; text-decoration : none; color : #000000; font-weight : bold; text-transform : uppercase;  }
A.Tab_Active:active { font-size : 12px; text-decoration : none; color : #000000; font-weight : bold; text-transform : uppercase;  }
A.Tab_Active:hover { font-size : 12px; text-decoration : none; color : #000000; font-weight : bold;  text-transform : uppercase; }


/* ----------------------------------------------------------------------------------------------- */
/* Style Bottom Menu */
/* ----------------------------------------------------------------------------------------------- */
/* Style général */
.Bottom_Menu {
	padding-top : 0px;
	padding-bottom : 0px;
	text-align : center;
}

/* Liens du Top Menu */
A.Bottom_Tab:link { font-size : 11px; text-decoration : none; color : #555A5F;  font-weight :none; }
A.Bottom_Tab:visited { font-size : 11px; text-decoration : none; color : #555A5F;  font-weight :none; }
A.Bottom_Tab:active { font-size : 11px; text-decoration : none; color : #555A5F;  font-weight :none; }
A.Bottom_Tab:hover { font-size : 11px; text-decoration : none; color : #555A5F;  font-weight :none; }



/* ----------------------------------------------------------------------------------------------- */
/* Menus GAUCHES */
/* ----------------------------------------------------------------------------------------------- */

/* Titre des Menus dans les Menus*/
.Tab2 {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	color : #333333;
	font-weight : bold;
	height : 10px;
	padding-left : 0px;
	padding-top : 0px;
}

/* Couleur Ligne de séparation */
.Ligne {
	background:#9B0909;
	height : 2px;
}

/* Liens général */
A.Menu:link { font-size : 12px; text-decoration : none; color : #315E91; font-weight :bold; margin-left : 15px; width : 100%; font-family: Verdana, Arial, Helvetica, sans-serif; }
A.Menu:visited { font-size : 12px; text-decoration : none; color : #315E91; font-weight :bold; margin-left : 15px; width : 100%; font-family: Verdana, Arial, Helvetica, sans-serif; }
A.Menu:active { font-size : 12px; text-decoration : none; color : #315E91; font-weight :bold; margin-left :15px; width : 100%; font-family: Verdana, Arial, Helvetica, sans-serif; }
A.Menu:hover { font-size : 12px; text-decoration : underline; color : #ad3132; font-weight :bold; margin-left :15px; width : 100%; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* Liens Selectionés */
A.Menu_Actif:link { font-size : 11px; text-decoration : none; color : #000000; padding-left : 15px; width : 100%; }
A.Menu_Actif:visited { font-size : 11px; text-decoration : none; color : #000000; padding-left : 15px; width : 100%; }
A.Menu_Actif:active { font-size : 11px; text-decoration : none; color : #000000; padding-left : 15px; width : 100%; }
A.Menu_Actif:hover { font-size : 11px; text-decoration : none; color : #000000; padding-left : 15px; width : 100%; }

/* Liens Sous Menu Ouvert */
A.Sous_Menu:link { font-size : 10px; text-decoration : none; color : #315E91; padding-left : 25px; width : 98%; margin-left : 1px;}
A.Sous_Menu:visited { font-size : 10px; text-decoration : none; color : #315E91; padding-left : 25px; width : 98%; margin-left : 1px;}
A.Sous_Menu:active { font-size : 10px; text-decoration : none; color : #000000; padding-left : 25px; width : 98%; margin-left : 1px;}
A.Sous_Menu:hover { font-size : 10px; text-decoration : none; color : #000000; padding-left : 25px; width : 98%; margin-left : 1px;}

/* Liens Sous Menu Ouvert et Selectionés*/
A.Sous_Menu_Actif:link { font-size : 10px; text-decoration : none; color :#000000; padding-left : 25px; width : 98%; margin-left : 1px;}
A.Sous_Menu_Actif:visited { font-size : 10px; text-decoration : none; color : #000000; padding-left :25px; width : 98%; margin-left : 1px;}
A.Sous_Menu_Actif:active { font-size : 10px; text-decoration : none; color : #000000; padding-left : 25px; width : 98%; margin-left : 1px;}
A.Sous_Menu_Actif:hover { font-size : 10px; text-decoration : none; color : #000000; padding-left : 25px; width : 98%; margin-left : 1px;}


/* ----------------------------------------------------------------------------------------------- */
/* Menus DROITS */
/* ----------------------------------------------------------------------------------------------- */

/* Titre des Menus dans les Menus*/
.Tab2_D {
	font-size : 16px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	color : #C11111;
	font-weight : bold;
	height : 10px;
	text-align : left;
	padding-left : 0px;
	padding-top : 0px;
}

/* Couleur Ligne de séparation */
.Ligne_D {
	background:#EFB163;
	height :2px;
}

/* Liens général */
A.Menu_D:link { font-size : 11px; text-decoration : none; color : #000000; margin-left : 15px; width : 100%; }
A.Menu_D:visited { font-size : 11px; text-decoration : none; color : #000000; margin-left : 15px; width : 100%; }
A.Menu_D:active { font-size : 11px; text-decoration : none; color : #000000; margin-left : 15px; width : 100%; }
A.Menu_D:hover { font-size : 11px; text-decoration : underline; color :  #9B0909; margin-left : 15px; width : 100%; }

/* Liens Selectionés */
A.Menu_Actif_D:link { font-size : 11px; text-decoration : none; color :  #9B0909; padding-left : 15px; width : 100%;  }
A.Menu_Actif_D:visited { font-size : 11px; text-decoration : none; color :  #9B0909; padding-left : 15px; width : 100%; }
A.Menu_Actif_D:active { font-size : 11px; text-decoration : none; color :  #9B0909; padding-left : 15px; width : 100%; }
A.Menu_Actif_D:hover { font-size : 11px; text-decoration : underline; color :  #9B0909; padding-left : 15px; width : 100%; }

/* Liens Sous Menu Ouvert */
A.Sous_Menu_D:link { font-size : 11px; text-decoration : none; color : #000000; padding-left : 25px; width : 98%; margin-left : 1px;}
A.Sous_Menu_D:visited { font-size : 11px; text-decoration : none; color : #000000; padding-left : 25px; width : 98%; margin-left : 1px;}
A.Sous_Menu_D:active { font-size : 11px; text-decoration : none; color : #000000; padding-left : 25px; width : 98%; margin-left : 1px;}
A.Sous_Menu_D:hover { font-size : 11px; text-decoration : underline; color :  #9B0909; padding-left : 25px; width : 98%; margin-left : 1px;}

/* Liens Sous Menu Ouvert et Selectionés*/
A.Sous_Menu_Actif_D:link { font-size : 11px; text-decoration : none; color :  #9B0909; padding-left : 25px; width : 98%; margin-left : 1px;}
A.Sous_Menu_Actif_D:visited { font-size : 11px; text-decoration : none; color :  #9B0909; padding-left : 25px; width : 98%; margin-left : 1px;}
A.Sous_Menu_Actif_D:active { font-size : 11px; text-decoration : none; color :  #9B0909; padding-left : 25px; width : 98%; margin-left : 1px;}
A.Sous_Menu_Actif_D:hover { font-size : 11px; text-decoration : underline; color :  #9B0909; padding-left : 25px; width : 98%; margin-left : 1px;}


/* ----------------------------------------------------------------------------------------------- */
/* Menus Gauche et Droit */
/* ----------------------------------------------------------------------------------------------- */
/* Fond des tableaux des Menus Gauches et Droites*/
.Tablo_Menu {
	background-color : transparent;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	padding-bottom : 0px;
}

.Fond_Menu_Gauche {
}

.Fond_Menu_Droite {
	padding-left : 0px;
	padding-right : 0px;
}

/* ----------------------------------------------------------------------------------------------- */
/* Footer */
/* ----------------------------------------------------------------------------------------------- */
/* Style Footer Général */
.Footer {
	font-size : 10px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-weight : bold;
	color : White;
	text-align : center;
}

/* Lien du Footer */
A.Footer_Lien:link { font-size : 10px; text-decoration : none; color : #666666; }
A.Footer_Lien:visited { font-size : 10px; text-decoration : none; color : #666666; }
A.Footer_Lien:active { font-size : 10px; text-decoration : none; color : #666666; }
A.Footer_Lien:hover { font-size : 10px; text-decoration : underline; color : #666666; }
/* Lien de michelin */
A.michelin_Lien:link { font-size : 16px; text-decoration : none; color : #0bb0da; }
A.michelin_Lien:visited { font-size : 16px; text-decoration : none; color : #0bb0da; }
A.michelin_Lien:active { font-size : 16px; text-decoration : none; color : #37de0b; }
A.michelin_Lien:hover { font-size : 16px; text-decoration : underline; color : #0bb0da; }


/* ----------------------------------------------------------------------------------------------- */
/* Ajout Derniere Minute penser à mettre l inter tab qui est sur l ancien css  "note zed"*/
/* ----------------------------------------------------------------------------------------------- */

/* tableau index page produit */

/* Option tableaux pas present dans ces pages "note zed" *

#cpanel {  text-align: center;  vertical-align: middle; }

#cpanel div.icon   { margin: 3px; }
#cpanel div.icon a { 
	display: block; float: left;
	height: 111px !important;
	height: 111px; 
	width: 130px !important;
	width: 130px; 
	vertical-align: middle; 
	text-decoration : none;
	border: 1px solid #75b0eb;
	padding: 2px 5px 1px 5px;
}
#cpanel div.icon a:link    {  color : #808080;  }
#cpanel div.icon a:hover   { 
	color : #333; 
	background-color: #e7e9f1;  
	border: 1px solid #5292cc;
	padding: 3px 4px 0px 6px; 
}
#cpanel div.icon a:active  {  color : #808080;  }
#cpanel div.icon a:visited {  color : #808080;  }

#cpanel div.icon img { margin-top: 5px; }
#cpanel div.icon span { display: block; padding-top: 3px;'}

/* end tableau index page produit */