/* ----------------------------------------------------------------------------------------------- */
/*Style CSS ----------------------- Novagence - Micrologiciel 2008 ------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------- */
/* Body */
/* ----------------------------------------------------------------------------------------------- */

BODY {
	font-size : 12px; 
	font-family :Arial, Helvetica, sans-serif; 
	color : #000;	
	background-color: white;
	scrollbar-base-color : #fff ;
	text-align : left;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
.Body_mail, MsoNormal{
 	font-size : 12px; 
	font-family :Arial, Helvetica, sans-serif; 
 	color : #666;
 	background: #FFF url(images/fond_mail.gif) repeat ;
	text-align : left;
	margin: 0;
	padding: 0;
}

/* ----------------------------------------------------------------------------------------------- */
/* Liens dans le Site */
/* ----------------------------------------------------------------------------------------------- */
A:link, A:visited, A:active, {
   font-size : 12px; 
	font-family :Arial, Helvetica, sans-serif; 
   color : #316599; 
	font-weight: normal;
	text-decoration : none;
}
A:hover {   
	font-size : 12px;
	 font-family :Arial, Helvetica, sans-serif;
	  font-weight: normal;
	text-decoration : underline;   color : #316599;
}

/* ----------------------------------------------------------------------------------------------- */
/* Style Général du Site */
/* ----------------------------------------------------------------------------------------------- */
/* .Txt_Area - Cellule de saisie texte multiligne */
/* .Txt_Input - Cellules restantes */
/* .Menu_Select - Liste déroulante des Sous-Menus */
/* .Menu_Select_D - Select box dans liste déroulante Menu */
.Txt_Area , .Txt_Input , .Menu_Select, .Menu_Select_D {
	font-family : Arial, Helvetica, sans-serif;
	background-color : #FFF;
	color : #666666;
	font-size : 11px;
	border : 1px solid #666;
	xwidth : 100px;
}
/* Style textes de la page Contact*/
.Contact {
	font-size : 12px;
	font-family :Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-weight : normal;
	color : #000;
	text-align : left;
	padding: 4px;
}
/* Warning du caddie*/
/* Boutons Envoyer Effacer ok */
.Bouton {
   font-family : Arial, Helvetica, sans-serif;
	color : #fff;	
	font-size :11px;
	text-align: center;
	cursor: hand;
	height : 17px;
	margin-right: 4px; border: 0;
	margin-left: 4px;
	background: url(images/ok.jpg) repeat-x; 
}
/* Cellule News et Recherche */
.Module {
	font-family :Arial, Helvetica, sans-serif;
	background-color : #FFF;
	color : #666666;
	font-size : 11px;
	border : 1px solid #666;
	width : 90px;
}

/* ----------------------------------------------------------------------------------------------- */
/* Styles accessibles utilisateur */
/* ----------------------------------------------------------------------------------------------- */
/* Cellule Titre */
.Array_Titre {
	height: 25px;
	line-height: 25px;
	font-size : 14px;
	font-family :Arial, Helvetica, sans-serif;
	font-weight : bold;
	text-decoration : none;	text-transform: none;
	padding-left: 0px;	
	color :#316599;
}
/* Cellule Normale */
.Array_Data {
	font-family : Arial, Helvetica, sans-serif;
	color : #316599;
	font-size : 12px;
	font-weight : normal;
	vertical-align: top;
	padding: 5px;
}

/* Fond des tableaux */
.Array_Contour {
	border: 1px solid #ccc;
	margin : 0;
}

/* Photos et Images */
.Photo {
	border: 0px solid #ccc;
	padding : 0px;
}


/* ------------------------------------------------------------------ */
/* Page Centrale du Site */
/* ------------------------------------------------------------------ */


/* Fond des Pages du Site*/
.Tablo_Main_Frame {
	background: white;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding : 5px;
	height:612px; width: 600px;
	}
		
/* -------------------------------------------------------------------- */
/* Style Top Menu */
/* -------------------------------------------------------------------- */

/* Style Général */
.Top_Menu {	height: 31px;	line-height: 31px; text-align: left; padding: 0; 	color : #fff;}
/* Lien du Top Menu normal*/
A.Tab:link, A.Tab:visited, A.Tab:active, A.Tab_Active:hover {
	display: block;
	height : 31px;
	line-height: 31px;
	font-weight : normal;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 18px;
	text-transform: none;
	text-decoration : none;
	padding-left : 15px;
	padding-right : 15px;
	color : #fff;
	background : url(images/topoff.jpg) repeat-x; 
}

/* Lien du Top Menu actif ou survol */
A.Tab:hover, A.Tab_Active:link, A.Tab_Active:visited, A.Tab_Active:active {
	display: block;
	height : 31px;
	line-height: 31px;
	font-weight : normal;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 18px;
	text-transform: none;
	text-decoration : none;
	padding-left : 15px;
	padding-right : 15px;
	color : #FFF; 
	background : url(images/topon.jpg) repeat-x;	
}
/* Tableau Sous Top général    
filter:progid:DXImageTransform.Microsoft.shadow( direction=135,color=#ccc,strength=5);	
*/
.TabSousTopMenu {
	background: #76c8de url(images/sstop.jpg) repeat-x top; border: 0;
}

/* Emplacement du Sous Top Menu*/
.DivSousTopMenu {
	display: block;
	position: absolute;
	white-space: nowrap;
	margin-top: 0px;
	margin-left: 0px;
	visibility: hidden;
}

/* FireFox : Emplacement du Sous Top Menu*/
html>body.DivSousTopMenu {
	clear:both;
	position: absolute;
	white-space: nowrap;
	margin-top: 0px;
	margin-left: 0px;
	visibility: hidden; 
}

/* Lien normal du Sous Top Menu */
A.SousTopMenu:link , A.SousTopMenu:visited , A.SousTopMenu:active , A.SousTopMenu_Active:hover  {
	line-height: 20px;
	height: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	width: 100%;
	padding-right: 10px;
	padding-left:10px;
	color: #fff;
	}

/* Lien actif du Sous Top Menu */	
A.SousTopMenu:hover, A.SousTopMenu_Active:link , A.SousTopMenu_Active:visited , A.SousTopMenu_Active:active {
	line-height: 20px;
	height: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	width: 100%;
	padding-right: 10px;
	padding-left:10px;
	color: #fff;
	text-decoration: underline;
	}
	
/* ----------------------------------------------------------------------------------------------- */
/* Fond des tableaux des Menus Gauches et Droites */
/* ----------------------------------------------------------------------------------------------- */

.Tablo_Menu {}
.Fond_Menu_Gauche { height: 100px; background: url(images/mg_centre.png) no-repeat top;padding-left: 20px;padding-top:7px;}
.Fond_Menu_Droite { height: 173px; background: url(images/md_centre.png) no-repeat top;padding-left: 20px;padding-top:7px;}


/* ----------------------------------------------------------------------------------------------- */
/* Menus GAUCHES */
/* ----------------------------------------------------------------------------------------------- */

/* Titre des Menus dans les Menus*/
.Tab2 {
	height: 30px;	line-height: 30px; 
	font-size : 12px;	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;	text-decoration : none;	text-transform: uppercase;
	padding-left: 32px;padding-top:7px;
	color :#316599;
	background : url(images/mg_tab2.png) no-repeat; 
	}
/* MG - Lien page normal */
A.Menu:link , A.Menu:visited , A.Menu:active , A.Menu_Actif:hover  {
	display: block;
	float: left;
	line-height: 14px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none; 
	color: #333;
	margin: 0;
	padding-top:1px;
	padding-bottom:5px;
	width: 100%;
}
/* MG - Lien page active ou survol */
A.Menu:hover , A.Menu_Actif:link , A.Menu_Actif:visited , A.Menu_Actif:active  {
	display: block;
	float: left;
	line-height: 14px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	margin: 0;
	padding-top:1px;
	padding-bottom:5px;
	width: 100%;
	color: #316599;
}
/* MG - Lien Sous-Menu normal */
A.Sous_Menu:link , A.Sous_Menu:visited , A.Sous_Menu:active , A.Sous_Menu_Actif:hover {
	display: block;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #333;
	padding-left:10px;
	width: 100%;
	line-height: 14px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left: 25px;
}
	/* MG - Lien Sous-Menu actif ou survol */
A.Sous_Menu:hover , A.Sous_Menu_Actif:link , A.Sous_Menu_Actif:visited , A.Sous_Menu_Actif:active {
	display: block;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #333;
	padding-left:10px;
	width: 100%;
	line-height: 14px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left: 25px;
	text-decoration: underline;
}
/* MG - Gestion puces et lignes des menus gauches */
/* MG - Couleur Ligne de séparation */
.Ligne {
	display: block; float: left;
	margin-bottom: 5px; 	margin-top: 5px;
	border-bottom-color: #666; border-bottom-style: dotted; border-bottom-width: 1px;
	width: 155px; margin-left: 15px; margin-right: 15px;
	}

/* MG - Gestion puces Page normale */
A.Menu img { margin-left: 0px; margin-right: 0px; vertical-align: middle; }

/* MG - Gestion puces Page active ou survol */
A.Menu_Actif img { margin-left: 0px; margin-right: 0px; vertical-align: middle; }

/* MG - Gestion puces Sous Menu normal */
A.Sous_Menu img { margin-left: 0px;  vertical-align: middle; }

/* MG - Gestion puces Sous-Menu Actif */
A.Sous_Menu_Actif img { margin-left: 0px;  vertical-align: middle; }

/* ----------------------------------------------------------------------------------------------- */
/* Menus DROITS */
/* ----------------------------------------------------------------------------------------------- */

/* Titre des Menus dans les Menus*/
.Tab2_D {
	height: 92px;	line-height: 15px; 
	font-size : 16px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	text-decoration : none;	text-transform: none;
	padding-left: 20px;	color :#fff;
	background : url(images/md_tab2.png) no-repeat; 
	}
/* MG - Lien page normal */
A.Menu_D:link , A.Menu_D:visited , A.Menu_D:active , A.Menu_Actif_D:hover  {
	display: block;
	float: left;
	line-height: 20px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #333;
	margin: 0;
	padding-top:1px;
	padding-bottom:20px;
	width: 100%;padding-left: 20px;
	background: url(images/puceD.gif) no-repeat left top;
}
/* MG - Lien page active ou survol */
A.Menu_D:hover , A.Menu_Actif_D:link , A.Menu_Actif_D:visited , A.Menu_Actif_D:active  {
	display: block;
	float: left;
	line-height: 20px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	margin: 0;
	padding-top:1px;
	padding-bottom:20px;
	width: 100%;
	color: #316599; padding-left: 20px;
	background: url(images/plus_openD.gif) no-repeat left top;
}
/* MG - Lien Sous-Menu normal */
A.Sous_Menu_D:link , A.Sous_Menu_D:visited , A.Sous_Menu_D:active , A.Sous_Menu_D_Actif:hover {
	display: block;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #333;
	padding-left:10px;
	width: 100%;
	line-height: 14px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left: 25px;}
/* MG - Lien Sous-Menu actif ou survol */
A.Sous_Menu_D:hover , A.Sous_Menu_Actif_D:link , A.Sous_Menu_Actif_D:visited , A.Sous_Menu_Actif_D:active {
	display: block;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	padding-left:10px;
	width: 100%;
	line-height: 14px;
	padding-top:1px;
	padding-bottom:1px;
	text-decoration: underline;
	padding-left: 25px;}
/* MG - Gestion puces et lignes des menus gauches */
/* MG - Couleur Ligne de séparation */
.Ligne_D {
	display: block; float: left;
	margin-bottom: 5px; 	margin-top: 5px;
	border-bottom-color: #666; border-bottom-style: dotted; border-bottom-width: 1px;
	width: 155px; margin-left: 15px; margin-right: 15px;
	}

/* MG - Gestion puces Page normale */
A.Menu_D img { margin-left: 0px; margin-right: 0px; vertical-align: middle; }

/* MG - Gestion puces Page active ou survol */
A.Menu_Actif_D img { margin-left: 0px; margin-right: 0px; vertical-align: middle; }

/* MG - Gestion puces Sous Menu normal */
A.Sous_Menu_D img { margin-left: 0px;  vertical-align: middle; }

/* MG - Gestion puces Sous-Menu Actif */
A.Sous_Menu_Actif_D img { margin-left: 0px;  vertical-align: middle; }



/* ----------------------------------------------------------------------------------------------- */
/* Footer */
/* ----------------------------------------------------------------------------------------------- */
.Footer {	height: 25px;	line-height: 25px;	text-align : center;	vertical-align: middle;	color : #fff;}
/* Lien du Footer */
A.Footer_Lien:link , A.Footer_Lien:visited , A.Footer_Lien:active {
	font-family :Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-decoration : none;
	color : #fff;
	font-weight : normal;
}
A.Footer_Lien:hover {
	font-family :Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #fff;
	font-weight : normal;
	text-decoration: underline;
	}

	
/* ----------------------------------------------------------------------------------------------- */
/* Divers ******* Ne pas modifier ********/
/* ----------------------------------------------------------------------------------------------- */

/* Couleurs ou fond du site de taille fixe, ne sert que dans des cas particuliers */
.Tablo_Main {	width:100%;	border:0;	margin:0; 	padding:0;	vertical-align:top; }
.Tablo_Main_Fond {}

/* Fond des Pages du BO*/
.Tablo_Main_Bo { background: White;	font-family :Arial, Helvetica, sans-serif;	font-size : 12px;	padding : 5px; }
/* taille des tableaux par defaut dans l'editeur */
td { font-family :Arial, Helvetica, sans-serif;  font-size : 12px;  }
/* 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;}
.CadWarning {
	font-size : 11px;
	font-family :Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #ff0000;
}

/* Adresse site Internet */
.url_Site {
	font-size : 12px;
	font-family :Arial, Helvetica, sans-serif;
	color : #0000FF;
	font-weight : bold;
	text-align: left;
	}


/* Newsletter*/
.TableEditoNews {border: 1px double #ccc;background-color: #fff;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
.CellEditoNews {background-color: #FFF;}
.ligne_y{background-image: none;background-repeat: repeat-y;width:1px;}
.ligne_x{height:1px;background-color: #ccc;}

/* Lignes horizontales et verticales */
.traitvertic { height: 1px ; 	border-right :1px dotted  #666 ;}
.traithoriz { height: 1px ; 	border-bottom :1px dotted  #666 ;}


 /* ----------------------------------------------------------------------------------------------- */
/* boutique */
/* ----------------------------------------------------------------------------------------------- */

.liste-haut{
	height: 40px; line-height: 40px;
	font-size: 13px; font-weight: bold; color: #666666;
	background: url(/images/sites/catalogue/liste-haut.jpg) no-repeat ;
}

.liste-milieu{
	background: url(/images/sites/catalogue/liste-milieu.jpg) repeat-y ;
}
.liste-bas{
	height: 14px;
	background: url(/images/sites/catalogue/liste-bas.jpg) no-repeat ;
}


/* ----------------------------------------------------------------------------------------------- */
/* Ajout Derniere Minute */
/* ----------------------------------------------------------------------------------------------- */
   