/************************************/
/*            COMMON                */
/************************************/

/* Couleur de fond du site  */
body{
	background-color: 	white;
	margin:				0px;
	padding:			0px;
}

img{
	border: 0px;
}

input, select, textarea{
	font-size:			11px;
}

form{
	margin: 0px;
	padding: 0px;
}

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

/* Utilisé pour le texte "Display" sur la page Google Map   */
.bStd{
	font-size:		12px;
	font-family: 	Arial, Helvetica;
	color:			black;		
}

.bSmall{		
	font-size:		10px;
	font-family: 	Arial, Helvetica;
	color:			gray;		
}

.bStrong{
	font-size:		12px;
	font-family: 	Arial, Helvetica;
	color:			black;
	font-weight:	bold;
}
/* Titre de page pouvant apparaître sous le bandeau du menu notamment sur la page gérant les erreurs de navigation  */
.bTitle{
	width:			1250px;
	text-align:		center;
	font-size:		32px;
	font-family: 	Arial, Helvetica;
	font-weight:	bold;
	color:			#b04c01;
	border:			solid 0px red;
	margin:			auto;	
}

/* Texte divers notamment sur page historical   */
.bContent{
	width:			1245px;	
	text-align:		left;
	font-size:		12px;
	font-family: 	Arial, Helvetica;
	color:			black;	
	padding-top:	10px;
	margin-left:	-11px;
}

/* Bloc des infos CSV sur page event */
.bCsvFrame {
    border:     1px solid #b04c01;
    padding:    0px;
    overflow-y: auto;
    overflow-x: none;
    width:      600px;
    height:     135px;
}
/* Mise en forme du texte appelée depuis la fonction hxConvertCSVToHTML */
.bCsv{	
	text-align:		center;
	font-size:		10px;
	font-family: 	Arial, Helvetica;
	color:			black;	
	padding-top:	0px;
}

/* Info (x10sec) sur page event graph */
.bX10sGraph{	
	font-size:		10px;
	font-family: 	Arial, Helvetica;
	color:			black;	
	padding-top:	0px;
}

/* Non identifié !  */
.bContent a{
	font-size:			12px;
	color:				#AE4E00;
	text-decoration: 	underline;
	font-weight:		bold;

}

/* Non identifié !  */
.bContent a:hover{
	font-size:			12px;
	color:				#D69D62;
	text-decoration: 	none;
}

/* Entête de paragraphe sur la page Historical (ailleurs?)  */
.bContent p.strong{
	color:			#B04C01; /* #0F6EF0 */
	font-weight:	bold;
	text-align:		justify;
	margin-left:	20px;
	margin-right:	20px;
}
.bContent p.stronglink{
	color:			#FF4002;
	font-weight:	bold;
	text-align:		justify;
	margin-left:	20px;
	margin-right:	20px;
}
/* Non identifié !  */
.bContent .strong{
	color:			#0F6EF0;
	font-weight:	bold;
}

/* Texte de la colonne de gauche sur la page historical entre autres  */
.bContent .bLeft{
	display:	    block;
	float:		    left;
	width:		    435px;
	text-align:     justify;
	margin-left:    30px;
}

/* Texte de la colonne de droite sur la page historical entre autres  */
.bContent .bRight{
	display:	block;
	float:		right;
	width:			435px;	
	text-align:		justify;	
	margin-right: 30px;
}

.bComments{		
	font-size:		   10px;
	font-family: 	   Arial, Helvetica;
	color:			   black;
    background-color:  #ffef80;
    padding:           3px;
    vertical-align:    middle;		
}

.bCommentsStrong{
	font-size:		   11px;
	font-family: 	   Arial, Helvetica;
	color:			   black;
	font-weight:	   bold;
	background-color:  #ffef80;
	padding:           3px;
	vertical-align:    middle;
}

/************************************/
/*            FOOTER                */
/************************************/

/* Adresse IAV en bas de page */
.bFooter{
	width:			900px;
	text-align:		center;
	font-size:		10px;
	font-family: 	Arial, Helvetica;
	color:			#000000;
	padding-top:	10px;
}

/* Info ISAW Networked.. + SWISS DESIGN... */
.bFooter .strong{
	font-size:		11px;
	color:	        #b04c01;
	font-weight:	bold;
}
/* Lien Portal... */
.bFooter a{
	font-size:			11px;
	color:				#b04c01;
	text-decoration: 	none;

}
/* Lien survolé */
.bFooter a:hover{
	font-size:			11px;
	color:				#fa740f;
	text-decoration: 	none;
}


/************************************/
/*             GRID                 */
/************************************/

/* Définition du cadre autour de la liste des stations : directement
   dans contents/en/data_meteo_stations.php                         */
/* Texte du haut du tableau des stations dans data_meteo_stations   */
.bGridToolbar{
	background-color:   white;
	font-size:			10px;
	color:				black;
	text-decoration: 	none;	
	text-align:			center;	
}

/* Entête des colonnes du tableau des stations dans data_meteo_stations  */
.bGridHead{
	font-size:			11px;
	color:				#b04c01;
	text-decoration: 	none;
	/*background: 		#014B9A url("../images/grid/head.png") top left repeat-x;*/
	background: 		#fee100;
	height:				45px;
	text-align:			center;
	font-weight:		bold;		
}
.bGridHeadOver{
	font-size:			11px;
	color:				#b04c01;
	text-decoration: 	none;
	/*background: 		#014B9A url("../images/grid/head.png") top left repeat-x;*/
	background: 		#ffef80;
	height:				45px;
	text-align:			center;
	font-weight:		bold;		
}

/* Lignes paires des tableaux */
.bGridRow0{
	background-color:   white;
	font-size:			10px;
	color:				black;
	text-decoration: 	none;
	text-align:			center;
	height:				30px;
}
/* Lignes impaires des tableaux */
.bGridRow1{
	background-color:   #f7f3d2;
	font-size:			10px;
	color:				black;
	text-decoration: 	none;	
	text-align:			center;
	height:				30px;
}

/* Ligne survolée dans les tableaux */
.bGridRowSelPointer{
	background-color:   #f0ebaa;
	font-size:			10px;
	color:				black;
	text-decoration: 	none;	
	text-align:			center;		
	height:				30px;	
	cursor:				pointer;
}

/* Ligne sélectionnée dans les tableaux */
.bGridRowSel{
	background-color:   #f0ebaa;
	font-size:			10px;
	color:				black;
	text-decoration: 	none;	
	text-align:			center;		
	height:				30px;		
}

/*** Case du tableau des stations ***/
/* Lignes paires */
.bStationsGridRow0{
	background-color:   #f0ebaa;
	font-size:			12px;
	color:				black;
	text-decoration: 	none;
	text-align:			center;
	height:				35px;
}
/* Lignes impaires */
.bStationsGridRow1{
	background-color:   #f0ebaa;
	font-size:			12px;
	color:				black;
	text-decoration: 	none;	
	text-align:			center;
	height:				35px;
}

/* Ligne survolée */
.bStationsGridRowSelPointer{
	background-color:   #ffef80;/*#fee100;*/
	font-size:			12px;
	color:				black;
	text-decoration: 	none;	
	text-align:			center;		
	height:				35px;	
	cursor:				pointer;
}

/* Ligne sélectionnée */
.bStationsGridRowSel{
	background-color:   #ffef80;/*#fee100;*/
	font-size:			12px;
	color:				black;
	text-decoration: 	none;	
	text-align:			center;		
	height:				35px;
}

/************************************/
/*             LABEL                */
/************************************/

/* Texte de titre de la page contact    */
.bLabel{
	font-size:			12px;
	color:				black;
	text-decoration: 	none;
	font-weight:		normal;	
}

/* Non identifié, non modifié)    */
.bItem{
	font-size:			12px;
	color:				black;
	text-decoration: 	none;
	font-weight:		bold;
}

/* Indications des champs du formulaire (pas forcément blue!)   */
.bBlueItem{
	font-size:			12px;
	color:				#b04c01;
	text-decoration: 	none;
	font-weight:		bold;
}

/* Non identifié, non modifié)    */
.bSmallLabel{
	font-size:			10px;
	color:				black;
	text-decoration: 	none;
	font-weight:		normal;
}

/* Non identifié, non modifié)    */
.bSmallItem{
	font-size:			10px;
	color:				black;
	text-decoration: 	none;
	font-weight:		bold;
}


/************************************/
/*    BOX : rôle non identifié	    */
/************************************/

/* Appelé dans tools.js > showbox   */
.boxBack{
	position: 			absolute;
	margin:				0;
	left: 				0px;
	top: 				0px;
	width:				100%;
	height:				200%;
	background-image:	url(../images/box/back.gif);
	/*text-align:			center;*/
}

/* Appelé dans tools.js > showbox   */
.boxBody{
	position: 			absolute;
	font-family:		arial, verdana, sans-serif;
	font-size: 			12px;
	border:				solid 2px black;
	background-color: 	white;
	text-align:			center;
	 border-radius: 	10px;
	-moz-border-radius: 10px;
	padding:			10px;
}

/* Appelé dans tools.js > showbox   */
.boxBtn{
	position: 			absolute;	
	width:				32px;
	height:				32px;	
	cursor:				pointer;
}

/************************************/
/*           GMAP LABEL				*/
/************************************/

/* Non identifié    */
.glabel{
	/*background-color:   #FFFFFF;*/
	text-align:			left;
	line-height:		18px;
	height : 			18px;
	font-size:			11px;
	font-weight:		bold;	
	border: 			1px solid black;
	padding: 			2px;
	white-space: 		nowrap;
	background: 		#FFFFFF url("../images/commons/cmark.png") bottom left no-repeat;
}

/************************************/
/*           PAGE EVENT      		*/
/************************************/

/*.bSmallEvent{		
	font-size:		  12px;
	font-family: 	  Arial, Helvetica;
	color:			  black;
    background-color: #ffef80;
    height:           16px;
}

.bSmallEventOver{		
	font-size:		  12px;
	font-family: 	  Arial, Helvetica;
	color:			  black;
    background-color: #ffb701;
    height:           16px;
    cursor:			  pointer;
}*/

.bSmallNextEvent{		
	font-size:		  12px;
	font-family: 	  Arial, Helvetica;
	font-weight:      bold;
	color:			  white;
    background-image: url(../images/commons/next_event_off.jpg);
    height:           16px;
}

.bSmallNextEventOver{		
	font-size:		  12px;
	font-family: 	  Arial, Helvetica;
	font-weight:      bold;
	color:			  black;
    background-image: url(../images/commons/next_event_on.jpg);
    height:           16px;
    cursor:			  pointer;
}

.bSmallPrevEvent{		
	font-size:		  12px;
	font-family: 	  Arial, Helvetica;
	font-weight:      bold;
	color:			  white;
    background-image: url(../images/commons/prev_event_off.jpg);
    height:           16px;
}

.bSmallPrevEventOver{		
	font-size:		  12px;
	font-family: 	  Arial, Helvetica;
	font-weight:      bold;
	color:			  black;
    background-image: url(../images/commons/prev_event_on.jpg);
    height:           16px;
    cursor:			  pointer;
}

/****************************************/
/* GALLERY (reste aux couleurs ISAW?)   */
/****************************************/

/* Définition du cadre autour de la liste des photos, sur la gauche
   de l'écran directement dans templates/gallery.php                    */

/* Cadre autour des photos non sélectionnées dans la galerie portfolio  */
.img_base{
	border: solid 1px #b04c01;/*014B9A;*/
}

/* Cadre autour de l'image sélectionnée */
.img_selected{
	border: solid 1px #b04c01;
}

/* Bouton previous de la galerie    */
.gallery_prev{
	display: block;
	width: 32px;
	height: 21px;
	background: #ffb701 url("../images/gallery/prev.jpg") top left repeat-x;
	line-height: 21px;
}

/* Bouton previous survolé de la galerie    */
a.gallery_prev:hover{
	background: #fee100 url("../images/gallery/hprev.jpg") top left repeat-x;
}

/* Bouton suivant   */
.gallery_next{
	display: block;
	width: 32px;
	height: 21px;
	background: #ffb701 url("../images/gallery/next.jpg") top left repeat-x;
	line-height: 21px;
}

/* Bouton suivant survolé   */
a.gallery_next:hover{
	background: #fee100 url("../images/gallery/hnext.jpg") top left repeat-x;
}

/* Bouton autostart */
.gallery_btn{
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	display: block;
	width: 248px;
	height: 21px;
	text-decoration:none;	
	text-align:center;
	font-weight:bold;
	color: white;	
	width: 125px;
	height: 21px;	
	background: #ffb701 url("../images/gallery/btn.jpg") top left repeat-x;
	line-height: 21px;
	cursor: pointer;
}

/* Bouton autostart survolé */
a.gallery_btn:hover{
	background: #fee100 url("../images/gallery/hbtn.jpg") top left repeat-x;
}

/************************************/
/*           ARFANGMAP				*/
/************************************/

/* Bar d'outils */
.arfangmap_toolbar{	
	font-family: 		Arial, Helvetica;
	background: 		transparent url("../images/arfangmap/toolbar.png") top left repeat-x;		
	height: 			16px;	
	/*border: 			solid 1px red;	*/
}

/* Bar d'outils : Zone de titre */
.arfangmap_toolbar_title{	
	float:				left;		
	font-size:			11px;	
	padding: 			1px;	
	font-weight: 		bold;	
	margin-left:		5px;
}

/* Bar d'outils : Zone de level */
.arfangmap_toolbar_level{	
	float:				right;		
	font-size:			11px;	
	padding: 			1px;	
	/*font-weight: 		bold;			*/
}

/* Bar d'outils : Bouton */
img.arfangmap_toolbar_btn{	
	float: 				right;
	margin: 			1px;	
	padding: 			1px;	
	border: 			solid 1px transparent;
	cursor: 			pointer;
}

/* Bar d'outils : Bouton  survolé */
img.arfangmap_toolbar_btn:hover{
	border: 			solid 1px gray;
}

/* Bar d'outils : Separateur de bouton */
img.arfangmap_toolbar_sep{	
	float: 				right;
	margin: 			1px;	
	padding: 			1px;		
}

/* Selection / pointer */
.arfangmap_selection{
	border:				solid 0px blue;
	display: 			block; 
	position: 			absolute;
	background-color: 	#FD4F50;
	z-index: 			100;
	height:				30px;
	width:				30px;
	background: 		transparent url("../images/arfangmap/pointer.png") top left repeat-x;			
	opacity : 			0.5;
    -moz-opacity : 		0.5;
    -ms-filter: 		"alpha(opacity=30)"; /* IE 8 */
    filter :			alpha(opacity=30); /* IE < 8 */ 
	
}

/* Bar d'etat */
.arfangmap_statusbar{	
	font-family: 		Arial, Helvetica;
	font-size:			10px;
	background: 		transparent url("../images/arfangmap/statusbar.png") top left repeat-x;		
	height: 			12px;	
	line-height:		12px;
	/*border: 			solid 1px red;	*/
}

a.arfangmap_big_btn{	
	font-family: 		Arial, Helvetica;
	font-size:			12px;
	font-weight:		bold;
	text-decoration:	none;
	line-height:		14px;
	height:				14px;
	margin:				2px;
	padding: 			2px;
	padding-left:		8px;	
	padding-right:		8px;	
	border: 			solid 1px transparent;			
	cursor: 			pointer;
	z-index: 			100;
	background-color: 	lightgray;
	float: 				right;
	color:				yellow;
	opacity : 			0.95;
    -moz-opacity : 		0.95;
    -ms-filter: 		"alpha(opacity=95)"; /* IE 8 */
    filter :			alpha(opacity=95); /* IE < 8 */ 
}


a.arfangmap_big_btn:hover{
	border: 			solid 1px yellow;
	color:				yellow;
}


a.arfangmap_big_btn_off{	
	font-family: 		Arial, Helvetica;
	font-size:			12px;
	font-weight:		bold;
	text-decoration:	none;
	line-height:		14px;
	height:				14px;
	margin:				2px;
	padding: 			2px;
	padding-left:		8px;	
	padding-right:		8px;	
	border: 			solid 1px transparent;	
	cursor: 			pointer;		
	z-index: 			100;
	background-color: 	lightgray;
	float: 				right;
	color:				white;
	opacity : 			0.95;
    -moz-opacity : 		0.95;
    -ms-filter: 		"alpha(opacity=95)"; /* IE 8 */
    filter :			alpha(opacity=95); /* IE < 8 */ 
}

a.arfangmap_big_btn_off:hover{
	border: 			solid 1px yellow;
	color:				white;
}

a.arfangmap_big_btn_disabled{	
	font-family: 		Arial, Helvetica;
	font-size:			12px;
	font-weight:		bold;
	text-decoration:	none;
	line-height:		14px;
	height:				14px;
	margin:				2px;
	padding: 			2px;
	padding-left:		8px;	
	padding-right:		8px;	
	border: 			solid 1px transparent;			
	z-index: 			100;
	background-color: 	lightgray;
	float: 				right;
	color:				gray;
	opacity : 			0.95;
    -moz-opacity : 		0.95;
    -ms-filter: 		"alpha(opacity=95)"; /* IE 8 */
    filter :			alpha(opacity=95); /* IE < 8 */ 
}

a.arfangmap_big_btn_disabled:hover{
	border: 			solid 0px gray;
	color:				gray;
}