body{ background-color:#ffffff; margin:0px; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 12px; color: black; } #page{ border:0px solid blue; margin-top:0px; width: 910px; /*width: 90%;*/ margin-left: auto; margin-right: auto; } /*header*/ /*#header {width:900px; height:134px; border:0px solid red; margin-bottom:25px;}*/ #header {width:100%; height:15%; border:0px solid red; margin-bottom:10px;} /*#recherche {background-color:#027AB7; width:100px; height:124px; padding:5px; float:left;*/ #recherche {background-color:#99CC33; width:100px; height:100%; padding:5px; float:left; color:#ffffff; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:10px; font-weight:bold; } .txt_rech{ border:none; width:80px; height:12px; font-size: 10px;} a.lien_recherche {color:#ffffff; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:10px; font-weight:bold; text-decoration:none;} a.lien_recherche:hover {color:#ffffff; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:10px; font-weight:bold; text-decoration:none;} /*gauche (menu verticale et boite info fnath)*/ #gauche {width:146px; border:0px solid green; float:left; margin-top:0px; padding-top:0px; } /*#gauche {width:16%; height:300px; border:0px solid green; float:left; margin-top:0px; padding-top:0px; }*/ /* .menu_verti {margin-top:0px; background-color:#027AB7; width:138px; height:20px; padding-left:8px; padding-top:5px; margin-bottom:10px; border:none; color:#ffffff; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:14px; line-height: 12px; font-weight:bold; font-style:italic; } .menu_verti_on {margin-top:0px; background-color:#C40309; width:138px; height:20px; padding-left:8px; padding-top:5px; margin-bottom:10px; border:none; color:#ffffff; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:14px; line-height: 12px; font-weight:bold; font-style:italic; } */ .menu_verti {margin-top:0px; background-color:#99CC33; width:100%; padding-bottom:8px; padding-left:8px; padding-top:5px; margin-bottom:10px; border:none; color:#ffffff; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:14px; line-height: 12px; font-weight:bold; font-style:italic; } .menu_verti_on {margin-top:0px; background-color:#C40309; width:100%; padding-bottom:8px; padding-left:8px; padding-top:5px; margin-bottom:10px; border:none; color:#ffffff; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:14px; line-height: 12px; font-weight:bold; font-style:italic; } #info_h { background-image:url("info_h.jpg"); width:146px; height:27px; border:none;} #info_m { background-image:url("info_m.jpg"); width:126px; border:none; padding:10px;} #info_b { background-image:url("info_b.jpg"); width:146px; height:14px; border:none;} /*main*/ #main {width:752px; border:0px solid yellow; float:left; } /*#main {width:83.5%; border:0px solid yellow; float:left; }*/ /*menu horizontal*/ /* #main_haut{width:714px; border:0px solid green; float:left; margin-bottom:20px; padding-left:20px;} #main_bas{width:714px; border:0px solid yellow; margin-top:20px; margin-bottom:20px; margin-left:146px; padding-left:20px; clear:both} */ #main_haut{width:80%; border:0px solid green; float:left; margin-bottom:20px; padding-left:20px;} #main_bas{width:80%; border:0px solid yellow; margin-top:20px; margin-bottom:20px; margin-left:16%; padding-left:20px; clear:both} a.menu_hori_bleu {background-color:#027AB7; height:15px; padding-left:8px; padding-top:0px; margin-right:5px; border:none; text-align:center; float:left; color:#ffffff; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:20px; line-height:12px; text-decoration:none; } /* ------------------------------------------------------------------------------------------------------------------------ */ a.menu{color:#FFFFFF; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:14px; line-height:25px; padding-left:25px; padding-right:25px; background-color:#99CC33; text-decoration:none;} a.menu:hover {color:#FFFFFF; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:14px; line-height:25px; padding-left:25px; padding-right:25px; background-color:#C40309; text-decoration:none;} a.menu_active{color:#FFFFFF; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:14px; line-height:25px; padding-left:25px; padding-right:25px; background-color:#C40309; text-decoration:none;} /* ------------------------------------------------------------------------------------------------------------------------ */ .menu_hori_bleu {background-color:#027AB7; height:15px; padding-left:8px; padding-top:5px; margin-bottom:5px; margin-right:5px; border:none; text-align:center; float:left; color:#ffffff; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; line-height:12px; text-decoration:none; } .menu_hori_orange {background-color:#C40309; height:15px; padding-left:8px; padding-top:5px; margin-bottom:5px; margin-right:5px; border:none; text-align:center; float:left; color:#ffffff; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; line-height:12px; } .menu_hori_jaune {background-color:#c08c0c; padding-bottom:8px; padding-left:8px; padding-top:5px; margin-bottom:5px; margin-right:5px; border:none; text-align:center; float:left; color:#ffffff; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; line-height:12px; width:225px; text-decoration:none; font-weight:bold; } .menu_hori_jaune_active {border:solid 1px #c08c0c; color:#c08c0c; background-color:#FFFFFF; padding-bottom:8px; padding-left:8px; padding-top:5px; margin-bottom:5px; margin-right:5px; text-align:center; float:left; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; line-height:12px; width:223px; text-decoration:none; font-weight:bold; } .menu_hori_rose {background-color:#E1338B; padding-bottom:8px; padding-left:8px; padding-top:5px; margin-bottom:5px; margin-right:5px; border:none; text-align:center; float:left; color:#ffffff; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; line-height:12px; width:225px; text-decoration:none; font-weight:bold; } .menu_hori_rose_active {border:solid 1px #E1338B; color:#E1338B; background-color:#FFFFFF; padding-bottom:8px; padding-left:8px; padding-top:5px; margin-bottom:5px; margin-right:5px; text-align:center; float:left; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; line-height:12px; width:223px; text-decoration:none; font-weight:bold; } .menu_hori_vert {background-color:#99CC33; padding-bottom:8px; padding-left:8px; padding-top:5px; margin-bottom:5px; margin-right:5px; border:none; text-align:center; float:left; color:#ffffff; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; line-height:12px; width:225px; text-decoration:none; font-weight:bold; } .menu_hori_vert_active {border:solid 1px #99CC33; color:#99CC33; background-color:#FFFFFF; padding-bottom:8px; padding-left:8px; padding-top:5px; margin-bottom:5px; margin-right:5px; text-align:center; float:left; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; line-height:12px; width:223px; text-decoration:none; font-weight:bold; } /*main contenu*/ #main_texte{border:solid 0px blue; width:555px; height:100%; float:left; margin-bottom:20px; padding-left:20px; padding-right:10px;} /*#main_texte{width:74%; height:100%; border:0px solid red; float:left; margin-bottom:20px; padding-left:20px; padding-right:10px;}*/ /*fleche titre*/ #sure {text-decoration:none; background:#FFF url(sure.gif) scroll no-repeat top left; display :block; width:129px; height:46px; padding-left:50px; } #juste {text-decoration:none; background:#FFF url(juste.gif) scroll no-repeat top left; display :block; width:129px; height:46px; padding-left:50px; } #solidaire {text-decoration:none; background:#FFF url(solidaire.gif) scroll no-repeat top left; display :block; width:129px; height:46px; padding-left:50px; } /*boites orange et bleu + div droite*/ #main_droite{width:165px; border:0px purple; float:left;} /*#main_droite{width:20%; border:solid 0px purple; float:left;}*/ .boite_h { background-image:url("boite_h.jpg"); width:165px; height:8px; border:0px solid blue; background-repeat:no-repeat; background-position:bottom;} .boite_m {background-color:#C40309; width:155px; padding:5px; color:#ffffff; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; line-height:12px; } .boite_m a{color:#ffffff;font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; line-height:12px; } .boite_m a:hover {color:#bafffe;font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; line-height:12px; } .boite_m p {margin-top:0px; margin-bottom:0px; } .boite_b { background-image:url("boite_b.jpg"); width:165px; height:9px; border:0px solid yellow; background-repeat:no-repeat; margin-bottom:10px;} .boite_bleue { width:155px; background-color:#99CC33; padding:5px; color:#ffffff; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; line-height:12px; margin-bottom:10px;} .boite_bleue p {margin-top:0px; margin-bottom:0px; } /*footer*/ #footer {width:900px; height:20px; border:0px solid black; clear:both; color:#8C8C8C; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; line-height:12px; } /*class text*/ .th_gris{color:#8C8C8C; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-weight:bold; font-size:25px; line-height:32px; } .th_jaune{text-decoration:none; color:#c08c0c; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-weight:bold; font-size:25px; line-height:32px; } .th_rose{text-decoration:none; color:#E1338B; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-weight:bold; font-size:25px; line-height:32px; } .th_vert{text-decoration:none; color:#99CC33; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-weight:bold; font-size:25px; line-height:32px; } .titre_blanc{color:#ffffff; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-weight:bold; font-size:18px; line-height:24px;} .titre_noir{color:#000000; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-weight:bold; font-size:18px;} .titre_gris{color:#8C8C8C; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-weight:bold; font-size:18px;} .titre_orange{color:#C40309; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-weight:bold; font-size:18px;} .titre_rose{color:#E1338B; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-weight:bold; font-size:18px;} .titre_jaune{color:#c08c0c; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-weight:bold; font-size:18px;} .titre_vert{color:#99CC33; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-weight:bold; font-size:18px;} .titre_bleu{color:#027AB7; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-weight:bold; font-size:18px;} .titre_or{color:#c08c0c; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-weight:bold; font-size:18px;} .soust_blanc{color:#ffffff; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:14px; font-weight:bold; } .soust_noir{color:#000000; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:14px; font-weight:bold; } .soust_gris{color:#8C8C8C; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:14px; font-weight:bold; } .soust_orange{color:#C40309; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:14px; font-weight:bold; text-decoration:none; text-align:left; } .soust_rose{color:#E1338B; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:14px; font-weight:bold; text-decoration:none;} .soust_jaune{color:#c08c0c; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:14px; font-weight:bold; } .soust_vert{color:#99CC33; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:14px; font-weight:bold; } .soust_bleu{color:#027AB7; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:14px; font-weight:bold; } .soust_or{color:#c08c0c; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:14px; font-weight:bold; } .texte_noir{color:#000000; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; } .texte_blanc{color:#ffffff; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; } .texte_gris{color:#8C8C8C; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; } .texte_orange{color:#C40309; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; } .texte_rose{color:#E1338B; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px;} .texte_jaune{color:#c08c0c; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; } .texte_vert{color:#99CC33; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; } .texte_bleu{color:#027AB7; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; } .texte_or{color:#c08c0c; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; } a.lien_noir{color:#000000;font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; } a.lien_noir:hover {color:#bafffe;font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; } a.lien_blanc{color:#ffffff;font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; } a.lien_blanc:hover {color:#bafffe;font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; } a.lien_orange{color:#C40309;font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; } a.lien_orange:hover {color:#bafffe;font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; } a.lien_jaune{color:#c08c0c;font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; } a.lien_jaune:hover {color:#bafffe;font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; } a.lien_rose{color:#E1338B;font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; } a.lien_rose_active{background-color:#E1338B; color:#FFFFFF; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; } /*a.lien_rose:hover {color:#bafffe;font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; }*/ a.lien_vert{color:#99CC33;font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; } a.lien_vert:hover {color:#bafffe;font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; } a.lien_bleu{color:#027AB7;font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; } a.lien_bleu:hover {color:#bafffe;font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; } a.lien_gris{color:#8C8C8C;font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; padding-right:10px; text-decoration:none; } a.lien_gris:hover {color:#bafffe;font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; padding-right:10px; text-decoration:none; } /* Gestion boutique */ .th {color:#8C8C8C; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-weight:bold; font-size:25px; line-height:32px; text-align:right; padding-right:15px;} #fnathy_pub{background-image:url("fnathy_pub.jpg"); width:149px; height:145px; border:none; text-decoration:none;} #fnath_services{background-image:url("fnathservices_logo.jpg"); width:149px; height:88px; border:none; text-decoration:none;} #apropos_bout {background-image:url("img_apropos.jpg"); width:135px; height:114px; border:none; background-repeat:no-repeat; text-decoration:none;} #soutenir_bout {background-image:url("img_soutenir.jpg"); width:135px; height:114px; border:none; background-repeat:no-repeat;} #solidaire_bout {background-image:url("img_solidaire.jpg"); width:135px; height:114px; border:none; background-repeat:no-repeat;} #beneficiaires_bout {background-image:url("img_beneficiaires.jpg"); width:135px; height:114px; border:none; background-repeat:no-repeat;} .menu_hori_bout_bleu {background-color:#027ab7; text-align:center; color:#ffffff; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; text-decoration:none; width:135px; height:45px; } .menu_hori_bout_jaune {background-color:#c08c0c; text-align:center; color:#ffffff; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; text-decoration:none; width:135px; height:45px; } .menu_hori_bout_rose {background-color:#E1338B; text-align:center; color:#ffffff; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; text-decoration:none; width:135px; height:45px; } .menu_hori_bout_vert {background-color:#99CC33; text-align:center; color:#ffffff; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size:12px; text-decoration:none; width:135px; height:45px; } #grand_cadre {width:539px; border:solid 3px #fbb612; padding:5px; clear:both;} #grand_cadre_bleu {width:539px; border:solid 3px #027ab7; padding:5px; clear:both;} #grand_cadre_jaune {width:539px; border:solid 3px #c08c0c; padding:5px; clear:both;} #grand_cadre_rose {width:539px; border:solid 3px #E1338B; padding:5px; clear:both;} #grand_cadre_vert {width:539px; border:solid 3px #99CC33; padding:5px; clear:both;} .petit_cadre{background-color:#ffffff; width:164px; height:85px; border:solid 3px #fdda88; padding:5px; margin-right:5px; margin-top:5px; float:left;} #voir {background-image:url("fleche.jpg"); width:91px; height:16px; border:none; text-decoration:none;} .nom_prod {font-size:14px; text-decoration:none; color:#027ab7; font-weight:bold;} .prix_prod {font-size:14px; text-decoration:none; color:#8c8c8c; font-weight:bold;} .btn_vert{background-image:url("btn_vert.jpg"); width:137px; height:19px; border:solid 0px blue; float:left; text-align:center; margin:2px; padding-top:2px} .btn_vert a{text-decoration:none; color:#ffffff; font-weight:bold;} #partenaires_h {background-image:url("part_haut.jpg"); width:133px; height:19px; border:0px solid red;} .partenaires_m {background-image:url("part_milieu.jpg"); width:133px; border:solid 0px blue; text-align:center; text-decoration:none;} #partenaires_b {background-image:url("part_bas.jpg"); width:133px; height:4px; border:none; background-repeat:no-repeat;}