/* CSS Document */

/***************************************/
/*	Déclaration des fontes externes    */
/***************************************/
@font-face {
	font-family: "myhelveticaneue";
	font-style:normal;
	font-weight:lighter;
	src: url("fontes/HelveticaNeueLTPro-Th.otf") format("opentype");
}
@font-face {
	font-family: "myhelveticaneue";
	font-style: normal;
	font-weight: normal;
	src: url("fontes/helveticaneueLTPro-Md.otf") format("opentype");
}
@font-face {
	font-family: "myhelveticaneue";
	font-style: normal;
	font-weight: bold;
	src: url("fontes/helveticaneueLTPro-Bd.otf") format("opentype");
}

/***************************************/
/*	2é Déclaration [pb Opera 10...]	   */
/***************************************/
@font-face {
	font-family: "myhelveticaneuelight";
	font-style:normal;
	font-weight:lighter;
	src: url("fontes/HelveticaNeueLTPro-Th.otf") format("opentype");
}
@font-face {
	font-family: "myhelveticaneuebold";
	font-style: normal;
	font-weight: bold;
	src: url("fontes/helveticaneueLTPro-Bd.otf") format("opentype");
}

/***************************************/
/*		Déclaration génériques 		   */ 
/***************************************/
body, html{
	height:100%; width:100%; border:0px; margin:0px; padding:0px; overflow:hidden; background-color:#333333;/*#BBBBBB;*/
	font-family: "myhelveticaneue", Arial, Helvetica, sans-serif;
}

div{ padding:0px; margin:0px; border:0px; outline: none; }
img{border:0px;}
a{ font-size:10px; }
a:link, a:visited, a:hover, a:active, a:focus { border:0px; }

.activeDisplay{ display:none;}

/*	Image de Background 	   	  
*************************************/	
.bkgphoto{ position:absolute; top:0px; left:0px; right:0px; width:1200px; margin:0px; padding:0px; border:0px; display:none; }
/* 	Conteneur 			 	   
*************************************/	
#divContener{ position:absolute; left:50%; width:1180px; top:0px; bottom:0px; height:100%; max-height:890px; margin-left:-590px; overflow:hidden; }
#fade{ overflow:hidden; position:absolute; width:100%; left:0px; right:0px; top:0px; height:885px;  }

/************************************/	
/*				BANDEAU		 	   	*/
/************************************/	
#bandeau{ position:absolute; z-index:10; width:100%; left:0px; right:0px; top:0px; height:200px; background:url(../images/bkgBlack.png) repeat left top;  }
#divLogo{ position:absolute; top:25px; left:30px; width:280px; height:135px; z-index:12; }

/*	Menu général - bloc	   				
*************************************/	
#menugene{ position:absolute; left:280px; right:5px; top:48px; bottom:0px; height:150px; z-index:15; }
#menugene .divBoxMenuSecondaire{ position:absolute; width:100%; left:0px; right:0px; top:0px; bottom:45px; z-index:16; }
#menugene .blocMenuSecondaire{ position:absolute; left:0px; width:100px; bottom:0px; height:100px; }
#menugene .divBoxMenuPrimaire{ position:absolute; left:0px; right:0px; height:45px; bottom:0px; z-index:16; }
#menugene .blocTitreMenu{ position:absolute; width:100%; left:0px; right:0px; bottom:0px; height:40px; }
#menugene .blocCurseur{
	position:absolute; width:100%; left:0px; right:0px; bottom:0px; height:18px; margin-bottom:3px;
	padding:0px; border:0px; background:url(../images/bluecursor.png) center bottom no-repeat; display:none;
}
/*	Menu général - Liens   			
*************************************/	
.linkMenu{
	position:absolute; left:0px; right:0px; top:0px; height:20px; display:none; z-index:20;
	cursor:pointer; text-align:center; border:0px; padding:0px; margin:0px; padding-top:3px;
} 

a.alinkMenu{
	font-family:"myhelveticaneue", Arial, Helvetica, sans-serif; font-weight:bold; outline: none;
	font-weight:100; font-size:12px; letter-spacing:1px; text-align:left; color:#FFFFFF; text-decoration:none; 
}
a.alinkMenu:link, a.alinkMenu:visited, a.alinkMenu:hover, a.alinkMenu:active, a.alinkMenu:focus { border:0px; color:#FFFFFF; outline: none; }
/*	Menu général - Sous menu   				*/	
.linkMenuSecondaire{
	position:absolute; left:0px; right:0px; bottom:0px; height:23px; line-height:23px; cursor:pointer; color:#FFFFFF; 
	text-align:left; border:0px; padding:0px; margin:0px; border-bottom:1px dotted #666666; display:none; outline: none;
}
a.alinksMenu{ font-family: "myhelveticaneuebold", Arial, Helvetica, sans-serif;  font-weight:bold; font-size:11px; text-align:center; color:#FFFFFF; outline: none; text-decoration:none;  }

a.alinksMenuSecondaire, a.alinkReturn{ 
	text-decoration:none; color:#FFFFFF;font-family:"myhelveticaneuelight", Arial, Helvetica, sans-serif; 
	font-weight:lighter; font-size:11px; outline: none; line-height:20px;
}
a.alinksMenuSecondaire:link, a.alinksMenuSecondaire:visited, a.alinksMenuSecondaire:hover, a.alinksMenuSecondaire:active, a.alinksMenuSecondaire:focus { border:0px; outline: none; }
a.alinksButtonMenu{ 
	text-decoration:none; color:#FFFFFF;font-family:"myhelveticaneuelight", Arial, Helvetica, sans-serif; 
	font-weight:lighter; font-size:11px; outline: none; line-height:20px;
}
a.alinksButtonMenu:link, a.alinksButtonMenu:visited, a.alinksButtonMenu:hover, a.alinksButtonMenu:active, a.alinksButtonMenu:focus { border:0px; outline: none; }


/****************************************/
/*		BLOC DETAIL	- PARTIE GAUCHE		*/
/****************************************/
#contentDetail{ position:absolute; top:200px; bottom:0px; left:0px; right:0px; }
#divBoxDetail{ position:absolute; top:35px; bottom:20px; left:120px; right:180px; padding:20px; }
.divBoxDetail{ position:absolute; top:35px; bottom:20px; left:120px; right:180px; padding:20px; display:none; }
#divBoxLeft{ position:absolute; left:10px; top:0px; width:160px;  bottom:30px; }
.divBoxLeftImg{ position:absolute; height:100%; left:0px; top:0px; width:400px; bottom:0px; 
	background:url(../images/clear.gif) repeat left top; text-align:center;
   opacity: 0; /* Santdard compliant browsers */
   -moz-opacity: 0; /*  Firefox and Mozilla browsers*/
   -webkit-opacity: 0; /*  WebKit browser e.g. Safari*/
   filter:alpha(opacity=0); /*  IE7 and below*/
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /* IE8 */
}

.divBoxLeftImgBkg {
	background:url(../images/clear.gif) repeat left top; text-align:center; 
   opacity: 0; /* Santdard compliant browsers */
   -moz-opacity: 0; /*  Firefox and Mozilla browsers*/
   -webkit-opacity: 0; /*  WebKit browser e.g. Safari*/
   filter:alpha(opacity=0); /*  IE7 and below*/
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /* IE8 */
}

#divBoxLeft ul{ padding:0px; margin:0px; border:0px; display:inline; width:100%; }
#divBoxLeft ul li { width:140px; height:30px; padding:5px; padding-left:13px; padding-top:12px; margin:0px; margin-bottom:10px;
	list-style-type:none; list-style-position:inside; vertical-align:middle; 
	background:url(../images/bkgBlack.png) repeat left top; display:none;
}
#divBoxLeft ul li a{ 
	font-family: "myhelveticaneuebold", Arial, Helvetica, sans-serif; font-weight:bold;
	font-weight:100; letter-spacing:1px; font-size:12px; text-align:center; color:#FFFFFF; text-decoration:none; outline: none; 
}
#divBoxLinkReturn {
	float:left; width:90%;  height:30px; padding-top:15px; padding-left:10%; background:url(../images/bkgWhilteTransp.png) repeat top left;
	letter-spacing:1px; display:none;
}
#divBoxLinkReturn a{
	color:#000000; font-family: "myhelveticaneue", Arial, Helvetica, sans-serif; 
	font-weight:normal; font-size:11px; text-decoration:none; outline: none;
}
#divBoxLinkCmd {
	float:left; width:90%;  height:30px; padding-top:15px; padding-left:10%; background:url(../images/bkgWhilteTransp.png) repeat top left;
	letter-spacing:1px; display:none;
}
#divBoxLinkCmd a{
	color:#000000; font-family: "myhelveticaneue", Arial, Helvetica, sans-serif; 
	font-weight:normal; font-size:11px; text-decoration:none; outline: none;
}
/****************************************/
/*		BLOC DETAIL	- PARTIE DROITE		*/
/****************************************/
#divBoxRight{ position:absolute; left:180px; top:0px; right:0px; bottom:30px; overflow:hidden; }
.divBoxRightTxt{ position:absolute; left:400px; top:0px; right:0px; bottom:30px; overflow:hidden; display:none; background-color:#FFFFFF; }
#divBoxRightContener { position:absolute; width:100%; height:100%; left:0px; right:0px; top:0px; bottom:0px; overflow:hidden; }
#divBoxRightContenerListe { position:absolute; width:100%; height:100%; left:0px; right:0px; top:0px; bottom:0px; overflow:hidden; }
.divBoxRightContener { position:absolute;  width:100%; height:100%; left:0px; right:0px; top:0px; bottom:0px; overflow:hidden; }
#divBoxRightPanelRight { position:absolute; left:40%; top:0px; right:0px; bottom:0px; margin:15px; }
#divBoxRightPanelLeft { position:absolute; left:0px; top:0px; right:60%; bottom:0px; margin:15px; }
/****************************************/
/*		GESTION DU SOUS MENU		   	*/
/****************************************/
.divBoxButtonWhite {
	position:absolute; top:0px; left:0px; right:0px; height:20px; padding:15px;
	background:url(../images/bkgWhilteTransp.png) repeat top left;  
	-moz-opacity:0; opacity: 0; filter:alpha(opacity=0); 
}
.divBoxButtonWhite a {
	color:#000000; text-decoration:none;  outline: none;
	font-family:"myhelveticaneuebold", Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px;
}
.subTitle {
	float:left; width:94%; margin-left:6%; color:#FFFFFF; margin-top:10px; 
	font-family:"myhelveticaneuebold", Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;
}

.divBoxDescription {
	float:left; width:100%; font-family:"myhelveticaneue", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px;
	margin-top:15px;
}
.legend { font-family:"myhelveticaneuelight", Arial, Helvetica, sans-serif; font-size:10px; font-weight:lighter; line-height:10px; }
.legendBig { font-family:"myhelveticaneue", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; }

.jscrollerScrollZone{ outline: none; }
.imgPanelLeft{}

/***************************************/
/*	  Gestion des actualites		   */
/***************************************/
.divBoxRightTop { position:absolute; top:0px; left:0px; right:0px; bottom:140px; overflow:hidden; }
.divBoxRightBottom { position:absolute; height:140px; bottom:0px; left:0px; right:0px; }
.divBoxRightLink{ float:left; width:100%; margin-top:10px; margin-bottom:8px; }

/*	  DETAIL		   					*/
/***************************************/
#divBoxRightBackground { position:absolute; left:0px; right:0px; top:0px; bottom:0px; background:url(../images/bkgWhilteTransp.png) repeat left top; -moz-opacity:0; opacity: 0; filter:alpha(opacity=0); }

/*	  Affichage des artistes		   */
/***************************************/
.titleBoxRightLite { font-family: "myhelveticaneuelight", Arial, Helvetica, sans-serif; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;
	font-weight:lighter; font-size:28px; color:#000000; }
.titleBoxRight { font-family: "myhelveticaneuebold", Arial, Helvetica, sans-serif; font-weight:bold; font-size:28px; color:#000000;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;
}

.titleArtRightLite { font-family: "myhelveticaneuelight", Arial, Helvetica, sans-serif; font-weight:lighter; font-size:18px; color:#000000;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;
}
.titleArtRight { font-family: "myhelveticaneuebold", Arial, Helvetica, sans-serif; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;
	font-weight:bold; font-size:18px; color:#000000; 
}

/*	Gestion des Blocs	*/
/*----------------------*/
#divBoxSubBloc{ position:absolute; top:80px; left:0px; right:0px; bottom:10px; padding:10px; }
#divBoxSubBlocRight{ position:absolute; top:80px; left:45%; right:0px; bottom:10px; padding:10px; padding-right:25px; }
#divBoxSubBlocLeft{ position:absolute; top:80px; left:0px; right:55%; bottom:10px; padding:10px; }
.divBoxSubBlocLeftImg{ float:left; width:80%; padding:5%; margin:5%; padding-top:2%; padding-bottom:2%; margin-top:2%; margin-bottom:2%; overflow:hidden; text-align:center; height:150px; }
.divBoxSubBlocLeftImg img{ width:98%; margin:1%; padding:0px; }
.divBoxSubBlocLeftLnk{ float:left; width:96%; margin-top:10px; padding:2%; }

.separ{ 
	float:left;
	width: 100%; height:1px; margin-top:4px; margin-bottom:4px; border-bottom:1px dotted #999999;
}

/*	  GESTION DES COMPOSANTS		   */
/***************************************/
.divBoxContentComposant{
	position:absolute; width:100%; top:0px; left:0px; right:0px;  bottom:15px; margin:0px;  
	background:url(../images/bkgWhilteTransp.png) repeat left top; display:none;
}

.listContener{ padding:1%; margin:2%; width:94%;  }
.listContener li{ list-style:none; line-height:20px; font-family:"myhelveticaneuelight", Arial, Helvetica, sans-serif; font-weight:lighter; font-size:12px; }
.listContener li a{ text-align:center; text-decoration:none; outline: none; line-height:18px; text-decoration:none; color:#000000; font-family:"myhelveticaneue", Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; }
.listContener li span{ text-align:left; line-height:18px; font-family:"myhelveticaneuelight", Arial, Helvetica, sans-serif; font-weight:lighter; font-size:12px; }

.divBoxTitleComposant{
	position:absolute; top:0px; left:0px; right:0px; height:80px; 
	background-color:#FFFFFF; text-align:right; padding-right:30px;  
	font-family:"myhelveticaneuebold", Arial, Helvetica, sans-serif; font-size:22px; line-height:80px; font-weight:bold; color:#000000;
}

.subTitleComposant{
	float:left; width:96%; height:20px; line-height:15px; padding:2%; margin-top:10px;
	font-family:"myhelveticaneuebold", Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px;
}
.linkComposant{
	height:30px; line-height:15px; font-weight:bold; outline: none;
	color:#000000; font-family:"myhelveticaneuebold", Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;
}
.linkComposantExt{
	height:30px; line-height:15px; font-weight:bold; outline: none;
	color:#000000; font-family:"myhelveticaneuebold", Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;
}
.linkComposantVideo{
	height:30px; line-height:15px; font-weight:bold; outline: none;
	color:#000000; font-family:"myhelveticaneuebold", Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;
}
.linkComposantFree{
	height:30px; line-height:15px; font-weight:bold; outline: none;
	color:#000000; font-family:"myhelveticaneuebold", Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;
}
.linkDocument{
	height:30px; line-height:15px; font-weight:normal; outline: none;
	color:#000000; font-family:"myhelveticaneue", Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;
}

a.linkDetaik {
	font-weight:normal; outline: none; font-size:11px; text-decoration:none;
	color:#4F787F; font-family:"myhelveticaneue", Arial, Helvetica, sans-serif;
}
.paragrapheComposant{
	font-family:"myhelveticaneue", Arial, Helvetica, sans-serif; font-size:12px; font-weight:lighter; color:#000000;
	margin:3px; padding:3px; text-align:justify;
}

.titleComposant{ font-size:13px; font-family:"myhelveticaneuebold", Arial, Helvetica, sans-serif; font-weight:bold; color:#4F787F; }
.plibelle{ font-size:11px; font-style:italic; font-family:"myhelveticaneuelight", Arial, Helvetica, sans-serif; font-weight:lighter; color:#4F787F; /* #304F54; */ }
.pIntro{ font-size:12px; font-style:italic; font-family:"myhelveticaneue", Arial, Helvetica, sans-serif; font-weight:normal; color:#000000; /* #304F54; */ }
.linkMailTo{ font-size:10px; font-style:italic; font-family:"myhelveticaneuebold", Arial, Helvetica, sans-serif; font-weight:bold; outline: none; color:#4F787F; text-decoration:underline; }
.tdlibelle{ font-size:11px; font-style:italic; font-family:"myhelveticaneuelight", Arial, Helvetica, sans-serif;  font-weight:lighter;  color:#000000; width:25%; }
.tdValue { font-size:11px; font-style:italic; font-family:"myhelveticaneuelight", Arial, Helvetica, sans-serif;  font-weight:lighter;  color:#000000; }
.divBoxCheckbox{ font-size:11px; font-style:italic; font-family:"myhelveticaneuelight", Arial, Helvetica, sans-serif;  font-weight:lighter;  color:#000000; }
.htmlText { font-family:"myhelveticaneue", Arial, Helvetica, sans-serif; }

.divImgPdf {
	float:left; font-size:12px; letter-spacing:1px;
	width:100%; height:40px; font-family:"myhelveticaneuebold", Arial, Helvetica, sans-serif; font-weight:bold;
	background:url(../images/logo_pdf_lite.jpg) center left no-repeat;
	padding-left:40px; padding-top:15px; vertical-align:middle; 
}

.divButtonSubmit {
/* background:url(../images/btnBlack.gif) top left no-repeat;  */
background-color:#7DBAC4;
color:#FFFFFF;
font-weight:bold; text-align:center; cursor:pointer;
width:120px; height:20px; margin-top:5px; margin-bottom:5px; padding-top:5px;
font-family:"myhelveticaneuebold", Arial, Helvetica, sans-serif; font-size:11px; line-height:11px; font-weight:bold;
}

.listeMembre{ text-align:left; width:90%; margin:5%; padding:0px; line-height:28px; }
.sousTitle{ float:left; font-size:11px;color:#4F787F; font-family:"myhelveticaneuebold", Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:1px; }

/***************************************/
/*	    GESTION PARTENAIRE   	   	   */
/***************************************/	
.linkExterne {
	font-family:"myhelveticaneuebold", Arial, Helvetica, sans-serif;font-weight:bold;
	font-size:12px; color:#4F787F;  text-decoration:none; line-height:25px;
}

/***************************************/
/*	    	GESTION NEWSLETTER 	   	   */
/***************************************/
#divBoxMsgErr{
	float:left; width:480px; height:25px;  margin-bottom:5px; color:#FF0000; 
	font-family:"myhelveticaneuelight", Arial, Helvetica, sans-serif; font-weight:lighter; font-size:10px; line-height:10px;
}

/***************************************/
/*	    	GESTION COLLECTION 	   	   */
/***************************************/	
.divBoxLetter{
	display:inline; width:21px; height:25px; margin:2px; text-align:center; float:left; padding-top:9px; cursor:pointer;
	font-family:"myhelveticaneuebold", Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;
}

.divArtiste{
	float:left; width:96%; padding:1%; margin-right:3%; color:#7DBAC4;
	font-family:"myhelveticaneuebold", Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; cursor:pointer;
}

.divArtisteFull{
	float:left; width:96%; padding:1%; margin-right:3%; font-weight:lighter;
	font-family: "myhelveticaneuelight", Arial, Helvetica, sans-serif; font-size:12px; cursor:pointer;
}
.divMedium, .divAnnee{
	float:left; width:190px; padding:4px; margin-right:6px; font-weight:bold;
	font-family:"myhelveticaneuebold", Arial, Helvetica, sans-serif; font-size:12px; cursor:pointer;
}
.divBoxBlueTitle{
	float:left; width:150px; height:25px; background-color:#7DBAC4; color:#000000;
	font-family:"myhelveticaneuebold", Arial, Helvetica, sans-serif; letter-spacing:1px; font-weight:bold; font-size:13px; letter-spacing:-0.5px;
	padding-left:10px; padding-right:10px; padding-top:10px;
}

.divBoxBlueButton{
	position:absolute; height:22px; background-color:#7DBAC4; color:#000000; 
	font-family:"myhelveticaneuebold", Arial, Helvetica, sans-serif; letter-spacing:1px; text-align:center;
 	padding-top:5px; font-weight:bold; font-size:12px; cursor:pointer;
}

.bkgBlackTransp{ background:url(../images/bkgBlack.png) repeat left top; }
#divBlocBkgResult{ background:url(../images/bkgBlack.png) repeat left top; }

/***************************************/
/*	    	GESTION EXPOSITIONS 	   */
/***************************************/	
.divBoxYear{
	display:inline; height:35px; margin:2px; text-align:center; float:left; padding-top:9px; cursor:pointer;
	font-family:"myhelveticaneue", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; width:50px;
}

.divBoxYearSelect{
	display:inline; width:21px; height:23px; margin:2px; text-align:center; float:left; padding-top:9px; cursor:pointer;
	font-family:"myhelveticaneue", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px;
	width:50px; background:url(../images/cursor-black.png) no-repeat center bottom;
}

.divBoxArtExpo{ float:left; width:98%; padding-left:2%; padding-top:2%; font-weight:normal; font-family:"myhelveticaneue", Arial, Helvetica, sans-serif; font-size:16px; }
.divBoxArtExpoMutli{ float:left; width:98%; padding-left:2%; padding-top:2%;  font-weight:normal; font-family:"myhelveticaneue", Arial, Helvetica, sans-serif; font-size:12px; }
.divBoxDateExpo{
	float:left;  width:96%; padding:2%; padding-top:3px; padding-bottom:3px;  font-family:"myhelveticaneue", Arial, Helvetica, sans-serif; 
	font-size:13px; color:#333333; font-weight:normal;
}
.divBoxLineExpo{ float:left; width:100%; height:5px; margin-top:5px; margin-bottom:5px;  border-bottom:1px solid #666666; }

/***************************************/
/*	    GESTION VISITE VIRTUELLE   	   */
/***************************************/
.whiteLib{ font-family:"myhelveticaneue", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#FFFFFF; }
.linkPlan{ font-family:"myhelveticaneue", Arial, Helvetica, sans-serif; font-weight:normal; font-size:10px; color:#666666; }


.divBoxRightTop {
	position:absolute; left:0px; right:0px;  top:0px; margin:10px; margin-right:30px; bottom:110px;
}
.divBoxRightBottom{
	position:absolute; left:0px; right:0px; bottom:0px; margin:10px; height:110px;
}