.ism-slider > ol, .ism-slider > ol > li, .ism-slider > ol > li > img { width: 100%; list-style: none; margin: 0; padding: 0; }
.ism-slider {
  overflow: hidden;
  position: relative;
  padding: 0 !important;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-animation: ism-fadein 3s;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
@-webkit-keyframes ism-fadein {
  from { opacity: 0; }
  to { opacity: 1; }
}
@-webkit-keyframes ism-loading {
  50% { left: 120px; }
}

.ism-slider .ism-slides {
  list-style: none;
  position: absolute;
  height: 100%;
  top: 0;
  padding: 0 !important;
  margin-top: 0;
  margin-bottom: 0;
  z-index: 1;
}

.ism-slider li.ism-slide {
  height: 100%;
  overflow: hidden;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #d5d5d5;
  text-align: center;
}

.ism-slider .ism-img-frame {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}

.ism-slider a.ism-image-link {
  position: absolute;
  color: inherit;
  text-decoration: none;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ism-slider .ism-img {
  display: block;
  border: none;
  position: absolute;
  pointer-events: none;
}

.ism-button, .ism-pause-button {
  position: absolute;
  display: block;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  border: none;
  outline: none;
  text-align:center;
  z-index: 6;
  cursor: pointer;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center center;
}

.ism-pause-button {
  display: none;
  left: 50%;
}

.ism-slider:hover .ism-pause-button {
  display: block;
}

.ism-caption {
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  padding: 0 1em;
  text-shadow: none;
  line-height: 1.2em;
  padding: 0.25em 0.5em;
  width: auto;
  height: auto;
  text-align: left;
  visibility: hidden;
}

a.ism-image-link .ism-caption, a.ism-caption {
  text-decoration: none;
  font-weight: normal;
}

a.ism-caption:hover {
  text-decoration: underline;
}

.ism-caption-0 {
  z-index: 3;
}

.ism-caption-1 {
  z-index: 4;
}

.ism-caption-2 {
  z-index: 5;
}

.ism-radios {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #fff;
  font-size: 1px;
}

.ism-slider .ism-radios {
  position: absolute;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  z-index: 6;
  bottom: 5px;
  left: 0;
  right: 0;
  width: auto;
  background-color: rgba(255, 255, 255, 0.0);
  padding: 0 7px;
  height: 0;
  overflow: visible;
}

.ism-slider .ism-radios.ism-radios-as-thumbnails {
  bottom: 5px;
}

.ism-radios li {
  position: relative;
  display: inline-block;
  margin: 0 3px;
  padding: 0;
}

.ism-radios input.ism-radio {
  display: none;
}

.ism-radios label {
  display: block;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  margin: 0;
  text-decoration: none;
  cursor: pointer;
}

.ism-radios-as-thumbnails label {
  -webkit-background-size: 120% auto; -moz-background-size: 120% auto; -o-background-size: 120% auto; background-size: 120% auto;
  background-position: center center;
  background-repeat: no-repeat;
  border: 2px solid rgba(255, 255, 255, 0.6);
  opacity: 0.8;
}

.ism-radios-as-thumbnails label:hover {
  border: 2px solid #fff;
  opacity: 1;
}

.ism-radios-as-thumbnails li.active label {
  border: 2px solid rgba(255, 255, 255, 1.0);
  opacity: 1;
}

p.ism-badge {
  margin: 0 auto;
  text-align: right;
  font-size: 10px;
  padding-top: 1px;
  color: #ccc;
  font-family: sans-serif;
  font-weight: normal;
}

p.ism-badge a.ism-link {
  color: inherit;
  text-decoration: none;
  margin-right: 0.25em;
}

p.ism-badge a.ism-link:hover {
  color: #aaa;
  text-decoration: underline;
}

.ism-zoom-in {
  -webkit-animation: zoomin 0.81s linear 1;
  animation: zoomin 0.81s linear 1;
}

@-webkit-keyframes zoomin {
  0% { -webkit-transform: scale(1.0); transform: scale(1.0); }
  100% { -webkit-transform: scale(3.0); transform: scale(3.0); }
}
@keyframes zoomin {
  0% { -webkit-transform: scale(1.0); transform: scale(1.0); }
  100% { -webkit-transform: scale(3.0); transform: scale(3.0); }
}

@-webkit-keyframes fadein {
  0% { opacity: 0; }
 100% { opacity: 1; }
}
@keyframes fadein {
  0% { opacity: 0; }
 100% { opacity: 1; }
}

@-webkit-keyframes slidein {
  0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}
@keyframes slidein {
  0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}

@-webkit-keyframes popin {
  50% { -webkit-transform: scale(1.2); transform: scale(1.2); }
}
@keyframes popin {
  50% { -webkit-transform: scale(1.2); transform: scale(1.2); }
}

.ism-zoom-pan {
  -webkit-animation: zoompan 20.0s linear 1;
  animation: zoompan 20.0s linear 1;
}
@-webkit-keyframes zoompan {
  0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }
  50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); }
  100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }
}
@keyframes zoompan {
  0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }
  50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); }
  100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }
}

.ism-zoom-rotate {
  -webkit-animation: zoomrotate 20.0s linear 1;
  animation: zoomrotate 20.0s linear 1;
}
@-webkit-keyframes zoomrotate {
  0% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }
  50% { -webkit-transform: rotate(-5deg) scale(1.3); transform: rotate(-5deg) scale(1.3); }
  100% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }
}
@keyframes zoomrotate {
  0% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }
  50% { -webkit-transform: rotate(-5deg) scale(1.3); transform: rotate(-5deg) scale(1.3); }
  100% { -webkit-transform: rotate(0) scale(1.0); transform: rotate(0) scale(1.0); }
}
/* SLIDER */

#my-slider {
    width: 700px;
    height: 165px;
    -webkit-border-radius: 20px; border-radius: 20px;
}

#my-slider-ism-badge {
    width: 628px;
}

#my-slider .ism-button {
    display: block;
    
    width: 32px; height: 32px; background-size: 16px 16px; top: 50%; margin-top: -16px;
    color: #fff; background-color: rgba(0, 0, 0, 0.0);
    display: block; visibility: visible;
}

#my-slider .ism-button-prev {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABUSURBVEjH7dYxCgAgEAPB8weX/39WFBtBbsFSY2sYyzXicDLq0wQDKQGQAKiJAZTEvC+IRgPBYAEyYOB1AAf4hAkTXxB5nySOGmaRw4pp5rhv34MOQwscJ7/MrxQAAAAASUVORK5CYII=);
    left: 10px;
}

#my-slider .ism-button-next {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABYSURBVEjH7dYxDoAwDEPR5Ab1/S8LVEgsyL8SG3XWWK/dnKpnumA0/L4lAOSJE/DEtXfEBBxxBwYFBH8IEWJbggL4RIAAPwFWC+VDqXEtYrFyNWO5v58HB4q9HAkl7KTYAAAAAElFTkSuQmCC);
    right: 10px;
}

#my-slider .ism-pause-button {
    width: 32px; height: 32px; background-size: 16px 16px; top: 50%; margin-top: -16px; border-radius: 16px; margin-left: -16px;
    color: #fff; background-color: rgba(0, 0, 0, 0.0);
}

#my-slider .ism-button-prev:hover {
    left:7px;
}

#my-slider .ism-button-next:hover {
    right:7px;
}

#my-slider .ism-radios {
    display: block;
    height: 20px;
    text-align: center;
}

#my-slider .ism-radios label {
    width: 10px; height: 10px;
    border-radius: 3px;
    color: #000; background-color: rgba(255, 255, 255, 0.5);
}

#my-slider .ism-radios li.active label {
    background-color: rgba(255, 255, 255, 1.0);
}

#my-slider .ism-radios label:hover {
    background-color: rgba(255, 255, 255, 0.8);
}


/* SLIDES */

#my-slider .ism-slide-0 .ism-img-frame {
    width: 100%;
}

#my-slider .ism-slide-0 .ism-img {
    width: 100%;
    top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}

#my-slider .ism-slide-1 .ism-img-frame {
    width: 100%;
}

#my-slider .ism-slide-1 .ism-img {
    width: 100%;
    top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}

#my-slider .ism-slide-2 .ism-img-frame {
    width: 100%;
}

#my-slider .ism-slide-2 .ism-img {
    width: 100%;
    top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}

#my-slider .ism-slide-3 .ism-img-frame {
    height: 100%;
}

#my-slider .ism-slide-3 .ism-img {
    height: 100%;
    left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
}

#my-slider .ism-slide-4 .ism-img-frame {
    width: 100%;
}

#my-slider .ism-slide-4 .ism-img {
    width: 100%;
    top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}

#my-slider .ism-slide-5 .ism-img-frame {
    height: 100%;
}

#my-slider .ism-slide-5 .ism-img {
    height: 100%;
    right: 0;
}


/* CAPTIONS */

#my-slider .ism-slide-0 .ism-caption-0.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#my-slider .ism-slide-0 .ism-caption-1.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#my-slider .ism-slide-0 .ism-caption-2.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#my-slider .ism-slide-1 .ism-caption-0.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#my-slider .ism-slide-1 .ism-caption-1.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#my-slider .ism-slide-1 .ism-caption-2.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#my-slider .ism-slide-2 .ism-caption-0.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#my-slider .ism-slide-2 .ism-caption-1.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#my-slider .ism-slide-2 .ism-caption-2.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#my-slider .ism-slide-3 .ism-caption-0.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#my-slider .ism-slide-3 .ism-caption-1.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#my-slider .ism-slide-3 .ism-caption-2.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#my-slider .ism-slide-4 .ism-caption-0.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#my-slider .ism-slide-4 .ism-caption-1.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#my-slider .ism-slide-4 .ism-caption-2.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#my-slider .ism-slide-5 .ism-caption-0.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#my-slider .ism-slide-5 .ism-caption-1.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#my-slider .ism-slide-5 .ism-caption-2.ism-caption-anim {
    -webkit-animation: fadein 0.5s; animation: fadein 0.5s;
}

#my-slider .ism-slide-0 .ism-caption-0 {
    font-size: 2.25em;
    font-family: sans-serif;
    position: absolute; top: 0%;
    left: 5%;
    border-radius: 4px;
    border: none;
}

#my-slider .ism-slide-0 .ism-caption-1 {
    font-size: 1.25em;
    font-family: sans-serif;
    position: absolute; top: 60%;
    left: 50%;
	width: 80%;
    border-radius: 4px;
    border: none;
    color: #fff; background-color: rgba(0, 0, 0, 0.70);
}

#my-slider .ism-slide-0 .ism-caption-2 {
    position: absolute; top: 0%;
    left: 80%;
    border: none;
}

#my-slider .ism-slide-1 .ism-caption-0 {
    font-size: 2.25em;
    font-family: sans-serif;
    position: absolute; top: 0%;
    left: 5%;
	border-radius: 4px;
    border: none;
}

#my-slider .ism-slide-1 .ism-caption-1 {
    font-size: 1.25em;
    font-family: sans-serif;
    position: absolute; top: 60%;
    left: 50%;
    border-radius: 4px;
    border: none;
    color: #fff; background-color: rgba(0, 0, 0, 0.70);
}

#my-slider .ism-slide-1 .ism-caption-2 {
    position: absolute; top: 0%;
    left: 80%;
    border: none;
}

#my-slider .ism-slide-2 .ism-caption-0 {
    font-size: 2.25em;
    font-family: sans-serif;
    position: absolute; top: 0%;
    left: 5%;
    border-radius: 4px;
    border: none;
}

#my-slider .ism-slide-2 .ism-caption-1 {
    font-size: 1.25em;
    font-family: sans-serif;
    position: absolute; top: 60%;
    left: 40%;
    border-radius: 4px;
    border: none;
    color: #fff; background-color: rgba(0, 0, 0, 0.70);
}

#my-slider .ism-slide-2 .ism-caption-2 {
    position: absolute; top: 0%;
    left: 80%;
    border: none;
}

#my-slider .ism-slide-3 .ism-caption-0 {
    font-size: 2.25em;
    font-family: sans-serif;
    position: absolute; top: 0%;
    left: 5%;
    border-radius: 4px;
    border: none;
}

#my-slider .ism-slide-3 .ism-caption-1 {
    font-size: 1.25em;
    font-family: sans-serif;
    position: absolute; top: 60%;
    left: 40%;
    border-radius: 4px;
    border: none;
    color: #fff; background-color: rgba(0, 0, 0, 0.70);
}

#my-slider .ism-slide-3 .ism-caption-2 {
    position: absolute; top: 0%;
    left: 80%;
    border: none;
}

#my-slider .ism-slide-4 .ism-caption-0 {
    font-size: 2.25em;
    font-family: sans-serif;
    position: absolute; top: 0%;
    left: 5%;
    border-radius: 4px;
    border: none;
}

#my-slider .ism-slide-4 .ism-caption-1 {
    font-size: 1.25em;
    font-family: sans-serif;
    position: absolute; top: 60%;
    left: 40%;
    border-radius: 4px;
    border: none;
    color: #fff; background-color: rgba(0, 0, 0, 0.70);
}

#my-slider .ism-slide-4 .ism-caption-2 {
    position: absolute; top: 0%;
    left: 80%;
    border: none;
}

#my-slider .ism-slide-5 .ism-caption-0 {
    font-size: 2.25em;
    font-family: sans-serif;
    position: absolute; top: 0%;
    left: 5%;
    border-radius: 4px;
    border: none;
}

#my-slider .ism-slide-5 .ism-caption-1 {
    font-size: 1.25em;
    font-family: sans-serif;
    position: absolute; top: 60%;
    left: 40%;
    border-radius: 4px;
    border: none;
    color: #fff; background-color: rgba(0, 0, 0, 0.70);
}

#my-slider .ism-slide-5 .ism-caption-2 {
    position: absolute; top: 0%;
    left: 80%;
    border: none;
}

/* police FORTE.TTF */
@font-face {
	font-family: "t2t";
	src: url('../include/FORTE.TTF');
}

/* formulaire d'identification */
.bloc1 {
	position:absolute;
	Z-index : 1;
	
	border-radius: 8px;
	border:2px solid black;
	background-color: #ABC;
	width:550px; /* largeur */
	height:49px; /* hauteur */
	left: 526px; /* position � gauche */
	top: 197px; /* position en haut */
}

.bloc2 {
	position:absolute;
	Z-index : 1;
	background-color: #ABC;
	top: 200px; /* position en haut */
	width:500px; /* largeur */
	left: 200px; /* position � gauche */
}

/* annonce publicitaire */
.bloc3 {
	position:absolute;
	Z-index : 1;
	border:2px solid black;
	background-color: #ABC;
	opacity:0.5;
	width:600px; /* largeur */
	height:500px; /* hauteur */
	left: 100px; /* position � gauche */
	top: 100px; /* position en haut */
}

/* bouton fermer */
.bt_ferme {
	position:absolute;
	width:12px;
	height:12px;
	background-color: #FF6666;
	right:0;
	botton:0;
	}	

/* Aide */
.bloc4 {
display: block;
	position:absolute;
	Z-index : 1;
	border-radius: 8px;
	border:2px solid black;
	background-color: #ABC;
	opacity:0.75;
	width:200px; 	/* largeur */
	height:170px; 	/* hauteur */
	right:10px; 	/* position � droite */
	bottom:10px; 	/* position en bas */
	opacity:1; 	/* afficher l'image */
}

.bloc4 {opacity:0;animation:5s hide 1 ;}
@keyframes hide {
0%,99% {opacity:1;}
100% {opacity:0;}
}		 		 



/* bordure des tableaux */
table {
	border-radius: 12px;
}

td {
	background-repeat : no-repeat;
}
/* affiche photo entiere */
a span          {   display: none;}
a:hover span    {   display: inline;
                    position: absolute;
					z-index: 2;
                    background:#FFFFDD;
					visibility: visible;
                }


.gallerycontainer{
position: relative;
/*position photos*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* Pointeur de souris sur les balises acronym (pour les infos bulles simple) */
acronym
{
  cursor: help;
}

/* Infos bulle �labor�es 
 <a href="#" class="info">texte<span>info_bulle du texte</span></a>  */

* {
   font-size: 12px; /* on définit les propriétés de texte pour toutes les balises */
   font-family: Tahoma, Verdana, Arial, serif;
}

a.info2 {
  position: relative;  /*  position de l'info bulle*/
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}

a.info2 span {
   display: none; /* on masque l'infobulle */
}

a.info2:hover {
   background: none; /* correction d'un bug IE */
   z-index: 10; /* on définit une valeur pour l'ordre d'affichage */
   cursor: pointer; /* on change le curseur
                    /* autre curseur : auto, default, pointer, text, wait, help, move */
}

a.info2:hover span {
    display: inline; /* on affiche l'infobulle  */
    position: absolute;
    z-index: 20;
  /*  white-space: nowrap;  on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
    top: 1px; /* on positionne notre infobulle */
    left: 15px;
    max-width: 300px;
    background-color: #BBC9E1; /* background: #BBC9E1; */
    color: #65280A;
    padding: 3px;
    border: 1px solid #65280A;
    border-left: 4px solid #65280A;
 }
 
a.info {
  position: relative;  /*  position de l'info bulle*/
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}

a.info span {
   display: none; /* on masque l'infobulle */
}

a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 10; /* on définit une valeur pour l'ordre d'affichage */
   cursor: pointer; /* on change le curseur
                    /* autre curseur : auto, default, pointer, text, wait, help, move */
}

a.info:hover span {
   display: inline; /* on affiche l'infobulle  */
   position: absolute;
   z-index: 20;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 0px; /* on positionne notre infobulle */
   left: -150px; /* 190 */
   width: 150px;
   background-color: #BBC9E1; /* background: #BBC9E1; */
   color: #65280A;
   padding: 3px;
   border: 1px solid #65280A;
   border-left: 4px solid #65280A;
}
border: none; 

/* position cadre image */
.defile{
	position: relative;
	width: 298px;
	height: 430px;
	overflow: hidden;
	background-color: red; /* white; */
	padding: 2px;
	padding-left: 4px;
	left: 2px;
}


/* volet pub */
#volet {
    width: 250px;
    padding: 10px;
    background: #6B9A49; color: #fff;	
    position: relative;
    left: -270px; top: 55px;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;	
}
#volet a.ouvrir,
#volet a.ouvrir {
    padding: 10px 25px;
    background: #555;
    color: #fff;
    text-decoration: none;
    position: absolute;
    right: -88px;
    top: 150px;

    /* quelques styles CSS3 */
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);

    border-radius: 0 0 8px 8px;
}
#volet a.fermer {
    display: none;
}
#volet_clos:target #volet {
    left: -270px;
}
#volet:target {
    left: 0;
}
#volet:target a.ouvrir {
    display: none;
}
#volet:target a.fermer {
    display: block;
}
#imageContainer {
	position:relative;
	margin:auto;
	height:160px;
	width:160px;
	border:1px solid #000;
}


#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}

/* fond de cellules menu */
td.fond1 { 
	background-image:url(../images/th/1/cellule1.png);
	background-repeat:no-repeat; 
		}
td.fond2 { 
	background-image:url(../images/th/1/cellule2.png);
	background-repeat:no-repeat; 
		}
td.fond3 { 
	background-image:url(../images/th/1/cellule3.png);
	background-repeat:no-repeat;
		 }
td.fond12 { 
	background-image:url(../images/th/1/cellule12.png);
	background-repeat:no-repeat; 
		}
td.fond22 { 
	background-image:url(../images/th/1/cellule22.png);
	background-repeat:no-repeat; 
		}
td.fond32 { 
	background-image:url(../images/th/1/cellule32.png);
	background-repeat:no-repeat;
		 }
td.fond13 { 
	background-image:url(../images/th/1/cellule13.png);
	background-repeat:no-repeat; 
		}
td.fond23 { 
	background-image:url(../images/th/1/cellule23.png);
	background-repeat:no-repeat; 
		}
td.fond33 { 
	background-image:url(../images/th/1/cellule33.png);
	background-repeat:no-repeat;
		 }
td.fond4 { 
	background-image:url(../images/th/1/cellule4.png);
	background-repeat:no-repeat;
		 }		 		 
/*
Body {
background-color: #960000;
}
*/
html { 
  background: url('../images/th/1/page.jpg')  no-repeat center top fixed;  
  -webkit-background-size:  85% auto;
  -moz-background-size:  85% auto;
  -o-background-size:  85% auto;
  background-size: 85% auto;  
 }