* { 
margin : 0;
padding : 0;
}
body {
background : url(images/fond_dech.gif) 50% 0%;
background-repeat : repeat-y;
text-align : center;
margin : 0 0 20px 0;
}
.date {
float : left;
font : 8pt "Times New Roman", Arial;
}
a { 
text-decoration : none;
background : inherit;
color : #3cf2ff;
} 
a:link { 
text-decoration : none;
background : inherit;
color : #3cf2ff;
} 
a:visited { 
text-decoration : none;
background : inherit;
color : #3cf2ff;
} 
a:hover { 
text-decoration : underline;
background : inherit;
color : #3cf2ff;
} 
a:active { 
text-decoration : underline;
background : none;
color : #3cf2ff;
} 
.centre { 
width : 100%;
text-align : center;
font : 12pt "Times New Roman", Arial;
color : #fff;
} 
p { 
display : inline;
font : 12pt "Times New Roman", Arial;
color : #fff;
} 
p a { 
display : inline;
font : 12pt "Times New Roman", Arial;
text-decoration : none;
background : inherit;
color : #3cf2ff;
} 
p a:link { 
display : inherit;
font : 12pt "Times New Roman", Arial;
text-decoration : none;
background : inherit;
color : #3cf2ff;
} 
p a:hover { 
display : inline;
font : 12pt "Times New Roman", Arial;
text-decoration : underline;
background : inherit;
color : #3cf2ff;
} 
p a:visited { 
display : inline;
font : 12pt "Times New Roman", Arial;
text-decoration : none;
background : inherit;
color : #3cf2ff;
} 
p a:active { 
display : inline;
font : 12pt "Times New Roman", Arial;
text-decoration : none;
background : inherit;
color : #3cf2ff;
} 
.dessous { 
clear : both;
} 
.container { 
text-align : left;
width : 880px;
margin-left : auto;
margin-right : auto;
padding : 0;
color : #fff;
} 
.entete, .entete a, .entete a:link, .entete a:visited , .entete a:hover{ 
background : url(images/mc_stjoseph.jpg) 30% 0%;
height : 126px;
width : 635px;
background-repeat : no-repeat;
padding : 0;
margin : 0;
text-align : left;
} 

.titre1 { 
display : block;
text-align : center;
} 
p.titre1 { 
display : inline;
text-align : left;
background : url(images/plaque_num.gif) 0 0px;
background-repeat : no-repeat;
padding : 15px 0px 20px 55px;
margin : 0;
font : bold 18pt "Times New Roman", Arial, Verdana, sans-serif;
color : #faf341;
} 

h1 { 
text-align : center;
font : bold 16pt "Times New Roman", Arial, Verdana, sans-serif;
color : #ff0000;
margin : 7px 0;
padding : 0;
} 
h2 { 
text-align : left;
font : bold 14pt "Times New Roman", Arial, Verdana, sans-serif;
color : #fff;
margin : 7px 0;
}
h3 { 
text-align : left;
font : bold 14pt "Times New Roman", Arial, Verdana, sans-serif;
color : #fff;
margin : 7px 0;
}
hr { 
display : block;
border-style : none;
background : url(images/crampons.jpg);
background-repeat : repeat-x;
text-align : center;
width : 100%;
height : 15px;
margin: 10px 0px;
} 
.bord { 
position : absolute;
bottom : 0%;
float : left;
margin : 0 0 0 -105px;
} 
.menu { 
display : block;
position : absolute;
width : 690px;
margin: -70px 0 0 90px;
} 
.menu a { 
display : block;
float : left;
text-align : center;
font : 8pt georgia, sans-serif;
text-decoration : none;
background : url(images_grilles/grille_menu.gif) 0 0;
background-repeat : no-repeat;
color : #000085;
width : 84px;
height : 43px;
margin: 0px;
padding: 17px 0 0 0px;
} 
.menu a:link { 
display : block;
float : left;
text-align : center;
font : 8pt georgia, sans-serif;
text-decoration : none;
background : url(images_grilles/grille_menu.gif) 0 0;
background-repeat : no-repeat;
color : #000085;
width : 86px;
margin: 0px;
padding: 17px 0 0 0px;
} 
.menu a:visited { 
display : block;
float : left;
text-align : center;
font : 8pt georgia, sans-serif;
text-decoration : none;
background : url(images_grilles/grille_menu.gif) 0 0;
background-repeat : no-repeat;
color : #000085;
width : 86px;
margin: 0px;
padding: 17px 0 0 0px;
} 
.menu a:hover { 
display : block;
float : left;
text-align : center;
font : 8pt georgia, sans-serif;
text-decoration : none;
background : url(images_grilles/grille_menu.gif) 0 -61px;
background-repeat : no-repeat;
color : #000085;
width : 86px;
margin: 0px;
padding: 17px 0 0 0px;
} 
.menu a:active { 
display : block;
float : left;
text-align : center;
font : 8pt georgia, sans-serif;
text-decoration : none;
background : url(images_grilles/grille_menu.gif) 0 -123px;
background-repeat : no-repeat;
color : #000085;
width : 86px;
margin: 0px;
padding: 17px 0 0 0px;
} 
.menu_actif a, .menu_actif a:link, .menu_actif a:hover, .menu_actif a:visited, .menu_actif a:active { 
display : block;
float : left;
text-align : center;
font : 8pt georgia, sans-serif;
text-decoration : none;
background : url(images_grilles/grille_menu.gif) 0 -123px;
background-repeat : no-repeat;
color : #ffffff;
width : 86px;
margin: 0px;
padding: 17px 0 0 0px;
} 
.menu a span { 
display : none;
} 
.menu span { 
display : inline;
} 
.menu a:hover span { 
position : absolute;
display : block;
float : left;
top : -70px;
left : 703px;
width : 87px;
height : 249px;
background : url(images_grilles/depart_girl_haut.jpg) 0 0;
background-repeat : no-repeat;
text-align : left;
padding : 10px 0 0 10px;
font : bold 8pt georgia, sans-serif;
color : #f00;
} 
.panneau { 
display : block;
float : right;
background : url(images_grilles/depart_girl_bas.jpg) 0 0;
width : 87px;
height : 249px;
margin: -140px 0 0 0px;
padding : 0;
} 
.vignette { 
display : block;
text-decoration : none;
background : inherit;
border : 0;
color : #3cf2ff;
float : left;
margin: 15px 15px;
} 
.vignette a:link { 
display : inline;
height : 110px;
text-decoration : none;
background : inherit;
color : #3cf2ff;
float : left;
margin: 20px 40px 20px 40px;
} 
.vignette a:visited { 
display : inline;
height : 110px;
text-decoration : none;
background : inherit;
color : #3cf2ff;
float : left;
margin: 20px 40px 20px 40px;
} 
.vignette a:active { 
display : inline;
height : 110px;
text-decoration : none;
background : inherit;
color : #3cf2ff;
float : left;
margin: 20px 40px 20px 40px;
} 
.vignette a:hover { 
display : inline;
height : 110px;
text-decoration : none;
color : #3cf2ff;
float : left;
margin: 20px 40px 20px 40px;
} 
.menubas { 
position : relative;
display : inline;
margin-left : auto;
margin-right : auto;
font : 8pt "Times New Roman", Arial;
color : #55f;
} 
.menubas a {
display : inline;
font : 8pt "Times New Roman", Arial;
text-decoration : none;
color : #3cf2ff;
} 
.menubas a:link { 
display : inline;
font : 8pt "Times New Roman", Arial;
text-decoration : none;
color : #3cf2ff;
} 
.menubas a:hover { 
display : inline;
font : 8pt "Times New Roman", Arial;
text-decoration : underline;
color : #3cf2ff;
} 
.menubas a:visited { 
display : inline;
font : 8pt "Times New Roman", Arial;
text-decoration : none;
color : #3cf2ff;
} 
.menubas a:active { 
display : inline;
font : 8pt "Times New Roman", Arial;
text-decoration : none;
color : #3cf2ff;
}
.maj { 
display : inherit;
text-align : left;
font : 7pt "Times New Roman", Arial;
color : #aaa;
}
.galerie_ligne { 
border : none;
width : 880px;
text-align : left;
margin: 30px 0px;
height : 250px; 
overflow : auto;
white-space : nowrap;
} 
.galerie_ligne_2 { 
border : none;
width : 880px;
text-align : left;
margin: 10px 0px;
height : 140px; 
overflow : auto;
white-space : nowrap;
} 
.petitegalerie { 
border : none;
display : inline;
width : 100%;
text-align : center;
margin: 15px 0px;
} 
.petitegalerie img { 
display : inline;
text-align : center;
margin : 0 7px;
} 
.calend { 
border : none;
width : 850px;
text-align : left;
margin: 20px 0px;
height : 630px; 
overflow : auto;
white-space : nowrap;
} 
.calend img { 
display : inline;
text-align : center;
margin : 0 7px;
} 
ul {
list-style-image: url(images/puce_lunette.jpg);
margin : 7px 45px;
}
li  a:link, li a:hover, li a:visited, li a:active  {
font : 12pt "Times New Roman", Arial;
text-decoration : none;
font-style : italic;
color : #3cf2ff;
margin : 0 10px;
}
ul.titre2 {
list-style-image: url(images/Titre_lunette1.gif);
text-align : left;
font : bold 14pt "Times New Roman", Arial, Verdana, sans-serif;
color : #fff;
margin : 7px 70px;
}
.tablemeteo_fond {
background-color: #140792;
margin : 10px;
padding : 10px;
}
.tablemeteo_corps {
background-color: #50A3F8;
padding : 5px;
}
.tablemeteo_titre {
background-color: #132FF4;
text-align : center;
font : bold 12pt "Times New Roman", Arial, Verdana, sans-serif;
color : #ffff00;
padding : 5px;
}
.tablemeteo_sstitre {
background-color: #50A3F8;
font : bold 10pt "Times New Roman", Arial, Verdana, sans-serif;
text-align : center;
color : #0B047A;
padding : 2px;
}
.imagecentre {
display : block;
margin-left : auto;
margin-right : auto;
text-align : center;
}
.image_gauche {
text-align : center;
float : left;
margin : 10px;
}
.tableau1 {
font : 12pt "Times New Roman", Arial;
color : #fff;
border : 3px solid white;
width : 900px;
border-collapse: collapse;
}
.tableau1_titre {
font : bold 12pt "Times New Roman", Arial;
color : #ff0;
text-align : center;
}
.img_calque a:hover {
display : inline;
}
.img_calque span {
display : inline;
}
.img_calque a span {
display : none;
}
a span {
display: none;
}
.img_calque {
display : inline;
position : relative;
margin : 20px
}
.img_calque a:hover span {
display : inline;
position : absolute;
top : 0;
left : 0;
background : green;
text-align : center;
color : white;
margin : 0 0 0 20px
}
.table_clasmt_fond {
background-color: #02045C;
margin : 10px;
padding : 3px;
}
.table_clasmt_corps {
text-align : center;
background-color: #fff;
padding : 5px;
}
.table_clasmt_titre {
background-color: #0204B2;
text-align : center;
font : bold 12pt "Times New Roman", Arial, Verdana, sans-serif;
color : #fff;
padding : 5px;
}
#derriere {
position: relative;
text-align: center;	/* dimension et positionnement du bloc conteneur  de l'image */
left: 0px;
top: 20px;
height : 320px;	
width : 200px;
margin : 0;
padding :  0;
background : #e6e6e6;
}
/*#derriere img {
/* l'image occupe toute la place de son bloc conteneur 
width : 150px;
height: 250px;
} */
#derriere p {	
position: absolute;	/* placement du texte par-dessus l'image */
top: 50px;
left: 50px;
font : 16pt bold;
}

#numero_pilote {
position: relative;
text-align: center;	/* dimension et positionnement du bloc conteneur  de l'image */
left: 230px;
top: 20px;
height : 320px;	
width : 200px;
margin : -120px 0 0px 0;
background : #e6e6e6;
padding : 10px 0 0 0;
}
#numero_pilote img {
/* l'image occupe toute la place de son bloc conteneur */
width : 150px;
height: 250px;
}
#numero_pilote p {	
position: absolute;	/* placement du texte par-dessus l'image */
top: 150px;
left: 150px;
font : 16pt bold;
}

#devant {
position: relative;
text-align: center;	/* dimension et positionnement du bloc conteneur  de l'image */
left: 460px;
top: 20px;
height : 320px;	
width : 200px;
margin : -100px 0 0 0;
background : #e6e6e6;
padding : 10px 0 0 0;
}
#devant img {
/* l'image occupe toute la place de son bloc conteneur */
width : 150px;
height: 250px;
}
#devant p {	
position: absolute;	/* placement du texte par-dessus l'image */
top: 50px;
left: 50px;
font : 16pt bold;
}