body{margin:0;background-color:#D5D5D5;font-family:Verdana,Arial,san-serif;text-align:center;} /* D0CFD0 */
h1{font-size: 16px; color: #FE0000; font-weight: 600;}
h2{font-size: 12px; color: #3162B1; font-weight: 600;}
h3{font-size: 12px; color: #3162B1; font-weight: 600;}
.tx14 {font-size: 14px;}
.erreur {background-color: red;}
#border{border: solid 2px #959596;width:1000px;}
.tx12{font-size: 12px;}
.pad20{padding-left:20px;}
.comfirme{font-size: 14px; color: red; font-weight: 600; text-decoration: underline;}
.boutonok{
border-color:#3162B1;
background-color:#DDDDDD;
border-style:solid;
border-width:thin;
width:23px;
height:23px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: 7pt; 
color: #000000;
text-align:center;
}
.formtext{
border-color:#3162B1;
background-color:#FFFFFF;
border-style:solid;
border-width:thin;
width:85px;
height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: 7pt; 
color: #000000;
text-align:center;
}
.flash{border: 1px solid #000000; background-color: #FFFFFF; padding-left: 5px;}
/* l'ascenseur */
#ascenseur {height:588px; width: 595px; /* 595*/
overflow:auto;scrollbar-3dlight-color:#959596;scrollbar-darkshadow-color:#959596;
scrollbar-face-color:#3162B1;scrollbar-highlight-color:#959596;
scrollbar-shadow-color:#959596;scrollbar-track-color:#959596;}

#ascenseur2 {height:588px; width: 424px;
overflow:auto;scrollbar-3dlight-color:#959596;scrollbar-darkshadow-color:#959596;
scrollbar-face-color:#3162B1;scrollbar-highlight-color:#959596;
scrollbar-shadow-color:#959596;scrollbar-track-color:#959596;}

#ascenseur3 {height:588px; width: 530px;
overflow:auto;scrollbar-3dlight-color:#959596;scrollbar-darkshadow-color:#959596;
scrollbar-face-color:#3162B1;scrollbar-highlight-color:#959596;
scrollbar-shadow-color:#959596;scrollbar-track-color:#959596;}

.pad{padding-left: 15px; padding-right: 15px;}

/* *LES PARTIES GAUCHES DES PAGES* */
.include-gauche{vertical-align: top;width: 215px; padding-left: 5px;}
.include-gauche2{vertical-align: top;width: 339px; padding-left: 5px;}

/* *partie gauche petites annonces & actualite*/
.fond-annonce{background-image: url(../images/design-site/fd-annonce.gif);}
#gauche-annonce{text-align: left;height: 500px; width: 200px; background-color: #3162B1;color: #FFFFFF; padding-left: 15px; padding-right: 15px;}
#gauche-annonce tr td{padding-left: 10px; padding-right: 10px; padding-bottom: 5px; padding-top: 5px;}
#gauche-annonce .texte-gauche-annonce strong{font-size: 18px; font-weight: 700px;}
#gauche-annonce .texte2-gauche-annonce strong{font-size: 14px; font-weight: 600px;}
#gauche-annonce .lien-gauche-annonce{text-align: center; border: 4px solid #FE0000; padding: 5px;}
#gauche-annonce .lien2-gauche-annonce{text-align: center; border: 4px solid #63CDF6;padding: 5px;}
#gauche-annonce .lien-gauche-annonce a,#gauche-annonce .lien2-gauche-annonce a{font-size: 12px; font-weight: 600px;color: #FFFFFF;}

/* federation 
.fond-fede{background-color:#A8D7ED;;}*/
.fond-fede{background-color:#A8D7ED;}
#gauche-federation{height: 500px; width: 200px; background-color: #FE0000;color: #FFFFFF;}
#gauche-federation .texte-gauche-federation{height: 156px;text-align: left; vertical-align: top;}
#gauche-federation .texte-gauche-federation strong{font-size: 16px; font-weight: 700px;}
#gauche-federation .image-gauche-federation{height: 205px;background: url("../images/design-site/gch-fede2.jpg") no-repeat center;} /* 234 */
#gauche-federation .lien-gauche-federation{text-align: center; border: 5px solid #3162B1;padding: 5px;}
#gauche-federation .lien-gauche-federation a{font-size: 14px; font-weight: 600px;color: #FFFFFF;}

/* internationale */
#gauche-internationale{height: 500px; width: 200px; background-color: #FE0000;color: #FFFFFF;}
#gauche-internationale .texte-gauche-internationale{height: 156px;text-align: left; vertical-align: top;}
#gauche-internationale .texte-gauche-internationale strong{font-size: 16px; font-weight: 700px;}
#gauche-internationale .lien-gauche-internationale{text-align: center; vertical-align: top;}
#gauche-internationale .lien-gauche-internationale a{font-size: 12px; font-weight: 600px;color: #FFFFFF; text-decoration: underline;}
#gauche-internationale .lien-gauche-internationale a:hover{color: #3162B1;}

/* chambre 
.fond-chambre{background-color:#A8D7ED;;}*/
.fond-chambre{background-color:#A8D7ED;}
#gauche-chambre{height: 500px; width: 339px;;color: #FFFFFF;background-color: #3162B1;}
#gauche-chambre .haut-gauche-chambre{background-color: #3162B1; height: 100px; width: 200px; text-align: left; vertical-align: top;}
#gauche-chambre .haut-droite-chambre{background-color: #63CDF6; width: 181px;}
#gauche-chambre .haut-gauche-chambre strong{font-size: 16px; font-weight: 700px;}
#gauche-chambre .texte-gauche-chambre{text-align: center; border: 5px solid #2A3795; padding: 5px;}
#gauche-chambre .texte-gauche-chambre strong{font-size: 14px;}
#gauche-chambre .img-gauche-chambre{background-color: #63CDF6;}
.pad5{padding: 5px;}

/* actualite */
.fond-actualite{background-color:#A8D7ED;}
#gauche-actualite{text-align: left;height: 500px; width: 200px;/* 200*/ background-color: #3162B1;color: #FFFFFF; padding-left: 15px; padding-right: 15px;}
#gauche-actualite tr td{padding-left: 10px; padding-right: 10px; padding-bottom: 5px; padding-top: 5px;}
#gauche-actualite .texte-gauche-actualite strong{font-size: 18px; font-weight: 700px;}
#gauche-actualite .texte2-gauche-actualite strong{font-size: 14px; font-weight: 600px;}
#gauche-actualite .lien-gauche-actualite{text-align: center; border: 4px solid #FE0000; padding: 5px;}
#gauche-actualite .lien2-gauche-actualite{text-align: center; border: 4px solid #63CDF6;padding: 5px;}
#gauche-actualite .lien-gauche-actualite a,#gauche-actualite .lien2-gauche-actualite a{font-size: 12px; font-weight: 600px;color: #FFFFFF;}

/* bibliotheque */
.fond-bibli{background-image: url(../images/design-site/fd-bibli.gif);}
#gauche-bibli{height: 500px; width: 200px; background-color: #C7D1EA;}
#gauche-bibli .texte-gauche-bibli{height: 98px;text-align: left;}
#gauche-bibli .texte-gauche-bibli strong{font-size: 18px; font-weight: 700px; color: #3162B1;}
#gauche-bibli .texte2-gauche-bibli{height: 108px;text-align: left; vertical-align: top;} /* 49 */
#gauche-bibli .texte2-gauche-bibli strong{font-size: 14px; font-weight: 600px; color: #FE0000;}
#gauche-bibli .image-gauche-bibli{height: 234px;background: url("../images/design-site/gch-fede.jpg") no-repeat center;}
#gauche-bibli .lien-gauche-bibli{text-align: center; border: 5px solid #3162B1;padding: 5px;}
#gauche-bibli .lien-gauche-bibli a{font-size: 16px; font-weight: 600px;color: #FE0000;}

/* Les choix de l'adherent */
.fond-adh-1{background-image: url(../images/design-site/fd-annonce.gif);}
.fond-adh-2{background-image: url(../images/design-site/fd-bibli.gif);}
.fond-adh-3{background-color:#A8D7ED;;}
.fond-adh-4{background-image: url(../images/design-site/fd-adh.gif);}

#gauche-adherent .texte-gauche-adherent{height: 98px;text-align: left;}
#gauche-adherent .texte-gauche-adherent strong{font-size: 18px; font-weight: 700px;}
#gauche-adherent{height: 500px; width: 200px;color: #000000;}


/* panier */
.fond-panier{background-color: #FFFFFF;}
#gauche-panier{text-align: left;height: 500px; width: 200px; background-color: #3162B1;color: #000000; padding-left: 15px; padding-right: 15px;}
#gauche-panier tr td{padding-left: 10px; padding-right: 10px; padding-bottom: 5px; padding-top: 5px;}
#gauche-panier .texte-gauche-panier strong{font-size: 18px; font-weight: 700px;}
#gauche-panier .texte2-gauche-panier strong{font-size: 14px; font-weight: 600px;}
#gauche-panier .lien-gauche-panier{text-align: center; border: 4px solid #FE0000; padding: 5px;}
#gauche-panier .lien2-gauche-panier{text-align: center; border: 4px solid #63CDF6;padding: 5px;}
#gauche-panier .lien-gauche-panier a,#gauche-panier .lien2-gauche-panier a{font-size: 12px; font-weight: 600px;color: #000000;}
/* FIN PARTIE GAUCHE */
#copyright{font-size:9px;color:#959596;/*text-align: center;width: 1000px;*/}
#copyright a{color:#959596;text-decoration:none;}

/* page d'accueil */
#accueil{width: 810px;height: 588px; background-color: #FFFFFF;} /*width: 834px;height: 618 */
#accueil .espace{width: 5px; background-color: #BBBBBB;}
#accueil .espace2{height: 5px; background-color: #BBBBBB;}

#accueil td{ vertical-align: top;} /* 278 */
#accueil .dimensionaccueilhaut{height: 303px;width: 265px;} /* height: 313px; width: 273px;*/
#accueil .dimensionaccueilbas{height: 280px;width: 265px;} /* 300 */

#accueil .news1{background: url("../images/design-site/news1.jpg") no-repeat center;width: 245px;}

/*.hiddenhaut{height:260px; width: 245px;overflow:hidden; text-align: left;}  w 253 270 */
/*.hiddenbas{height:217px; width: 245px;overflow:hidden; text-align: left; padding-left: 3px;}  227 **/
/*.hiddenhaut{height:270px; width: 273px;overflow:hidden;} /* 285  height:270px; width: 273px
.hiddenbas{height:227px; width: 273px;overflow:hidden;} /* 195 height:227px; width: 273px; border: 0px;*/

#news1 .haut-news1{ width: 265px; height: 40px; background-color: #3162B1; color: #FFFFFF; font-weight:900; font-size: 16px; vertical-align: middle; text-align: center;}
#news1 a{color: #F62C2C; text-decoration: none; font-weight: 700;}
#news1 a:hover{text-decoration: underline;}
#news1 .hiddenhaut{height:260px;/**/ width: 255px;overflow:hidden; text-align: left;padding-left: 5px;padding-right: 5px;}

#news2 .haut-news2{ width: 265px; height: 20px;color: #000000; font-size: 14px; font-weight: 600; text-align: left; background-color: #BBBBBB;}
#news2 .hiddenbas{height:217px; width: 255px;overflow:hidden; text-align: left;padding-left: 5px;padding-right: 5px;}

#news3 .haut-news3{ width: 245px; height: 20px;color: #000000; font-size: 14px; font-weight: 600; text-align: left; background-color: #BBBBBB;}
#news3 .milieu-news3{height: 40px; background: url("../images/design-site/news3.jpg") no-repeat right; background-color: #F62C2C;}

#news2 a,#news3 a{color: #F62C2C; text-decoration: none; font-weight: 700;}
#news2 a:hover,#news3 a:hover{text-decoration: underline;}

#news2 .milieu-news2{height: 40px; background: url("../images/design-site/news2.jpg") no-repeat;}
#news3 .milieu-news3{height: 40px; background: url("../images/design-site/news3.jpg") no-repeat right; background-color: #F62C2C;}
#news2 .hiddenbas, #news3 .hiddenbas{height:217px; width: 255px;overflow:hidden; text-align: left;padding-left: 5px;padding-right: 5px;}

/*#news3 .haut-news3{color: #000000; font-size: 14px; font-weight: 600; height: 20px; text-align: left; background-color: #BBBBBB;}
#news3 a{color: #F62C2C; text-decoration: none; font-weight: 700;}
#news3 a:hover{text-decoration: underline;}
*/
#infopratique .haut{ width: 265px;height: 40px; background: url("../images/design-site/infopratique.jpg") no-repeat;}

#petiteannonce .titre{width: 265px; color: #000000; font-size: 14px; font-weight: 600; height: 20px; text-align: left; background-color: #BBBBBB;}
#petiteannonce .haut{text-align: left; padding-left: 3px;background-color: #3162B1; color: #FFFFFF; font-weight: 600; height: 40px;}
#petiteannonce a{color: #F62C2C; text-decoration: none; font-weight: 700;}
#petiteannonce a:hover{text-decoration: underline;}
#petiteannonce .hiddenbas{height:217px; width: 255px;overflow:hidden; text-align: left;/*padding-left: 5px;padding-right: 5px;*/}

/* detail news */
#detail-news tr td .titre-news{font-size: 14px; color: #FE0000;}
/* *FIN ACCUEIL* */

/* ** LES PETITES ANNONCES */
.tableau-pa{width: 90%;}
/* FIN PA */

#corps .top{vertical-align: top; background-color: #BBBBBB;}
#corps tr td{font-size: 10px;}

/* haut */
#logo{background:white url("../images/design-site/logo.gif") no-repeat 80% 50%;width:421px;}
#bando{background:url("../images/design-site/liseret.jpg");height:100px;}
#perso{background:transparent url("../images/design-site/perso.gif") no-repeat;height:100px;width:579px;}
#top{background: transparent url("../images/design-site/perso2.gif") no-repeat left bottom;text-align:right;background-color:#959596;width:1000px;height:28px;padding:0 10px 4px 0;}
#top strong a{font-size:12px;color:#FFFFFF;text-decoration:none;}
#deg td{height:24px;background-image:url("../images/design-site/deg.gif");}
#deg2 td{height:8px;background-image:url("../images/design-site/deg2.gif");}
/* ** */

/* bas */
#bas{background-color:#BBBBBB;width:1000px;height:10px;}
#bas tr td{color: #FFFFFF; font-size: 10px; height: 10px;}
#bas tr td a{padding-left: 5px; color: #FFFFFF; font-weight: 600; text-decoration: none;}
#bas tr td a:hover{text-decoration: underline;}
/* *#bas td{text-align:center;width:128px;}* */

/* Navigation a droite */
/*#menu-droite{width: 190px; height: 588px; font-size: 12px; background-color: #BBBBBB;}
#menu-droite tr th{background-image: url(../images/design-site/th.gif); background-repeat: repeat-x; height: 18px; color: #FFFFFF;}
#menu-droite .ttr { position:relative ; top:-3px ;} 
#menu-droite tr td{padding-left: 5px; font-weight: 600; color: #FFFFFF; font-size: 10px; height: 10px;text-align: left;}
#menu-droite .agent{font-size: 1px; height: 5px;}
#menu-droite tr td a{color: #FFFFFF; font-weight: 600; text-decoration: none;}
#menu-droite tr td a:hover{text-decoration: underline;}*/
#menu-droite{width: 190px; height: 588px; background-color: #BBBBBB;font-size: 10px;}
#menu-droite th{ background-image: url(../images/design-site/th.gif); background-repeat: repeat-x; height: 18px; color: #FFFFFF;}
#menu-droite .ttr {font-size: 12px; position:relative ; top:-2px ;} 
#menu-droite td{padding-left: 5px; font-weight: 600; color: #FFFFFF;/* font-size: 9px;*/ height: 10px;text-align: left;}
#menu-droite .agent{font-size: 1px; height: 5px;}
#menu-droite td a{color: #FFFFFF; font-weight: 600; text-decoration: none; /*font-size: 9px;*/}
#menu-droite td a:hover{text-decoration: underline;}
#menu-droite .ttr a{padding-left: 5px; font-weight: 600; color: #FFFFFF;/* font-size: 9px;*/ height: 10px;text-align: left; text-decoration: none;}
#menu-droite .ttr a:hover{text-decoration: underline;}
/* ** */

/* JOURNAL : Liste des années */
#contenu{text-align: center; width: 790px;font-size: 12px;} /**/
#contenu a{color: #000000; text-decoration: none; font-weight: 600;}
#contenu a:hover{text-decoration: underline;}

#contenu .detail-date {color: #3162B1; text-decoration: underline;}
#contenu .detail-titre {color: #FE0000;}
/* ** */
/* formulaire adhesion */
#formadh{border: #3162B1 solid 1px;}
#formadh tr td{text-align: left; padding: 5px 0px 5px 5px;border: #3162B1 solid 1px;}
#formadh .aligncenter{text-align: center;}
/* ** */

/* *identification* */
#identification{font-size: 10px; height:81px;/*width: 190px;*/} 
/*#identification form{height:90px;} 
#identification td{height:26px;} */
#identification .td{height:10px;text-align:center;} 
/*#identification */
#identification .logpass{background-image: url(../images/design-site/loginpass.gif); background-repeat: no-repeat;width:28px;/*height: 52px;*/}

#identification a{font-size: 9px; text-decoration: none;}/* font-weight: 400;*/
#identification a:hover{font-size: 9px; text-decoration: underline;} 
#identification .log{height:10px;font-size:10px;/*font-weight: 700;*/} 


.tx12gr a{font-size: 9px; text-decoration: none;}/* font-weight: 400;*/
.tx12gr a:hover{font-size: 9px; text-decoration: underline;} 
/* ** */