/**
 * @file styles.css
 * @desc Document CSS utilisé par le template par défaut pour le header et le footer des interfaces clients Noziris
 * 
 * @author 
 * @date 
 * @update 06 Mars 2007 (ajout d'une zone scrollable dynamique pour le référencement)
 *
 *
 * @version 0.1 
 */



/**
 * @note : 
 *		- définition des balises : 
 *		body{} -> rédéfinis les balises existantes
 *		#conteneur{} -> <div id="conteneur"></div> un id unique par balises div
 *		.footer{} -> <div class="footer"></div> plusieurs balises peuvent utiliser la même classe
 *
 */
 
 
 
/***********************************************/
/* 	rédéfinition des balises existantes		   */
/***********************************************/


body{ 
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF; /* blanc */
	background-color:#000000;/* noir */
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
}

/*leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\*/

/***********************************************/
/* 			balises personnalisée			   */
/***********************************************/






/***********************************************/
/* 			zone scrollable dynamique		   */
/***********************************************/

.referencement{
	width: 1000px; /* défini la taille de la zone scrollable */
	height: 700px;
	
	text-align:left; /* aligne le texte à gauche */
	overflow: auto; /* cette propri? va permettre le scroll de ce bloc */
	color:#CCCCCC;
}


.titresociete{
	color:#999999;
	
	text-decoration:underline;
	
	font-weight:bold;
	font-size:18px;
}



/***********************************************/
/* 			balises site HTML référencement    */
/***********************************************/

#contenairOption{
	width:98%;
	float:left;
	/*border:#0033ff 1px solid;*/
}


.msgJavascript{
	width:70%;
	border:#990000 2px solid;
	color:#CCCCCC;
	
	text-align:center;
	
	padding:10px;
	margin-top:20px;
	margin-bottom:10px;
}

.areaOption{
	width:32%;
	float:left;
	
	color:#FFFFFF;
	border:#990000 1px solid;
	
	margin-top:30px;
	margin-left:6%;
	margin-right:6%;
	
	background-color:#990000;
}


.titleOption{
	width:96%;
	float:left;
	
	border:#990000 1px solid;
	
	text-align:center;
	font-size:16px;
	font-weight:bold;
	
	color:#FFFFCC;
}

.titleIco{
	width:13%;
	float:left;
	text-align:left;
}

.titleTxt{
	width:80%;
	float:left;
	text-align:center;
	padding:5px;
}


.contentOption{
	width:96%;
	float:left;
	
	border:#000000 1px solid;
	padding:5px;
	background-color:#000000;
}


/***********************************************/
/* caractéristiques des balises de magasin.php */
/***********************************************/

#flashcontent{

	height:100%;
	Width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	position:relative;
	top:0;
	left:0;
}



/*********************************************/
/* caractéristiques des balises de liens <a> */
/*********************************************/




.calque{
  opacity:.80;
  color: #FFFFFF;
  position: absolute;
 /* display : none;*/
 	visibility: hidden;
  padding: 0px;
  padding-bottom:0px;
  font-family: Courrier;
  align: center;
  font-size: 8pt;
  background-color: #000000;
  opacity : .75;
  filter : alpha(opacity=75);
  width: 100%;
  height : 100%;
  top : 0;
  left : 0 ;
  
z-index: 1000;
}

.image_calque{
	height: 100%;
}

.window{
  color: #FFFFFF;
  position: absolute;
  /*display : none;*/
  visibility: hidden;
  padding: 0px;
  font-family: Courrier;
  align: center;
  font-size: 8pt;
  background-color: #FFFFFF;
  width: 800px !important;
  height:450px !important;
  width: 815px ;
	height : 465px ;
	
	
  top : 15%;
  left : 25% ;
  
	overflow:hidden;
	z-index:2000;

}

.contemp_window{
  width: 100%;
  height : 100%;
  border : 0;
  overflow:hidden;
  /* display : none;*/
 	visibility: hidden;
}