/* CSS Document */

HTML{
	margin:0;
	width:100%;
	height:100%;
	}
	
BODY{
	margin:0;
	width:100%;
	height:100%;
	font-family:arial;
	}
	
A IMG{
	border:0;		
	}
	
#general{
	width:100%;
	height:100%;
	}

	#general TD{
		vertical-align:middle;				
		}

#haut{
	height:40px;		
	width:760px;
	margin:auto;
	/*background-color:#F00;*/
	}

	#menu_haut LI{
		float:left;
		display:block;
		text-align:right;
		width:190px;
		height:40px;
		padding:0 0 0 0;
		margin:0;
		}

	#menu_haut A{
		font-size:11pt;
		text-decoration:none;
		color:#80bcce;
		font-weight:bold;
		}

	#menu_haut A:hover, #menu_haut A.select{
		color:#386389;
		}

#bas{
	height:95px;
	/*background-color:#00F;*/
	}	

#menu_bas{
	width:760px;
	margin:auto;
	}
	
	#menu_bas LI{
		float:left;
		display:block;
		text-align:right;
		width:190px;
		padding:20px 0 0 0;
		margin:0;
		}

	#menu_bas A{
		font-size:11pt;
		text-decoration:none;
		color:#fbb307;
		font-weight:bold;
		}

	#menu_bas A:hover, #menu_bas A.select{
		color:#d69500;
		}
		
	#menu_bas A#bt_accueil{
		float:left;
		}	

#menu_droit{
	position:absolute;
	height:478px;
	margin-left:760px;
	vertical-align:bottom;
	}
	
	#menu_droit LI{
		float:left;
		display:block;
		text-align:right;
		padding:0;
		margin:0;
		}

	#menu_droit A{
		display:block;
		width:25px;
		height:176px;
		margin-top:30px;
		text-decoration:none;
		background:url(../images/la_collection.gif) center bottom no-repeat;
		background-color:#FFF;
		}

	#menu_droit SPAN{
		display:none;
		}

	#menu_droit A:hover, #menu_droit A.select{
		color:#f8ce6d;
		}
		
	#menu_droit A#bt_accueil{
		float:left;
		}	



#milieu{
	height:478px;
	width:760px;
	margin:auto;
	/*background-color:#0F0;*/
	}

	#litho{
		height:478px;
		width:760px;
		overflow:hidden;
		background-position:right 20px;
		background-repeat:no-repeat;
		}
	#litho.litho1{
		background-image:url(../images/litho-1.jpg);
		}
	
	#litho.litho2{
		background-image:url(../images/litho-2.jpg);
		}
		
		#contenu{
			background-color:#FFF;
			width:0;
			height:0;
			margin-top:478px;
		}
		
		#contenu.wait{
			background:url(../images/chargement.gif) center center no-repeat;		
			background-color:#FFF;	
		}
		
		#contenu DIV.zone_contenu{
			/*background-color:#eee;*/
			height:438px;
			margin:2px 0 0 0;
			padding:0 17px;

			/* couleur fond boutons */
			scrollbar-face-color:#FFF;
			/* couleur fond */
			scrollbar-track-color:#FFF;
			/* couleur fleches */
			scrollbar-arrow-color:#80bcce;
			/* couleur couleur bord bas droite */
			scrollbar-shadow-color:#80bcce;
			/* couleur couleur bord haut gauche */
			scrollbar-highlight-color:#FFF;
			/* couleur couleur ombre haut gauche */
			scrollbar-darkshadow-color:#FFF;
			/* couleur couleur ombre bas droite */
			scrollbar-3dlight-color:#80bcce;
			}

		#contenu H1{
			color:#386389;
			font-size:11pt;
			margin:0px 0 0 0;
		}
		
		#contenu H1.hidden{
			visibility:hidden;
		}
		
		#contenu H2{
			color:#386389;
			font-size:10pt;
			font-style:italic;
			margin:15px 0 0 0px;
			border-bottom:solid 1px #80bcce;
		}
		
		#contenu P{
			font-size:9pt;
			color:#333;
			margin:5px 0;
		}
		
		#contenu P B, #contenu P STRONG{
			color:#000;
		}
		
		#contenu UL, #contenu OL{
			font-size:9pt;
			margin:0 0 0 30px;
		}
		
		#contenu LI{
			font-size:9pt
		}
		
		#contenu A{
			font-size:9pt;
			font-weight:bold;
			color:#80bcce;
		}
		
		#contenu A:hover{
			color:#386389;
		}
		
		#contenu .niveau1{
			color:#579700;
			}
		
		#contenu .niveau2{
			color:#F00;
			}
		
		#contenu A.retour{
			font-size:9pt;
			border:solid 1px #80bcce;
			padding:2px 4px;
			color:#80bcce;
			float:right;
			margin-top:5px;
			text-decoration:none;
			font-weight:bold;
			}
			
		#contenu A.thickbox{
			/*border:solid 1px #80bcce;*/
			padding:1px;
			background-color:#FFF;
			}
		
		#contenu A.retour:hover{
			border:solid 1px #386389;
			color:#386389;
			}
			
		#mini_menu{
			float:right;
			}
			
		#mini_menu A{
			display:block;
			border-bottom:solid 8px #80bcce;
			color:#80bcce;
			text-decoration:none;
			width:160px;
			text-align:left;
			font-size:9pt;
			font-weight:bold;
			padding-top:6px;
			}
			
		#mini_menu A:hover{
			border-bottom:solid 8px #386389;
			color:#386389;
			}			
		

/*////// MENU EXPERTS /////*/


#menu_expert DIV.unExpert{
	margin-right:5px;
	}

#menu_expert A, #menu_expert DIV.nom{
	display:block;
	color:#386389;
	border-bottom:0;
	text-align:right;
	padding:17px 0 3px 0;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
	}
	
#menu_expert A:hover{
	/*border-color:#386389;*/
	color:#000;
	}

#menu_expert DIV.agence{
	display:block;
	height:10px;
	}
	
#menu_expert DIV.lib_agence{
	text-align:right;
	font-size:7pt;
	color:#386389;
	padding-top:3px;
	line-height:6px;
	}
	
/*////// MENU AGENCES /////*/


#agences{
	margin-bottom:20px;
	}
	
	#agences P{
		margin:0;
		}
	
	#agences A{
		display:block;
		text-align:right;
		font-size:7pt;
		color:#386389;
		padding-top:5px;
		line-height:7px;
		text-decoration:none;
		}
		
	#agences A:hover{
		color:#000;
		}
		
		#agences A DIV{
			display:block;
			height:10px;
			}

/*//////// MENU DOMAINES //////*/

#contenu DIV.liste_domaines{
	background-color:#DDD;
	padding:5px 10px;
	margin-bottom:10px;
	}
	
	#contenu DIV.liste_domaines P{
		font-weight:bold;
		margin:0;
		color:#222;
		}
	
	#contenu DIV.liste_domaines A{
		white-space:nowrap;
		text-decoration:none;
		color:#666;
		}
	
	#contenu DIV.liste_domaines A:hover{
		text-decoration:none;
		color:#000;
		}