HTML
{
    font-size: 100%;    
}
body
{
font: 0.80em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
background-color: #eefce9;  
background-color:#f0fafa;
background-color:#07901c;
background-color:#718d23;  /* olive*/
background-color:#00ff7e;	/*printemps */

background-color:#aff2b5;	/* vert eau */
background-color:#62c062;	/* vert mousse */
background-color:#35cb25;	/* vert pomme */
background-color:#3bf24c;	/* vert perroquet */
background-color:#00d759;	/* vert emeraude*/
background-color:#17ba4f;	/* vert menthe*/
background-color:#82c46b;	/* vert menthe*/
margin: 0;
padding: 0;
margin-bottom:0;
}
.no_screen{
	display:none;
}
.nav
{
color: black;
}
.centrer   /* A essayer */
{
	margin-left:auto;
    margin-right:auto;
}
.Cun
{
  color: #ba0b0b;
}
.p1 { padding-left: 4%; padding-right: 3%; text-indent:4%; font-style:italic;}
.p2 { padding-left: 4%; padding-right: 3%; text-indent:4%; font-weight:bold;}
.p3{ padding-left: 4%; padding-right: 3%; text-indent:10%; font-style:italic; font-weight:bold;}
.p31{ padding-left: 4%; padding-right: 3%; text-indent:13%; font-style:italic; }
#p3 { padding-left: 8%; background-color:#FFFF99; font-size:14pt; }
#p4 { padding-left: 8%; background-color:#FFFF99; font-size:14pt; }
.al_gauche
{
text-align: left;
}
.titre_fin
{
color: black;
text-align: center;
font: 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.titre_A
{
text-align: center;
text-indent: -5em;
font: 2.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.titre_B
{
text-align: center;
text-indent: -6em;
font: 1.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.titre_0
{
text-align: center;
text-indent: -1em;
font: 2em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.titre_01
{
text-align: center;
text-indent: -8em;
font: 1.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.titre_1
{
text-align: center;
font: 2.5em/1em  sans-serif;
color: red;
}
.titre_2
{
margin-left: auto;
margin-right: auto;
width: 50%; /* largeur obligatoire pour être centré */
}
.titre_r14
{
text-align: center;
font: 1.4em/1em  sans-serif;
color: red;
}
.titre_r25
{
text-align: center;
font: 2.5em/1em  sans-serif;
color: red;
}
.titre_r20
{
text-align: center;
font: 2em/1em  sans-serif;
color: red;
}

.titre_b14, .titre_g14
{
text-align: center;
font: 1.4em/1em  arial;
}
.titre_b14  {
color: blue;
}
.titre_g14  {
color: green;
}
.titre_g13  {
text-align: center;
font: 1.3em/1em  arial;
color: green;
}
.titre_g11{
text-align: center;
font: 1.1em/1em  arial;
color: green;
}
.titre_g25  {
text-align: center;
font: 2.5em/1em  arial;
color: green;
}
.titre_b20
{
text-align: center;
font: 2em/1em  arial;
color: blue;
}
.titre_b25, .titre_b, .titre_2
{
text-align: center;
font: 2.5em/1em  arial;
color: blue;
}
.petit_c{
font: 0.2em;
}
.en_bas
{
font: 2em/1em  arial;
color: black;
}
h1{
    /* Par défaut, ce texte s'affichera à 20px */
    font: 2em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h2{
text-align: center;
    /* Par défaut, ce texte s'affichera à 15px */
    font: 1.5em/1em Arial, Helvetica, sans-serif;
}

h3{
    /* Par défaut, ce texte s'affichera à 12px */
    font: bold 1.2em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h4
{
  font: bold 1em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h5{
  font: bold 0.8em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h6{
  font: bold 0.8em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.cine12
{
text-align: center;
font-size: 1.2em;
color: blue;
}
a.cinejour, p.cinejour
{
text-align: center;
background: yellow;
font-size: 1.1em;
font-weight: 700;
color: red;
}
a.equipe, p.equipe
{
text-align: center;
background: yellow;
font-size: 0.9em;
font-weight: 700;
color: red;
}
a.cinesp
{
text-align: center;
background: #c7ebde;
font-size: 1.1em;
font-weight: 700;
color: blue;
}
a.cinearch, p.cinearch
{
text-align: center;
background: yellow;
font-size: 1.1em;
font-weight: 700;
color: blue;
}


p.blackindent, a.blackindent, .blackindent {text-indent: 2em; color: black;}
p.black, a.black, .black {color: black;}
p.black06, a.black06 {font-size: 0.6em; color: black;}
p.black08, a.black08 {font-size: 0.8em; color: black;}
p.black10, a.black10, .black10  {font-size: 1.0em; color: black;}
p.black11, a.black11, .black11  {font-size: 1.1em; color: black;}
p.black12, a.black12, .black12  {font-size: 1.2em; color: black;}
p.blackC12, a.blackC12, .blackC12  {text-align: center; font-size: 1.2em; color: black;}
p.black13, a.black13, .black13  {font-size: 1.3em; color: black;}
p.blackC13, a.blackC13, .blackC13  {text-align: center; font-size: 1.3em; color: black;}
p.black14, a.black14, .black14 {font-size: 1.4em; color: black;}
p.blackC14, a.blackC14, .blackC14 {text-align: center; font-size: 1.4em; color: black;}
.blackB{
	width:90%;
	background: #7af4e1; 
	font-size: 1.em; 
	text-align: center; 
	color: black;
}

.BBBB{background: #7af4e1; font-size: 1.em; text-align: center;}

.grey13 {font-size: 1.3em; color: #606060;}

p.blue, a.blue, .blue {color: blue;}
p.blue11, a.blue11, .blue11  {font-size: 1.1em; color: blue;}
p.blue12, a.blue12, .blue12  {font-size: 1.2em; color: blue;}
p.blue13, a.blue13, .blue13 {font-size: 1.3em; color: blue;}
p.blue14, a.blue14, .blue14{font-size: 1.4em; color: blue;}
p.blue15, a.blue15, .blue15{font-size: 1.5em; color: blue;}

p.blueC, a.blueC, .blueC {text-align: center; color: blue;}
p.blueC12, a.blueC12, .blueC12 {text-align: center; font-size: 1.2em; color: blue;}
p.blueC13, a.blueC13, .blueC13 {text-align: center; font-size: 1.3em; color: blue;}
p.blueC14, a.blueC14, .blueC14 {text-align: center; font-size: 1.4em; color: blue;}

.turquoiseC14{
text-align: center; 
font-size: 1.4em; 
background: #2cfbfb;
color: black;
}
p.violet14, a.violet14, .violet14 { font-size: 1em; color: #9f7bf7}


p.orange, a.orange, .orange {color: orange;}
p.orangered, a.orangered, .orangered ,b.orangered{color: #f5671b;}
p.orange14, a.orange14 {font-size: 1.4em; color: orange;}

p.red, a.red, .red {color: red;}
p.red12,a.red12 {font-size: 1.2em; color: red;}
p.red14,a.red14 {font-size: 1.4em; color: red;}

p.greenC12, a.greenC12, .greenC12{text-align: center; font-size: 1.2em; color: green;}
p.greenC13, a.greenC13, .greenC13 {text-align: center; font-size: 1.3em; color: green;}
p.greenC14, a.greenC14, .greenC14 {text-align: center; font-size: 1.4em; color: green;}
p.greenC15, a.greenC15, .greenC15 {text-align: center; font-size: 1.5em; color: green;}
p.greenC20, a.greenC20, .greenC20 {text-align: center; font-size: 2em; color: green;}

p.green, a.green, .green {color: green;}
p.green12, a.green12, .green12 {font-size: 1.2em; color: green;}
p.green13, a.green13, .green13 {font-size: 1.3em; color: green;}
p.green14, a.green14, .green14 {font-size: 1.4em; color: green;}

p.yellow, a.yellow, .yellow {background: blue; color: yellow;}
p.yellow400 {background: blue; font-size: 0.8em; color: yellow; width: 400px;}
p.yellow140 {background: blue; font-size: 0.8em; color: yellow; }
p.yellowC12, a.yellowC12 {background: blue; font-size: 1.2em; color: yellow;}
p.yellow13, a.yellow13 {font-size: 1.3em; color: yellow;}
p.yellowC14, a.yellowC14 {background: #00ff7e; font-size: 1.4em; color: blue; text-align: center;}
p.yellow14, a.yellow14 {background: blue; font-size: 1.4em; color: yellow;}
p.yellowC16, a.yellowC16 {background: blue; font-size: 1.6em; color: yellow; text-align: center;}
p.yellow25, a.yellow25 {background: blue; font-size: 2.5em; color: yellow;}
p.yellowC20, a.yellowC20 {text-align: center; background: blue; font-size: 2em; color: yellow;}
p.yellowC25, a.yellowC25 {text-align: center; background: blue; font-size: 2.5em; color: yellow;}
.wh50
{
width: 100px;
height: 50px;
}
.wh100
{
width: 100px;
height: 100px;
}
.wh120
{
width: 100px;
height: 120px;
}
.wh1, .wh200
{
width: 204px;
height: 255px;
}
.wh450
{
width: 100px;
height: 430px;
}
.mid
{
text-align: center;
color: yellow;
}
.exul
{
padding: 0;
margin: 0 8% 0 5%;
}
.centre
{
z-index: 1;
clear: left;
position : relative;
height:auto;
width: 61%;
padding: 0 0 0 0;
margin:0 19% 2em 19%;
top: 32em;
}
.centreB, .centreC{
z-index: 1;
clear: left;
position : relative;
height:auto;
top: -10%;
padding: 0 0 0 0;
width: 75%;
margin: 14em 0 0 19%;

}
.centreC{
top: 0%;
margin: 0 0 0 19%;
}
.centreD{
position : relative;
clear: left;
z-index: 99;
top: 0%;
margin: 0;
width: 60%;
margin: 0 19% 0 19%;
}
.ours
{
margin: 14em 0 0 5%;
font-size: 1em;
color: black;
padding: 0 0 0 0;
margin: 14em 19% 0 19%;
width:61%;
}



.centreEV
{
background-image: url(imageRetour/enveloppe01.jpg);
background-position: right;
background-repeat: no-repeat;
width: 100%;

background-position: 0px 0px;
overflow: hidden;

}
.centre60
{
margin: 0 19% 0 19%;
background-image: url(images/logo60Foyer.gif);
background-position: center;
background-repeat: no-repeat;
}
.centreAG
{
background-image: url(images/AS2008truc5.JPG);
background-position: right;
background-repeat: no-repeat;
}
.centre_volley
{
background-image: url(images/volley/File0022R1.jpg);
background-position: center;

width: 100%;
background-repeat: no-repeat;
background-color: #eefce9;
}

.logo{ width: 14em; float: right; }
.affiche {width: 25em;float: right;}

.gauche, .g_c, .g_fetes, .g_2012
{
margin-top: 0;
padding-top: 0;
z-index: 3;
top:5em;
left: 0.5em;
text-align: left;
position: fixed;
height:auto;
float: left;
width: 17%;
}
.g_2012
{
width: 5%;
top:0em;
}
.g_c
{
width: 5%;
z-index: 1;
}
.g_fetes
{
z-index: 1;

height:80%;/*
background-image: url(/images/noel12.jpg);
background-position: left;
background-repeat: no-repeat;
background-color: #eefce9;*/
}

.droite{
margin-top: 0;
padding-top: 0;
top:0;
text-align: left;
position: fixed;
min-height: 900px;
width: 20%;
right: 0;

}
.puce{
width:30%;
}
.espace05{
height:5em; 
display:block;
}
.espace10{
height:10em; 
display:block;
}
.espace20{
height:20em; 
display:block;
}
.espace25{
height:25em; 
display:block;
}
.espace30{
height:30em; 
display:block;
}
.espace45{
height:45em; 
display:block;
}
div.row {
  font-size: 1.1em;
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
   float: left;
  width: 27%;
  text-align: right;
  }

div.row span.formw {
    float: right;
  width: 68%;
  text-align: left;
  }
  
  .un
{
  color: #d08b7e;
}
.deux
{
  color: #d0b67e;
}
.trois
{
  color: #d1d183;
}
.quatre
{
  color: #abd387;
}
.cinq
{
  color: #7ece7a;
}
.six
{
  color: #74cc9d;
}
.sept
{
  color: #74cccc;
}
.huit
{
  color: #7aa9ce;
}
.neuf
{
  color: #7d7ace;
}

li
{ /*
font-size: 1.2em;*/
font-size: 1.1em;
}

li a
{
color: black;
font-size: 0.9em;
}
a:link:hover, a:visited:hover {background-color: #ffffff;}
li:link {color: green; text-decoration:none;}
li:visited {color: #ff4500; text-decoration:none;}
li:hover {color:blue; text-decoration:none;}
.hautpage {                                   /*
background-image:url(images/hauthiver.jpg);
background-image:url(images/hautprtps.jpg);			
background-image:url(images/hautete.jpg);*/
background-color:#ffffff;
background-image:url(images/new.jpg);
background-repeat: no-repeat;
background-position: 0 0;
overflow: hidden;
padding-bottom: 0.8em;
bottom: 0;
margin: 0;
}
.fondpage
{                                            /* 
background-image:url(images/fondhiver.jpg); 
background-image:url(images/fondprtps.jpg);   
background-image:url(images/fondete.jpg);   
background-image:url(images/fondnew.jpg);*/
background-image:url(images/fondvert.jpg);   

width: 100%;
background-repeat: repeat-y;
background-position: 0 0;
overflow: hidden;
padding-bottom: 0;
padding-top: 0;
bottom: 0;
}
.fondpage1
{
/*
background-image:url(images/fondhiver.jpg);
background-image:url(images/fondhiver.jpg);*/
background-color:#ffffff;
background-image:url(images/fondhiver.jpg);
width: 100%;
background-repeat: no-repeat;		/*
background-position: 0 80% 0 0;	    retiré n'est pas W3C  */
overflow: hidden;
padding-bottom: 1em;
bottom: 0;
}
.fondpage2
{
background-image:url(images/fondprtps.jpg);
width: 100%;
background-repeat: repeat-y;
background-position: 0px 0px;
overflow: hidden;
padding-bottom: 1em;
bottom: 0;
}
.fondpage3
{
background-image:url(images/fondimage.jpg);
width: 100%;
background-repeat: repeat-y;
background-position: 0px 0px;
overflow: hidden;
padding-bottom: 1em;
bottom: 0;
}
.baspage
{                                            /*
background-image:url(images/bashiver.jpg);
background-image:url(images/basprtps.jpg);		
background-image:url(images/basete.jpg);*/
background-color:#ffffff;
background-image:url(images/new.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
overflow: hidden;
padding-bottom: 1em;
bottom: 0;
}
.prop {
    height:725px;
    float:right;
    width:0.1px;
  }



.thumb .RC{
float: right; 
padding: 0 0 0 0;
margin: 1em -16% 0 0;
width:11em;
position:relative;
}
.thumb .paysC{
float: right; 
right:1%;
top:0em;
width:48px;
height:40px;
position:relative;
}
.thumb a .slidep1 {
float: right;
position: fixed;
width:0em;
display:block;
position:absolute;
}
.thumb a:hover {
background-color:white; /* TRES Important pour zoom */
}
.thumb a:hover .slidep1{
top:5em;
position:absolute;
right:20%;
width:70%;
}

/****************    Tiroirs centre      ***********************/
#tiroir, 
#tiroir ul {

	width: 250px;	/* largeur fond 1° tiroir ***********/
	list-style: none;
	line-height: 2.5em;       /**** hauteur 1° et 3° tiroirs ***/
	background: #acffa7;  /* fond  1° tiroir IE  invisible sousMozilla */
	font-weight: bold;
	padding: 0 ;
	margin: 0 0 0 10%;		/***** position tiroir    *********/
	border: solid blue;
	border-width: 2px 1px;	
}

#tiroir a {
background:#000 url(large_B.gif);
	
	text-align:left; 	/*position texte 2° tiroir***/
    font-size: 0.8em;
	display: block;
	width: 250px;		/***** largeur texte 1° tiroir  ********/
	color: blue;		
	text-decoration: none;
	
	padding: 0 0 0 0;
	margin: 0 ;	
}

#tiroir a.titre_1 {

	background: url(logo_fr.ico) center right no-repeat;
	background:#ff6771 url(haut_A.gif) center center;/*fond 3° tiroir */
	background:#000 url(large_B.gif) center center;
	padding: 0 0 0 2em;
	margin: 0  0 0 2em;	
}

#tiroir li {

	float: left;
	padding: 0;
	padding: 0.25em 0;
	width: 250px;	 /********** largeur survol tiroitrs ********/

	background: #acffa7 ;
	border-top:1px solid #0e3f00;
	border-right:1px solid #0e3f00;
	border-bottom:1px solid #0e3f00;
}

#tiroir li ul {

	position: absolute;
	left: -999em;
	height: auto;
	width: 250px;		 /******* largeur bordure 2° & 3° tiroir  ********/
	font-weight: normal;
	border-width: 0.25em;
	padding: 0;
	margin: 0 ;	
}

#tiroir li li {

	line-height: 5em;   
	width: 250px;      /*********largeur tiroirs ****/
	padding: 0;
	margin: 0 ;	
}

#tiroir li ul a {

	line-height: 1.5em;  
	width: auto;
	background: #ff6771;  /*fond 3° tiroir */
	background:#ff6771 url(haut_A.gif) center center;/*fond 3° tiroir */
	
	border:1px solid #0000ff;
	padding: 0 0 0 2em;   /****** position texte 3° tiroir   ************/
	margin: 0 0 0 2em ;		/******* position retrait 3° tiroir *****/
}
#tiroir li ul ul {
 
	width: 200px;
	margin: -1.75em 0 0 14em;	/* position 3° tiroir ************/
	padding: 0 ;
}
#tiroir li ul li ul li a {

 font-size: 12px;    /**** taille caract 3° tiroir ***/
 line-height: 2em;  
}
#tiroir li:hover ul ul, #tiroir li:hover ul ul ul, #tiroir li.sfhover ul ul, #tiroir li.sfhover ul ul ul {
	left: -999em;
	
}

#tiroir li:hover ul, #tiroir li li:hover ul, #tiroir li li li:hover ul, #tiroir li.sfhover ul, #tiroir li li.sfhover ul, #tiroir li li li.sfhover ul {

	width: 250px;
	left: auto;
}

#tiroir li:hover, #tiroir li.sfhover {

	width: 249px; 
	background: #44f67f;   /* fond survol  1° 2° tiroirs  (attention  red, blue  ou xx KO sous IE)*/
	background:#ff6771 url(haut_A.gif) center center;/*fond 3° tiroir */
}
/**********************   niveau  droite ************************/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menuBs/drop_definition.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#dlmenuB {height:auto; margin:0 0 10em 0;}
#menuB {
list-style-type:none;
font-weight: bold;
font-size: 9.5px;    /**** taille caract  ***/
line-height: 1.5em;  

margin:-10em 0 0 1em; 
padding:0 0 0 0; 
position:absolute; 
width:85%; 
background: green; 
}
#menuB li {
display:block; 
padding:0 0 0 0; 
margin:0; 

}
#menuB li a, 
#menuB li a:visited {
display:block; 
text-decoration:none;
}
#menuB li dd 
{display:none;}

#menuB li:hover, 
#menuB li a:hover 
{border:0;}
 
#menuB li:hover dt a , 
#menuB li a:hover dt a {
background:#d4d8bd url(haut_A.gif) center center; 
color:#0000ff; 
}
 
#menuB li:hover dl, 
#menuB li a:hover dl {
height:auto; /*
background:#b4be9c url(large_BQ.gif);  /* effetb  ??*/    
}
 
#menuB li:hover dt a , 
#menuB li a:hover dt a { /*    color 1° tiroir over  */
background:#d4d8bd url(haut_A.gif) center center; /*    ground color 1° tiroir over  */
color:#0000ff;      /*     font color 1° tiroir over  */
}
 
#menuB li:hover dd, 
#menuB li a:hover dd {
display:block;

}
#menuB li:hover dl, 
#menuB li a:hover dl {
height:auto; /*
background:#b4be9c url(large_BW.gif);   /* effet ??*/
}

#menuB table {
border-collapse:collapse; 
padding:0; 
margin:-4px; 
font-size:1em;
}

#menuB dl {
width: 15em; 
margin: 0; 
background: #6f9c6f; 
cursor:pointer;
}
 
#menuB dt {
margin:0; 
padding: 0; 
font-size: 1.4em; 
border-top:1px solid #b3ffc3;
}
 
#menuB dd {
margin:0; 
padding:0; 
font-size: 1.2em; 
text-align:left; 

}

.niveau_A dd a, 
.niveau_A dd a:visited {

color:#000;    /*white */
min-height:1em; 
text-decoration:none; 
display:block; 
padding:0; /*
background:#000 url(large_BX.gif);  /* effet ?? */
}

.niveau_A dt a, 
.niveau_A dt a:visited {
display:block; 
color:#000;  
padding:1em 1em 1em 2em; 
background:#fff url(haut_A.gif) center center;   /* premier aspect tiroir        */
}

.niveau_A dd a, 
.niveau_A dd a:visited {
color:#000;     
min-height:1em;
text-decoration:none; 
display:block; 
padding:4px 5px 4px 20px; 
background:#000 url(large_B.gif) center center;
}  /* 2° tiroir */
* html .niveau_A ul li a,
* html .niveau_A dd a, * html .niveau_A dd a:visited {height:1em;}
 
.niveau_A dd a:hover {background:#526384; color:yellow;}

/**** tableaux   **************/
table {
border: medium solid #6495ed;
border-collapse: collapse;
margin: auto;
width: 90%;
}

th {
font-family: monospace;
border: thin solid #6495ed;
padding: 5px;
background-color: #D0E3FA;
}
td {
font-family: sans-serif;
border: thin solid #6495ed;
padding: 5px;
text-align:center;
background-color: #ffffff;
}
/*
td1 {
font-family: sans-serif;
border: thin solid #6495ed;
padding: 5px;
text-align:center;
background-color: #9eff39;
}


caption {
font-family: sans-serif;
}
*/
/************************  pour test *****************/
.thumb a:hover{
background-color:white; /* pour zoom */
}
.thumb a .slidepays8, .thumb a .slidepays9, .thumb a .slidepays09, .thumb a .slidepays91, .thumb a .slidepays92, .thumb a .slidepays93{
float: right;
position: fixed;
width:0em;
display:block;
position:absolute;
}
.thumb a:hover .slidepays8{
z-index:1;
display: block;
position: absolute;

width:650px;
}
.thumb a:hover .slidepays9{
display: block;
position: absolute;
right: 5em;
left:0;
width:600px;
}
.thumb a:hover .slidepays93{
display: block;
position: absolute;
right: 5em;
left:0;
width:800px;
}
.thumb a:hover .slidepays09{
display: block;
position: absolute;
width:60%;
left:0;
}
.thumb a:hover .slidepays91{
display: block;
position: absolute;
right: 5em;
width:100%;
}
.thumb a:hover .slidepays92{
display: block;
position: absolute;
right: -15em;
width:150%;
}
.thumb a .slidepays5 {
float: right;
position: fixed;
width:0em;
display:block;
position:absolute;
}

.thumb a:hover .slidepays5{
top:5em;
position:absolute;
right: 5em;
width:75%;
}
/***** effet zoom  ********/
.fondphoto{
background-color: #eefce9;
margin: 0 0 0 3em;
width: 150%;
z-index: 1;
padding-top: 0;
}
.fondgar{
background-color: #eefce9;
margin: 0 0 0 0;
width: 90%;
z-index: 1;
padding-top: 0;
}
.fondpenelope{
background-image:url(images/penelope/album/IMG_001.jpg);   
background-position: 50% 40%;/*
background-position: center;*/
background-repeat: no-repeat;
background-color: #eefce9;
margin: 0 0 0 0;
width: 100%;
z-index: 1;
padding-top: 0;
}
.fondcine08					
{
background-image:url(cinema/pleinair08/File0001.jpg);   
background-position: 50% 40%;/*
background-position: center;*/
background-repeat: no-repeat;
background-color: #eefce9;
overflow: hidden;
width: 100%;
padding-bottom: 0;
bottom: 0;
}
img {
border:0;
display : block;
}
.thumb .port {
top:0em;
left:0em;
width:40px;
height:48px;
position:relative;
}
.thumb .line {
float: left;
top:0em;
left:0em;
width:48px;
height:40px;
position:relative;
}
.thumb .linex {
border:0em;
top:0em;
left:0em;
float: left;
position:relative;
width:48px;
height:40px;
}
.thumb .lineV {
border:0em;
top:0em;
left:0em;
float: left;
position:relative;
}
.thumb .lineop {
top:0em;
left:0em;
float: left;
position:relative;
width:2%;
height:2%;
border-color: #eefce9;
}
.thumb .linedown {
float: left;
top:-8em;
left:10em;
width:48px;
height:40px;
position:relative;
}
.thumb .linedown2{
float: left;
top:-5em;
left:15em;
width:48px;
height:40px;
position:relative;
}
.thumb .pays {
left:0em;
top:0em;
width:48px;
height:40px;
position:relative;
}
.thumb .paysR {
float: right;
right:0em;
top:0em;
width:48px;
height:40px;
position:relative;
}
.thumb .paysC{

float: right; 
right:-1em;
top:-4em;
width:48px;
height:40px;
position:relative;
}
.textC
{
text-align: center;
float:right;
left: 12%;
font-size: 1em;
margin: -6em -1em;
position:relative;
}
.thumb a:hover {
background-color:white; /* pour zoom */
}
.thumb a .slideport {
float: right;
position: fixed;
width:0em;
display:block;
position:absolute;
}
.thumb a:hover .slideport {
/*
float: right;
position: fixed;
*/
right: 20em;
top:2em;
width:600px;
height:800px;   /*
position:absolute;		*/
}
.thumb a .slideport2 {
width:0em;
display:block;
position:absolute;
}
.thumb a:hover .slideport2{
float: right;
position: fixed;
right: 0;
top:35em;
width:341px;
height:512px;
position:absolute;
}
.thumb a .slidepays,
.thumb a .slidepays2, 
.thumb a .slidepays3,
.thumb a .slidepays4,
.thumb a .slidepays41,
.thumb a .slidepaysX,
.thumb a .slidepays5 {
float: left;
position: fixed;
width:0em;
display:block;
position:absolute;
}
.thumb a:hover .slidepays{
right: 10em;
top:30em;
width:800px;
height:600px;
}
.thumb a:hover .slidepays2{
right: 0;
top:40em;
width:533px;
height:400px;
}
.thumb a:hover .slidepays3{
right: 5em;
top:10em;
width:800px;
height:600px;
}
.thumb a:hover .slidepays4{
right: 15em;
top:10em;
width:800px;
height:600px;
}
.thumb a:hover .slidepays41{
right: 20em;
width:800px;
height:550px;
float: right;
top:10em;
position:absolute;
}
.thumb a:hover .slidepaysX{
right: 20em;
width:60em;
float: right;
top:15em;
position:absolute;
}
.thumb a:hover .slidepays5{
top:5em;
position:absolute;
right: 5em;
width:75%;
/*
width:700px;
height:525px;  */
}
.thumb .payslogo {
top:0em;
left:0em;
width:50px;
height:38px;
position:relative;
}
.thumb a .slidelogo {
width:0em;
display:block;
position:absolute;
}
.thumb a:hover .slidelogo{
float: right;
position: fixed;
right: 0;
top:20em;
width:500px;
height:375px;
position:absolute;
}
/***** FIN effet zoom  ********/

/****Test image etirable www.alsacreations.com/astuce/lire/50-comment-faire-un-arrire-plan-tirable.html***/
#topp , #topO {
margin: -1.5em 0 0 0;
width: 61%;
position: fixed; 	
left:19%;
right:19%;
top:1em;  
}
#topO{
z-index: 3;
}
#topp img, #topO img{
	/* l'image occupe toute la place de son bloc conteneur */
	position:relative;
	width : 100%;
	height: 100%;
	max-height:385px;
	max-width:850;
}
#topp p , #topO p, #topp a{
	position: absolute;	/* placement du texte par-dessus l'image */
	top: 0.5em;
	left: 5em;
	text-align: center;
	text-indent: -1em;
	font: 2.3em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#topp  p {
	color: yellow;
}
#topp  a {
	top: 4em;
	left: 3.2em;
	font: 3.5em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: orangered;
}
.aveyron{
text-align:center; 
background-color: #ccf ; 
font-size: 0.7em;
}
.bpop, .apop, .cpop, .pp1op, .pp2op,.pp3op,.pp4op,.xpop
{
	display: none;
}


.table th td itr
{

	background-color: #ccf;
}
.table th td itr a itr:hover {
	border-width: 0; /* IE */
}
.table th td itr a itr:hover .bpop, a.ortr:hover .bpop
 {
	display: inline;  /* !? Moz, Op */
	position: absolute;
	top: 25em;
	left:0em;
	width: 20em;
	background-color: #ff0;
	padding: 1px 3px 2px 3px;
	border: 1px #000 solid;
	font-size: 0.5em;
}




.itr
{

	background-color: #ccf;
}
.ortr 
{
	background-color: orange;
}
a.itr:hover , a.ortr:hover, a.atr:hover{
	border-width: 0; /* IE */
}
a.atr:hover .pp1op,
a.atr:hover .pp2op,
a.atr:hover .pp3op,
a.atr:hover .pp4op 
{
	z-index:1;
	display: inline;  /* !? Moz, Op */
	position: relative;
	
	width: 20em;				/*******     20px    ******************/
	background-color: #ff0;
	padding: 1px 3px 2px 3px;
	border: 1px #000 solid;
	font-size: 0.9em;
}
a.atr:hover .pp1op {
	top:-20em;
	left:-20em;
}

a.atr:hover .pp2op {
	top:-20em;
	left:-40em;
}
a.atr:hover .pp3op {
	top:-20em;
	left:-35em;
}
a.atr:hover .pp4op {
	top:-20em;
	left:50%;
}
a.itr:hover .bpop, a.ortr:hover .bpop
 {
	display: inline;  /* !? Moz, Op */
	position: absolute;
	top: 25em;
	left:0em;
	width: 20em;
	background-color: #ff0;
	padding: 1px 3px 2px 3px;
	border: 1px #000 solid;
	font-size: 0.5em;
}
a.itr:hover .apop
 {
	display: inline;  /* !? Moz, Op */
	position: absolute;
	left:-25em;
	width: 20em;
	background-color: #ff0;
	padding: 1px 3px 2px 3px;
	border: 1px #000 solid;
	font-size: 0.9em;
}
a.itr:hover .cpop
 {
	display: inline;  /* !? Moz, Op */
	position: absolute;
	left:16em;
	top:14em;
	width: 20em;
	background-color: #ff0;
	padding: 1px 3px 2px 3px;
	border: 1px #000 solid;
	font-size: 0.9em;
}
a.itr:hover .xpop
 {
	display: inline;  /* !? Moz, Op */
	position: absolute;
	width: 20em;
	background-color: #ff0;
	padding: 1px 3px 2px 3px;
	border: 1px #000 solid;
	font-size: 0.9em;/**/
}
.totr        /*     A utiliser pour rediriger vers un autre chapitre**/
{
	top: -20px;
	background-color: #7df440;
}
dl.photo
{
margin: 0 0 0 0;
padding:0 0 0;
border: 2px solid #000;
background-color: #149414; 
width:30%;
text-align: center;
padding: 1%;
float: left;
margin-left: 0.1em;
min-height:640px;
background:#3ebd91;
}
dl.photo_avey{

min-height:400px;
}
.photo dt { 
font: 1.2em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000000; 

}
.photo dt img
{
margin: 0 0.5em 0 0.5em;
padding: 0;
border: solid #000;
 
width: 180px;
}
.photo dd
{
font: 1.5em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000000;
margin: 1em 0 0 0;
padding: 0;      
min-height:1em;  
}