/* Général */
body{
margin-top: 0;
margin-left: 0;
margin-right:0;
background: #ffffff;
background-image: url(../no/bgbody.gif);
background-attachment: fixed;
text-align: center;
margin-bottom: 300px;
}
img { /* pour toutes les images du site, largeur fixe */
width: 90%;
border: 1px solid #990000;
margin-left: 0;
margin-top: 0;
margin-right: 10px;
margin-bottom: 5px;
float: none;
clear:both;
}

h1 { /* titre niveau 1 */
font-family: arial, sans-serif;
font-size: 16px;
margin: 0;
color:#660000;
}
h2 { /* titre niveau 2 */
clear:left;
font-family: arial, sans-serif;
font-size: 16px;
margin-left: 0;
margin-right: 0;
margin-bottom: 5px;
margin-top: 30px;
padding-right:0;
padding-top: 0;
padding-bottom: 0;
color:#660000;
background-image:url(../no/puce.gif);
background-repeat: no-repeat;
padding-left: 15px;
}
 /* structure du menu de gauche, en liste */
.menu{
width: 166px;
background-image:url(../no/bgbody.gif);
margin: 0 auto;
}
.menu ul{
list-style-type: none;
margin: 0 auto;
padding: 0;
}
.menu li a{
color: #ffffff;
background-color: #ff3300;
display: block;
font-family: arial, sans-serif;
font-size: 12px;
line-height:30px;
height: 30px;
text-decoration: none;
text-align: center;
border-top:1px solid #990000;
border-left:2px solid #990000;
border-bottom:1px solid #990000;
border-right:2px solid #990000;
margin:0;
}
.menu li a:hover{
background:transparent;
}
#galerie{
margin-top: 15px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
float: none;
}
/* structure des blocs imbriqués des pages */
#page { /*conteneur supplémentaire pour insérer en image de fond le bandeau rouge*/
background-image: url(../no/bgbandeau.gif);
background-repeat: repeat-x;
width: 100%;
margin-left: 0;
margin-right: 0;
float: left;
display: inline;
}
#conteneur{
width: 800px; /*largeur du conteneur principal*/
margin: 0 auto; /*centre le conteneur de la page*/
}
#tete{
height: 234px; /*hauteur de l'en-tête*/
background-image: url(../no/bgtete.gif);
background-repeat: no-repeat;
width: 800px;
margin: 0 auto;
}
#contenu{
float: left;
width: 100%;
display: inline;
}
#colgauche{
margin-right: 600px; /*Fixe la marge de droite à la largeur de la marge de droite*/
background-image: url(../no/bgmenu.gif);
margin-left: 0;
text-align: center;
}

#coldroite{
float: left;
width: 600px; /*largeur de la colonne droite*/
margin-left: -600px; /*fixe la marge gauche à -(largeur de la colonne de droite) */
background-image: url(../no/bgcontent.gif);
background-color: #FFFFFF;
text-align: justify;
font-family: arial, sans-serif;
font-size: 14px;
color:#660000;
line-height:18px;
display: inline;
}
#coldroite a{
font-family: arial, sans-serif;
font-size: 14px;
color:#666666;
text-decoration: underline;
}
#coldroite a:hover{
font-family: arial, sans-serif;
font-size: 14px;
color:#ff3333;
text-decoration: underline;
}
.marge{
margin-left:15px;
margin-right:15px;
margin-top:0;
margin-bottom: 15px;
}
#pied{
height: 43px;
width: 800px;
color: #990000;
text-align: center;
background-image: url(../no/bgpied.gif);
background-repeat: no-repeat;
padding-top: 40px;
border:0;
float: left;
display: inline;
}

/* menu pied de page */
#pied ul {
font-family: arial, sans-serif;
font-size: 11px;
color: #990000;
text-align: right;
width: 595px;
margin-top:0;
margin-bottom:0;
margin-right:0;
margin-left: 205px;
list-style-type: none;
float:left;
display: inline;
}
#pied li{
float: left;
margin-right:5px;
}
#pied li a{
color: #660000;
text-decoration: none;
}
#pied li a:hover{
color: #ff3300;
text-decoration: none;
}
.titre { /* uniquement pour l'intitulé dans l'en-tête */
font-family: arial, sans-serif;
font-style: italic;
font-size: 25px;
text-align: right;
color: #ffff99;
margin-top:120px;
margin-right:400px;
float: right;
}
a.fav { /* uniquement pour "ajouter ce site à vos favoris" */
color: #ffffff;
text-decoration: underline;
font-family: arial, sans-serif;
font-size: 11px;
}
a:hover.fav {
color: #ff3300;
text-decoration: none;
font-family: arial, sans-serif;
font-size: 11px;
}
/* module paiement */
#paga{
width:155px;
color:#000000;
font-family: arial, sans-serif;
font-size:14px;
line-height:15px;
border:2px solid #003399;
background-color:#99CCFF;
text-align:center;
font-size:11px;
margin:0 auto;
padding:5px;
}
#paga a{
color:#000000;
font-family: arial, sans-serif;
font-size:13px;
}
#paga a:hover{
color:#0033CC;
font-family: arial, sans-serif;
font-size:13px;
}

/* STYLE VIDEO */
/* Style du conteneur de la vidéo */
a.myPlayer {
	display:block;
	width: 500px;
	height:350px; 
	text-align:center;
	margin:0 15px 15px 0;
	border:1px solid #660000;
	font-family: arial, sans-serif;
	font-size: 13px;
	color: black;
	background-image: url(../no/bgplayer.gif);
}

/* bouton jouer */
a.myPlayer img {
	margin-top:70px;
	border:0px;
}

/* Style de conteneur de vidéo en 16/9e, si besoin */
a.myPlayerwide {
	display:block;
	width: 350px;
	height:210px; 
	text-align:center;
	margin:0 15px 15px 0;
	border:1px solid #660000;
	font-family: arial, sans-serif;
	font-size: 13px;
	color: black;
	background-image: url(../no/bgplayer.gif);
}

/* bouton jouer */
a.myPlayerwide img {
	margin-top:70px;
	border:0px;
}

/* souris sur le conteneur vidéo, la bordure change de couleur */
a.myPlayerwide:hover {
	border:1px solid #CC3300;
}

/* STYLE SONS */
/* Style du conteneur des sons */
figure {
    margin-left: 0;
    margin-bottom:1.5em;
}
audio{
	width:100%;
}

/* menu vertical de gauche - archive - remplacé par une liste
.menu {
background-color: #ff3300;
background-position: center;
width: 166px;
height: 25px;
display: block;
font-family: arial, sans-serif;
font-size: 12px;
text-decoration: none;
color: #ffffff;
text-align: center;
padding-top:5px;
border-top:1px solid #990000;
border-left:2px solid #990000;
border-bottom:1px solid #990000;
border-right:2px solid #990000;
}
a.menu {
background-position: center;
display: block;
}

a.menu:hover{
background-image:url(../no/bgbody.gif);
background-position: center;
display: block;
background-color: #990000;
}
*/