﻿/* CSS Document */
/*   

   29 juillet 
   Remplacement de la tailles des éléments pour une unité variable au lieu de fixe.
     8 px  --> 0.5em
     9 px  --> 0.57em
     10px  --> 0.63em
     11px  --> 0.69em
     12px  --> 0.75em
     13px  --> 0.82em
     14px  --> 0.88em
     15px  --> 0.94em
     16px  --> 1em
     18px  --> 1.13em
*/    
p, ul { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.69em; 
	color: #000000;
}

.form {
	width: 115px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.57em; /* 9px */
	height: 16px; 
	border: 1px solid #ABB3AB;
}
.textMenuGauche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.63em; 
	color: #666666;
}
.text9pxGris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.57em; /* 9px */
	color: #999999;
}
.text11pxNoir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.69em; 
	color: #000000;
}
.FormRech {
	margin:0;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.BoiteRech {
	padding-top: 0.5em; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em; 
	height: 1.13em; 	
}
.BoutonRech {
	padding-bottom: 0px;
	padding-top: 0.63em; 
	padding-right: 0px;
	padding-left: 0px;
}
.espaceParagraphe {
	padding-bottom: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
}
.indent15px {
	padding-bottom: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 15px;
	margin: 0px;
}
.indent30px {
	padding-bottom: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 30px;
	margin: 0px;
}.lignePointille {
	background-image: url("/images/filet_point.gif");
	background-repeat: repeat-y;
	background-color: #0058AA;
}
.indent25px {
	padding-bottom: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 25px;
	margin: 0px;
}
.text9pxCyan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.63em; 
	color: #0098E2;
}

/*Index.html --> Style*/
a.lienMenuBas:link {
	color: #666666;
	text-decoration: none;
}
a.lienMenuBas:visited {
	color: #666666;
	text-decoration: none;
}
a.lienMenuBas:hover {
	color: #ABB3AB;
	text-decoration: none;
}

a.lienMenuCarte:link {
	color:  #000000;
	text-decoration: none;
}
a.lienMenuCarte:visited {
	color: #000000;
	text-decoration: none;
}
a.lienMenuCarte:hover {
	color: #ABB3AB;
	text-decoration: none;
}

a:link {
	color: #0058aa;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #ABB3AB;
	text-decoration: none;
}

.sousTitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #0058AA;
	font-weight: bold;
}



/*  style accueil  */
.bkgd_ac {
	background-image: url("/images/accueil2.jpg");
	background-repeat: no-repeat;
} 

.bkgd_ss {
		background-repeat: no-repeat;
} 


/*section produits --> Style*/
.bkgd_pr { BACKGROUND-IMAGE: url(/img_produits/organisation2.jpg); BACKGROUND-REPEAT: no-repeat }
.bkgd_pr_dossiers { BACKGROUND-IMAGE: url(/img_produits/dossiereleves2.jpg); BACKGROUND-REPEAT: no-repeat }
.bkgd_pr_finance { BACKGROUND-IMAGE: url(/img_produits/finance2.jpg); BACKGROUND-REPEAT: no-repeat }
.bkgd_pr_gestion { BACKGROUND-IMAGE: url(/img_produits/gestion2.jpg); BACKGROUND-REPEAT: no-repeat }
.bkgd_pr_outils { BACKGROUND-IMAGE: url(/img_produits/outils2.jpg); BACKGROUND-REPEAT: no-repeat }
.bkgd_pr_remuneration { BACKGROUND-IMAGE: url(/img_produits/remuneration2.jpg); BACKGROUND-REPEAT: no-repeat }
.bkgd_pr_ressources { BACKGROUND-IMAGE: url(/img_produits/ressources2.jpg); BACKGROUND-REPEAT: no-repeat }
.bkgd_pr_transport { BACKGROUND-IMAGE: url(/img_produits/transport2.jpg); BACKGROUND-REPEAT: no-repeat }
.bkgd_pr_dossiers_ss { BACKGROUND-IMAGE: url(/img_produits/soussection2_prod.jpg); BACKGROUND-REPEAT: no-repeat }
A.lienMenuGauche_pr:link { COLOR: #0058aa; TEXT-DECORATION: none }
A.lienMenuGauche_pr:visited { COLOR: #0058aa; TEXT-DECORATION: none }
A.lienMenuGauche_pr:hover { COLOR: #0058aa; TEXT-DECORATION: bold }
A.lienMenuBas_pr:link { COLOR: #abb3ab; TEXT-DECORATION: none }
A.lienMenuBas_pr:visited { COLOR: #abb3ab; TEXT-DECORATION: none }
A.lienMenuBas_pr:hover { COLOR: #666666; TEXT-DECORATION: none }

.filArianeActif_pr { FONT-SIZE: 0.57em; COLOR: #0058aa; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.sousTitre_pr { FONT-WEIGHT: bold; FONT-SIZE: 0.75em;  COLOR: #0058aa; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.sousTitre2_pr { FONT-WEIGHT: bold; FONT-SIZE: 0.95em;  COLOR: #0058aa; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.titreMenu_pr { FONT-WEIGHT: bold;  COLOR: #0058aa; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }

/*section societe --> Style*/
A.lienMenuGauche_so:link { COLOR: #666666; TEXT-DECORATION: none }
A.lienMenuGauche_so:visited { COLOR: #666666; TEXT-DECORATION: none }
A.lienMenuGauche_so:hover { COLOR: #437f00; TEXT-DECORATION: none }
A.lienMenuBas_so:link { COLOR: #abb3ab; TEXT-DECORATION: none }
A.lienMenuBas_so:visited { COLOR: #abb3ab; TEXT-DECORATION: none }
A.lienMenuBas_so:hover { COLOR: #666666; TEXT-DECORATION: none }
.sousTitre_so { COLOR: #437f00; FONT-WEIGHT: bold; FONT-SIZE: 0.75em;   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.titreMenu_so { COLOR: #437f00; FONT-WEIGHT: bold;   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
A.titreMenu_so:link { COLOR: #437f00; TEXT-DECORATION: none }
A.titreMenu_so:visited { COLOR: #437f00; TEXT-DECORATION: none }
A.titreMenu_so:hover { COLOR: #666666; TEXT-DECORATION: none }



.bkgd_so { BACKGROUND-IMAGE: url(/img_societe/societe2.jpg); BACKGROUND-REPEAT: no-repeat }
.filArianeActif_so { FONT-SIZE: 0.57em;  COLOR: #437f00; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }


/*section presse--> Style*/
A.lienMenuGauche_pr:link { COLOR: #666666; TEXT-DECORATION: none }
A.lienMenuGauche_pr:visited { COLOR: #666666; TEXT-DECORATION: none }
A.lienMenuGauche_pr:hover { COLOR: #0058aa; TEXT-DECORATION: none }
A.lienMenuBas_pr:link { COLOR: #abb3ab; TEXT-DECORATION: none }
A.lienMenuBas_pr:visited { COLOR: #abb3ab; TEXT-DECORATION: none }
A.lienMenuBas_pr:hover { COLOR: #666666; TEXT-DECORATION: none }
.sousTitre_presse { COLOR: #0058aa; FONT-WEIGHT: bold; FONT-SIZE: 0.75em;   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.titreMenu_presse { COLOR: #0058aa; FONT-WEIGHT: bold;   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.bkgd_presse { BACKGROUND-IMAGE: url(/img_presse/sallepresse2.jpg); BACKGROUND-REPEAT: no-repeat }
.filArianeActif_pr { COLOR: #0058aa; FONT-SIZE: 0.57em;  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }

/*section services --> Style*/
A.lienMenuGauche_se:link { COLOR: #666666; TEXT-DECORATION: none }
A.lienMenuGauche_se:visited { COLOR: #666666; TEXT-DECORATION: none }
A.lienMenuGauche_se:hover { COLOR: #792686; TEXT-DECORATION: none }
A.lienMenuBas_se:link { COLOR: #abb3ab; TEXT-DECORATION: none }
A.lienMenuBas_se:visited { COLOR: #abb3ab; TEXT-DECORATION: none }
A.lienMenuBas_se:hover { COLOR: #666666; TEXT-DECORATION: none }
.sousTitre_se { FONT-WEIGHT: bold; FONT-SIZE: 0.75em;  COLOR: #792686; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.titreMenu_se { FONT-WEIGHT: bold;  COLOR: #792686; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.bkgd_se { BACKGROUND-IMAGE: url(/img_services/services2.jpg); BACKGROUND-REPEAT: no-repeat }
.filArianeActif_se { FONT-SIZE: 0.57em;  COLOR: #437f00; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }

/*section sondages --> Style*/
.sousTitre_sd { FONT-WEIGHT: bold; FONT-SIZE: 0.82em;  COLOR: #0058aa; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.titre_sd { FONT-WEIGHT: bold; FONT-SIZE: 0.88em; COLOR: #0058aa; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }

/******
.bkgd, image à changer dépendamment de la section
.filArianeActif,a.lienMenuGauche:hover,.sousTitre, a:link, .titreMenu
couleur à changer dépendamment  de la section
societe = 437F00
produits = 0058AA
services = 792686
presse = 792686
*******/
.bordureLeft_pr {
	border-left-width: 1px;
	border-top-style: Aucune;
	border-right-style: Aucune;
	border-bottom-style: Aucune;
	border-left-style: solid;
	border-left-color: #0058AA;
}

.bordureRight_pr{
	border-right-width: 1px;
	border-top-style: Aucune;
	border-right-style:solid;
	border-right-color: #0058AA;
	border-bottom-style: Aucune;
	border-left-style: Aucune;
}

.bordureLeft_se {
	border-left-width: 1px;
	border-top-style: Aucune;
	border-right-style: Aucune;
	border-bottom-style: Aucune;
	border-left-style: solid;
	border-left-color: #792686;
}

.bordureRight_se{
	border-right-width: 1px;
	border-top-style: Aucune;
	border-right-style:solid;
	border-right-color: #792686;
	border-bottom-style: Aucune;
	border-left-style: Aucune;
}

.bordureLeft_so {
	border-left-width: 1px;
	border-top-style: Aucune;
	border-right-style: Aucune;
	border-bottom-style: Aucune;
	border-left-style: solid;
	border-left-color: #437F00;
}

.bordureRight_so{
	border-right-width: 1px;
	border-top-style: Aucune;
	border-right-style:solid;
	border-right-color: #437F00;
	border-bottom-style: Aucune;
	border-left-style: Aucune;
}
.RechSousTitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.69em; 
	color: #0058AA;
	font-weight: bold;
}
.Rech {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.69em; 
	color: #0058AA;
}
.RechSection {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.63em; 
	color: #000000;
}
