/***************************************************
*                W E B M A S T E R                 *
*                                                  *
*    FEUILLE DE STYLE QUI DEFINIT LES ELEMENTS     *
*  RECURENTS DU SITE (Couleurs, Polices, Liens...) *
***************************************************/


/***************************************************
POLICES DU SITE
***************************************************/

body, html { font-family:Verdana,Tahoma,Arial,sans-serif; font-size:12px; color:#666666;}

.Heading, .Box, .section, #NavMenu, #glossaire, #NavHeader, #rechercheAvancee, #NavFooter, #SideTools, #CheminFer { font-family:Verdana,Tahoma,Arial,sans-serif; }

#HeaderContent { background:#f1f1f1;}

/***************************************************
TITRES
***************************************************/

/* Premier espace après les titres d'entrée de pages */
#FirstTitle { margin-bottom:30px; }

/* Titres d'entrées de Page (H3?) */
.Heading { padding:6px 10px 6px 0px; position:relative; display:block; margin:0; color:#800000; border-bottom:1px solid; font-size:20px; font-weight:normal; }
.Heading SPAN { position:relative; display:block;   }

/* Titres des publications */
.PubliContent h4 { font-size:1em;}

/* Titres de Sections */
div.section { margin:15px 0 30px 0; }
div.section.first { margin:0 0 30px 0; }
.section SPAN { font-size:19px; color:#FF7300; border-bottom:1px solid #FFFFFF; white-space:nowrap; position:relative; padding:0 10px 0 0; margin-bottom:-1px; }
.section, .section A { background:#FFFFFF; font-size:19px; color:#FF7300; padding:0; text-decoration:none; border-bottom:1px solid #FF7300; }
.section:hover, .section A:hover { color:#666666; }


/***************************************************
BARRE DE MENU HAUT + MENUS
***************************************************/

#NavBarreContent { background:#FF6600;}
#NavBarreContent a { color:#FFFFFF;}
#NavBarreMenu1 A.BarreMenu { color:#FFFFFF; background:#FF6600;}
#NavBarreContent li:hover { background:#FFFFFF; color:#FF6600;font-weight:bold;}
#NavBarreContent a:hover { background:#FFFFFF; color:#FF6600;font-weight:bold;}

/***************************************************
MENU VERTICAL
***************************************************/
#NavMenu { background:#f1f1f1;}

/*niveau 1*/
#NavMenu ul span { background:#FF6600;}
#NavMenu ul a { border-top:1px solid #FFFFFF; color:#FFFFFF;}
#NavMenu li a:hover span { background:#FFFFFF; color:#FF6600;}

/*niveau 2*/
#NavMenu li li span { color:#999999; background:#FFFFFF;}
#NavMenu li li a { background:#FFFFFF;}
#NavMenu li li a:hover span { background:#999999; color:#FFFFFF;}

/***************************************************
PAGE CENTRALE
***************************************************/
#Content {background:#ff7200;}
#Content A { color:#666666;}

/***************************************************
FOOTER
***************************************************/
#Footer {background:#f1f1f1;color:#666666;}

/***************************************************
COLONNE GAUCHE side1 ET DROITE side2
***************************************************/
div#Side1 {background:#f1f1f1;}
div#Side2 {background:#f1f1f1;}

/***************************************************
FORMULAIRES
***************************************************/
#Content fieldset { border-top:1px solid #999999; padding:10px 0 10px 0;}

#Content label.formcli {
	display: block;
	float: left;
	width: 30%;
	text-align: right;
	margin: 0 1em 0 0;
	padding: 0.1em;
/*	border-bottom: 1px solid #999999;*/
}

#Content legend {font-size:1.2em; margin:10px 0 10px 0; font-weight:bold; color: #999999;}

.alerte {color:#FF0000;}
.txtbarre {text-decoration: line-through;}
.txtaligndroite {text-align:right;}


/***************************************************
LIENS
***************************************************/

/* Chemin de fer et liens du footer */
#Content .CheminFer A, #NavFooter A { color:#000000; }

/* Liens du bandeau vert */
UL#NavHeader LI SPAN { font-weight:bold; }

/***************************************************
ELEMENTS DES COLONNES : SIDE 1 / SIDE 2
***************************************************/

/* Personnalisation : Commun à TOUTES les boîtes */

.Box { clear:both; width:199px; margin-bottom:5px; padding:0; background:#CCCCCC; }
.BoxTitleStockAlerte {font-weight:bold; padding:3px 4px 4px 12px; color:#FF0000; background:#FF6600; text-transform:uppercase; text-align:center;}
.BoxTitleStock {font-weight:bold; padding:3px 4px 4px 12px; color:#00FF00; background:#FFFFFF; text-transform:uppercase; text-align:center;}
.BoxTitle {font-weight:bold; padding:3px 4px 4px 12px; color:#FFFFFF; background:#FF6600; text-transform:uppercase; text-align:center;}
.BoxBody { padding:5px 8px 1px 8px; margin-bottom:-1px; color:#666666; }
.BoxBody P { margin:0; padding:0; }
.BoxBody ul { color:#454545; margin:0; padding:0; }
.BoxBody li { padding-left:10px; }
.BoxBody a { position:relative; color:#666666; text-decoration:none; }
.BoxBody a:hover { color:#666666; }
.BoxBody .gras { font-weight:bold; }
.BoxBottom { display:block; height:8px; clear:both; padding:0; margin:0; font-size:1px;  }

.Bannieres {text-align:center;margin:20px 0;}
/* Personnalisation : boîte Connexion */

#ConnexionBox .BoxTitle { display:block; background:#999999; }
#ConnexionBox .BoxBody { background:#f1f1f1; color:#000000; padding-bottom:10px; }
#ConnexionBox .BoxBody A { color:#000000; font-weight:bold; text-decoration:underline; display:block; padding-top:10px; }
#ConnexionBox .BoxBody A:hover { color:#666666; }
#ConnexionBox .BoxSeparator { border-bottom:1px solid #9FBA3F; height:8px; font-size:1px; margin-bottom:8px; }

/* Spécifique au formulaire de la boîte */
#ConnexionBox legend { display:none; } 
#ConnexionBox fieldset { border:none; padding:0; margin:0; } 
#ConnexionBox #Champs { float:left; clear:both; width:120px; }
#ConnexionBox #SubmitButton { position:relative; float:left; margin-top:35px; padding:0; }
#ConnexionBox #Lien1 { margin-top:5px; padding:0; padding-left:12px;}
#ConnexionBox input { width:100px; border:1px solid #999999; margin-bottom:5px; padding:1px; float:left; }
#ConnexionBox label { display:block; clear:both; }

/* Personnalisation : boîte Contact */

#ContactBox .BoxTitle { background:#FF6600; color:#FFFFFF; text-transform:uppercase; }
#ContactBox .BoxBody { background:#f1f1f1; color:#000000; }
#ContactBox .BoxBody A { color:#000000; font-weight:bold; text-decoration:underline; display:block; padding-top:10px; }
#ContactBox .BoxBody A:hover { color:#666666; }
#ContactBox .BoxBottom { background:#f1f1f1; }
#ContactBox .BoxSeparator { border-bottom:1px solid #FF6600; height:8px; font-size:1px; margin-bottom:8px; }

/* Personnalisation : 3 boîtes de liens */

#seeAlsoBox .BoxTitle { background:#FF9626; padding-left:26px; }
#onlineServiceBox .BoxTitle { background:#FF9626; padding-left:26px; }
#externalServiceBox .BoxTitle { background:#FF9626; padding-left:26px; }

/* Personnalisation : boîtes type paneaux */

#Box1 .BoxTitle, #Box2 .BoxTitle, #Box3 .BoxTitle, #Box4 .BoxTitle, #Box5 .BoxTitle, #Box6 .BoxTitle { background:#339EBE; }
.Box#Box1, .Box#Box2, .Box#Box3, .Box#Box4, .Box#Box5, .Box#Box6 { background:#D2FFF3; }
.Box#Box1 A, .Box#Box2 A, .Box#Box3 A, .Box#Box4 A, .Box#Box5 A, .Box#Box6 A { color:#22AA99; font-weight:bold; }

/* Personnalisation : boîte centrale */

#BoxCentrale { width:100%; margin:0; }
#BoxCentrale .BoxTitle { background:#FF6600; }
.Box#BoxCentrale { background:#CCCCCC; display:block; }
#BoxCentrale .BoxBody A { line-height:15px; display:block; padding:0 0 1px 12px; vertical-align:top; }
#BoxCentrale .BoxBody UL { list-style:none; vertical-align:top; padding:2px 0 1px 0; position:relative; }
#BoxCentrale .BoxBody LI { background:none; vertical-align:top; padding:2px 0 1px 0; position:relative; }
#BoxCentrale .BoxBody IMG { vertical-align:middle; display:inline; }

/* Boite à outils de droite : Envoyer / Imprimer */

#SideTools { margin:20px 0 0 8px; }
#SideTools UL LI { margin:0 auto 0 auto; height:22px; padding-left:25px; padding-top:2px;  }
#SideTools #OutilEnvoyer { background:url(http://www.splashnetwork.com/fw/templates/xhtml_web2/images/bt_envoyer_page.gif) 2px 0 no-repeat; }
#SideTools #OutilImprimer { background:url(http://www.splashnetwork.com/fw/templates/xhtml_web2/images/bt_print.gif) 2px 0 no-repeat; }
#SideTools #OutilAjouter { background:url(http://www.splashnetwork.com/fw/templates/xhtml_web2/images/bt_ajouterfav.gif) 2px 0 no-repeat; }
#SideTools UL LI A { color:#000000; text-decoration:none; }

/***************************************************
ELEMENTS COLONNE CENTRALE
***************************************************/
/*.Portlet, .Portlet.First { background:#000000;}*/


/***************************************************
CALQUES ZOOM
***************************************************/

div#panoBox1Message { background:#FFFFFF; border:1px solid #FF9626; }
div#panoBox1Message div.fermer { background:#FF9626; }

/***************************************************
PHOTOTHEQUE Styles 
***************************************************/
	#gallery {
		padding: 5px;
		width: 700px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid ;
		border-width: 5px 5px 20px;
    width:100px;
    height:75px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }