/* Created using Style Master from Western Civilisation CSS1 { 2 2 558 625 } */ /* Make sure you've got a page with well-formed standards based HTML 4.01, link it to this style sheet and you should see the result straight away. */ /* The element is just that, an element. So there's no reason why you can't give it its own style then make it appear around the using a margin - that's all we do here. You might even like to add your own background image properties to this element to get an even more dynamic effect. */ html { background-color: #FFFFFF; } body { background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; margin-left: 0px; margin-right: 2%; margin-bottom: 0px; margin-top: 1%; /*border-top: solid #37425e 7px; */ } font.b{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 8pt; } /*font blanc*/ font.P{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 8pt; } /*font section profil*/ font.prof{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #543F36; font-size: 8pt; } /*font section melimelo*/ font.M{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #454652; font-size: 8pt; } p.marg { font-family: Verdana, Arial, Helvetica, sans-serif; color: #484824; font-size: 8pt; text-align: justify; margin-left: 5px; margin-right: 20px; margin-top: 2px; margin-bottom:2px; } p.marg2 { font-size: 8pt; text-align: justify; margin-left: 10px; margin-right: 10px; margin-top: 2px; margin-bottom:2px; } /*marge foto*/ p.foto { font-size: 8pt; text-align: center; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom:10px; } /* The following gives a special effect for

elements which works best if there is only one of them on at the top of each page - so they are a sort of title. / h1 { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #afcbcc; color: #7f8fa6; font-size: 2.5em; padding-bottom: 10px; font-style: normal; font-weight: normal; text-align: left; margin: 0em; margin-top: -5px; margin-left: -5px; } h2 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #B86A1D; font-weight: bold; font-size: 10pt; font-style: normal; text-align: left; margin-right: 5px; margin-left: 20px; margin-top: 2px; margin-bottom: 4px; } h2.Prod { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #000000; font-weight: bold; font-size: 10pt; font-style: normal; text-align: center; margin-right: 5px; margin-left: 20px; margin-top: 2px; margin-bottom: 4px; } h3 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #719870; font-weight: bold; font-size: 10pt; font-style: normal; text-align: center; margin-right: 5px; margin-left: 20px; margin-top: 1px; margin-bottom: 1px; } /titre section profil/ h3.prof { font-family: Verdana, Arial, Helvetica, sans-serif; color:#543F36; font-weight: bold; font-size: 10pt; font-style: normal; text-align: center; //margin-right: 5px; margin-left: 20px;/ margin-top: 1px; margin-bottom: 1px; } /titre section melimelo/ h3.M { font-family: Verdana, Arial, Helvetica, sans-serif; color:#454652; font-weight: bold; font-size: 10pt; font-style: normal; text-align: center; //margin-right: 5px; margin-left: 20px;/ margin-top: 1px; margin-bottom: 1px; } h3.P { color: #B86A1D font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8pt; font-style: normal; text-align: left; margin-right: 5px; margin-left: 10px; margin-top: 2px; margin-bottom: 4px; border-bottom: 2px #333333 solid; } h3.hh3 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #719870; font-weight: bold; font-size: 12pt; font-style: normal; text-align: left; margin-right: 5px; margin-left: 20px; margin-top: 2px; margin-bottom: 4px; } h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #FFFFFF; text-align: center; margin-right: 5px; margin-left: 5px; margin-top: 2px; margin-bottom: 4px; } h5.i { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; color: #7f855d; text-align: center; margin-top: 4px; margin-bottom: 4px; } h5.in { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; color: #7f855d; text-align: center; margin-top: 4px; margin-bottom: 4px; } / The following four selectors allow you to select links when they are in the four different states: link - before they have been visited, visited - after it has been visited, hover - when the mouse is over the link, active - when the user clicks the link. / /link pour la section recettes/ a.Ad:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; color: #000000; } a.Ad:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; color: #000000; } a.Ad:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; color: #000000; } a.Ad:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; color: #000000; } /link pour la section recettes/ a.Rec:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; color: #1C6C29; } a.Rec:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; color: #1C6C29; } a.Rec:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; color: #439939; } a.Rec:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; color: #1C6C29; } /link pour la section cooredonnées/ a.coord:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; color: #1C6C29; } a.coord:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; color: #1C6C29; } a.coord:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; color: #1C6C29; } a.coord:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; color: #1C6C29; } /link pour les profil/ a.prof:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; color: #8B954A; } a.prof:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; color: #8B954A; } a.prof:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; color: #8B954A; } a.prof:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; color: #8B954A; } /link pour le menu Accueil/ a.Acc:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; color: #004000; } a.Acc:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; color: #004000; } a.Acc:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; color: #004000; } a.Acc:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; color: #004000; } /link pour le menu vertical/ a.Menu:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; color: #004000; } a.Menu:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; color: #004000; } a.Menu:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; color: #004000; } a.Menu:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: underline; color: #004000; } /link pour le sous menu Categories/ a.MenuP:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; background-color: #B86A1D; color: #FFFFFF; } a.MenuP:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; background-color: #B86A1D; color: #FFFFFF; } a.MenuP:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: underline; background-color: #B86A1D; color: #FFFFFF; } a.MenuP:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: underline; background-color: #B86A1D; color: #FFFFFF; } /link pour le sous menu Melimelo/ a.MenuProfil:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; background-color: #80535B; color: #FFFFFF; } a.MenuProfil:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; background-color: #80535B; color: #FFFFFF; } a.MenuProfil:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: underline; background-color: #80535B; color: #FFFFFF; } a.MenuProfil:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: underline; background-color: #80535B; color: #FFFFFF; } /link pour le sous menu Melimelo/ a.MenuM:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; background-color: #4F546A; color: #FFFFFF; } a.MenuM:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; background-color: #4F546A; color: #FFFFFF; } a.MenuM:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: underline; background-color: #4F546A; color: #FFFFFF; } a.MenuM:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: underline; background-color: #4F546A; color: #FFFFFF; } /link pour le sous menu produit/ a.MenuSP:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; background-color: #FFFFFF; color: #000000; } a.MenuSP:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; background-color: #FFFFFF; color: #000000; } a.MenuSP:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; background-color: #FFFFFF; color: #000000; } a.MenuSP:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; background-color: #FFFFFF; color: #000000; } /link pour le sous menu Familles/ a.SMenu:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; background-color: #FFFFFF; color: #000000; } a.SMenu:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; background-color: #FFFFFF; color: #000000; } a.SMenu:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; background-color: #FFFFFF; color: #000000; } a.SMenu:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; background-color: #FFFFFF; color: #000000; } /link pour les familles/ a.f:link { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; background-color: #7f8fa6; color: white; font-size: 8pt; } a.f:visited { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; background-color: #999111; color: black; font-size: 8pt; } a.f:active{ font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; background-color: #999111; color: black; font-size: 8pt; } a.f:hover { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; background-color: #000eee; color: white; font-size: 8pt; } a.p:link { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; background-color: #1117de; color: white; font-size: 8pt; } a.p:visited { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; background-color: #dae7de; color: black; font-size: 8pt; } a.p:active{ font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; background-color: #dae7de; color: black; font-size: 8pt; } a.p:hover { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; background-color: #df1199; color: white; font-size: 8pt; } /link ingedients nutri/ a.in:link { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:underline ; color: #616D36; font-size: 8pt; } a.in:visited { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color: #616D36; font-size: 8pt; } a.in:active{ font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color: #616D36; font-size: 8pt; } a.in:hover { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color: #7D893D; font-size: 8pt; } /link ingredients/ a.i:link { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color: white; font-size: 8pt; } a.i:visited { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: white; font-size: 8pt; } a.i:active{ font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: white; font-size: 8pt; } a.i:hover { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 8pt; color: yellow; } /link pour les categories/ a.c:link { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; background: #0F1CB3; color: #07D6E0; font-size: 8pt; } a.c:visited { font-family: Verdana, Arial, Helvetica, sans-serif; color: #6CC FFF; text-decoration: underline; background: #0F1CB3; color: #07D6E0; font-size: 8pt; } a.c:active{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #6CC FFF; text-decoration: underline; background: #0F1CB3; color: #07D6E0; font-size: 8pt; } a.c:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCC300; text-decoration: underline; background: blue; font-size: 8pt; color: white; } a.map{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCC300; text-decoration: none; background: blue; color: white; font-size: 8pt; } / This section of the style sheet has just a few selectors and properties to help you find your way around adding style to regular, standards-based HTML 4.01 tables (ie, a table to be used for presenting tabular information). / / The following selector selects the table as a whole and gives it a background color and a border. The last couple of properties might be unfamiliar to you. border-collapse allows you to specify that adjacent borders should collapse onto one another. border-spacing allows you to specify a gap between the borders of cells in a table, or in this case that there should be no gap. You'll find these properties in Style Master on the Display Type Editor. / table.princ{ width:"400"; border:"0"; display: table; border-spacing: 0px; background-color: #DDDDDD; width:700; } table.menu{ display: table; border-spacing: 0px; border-style: 4; border-color:#FFFFFF; width:500; } table.sec{ border-style: 2; border-collapse: collapse; border-spacing: 0px; border-color:#FFFFFF; background-color: #FFFFFF; width:700; } / table.menu{ display: table; border-collapse: collapse; border-spacing: 0px; background-color: #FFFFFF; width:600; }*/ tr.menuh{ text-align: left; background-color:#012B00; color: #d5d7d2; border-color:#FFFFFF; } tr.menub{ text-align: left; background-color:#164B1B; color: #d5d7d2; border-color:#FFFFFF; } tr.menub{ text-align: left; background-color:#164B1B; color: #d5d7d2; border-color:#FFFFFF; } tr.choix{ text-align: left; background-color:#58A062; border-color:#ffffff; color: #d5d7d2; }