BODY{
        margin: 0px;
        font-family: Arial;
        font-size: 12px;
        text-align : center;


}



INPUT{
        border-color: #89B2B9;
        border-width: 1px;
        padding-left: 3px;
}



H1{
        font-size: 20px;
        font-family: Arial;

        color: #004E5F;
        margin-left : 0px;
        padding-left : 0px;
        margin-top: 2px;
        margin-bottom: 0px;
}

H2{
        font-size: 14px;
        font-family: Arial;

        color: #004E5F;

        padding-left : 0px;
        margin-top: 5px;
        margin-bottom: 5px;
}


P{
  margin-top : 0px;
  padding-top : 0px;
}

#total{
        width : 760px;
		margin:0 auto;

}

#gauche{
        float: left;
        width : 136px;
        margin : 0px;
        padding:0px;
}

.lelien a{

        font-weight: bold;
        color : #004E5F;
        text-decoration: none;

}

.lelien a:hover{
text-decoration: underline overline;
}

#logomenu{
width: 136px;
height : auto;
padding-top : 3px;
border-left : 1px solid #B80000;
border-right : 1px solid #FFFFFF;
border-top : none;
border-bottom : none;

}

#logobas{
        width : 128px;
        float : left;
        border-left : 1px solid #B80000        ;
        border-right : 1px solid #B80000        ;
        border-bottom: 1px solid #B80000        ;


}

.logomenusnl{
        width : 135px;
        margin : 0px;
        text-align : right;
                  float : left;
        padding-bottom :5px;

}

a.limenu {
     display: inline;
     width: 124px;
     height: 18px;
     padding-top : 1px;
     padding-right : 3px;
     color : #B80000;
     text-decoration : none;
     background: url(blank.gif);
     border: 0;
     }

a.limenu:hover {
width: 124px;
     height: 18px;
     background: url(fondmenu.gif);
          border : 1px solid #B80000;
     }
.lelimenu{
        width: 124px;
   height: 18px;
          padding-top : 1px;
     padding-right : 3px;
   background: url(fondmenu.gif);
   border : 1px solid #B80000;
  display: inline;
color : #B80000;
  font-size : 12px;

}

.lelimenu2{
        width: 124px;
   height: 18px;
          padding-top : 1px;
     padding-right : 3px;
   background: url(fondmenu.gif);
   border : 1px solid #B80000;
  display: inline;
color : #004E5F;
  font-size : 12px;

}


          a.limenu2 {
     display: inline;
     width: 124px;
     height: 18px;
          font-size : 12px;
          padding-top : 1px;
          padding-right : 3px;
          color : #004E5F;
          text-decoration : none;
     background: url(blank.gif);
     border: 0;
     }

a.limenu2:hover {
width: 124px;
     height: 18px;
     background: url(fondmenu.gif);
          border : 1px solid #B80000;
     }


           a.limenu3{
     display: inline;
     width: 124px;
     height: 18px;
          font-size : 12px;
          padding-top : 1px;
          padding-right : 3px;
          color : #004E5F;
          text-decoration : none;
     background: url(blank.gif);
     border: 0;
     }

a.limenu3:hover {
width: 124px;
     height: 18px;
     background: url(fondmenu2.gif);
          border : 1px solid #387C88;
     }



#droite{
   float : left;
        margin : 0px;
        padding:0px;
        width : 616px;
}

#banniere{
        background-image: url(banniere.jpg);
        margin-top : 3px;
        width : 614px;
        height : 84px;
        text-align : right;
}

#menu{
  background-image: url(menu.jpg);
  width : 614px;
  height : 22px;
  margin-top : 2px;
  margin-bottom : 2px;
}
/*  MENU DU HAUT REFAIT  */
.entre{
        width : 3px;
		float:left;
}
#menu_haut
{
background-image: url(fond_menu.jpg);
  width : 614px;
  height : 22px;
  margin-top : 2px;
  margin-bottom : 2px;
}
#nav_menu_haut
{
margin: 0 ;
list-style-type:none;
}
#nav_menu_haut li 
{
float:left;
height:23px;
border:0 none;
position:relative;
vertical-align:middle;
background:transparent;
}
a.lien_menu_haut
{
float:left;
display: block ;
text-decoration:none;
height:22px;
background:transparent;
font-size:9pt;
color:#ffffff;
padding-left:22px;
padding-right:4px;
line-height: 22px;
text-align: left ;
}
a.lien_menu_haut:hover, a.lien_menu_haut:focus, a.lien_menu_haut:active 
{
float:left;
text-decoration:none;
background-image: url(rollover.gif);
background-repeat:repeat-x;
}
a.choisi, a.choisi:hover, a.choisi:focus, a.choisi:active 
{
float:left;
display: block ;
text-decoration:none;
height:22px;
background:transparent;
font-size:9pt;
color:#ffffff;
padding-left:22px;
padding-right:4px;
line-height: 22px;
text-align: left ;
}
.icone_du_lien
{
position:absolute;
top:0px;
left:0px;
z-index:10000;
}

/*  MENU DU HAUT REFAIT  */
.tablemenu{
  width : 614px;
  height : 22px;
  font-size : 12px;
}

.accueil{
        width : 97px;
}

a.image2 {
     display: inline;
     width: 88px;
     height: 22px;
          padding-top : 3px;
          color : #FFFFFF;
          text-decoration : none;
     background: url(blank.gif);
     border: 0;
     }

a.image2:hover {
     background: url(actu.gif);
     }
	  
.image2bis{
 display: inline;
     width: 88px;
     height: 22px;
          padding-top : 3px;
          color : #FFFFFF;
          text-decoration : none;
     background: url(actu.gif);
     border: 0;
	
}	  

.agenda{
        width : 80px;
}
a.image8 {
     display: inline;
     width: 88px;
     height: 22px;
          padding-top : 3px;
          color : #FFFFFF;
          text-decoration : none;
     background: url(blank.gif);
     border: 0;
     }

a.image8:hover 
{
     background: url(actu.gif);
}
	  
.image8bis{
 display: inline;
 width: 88px;
 height: 22px;
 padding-top : 3px;
 color : #FFFFFF;
 text-decoration : none;
 background: url(actu.gif);
 border: 0;
}	 



.telechargement{
  width : 127px;
}


a.image3 {
     display: inline;
     width: 117px;
     height: 22px;
          padding-top : 3px;
          color : #FFFFFF;
          text-decoration : none;
     background: url(blank.gif);
     border: 0;
     }

a.image3:hover {
     background: url(tele.gif);
     }
	  
	  .image3bis {
     display: inline;
     width: 117px;
     height: 22px;
          padding-top : 3px;
          color : #FFFFFF;
          text-decoration : none;
        background: url(tele.gif);
     border: 0;
     }



.contact{
        width : 85px;
}

a.image {
     display: inline;
     width: 88px;
     height: 22px;
          padding-top : 3px;
          color : #FFFFFF;
          text-decoration : none;
     background: url(blank.gif);
     border: 0;
     }

a.image:hover {
     background: url(contact.gif);
          background-repeat: no-repeat;
     }
	  
.imagebis {
     display: inline;
     width: 88px;
     height: 22px;
          padding-top : 3px;
          color : #FFFFFF;
          text-decoration : none;
         background: url(contact.gif);
			 background-repeat: no-repeat;
     border: 0;
     }	  

.site{
        width : 122px;
}

a.image4 {
     display: inline;
     width: 99px;
     height: 22px;
          padding-top : 3px;
          color : #FFFFFF;
          text-decoration : none;
     background: url(blank.gif);
     border: 0;
     }

a.image4:hover {
     background: url(plan.gif);
     }

.membre{
        width : 117px;
}

.image4bis {
     display: inline;
     width: 99px;
     height: 22px;
          padding-top : 3px;
          color : #FFFFFF;
          text-decoration : none;
   background: url(plan.gif);
     border: 0;
     }

a.image5 {
     display: inline;
     width: 112px;
     height: 22px;
          padding-top : 3px;
          color : #FFFFFF;
          text-decoration : none;
     background: url(blank.gif);
     border: 0;
     }

a.image5:hover {
     background: url(membre.gif);
          background-repeat : no-repeat;

     }
	  
	  .image5bis {
     display: inline;
     width: 112px;
     height: 22px;
          padding-top : 3px;
          color : #FFFFFF;
          text-decoration : none;
   background: url(membre.gif);
	     background-repeat : no-repeat;
     border: 0;
     }

.actu{
        width : 80px;
}
a.image6 {
     display: inline;
     width: 77px;
     height: 22px;
          padding-top : 3px;
          color : #FFFFFF;
          text-decoration : none;
     background: url(blank.gif);
     border: 0;
     }

a.image6:hover {
     background: url(accueil.gif);
     }
	  .image6bis{
     display: inline;
     width: 77px;
     height: 22px;
          padding-top : 3px;
          color : #FFFFFF;
          text-decoration : none;
     background: url(accueil.gif);
     border: 0;
     }

.snl{
        color: #B60404;
        font-size: 10px;
}


.snl a.fond{
     display: inline;
     width: 75px;
     height: 5px;
          padding-top : 0px;
          color: #B60404;
          text-decoration : none;
     background: url(blank.gif);

     }

.snl a.fond:hover {
     width: 60px;
     height: 5px;
     background: url(blank.gif);
            border : 1px solid #B80000;
                   background-color: #FFFFFF
     }



#page{
        width: 614px;
        border-left: 1px solid #004E5F;
        border-right: 1px solid #004E5F;
        border-top: 1px solid #004E5F;
        height: auto;
        text-align: justify;
        background-color: #F2F2F2;
		padding-bottom:5px;
}

#baspage{
        width: 604px;
        height: 19px;
        border: 0px solid #000000;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        background-image: url(arrondi.gif);
        background-repeat: no-repeat;
        background-position: right;
}

#bordbaspage{
width : 594px;
height: 20px;
border-left: 1px solid #004E5F;
margin:auto;
padding:auto;
border-bottom: 1px solid #004E5F;
background-color: #F2F2F2;
clear:both;
}


#connection{
width : 130px;
height : 60px;
padding-right : 5px;
margin-top:5px;
padding-left : 5px;
padding-top : 5px;
padding-bottom : 5px;
margin-left: 5px;
border : 1px solid #B80000;
background: url(connec.jpg);
}

.login{
        font-size: 11px;
        font-weight: bold;
        font-family: Arial;
        color:#B80000;

}

#barreconnection{
        width: 614px;
        border: 1px solid #387C88;
        height: 12px;
        margin-bottom: 3px;

        padding-left: 5px;
        text-align: left;

}

.barre{
        font-size: 11px;
        font-weight: bold;
}

.barre2{
        font-size: 15px;
        font-weight: bold;
}

.barre2 a{
        font-size: 15px;
        font-weight: bold;
        color : #004E5F;
        text-decoration: none;
}

.barre2 a:hover{
        font-size: 15px;
        font-weight: bold;
        color: #004E5F;
        text-decoration: underline overline;
}



.barre a{
        font-size: 11px;
        font-weight: bold;
        color : #004E5F;
        text-decoration: none;
}

.barre a:hover{
        font-size: 11px;
        font-weight: bold;
        color: #004E5F;
        text-decoration: underline overline;
}

.barre3 a{
        font-size: 12px;
        font-weight: bold;
        color : #B80000;
        text-decoration: none;
}

.barre3 a:hover{
        font-size: 12px;
        font-weight: bold;
          color : #B80000;
        text-decoration: underline overline;
}

.admin{
        font-size: 12px;
        font-weight: bold;
        color : #004E5F;
        text-decoration: none;
}
#entete{
        font-size: 15px;
        color: #FFFFFF;
        background-color: #004E5F;
        width: 280px;
        height: 15px;
        padding-left: 5px;
        text-align: left;
        font-family: arial;
        border-left: 1px solid #A8D2DA;
        border-top: 1px solid #A8D2DA;
        border-bottom: 1px solid #1A515B;
        border-right: 1px solid #1A515B;
                font-weight: bold;
}

#entete2{
        font-size: 15px;
        color: #FFFFFF;
        background-color: #B80000;
        width: 280px;
        height: 15px;
        padding-left: 5px;
        text-align: left;
        font-family: arial;
        border-left: 1px solid #A8D2DA;
        border-top: 1px solid #A8D2DA;
        border-bottom: 1px solid #1A515B;
        border-right: 1px solid #1A515B;
                font-weight: bold;
}

#contenu{
        width: 280px;
        height : 150px;
        border-left: 1px solid #387C88;
        border-bottom: 1px solid #387C88;
        border-right: 1px solid #387C88;
        background-color: #ffffff;
}

#contenu_popup{
        width: 280px;
        height : 125px;
        background-color: #ffffff;
}

.membres{
        text-align : center;
        width : 600px;
        padding-left : 5px;
}

.cadre{
        border : 1px solid #000000;
        margin-top : 5px;
        margin-left : 5px;
        margin-right : 5px;

}

.pseudo{
        font-family: arial;
        color: #004E5F;
        font-size: 8pt;
        font-weight: bold;
}

.erreur{
        font-family: arial;
        color: red;
        font-size: 11pt;
        font-weight: bold;
}

.pseudo2{
        font-family: arial;
        color: #000000;
        font-size: 12px;
}

.pseudo a{
font-family: arial;
        color: #004E5F;
        font-size: 12px;
        font-weight: normal;
        text-decoration : none;
}

.pseudo a:hover{
        font-weight: normal;
        text-decoration: underline overline;
}

.modifmembre{
        text-align : right;
        padding-right : 5px;
}
.forulaire{
margin : 0px;
padding : 0px;
text-align: right;
}
.forulaire2{
margin : 0px;
padding : 0px;
text-align: center;
}

.mem{
        width: 270px;
        float : left;
        margin-right : 10px;
        margin-bottom : 10px;
        height : 120px;
}

.mem_popup{
        width: 270px;
        float : left;
        margin-right : 10px;
        margin-bottom : 10px;
        height : 140px;
}


.fonction{
        font-family: arial;
        color: #D80000;
        font-size: 14px;
        font-weight: bold;
}

.modif{
        font-family: arial;
        font-size: 11px;
        color: #004E5F;
        cursor: pointer;
}

.niveau{
        font-family: arial;
        font-size: 11px;
        color: #D80000;

}
.etatcivil{
        border : 1px solid #D80000;
        width : 333px;

        padding : 5px;
        margin-left : auto;
        margin-right:auto;

}

.textfield{
        font-size: 12px;
        color : #D80000;
}





.baspage{
border-left: 1px solid #387C88;
border-bottom: 1px solid #387C88;
background-color: #F8F8F8;

}

.lapage{
        border : 1px solid #BEBEBE;
        width : 95%;
		padding-left:5px;
        margin-left : 5px;
        margin-top: 10px;
        background-color: #FFFFFF;

}

.lapagefor{
        border : 1px solid #BEBEBE;
        width : 100%;
        margin-top: 10px;
        background-color: #FFFFFF;

}

.lapage2{
        border : 1px solid #BEBEBE;
        width : 95%;
        background-color: #FFFFFF;

}

.lapage3{
        border : 1px solid #BEBEBE;
        width : 130px;
        background-color: #FFFFFF;

}

.lapagepar{
        border : 1px solid #BEBEBE;
                  margin-left : 10px;
        width : 98%;
        margin-top: 10px;
        background-color: #FFFFFF;

}



.pagepartenaire{
        border : 1px solid #BEBEBE;
        width : 275px;
        height : 150px;
                  margin-left : 10px;
        background-color: #FFFFFF;

}

.letexte{
        font-size: 12px;
        padding : 5px;


}

.letexte2{
        font-size: 12px;
        padding : 0px;


}

.letexte3{

        padding : 5px;


}

.acc a{
        font-size: 17px;
        color: #B80000;
        text-decoration: : none;
        font-weight: bold;
}

.acc a:hover{
        font-size: 17px;
        color : #B80000;
        text-decoration:  : underline;
        font-weight: bold;
}

.titrereal{
   font-family: Arial;
        font-size: 14px;
        color: #D80000;
                  font-weight:  : bold;
                  padding-left : 3px;
                  padding-bottom : 5px;

}

.titrepartenaire{

   font-family: Arial;
        font-size: 14px;
        color: #D80000;
                  font-weight:  : bold;
                  padding-left : 3px;
                  margin-bottom : 0px;
}

.titrepartenaire a{
   font-family: Arial;
        font-size: 14px;

        color : #D80000;
        text-decoration: none;
                  padding-left : 3px;
                  padding-bottom : 5px;

}

.titrepartenaire a:hover{
   font-family: Arial;
        font-size: 14px;

        color: #D80000;
        text-decoration: underline;
                  padding-left : 3px;
                  padding-bottom : 5px;

}


.titreplan{
   font-family: Arial;
        font-size: 14px;
        color: #D80000;
                  font-weight:  : bold;
                  padding-left : 3px;
                  padding-top : 30px;
                  padding-bottom : 0px;

}

.plan {
        font-family: Arial;
        color : #000000;
        font-size: 12px;
        padding-left : 10px;
                  text-decoration : none;
}

.plan a{
        font-family: Arial;
        color : #000000;
        font-size: 12px;

                  text-decoration : none;

}

.plan a:hover{
        font-family: Arial;
        font-size: 12px;
                  color: #D80000;
                  text-decoration : underline;

}

.adresse{
   font-family: Arial;
   		margin-top:5px;
        font-size: 10px;
        color: #D80000;
         width : 616px;
		text-align : center;
		clear:both;

}

.adressebis{
   font-family: Arial;
        font-size: 10px;
        color: #D80000;
                  width : 616px;
                  text-align : left;

}

.lanews {
         padding-left: 3px;

}

.lanews a{
        font-family: Arial;
        color : #000000;
        font-size: 10px;

                  text-decoration : none;

}

.lanews a:hover{
        font-family: Arial;
        font-size: 10px;
                  color: #D80000;
                  text-decoration : underline;

}

.lanews2 {
         padding-left: 3px;
         font-family: Arial;
        font-size: 10px;
}
.lanews2 a{
        font-family: Arial;
        color : #D80000;
        font-size: 12px;
                  text-decoration : none;

}

.lanews2 a:hover{
        font-family: Arial;
        font-size: 12px;
                  color: #D80000;
                  text-decoration : underline;

}

.bordgauchetitre{
        background-color: #B80000;
        font-family: Arial;
  font-size: 14px;
  color : #FFFFFF;
  text-align : center;
  font-weight: bold;

}

.fils{
        background-color: #FFFFFF;
        font-family: Arial;
  font-size: 12px;
  color : #D80000;
  text-align : center;
  border-left : 1px solid #B80000;
  border-top: 1px solid #B80000;
  border-bottom: 1px solid #B80000;
}

.fils a{
        background-color: #FFFFFF;
        font-family: Arial;
  font-size: 12px;
  color : #D80000;
  text-align : center;
  text-decoration: underline;
}


.fils4{
        background-color: #FFFFFF;
        font-family: Arial;
  color : #D80000;
  text-align : left;
  padding : 5px;

   border-top : 1px solid #B80000;
  border-left : 1px solid #B80000;
  border-right: 1px solid #B80000;
  border-bottom: 1px solid #B80000;

}


.fils2{
        background-color: #FFFFFF;
        font-family: Arial;
  font-size: 12px;
  color : #B80000;
  text-align : center;
  border-right: 1px solid #B80000;
  border-bottom: 1px solid #B80000;

}
.fils3{
        background-color: #FFFFFF;
        font-family: Arial;
  font-size: 12px;
  color : #000000;
  padding : 5px;
  border-top: 1px solid #B80000;
   border-right: 1px solid #B80000;
  border-bottom: 1px solid #B80000;

}

.thalign{
        vertical-align: middle;
}

.aligner{
        margin-top : 10px;
        float: left;
      width : 130px;
}

.derniermessage{
        background-color: #DEDEDE;
    font-family: Arial;
  font-size: 12px;
  color : #000000;
  text-align : left;
  padding : 2px;
  margin-bottom : 5px;
  margin-top : 5px;
 border: 1px solid #387C88;
}


.nomFichier{
 font-size: 10px;
 color: #333333
}

.nomFichier2{
 font-size: 11px;
  color: #004E5F;
}

.nomFichier a{
 font-family: arial;
 font-size: 14px;
 font-weight: bold;
 color: #0000FF
}

.nomFichier a:hover{
 color: #FF0000
}

.pagedl{
        border : 1px solid #BEBEBE;
        width : 404px;
        margin-left : 10px;
        background-color: #FFFFFF;
}

.pagedl2{
        border : 1px solid #BEBEBE;
        width : 300px;
        margin-left : 10px;
        background-color: #FFFFFF;
}

#logohaut2{
        width: 136px;
        height: 117px;
        background-image: url(logohaut2.gif);

}

#logomenu2{
width: 136px;
padding-top : 5px;
height : auto;
border-left : 1px solid #004E5F;
border-right : 1px solid #FFFFFF;
border-top: none;
border-bottom : none;
}

#logobas2{
        width : 128px;
        float: left;
        border-left : 1px solid #004E5F;
        border-right : 1px solid #004E5F;
        border-bottom: 1px solid #004E5F;

}

.datemaj{
         font-family: verdana;
         font-size: 10px;
         color: #004E5F;
         font-style: italic;
         text-align: right;
}

.enbas{
        font-size: 12px;
        padding : 0px;
		margin:0px;
		

}


.logosdl{
         width: 586px;
        font-size: 12px;
        padding : 0px;
        margin-left: 2px;
}

.depdl{
       width: 106px;
       font-size: 16px;
       font-weight: bold;
       color: #898989;
       font-family: arial;
       text-align: right;
       text-valign: top;
}

.depdl2{
       width: 106px;
       font-size: 16px;
       font-weight: bold;
       color: #898989;
       font-family: arial;
       text-align: right;
       text-valign: top;
	   float:left;
}

.profil{
        font-size: 20px;
        font-family: Arial;

        color: #B80000;

}

.ladate{
font-weight : normal;

  color : #000000;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
}

.class3M A:link {text-decoration: none ; color : black}
.class3 A:link {text-decoration: none ; color : #A0A0A0}
.class3 A:visited {text-decoration: none ; color : #A0A0A0}
.class3 A:active {text-decoration: none ; color : #A0A0A0}
.class3 A:hover {text-decoration: underline; color: #A0A0A0}
.conception{
            color : #A0A0A0;
            font-family : arial;
            font-size : 11px;

}

a.link_dl { display:block; text-indent:16px;text-decoration: none ; border-left : 10px solid #F7E3E3; border-bottom : 1px solid #F7E3E3; width:590px; font-size:11pt; color:#004E5F; margin:4px auto;}
a.link_dl:hover {text-indent:20px;text-decoration: none ;}
.nb_dl { font-size:9pt; color:#CD503A; }


.div_contour
{
border:1px solid #BEBEBE; width:380px;float:left;margin-right:20px; background-color:#FFFFFF;
margin-left:5px;
margin-top:5px;
}
.div_agenda 
{
width:368px;
border-left:10px solid #F7E3E3;
}
#div_calendrier
{
border:0 none; 
width:140px;
float:left;
margin-top:5px;
}

#agenda_titre
{
font-size:12pt;
font-weight:bold;
color:#E84E58;
text-align:center;
}


/*  Ticker  */

#cadre_ticker { width:420px; overflow:hidden; height:40px; border:1px solid #BEBEBE; position:relative; cursor:pointer; margin-bottom:10px; background-color:#FFFFFF;}
#contenu_ticker { width:406px; padding-left:14px; position:absolute; border-left:10px solid #DFEAEC;}
.div_ticker { height:40px; }
.titre_ticker { color:#FF0000; font-size:9pt; padding:2px; }
.texte_ticker { color:#222222; font-size:9pt; padding:2px; }

img {
text-decoration:none;

border:0px;

}