* {
  margin: 0; 
  padding: 0;
  overflow: none; 
}

body { 
  margin: 102px 0 0 0; 
  color: navy; 
  font-family: 'Comic Sans MS', times, Verdana, serif; 
  background-image: url(Fond_1.gif);
  background-color: yellow;
  text-align: center;
} 

.content { 
  height: 100%;
  margin-left: 195px;
  margin-right: 205px;
  padding-top: 10px;
} 

.content img {
  height: 130px; 
} 

.content p img {
  height: 50px; 
}
 
.content ul li {
  text-align: left; 
  margin-left: 200px; 
}
 
.content li img {
  text-align: left; 
  height: 50px;
}

.content h1 img { 
  height: 50px; 
}

.tableau  {
  margin : 10px auto auto auto; 
  text-align : left;
}

.tableau img {
  width: 100px;
  height: auto;
}

.tableau_photo  {
  margin : 10px auto auto auto; 
}

.tableau_photo img {
  hight: 150px;
  width: auto;
}

.tableau1  {
  margin : 10px auto auto auto; 
}

.tableau1 td {
  text-align:left;
  padding: 5px;
}

.tableau1 img {
  height: 50px;
  width: auto;
}

.tableau2  {
  margin : 10px auto auto auto; 
}

.tableau2 td {
  line-height: 12px;
  font-size: 90%;
  font-family : "Times new roman", serif;
  text-align: left;
}

.tableaubd  {
  margin-left:auto;
  margin-right:auto;
  padding-left:5px;
/*  padding-right:5px; */
  font-family : "Times new roman";
  font-size : 85%;
}

.tableaubd td {
  padding-left:5px;
  padding-right:5px;
  text-align: left;
  }
  
.sommaire { 
  position: absolute; 
  top: 0 ; 
 /* left: 0 ; */
  width: 100%; 
  height: 100px;
  background-image: url(Bandeau.gif);
  left: 50%; 
  margin-left: -450px; /* moitié de la largeur de l'image */
  background-repeat : no-repeat;
}

.sommaire ul {
  list-style: none; 
  font-size: 12px; 
} 
.sommaire ul a {
  position: absolute; 
  display: block; 
  width: 70px; 
} 
.sommaire a:hover {
  font-size: 15px; 
  color: #660000;
  width: 80px; 
}

#menu1 {
top: 15px; 
left: 270px;
} 
#menu1:hover {
top: 5px; 
left: 265px;
} 
#menu2 {
top: 0; 
left: 335px; 
} 
#menu2:hover {
top: 0; 
left: 330px; 
} 
#menu3 {
top: 0; 
left: 400px; 
} 
#menu3:hover {
top: 5px; 
left: 395px; 
} 
#menu4 {
top: 0; 
left: 465px; 
} 
#menu4:hover {
top: 5px; 
left: 460px; 
} 
#menu5 {
top: 0; 
left: 530px; 
} 
#menu5:hover {
top: 5px; 
left: 525px; 
} 
#menu6 {
top: 20px; 
left: 580px; 
} 
#menu6:hover {
top: 25px; 
left: 575px; 
} 
#menu7 {
top: 0; 
left: 650px; 
} 
#menu7:hover {
top: 5px; 
left: 645px; 
} 
#menu8 {
top: 0; 
left: 715px; 
} 
#menu8:hover {
top: 5px; 
left: 710px; 
}

h1 {
font-weight: bold; 
font-size: 120%; 
text-decoration: underline; 
text-align: center; 
}

h1 a img {
  height: 50px; 
}

h2 {
  font-weight: bold; 
  font-size: 100%; 
  margin: 0; 
  text-align: center; 
} 

h3 {
  font-weight: bold; 
  font-size: 110%; 
  font-style: italic;
  text-align: left;
}

h3 img {
  height: 130px; 
}

h6 {
font-size: 90%; 
line-height: 1em; 
margin: 1em 0; 
color: red; 
font-style: italic;
text-align: center;
}

.lo {
  font-family: "Times new roman", serif;
  border-bottom-style:  ridge;
  border-bottom-color: blue;
  border-width: 2px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.menugauche { 
  position: absolute; 
  top: 0;  
  left: 0; 
  width: 180px; 
  height: 100%; 
}
.menugauche ul {
  list-style-type: none; 
}
 
.menugauche li a {
  display: block; 
  height: 1em; 
  line-height: 1em; 
  font-weight: bold; 
  font-family: Times new roman; 
  font-size: 100%; 
  border-style: ridge;
  border-color: orange;
  background: black;
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
}

.menugauche li a:hover {
  background: yellow; 
  color: black; 
  font-size: 110%; 
}

.menudroit {
  position: absolute; 
  top: 0;
  right: 0; 
  width: 200px; 
  color: black; 
  font-family: Times new roman; 
  font-size: 110%; 
  margin: 0;
}
 
.événements {
  right: 0; 
  top: 120px; 
  width: 160px; 
  margin: 0 0px 10px 0; 
  padding-top: 10px; 
  color: red;
  font-family: "Times new roman", serif; 
  font-size: 100%; 
  background-color: orange;
  border-style: ridge;
  border-color: green;
  font-weight: bold;
}

#bloccadre {
padding: 0 0 25px 25px; 
text-align: left; 
}
 
#bloccadre ul {
margin: 1em 0 0; 
padding: 0; 
} 

#bloccadre li {
margin: 0; 
list-style-image: url(postpuce.gif); 
} 

#bloccadre li a {
font-size: 80%;
font-weight: bold;
font-style: italic;
}

#bloccadre li a:hover {
text-decoration: underline; 
}

.rouge:link {
  color: #ff3333;
}

.rouge:visited{
  color: #ff3333;
}

.infos {
  right: 0; 
  top: 350px; 
  width: 170px;  
  color: black; 
  font-family: "Times new roman", serif; 
  font-size: 100%;
}

.diaporama img {
  height: 350px;
}

.diaporama a img {
  height: 25px;
  border: 0;
}

.icone img {
  height: 40px;
}

.pied {
  bottom: 0;
  left: 0; 
  width: 140px; 
  text-align: center; 
  color: white;
  font-weight: bold; 
  margin : 0;
}

.pied li a {
  border-width: 0;
  height: 37px;
  background-color: transparent;
  padding-bottom: 5px;
}
.pied li a:hover {
  background-color: transparent;
}