body 
{
	 background-color: #808080;
	 margin-top: 0px;
	 background-image: url(/Graphics/static/sitepublic/img_fond_degradevertical.jpg);
	 background-repeat:repeat-x;
}

/*Div du haut de la page*/
.div_haut_general 
{
	width: 888px;
	height: 65px;
	margin-right: auto;
	margin-left: auto;
}

/*Div du haut gauche (logo)*/
/*Cette div est contenue dans la div div_haut_general */
.div_haut_gauche
{
	width: 316px;
	height: 65px;
	float: left;
}

/*Div du haut droite*/
/* Cette div est contenue dans la div div_haut_general */
.div_haut_droite
{
	width: 572px;
	height: 65px;
	float: right;
	background-image: url(/Graphics/static/sitepublic/img_fond_haut_droite.jpg);
}


/* Div du menu du site (situé en haut de la page, sous le logo) */
.div_menu_general 
{
	width: 889px;
	height: 49px;
	margin-right: auto;
	margin-left: auto;
}

/* Div du contenu général de la page
Remarque : le min-height sert ici à garantir que la hauteur minimale du contenu de la page
puisse couvrir la zone de dégradé du fond de la page afin que le pied de page soit toujours
affiché sur un fond n'ayant plus de dégradé
Cela permet d'afficher l'image img_fond_pied_page_coordonnees qui a un contour gris sur un fond
ayant le même gris
 */
.div_contenu_general 
{
	width: 889px;
	height: auto;
	min-height: 300px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/Graphics/static/sitepublic/img_fond_contenu.jpg);
	background-repeat:repeat-y;
}

/* Div du pied de page contenant les coordonnées*/
.div_pied_page_coordonnees 
{
	width: 889px;
	height: 56px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/Graphics/static/sitepublic/img_fond_pied_page_coordonnees.jpg);
	background-repeat:no-repeat;
	padding-top:5px;
	text-align:center;
	background-repeat:no-repeat;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:	13px;
	font-weight: bold;
	color: White; 
	line-height:20px; 
	
}

/* Div du pied de page contenant la description de la societe */
.div_pied_page_description_societe
{
	width: 889px; 
	height: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
}

/*
Définitions relatives aux différentes polices du site
*/
.FONTSMALL	
{	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:	9px;
}	

.FONTSMALLBOLD
{	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:	9px;
	font-weight: bold;
}	

.FONTSMALL2
{	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
}	

.FONTSMALL2BOLD
{	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	font-weight: bold;
}	

.FONTSMALL3
{	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:	12px;
}	

.FONTSMALL3BOLD
{	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:	12px;
	font-weight: bold;
}	

.FONTNORMAL
{	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:	14px;
}	

.FONTNORMALITALIC
{	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:	14px;
	font-style: italic;
}	

.FONTNORMALBOLD
{	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:	14px; 
	font-weight: bold;
}	

.FONTMESSAGEAVERTISSEMENTNORMAL
{	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:	14px; 
	font-weight: bold;
	color:red;
}	

.FONTMEDIUM
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:	16px;
	font-weight:normal;
}
.FONTMEDIUMBOLD
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:	16px;
	font-weight: bold;
}

.FONTBIG	
{	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:	18px;
	font-weight: bold;
}	

.FONTBIG2	
{	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:	22px;
	font-weight: bold;
}	

.FONTNORMAL_BULLEBIG
{	
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:	12px;
}	

.FONTSMALL_BULLEBIG	
{	
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:	9px;
}	

.FONTBIG_BULLEBIG
{	
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:	14px;
	font-weight: bold;
}	

.textboxinterface
{	
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color : Black;
	font-size : 12px;
}	

.checkboxinterface
{	
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color : Black;
	font-size : 12px;
}	

.radiobuttonlistinterface
{	
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color : Black;
	font-size : 12px;
}	

.dropdownlistinterface
{	
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color : Black;
	font-size : 12px;
}	

/* Div correspondantes aux titres des pages contenu */
.div_titre_page_contenu
{
	width: auto;
	height: 160px;
	margin-left:1px;
}

/* Div correspondantes au texte effectif de la page Index */
.div_texteeffectif_page_index
{
	width: auto;
	height: auto;
	margin-left: 1px;
	margin-bottom: 1px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	padding-top:0px;
}

/* Div correspondantes au texte effectif des pages contenu */
.div_texteeffectif_page_contenu
{
	width: auto;
	height: auto;
	margin-left: 1px;
	margin-bottom: 1px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:0px;
}

/* Div correspondante à la barre outils de liens pouvant être affichée en haut d'une page contenu*/
.div_barreoutilslienshaut_page_contenu
{
	width: auto;
	height: auto;
	text-align:right;
	padding-right:15px;
	padding-top:10px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:	11px;
	color: #999786;
}

/*Div utilisée pour le formulaire de contact*/
.div_formulaire_contact 
{
	width: 800px;
	height: 600px;
	background-position:center;
	padding-top:90px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/Graphics/static/sitepublic/img_fond_formulaire_contact.jpg);
	background-repeat:no-repeat;
}

/*Div utilisée pour le formulaire de demande d'ouverture de compte*/
.div_formulaire_demandeouverturecompte
{
	width: 800px;
	height: 620px;
	background-position:center;
	padding-top:80px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/Graphics/static/sitepublic/img_fond_formulaire_demandeouverturecompte.jpg);
	background-repeat:no-repeat;
}

/* Div correspondantes au texte du contenu des bulles */
.div_texteeffectif_bulle
{
	width: auto;
	height: auto;
	margin-left: 10px;
	margin-right: 10px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:	12px;
	color: white;
}


/* Définitions relatives aux hyper liens du site */
A:link	
{	
	text-decoration: underline;
	color:	#000000;
}	

A:visited 
{	
	text-decoration: underline;
	color:	#000000;
}	
		
A:active 
{	
	text-decoration: none;
	color:	#000000;
}	
		
A:hover	
{	
	text-decoration: underline;
	font-weight: bold;
	color:	#000000;
}

/*
Définitions relatives aux hyper liens barres d'outils figurant en haut de page
Remarque : 
 - Cette CSS est appliqué à des controles images et des controles label
   les lignes :
     vertical-align:middle;
     display:inline-block;
   permettent de centrer verticalement les labels avec les images
 */
.lien_barreoutils_haut_page:link
{	
	text-decoration: none;
	color: black;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:	9px;
	font-weight: normal;
	vertical-align:middle;
	display:inline-block;
}	

.lien_barreoutils_haut_page:visited 
{	
	text-decoration: none;
	color: black;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:	9px;
	font-weight: normal;
	vertical-align:middle;
	display:inline-block;
}	
		
.lien_barreoutils_haut_page:active 
{	
	text-decoration: none;
	color: black;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:	9px;
	font-weight: normal;
	vertical-align:middle;
	display:inline-block;
}	
	
.lien_barreoutils_haut_page:hover	
{	
	text-decoration: none;
	color: black;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:	9px;
	font-weight: normal;
	text-decoration: underline;
	vertical-align:middle;
	display:inline-block;
}

/* Définitions relatives aux hyper liens du site figurant dans le
pied de page des coordonnées de la société */
.lien_pied_page_coordonnees:link
{	
	text-decoration: none;
	color: white;
}	

.lien_pied_page_coordonnees:visited 
{	
	text-decoration: none;
	color: white;
}	
		
.lien_pied_page_coordonnees:active 
{	
	text-decoration: none;
	color: white;
}	
		
.lien_pied_page_coordonnees:hover	
{	
	text-decoration: underline;
	color: white;
}

/* Définitions relatives aux hyper liens figurant dans
contenu des bulles du site */
.lien_texteeffectif_bulle:link
{	
	text-decoration: underline;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:	12px;
	color: white;
}	

.lien_texteeffectif_bulle:visited 
{	
	text-decoration: underline;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:	12px;
	color: white;
}	
		
.lien_texteeffectif_bulle:active 
{	
	text-decoration: underline;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:	12px;
	color: white;
}	
	
.lien_texteeffectif_bulle:hover	
{	
	text-decoration: underline;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:	12px;
	color: white;
}

/* Définitions relatives aux hyper liens figurant dans
contenu des bulles big du site */
.lien_texteeffectif_bullebig:link
{	
	text-decoration: underline;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:	10px;
	color: white;
}	

.lien_texteeffectif_bullebig:visited 
{	
	text-decoration: underline;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
}	
		
.lien_texteeffectif_bullebig:active 
{	
	text-decoration: underline;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:	10px;
	color: white;
}	
	
.lien_texteeffectif_bullebig:hover	
{	
	text-decoration: underline;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:	10px;
	color: white;
}

/*
 Div correspondant à élément de type "actualité portail"
 Cette div est utilisé par les repeater affichant les éléments de ce type
*/
.div_actualiteportail
{
	width: 835px;
	height: auto;
	min-height: 40px;
	margin-right: auto;
	margin-left: auto;
	background-image:url(/Graphics/static/sitepublic/img_bullebig_actualites_contenu.png);
	background-repeat:repeat-y;
	overflow: hidden;
	padding-right:20px;
	padding-left : 14px;
	padding-top: 5px;
	margin-left: 10px;
	color: white;
}

/*
Div correspondant à élément de type "actualité"
Cette div est utilisé par les repeater affichant ces élements
Remarque : l'image de fond de cette div est la même que celle du fond des pages web
*/
.div_actualite
{
	width: 837px;
	height:auto;
    background-image: url(/Graphics/static/sitepublic/img_fond_degradevertical.jpg);
	background-repeat:repeat-x;
	height:auto;
	min-height : 40px;
	padding-right:20px;
	padding-left : 10px;
	padding-top: 10px;
	padding-bottom : 10px;
}

/*
Style de l'image 1 d'une actualité
affiché dans la page actualitedetail
*/
.img_actualitedetail_image1
{
	width: 270px;
	height: auto;
	margin-left: 3px;
	margin-right: 3px;
}

/*
Style de l'image 2 d'une actualité
affiché dans la page actualitedetail
*/
.img_actualitedetail_image2
{
	width: 828px;
	height: auto;
	margin-left: 3px;
	margin-right: 3px;
}

/*
Style de l'image 3 d'une actualité
affiché dans la page actualitedetail
*/
.img_actualitedetail_image3
{
	width: 828px;
	height: auto;
	margin-left: 3px;
	margin-right: 3px;
}

/*
Div correspondant à élément de type "liendivers"
Cette div est utilisé par les repeater affichant ces élements
*/
.div_liendivers
{
	width: 838px;
	height:auto;
	min-height : 40px;
	padding-right:10px;
	padding-left : 10px;
	padding-top: 10px;
	padding-bottom : 10px;
}

/*
Div correspondant à élément de type "article"
Cette div est utilisé par les repeater affichant ces élements
Remarque : l'image de fond de cette div est la même que celle du fond des pages web
*/
.div_article
{
	width: 837px;
	height:auto;
    background-image: url(/Graphics/static/sitepublic/img_fond_degradevertical.jpg);
	background-repeat:repeat-x;
	min-height : 40px;
	padding-right:20px;
	padding-left : 10px;
	padding-top: 10px;
	padding-bottom : 10px;
}

/* Div correspondantes au titre de la zone d'acceuil des critères de recherche dans le catalogue */
.div_catalogue_recherche_zoneaccueilcriteresrecherche_titre
{
	width: 759px;
	height: 41px;
	text-align: right;
	margin-left: auto;
    margin-right: auto;
	background-image:url(/Graphics/static/sitepublic/img_zonerecherche_catalogue_titre.png);
	background-repeat:repeat-y;
}


/* Div correspondantes au contenu de la zone d'acceuil des critères de recherche dans le catalogue */
.div_catalogue_recherche_zoneaccueilcriteresrecherche_contenu
{
	width: 759px;
	height: auto;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	background-image:url(/Graphics/static/sitepublic/img_zonerecherche_catalogue_contenu.png);
	background-repeat:repeat-y;
}

/*
Zone d'acceuil des critères des informations sur le résultat de la recherche
*/
.div_catalogue_recherche_messageinfosresultatrecherche
{
	width : 710px;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
	padding : 20px;
	margin-top : 0px;
	font-size:	8px;
	color : Black;
}

/*
Style des label affichés dans ces élements de recherche
*/
.label_catalogue_recherche
{	
	font-family: Verdana, Helvetica, sans-serif;
	font-size:	12px;
	color : Black;
	font-weight : normal;
}	

/*
Style des éléments du modal popupextender de saisie quantité article panier de la page wfCatalogue
*/
.modalpopupextender_catalogue_fenetresaisiequantitearticlepanier_background 
{
 background-color:Gray;
 filter:alpha(opacity=70);
 opacity:0.7;
}

.modalpopupextender_catalogue_fenetresaisiequantitearticlepanier
{
 border-width:2px;
 border-style:solid;
 border-color:Gray;
 background-image: url(/Graphics/static/sitepublic/img_fond_degradevertical.jpg);
 padding:5px;
 width:400px;
}

.modalpopupextender_catalogue_fenetresaisiequantitearticlepanier_title
{
	width: auto;
	height: auto;
	margin-left:1px;
}

.modalpopupextender_catalogue_fenetresaisiequantitearticlepanier_div_infosarticle
{
 background-image: url(/Graphics/static/sitepublic/img_fond_degradevertical.jpg);
 padding : 20px;
}

.modalpopupextender_catalogue_fenetresaisiequantitearticlepanier_div_infosarticle
{
 background-image: url(/Graphics/static/sitepublic/img_fond_degradevertical.jpg);
}

/* Div correspondantes au titre de la zone de fond de formulaire de login*/
.div_fond_formulaire_login_titre
{
	width: 524px;
	height: 43px;
	text-align: right;
	margin-left: auto;
    margin-right: auto;
	background-image:url(/Graphics/static/sitepublic/img_fond_formulaire_login_titre.png);
	background-repeat:repeat-y;
}

/* Div correspondantes au contenu de la zone de fond de formulaire de login*/
.div_fond_formulaire_login_contenu
{
	width: 524px;
	height: auto;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	background-image:url(/Graphics/static/sitepublic/img_fond_formulaire_login_contenu.png);
	background-repeat:repeat-y;
}

/* Div correspondantes aux adresses pouvant être affichés dans les listes d'adresses */
.div_bulle_adresse_titre
{
	width: 400px;
	min-height: 22px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url(/Graphics/static/sitepublic/img_bulle_adresse_titre.png);
	background-repeat: no-repeat;
}

.div_bulle_adresse_contenu
{
	width: 360px;
	height: auto;
	min-height: 75px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url(/Graphics/static/sitepublic/img_bulle_adresse_contenu.png);
	background-repeat: repeat-y;
	overflow: hidden;
}

.div_bulle_adresse_pied
{
	width: 400px;
	min-height: 28px;
	background-image: url(/Graphics/static/sitepublic/img_bulle_adresse_pied.png);
	background-repeat: no-repeat;
}


/* Div correspondantes au titre de la zone de fond du formulaire de saisie d'une adresse */
.div_fond_formulaire_adresse_titre
{
	width: 850px;
	min-height: 41px;
	margin-left: 8px;
	background-image: url(/Graphics/static/sitepublic/img_fond_formulaire_adresse_titre.png);
	background-repeat: no-repeat;
}

/* Div correspondantes au contenu de la zone de fond de formulaire de saisie d'une adresse */
.div_fond_formulaire_adresse_contenu
{
	width: 850px;
	height: auto;
	min-height: 75px;
	margin-left: 8px;
	background-image: url(/Graphics/static/sitepublic/img_fond_formulaire_adresse_contenu.png);
	background-repeat: repeat-y;
	overflow: hidden;
}

/* Div correspondantes au pied de la zone de fond de formulaire de saisie d'une adresse */
.div_fond_formulaire_adresse_pied
{
	width: 850px;
	min-height: 41px;
	margin-left: 8px;
	background-image: url(/Graphics/static/sitepublic/img_fond_formulaire_adresse_pied.png);
	background-repeat: no-repeat;
}

/*
Div correspondant à élément de menu de la page de gestion du compte client
Cette div est utilisé par la page wfClientMonCompte.aspx
Remarque : l'image de fond de cette div est la même que celle du fond des pages web
*/
.div_clientmoncompte_menu
{
	width: 637px;
	height:auto;
    background-image: url(/Graphics/static/sitepublic/img_fond_degradevertical.jpg);
	background-repeat:repeat-x;
	height:auto;
	min-height : 40px;
	padding-right:100px;
	padding-left : 10px;
	padding-top: 10px;
	padding-bottom : 10px;
	float:left;	
	margin-left:100px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:	12px;
}

/*
Div correspondant à élément de menu de la page des infos générales du compte client
Cette div est utilisé par la page wfClientInfosGenerales.aspx
Remarque : l'image de fond de cette div est la même que celle du fond des pages web
*/
.div_clientinfosgenerales_menu
{
	width: 90%; 
	background-image: url(/Graphics/static/sitepublic/img_fond_degradevertical.jpg);
	background-repeat:repeat-x;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid grey;
	clear: both;
	overflow: hidden;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:	14px;
	vertical-align : middle;
}

/*
Définitions relatives aux menu de navigation bas
*/
#navcontainer_baspage ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#navcontainer_baspage ul li { display: inline; }

#navcontainer_baspage ul li a
{
	text-decoration: none;
	padding: 3px;
	color: #000000; 
	text-decoration:underline;
	
}

#navcontainer_baspage ul li a:hover
{
	color: #000000;
}