body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 70%;
    color: #000;
  background: #fff ;
  margin: 0;
}
img {border: none;
}

table{border:1px solid #664444;margin:10px auto ;width:95%;}
caption{text-align:left;font-weight:bold;
color:#c30;font-variant:small-caps; }
th{border:1px solid #996612;text-align:left;}
td{border:1px solid #996612;text-align:right;}

#titre{
  width:100%;
    height:113px;
    
    margin:0;
    color:white;
}

#titre h1{
    margin:0;
    padding:0;
    font-size:20px;
}
#titre h2{
    margin:0;padding:0;
    font-size:13px;
}
#titre h3{
    margin:0;padding:0;
    font-size:10px;
}
#logo{
  position:absolute ;top:10px;left:20px;
}

#contenu{
    margin:0;
    padding:0 0 5px 0;
    background: white url(img/vertical.jpg); top: 115px; left: 0;
    background-repeat:repeat-y;
    clear:both;
    
}
p.indent{
  text-indent:1.5em;
  text-align:justify; 
}

#accueil{
  margin: 0 30px 0 180px ;
  padding: 15px ;
    background: #fff;    color:#000;
    font: 8pt/12pt verdana;
    min-height:600px;    
}
#accueil h1, #accueil h2{
    color:#89bddb;
    margin-top:30px ;
    font-size:16px;
}
#accueil h3{
      margin-top:3px ;
      background-color:#89bddb;
        color:#fff;
        font-size:18px;
        padding: 10px ;
    /* display:inline;*/
}
#accueil h4{
      margin-top:30px ;
      background-color:#e0e0e0;
        color:#664444;
     display:inline; 
}
#accueil a{
  color:#484822;
}
#accueil a:hover{
 background-color:#89bddb;
 color:white;
}

#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
position: absolute; /* placement du menu, à modifier selon vos
besoins */
top: 113px;
left: 0;
filter: alpha(opacity=90); background: #ccc;
-moz-opacity:0.8;
width: 152px;
}
#menu dt {
cursor: pointer;
margin: 1px 0;
height: 18px;
line-height: 18px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #e0e0e0;
color: #073069;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: left;
/*background: #89bddb;*/
}
#menu li a, #menu dt a {
color: #073769;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #89bddb;
}

.recentre{margin:0 auto;}
.centre{text-align:center;}
.droite{text-align:right;
        background-color:#e0e0e0;
        color:#664444;
        font-weight:bold;
        font-size:larger;
        }
.important{
  color:#ff7843;
  background:#fff; 
    font-weight:bold;     
}
.tableau{background-color:#89bddb; color:#fff;font-weight:bold;}

div.couvgauche-1{
  background-repeat:no-repeat; background-position:0 0;line-height:
20px;
    padding-left: 100px;margin:5px 10px;text-indent:1em;
  height:80px;
}
div.couvgauche-2{
  background-repeat:no-repeat; background-position:0 0;
    padding-left: 220px;margin:5px 10px;
  height:300px;
}
div.couvdroite {
  background-repeat: no-repeat;background-position:top right;
    padding-right: 220px; margin:5px 10px;
  height:230px;
    text-align:right;
}
div.photogauche{
  background-repeat:no-repeat; background-position:0 0;
    padding-left: 260px;margin:5px 5px;
  height:200px;
}
div.photogauche2{
  background-repeat:no-repeat; background-position:0 0;
    padding-left: 260px;margin:5px 5px;
  height:150px;
}
div.photogauche3{
  background-repeat:no-repeat; background-position:0 0;
    padding-left: 200px;margin:5px 5px;
  height:200px;

}
div.photodroite {
  background-repeat: no-repeat;background-position:top right;
    padding-right: 260px; margin:5px 5px;
  height:150px;
    text-align:right;
}