/************************************************************************************************/ /******************* DEBUT DE FEUILLE DE STYLE : FRONTOFFICE *************************/ /************************************************************************************************/ /************************************************************************************************/ /* PARAMETRES GENERAUUX */ /************************************************************************************************/ body {width:780px; text-align:center; margin:auto; background-color:#333333; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #2C0B02; scrollbar-base-color:#FFA030; } img{ border:none;} /************************************************************************************************/ /* TEXTE GENERAL */ /************************************************************************************************/ td {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#2C0B02;} /************************************************************************************************/ /************************************************************************************************/ /* TITRES GENERAL */ /************************************************************************************************/ .titre {font-size: 12px; color:#CC6600; font-weight: bold;} /************************************************************************************************/ /******************** TITRES ********************/ h1{font-size:20pt; margin-bottom:10px; margin-top:10px;} h2{font-size:10pt; margin-bottom:10px; margin-top:10px;} h3{font-size:8pt; margin-bottom:10px; margin-top:10px;} h4{font-size:7pt; margin-bottom:10px; margin-top:10px;} /************************************************************************************************/ /* LIENS HYPERTEXTE : PAR DEFAUT */ /************************************************************************************************/ a, .maron {color:#CC6600; text-decoration: none;} a:hover {color:#CC6600; text-decoration: underline;} /************************************************************************************************/ /* LIEN HIERARCHIE */ /************************************************************************************************/ a.a_hierarchie {color: #CC9E5D; font-weight: bold; text-decoration:none;} a.a_hierarchie:hover {color:#FF9900; font-weight: bold; text-decoration:underline;} /************************************************************************************************/ /* LIENS MENU ENTETE */ /************************************************************************************************/ a.a_entete {color:#000000; text-decoration: none;} a.a_entete:hover {color:#CC3300; text-decoration: underline;} /************************************************************************************************/ /************************************************************************************************/ /* LIENS MENU HAUT */ /************************************************************************************************/ a.a_haut {color:#000000; text-decoration: none;} a.a_haut:hover {color:#CC3300; text-decoration: none;} /************************************************************************************************/ /************************************************************************************************/ /* SOUS-MENU HAUT */ /************************************************************************************************/ a.a_haut_smenu {color:#333333; background-color:#FAAB5A; text-decoration: none; display:block; margin:1px;padding:4px;} a.a_haut_smenu:hover {color:#FFFFFF; background-color:#FF6600; text-decoration: none; display:block; margin:1px;padding:4px;} /************************************************************************************************/ /************************************************************************************************/ /* LIENS MENU PIED */ /************************************************************************************************/ a.a_pied {color:#000000; text-decoration: none;} a.a_pied:hover {color:#FFFFFF; text-decoration: underline;} /************************************************************************************************/ /************************************************************************************************/ /* LIENS MENU PUB PIED */ /************************************************************************************************/ a.a_pub {color:#660000; text-decoration: none;} a.a_pub:hover {color:#FFCC66; text-decoration: underline;} /************************************************************************************************/ /************************************************************************************************/ /* LIENS HYPERTEXTE : ANNUAIRE : LIENS FICHE */ /************************************************************************************************/ a.resto{color:#000000; font-size:11px; font-weight:bold; text-decoration:none;} a.resto:hover{color:#006600; font-size:11px; font-weight:bold; text-decoration:none;} a.link-fiche {color:#000000; font-weight:bold; text-decoration:none; font-size:11px;} a.link-fiche:hover {color:#006634; font-weight:bold; text-decoration:underline; font-size:11px;} /************************************************************************************************/ /* LIENS HYPERTEXTE : MENU RUBRIQUE */ /************************************************************************************************/ a.link-menu-right { color:#660000;text-decoration:none; background-color:#FFA030; display:block; margin-bottom:1px; padding:4px;} a.link-menu-right:hover {color:#000000; text-decoration:none; background-color:#FAECDC; display:block; margin-bottom:1px; padding:4px;} /************************************************************************************************/ /* LIENS HYPERTEXTE : plan du site*/ /************************************************************************************************/ a.link-plan-site { color:#2C0B02; font-weight:bold;} a.link-plan-site:hover {color:#333333; font-weight:bold;} a.link-form {color:#6c7024;} a.link-form:hover {color:#CC0000;} a.link-suite, .red {color:#ff0000;} a.link-suite:hover {color:#6c7024;} /************************************************************************************************/ /* LIENS HYPERTEXTE : BLANC */ /************************************************************************************************/ /************************************************************************************************/ /* LIENS HYPERTEXTE : LANGUES */ /************************************************************************************************/ /************************************************************************************************/ /* LIENS HYPERTEXTE : temoignage colonne gauche */ /************************************************************************************************/ /************************************************************************************************/ /************************************************************************************************/ /* FORMULAIRE */ /************************************************************************************************/ /********* FORMULAIRES CONTACT **********/ .forms fieldset{ border:1px solid #c0c199; padding:4px; margin:2px; } div.info_perso{} div.info_abo{ width: 250px; margin: 0 0 1em 20px; float: left; display: inline; /* évite le Doubled Float-Margin Bug d'IE6 */ } div.info_paie{ margin: 0 20px 1em 310px;} div.info_perso{width:100%;} .forms legend{color:#666633;} /*.forms legend{visibility:hidden;}*/ .forms input{ border:1px solid #c0c199; color:#666633; font-size:9pt; height:18px; width:200px; } .forms .spip_form_choix_unique{list-style:none;} .forms .spip_form_choix_unique input{width:auto;} .forms .spip_bouton{width:500px; float:none;} .forms .spip_bouton input{ display:block; width:80px; } .forms span.spip_form_label{ display:block; margin-top:10px; font-weight:bold; } .forms textarea{ width:400px; height:200px; } .forms .spip_form_label_obligatoire, forms.obligatoire_oublie{ color:#FF0000; font-weight:normal; } .forms .spip_form_label_details{display:block;} .forms .erreur{ display:block; font-weight:bold; color:#FF0000; } .forms table .spip_barre{width:500px;} /******************************/ form#form_search{ padding:4px;} input {background: #FFFFFF ;font-weight: normal; border: 1px solid #000000; } input.loupe { border:none; background:inherit;} select {background-color:#FFFFFF ;font-size: 10px; font-weight: normal; border: 1px solid #000000; } label.annuaire{ width:auto; color:#663333; font-weight:bold;} input.button{ border:1px solid #FF6633; background-color:#FFCC99; color:#660000; font-size:10px; height:20px; vertical-align:middle; text-align:center;} input.search{ border-color:#c0c199;width:120px; height:18px; } textarea.search{ border-color:#c0c199;} label.search{ color:#6c7024;} select.search{ border-color:#c0c199;} input.img{ width:auto; border:none;} /************************************************************************************************/ /************************************************************************************************/ /* liste à puce*/ /************************************************************************************************/ ul{ list-style-image:url(../images/pictos/puce_liste.gif); margin:0px; margin-left:10px; margin-top:2px; padding:0px;} /************************************************************************************************/ /************************************************************************************************/ /* CONTENEURS : TABLEAUX, PARAGRAPHES....*/ /** LAYER HIERARCHIE ***/ div#hierarchie{ margin:10px; padding:10px; background:#FAB315; } div#hierarchie{display:block;} div#hierarchie div{ margin:4px; padding:0px; margin-left:10px; } div#body-tx{ float:left; margin:auto; padding:10px; text-align:justify; color:#000000; font-size:8pt; } td.zone1, td.zone2{ text-align:justify; vertical-align:top; padding:10px; font-size:8pt; color:#000000; } .zone3{ text-align:center; vertical-align:top; padding:10px; padding-bottom:6px; background:#ECE9C8; } td.zone1{background:#EFF3DA;} td.zone2{background:#ECE9C8;} td.th_nav{ background:#D4D3BE; padding:3px; color:#000000; text-align:right; } td.th_nav a{color:#0000CC;} /************************************************************************************************/ /** CELLULE TITRE page **/ td.td-titre { background-image:url(../images/fond/titre.gif); background-repeat:repeat; padding-bottom:20px; vertical-align:bottom;} /*****************************/ /************************************************************************************************/ /* TEXTES*/ h2#h2_body{ margin:0px; padding:10px; padding-left:19px; padding-bottom:9px; color:#00306F; font-size:10pt; font-weight:bold; border-bottom:1px solid #FFFFFF; } /************************************************************************************************/ /*** TITRE RESTAURANT ANNUAIRE **/ .resto-annuaire { font-weight:bold; color:#8B4100;} /**************************/ /** TEXTE RESULTATS ANNUAIRE **/ h4.result{font-weight:bold; font-size:10pt; color:#777849; margin:0px; padding:10px;} /** TEXTE NOUVEAU **/ .new{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFCC00;} /***************************/ /** TEXTE purpre **/ .txt-purpre{color:#CC0033;} /** TEXTE foncé **/ .txt-purpre-bold{color:#CC0033; font-weight:bold; font-size:13px;} /** TEXTE erreur **/ .txt-error{color:#CC0033; font-weight:bold; font-size:13px;} .txt-red{color:#FF3300; font-weight:bold;} /** TEXTE orange foncé **/ .txt-b-orange{color:#F94A05;} /** TEXTE vert grand **/ .txt-vert-grand{color:#FF3300; font-size:13px; } .txt-vert-form{color:#6c7024; font-size:11px; } .titre-resto{color:#000000; font-size:11px; font-weight:bold; } /**********************************************************************************************/ /************************************************************************************************/ /* TITRES*/ /************************************************************************************************/ .titre-theme { font-weight:bold; font-size:16px;} /************************************************************************************************/ /************************************************************************************************/ /* DIVERS*/ /************************************************************************************************/ /******* bordure orange*********/ .border_orange { border:1px solid #FF7800;} /******* bordure verte*********/ .border_green { border:1px solid #c0c199;} /*****************************/ /** SEPARATEUR LIENS **/ .pied_annu{color:#FFEAB2;} /***********************/ /***********************/ /************************************************************************************************/ /*************************************************************** FIN STYLE *****************/ /************************************************************************************************/ /************************************************************************************************/ /************************************************************************************************/ /************************************************************************************************/ /********************************************************* bouchra.slak@gmail.com **********/