/* fichier mcms.css utilise dans le site du MC Melun
 */
 
* {
  font-family : arial, helvetica, sans-serif;
  font-size : 1em;
}

body  {
 /*overflow-y: hidden;*/
  margin: 77px 0% 0% 0% ;
  padding:5px;
  
  background-color : #ffffff; /* couleur de fond */
  background-image: url(images/marbrgri.jpg); /* fond 1 sous forme d'image */
  background-attachment: fixed;
  }

.contenu  {
  height: 100%;
  overflow: auto;
 /* background-image: url(images/marbrgri.jpg); /* fond 1 sous forme d'image */
  }
  
.entete   {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 77px;
  background-color:white;
  border-bottom: solid black 1px ;
  text-align:left}
  
.menu   {
  position: absolute;
  top: 75px;
  left: 0;
  width: 10%;
  height: 100%;
  background-color:#afb7d3;
  border-right: solid black 1px;
}
.col_gauche { /* boite gauche (avec le menu) */
   position: absolute; /* positionné par rapport à la boite parent (ici .container) */
   left: 25px; /* démarre à 10 pixels de la gauche de la boite parent */
   width: 19%; /* largeur de la boite */
   padding-top: 10px; /* marge intérieure haute */
   /*border:dashed 1px orange*/
  font-size : 0.8em;
   } /* encadrement discret de la boite */ 

.col_centre { /* boite qui "pousse" vers le bas le reste de la page */
   margin: 0 21% 0 21%; /* marges gauche et droite, pour la place des 2 autres colonnes */
   /*border-left: 3px solid black; /* bordure gauche */
   /*border-right: 3px solid black; /* bordure droite */
  padding: 10px; /* marge intérieure - indispensable */
  /*background-color: #cccccc /* couleur du fond */
}
.col_droite { /* boite droite (avec le commentaire) */
  position: absolute; /* positionné par rapport à la boite parent (ici .container) */
  right: 25px; /* démarre à 10 pixels de la droite de la boite parent */
  width: 19%;  /* largeur de la boite */
  /*border:dashed 1px blue;*/
  font-size : 0.8em;
  } /* encadrement discret de la boite */ 


body>.entete {position:fixed}

/*body>.menu {position:fixed}*/


dt {
float:left;
clear:both;
font-weight:bold;
}

dt:after {
content: " : ";
}

dd{
margin:0px 0px 0px 0px;
}

/* s'utilise avec
<dl>
<dt>nom</dt>
<dd>tsing</dd>
</dl>

<dl>
<dt>pr&eacute;nom</dt>
<dd>tao</dd>
</dl>
*/

p { font-family : arial, helvetica, sans-serif;font-size : 1em;}

.italique {font-style: italic;}
.gras {font-weight: bold;}
.centre {text-align: center;}
.gros {font-family : "times new roman", times, serif;
          font-size : 1.5em;
          }
.bleu {color=blue;}
.vertf {color="#005522";}
.maro {color=#a78467;}

.ptimes {font-family : "times new roman", times, serif;}
.parial {font-family: arial, helvetica, sans-serif;}
.pcour  {font-family: "courier new",courier,monospace; }

.nom {font-size: 1em; font-weight: bold; text-decoration: none}

.banner {
background-color: white; 
font-weight: bold; 
color: #f00; 
text-decoration: none; 
border: medium none rgb(255,204,51);
}

.citation {font-family : "times new roman", times, serif;
          font-size : 1em;
          text-indent:2em;
          }

.erreur {font-family : "times new roman", times, serif;
          color :red;
          text-indent:2em;
          }
.attention {font-family : "times new roman", times, serif;
          text-align: center;
          font-size : 2em;
          text-indent:2em;
          color :red;
          }

h1 { font-family : "times new roman", times, serif;
      font-weight : bold;
      font-size : 2em;
      text-align: center;
      color : black;
        margin-left: 0px; text-decoration: none}

h2 {
    font-size: 1.75em; font-style : italic; margin-left: 0px; text-decoration: none
}
h3 {
    font-size: 1.5em; margin-left: 0px; text-decoration: none; text-align: left;
}
h3 span { float: right; font-size: 1.65em; } /* pour placer  une info à droite, écrire  <h3><span>Version</span>Date</h3> */

h4 {
    font-size: 1.25em; margin-left: 0px; text-decoration: none
}
h5 {
    font-size: 1em; margin-left: 0px; text-decoration: none
}
h6 {
    font-size: 0.75em; margin-left: 0px; text-decoration: none
}
pre {
    font-family: "courier new",courier,monospace; font-size: 0.8em
}
ul {
    font-size: 1em
}
li {
    font-family: arial, helvetica, sans-serif;
    font-size: 1em
}

.title {
    font-weight: bold; font-size: 16px; color: #000000; font-family: arial, helvetica, sans-serif;
    }

table.tblmenu
    {
    font-family:arial, helvetica, sans-serif;
    font-weight:bold;
        font-size:10pt;
    cursor:default;
    padding-top:0;
    padding-bottom:2px;
    height:14px;
    width:100%;
    }


table{
border:3px solid gray;
width:90%;
margin: auto;
background-image:url(images/mcmsgris.jpg);
/*margin: 5%;*/
/*margin:auto;*/
/*border-collapse:collapse;*/
}

thead, tfoot {
background-color:#def4df;
border:1px solid silver;
}
tbody {
background-color:#C0C0C0;
border:2px solid gray;

}
th{
font-family:monospace;
border:1px dotted silver;
padding:5px;
background-color:#00f600;
width:25%;
}
td{
font-family:sans-serif;
font-size:80%;
border:1px solid gray;
padding:10px;
margin:20px;
text-align:left;
}
caption{
font-family:sans-serif;
text-align:center;
}

a { color: blue; }
a:visited { color: #a67224; }
a:hover { color: #007fff; }
a:active { color: #009; }
a img {border: 0;}

.left {
  float: left;
  margin-right: 5px;
  } 
.right {
  float: right;
  margin-left: 5px;
  }