/*****************************************************************************************/
/**************************************** CLASSES ****************************************/
/*****************************************************************************************/

/*----------------- CLASSES DU MENU -----------------*/
/*----------------- choux -----------------*/
	.choux		{ position:relative; width:100%; height:30px; background-repeat:no-repeat; background-position:50% 50%; }
	.chouxPort	{ background-image:url(../img/choux_portfolio.gif); }
	.chouxParu	{ background-image:url(../img/choux_parutions.gif); }
	.chouxInfo	{ background-image:url(../img/choux_info.gif);}

	.menuElem	{ background-image:url(../img/v_line.gif); background-repeat:no-repeat; background-position:50% 0%; padding-top:3px; }
	
	.sousMenu	{ background-image:url(../img/asterix.gif); background-repeat:no-repeat; background-position:100% 0%; padding-right:12px; }
	
	.acolade		{ background-color:#FFFFFF; background-image:url(../img/acolade.gif); background-repeat:no-repeat; background-position:10px 1px; width:31px; height:48px; }
	.acoladeRight	{ background-color:#FFFFFF; background-image:url(../img/acolade_right.gif); background-repeat:no-repeat; background-position:10px 1px; width:31px; height:48px; }


/*****************************************************************************************/
/**************************************** CONTENT ****************************************/
/*****************************************************************************************/

	/*DIV { border:1px solid red; }*/
	BODY		{ margin:0px; padding:0px; }
	A IMG		{ border:0px; }
	#titSite	{ position:absolute; left:200px; top:10px; width:218px; }
	#globalContent	{ position:absolute; height:477px; width:100%; top:117px; }

/*****************************************************************************************/
/*************************************** MENU HEAD ***************************************/
/*****************************************************************************************/

	#headNav	{ position:absolute; top:40px; width:100%; }
	#barreNav	{ position:absolute; top:30px; width:100%; height:1px; background-color:#000000; }
	#menuAcol	{ position:absolute; top:30px; left:160px; z-index:1; }	
	#imgMenu	{ position:absolute; left:132px; top:48px; font-family:arial; font-weight:bold; font-size:10px; color:black; }

/*----------------- CSS DES BOUTTONS -----------------*/
/*--- boutton portfolio ---*/
/* CAUTION: En cas de création d'une nouvelle gallerie 
	valeur initiale de MenuPort.left = 240 ---> retablir la valeur dans les style des div du choux et du tit 
	ex: newVal = 320; 320-240 et inscérer la valeure dans le style...*/
	#MenuPort	{ position:absolute; left:193px;  z-index:10; }
	#btPort		{ position:relative; text-align:center; }

/*-- Sous menu portfolio --*/
	#SMenuPort	{ position:relative; top:7px; }
	#SMPortRep	{ position:relative; float:left; margin-right:5px; }
	#SMPortPort	{ position:relative; float:left; margin-right:5px; }
	#SMPortDeco	{ position:relative; float:left; margin-right:5px; }
	#SMPortLabo	{ position:relative; float:left; }
	#SMenuAst	{ position:relative; width:2px; height:6px; padding-top:2px; padding-right:5px; margin-right:5px; float:left; }
 
/*--- boutton parutions ---*/
	#MenuParu	{ position:absolute; left:592px; width:42px; z-index:10; }
	#btParu		{ position:relative; }

/*--- bouttons d'informations ---*/ 
	#MenuInfos	{ position:absolute; left:795px; width:152px; z-index:10; }
	#btContacts	{ position:relative; float:left; }
	#btInfos	{ position:relative; float:right; }

/*****************************************************************************************/
/*************************************** MENU FOOT ***************************************/
/*****************************************************************************************/

	#footNav	{  position:absolute; top:564px; width:100%; }
	#fBarreNav	{ height:1px; background-color:#000000; position:absolute; top:30px; width:100%; }

	#footNav A	{ text-decoration:none; font-family:arial; font-size:10px; font-weight:bold; color:#666666;  }

/*----------------- CSS DES BOUTTONS -----------------*/
/*--- boutton portfolio ---*/
	#fMenuPort	{ position:absolute; left:291px; width:36px; z-index:10; }
	#fBtPort 	{ position:relative; padding-top:10px; }

/*--- boutton parutions ---*/
	#fMenuParu	{ position:absolute; left:592px; width:42px; padding-left:1px; z-index:10; }
	#fBtParu	{ position:relative; padding-top:10px; }

/*--- bouttons d'informations ---*/ 
	#fMenuInfos	{ position:absolute; left:795px; width:152px; z-index:10; }
	#fBtContacts{ position:relative; float:left; padding-top:10px; }
	#fBtInfos	{ position:relative; float:right; padding-top:10px; }