
/* pour débugger */
/*div {   border:2px;           border-style: solid; } */

div#pagetotal{  min-width: 700px;
/*    width:expression(document.body.clientWidth > 1000? "1000px": "auto" );*/
           font-family: "verdana","arial", "Comic Sans MS", "Time New Roman",  "sans-serif";
}
div#bandeau {             }
div#menu {
           float:left;
           width:14%;
           max-width: 150px;
           min-width: 95px;
          /* width:100px;*/
           /*border:2px;
           border-style: solid;*/
           font-size:small;
           text-align:left;

          }

div#contenu {

        float:left;
        width:85%;
        /*min-width: 899px;*/
        }

div#pied_page {
        clear:both;
        width:600px;
        height:50px;

        }




A:link {text-decoration: none; color: #0000FF; background-color: transparent;}
A:visited {text-decoration: none; color: #000080;background-color: transparent;}
A:active {text-decoration: underline; color: #0000FF;background-color: transparent;}
A:hover {text-decoration: underline; color: #0000FF;background-color: transparent;}

body       {background-image: url(images/fond1.jpg);  background-repeat: repeat;}

ul.menu_ul { margin-left: 0; padding-left: 0; list-style-type:none;font-size:small ; color: blue
                ; background-color: transparent; text-align:left;}

.menu      { margin-left: 0; padding-left: 0; list-style-type:none;font-size:small ;
                 color: blue ;background-color: transparent; text-align:left;}

.menutitre { margin:0px;  margin-bottom:10px;padding:0px;list-style-type:none;font-size:small; font-weight: bold ;
             color: blue; background-color: transparent; text-align:left;}

.blockcentre {display:block; clear:both; margin-left:auto; margin-right:auto;   }
.blockdroite {display:block; clear:both; margin-left:auto; margin-right:0;   }
.blockgauche {display:block; clear:both; margin-left:0; margin-right:auto;   }
.sansbord    {border:0px;}
.txtcentre   {text-align:center;}

/* pour les pages avec un blason en haut à droite et en haut à gauche*/


div.bandeauaccueil {
         clear:both;
}

.imagedroiteblason {
float : right;
min-width : 85px;
width : 20%;
height : 95px;
}

.imagegaucheblason {
float : left;
min-width : 85px;
width : 20%;
height : 95px;
}


div.bas-page {
        clear:both;
        width:100%;
        margin-top:20px
        }



div.gauche { float:left;    margin: 0 auto;
            }
div.centre {margin: 0 auto ;
            }
div.droite { float:right;     margin: 0 auto;
         }

.centre {text-align: center;}
img.centre{clear:both; margin: 0 auto;}



h1           { font-size:xx-large; text-align:center;font-family:Lucida Handwriting}
h2           { font-size:large; text-align:center; }

/* pour la page des renseignements utiles*/
table.avec-bord1            { border: solid #000 1px; border-collapse: collapse;}
caption.calendrier-activite { font-size:large; font-weight: bold ;}
td.ancienne-activite        { font-size:small; padding: 2px; border: solid #000 1px;}
td.tres-ancienne-activite   { font-size:x-small; padding: 2px; border: solid #000 1px;  }
td.activite                 { padding: 2px; border: solid #000 1px;}

/* pour la page de la mairie*/
div#mairie-photo {
        float:right;
        width:506px;
        }

div#mairie-cr-conseils {
        float:left;
        margin-left:50px;
        margin-right:5px;
        }

/* page sommaire-histoire*/
div.colonnegauche30p {
        float:left;
        text-align:left;
        margin-left:0px;
        margin-right:0px;
        width:33%;
        }

div.colonnecentre30p {
        float:left;
        text-align:center;
        margin-left:0px;
        margin-right:0px;
        width:33%;
        }

div.colonnedroite30p {
        float:right;
        text-align:right;
        margin-left:0px;
        margin-right:0px;
        width:30%;
        }



/* pour la page album.html*/


div.album-titre2 {
        clear:both;
        text-align:left;
        padding-top:4ex;
        padding-bottom:1ex;
        width:70%;
        }

div.chapitrealbum2 {
        float:left;
        text-align:right;
        padding-left:2px;
        padding-right:2px;
        margin:0px;
        width:365px;
        padding-top:10px;
        }

div.chapitrealbum-sousensemblegauche {
        float:left;
        text-align:right;
        width:180px;
        padding-right:2px;
        padding-left:0px;
        margin:0px;
        }

div.chapitrealbum-sousensembledroite {
        float:left;
        text-align:left;
        padding-right:0px;
        padding-left:2px;
        margin:0px;

        }

/* pour envoyer un mail.inc */

.couleurfondtableau   {
        background-color:#FBF9E6
       }

/* pour tournoi permanent*/
li.tournoipermanent_li { padding-bottom: 1ex;}