/************************************************************************/
/*	 	Feuille de style contenant:																	*/
/*			- les références couleurs d'un espace												*/
/*			- logo + bandeau du Header																*/
/*			- aspect du menu gauche																	*/
/*			- taille de la zone contenu																*/
/*			- comportement de la zone de droite													*/
/************************************************************************/

body {
	padding:0;
	margin:0;
	color:#000; 
	background:url(../images/Space_BG.gif) repeat-x 0 0;
}
/* fil d'ariane */
	.BreadCrumbs{margin-left:170px;}

.C1fond {
	background-color:#07437b; 
}
.C1font, .C1font:visited, a.LienDefaultStyle:link, a.C1lien:link, a.C1lien:hover, a.C1lien:active, a.C1lien:visited{
	color:#07437b;
}
.C1border {
	border-color:#07437b; 
}
/* Pour menu Espaces */
a.C1LienBorderSelected, a.C1LienBorder:hover, a.C1LienBorder:active{ 
	background-color:#c7d3e3; /*C4*/
	border-color:#07437b;
}
a.C1LienBorder2:hover{ 
	background-color:#e0edff; /*C3*/
	border-color:#07437b;
	color:#07437b;
}


.C2fond {
	background-color:#3f6991; 
}
.C2font, .C2font:visited, a.C2lien:hover, a.C2lien:active, a.C2lien:focus{
	color:#3f6991; 
}
.C2border {
	border-color:#3f6991; 
}
/* Aspect  par défaut des liens hypertexte */
a.LienDefaultStyle:hover, a.LienDefaultStyle:active, a.LienDefaultStyle:focus{
	color:#3f6991;
}



.C3fond {
	background-color:#e0edff; 
}
.C3font, .C3font:visited, a.C3lien:hover, a.C3lien:active, a.C3lien:focus{
	color:#e0edff; 
}
.C3border {
	border-color:#e0edff; 
}




.C4fond {
	background-color:#c7d3e3; 
}
.C4font, .C4font:visited, a.C4lien:hover, a.C4lien:active, a.C4lien:focus{
	color:#c7d3e3; 
}
.C4border {
	border-color:#c7d3e3; 
}



.C5fond {
	background-color:#b0c4de; 
}
.C5font, .C5font:visited, a.C5lien:hover, a.C5lien:active, a.C5lien:focus{
	color:#b0c4de; 
}
.C5border {
	border-color:#b0c4de; 
}



.C6fond {
	background-color:#999999; 
}
.C6font, .C6font:visited, .C6font:link, a.C6font:hover, a.C6font:active, a.C6font:focus, a.C6lien, a.C6lien:hover, a.C6lien:active, a.C6lien:focus{
	color:#999999; 
}
.C6border {
	border-color:#999999; 
}



.C7fond {
	background-color:#333333; 
}
.C7font, .C7font:visited, a.C7lien:hover, a.C7lien:active, a.C7lien:focus{
	color:#333333; 
}
.C7border {
	border-color:#333333; 
}



.C8fond {
	background-color:#666666; 
}
.C8font, .C8font:visited, .C8font:visited, a.C8lien:hover, a.C8lien:active, a.C8lien:focus{
	color:#666666; 
}
.C8border {
	border-color:#666666; 
}

/***************************************************************************************************/
/*															Global	    						   */
/***************************************************************************************************/

#Center_Zone{
	float:left; 
	width:670px;
	margin: 0 30px 20px;
	padding:0/* 5px 0 5px*/;
}
#Left_Zone{
	float:left; 
	width:250px;
	margin:0 0 20px;
	overflow:hidden;
}
#Right_Zone{
	float:left; 
	width:220px;
	text-align:center;
	margin:0 0 20px;
}


/***************************************************************************************************/
/*															images du Header																	*/
/***************************************************************************************************/

.hBasket{background:url(../images/ico_Basket.gif) no-repeat 2px 5px;}

/***********************************************************************************************************************/
/* RECHERCHE */
/***********************************************************************************************************************/

.Recherche{
	padding: 0;
	margin: 0 0 12px;
	font-size: 9pt;
	/*background-color:#da6c00;*/
	font-weight: bold;
	color: #FFFFFF;
}
.Recherche input{
	margin: 0;
	padding: 0;
	font-size: 8pt;
}

.ImageIcone{
	float: left;
	border: 0;
	margin: 5px 6px 0 6px;
}

.Formulaire{
	border: 0;
	margin: 0;
	padding: 0;
}
.Formulaire form{
	margin: 0px;
	padding: 0px;
}

/***********************************************************************************************************************/
/* MENU GAUCHE RUBRIQUE */
/***********************************************************************************************************************/
.Rubriques{padding:0;margin:12px 0;border-style:solid;border-width:1px;}
.RubriquesBandeau{padding:0 0 2px 8px;margin:0;font-size:11pt;font-weight:bold;color:#FFF;}

ul.trwRoot, .trwRoot ul{margin:0;padding:0 0 2px 0;list-style:none;display:block;}
.trwRoot ul{display:none;margin:0 0 0 15px;padding:0;}
.trwRoot li{display:block;margin:0;padding:0;background:url(../images/trw/tV.gif) repeat-y 10px top;font:bold 9pt Arial, Helvetica, sans-serif;}
.trwRoot li:last-child {background:url(../images/trw/tV.gif) no-repeat 10px -2px;}
.trwRoot li.Lvl1 {font-size:10pt;}
.trwRoot li.Closed {}
.trwRoot li.Opened {}
.trwRoot li a.Selected {color:#666;}
.trwRoot li a{display:inline-block;margin:0 0 0 8px;padding:2px 2px 1px 14px;background:url(../images/trw/tH.gif) no-repeat 3px 9px;}
.trwRoot li a:link, .Root li a:visited{text-decoration:none;}
.trwRoot li img{position:absolute;margin:5px 0 0 6px;cursor:pointer;}



/***********************************************************************************************************************/
/* MENU GAUCHE COLLECTIONS */
/***********************************************************************************************************************/
.Collection{
	padding: 0px;
	margin: 12px 0;
	border-style: solid;
	border-width: 1px;
}
.CollectionBandeau{
	padding: 0 0 2px 8px;
	margin: 0px;
	font-size: 11pt;
	/*background-color:#e5913b;*/
	font-weight: bold;
	color: #FFFFFF;
	text-indent: 5px;
}
.CollectionBandeau img{
	padding: 0;
	border: none;
	margin:5px 2px 0px -5px;
}
.CollectionContenu{
	padding: 0 0 0 10px;
	margin: 0px;
   
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.CollectionContenu ul{
	padding: 0px;
	margin: 0px;
	font-size: 10pt;
	list-style-type: none;
}
.CollectionContenu ul ul{
	padding: 0px;
	margin: 0px;
	
	font-size: 9pt;
	list-style-type: none;
}
.CollectionContenu ul li,.CollectionContenu ul li a{
	display:block;
}
.CollectionContenu ul ul a:link{
	/*color: #666666;*/
	text-decoration:none;
}
.CollectionContenu ul ul a:visited{
	/*color: #666666;*/
	text-decoration:none;
}
.CollectionContenu ul ul a:hover{
	/*color: #b22222;*/
	text-decoration:none;
}
.MenuCollections:link, .MenuCollections:visited, .MenuCollections:hover{
	color: #ffffff;
	text-decoration:none;
}

/***********************************************************************************************************************/
/* MENU GAUCHE INFORMATIONS */
/***********************************************************************************************************************/
.Infos{
	padding: 0px;
	margin: 12px 0;
	border-style: solid;
	border-width: 1px;
}
.InfosBandeau{
	padding: 0 0 2px 8px;
	margin: 0;
	font-size: 11pt;
	/*background-color:#4682b4;*/
	font-weight: bold;
	color: #FFFFFF;
}

.InfosContenu{
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
	
	/*background-color: #f8f8ff;*/
}
.InfosContenu ul{
	font-size: 10pt; 
	list-style-type:none;
	list-style-position: outside;	
	/*list-style-image: url(images/pucefleche.gif);*/
}
.InfosContenu ul {margin: 0 0 0 10px; padding: 0;}
.InfosContenu ul li
{
	padding: 0 0 0 10px; margin: 0px;
	/*background-image: url(images/pucefleche.gif);
	background-repeat:no-repeat ; 
	background-position:center left;           */
} 

.InfosContenu ul li a
{
	display:block;           
} 


/* items personnalisés */



/***************************************************************************************************/
/*															Zone Menu Gauche																*/
/***************************************************************************************************/

/*.MenuGauche{
	margin: 0;
	padding: 0;
	float: left;
	width: 24%;
}*/

/* Zone Newsletter */	
	.divNewsletter{
		width:190px;
		padding:3px 5px 3px 7px;
		margin:0 0 15px 0;
	}
	#lblNewsletter{
		float:left;
		
		margin:3px 5px 0 0;
		padding-top:1px;
		font:bold 8pt Arial;
		color:#ffffff;
	}
	.inptNewsletter{
		height:15px;
		width:80px;
		margin:0 2px 0 0;
		padding:0;
	}
	.btnNewsletterOk{
		height:21px;
	}
	
/* Menu */	
	.bordureMenuHaut {
		margin:5px 0 0 15px;
		
		background-image:url(../images/BordureMenuGauche.gif);
		background-repeat:repeat-y;
		background-position:0% 0%;
	}
	.bordureMenuBas {
		margin:0 0 5px 15px;
		
		background-image:url(../images/BordureMenuGauche.gif);
		background-repeat:repeat-y;
		background-position:0% 0%;
	}
	.TailleBordure {
		height:1px;
		width:180px;

		overflow: hidden;
	}
	.fondMenu{
		margin: 0 0 0 15px;
		padding: 5px 0 5px 0;
		background-image:url(../images/DegradeMenuGauche.gif);
		background-repeat:repeat-y;
		background-position:0% 0%;
		
		list-style-type:none;
	}
	.fondMenu li
	{
		margin:0;
		padding:0;
		display:inline;
	}

	a.MenuSection , a.MenuSection:hover, a.MenuSection:active, a.MenuSection:focus {
		padding-left:6px;
		
		font:bold 8pt verdana;
		text-decoration:none;	
		font-variant:small-caps;
	}
	a.MenuItem 
	{
		display:inline;
		
		padding:2px 10px 2px 10px;
		display:block;
		font:bold 8pt Arial;
		text-decoration:none;
	}



/***************************************************************************************************/
/*															Zone contenu espace																*/
/***************************************************************************************************/
#aspnetForm{text-align:center;}

#DivEspace{	display:inline-block;width: 1200px;text-align:left;margin-top:25px;}
a.btn_Itf{position:absolute;z-index:5;left:2px;top:-17px;color:#757575;font:normal 8pt Arial;}
a.btn_Itf:first-letter{font-size:7pt;}
.Centre{
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	min-width:800px;
}

.IfRameStatic {
	float:left; 
	width:670px;
	margin: 0 30px 20px;
	padding:0;
}
#content{width:670px;}
.StatiquePageZone{padding:0;margin:0;}

.AffichageLivreTitre, .AffichageLivreIncrement, .RechercheResultatseparation, .AffichageLivreCombo{
	background-image: url(../images/trait.gif);
}

/***************************************************************************************************/
/*															Zone droite 																		*/
/***************************************************************************************************/

body #DivRightZone{
	position:absolute;	
	width:50px;
	height:100%;
	top:130px;
	right:0;
	z-index:0;
	display:none;
}


/***********************************************************************************************************************/
/* BAS DE PAGE */
/***********************************************************************************************************************/
	.BasDePage{
		clear: both;
		font-size: 9pt;
		margin: 20px 0 0 0;
		padding: 0px;
		text-align: center;
		width: 100%;
		/*color: #cccccc;*/
		border-top-style: solid;
		border-top-width: 1px;
		border-bottom-style: solid;
		border-bottom-width: 1px;
	}
	/*******************************/
	/*  Menu bas de page BackLink */
	/******************************/
	.BackLinkMenu
	{
		clear:both;
		width:90%;
		height:auto;
		padding-top:20px;
		margin-bottom:-10px;
		color :navy;
		font-size:8pt;
		margin-left:30px;
		margin-right:30px;
	
	}

	.BackLink
	{
		color :navy;
		text-decoration:underline;
		display:inline-block;
		font-weight:normal;
		margin:2px 5px 0 5px;
	}
	
	.BackLink:active, .BackLink:focus, .BackLink:visited, .BackLink:link
	{
		color :navy;
		text-decoration:underline;
	}
	

	.BackLink:hover
	{
		color :navy;
		text-decoration:none;
	}
