body 
{
margin: 0px;
padding: 0;
text-align: center;
}

.conteneur 
{
border-left : solid 1px;
border-right : solid 1px;
border-bottom : solid 1px;
background-color : #8AC2D9;
width: 800px;
margin-left: auto;
margin-right: auto; 
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 8pt; 
text-align: left; 
}

.entete 
{
background-image : url('./img/bandeau.jpg');
background-repeat : no-repeat;
background-position : top center;
width : 800px;
height : 102px;
text-align : center;
border-bottom : solid 1px;
position : absolute;
}

.enteteconnexion 
{
background-image : url('./img/bandeau.jpg');
background-repeat : no-repeat;
background-position : top center;
width : 800px;
height : 102px;
text-align : center;
position : absolute;
}

.menuhaut
{
border-top : solid 3px;
border-left : solid 2px;
border-right : solid 2px;
width : 735px;
height : 15px;
text-align : center;
margin-left: auto;
margin-right: auto;
margin-top : 80px;
}

.menu
{
margin-left : 2px;
margin-top : 3px;
text-align : center;
width : 100px;
height: 15px;  
float: left;
}


.menu2
{
margin-left : 2px;
margin-top : 3px;
text-align : center;
width : 150px;
height: 15px;  
float: left;
}

.centre
{
padding-top : 110px;
font-size: 8pt;
background-color : #8AC2D9;
}

.centreconnexion
{
padding-top : 80px;
font-size: 8pt;
background-color : #8AC2D9;
}

/*permet de faire une marge en haut de page */
.hautpage
{
text-align : center;
padding-bottom: 30px;
padding-top: 10px;
}

.hautpage2
{
text-align : center;
padding-bottom: 10px;
padding-top: 10px;
}

.copyright
{
float : left;
} 

.deconnexion
{
margin-left : 696px;
}

i
{
font-weight: bold;
}

.texte_centre
{
text-align : center;
font-size : 9pt;
}

.date
{
margin-left : 30px;
margin-right : 30px;
font-size : 9pt;
font-weight : bold;
}

.titloisir
{
font-size : 9pt;
font-weight : bold;
}
.info
{
margin-left : 30px;
margin-right : 30px;
font-size : 9pt;
}
.texte
{
margin-left : 30px;
margin-right : 30px;
margin-bottom : 30px;
margin-top : 30px;
font-size : 9pt;
}

.form
{
text-align : center;
padding-bottom: 10px;
}

.titre
{
padding-top: 10px;
font-weight: bold;
font-size : 11pt;
text-align : center;
}

.photos
{
text-align : center;
}

table
{
border:1px;
cellpadding:0;
font-size:10px;
text-align:left;
}

table.loisir
{
width : 800px;
}

table.reserv
{
width : 650px;
}

table.calendrier
{
font-family : Verdana, arial, helvetica, sans-serif; 
text-align : left;
background-color : #FFFFFF;
border-color : #000000;
}
table.calendrier
{
font-family : Verdana, arial, helvetica, sans-serif; 
text-align : left;
background-color : #FFFFFF;
}

tr.entetetr
{
height : 35px;
}


tr.bordure
{
height : 30px;
}
tr.ligne
{
height : 20px;
}

tr.bordure2
{
height : 3px;
bordercolor : #000000;
}

td.rouge
{
background-color : #8AC2D9;
text-align : center;
}

td.croix
{
color : #211690;
text-align : center;
}
td.croix2
{
color : #000000;
text-align : center;
}

td.colgauche
{
width : 10px;
}

td.date2
{

text-align : center;
}

.table-titre
{
width :30%;
font-size : 14px; 
font-family : Verdana, arial, helvetica, sans-serif; 
color : #211690; 
}

.table-titre2
{
width : 30%;
font-size : 14px; 
font-family : Verdana, arial, helvetica, sans-serif; 
text-align : left;

}

.intercol
{
width : 2%;
}

.ligne
{
border-top : solid 1px #000000;
}

.inter
{
height : 10px;
}


a.bouton
{
color: #211690;
font-family : comics; 
font-size : 10pt;
}

a.bouton:hover 
{
color: #000000;
}

a.bouton:link 
{
color: #211690;
} 
a 
{
text-decoration: none;
font-weight: bold; 
}
a:link 
{
color: #000000;
} 

a:hover 
{
color: #211690;
}
a:visited
{
color: #211690;
}