/* Le corps */
.cor body {text-decoration: none;  background :  #ffffff}
.cor table {MARGIN-LEFT: 4%}
.cor td { background-color: #ffffff; color: #001d60; text-indent: 20px;
 PADDING: 10px 50px 10px 45px;text-align:justify; }
.cor p  {text-align:justify;  font-size: 80%; font-family: arial; }

.cor2 body {background :  #ffffff;  }
  .cor2 td {color: #001d60;text-align:justify; }
  .cor2 p  {text-indent: 20px;  }


   .cor3 body {background :  #ffffff;  }
  .cor3 td {color: #001d60;PADDING: 20px 20px 10px 20px;}
  .cor3 p  {text-indent: 20px;  }

 .corr h3{font-size: 150%; background:rgb(235,137,122);   color:white; padding:4px;}
   .corr h4  {font-size: 140%; background:#003366;   color:white; padding:4px}

  #justify {text-align:justify;}
     .just {text-align:justify;}
  .margl {MARGIN-LEFT: 4%}
   .margr {MARGIN-right: 4%}

  .t1  { font-size: 90%;   font-family: "New Roman";}
 #t1  { font-size: 80%;   font-family: "New Roman";}

   .t2  { color: #001d60;  font-family: "New Roman";}
  #100   {font-size: 100%}
      .hide {visibility: hidden;  display: none;}
  #0p td  {PADDING: 0px;}

 .asso { font-size: 90%;   font-family: "New Roman";color: #CCCCCC;}

  .pad {PADDING: 20px }

.nsh  {  OVERFLOW-X:hidden;  }


/* Les titres */
  .titletop {background:#003366;  text-align: center; color:white;
  font-weight: bold; font-size: 120%; color:#ffffff ; }
  .titletopp {background:rgb(235,137,122);  text-align: center; color:white;
  font-weight: bold; font-size: 110%; color:#ffffff ;padding-TOP:3px;padding-bottom:3px }
  .title {background:#24496F;  text-align: center; color:white;
  font-weight: bold; font-size: 110%; color:#ffffff ; }

  .or {background:rgb(235,137,122);  text-align: center; color:white;   color:#ffffff ;padding-left: 7px;padding-TOP:3px;padding-bottom:3px; font-size: 140%}
  .blu { background : #003366  ;  color: #FFFFFF;padding-left: 7px; font-size: 140%;  }
.lblu { background : #6666cc  ;  color: #FFFFFF;padding: 4px; font-size: 120% }
  .vert { background : #006633  ;  color: #FFFFFF;padding-left: 7px;font-size: 140% }
  .red {  color: #FF0000; }   #red {  color: #FF0000; }
  .bleu {color: #001d60;}
  .gris  {color: #999999  }

 /* images de fond */
.papi {background-image:url(gmenu393.jpg)}
.ombre {background-image:url(img/form.gif);background-repeat: repeat-y;}


/* index partie de gauche */
.blok {float: rigth ;width: 130px; 
margin-left: -130px; margin: 10px;margin-top: 10px}
.fiel {border: 1px solid #003399; padding: 0 5px 5px 5px; text-align: center;line-height: 1.5em;margin: 10px 0 10px 0;}
.leg {color: #fff;border: 1px solid #003399;padding: 0px 4px 0px 4px;}


/* ascenseur */
BODY {
scrollbar-face-color: #003366; 
scrollbar-shadow-color: #ffffff;scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000000; 
scrollbar-darkshadow-color: #000000; 
scrollbar-track-color: #a5beed; 
scrollbar-arrow-color: #ffffff; 
}

/* liens par défaut */
 A {COLOR: #ff0000; text-decoration: underline;}
 A:active {    COLOR: #999999 ; text-decoration: none}
 A:hover {    text-decoration: none ; COLOR:#003399 }

   /* liens option */
 .lien A {COLOR: #003399; text-decoration: none;FONT-SIZE: 85%}
.lien A:active {    COLOR: #999999 ; text-decoration: none}
.lien A:hover {    text-decoration: overline underline; COLOR: #ff6622}

.lien2 A {COLOR: #003399; text-decoration: none;}
.lien2 A:active {    COLOR: #999999 ; text-decoration: none}
.lien2 A:hover {    text-decoration: overline underline; COLOR: #ff6622}

#w2 {width:590px }
#w3 {width:500px }
.w400 {width:333px }




#top0 {margin-TOP:0px}
.rep {background-repeat: repeat-y}

.bo  { text-decoration: none;  color: #00104c; background :  #e3f1ff}
.font {FONT-SIZE: 10pt; color: #003399}
.w { background-color: white }

/* floating des images */
#fl {float: left; margin-right: 5px;}
#fr {float: right; margin-left: 5px;}
#fll {float: left;margin-right: 20px; }

/*.img {FLOAT: left; MARGIN: 0px 10px 0px 0px} */

.b { FONT-WEIGHT: bold}
.l {  TEXT-ALIGN: left}
.r {  TEXT-ALIGN: right}
.c { TEXT-ALIGN: center}
#c { TEXT-ALIGN: center}



/*  img .c{ TEXT-ALIGN: center} */
#ret  { text-indent: 20px; }

 .bloc2 {display:none;position:absolute;width:200px;
height:150px;padding:10;border: 1px solid #999; 
text-decoration: none;color: #000;font-size:12pt;
background: #fff;}

#norep {background-repeat:no-repeat; background-position:center center;}
.h4 h4{margin-bottom: 10px}

/* couleurs index gauche */
.grey01 {background-color: rgb(242,242,242);}
.grey06 {background-color: rgb(178,178,178);}

.yellow01 {background-color: rgb(254,252,232);}
.yellow06 {background-color: #ffd560;}

.blue01 {background-color: rgb(238,237,249);}
.blue06 {background-color: rgb(155,149,217);}

.green01 {background-color: rgb(237,246,229);}
.green06 {background-color: rgb(149,203,102);}

.red01 {background-color: #fff3f3;}
.red06 {background-color: rgb(235,137,122);}

/* cadres */
.pps {BORDER-RIGHT: #225588 1px dashed; PADDING-RIGHT: 10px; 
BORDER-TOP: #225588 1px dashed; PADDING-LEFT: 10px;
  PADDING-BOTTOM: 5px; MARGIN: 10px;
 BORDER-LEFT: #225588 1px dashed; PADDING-TOP:10px;
BORDER-BOTTOM: #225588 1px dashed; }

.solids {BORDER-RIGHT: #225588 1px solid; PADDING-RIGHT: 10px; 
BORDER-TOP: #225588 1px solid; PADDING-LEFT: 10px;
 PADDING-BOTTOM: 5px; MARGIN: 10px;
 BORDER-LEFT: #225588 1px solid; PADDING-TOP:10px;
BORDER-BOTTOM: #225588 1px solid; }

.soligri {BORDER-RIGHT: #cccccc 1px solid;  
BORDER-TOP: #cccccc 1px solid;
 BORDER-LEFT: #cccccc  1px solid;
BORDER-BOTTOM: #cccccc  1px solid; }

 /* onhover faire apparaitre */


#onhover a span {display: none;}
#onhover a:hover span
 {
display: block;
position: absolute;
top: 90;
left: 1%;
width:90%;
background:#fff;
}

 /* onclick faire apparaitre météo */
#onclick a:hover,
#onclick a:focus:hover {color:blu ; }

#onclick a:active,
#onclick a:focus {color:#fff; }

#onclick a span {display: none;}
#onclick a:active span,
#onclick a:focus span {
display: block;
position: absolute;
top: 90;
left: 1%;
width:90%;
background:#fff;
}

/* class utilisée dans "les élus" */
.bloc3 a:hover { background: #FFFFFF;}
.bloc3 a span { display: none;}
.bloc3 a:hover span {display: block;}
.bloc3 a p {display: block;}
.bloc3 a:hover p { display: none;}

.lien3 A { text-decoration: underline; color: #001d60}
.lien3 A:active {  color: #001d60;  text-decoration: none}
.lien3 A:hover {   text-decoration: none; COLOR: #ff6622}

/* menu déroulant */
.menucss{
position:absolute;
MARGIN-LEFT: 50px;
visibility: hidden;
border:1px solid white;
font:normal 11px Verdana;
line-height: 16px;
background-color:#24496F;
 width: 130px;
}

.menucss a{
width: 100%;
display: block;
text-decoration: none;
font-weight: bold;
text-indent: 4px;
color : #ffffff;}

.menucss a:hover{ 
background-color: #003366;
color: #FF6633;}


   <!--

   <STYLE type="text/css">

    </STYLE>

           -->