/* CSS Document */
html, body {
width: 100%;
margin: 0;
padding: 0;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #FDAC1F;
scrollbar-highlight-color: #B61B1B;
scrollbar-3dlight-color: #FFCC00;
scrollbar-darkshadow-color: #FFCC00;
scrollbar-track-color: #FDAC1F;
scrollbar-arrow-color: #B61B1B;
}
/* ----------------------- Menu ------------------------*/
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FCF1D8;
text-decoration: underline;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #AD5404;
text-decoration: underline;
background-color:#000000;
}
.menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FCF1D8;
font-weight: bold;
text-decoration: none;
}
.menu a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #AD5404;
font-weight: bold;
text-decoration: underline;
background-color:#000000;
}
.menumarque {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FCF1D8;
font-weight: bold;
text-decoration: none;
}
.menumarque a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #AD5404;
font-weight: bold;
text-decoration: none;
}
/* ------------------------- Bordures ---------------------------- */
table#sideborders { border: 1px solid #FDAC1F; }
/* ------------------------- Info promo et Vacances ---------------------------- */
.contourinfo { background-color:#000000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FCF1D8; text-align:justify;}
/* ------------------------- adresse ----------------------------- */
.adresse { font-family: Georgia, Times New Roman, Times, serif; text-align: center; color: #E0D6A0; }
/* -------------------------- texte central ---------------------- */
.textcentre { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #E0D6A0; }
.textcentre2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #E0D6A0; }
.textpromo { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FF0000; background-color: #FCF305; text-align: center; font-weight: bold; }
.texttitre { font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #E0D6A0; font-weight: bold; }
.texttitre2 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #E0D6A0; font-weight: bold; text-align:center; }
.textpop { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #E0D6A0; font-weight: bold; }
.textcontact { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #E0D6A0; font-weight: bold; text-align: right; }
.textgauche { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #E0D6A0; font-weight: bold; text-align: left; text-decoration:underline; }
.titregris { padding-right: 6px; padding-left: 6px; font-weight:bold; font-size: 12px; padding-bottom: 3px; color: #FDAC1F; font-family: Arial, Helvetica, sans-serif; text-align: left; }
.textnoir { padding-right: 6px; padding-left: 6px; font-weight: normal; font-size: 12px; color: #5E6254; font-family: Arial, Helvetica, sans-serif; }
.promo12 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #E0D6A0; text-align:center; padding-right:5px; }
.textrouge24 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #FF0000; font-weight: bold; }
/* -------------------------- Images ---------------------- */
.img { background-color:#000000; vertical-align:middle; padding-left:2px; padding-right:4px; }
/* -------------------------- texte bas ---------------------- */
.bas { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #E0D6A0; }
.bascontact { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #E0D6A0; padding-left: 5px; }
.bascontact12 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #E0D6A0; text-align:justify; padding-right:5px; }
/* -------------------------- Formulaire --------------------- */
.formulaire { padding-left: 20px; font-size: 15px; font-weight: bold; color: #E0D6A0; font-family: Arial, Helvetica, sans-serif; }
.formulaire2 { font-family: Arial,Verdana,Helvetica; font-weight: bold; font-size: 12px; color: #CC0000; }
.contour2 { border: 2px dotted #FDAC1F; }
/* ---------------------- Mentions legales ---------------------------- */
.titrelegales { padding-top: 4px; padding-bottom: 4px; font-weight: bold; font-size: 14px; color: #E0D6A0; font-family: Arial, Helvetica, sans-serif; text-align: left; background-color: #000000; }
.textlegales { padding-right: 6px; padding-left: 6px; font-weight: normal; font-size: 12px; color: #E0D6A0; background-color: #AD5404; font-family: Arial, Helvetica, sans-serif; }
/* ---------------------- Partenaires ---------------------------- */
.lientext { font-size:11px; color:#334e8f; font-family: Arial, Helvetica, sans-serif; text-decoration:none; background-color:#000000; }
/* ----------------------------------------------------------------------------------------------- */
/* Style annuaires */
/* ----------------------------------------------------------------------------------------------- */
/* Annuaires */
.titreannu { font-size: 12px; color: #046AB8; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; background-color: #AD5404; text-align:center; }
.annuaires { font-size: 10px; color: #FCF1D8; font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center; background-color:#000000; }
a.annuaires { font-size: 10px; color: #FCF1D8; font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center; }
a.annuaires:link { font-size: 10px; color: #FCF1D8; font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center; }
a.annuaires:hover { font-size: 10px; color: #AD5404; font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center; }
.lettre { font-size: 12px; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; color: #FCF1D8; }
a.lettre:link { font-size: 12px; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; color: #FCF1D8; }
a.lettre:hover { font-size: 12px; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; color: #016AB5; }
.liste { font-size: 8px; color:#000000; font-family: Arial, sans-serif; text-decoration:none; text-align:center; background-color:#000000; }
.liste2 { font-size: 12px; color:#000000; font-family: Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; background-color:#d3d3d3; }
/* ---------------------- Main Navigation ---------------------------- */
/* Examples viewed& modified from:
- http://www.alistapart.com/articles/taminglists/
- http://builder.com.com/5100-6371-5153115.html
- http://css.maxdesign.com.au/listamatic/horizontal13.htm
*/
#navcontainer
{
margin: 0;
padding: 5px 0 7px 5px;
width: 775px;
line-height: 1.75;
background-color: #FDAC1F; /* couleur du fond */
font-family: Arial, Helvetica, sans-serif;
font-size: 95%;
}
ul#navlist
{
display: inline;
list-style: none;
}
ul#navlist li
{
float: left;
width: auto;
margin-right: 5px;
border: 2px solid #AD5404;
background-color: #DDDDDD;
}
ul#navlist li a
{
padding: 0 10px;
line-height: 1.75;
text-decoration: none;
color: #900000; /* couleur texte */
}
ul#navlist li a#current
{
background-color: #FDAC1F; /* couleur surligne */
color: #FFFFFF;
}
ul#navlist li a:hover, ul#navlist a#current:hover
{
background-color: #FDAC1F;
color: #FFFFFF;
}
ul#navlist li a:active, ul#navlist li#active a#current:active
{
background-color: #AD5404;
color: #FFFFFF;
}