/* codes couleur : /* rouge = #822100 /* marron = #8E8279 /*********************/ body { padding: 0; margin: 0; background: #D9D2CB url("images/fd.png") repeat 0 0; } div#page { position: relative; /* margin-left: -380px; width: 760px; left: 50%; */ width: 100%; background: #FFD none; text-align: left; border: 1px solid #E3D0C3; } /* entete */ div#entete { position: relative; height: 100px; padding-left: 45px; border: 1px solid #E3D0C3; margin: 8px; text-align: left; background: #E1E0C3 url("images/fd.png") repeat 0 0; } #entetetitre { position: absolute; top: 12px; right: 20px; color: #8E8279; letter-spacing: 4px; text-align: left; border: 0; font: italic bold 28px sans-serif, verdana, helvetica, serif; padding: 4px 6px; } #entetetitreindex { position: absolute; top: 22px; right: 28px; color: #8E8279; letter-spacing: 4px; text-align: left; border: 0; font: italic bold 28px sans-serif, verdana, helvetica, serif; padding: 4px 6px; } #enteteauteur { position: absolute; top: 44px; right: 35px; color: #8E8279; letter-spacing: 5px; text-align: left; border: 0; font: italic bold 12px sans-serif, verdana, helvetica, serif; padding: 4px 6px; } #entetesoustitre { position: absolute; bottom: 4px; color: #822100; letter-spacing: 5px; text-align: left; border: 0; font: italic bold 12px sans-serif, verdana, helvetica, serif; padding: 4px 6px; border: 0px solid green; } #presente { position: absolute; top: 2px; left: 1px; color: #8E8279; border: 0; } #entetesoustitre a, #entetesoustitre a:link, #entetesoustitre a:visited, #entetesoustitre a:hover, #enteteauteur a, #enteteauteur a:link, #enteteauteur a:visited, #enteteauteur a:hover { color: #822100; text-decoration: none; } #logo { position: absolute; top: 5px; left: 25px; width: 150px; height: 70px; } /* menu horizontal */ #menu { position: relative; padding: 5px; margin: 0 8px; background: #E1E0C3 url("images/fd.png") repeat 0 0; border: 1px solid #E3D0C3; font: normal bold 12px sans-serif, verdana, helvetica, arial, serif; } ul#rubrique { margin: 3px 5px; padding-left: 20px; white-space: nowrap; text-decoration: none; } #rubrique li { display: inline; margin-right: 1px; list-style-type: none; } #rubrique li#actif { padding: 3px 10px 3px 20px; border: 1px solid #FFD; text-decoration: none; background: #8e8279 url("images/menu0.gif") no-repeat 4px 50%; color: #F0F0F0; } #rubrique a { padding: 3px 10px 3px 20px; } #rubrique a:link, #rubrique a:visited { border: 1px solid #FFD; text-decoration: none; background: #cecbb7 url("images/menu1.gif") no-repeat 4px 50%; color: #822100; } #rubrique a:hover { border: 1px solid #FFD; text-decoration: none; background: #8e8279 url("images/menu0.gif") no-repeat 4px 50%; color: #F0F0F0; } /* menu gauche */ #menulat1 { position: absolute; top: 0; left: 0; width: 135px; background: #FFD none; } ul.menu1 { padding: 0; margin: 0; margin-bottom: 8px; list-style-type: none; background-color: #EEE; border: 1px solid #E3D0C3; } .menu1 li { font: normal bold 11px verdana, helvetica, arial, serif; color: #822100; line-height: 20px; } .menu1 li a { display: block; height: 23px; margin: 1px 2px 0 2px; color: #822100; padding-left: 25px; text-decoration: none; } .menu1 li a:hover { display: block; height: 23px; padding-left: 25px; background: #EEE url("images/fd-bouton-on.png") no-repeat 5px 0px; text-decoration: none; } .menu1 li#actif { display: block; height: 25px; margin: 1px 2px 0 2px; padding-left: 25px; background: #EEE url("images/fd-bouton-on.png") no-repeat 5px 0px; } dl.menu2 { position: relative; background: #EEE none; margin: 0; padding: 5px; font: normal bold 10px verdana, helvetica, arial, serif; color: #8E8279; line-height: 16px; border: 1px solid #E3D0C3; } .menu2 dt { margin: 0; text-decoration: underline; } .menu2 dd { margin: 0; } .menu2 dd a { color: #8E8279; text-decoration: none; } .menu2 dd a:hover { color: #822100; text-decoration: none; } #logoref { position: relative; background: #EEE none; margin: 0; text-align: center; font: normal bold 9px verdana, helvetica, arial, serif; color: #8E8279; line-height: 14px; border: 1px solid #E3D0C3; } div.mailing { position: relative; background: #EEE none; margin: 0; margin-bottom: 8px; padding: 5px; font: normal bold 9px verdana, helvetica, arial, serif; color: #8E8279; line-height: 20px; text-align: center; border: 1px solid #E3D0C3; } .mailing a { color: #822100; text-decoration: none; } .txt { padding-top: 2px; font: normal normal 10px verdana,arial,sans-serif; color: #8E8279; } .btn { background-color: #DDD; padding: 2px 10px 0 10px; font: normal bold 10px verdana,arial,sans-serif; color: #444; border: 1px solid #666; } a.button { vertical-align: -15%; _vertical-align: baseline; background-color: #AAA; padding: 1px 9px; margin: 0; font: normal bold 9px verdana,arial,sans-serif; color: #4B4B4B; text-decoration: none; border: 1px outset #666; cursor: hand; } form { text-align: center; } .validemail { text-align: center; font: normal bold 12px verdana,arial,sans-serif; color: #F33; } div#euroclics { position: relative; margin: 0; padding: 5px; text-align: center; } /* affichage image validation */ #code { text-align: center; } /********************* texte general *******************/ div#texte { /* page d'intro */ position: relative; text-align: left; margin: 8px; background: #FFD none; border: 1px solid #FFD; } div#texte0 { position: relative; text-align: left; margin: 8px; background: #EEE url("images/fd-titre.png") repeat-y 0 10px; padding: 35px; border: 1px solid #E3D0C3; } div#texte2 { /*position: relative;*/ margin-left: 144px; background: #EEE url("images/fd-titre.png") repeat-y 0 10px; padding: 25px; border: 1px solid #E3D0C3; } /* titres principaux */ .titre { padding: 0; margin: 0; text-align: center; } div.presentation { /*width: 49%;*/ margin: 0; padding: 0; padding-bottom: 8px; border: 0px solid green; } p { margin: 0 0 10px 0; font: normal bold 12px verdana, arial, helvetica, serif; color: #222; line-height: 18px; word-spacing: 2px; text-align: justify; text-indent: 8px; border: 0px solid red; } p.mini { margin: 0 0 10px 0; font: normal bold 11px verdana, arial, helvetica, sans-serif; color: #222; line-height: 16px; word-spacing: 2px; text-align: justify; text-indent: 8px; border: 0px solid red; } p a, p.mini a { color: #822100; text-decoration: none; } p a:hover, p.mini a:hover { color: #010101; background-color: #E1E0C3; text-decoration: underline; } p.introduction { font: italic bold 13px arial, verdana, helvetica, sans-serif; margin: 10px 25px; } ul.resto { padding-left: 60px; font: normal bold 12px verdana, arial, helvetica, sans-serif; color: #222; } .resto li a{ color: #822100; text-decoration: none; } .resto li a:hover{ color: #822100; text-decoration: none; } /* page d'intro */ /* presentation 2 colonnes */ #modecol { margin: 0; margin-left: auto; margin-right: auto; padding: 0; border: 0px solid red; } #modecol1 { border: 0px solid black; float: left; margin: 0; padding: 0; width: 410px; } #modecol2 { border: 0px solid green; float: right; margin: 0; padding: 0; width: 410px; } .imgindex { border: 0; float: right; margin: 5px 15px 5px 45px; width: 200px; } div.restau { /*padding-left: 10px;*/ } div.restau p { color: #222; font: normal normal 12px verdana, arial, helvetica, serif; margin-bottom: 4px; } div.restau p a { color: #222; text-decoration: none; } div.restau p a:hover { background-color: #E1E0C3; color: #222; text-decoration: underline; } /* indication de mise a jour */ .maj { color: #093; } .majn { color: #F00; font: italic bold 10px verdana, helvetica, arial, serif; } /* photos de restauration */ div.imgintro { margin: 0 0 20px 0; text-align: center; } .lgd { color: #008080; font-style: italic; } div.photo { padding: 0; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 5px; width: 690px; text-align: center; border: 0px solid red; } dl.ident { float: left; margin: 4px 8px 2px 8px; padding: 4px; background-color: #FFD; text-align: center; width: 200px; } .ident dd, .video dd { width: 200px; margin: 0; padding: 0; font: normal normal 9px verdana,'Times New Roman',sans-serif; color: #000; text-align: left; border: 0px solid #E3D0C3; } dl.video { float: left; margin: 4px 8px 2px 8px; padding: 4px; background-color: #F96; text-align: center; width: 200px; } div.phototech { padding: 0; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 5px; text-align: center; border: 0px solid red; } dl.identtech { float: left; margin: 4px 8px 2px 8px; padding: 3px 1px; background-color: #FFD; text-align: center; width: 160px; } .identtech dd { width: 160px; margin: 0; padding: 0; font: normal normal 9px verdana,'Times New Roman',sans-serif; color: #000; text-align: left; border: 0px solid #E3D0C3; } div.signature { position: relative; text-align: right; font: normal bold 12px verdana, arial, helvetica, serif; color: #222; } h1, h1 a { margin-top: 20px; font: italic bold 16px sans-serif, verdana, arial, helvetica, serif; color: #822100; text-indent: 40px; text-decoration: none; } h1 a:hover { margin-top: 20px; background-color: #FFD; font: italic bold 16px sans-serif, verdana, arial, helvetica, serif; color: #822100; text-indent: 40px; text-decoration: underline; } h2 { font: italic bold 14px sans-serif, verdana, arial, helvetica, serif; color: #822100; text-indent: 55px; margin-top: 16px; } /* mise en forme des liens */ .lien { position: relative; width: 600px; margin-left: auto; margin-right: auto; background: #EEE url("images/fdlien0.png") repeat-y; border: 0px solid #red; } .lienhaut { background: #EEE url("images/fdlien1.png") no-repeat; font: normal bold 15px "comic sans ms", "bimini", verdana, helvetica, serif; color: #822100; text-indent: 20px; height: 20px; border: 0px solid blue; } .lienhaut span { background: #EEE none; padding: 0 3px; } div.titrelien { font: italic bold 16px sans-serif, verdana, arial, helvetica, serif; color: #8E8279; text-align: center; border: 0px solid red; } .corps { position: relative; padding: 15px 22px; border: 0px solid red; } .corps p { font: normal normal 12px verdana, arial, helvetica, serif; color: #010101; text-align: justify; letter-spacing: 1px; word-spacing: 2px; } .corps p:first-letter { font-size: 100%; font-weight: normal; } .corps img { float: right; padding: 0 8px 0 15px; margin: 0; border: 0px solid green; } .corps a { font: normal normal 12px verdana, arial, helvetica, serif; text-decoration: underline; color: #8E8279; font-weight: bold; line-height: 22px; } .corps a:hover { color: #822100; text-decoration: none; } .lienbas { background: #EEE url("images/fdlien2.png") no-repeat; } /* affichage liens */ .lien0 { position: relative; background: #E1E0C3 url("images/bl0.png") 0 100% no-repeat; margin: 10px; } .e0br { position: relative; background: url("images/br0.png") 100% 100% no-repeat; } .e0tl { position: relative; background: url("images/tl0.png") 0 0 no-repeat; } .e0tr { position: relative; background: url("images/tr0.png") 100% 0 no-repeat; padding:10px; margin: 0; } .lien1 { position: relative; background: #FFD url("images/bl1.png") 0 100% no-repeat; margin: 10px; } .e1br { position: relative; background: url("images/br1.png") 100% 100% no-repeat; } .e1tl { position: relative; background: url("images/tl1.png") 0 0 no-repeat; } .e1tr { position: relative; background: url("images/tr1.png") 100% 0 no-repeat; padding:10px; margin: 0; } .e0tr img, .e1tr img { float: left; margin: 0 10px 10px 0; position: relative; /* fix for IE/Win */ } p.titrelienx { font: italic bold 16px sans-serif, verdana, arial, helvetica, serif; color: #8E8279; } /*** news ***/ .datenews { position: relative; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; padding: 2px 10px 2px 0; font: normal bold 11px verdana, arial, helvetica, serif; color: #822100; text-align: right; height: 15px; border-bottom: 2px solid #E3D0C3; border-right: 2px solid #E3D0C3; } .textenews { position: relative; margin-left: auto; margin-right: auto; padding: 5px 6px; border-left: 2px solid #E3D0C3; border-bottom: 2px solid #E3D0C3; border-right: 2px solid #E3D0C3; background: #E1E0C3 none; } .textenews p { font: normal bold 12px verdana, arial, helvetica, serif; color: #222; line-height: 18px; word-spacing: 2px; text-align: justify; text-indent: 8px; margin: 0; padding: 0; } .textenews p a { color: #822100; text-decoration: none; } .textenews p a:hover { color: #222; background-color: #FFD; text-decoration: underline; } /* lien vers les archives des mises a jour */ #archiv { font: normal bold 11px verdana, arial, helvetica, serif; color: #010101; } #archiv a { color: #822100; text-decoration: none; } #archiv a:hover { color: #222; background-color: #FFD; text-decoration: underline; } /* petites annonces */ p.conditions { font: normal normal 10px verdana, arial, helvetica, serif; color: #010101; } .annonce { position: relative; background: #EEE none; border: 2px solid #E1E0C3; } .atitre { margin: 0; padding: 2px; background: #E1E0C3 none; font: normal bold 11px verdana, arial, helvetica, serif; color: #010101; } .atexte { margin: 0; padding: 10px; text-align: left; } .atexte a { color: #822100; } dl.acontactdl { float: left; width: 250px; font: normal normal 11px verdana, arial, helvetica, serif; color: #010101; } .acontactdl dt { font-weight: bold; } .acontactdl dd a { font-weight: bold; color: #822100; } .aphoto { position: absolute; bottom: 10px; left: 240px; text-align: left; padding-bottom: 12px; } .adepot { position: absolute; bottom: 0; left: 0; padding: 1px 3px; background: #E1E0C3 none; } .aprix { position: absolute; bottom: 0; right: 0; margin: 0; padding: 4px; font: normal bold 12px verdana, arial, helvetica, serif; color: #822100; } .aretour { float: right; margin: 0; padding: 2px 5px; background: #E1E0C3 none; } .aretour a, .aretour a:hover, .aretour a:visited { color: #822100; } /********************* pied de page **********************/ div#pied { position: relative; margin: 0;/* 5px 5px 5px;*/ padding: 10px; height: 50px; background: #E1E0C3 none; text-align: right; font: normal normal 10px verdana,arial,helvetica,sans-serif;; color: #5C5C5C; border: 1px solid #E3D0C3; } #pied span { display: block; margin: 3px 0; } #pied a { color: #822100; text-decoration: none; } #pied a:hover { color: #5C5C5C; text-decoration: underline; } #pied a.pasrouge { color: #5C5C5C; text-decoration: none; } /* affichage du compteur de visite */ div#compteur { position: absolute; top: 45px; left: 40px; padding: 2px; } /* affichage du logo xiti */ div#xiti { position: absolute; top: 15px; left: 50px; width: 39px; height: 25px; border: 0px solid red; } #centrer { margin-left: auto; margin-right: auto; padding: 0 2px; text-align: left; background: #FFD none; border: 0; } .bouton { background-color: #FFD; border: 1px outset #E3D0C3; padding: 2px 3px; font: normal normal bold 11px verdana,helvetica,'Times New Roman',sans-serif; color: #822100; } /* retour au debut */ .retour { float: right; padding-right: 15px; text-align: left; font: normal normal normal 8pt arial,verdana,'Times New Roman',sans-serif; color: #FFFFD0; } .retour a { color: #822100; } /********************************/ /* divers */ /********************************/ img { border: 0; } img.smiley { border: 0; vertical-align: -20%; } .spacer { clear: both; border: 0px dotted green; } .spacer0 { clear: both; line-height: 0; border: 0px dotted green; } .spacer5 { clear: both; line-height: 5px; border: 0px dotted green; } .spacer50 { clear: both; line-height: 50px; border: 0px dotted green; } .center { text-align: center; } .red { color: #F00; } /* affichage du bandeau de pub */ #pub { position: relative; width: 468px; height: 90px; margin-left: auto; margin-right: auto; bottom: 2px; background: transparent none; text-align: center; border: 0px solid red; } /* texte de la pub */ #clickfr { font: normal normal 7pt arial,verdana,'Times New Roman',sans-serif; } #clickfr a { color: #CCC; background: transparent none; } #adsense { position: absolute; top: 4px; left: 200px; width: 235px; height: 62px; } #adsense2 { position: relative; margin-left: auto; margin-right: auto; margin-top: 8px; width: 126px; height: 130px; } #adsense3 { position: relative; margin-left: auto; margin-right: auto; margin-top: 8px; width: 480px; height: 70px; }