body {
 background-color:#80ffff;
 }

* {
 font-family:Verdana,Georgia, Arial, serif;
 font-size:medium;
 font-style:normal; 
}

.centrer{
 text-align:center; /* texte centrer dans ces div*/
}

a img /* Toutes les images contenues dans un lien */
{
 border:none; /* Pas de bordure */
}

.commentimage {
 border:3px solid green; /* Bordure du tableau avec effet 3D (outset) */ 
 width:900px;
 margin:auto;
 padding: 10px;
 height:500px;
 margin-bottom:1em;
}

.imageflottante {
 float: left;
 margin-right:10px;
}

#corps p:first-letter {
 font-size: 120%;
 font-weight: bold;
}

.lettrine {
 font-size: 120%;
 font-weight: bold;
}

#corps caption /* Titre du tableau */
{
 margin:auto; /* Centre le titre du tableau */
 font-weight:bold;
 font-size:110%;
 color:#009900;
 margin-bottom:15px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

#corps table { 
 width:95%;
 margin:auto;
 border:3px  solid green;
 border-collapse:collapse;
}

#corps td,#corps th {
 border:2px solid green;
}

.news h3 {
 background-color:#006699;
 color:white;
 font-size:0.9em;
 margin-top:0px;
 margin-bottom:0px;
 padding:3px;
 }
.news p {
 background-color:#47a9ff;
 margin-top:0px;
 margin-bottom:5px;
 font-weight:bold;
 padding:3px;
 }
.news {
 width:90%;
 margin:auto;
 } 

.Titrepage,.titrefiche {
 font-size:150%;
 font-weight:bold;
 text-align:center;
 }

.Titrepage  {
 color:#000066
 }

.titrefiche {
 color:#ff3300;
 }

.ptlien, .ptliensel {
 font-size:x-small;
 text-decoration:none;
 font-weight:bold;
 }

.ptlien     {
 color:#888800;
 }

.ptliensel  {
 color:#ff8888;
 }

.lienblanc  {
 text-decoration:none;
 font-weight:bold;
 color:#ffffff;
 }

h1, h2, h3 {
 color:#000099;
 } 

h1          {
 font-size:150%;
 }

h2          {
 font-size:140%;
 }

h3          {
 font-size:130%;
 }

p           {
 text-indent:10px;
 }

.bouton,.bouton:hover{
 font-size:20px; color:#ffffff; 
 font-weight:bold;
 cursor:pointer;
 }

.bouton{
 color:white;
 background-color:#6666ff;
 border:4px outset #ff0000;
 text-decoration:none;
 text-align:center;
 padding:5px;
 }

.bouton:hover{
 background-color:#6666ff;
 border:4px inset #ff0000;
 }

.glossaire {  font-size: 20px; font-weight: bold; color: #FF0000}

@media print {
  .menu, .ssmenu, .noPrint {
    visibility:hidden;
	}
 }

.menu, .ssmenu {
 background-color:#008080;
 color:white;
 font-weight:bold;
 font-size:12px;
 font-family:MS Sans Serif, sans-serif, Verdana, Arial;
 border:1px solid #EFB;
 padding:1px;
 width:15em;
 margin:1em;
 }

.menu {
 text-align:center;
 }

.ssmenu ul, .ssmenu li {
 font-size:12px;
 padding:0;
 margin:0;
 list-style-type:none;
 }

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
 font-size:12px;
 color:white;
 padding:2px 1px;
 text-decoration:none;
 display:block;
 margin:0px;
 width:100%;
 }

html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
 width:auto;
 }

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
 background-color:#EFB;
 color:black;
 text-decoration:none;
 }

.ssmenu img.hr {
 margin-top:1px;
 margin-bottom:1px;
 margin-left:0;
 margin-right:0;
 width:100%;
 display:block;
 }