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

.body {
	background-color: #7babdb;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;}
	
.aff{width:944px;; height:595px; background-image:url(../images/index_08.jpg); background-repeat:no-repeat;}

.titre{
	width:944px;
	height:30px;
}
.titre2{
	width:944px;
	height:30px; margin-top:38px;
}
.sos{
	width:944px;
	height:200px;}
	
.footer{width:990px; height:73px; text-align: justify;}
.footer1{
	width:150px;
	height:73px;
	float:left;
	margin-left: 200px;
}
.footer2{
	width:400px;
	height:73px;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#212974;
}
a{color:#212974;}
a:hover{color:#FFF;}
	
h1, h2, h3{margin:20px 0;text-align:center;color:#fff;}
p.aligncenter{text-align:center;}

	
	/* demo-1 */
.details{
	width:230px;
	height:203px;
	background:#09bac3;
	color:#fff;
	text-align:center;
	}
.demobox{
	float:left;
	width:231px;
	height:203px;
	border:0px solid #0078bf;
	overflow:hidden;
	}
#demo-1{position:relative;}
#demo-1 img{
		opacity:1
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}
#demo-1 .details{
		position:absolute;
		top:0;
		left:0;
		opacity: 0;
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}
	
#demo-1 .details:hover{
		opacity: 0;
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}

/* demo-2 */
.details2{
	width:230px;
	height:203px;
	background:#7babdb;
	color:#fff;
	text-align:center;
	}
.demobox2{
	float:left;
	width:231px;
	height:203px;
	border:0px solid #0078bf;
	overflow:hidden;
	}
#demo-2{position:relative;}
#demo-2 img{
		opacity:1
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}
#demo-2 .details2{
		position:absolute;
		top:0;
		left:0;
		opacity: 0;
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}
	
#demo-2 .details2:hover{
		opacity: 0;
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}
	
/* demo-3 */
.details3{
	width:232px;
	height:202px;
	background:#212974;
	color:#fff;
	text-align:center;
	}
.demobox3{
	float:left;
	width:232px;
	height:202px;
	border:0px solid #0078bf;
	overflow:hidden;
	}
#demo-3{position:relative;}
#demo-3 img{
		opacity:1
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}
#demo-3 .details3{
		position:absolute;
		top:0;
		left:0;
		opacity: 0;
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}
	
#demo-3 .details3:hover{
		opacity: 0;
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}
	
/* demo-4 */
.details4{
	width:231px;
	height:202px;
	background:#007bbb;
	color:#fff;
	text-align:center;
	}
.demobox4{
	float:left;
	width:231px;
	height:202px;
	border:0px solid #0078bf;
	overflow:hidden;
	}
#demo-4{position:relative;}
#demo-4 img{
		opacity:1
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}
#demo-4 .details4{
		position:absolute;
		top:0;
		left:0;
		opacity: 0;
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}
	
#demo-4 .details4:hover{
		opacity: 0;
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}
	
/* demo-5 */
.details5{
	width:155px;
	height:155px;
	
	color:#fff;
	text-align:center;
	}
.demobox5{
	float:left;
	width:155px;
	height:155px;
	border:0px solid #0078bf;
	overflow:hidden;
	}
#demo-5{position:relative;}
#demo-5 img{
		opacity:1
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}
#demo-5 .details5{
		position:absolute;
		top:0;
		left:0;
		opacity: 1;
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}
	
#demo-5 .details5:hover{
		opacity: 1;
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}
	
/* demo-6 */
.details6{
	width:156px;
	height:155px;
	background:#ffffff;
	color:#fff;
	text-align:center;
	}
.demobox6{
	float:left;
	width:156px;
	height:155px;
	border:0px solid #0078bf;
	overflow:hidden;
	}
	}
#demo-6{position:relative;}
#demo-6 img{
		opacity:1
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}
#demo-6 .details6{
		position:absolute;
		top:0;
		left:0;
		opacity: 1;
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}
	
#demo-6 .details6:hover{
		opacity: 0;
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}

/* demo-7 */
.details7{
	width:142px;
	height:142px;
	background:#bdd7f2;
	color:#fff;
	text-align:center;
	}
.demobox7{
	float:left; margin-top:20px; margin-left:12px;
	width:142px;
	height:142px;
	border:1px solid #0078bf;
	overflow:hidden;
	}
#demo-7{position:relative;}
#demo-7 img{
		opacity:1
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}
#demo-7 .details7{
		position:absolute;
		top:0;
		left:0;
		opacity: .95;
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}
	
#demo-7 .details7:hover{
		opacity: 0;
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
	}