/************************************************************************************************/ /******************* DEBUT DE FEUILLE DE STYLE : FRONTOFFICE *************************/ /************************************************************************************************/ /************************************************************************************************/ /* PARAMETRES GENERAUUX */ /************************************************************************************************/ body {background-color: #FFFFFF; font-family: Arial; font-size: 11px; color: #000000; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; bgproperties:fixed; scrollbar-base-color:#6D93BD; scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#FFFFFF; scrollbar-darkshadow-color:#000000; scrollbar-face-color:#355681; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#000000; scrollbar-track-color:#6D93BD; } /************************************************************************************************/ /* TEXTE GENERAL */ /************************************************************************************************/ td {font-family: Arial; font-size: 11px; color: #2D425E; } td.just {font-family: Arial; font-size: 11px; color: #2D425E; text-align: justify} /************************************************************************************************/ /* TITRE SOUS RUBRIQUE */ /************************************************************************************************/ .titre-srub {font-family: Arial; font-size: 13px; color: #588FD6; font-weight: bold; text-transform: uppercase;} /************************************************************************************************/ /* TITRES ACTUALITE */ /************************************************************************************************/ .titre-actu {font-family: Arial; font-size: 11px; color: #2D425E; font-weight: bold;} /************************************************************************************************/ .titre {font-family: Arial; font-size: 11px; color: #588FD6; font-weight: bold;} /************************************************************************************************/ /* TEXTE ACTUALITE */ /************************************************************************************************/ .txt-actu {font-family: Arial; font-size: 11px; color: #243A57; } /************************************************************************************************/ /* TEXTE BLOC */ /************************************************************************************************/ .txt-bloc {font-family: Arial; font-size: 11px; color: #2A4365; } /************************************************************************************************/ /* TEXTE ADRESSE */ /************************************************************************************************/ .txt-adresse {font-family: Arial; font-size: 10px; color: #000000; } /************************************************************************************************/ /* TEXTE COMPTE */ /************************************************************************************************/ .txt-compte {font-family: Arial; font-size: 10px; color: #2D496D; } /************************************************************************************************/ /* TEXTE BLEU */ /************************************************************************************************/ .txt-bleu {font-family: Arial; font-size: 11px; color: #588FD6;} /************************************************************************************************/ /* TEXTE COPYRIGHT */ /************************************************************************************************/ .copyright {font-family: Arial; font-size: 10px; color: #314A6B;} /************************************************************************************************/ /************************************************************************************************/ /* TITRE SECTEURS */ /************************************************************************************************/ .titre_sect { font-family: Arial; font-size: 14px; font-weight: bold; color:#333366; text-transform: uppercase;} /************************************************************************************************/ /* TITRE SECTEURS */ /************************************************************************************************/ .txt-blanc { Verdana; font-size: 11px; font-weight: bold; color: #FFFFFF;} /************************************************************************************************/ /************************************************************************************************/ /* LIENS HYPERTEXTE : MENU PRINCIPAL */ /************************************************************************************************/ /************************************************************************************************/ /************************************************************************************************/ /* LIENS HYPERTEXTE : PAR DEFAUT */ /************************************************************************************************/ a:link, a:active, a:visited { font-family: Arial; font-size: 11px; font-weight: normal; color: #617DA1; text-decoration: none} a:hover { font-family: Arial; font-size: 11px; font-weight: normal; color: #809EC4; text-decoration: underline } /************************************************************************************************/ /* LIENS HYPERTEXTE : BODY */ /************************************************************************************************/ a.link-body:link, a.link-body:active, a.link-body:visited { font-family: Arial; font-size: 11px; font-weight: normal; color: #588FD6; text-decoration: none} a.link-body:hover { font-family: Arial; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none} /************************************************************************************************/ /* LIENS HYPERTEXTE : MENU DROIT */ /************************************************************************************************/ a.link-menu:link, a.link-menu:active, a.link-menu:visited { font-family: Arial; font-size: 11px; font-weight: normal; color: #314A6B; text-decoration: none} a.link-menu:hover { font-family: Arial; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none} /************************************************************************************************/ /* LIENS HYPERTEXTE : MENU SOUS RUBRIQUE */ /************************************************************************************************/ a.link-srub:link, a.link-srub:active, a.link-srub:visited { font-family: Arial; font-size: 11px; font-weight: normal; color: #404040; text-decoration: none} a.link-srub:hover { font-family: Arial; font-size: 11px; font-weight: normal; color: #355681; text-decoration: none} /************************************************************************************************/ a.link-srub2:link, a.link-srub2:active, a.link-srub2:visited { font-family: Arial; font-size: 11px; font-weight: normal; color: #355681; text-decoration: none} a.link-srub2:hover { font-family: Arial; font-size: 11px; font-weight: normal; color: #355681; text-decoration: none} /************************************************************************************************/ /* LIENS HYPERTEXTE : MENU BAS */ /************************************************************************************************/ a.link-bas:link, a.link-bas:active, a.link-bas:visited { font-family: Arial; font-size: 10px; font-weight: normal; color: #314A6B; text-decoration: none} a.link-bas:hover { font-family: Arial; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none} /************************************************************************************************/ /* LIENS HYPERTEXTE : BLANC */ /************************************************************************************************/ a.link-blanc:link, a.link-blanc:active, a.link-blanc:visited { font-family: Arial; font-size: 11px; font-weight: normal; color: #FFFFFF ; text-decoration: none} a.link-blanc:hover { font-family: Arial; font-size: 11px; font-weight: normal; color: #314A6B; text-decoration: none} /************************************************************************************************/ /* LIENS HYPERTEXTE : LANGUES */ /************************************************************************************************/ a.link-lng:link, a.link-lng:active, a.link-lng:visited { font-family: Arial; font-size: 11px; font-weight: normal; color: #BACBDF ; text-decoration: none} a.link-lng:hover { font-family: Arial; font-size: 11px; font-weight: normal; color: #FFFFFF; text-decoration: none} /************************************************************************************************/ /* LIENS HYPERTEXTE : temoignage colonne gauche */ /************************************************************************************************/ a.link-left:link, a.link-left:active, a.link-left:visited {font-family: Arial; font-size: 11px; color: #2D425E; text-decoration: none} a.link-left:hover { font-family: Arial; font-size: 11px; color: #000000; text-decoration:none} /************************************************************************************************/ /************************************************************************************************/ /* LIENS HYPERTEXTE : menu principal */ /************************************************************************************************/ a.link-sect:link, a.link-sect:active, a.link-sect:visited { font-family: Verdana; font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none; cursor: hand;} a.link-sect:hover { font-family: Verdana; font-size: 10px; font-weight: bold; color: #355681; text-decoration: none; cursor: hand;} /************************************************************************************************/ /* LIENS HYPERTEXTE : imprimer */ /************************************************************************************************/ a.link-print:link, a.link-print:active, a.link-print:visited { font-family: Arial; font-size: 9px; font-weight: normal; color: #588FD6; text-decoration: none} a.link-print:hover { font-family: Arial; font-size: 9px; font-weight: normal; color: #588FD6; text-decoration: none} /************************************************************************************************/ /* TD CLICKABLE */ /************************************************************************************************/ .tdclick { font-family: Verdana; font-size: 10px; font-weight: bold; color: #355681; text-decoration: none; cursor: hand; } /************************************************************************************************/ /************************************************************************************************/ /* FORMULAIRE */ /************************************************************************************************/ input {background: #FDFEFE ; font-family: Arial; font-size: 11px; font-weight: normal; border: 1px solid #D9E2ED; } input.search {background: #FFF ; font-family: Arial; font-size: 11px; font-weight: normal; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border: 0px;} select {background-color: #FDFEFE ; font-family: Arial; font-size: 10px; font-weight: normal; border: 1px solid #D9E2ED; } /************************************************************************************************/ /* pour un pictos dans les input */ /* url(../img/pictos/search.gif) no-repeat; background-position: 3px center; padding-left: 16px; width: 10em */ /************************************************************************************************/ /* PUCE */ /************************************************************************************************/ li { list-style-position: outside; list-style-image: url(../img/pictos/puce.gif)} /************************************************************************************************/ /************************************************************************************************/ /* IMAGE PARAGRAPHE */ /************************************************************************************************/ .pic {margin-right:10px;margin-bottom:2px;} /************************************************************************************************/ /* les styles pour le tableau de moukawalati*/ .Style1 { font-family: Arial, Helvetica, sans-serif; color: #355681; font-size: 14px; font-weight: bold; } .Style3 { font-size: 18px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; } .Style4 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; } .Style5 { color: #FFFFFF; font-weight: bold; } .Style6 { font-size: 12px; font-weight: bold; } /************************************************************************************************/ /*************************************************************** FIN STYLE *****************/ /************************************************************************************************/ /************************************************************************************************/ /************************************************************************************************/ /************************************************************************************************/ /********************************************************* Lahcen.Jair@argaze.com **********/