body {
  background-color: #ffffff; /*#ccffff;*/
padding:0px;
margin: auto;
width:806px;
}
#top {
  border-style: solid;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 36pt;
  text-align: left;
  height: 100px;
  min-height: 100px;
  padding-bottom:0px;
/*background-color:#dbe6ff;*/
background-color: #b4c4f3;  
}

#top img{
float:left ;
position: relative;
top: 15px;
width: 147px;
z-index:1;
}

#title{
  display: block;
  text-align:center;
  bottom:0px;
  position: relative;
/*left:-150px;
z-index:0;
overflow: hidden;
*/
}

#title img{
position:relative;
top: 0px;
float:left;
/*width:653px;*/
height: 100px;
width: 800px;
}

#mmenu{
height:20px;
background-color: #0000ff;
margin:0;
}

#mmspacer{
width:150px;
float:left;
margin:0;
/*background-color: #b4c4f3; */
height:20px;
}

.mmitem{
background-color: #0000ff;
color: #ffffff ;
margin: 0px 15px 0 15px;
}

.mmsitem{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12pt; 
color: white;
background-color: #05bff7;
padding: 0px 30px 1px 30px;
margin: 0px 15px 0px 14px;
}


.mmitem a{
text-decoration:none;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12pt; 
padding: 0px 30px 1px 30px;
margin: 0px ;
color: white;
}

.mmitem a:visited{
color:white;
}

.mmitem a:hover{
background-color: #05bff7;
}

#container {
overflow:hidden;
background-color: #b4c4f3;
}

#menuc{
width:150px;
height:80%;
min-height:500px;
margin: 0;
padding:0;
background-color: #b4c4f3;
/*position:absolute;
top:126px;
padding-bottom: 10000px;
margin-bottom: -10000px;
*/
float: left;
}

#menu{
list-style: none;
text-align:center;
background-color:#b4c4f3;
/*#e6ecff;*/
margin:0;
padding:0;
top:20px;
position:relative;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12pt; 
color: white;

}


#menu li {
background-color:#0000ff;
padding: 0px;
margin: 0px 5px 10px 5px;
border: 1px solid black;
}

#menu li.msitem {
background-color: #5d5dde;
margin: 0px 5px 10px 5px;
color: white;
text-decoration:none;
padding: 13px;
display: block;
border-style:outset;
}


#menu li a {
color: white;
text-decoration:none;
padding: 10px;
display: block;
border-style:outset;
/*border-color:#b4c4f3;*/
}

#menu li a:hover {
background-color:#5d5dde;
}

#login{
position:relative;
top:0px;
margin:10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:9pt;
border: 1px solid black;
padding: 5px 0px 5px 7px;
}

#login label{
display: block;
margin-left:3px;
}

#login input{
background-color:#b4c4f3;
width: 90px;
margin-bottom:5px;
border: 1px solid black;
height:15px;
margin-left:3px;
}

#login input[type="submit"] {
background-color:#b4c4f3;
border: 2px #b4c4f3 groove;
margin:5px 0px 0px 6px;
height: 22px;
}

/* Default for text */

#text{
background-color: #dbe6ff;
/*height:500px;*/
margin-left:150px;
font-family: Verdana, Helvetica, Arial, sans-serif;
min-height: 500px;
padding-left:10px;
padding-right:10px;
padding-bottom: 10000px;
margin-bottom: -10000px;
}

div.mainhead{
font: 24pt bold Verdana, Helvetica, Arial, sans-serif;
margin-left:20px;
padding-top:10px;
padding-bottom: 10px;
}

ul.mainlist {
list-style-type:none;
}

ul.mainlist li {
margin-bottom:5px;
border: 0px #dbe6ff groove;
}

ul.mainlist li a, ul.mainlist li a:visited{
text-decoration:none;
color: black;
}

ul.mainlist li a:hover{
color: black;
background-color: #05bff7;
}

#text p {
text-align: justify;
text-indent: 35px;
line-height:14pt;
padding: 10px 40px;
}

#text .retour{
float:right;
margin-right:15px;
margin-top:10px;
font-size: 12pt;
background-color: #b4c4f3;
}

#text .retour a{
text-decoration: none;
color: black;
padding: 4px;
border: 1px solid black;
background-color: #b4c4f3;
}

#text .retour a:hover{
background-color: #05bff7;
}

#text li {
text-align:justify;
padding-right:20px;
line-height: 14pt;
}

/* Comite d'honneur*/

.comhead {
font-size:14pt;
font-weight: bold;
margin:10px 0px;
}

.comh{
}

.comhaff{
font-style: oblique;
font-size: 11pt;
}

/*Responsables */

.resimg {
font-size:10pt;
margin:auto;
}

.resimg td{
padding:10px;
}
.resimg img{
display:block;
margin:auto;
}

.reslist dt {
font-weight:bold;
margin-bottom:5px;
margin-top:10px;
}

.reslist dd{
font-size:10pt;
}

/*main page*/
#textmain{
background-color: #dbe6ff;
/*height:500px;*/
margin-left:0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
min-height: 500px;
padding-left:10px;
padding-right:10px;
}


/* Numeros de revue */

.numero {
margin-left: 30px;
margin-top: 20px;
}

.numero ul li span.auteur {
/*font-style: oblique;*/
font-style: normal;
font-size: 12pt;
}

.numero ul li span.auteur:before {
content: "";
}

.auteur .nom {
/*font-variant: small-caps;*/
}

.numero ul {
list-style-type:circle;
margin-top: 10px;
}

.numero ul li {
margin-bottom:5px;
border: 0px #dbe6ff groove;
font-style: italic;
}

.numero ul li a, .numero ul li a:visited, .numero a, .numero a:visited{
text-decoration:none;
color: black;
font-weight: bold;
}

.numero ul li a:hover, .numero a:hover{
color: black;
background-color: #05bff7;
}

.numeros {
margin-top: 40px;
margin-left: 20px;
font-size:12pt;
text-align:center;
border: white ridge;
}

.numeros td {
/*background-color: #b4c4f3;*/
padding: 13px;
}

.numeros td.l {
background-color: #b4c4f3;
padding: 0px;
}

.numeros td.n {
background-color: #b4c4f3;/*#05bff7;*/
padding: 0px;
/*border: white outset;*/
}

.numeros a, .numeros a:visited, .numeros a:active, .numeros a:focus{
display:block;
padding: 10px;
text-decoration:none;
color: black;
/*background-color: #b4c4f3; /*#5d5dde;*/
}


.numeros td.n a, .numeros td.n a:visited {
background-color: #b4c4f3; /*#05bff7;*/
padding: 10px;
}


.numeros a:hover, .numeros td.n a:hover{
/*background-color: red;
*/
border: white groove;
padding: 10px;
}


#floatnumero{
  display:none;
  position:absolute;
  border-style: solid;
  background-color: white;
  padding: 5px;
height:300px;
}

#floatnumero img{
height:300px;
width: 200px;
}

#parechemin {
background-image: url('img/p1.jpg'); 
background-repeat:no-repeat; 
background-position: center center;
min-height: 500px;
height: 500px;
width: 575px;
margin: auto;
}

#parechemin .mainhead{
  width: 500px;
  margin: auto;
  top: 35px;
  position: relative;
  text-align: center;
  font-weight: bold;
  font-size: 18pt;
}

#parechemin .maintext{
  width: 400px;
  margin: auto;
  top: 80px;
  position: relative;
  text-align: justify;
}

#parechemin pre{
  width: 500px;
  top: 140px;
  left: 70px;
  position: relative;
  font-size: 12pt;
}

.sc {
font-variant: small-caps;
}

.ap{
font-family: Times;
font-size: 120%;
}

.i {
font-style: italic;
}

.largelist li{
  margin-bottom: 10px;
}


/* page evenement */

.evenement {
  display: list-item;
  margin-left: 10mm;
  margin-top: 3mm;
  margin-bottom: 10mm;
}

.evenement .header {
  font: 14pt bold Verdana, Helvetica, Arial, sans-serif;
  display: block;
}

.evenement .texte{
  font: 12pt Times;
  margin: 3mm 1cm 3mm 1cm ;
  text-align: justify;
}

.evenement .lien {
  margin-top: 2mm;
  display:block;
}

.communique {
  display: list-item;
  margin-left: 10mm;
  margin-top: 3mm;
  margin-bottom: 10mm;
}

.communique a{
text-decoration:none;
}