body {
	overflow: auto ;
	margin: 0px ;
	font-family: verdana, arial, sans-serif;
	color: black;
	background-position: top center;
	background-repeat: repeat-y;
	}

.left {text-align: left ; }
.right {text-align: right ; }
.center{text-align: center ; }
.justify {text-align: justify ;}
.dec5 {margin-left: 5px; margin-top: 5px; }

.nobandeau {margin-top: 0; }
.bandeau1 {margin-top: 60px; }
.haut {margin-top: 20px;}

.texte {font-size: 8pt}
.texte9 {font-size: 9pt; }
.texte10 {font-size: 10pt; }
.texte15 {font-size: 15pt; }
.txt_lrg {font-size: 11pt; }
.txt_sml {font-size: 7pt; }
.txt_int {font-size: 5pt; }
.txt_vsml {font-size: 3pt; }
.renforce {font-size: 10pt; font-weight: bold; }
.titre {font-size: 12pt; }
.entete {font-size: 18pt; }
.maigre {font-weight: normal; }
.gras {font-weight: bold; }
.italique {font-style: italic;}
.gris {color: #909090; }
.noir {color: black; }
.rouge {color: red; }
.rouge_basque {color: #AA0000;}
.int_15 {line-height: 150%; }
.int_16 {line-height: 160%; }
.int_18 {line-height: 180%; }
.espac2 {line-height: 0.2; }
.espac3 {line-height: 0.3; }
.espac4 {line-height: 0.4; }
.espac5 {line-height: 0.5; }
.espac7 {line-height: 0.7; }
.espac8 {line-height: 0.8; }
.espac10 {line-height: 1; }
.espac15 {line-height: 1.5; }
.espac17 {line-height: 1.7; }
.espac20 {line-height: 2; }
.souligne {text-decoration: underline; }

.vmilieu { vertical-align: -15px; margin-left: 25px; }
.flot_g {float: left; margin-right: 10px; margin-bottom: 10px; }
.flot_g0 {float: left; margin-right: 10px; margin-bottom: 5px; }
.flot_g1 {float: left; margin-right: 15px; margin-bottom: 10px; }
.flot_g2 {float: left; margin-right: 20px; margin-bottom: 10px; }
.flot_g3 {float: left; margin-right: 15px; margin-bottom: 10px; padding-bottom: 50px;}
.flot_g3_s {float: left; margin-right: 15px; margin-bottom: 10px; padding-bottom: 20px;}
.flot_d {float: right; margin-left: 10px; margin-bottom: 10px; }
.flot_d1 {float: right; margin-left: 15px; margin-bottom: 10px; }
.flot_d2 {float: right; margin-left: 20px; margin-bottom: 10px; }
.flot_d3 {float: right; margin-left: 30px; margin-bottom: 10px; }
.bouton {font-size: 10pt; font-family: arial, sans-serif; }

.fondblanc
{
background-color: white ;
padding: 5px ;
border: 0;
}

.fondgris
{
background-color: #c0c0c0 ;
border-style: solid ;
border-width: 2px ;
border-color: grey ;
padding: 15px ;

}

.fondstatue
{
background-image: url(images/OperaStatueNB_.jpg) ;
background-color: #c0c0c0 ;
}

.h10 {height: 10px; }
.h15 {height: 15px; }
.h20 {height: 20px; }
.h30 {height: 30px; }
.h40 {height: 40px; }
.h50 {height: 50px; }
.h100 {height: 100px; }
.h120 {height: 120px; }
.h125 {height: 125px; }
.h130 {height: 130px; }
.h150 {height: 150px; }
.h99pc {height: 99%; }
.w50 {width: 50px; }
.w150 {width: 150px; }

.bloc1
{
width: 55% ;
border-style: solid ;
border-width: 2px ;
border-color: grey ;
padding: 10px ;
vertical-align: top ;
}

.bloc1_s
{
width: 35% ;
border-style: solid ;
border-width: 2px ;
border-color: grey ;
padding: 10px ;
vertical-align: top ;
}

.bloc2
{
border-style: solid ;
border-width: 4px ;
border-color: grey ;
padding: 10px ;
vertical-align: top ;
}

<!--
a.blanc_ns:link {color: white ; text-decoration: none; }
a.blanc_ns:visited {color: white ; text-decoration: none; }
a.blanc_ns:hover {color: yellow ; text-decoration: none; }

a.blanc:link {color: white ; }
a.blanc:visited {color: white ; }
a.blanc:hover {color: yellow ; }

a.gris:link {color: #909090 ; text-decoration: underline; }
a.gris:visited {color: #909090 ; text-decoration: underline; }
a.gris:hover {color: blue ; text-decoration: underline; }

a.gris_ns:link {color: #909090 ; text-decoration: none; }
a.gris_ns:visited {color: #909090 ; text-decoration: none; }
a.gris_ns:hover {color: blue ; text-decoration: underline; }

a.noir:link {color: black ; text-decoration: underline; }
a.noir:visited {color: black ; text-decoration: underline; }
a.noir:hover {color: blue ; text-decoration: underline; }

a.noir_ns:link {color: black ; text-decoration: none; }
a.noir_ns:visited {color: black ; text-decoration: none; }
a.noir_ns:hover {color: blue ; text-decoration: underline; }

-->

.imageWrapper {
    position: relative;
    width: 180px;
    height: 135px;
}
.imageWrapper img {
    display: block;
}
.imageWrapper .cornerLink {
    opacity: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 2px 0px;
    color: #ffffff;
    background: #AA0000;
    text-decoration: none;
    text-align: center;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
    
}
.imageWrapper:hover .cornerLink {
    opacity: 0.8;
}

.remarque {display: none;}