@import url(default.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {

	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	text-align:justify;
	line-height:1.2;

}

body{
	background:url(../images/wrapper-haut.jpg) #1d1d1d repeat-x;
	}

#site{
	width:846px;
	margin:auto;
	}

#header{
	background:url(../images/en-tete.jpg);
	width:846px;
	height:237px;
	}
#milieu{
	width:846px;
	background:url(../images/fond-contenu.jpg) #1d1d1d no-repeat;
	}

#contenu{
	width:500px;
	float:right;
	}
	
#footer{
	width:100%;
	height:86px;
	background:url(../images/wrapper-bas.jpg) repeat-x;
	position:relative;
	}	

#promo{
	width:258px;
	position:absolute;
	bottom:104px;
	left:290px;

	}	
	
#contact{
	width:846px;
	height:86px;
	margin:auto;
	}	


h1 {
	font-size:2em;
	font-weight:normal;
	color:#f4da00;
	}

h2 {
	font-size:1.2em;
	font-weight:normal;
	}

p {
	font-size:1em;
	}


ul li{
	list-style-image:url(../images/puce.png);
	list-style-position:outside;
	margin:0 0 0 24px;
	}

a:link, a:visited {text-decoration:underline; color:#000;}
a:hover {text-decoration:none; color: #000;}


#captreload img{
	cursor:pointer;
	}
	
/* vignettes */
	
.fond-vignettes{
	width:644px;
	height:120px;
	background:url(../images/vignettes.jpg) no-repeat;
	}	
	
.coin-petit{
	width:100%;
	height:100%;
	background:url(../images/coin-03.png) no-repeat right bottom;
	bottom:0;
	right:0;
	z-index:10;
	position:absolute;
	}
	
.coin-petit:hover{
	background:url(../images/coin-04.png) no-repeat right bottom;
	}	
.vignette-magie{
	width:150px;
	height:113px;
	position:relative;
	float:left;
	margin:0 0 20px 23px;
	}	
	
.transparent{
	width:100%;
	height:100%;
	}	
		
		
.zone-photo{
	margin:0 0 0 -23px;
	}