@charset "UTF-8";
/* CSS Document */

body{
	margin:0 auto;
	padding:0 auto;
	font-family: "Times New Roman", Times, serif;
	font-size:13px;
	line-height:17px;
}
#wrapper{
	width:960px;
	padding:0 auto;
	margin:0 auto;
}
#lisere{
	background:url(img/lisere.png);
	height:20px;
}
#titre{
	margin-top:20px;
}
#logo{
}
h1{
	font-size:22px;
	font-weight:normal;
	letter-spacing:7px;
}

h2{
	font-size:12px;
	font-weight:normal;
	letter-spacing:5px;
}

h3{
	font-size:30px;
	font-weight:normal;
	font-family: 'Cookie', cursive;
}
.book{
	margin-top:-30px;
	height:430px;
}
.book ul{
}
.book ul li{
	list-style:none;
}
#thumb1 a{
	position:absolute;
	margin-left:50px;
	margin-top:130px;
	border:1px solid #FFF;
}
#thumb1 a:hover{
	border:1px solid #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
 	-webkit-transition: opacity 1s linear;
}
#thumb2 a{
	position:absolute;
	margin-left:160px;
	margin-top:190px;
	border:1px solid #FFF;
}
#thumb2 a:hover{
	border:1px solid #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
 	-webkit-transition: opacity 1s linear;
}
#thumb3 a{
	position:absolute;
	margin-left:165px;
	margin-top:30px;
	border:1px solid #FFF;
}
#thumb3 a:hover{
	border:1px solid #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
 	-webkit-transition: opacity 1s linear;
}
#thumb4 a{
	position:absolute;
	margin-left:285px;
	margin-top:190px;
	border:1px solid #FFF;
}
#thumb4 a:hover{
	border:1px solid #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
 	-webkit-transition: opacity 1s linear;
}
#thumb5 a{
	position:absolute;
	margin-left:295px;
	margin-top:45px;
	border:1px solid #FFF;
}
#thumb5 a:hover{
	border:1px solid #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
 	-webkit-transition: opacity 1s linear;
}
#thumb6 a{
	position:absolute;
	margin-left:415px;
	margin-top:5px;
	border:1px solid #FFF;
}
#thumb6 a:hover{
	border:1px solid #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
 	-webkit-transition: opacity 1s linear;
}
#thumb7 a{
	position:absolute;
	margin-left:420px;
	margin-top:160px;
	border:1px solid #FFF;
}
#thumb7 a:hover{
	border:1px solid #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
 	-webkit-transition: opacity 1s linear;
}
#thumb8 a{
	position:absolute;
	margin-left:550px;
	margin-top:5px;
	border:1px solid #FFF;
}
#thumb8 a:hover{
	border:1px solid #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
 	-webkit-transition: opacity 1s linear;
}
#thumb9 a{
	position:absolute;
	margin-left:540px;
	margin-top:260px;
	border:1px solid #FFF;
}
#thumb9 a:hover{
	border:1px solid #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
 	-webkit-transition: opacity 1s linear;
}
#thumb10 a{
	position:absolute;
	margin-left:680px;
	margin-top:50px;
	border:1px solid #FFF;
}
#thumb10 a:hover{
	border:1px solid #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
 	-webkit-transition: opacity 1s linear;
}
#thumb11 a{
	position:absolute;
	margin-left:50px;
	margin-top:20px;
	border:1px solid #FFF;
}
#thumb11 a:hover{
	border:1px solid #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
 	-webkit-transition: opacity 1s linear;
}
#thumb12 a{
	position:absolute;
	margin-left:100px;
	margin-top:230px;
	border:1px solid #FFF;
}
#thumb12 a:hover{
	border:1px solid #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
 	-webkit-transition: opacity 1s linear;
}
#thumb13 a{
	position:absolute;
	margin-left:180px;
	margin-top:80px;
	border:1px solid #FFF;
}
#thumb13 a:hover{
	border:1px solid #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
 	-webkit-transition: opacity 1s linear;
}
#thumb14 a{
	position:absolute;
	margin-left:230px;
	margin-top:260px;
	border:1px solid #FFF;
}
#thumb14 a:hover{
	border:1px solid #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
 	-webkit-transition: opacity 1s linear;
}

.arrowright a{
	position:absolute;
	margin-left:930px;
	margin-top:150px;
}
.arrowright a:hover{
	-moz-opacity:0.5;
	opacity: 0.5;
	filter:alpha(opacity=50);
}
.arrowleft a{
	position:absolute;
	margin-left:0;
	margin-top:150px;
}
.arrowleft a:hover{
	-moz-opacity:0.5;
	opacity: 0.5;
	filter:alpha(opacity=50);
}
.boutonhome a{
	background:url(img/picto_accueil.png) 0 0;
	display:block;
	width:70px;
	height:70px;
	margin:10px 0 0 890px;
}
.boutonhome a:hover{
	background:url(img/picto_accueil.png) 70px 0;
}
#contact{
	border-top:1px solid #000;
	text-align:left;
	width:600px;
}
.colfooter{
	text-align:left;
	float:left;
	margin-right:100px;
}
.colfooter a{
	text-decoration:none;
	color:#EC008C;
}
.colfooter a:hover{
	color:#666;
	-webkit-transition: color 1s;
}
/*//////////////////////////////apropos/////////////////////////////////*/

.blocppal{
	margin:0 0 30px 0;
}
.txtarea{
	width:600px;
	line-height:20px;
	text-align:justify;
}
.txtarea a{
	text-decoration:none;
	color:#EC008C;
}
.txtarea a:hover{
	color:#666;
	-webkit-transition: color 1s;
}