@charset "utf-8";


body {margin:0; padding:0;}
#principal{overflow:hidden;margin-left:auto; margin-right:auto; padding:0; width:1024px; height:745px; background: url(bg.jpg);background-position:center center;background-repeat:no-repeat;outline:0;}
a span {text-decoration:none;display: block;COLOR: #551600outline:0;}
a:link{text-decoration:none;COLOR: #551600;outline:0;}
a:visited {TEXT-DECORATION: none;COLOR: #551600;outline:0;}
#contenu {position:relative;top:-95px;left:247px; width:718px; height:529px;outline:0;}
#menu{position:relative; top:125px;width:230px; height:250px;}
#galerie{overflow: hidden; margin-left:auto; margin-right:auto; padding-top:10px; width:718px; height:529px;text-align:center;outline:0;}
#liens {position:relative;left:47px; top:-250px;width:200px; height:300px;outline:0;}
#slideshow {
	position: relative;
	width: 640px;
	height: 310px;
	padding: 15px;
	margin: 0 auto 2em;
	border: 1px solid #ddd;
	background: #FFF;
	/* CSS3 effects */
	background: linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
	border-radius: 2px 2px 2px 2px;
	box-shadow: 0 0 3px rgba(0,0,0, 0.2);
}
 
/* avanced box-shadow
 * tutorial @
 * https://www.creativejuiz.fr/blog/les-tutoriels/ombre-avancees-avec-css3-et-box-shadow 
*/
#slideshow:before,
#slideshow:after {
	position: absolute;
	bottom:16px;
	z-index: -10;
	width: 50%;
	height: 20px;
	content: " ";
	background: rgba(0,0,0,0.1);
	border-radius: 50%;
	box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);
}
#slideshow:before {
	left:0;
	transform: rotate(-4deg);
}
#slideshow:after {
	right:0;
	transform: rotate(4deg);
}