@charset "utf-8";

@font-face {
font-family: "molengoregular";
src: url("../polices/molengo.ttf")
 	 url("/../polices/molengo-regular-webfont.woff2") format("woff2"),
     url("/../polices/molengo-Regular-webfont.woff") format("woff");
	}
	 
body 
{
background: linear-gradient(to bottom rgba(255,255,224), 
      rgba(230,193,104, 0.55));
background: -moz-linear-gradient(to bottom,rgba(255,255,224), 
      rgba(230,193,104, 0.55));
background: -webkit-linear-gradient(to bottom,rgba(255,255,224), 
      rgba(230,193,104, 0.55));
background: -o-linear-gradient(to bottom,rgba(255,255,224), 
      rgba(230,193,104, 0.55));
font:20px/30px arial color: white;
}

H1
{
font-family: 'Molengo', sans-serif, helvetica;
padding:  10px 0px;
text-align: center;											 
font-size : 1.5em;
font-style: normal;
} 

a 
{ color: black } 

a:hover 
{ color: red }

div { margin:20px; }


H2
{
    font-family: Arial, sans-serif, Helvetica,  Verdana;
    font-size: 16px;
    font-weight: bold;
    color: #A95400;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	}
	
img
{
    position: relative;
	box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.65), inset 1px 1px 0px 0px rgba(0, 0, 0, 0.85);	  /* Ombrage sur les images */
	-moz-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.65), inset 1px 1px 0px 0px rgba(0, 0, 0, 0.85);
	-webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.65), inset 1px 1px 0px 0px rgba(0, 0, 0, 0.85);
	-o-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.65), inset 1px 1px 0px 0px rgba(0, 0, 0, 0.85);
	z-index: -5;
}

.transp	 /* Pas d'ombrage sur les images détourées gif et png */
{
 box-shadow:none;
}

.vidext /* Pour les images renvoyant sur une video externe*/
{
    border: solid 4px #8A4423;	
	box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.65), inset 1px 1px 0px 0px rgba(0, 0, 0, 0.85);	  /* Ombrage sur les images */
	-moz-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.65), inset 1px 1px 0px 0px rgba(0, 0, 0, 0.85);
	-webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.65), inset 1px 1px 0px 0px rgba(0, 0, 0, 0.85);
	-o-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.65), inset 1px 1px 0px 0px rgba(0, 0, 0, 0.85);
}

video
{
    border: solid 5px #8A4423;	
	border-radius:12px;
	box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.65), inset 1px 1px 0px 0px rgba(0, 0, 0, 0.85);	  /* Ombrage sur les images */
	-moz-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.65), inset 1px 1px 0px 0px rgba(0, 0, 0, 0.85);
	-webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.65), inset 1px 1px 0px 0px rgba(0, 0, 0, 0.85);
	-o-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.65), inset 1px 1px 0px 0px rgba(0, 0, 0, 0.85);
} 

audio
{
    border: solid 2px #8A4423;	
	border-radius:8px;
	box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.65), inset 1px 1px 0px 0px rgba(0, 0, 0, 0.85);	  /* Ombrage sur les images */
	-moz-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.65), inset 1px 1px 0px 0px rgba(0, 0, 0, 0.85);
	-webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.65), inset 1px 1px 0px 0px rgba(0, 0, 0, 0.85);
	-o-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.65), inset 1px 1px 0px 0px rgba(0, 0, 0, 0.85);
} 

.divImageZoom /* Grossissement image */
{
	width:309px;
	height:469px;
	margin:10px;
}

.divImageZoom img{
	-webkit-transition: all 1s ease; /* Safari et Chrome */
	-moz-transition: all 1s ease; /* Firefox */
	-o-transition: all 1s ease; /* IE 9 */
	-ms-transition: all 1s ease; /* Opera */
	transition: all 1s ease;
	max-width: 100%;
	z-index: 4;
}
			
.divImageZoom img:hover{ 
	-webkit-transform-origin: 50% 20%;
	-webkit-transform:scale(2.5); /* Safari et Chrome */
	-moz-transform-origin: 50% 20%;
	-moz-transform:scale(2.5);	/* Firefox */
	-ms-transform-origin: 50% 20%;
	-ms-transform:scale(2.5); /* IE 9 */
	-o--transform-origin: 50% 20%;
	-o-transform:scale(2.5); /* Opera */ 
	transform-origin: 50% 20%;
	transform:scale(2.5);
	z-index: 4;
}	

.zoom /* Positions boutons zoom gauche*/
{ 
position: relative; 
top: 100px;
height: 50px; 
}