body { background: #284c98 left top; color: #ffffff;  font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; margin: 0px; }

#top-header { width: 100%; height: 100px; background: url("../gif/logo.jpg") no-repeat #FFFFFF; }
#top-header-titre { border: #fff 0px solid; width: 590px; padding: 43px 10px 5px 250px; text-align:left; font-size: 16pt; color:#58585A; font-weight: bold;  }

td.ground { background: url(../gif/ground.gif) no-repeat; }

img { border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px; }

.img1 { border-color : #F7EB01; border-top-width: 1px; border-left-width: 1px; border-bottom-width: 1px; border-right-width: 1px; float: left; margin :0px 10px 10px 10px; }


.description_produit { text-align: justify; }
.ss_famille { color:#FFFFFF; font-weight:bold; background-color: #3672B6; padding: 5px 3px 5px 3px; }
.liste_produit {  border: solid 1px #3672B6; font-weight:bold; background-color: #EDF4FA; padding: 5px 3px 5px 3px; }
.produit { color: #3672B6; background-color: #EDF4FA; }

a.produit:link { color: #3672B6; font-weight: bold; text-decoration: none; font-size: 11px; font-family: verdana, arial, helvetica; } 
a.produit:visited { color: #3672B6; font-weight: bold; text-decoration: none; font-size: 11px; font-family: verdana, arial, helvetica; } 
a.produit:active { color: #3672B6; font-weight: bold; text-decoration: none; font-size: 11px; font-family: verdana, arial, helvetica; } 
a.produit:hover { color: #3672B6; font-weight: bold; text-decoration: underline; font-size: 11px; font-family: verdana, arial, helvetica; } 

a.menu:link { color: #F7EB01; font-weight: normal; text-decoration: none; font-size: 11px; font-family: verdana, arial, helvetica; }
a.menu:visited { color: #F7EB01; font-weight: normal; text-decoration: none; font-size: 11px; font-family: verdana, arial, helvetica; }
a.menu:active { color: #F7EB01; font-weight: normal; text-decoration: none; font-size: 11px; font-family: verdana, arial, helvetica; }
a.menu:hover { color: #F7EB01; font-weight: normal; text-decoration: underline; font-size: 11px; font-family: verdana, arial, helvetica; }


a.grid_product_linkbutton:link  	{ color: #000000; font-weight:bold; }
a.grid_product_linkbutton:visited  	{ color: #000000; font-weight:bold; }
a.grid_product_linkbutton:active  	{ color: #000000; font-weight:bold; }
a.grid_product_linkbutton:hover 	{ color: #FFFFFF; font-weight:bold;}
.grid_product_pager a:link		{ color: #000000; font-weight: bold; }
.grid_product_pager a:hover		{ color: #000000; font-weight: bold; }
.grid_product_pager a:visited	{ color: #000000; font-weight: bold; }


a:link { font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: none; font-family: verdana, arial, helvetica; }
a:visited { font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: none; font-family: verdana, arial, helvetica; }
a:hover { font-size: 11px; color: #F7EB01; text-decoration: none; font-family: verdana, arial, helvetica; }
a:active { font-size: 11px; color: #ffffff; text-decoration: none; font-family: verdana, arial, helvetica; }

div { font-size: 12px; padding: 0px; margin:0px;}

p.menu { padding : 10px; margin:0px; }
p.spacer { padding : 0px; margin:0px; }

.box { width: 160px; padding: 0px; border: #F7EB01 1px solid; background-color: #5296D7;  }
.box2 { width: 150px; padding: 0px; border: #F7EB01 1px solid; background-color: #5296D7; margin: 5px 10px; }

.yellow2 { font-weight: bold; height:15px; width: 150px; background-color: #F7EB01; padding: 5px 0px 5px 0px; color : #284c98; }
.z_inbox2 { width: 150px; padding: 0px; border: #fff 0px solid; background-color: #5296D7;  }

.recrut { width: 150px; padding: 5px 0px 5px 0px; border: #fff 0px solid; background-color: #3672B6; font-family: verdana, arial, helvetica; }
.extranet { width: 150px; padding: 5px 0px 5px 0px; border: #fff 0px solid; background-color: #3672B6; font-family: verdana, arial, helvetica; }
.copy { width: 140px; padding: 5px; border: #fff 0px solid; background-color: #284c98; }

#lang { width: 160px; padding: 0px ; text-align:center }

.yellow { font-weight: bold; width: 160px; background-color: #F7EB01; padding: 0px; color : #284c98; }
.z_inbox { width: 160px; padding: 0px; border: #fff 0px solid; background-color: #5296D7;  }

#content { padding: 5px 10px 10px 10px; text-align:justify; }
#visuel { float: left; margin :10px }
#titre { border: #fff 0px solid; width: 590px; padding: 5px 10px 5px 10px; text-align:left; font-size: 16pt; color:#F7EB01; font-weight: bold;  }
.title { font-size: 13px; color : #F7EB01; font-weight: bold; }
.research { font-size: 13px; color : #FFFFFF; font-weight: bold; }
.title_activite { font-family:Arial,sans-serif; font-size: 16pt; color : #F7EB01; font-weight: bold; }
.choix_activite { font-family:Arial,sans-serif; font-size: 10pt; color : #F7EB01; font-weight: bold; }

.posrelative { position: relative; }

#conteneur { overflow: hidden; width: 250px; clip: rect(0px 250px 200px 0px); position: absolute; left: 5px; top: 62px; }

.DropDownList {border : solid 1px #000000;font-weight:bold;  font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; color:#F7EB01;background:#284C98}
.DropDownForm {width: 03px;overflow: auto; height: 200px; border: 1px solid #000; background: #ff0; z-index: 0; position: relative;}

.jaune { font-family: Arial, Helvetica, sans-serif;	font-size: 16px; font-weight: bold;	color: #F7EB01; }
.jaune1 { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; font-weight: bold;	color: #F7EB01; }
.blanc { font-family: Arial, Helvetica, sans-serif;	font-size: 12px; color: #FFFFFF; }
.noir {	font-family: Arial, Helvetica, sans-serif; font-size: 14px;	font-weight: bold; color: #000000; }

.grid_product 		{ width: 500px; text-align: center; color: #000000; font-weight: bold; font-size: 12px; }
.grid_product_header 	{ background-color: #F7EB01; text-align: center; color: #000000;  }
.grid_product_footer 	{ background-color: #F7EB01; text-align: center; color: #000000;  }
.grid_product_pager 	{ background-color: #F7EB01; text-align: center; color: #000000; height: 25px; }


.grid_product_alteritem 	{ background-color: #EEF3FB; text-align: center; color: #000000; height: 17px; }
.grid_product_item 			{ background-color: #EEF3FB; text-align: center; color: #000000; height: 17px;  }
.grid_product_hoveritem 	{ background-color: #B1E1F5; text-align: center; color: #000000; height: 17px; }

.grid_ticket 				{ width: 500px; text-align: center; color: #000000; font-weight: bold; font-size: 12px; }
.grid_ticket_header 		{ background-color: #F7EB01; text-align: center; color: #000000;  }
.grid_ticket_footer 		{ background-color: #F7EB01; text-align: center; color: #000000;  }
.grid_ticket_pager 			{ background-color: #F7EB01; text-align: center; color: #000000; }
.grid_ticket_alteritem 		{ background-color: #EEF3FB; text-align: center; color: #000000;; }
.grid_ticket_item 			{ background-color: #EEF3FB; text-align: center; color: #000000; }
.grid_ticket_hoveritem 		{ background-color: #B1E1F5; text-align: center; color: #000000; }
.grid_ticket_button			{ border: solid #000000 1px; font-weight: bold; }

.frm_field					{ color: #FFFFFF; font-weight: bold; text-align:left;}
.frm_value					{ color: #FFFFFF; font-weight: bold; text-align:left;}
.frm_input					{ border: solid #000000 1px; text-align:left; font-size: 11px; }
.frm_button					{ border: solid #000000 1px; font-weight: bold; }

.error						{ color: #FF0000; font-weight: bold;}