body{
	margin:0;
	padding:0;
	background: url("../images/back.jpg") no-repeat center fixed; 
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	
	
	/*a white-transparent gradient above black base, making it a white-black gradient
	background-color: #666;
	background-image: radial-gradient(#666, #fff);
	animation: bottomflat 1s infinite alternate;*/
}
/*@keyframes bottomflat {
	100% {background-color: #fff}
}*/


html, body {
	color: #013f7a;
}

@font-face{
	font-family: "Ashbury";
	src: url("../fonts/ashbury.otf");
}

/********************  WRAPPER  ********************/

#wrapper{
	margin: auto;
	height:100%;
	margin-top:20px;

}

a{
	color: #bd0e2f;
	text-decoration: none;
}

a:hover{
	color: #013f7a;
	text-decoration: none;
}

/********************  HEADER  ********************/

header{
	background: url("../images/bg_nav.png") repeat;
	padding:5px 0;
}

header h1{
	font-family: "Ashbury", Arial, Tahoma, Sans-serif;
	text-align: center;
	color: #434244;
	border:1px dashed #fff;
	margin:0;
}


/********************  CONTENU  ********************/

#wrapper h2{
	font-size: 22px;
	font-family: "Ashbury", Arial, Tahoma, Sans-serif;
	text-align: center;
	margin-top: 0px;
	font-weight: normal;
}

#cadres{
	width: 780px;
	margin: 20px auto;
	overflow: hidden;
}

div.cadre{
	width: 350px;
	height: 400px;
	
	background: url("../images/pattern1.png") repeat;
	
	float: left;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	box-shadow: 1px 1px 12px #555;
}

div.cadre .cadreint{
	width: 350px;
	height: 400px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	opacity:0;
	
    -moz-transition: opacity 0.5s linear;
    -webkit-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    -ms-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}


/* div #interieur-cadre1{
	width: 210px;
	height: 200px;
	
	background: url("../images/appia-client-lum.jpg") no-repeat;
	
	margin: auto;
	margin-top: 56px;
}
div #interieur-cadre1:hover{
	background: url("../images/appia-client-lum-hover.jpg") no-repeat;
}

div #interieur-cadre2{
	width: 210px;
	height: 200px;
	
	background: url("../images/appia-management-lum.jpg") no-repeat;
	
	margin: auto;
	margin-top: 56px;
}
div #interieur-cadre2:hover{
	background: url("../images/appia-management-lum-hover.jpg") no-repeat;
} */

#cadre1{
	margin-right: 80px;
	background: url("../images/cadre1-normal.png") repeat;
	background-color: rgba(255,255,255,0.4);
}

#cadreint1{
	background: url("../images/cadre1-hover.jpg") no-repeat;
}
div.cadre:hover .cadreint{
	opacity:1;
}

#cadre2{
	background: url("../images/cadre2-normal.png") repeat;
	background-color: rgba(255,255,255,0.4);
}

#cadreint2{
	background: url("../images/cadre2-hover.jpg") no-repeat;
}


/********************  FOOTER  ********************/

footer{
	clear: both;
	background: url("../images/bg_nav.png") repeat;
	padding:5px 0;
	margin-top:30px;
}

footer p{
	font-size: 12px;
	font-family: "Ashbury", Arial, Tahoma, Sans-serif;
	text-align: center;
	color: #013f7a;
	color:#fff;
	text-decoration: none;
	padding:10px 0;
	border:1px dashed #fff;
	margin:0;
}

footer a{
	color: #bd0e2f;
	color:#fff;
	text-decoration: none;
}

footer a:hover{
	color: #013f7a;
	color:#fff;
	text-decoration: none;
}