@charset "utf-8";
.wrapMilieu {
	height: 750px;
	width: 100%;
	margin-left: -100px;
	padding-left: 100px;
	padding-right: 100px;
	position: relative;
	background-color: #F2F2F2;
}
.contentMilieuBook {
	height: 750px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	background-image: url(../img/fdMilieu.png);
	background-repeat: no-repeat;
}
.wrapTitre2col {
	float: left;
	width: 900px;
	margin-top: 20px;
}

.Titre2cols {
	float: left;
	width: 900px;
	text-shadow: 0 2px 0px rgba(57,14,0,.5);
	font-family: 'Oswald', Verdana, Arial, Helvetica, sans-serif;
	font-size: 34px;
	font-weight: bold;
	color: #FF4000;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #800000;
}
.wrapAllModules {
	float: left;
	width: 550px;
}
.col01MilieuBook {
	float: left;
	width: 150px;
	background-color: #F2F2F2;
	height: 150px;
	margin-top: 20px;
	border: 1px solid #800000;
	box-shadow: 1px 1px 10px #800000;
	background-image: -webkit-linear-gradient(top, #FFF 0%, #E6E6E6 100%);
	background-image:    -moz-linear-gradient(top, #FFF 0%, #E6E6E6 100%);
	background-image:     -ms-linear-gradient(top, #FFF 0%, #E6E6E6 100%);
	background-image:      -o-linear-gradient(top, #FFF 0%, #E6E6E6 100%);
	background-image:         linear-gradient(top, #FFF 0%, #E6E6E6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#E6E6E6', GradientType=0);
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.wrapCadreModule {
	width: 148px;
	height: 148px;
	float: left;
	overflow: hidden;
}
.wrapCadreModule a {
	text-decoration: none;
}

.wrapContentModule {
	background-repeat: no-repeat;
	float: left;
	height: 150px;
	width: 150px;
	background-image: url(../img/imgbook/01.png);
	position: absolute;
}
.wrapContentModule:hover {
	background-repeat: no-repeat;
	float: left;
	height: 150px;
	width: 150px;
	background-image: url(../img/imgbook/02.png);
	position: absolute;
}
.col02MilieuBook {
	float: left;
	width: 150px;
	background-color: #F2F2F2;
	height: 150px;
	margin-top: 20px;
	border: 1px solid #800000;
	box-shadow: 1px 1px 10px #800000;
	margin-left: 17px;
	background-image: -webkit-linear-gradient(top, #FFF 0%, #E6E6E6 100%);
	background-image:    -moz-linear-gradient(top, #FFF 0%, #E6E6E6 100%);
	background-image:     -ms-linear-gradient(top, #FFF 0%, #E6E6E6 100%);
	background-image:      -o-linear-gradient(top, #FFF 0%, #E6E6E6 100%);
	background-image:         linear-gradient(top, #FFF 0%, #E6E6E6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#E6E6E6', GradientType=0);
	padding: 10px;
}
.wrapContentModule2 {
	background-repeat: no-repeat;
	float: left;
	height: 150px;
	width: 150px;
	background-image: url(../img/imgbook/03.png);
	position: absolute;
}
.wrapContentModule2:hover {
	background-repeat: no-repeat;
	float: left;
	height: 150px;
	width: 150px;
	background-image: url(../img/imgbook/04.png);
	position: absolute;
}
.col03MilieuBook {
	float: left;
	width: 150px;
	background-color: #F2F2F2;
	height: 150px;
	margin-top: 20px;
	border: 1px solid #800000;
	box-shadow: 1px 1px 10px #800000;
	margin-left: 17px;
	background-image: -webkit-linear-gradient(top, #FFF 0%, #E6E6E6 100%);
	background-image:    -moz-linear-gradient(top, #FFF 0%, #E6E6E6 100%);
	background-image:     -ms-linear-gradient(top, #FFF 0%, #E6E6E6 100%);
	background-image:      -o-linear-gradient(top, #FFF 0%, #E6E6E6 100%);
	background-image:         linear-gradient(top, #FFF 0%, #E6E6E6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#E6E6E6', GradientType=0);						padding: 10px;
}
.wrapContentModule3 {
	background-repeat: no-repeat;
	float: left;
	height: 150px;
	width: 150px;
	background-image: url(../img/imgbook/05.png);
	position: absolute;
}
.wrapContentModule3:hover {
	background-repeat: no-repeat;
	float: left;
	height: 150px;
	width: 150px;
	background-image: url(../img/imgbook/06.png);
	position: absolute;
}

.filetMilieuBook {
	float: left;
	height: 172px;
	width: 3px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: 9px;
}