/* mise en page générale */
body { margin: 20px; font: 13px Verdana, Arial, sans-serif; }
.barrehaut { width: 100%; border: #000000 1px solid; margin: 0px 0px 20px 0px; padding: 1px; background-color: #FFFAEA; }
.barrehaut a { font-weight: bold; color: darkgoldenrod; text-decoration : none; }
#banniere { border: #000000 1px solid; padding: 0px; margin: 0px 0px 20px 0px; height: 120px; background: url('./logodroite.jpg') top right no-repeat; }
.bangauche { float: left; }
.bandroite { float: right; }
#barrebas { width: 100%; border: #000000 1px solid; margin: 00px 0px 0px 0px; padding: 1px; background-color: #FFFAEA; text-align: right; font: 10px; }
td { font: 13px Verdana, Arial, sans-serif; text-align: justify; margin: 5px; }

/* gestion des ombres */
.ombre  { background-color: gray; margin: 20px auto; padding: 0px 2px 2px 0px; }
.ombre2 { background-color: gray; margin: 20px 0px 20px 20px; padding: 0px 2px 2px 0px; width: 170px; }

/* articles */
.article { background-color: #FFFFFF; border: #000000 1px solid; padding: 10px; text-align: justify; }
.article a         { color: darkgoldenrod; text-decoration: none; }
.article a:hover   { color: darkgoldenrod; text-decoration: underline; }
.article a:visites { color: darkgoldenrod; text-decoration: none; }
.articleimage { text-align: center; margin: 20px; }
.articleimage img { border: #000000 1px solid; }
.articleimagesliens { margin-top: 10px; }
.articleimagesliens a { font-size: 12px;  color: #000000; text-decoration: none; }
.articleimagesliens a:hover { text-decoration: underline; }
a h1 { text-decoration: none; }
h1 { font-weight: bold; font-size: 16px;  color: darkgoldenrod; margin: 0px 0px 0px 0px;  padding: 0px; }
h1 a { color: darkgoldenrod; text-decoration : none; }
h2 { font-weight: normal; font-size: 12px;  color: lightslategray;  margin: 0px 0px 20px 0px;  padding: 0px; }
.legende { font-weight: normal; font-size: 12px; color: lightslategray; }
.legende a { font-weight: normal; font-size: 12px; color: darkgoldenrod; text-decoration: none; }
.legende2 { font-weight: normal; font-size: 12px; color: darkgoldenrod; }
.cadremotscles { margin: 20px 0px 0px 0px; }
.cadremotscles a { font-weight: bold; font-size: 12px;  color: lightslategray; text-decoration: none; }
.cadremotscles a:hover { font-weight: bold; font-size: 12px;  color: lightslategray; text-decoration: none; }

/* case des liens en haut a droite */
#liens { height: 120px; width: 170px; border: #000000 1px solid; margin: 0px 0px 20px 20px; padding: 0px; }
#liens img { margin: 0px; padding: 0px; border: 0px; }

/* cases autres categories */
.lienscategorie { background-color: #FFFAEA; border: darkgoldenrod 1px solid; padding: 2px; text-align: left; width: 165px; }
.lienscategorie h4 { text-align: center; font-weight: bold; font-size: 12px;  color: #000000;  margin: 0px 0px 10px 0px;  padding: 0px; }
.lienscategorie a { font-size: 11px;  color: #000000; text-decoration: none; }
.lienscategorie a:hover { text-decoration: underline; }
.tous { display:bloc; width: 160px; text-align: right; }
.tous a { font-weight: bold; text-decoration: none; color: lightslategray; }

/* blocs images */
.blocimages { margin: 10px; text-align: center; }
.blocimages a { text-decoration: none; background: gray; margin: 5px; }
.blocimages a:hover {  }
.blocimages img { border: #000000 1px solid; }

/* styles pour la mise en page */
.style1  { font-weight: bold; }
.style2  { font-style: italic; }
.style3  { text-decoration: underline; }
.style4  { font-style: italic; font-weight: bold; }
.style5  { font-style: italic; font-weight: bold; }
.style6  { text-decoration: underline; font-weight: bold; }
.style7  { text-decoration: underline; font-weight: bold; }
.style8  { font-style: italic; text-decoration: underline; }
.style9  { font-style: italic; text-decoration: underline; }
.style10 { font-style: italic; text-decoration: underline; font-weight: bold; }
.style11 { font-style: italic; text-decoration: underline; font-weight: bold; }
.style12 { font-style: italic; text-decoration: underline; font-weight: bold; }
.style13 { font-style: italic; text-decoration: underline; font-weight: bold; }
.style14 { font-style: italic; text-decoration: underline; font-weight: bold; }
.style15 { font-style: italic; text-decoration: underline; font-weight: bold; }