@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Qwigley);
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans);
/*div {border: 1px solid orange}
*/
html {
    height: auto;
}

/* texte bandeau*/
.textebandeau{
	font-family: 'Qwigley', cursive;
	/*font-family: 'Josefin Sans', sans-serif;*/
	font-size:60px;
	color:#fffefe;
	text-shadow: 4px 4px 4px #111;	
	position:relative;
	width: 900px;
	height:50px;
	text-align:right;
	top: 50px;
	right: 15px;
	z-index:1;

}
.textebandeau:first-letter{
	font-size:100px;
}

a:link{
	font-weight:bold;
	color:#fffefe;
	text-decoration:none; 
	
}
a:visited {
	font-weight:bold;
	color:#fffefe;
}
a:hover {
	font-weight:bold;
	color: #fce0a9;
	text-shadow: 1px 1px 30px #000;
	text-decoration: underline;
		
}
a:active {
	font-weight:bold;
	color:#fffefe;
	
		
}
a:focus {
	font-weight:bold;
	color:#fffefe;
	text-decoration: underline;
		
}

	
body {
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-color: #63686e;
	text-align: center ;
	padding: 0 ; /* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
}

div#conteneur {
 	background:url("../img/fond.jpg") repeat-y;	
	margin-left: auto;
  	margin-right: auto;
	width: 920px;
	height: 100%;
	position: relative;
	top: 0px;

}

div#bandeau {
	background:url("../img/bandeau.jpg");
	width: 900px;
	height: 121px;
	position: relative;
	top: 0px;
	left:10px;
}
	

div#image {
	background:url("../img/img.jpg");
	width: 900px;
	height: 310px;
	position: relative;
	top: 0px;
	left:10px;
}
div#menu{
	/*font-family: 'Qwigley', cursive;*/
	font-family: 'Josefin Sans', sans-serif;
	font-size:25px;
	
	color:#fffefe;
	text-shadow: 2px 2px 3px #111;	
	background:url("../img/menu.jpg");
	width: 900px;
	height: 87px;
	position: relative;
	top: 0px;
	left:10px;
}
div#imagesmenu{
	position: relative;
	height: 177px;
	width: 900px;
	left: 10px;
	top: 0;
}

div#imagesmenu img{
	
	padding: 8px 2px 2px 2px;
	margin: 0;
}
div#presentation p{
	text-indent: 30px;

	/*margin-top:-17px;*/
}
div#conteneurtexte{
	position:relative;	
	width:900px;
	left:10px;}

div#presentation{
	
	position:relative;	
	width:840px;
	top:O;
	font-family: 'Josefin Sans', sans-serif;
	text-align:justify;
	font-size:17px;
	left:10px;
	padding: 0px 30px 10px 30px;
	
	color:#fffefe;}
.gradient {
	width:860px;
	/* Anciens navigateurs */
	background: #63686e url("gradient-bg.png") repeat-x top;
	-o-background-size: 50% 100%;
	-moz-background-size: 50% 100%;
	-webkit-background-size: 50% 100%;
	background-size: 50% 100%;
	/* Navigateurs récents */
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#4a524a),
		to(#63686e)
	);
	background: -webkit-linear-gradient(
		top,
		#4a524a,
		#63686e
	);
	background: -moz-linear-gradient(
		top,
		#4a524a,
		#63686e
	);
	background: -o-linear-gradient(
		top,
		#4a524a,
		#63686e
	);
	background: linear-gradient(
		top,
		#4a524a,
		#63686e
	);
}	
div#footer{
	position:relative;	
	height:150px;
	width:900px;
	background-image:url("../img/footer.jpg");
	text-shadow: 2px 2px 2px #111;	
	/*font-family: 'lucida console', sans-serif;*/
	font:1em 'andale mono', 'lucida console', monospace;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	font-size:12px;
	/*font-weight:bold;*/
	left:10px;
	color:#FFF;

	}
li {margin:0; display:inline;}
/*ul {margin:0 1.5em 1.5em 0;padding-left:-25px;}*/
ul {list-style-type:none;}

div#remerciement{
	position:relative;	
	width:840px;
	height:200px;
	top:O;
	font-family: 'Josefin Sans', sans-serif;
	text-align:center;
	font-size:17px;
	left:-30px;
	padding: 0px 30px 0px 30px;
	
	color:#fffefe;}
 .left
{

margin: 30px 30px 10px 0;
float:left;
}
 .right
{

margin: 30px 0px 10px 30px;
float:right;
}

.lien{
	-moz-box-shadow: 6px 6px 6px #333; 
-webkit-box-shadow: 6px 6px 6px #333; 
box-shadow:6px 6px 6px #333;}