html, body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a {
    color: #4088b8;
}
/*##################################*/
/*
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; 
top: 10;
left:10;
z-index:100;
width: 1010px;
}
#menu dl {
float: left;
width: 124px;
height:2em;
}
#menu dt {
cursor: pointer;
text-align: left;
font-weight: bold;
background: #00b4e9;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: left;
background: #00b4e9;
font-family:Arial,sans-serif; 
color:white; 
font-size:11px;
font-weight:bold;
}
#menu li a, #menu dt a {
font-family:Arial,sans-serif; 
color:white; 
font-size:11px;
font-weight:bold;
color: #000;
text-decoration: none;
display: block;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #00b4e9;
font-family:Arial,sans-serif; 
font-size:11px;
font-weight:bold;
}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 0px;
color: #000;
background-color: #ddd;
padding: 2px;
border: 1px solid gray; 
}

*/
/*##################################*/
.couleurbleu {
font-family:Arial,sans-serif; 
color:#0288cf; 
font-size:14px;
font-weight:bold;
padding-bottom:20px;
text-decoration:none;
}

.couleurbleu a{
font-family:Arial,sans-serif; 
color:#0288cf; 
font-size:14px;
font-weight:bold;
padding-bottom:20px;
text-decoration:none;
}

.rubrique{
font-family:Arial,sans-serif; 
color:black; 
font-size:14px;
font-weight:bold;
text-transform:capitalize;
}

.rubrique a{
font-family:Arial,sans-serif; 
color:black; 
font-size:14px;
font-weight:bold;
padding-bottom:10px;
text-decoration:none;
text-transform:capitalize
}

.sousrubrique{
font-family:Arial,sans-serif; 
color:white; 
font-size:14px;
font-weight:bold;
padding-bottom:20px;
text-decoration:none;
}

.sousrubrique a{
font-family:Arial,sans-serif; 
color:white; 
font-size:14px;
font-weight:bold;
padding-bottom:20px;
text-decoration:none;
}


.sousrubriqueG{
font-family:Arial,sans-serif; 
color:#0288cf; 
font-size:14px;
font-weight:bold;
padding-bottom:20px;
text-transform:capitalize;
/*text-decoration:none;*/
}

.sousrubriqueG a{
font-family:Arial,sans-serif; 
color:#0288cf; 
font-size:14px;
font-weight:bold;
padding-bottom:20px;
text-transform:capitalize;
/*text-decoration:none;*/
}


.titreG{
font-family:Arial,sans-serif; 
color:#0288cf; 
font-size:14px;
font-weight:bold;
text-transform:capitalize;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
}

.titreD{
font-family:Arial,sans-serif; 
color:#0288cf; 
font-size:12px;
font-weight:bold;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
text-decoration:underline;
}

.titreD a{
font-family:Arial,sans-serif; 
color:#0288cf; 
font-size:12px;
font-weight:bold;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
text-decoration:underline;
}

.tabgauche th{
padding:2px;
background-color:#00b4e9;
font-family:Arial,sans-serif; 
font-size: 13px ;
font-variant:small-caps;
color:#000000;
text-transform:capitalize;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
border-bottom:2px solid #8a8a8a;
}
.tabelu {
padding:2px;
background-color:#D8E8FE;
font-family:Arial,sans-serif; 
font-size: 13px ;
font-variant:small-caps;
color:#000000;
text-transform:capitalize;
padding-top:5px;
padding-bottom:5px;
border-bottom:2px solid #8a8a8a;
}


.tabmeteo th{padding:2px;
background-color:#ffffff;
font-family:Arial,sans-serif; 
font-size: 13px ;
color:#0288cf;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
border-bottom:2px solid #8a8a8a;
font-weight:bold;
}
.tabdroite th{
background-color:#ffffff;
font-family:Arial,sans-serif; 
font-size: 13px ;
font-variant:small-caps;
color:#000000;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
border-bottom:2px solid #8a8a8a;

}

.tabdroitelink  a{
background-color:#ffffff;
font-family:Arial,sans-serif; 
font-size: 12px ;
color:#000000;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
}

.tabdroite td {
background-color:#ffffff;
font-family:Arial,sans-serif; 
font-size: 12px ;
color:#0288cf;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
}

.titrearticle{
background-color:#ffffff;
font-family:Arial,sans-serif; 
font-size: 12px ;
color:#0288cf;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
text-transform:uppercase;
}
.textearticle {
background-color:#ffffff;
font-family:Arial,sans-serif; 
font-size: 12px ;
color:#000000;
font-weight:bold;
text-decoration:none;
}

.textearticle a{
background-color:#ffffff;
font-family:Arial,sans-serif; 
font-size: 12px ;
color:#000000;
font-weight:bold;
text-decoration:none;
}

.titreassoc{
background-color:#ffffff;
font-family:Arial,sans-serif; 
font-size: 12px ;
color:#000000;
font-weight:bold;
text-transform:uppercase;
}
.titreassoc a{
background-color:#ffffff;
font-family: Arial ;
font-size: 12px ;
color:#000000;
font-weight:bold;
}

.agenda{
font-family:Arial,sans-serif; 
color:#0288cf; 
font-size:12px;
text-decoration:none;
}
.meteo{
font-family:Arial,sans-serif; 
color:#000000; 
font-size:12px;
text-decoration:none;
}

.letableau td {
border-left:2px solid white;
/*border-right:1px solid white;border-top:1px solid white;border-bottom:1px solid white;*/
text-decoration: none;
}

.chemin a{
font-family:Arial,sans-serif; 
text-decoration:none;
background-color:#ffffff;
font-size: 12px ;
color:#0288cf;
}
.chemin {
font-family:Arial,sans-serif; 
text-decoration:none;
background-color:#ffffff;
font-size: 12px ;
color:#0288cf;
}

.policeblanche {
font-family:Arial,sans-serif; 
color:#ffffff; 
font-size:14px;
font-weight:bold;
padding-bottom:20px;
text-decoration:none;
}

#map_canvas { width: 100%; height: 300px; padding : 10 px; border : 1px solid #1B5EA8; margin : 0 auto;}