﻿/* ZOOM sur les images */

#center_diapo {
	margin: 30px 50px 40px 50px; 
	padding: 15px;
	border: 1px solid #ffa7a7; 
	border-radius: 16px; 
}
#center_diapo p {
	text-align: center;
	font-style: italic;
	font-weight: 400;
	font-size: 16px;
	margin: 9px 0px 20px 0px;
}
#center_diapo .justif {
	text-align: justify;
	font-size: 15px;
/*	font-style: italic;
	font-weight: 400;
	margin: 9px 0px 20px 0px; */
}

#tire_diapo {
	width: 100%;
	margin: 40px 30px 40px 0px;
	position: relative;
}

.diapo {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
    background:transparent;
	border:none;
	width: 562px; 
	height: 180px;
	position: relative;
}

.diapo_c {
    height: 160px; 
    width: 120px;
	padding: 5px 10px; 
	margin: 0;
	border:none;
	border-radius:5px;
    background:transparent;
	float: left;
}
.diapo_v {
    height: 170px; 
    width: 120px;
	padding: 5px 10px;
	margin: 0;
	border:none;
	border-radius:5px;
    background:transparent;
	float: left;
}
.diapo_h {
    height: 123px; 
    width: 174px;
	padding: 5px 5px;
	margin: 0;
	border:none;
	border-radius:5px;
    background:transparent;
	float: left;
}

.diapo_c img , .diapo_v img, .diapo_h img {  
    height: 100%; 
    width: 100%;
	border:none;
	border-radius:5px;
    background:transparent;
	transition: all 1.2s ease 0s;
	-moz-transition: all -moz-transform 1.2s ease 0s;
	-o-transition: all -o-transform 1.2s ease 0s;
	-ms-transition: all -ms-transform 1.2s ease;
		-webkit-transition-property: all;
		-webkit-transition-duration: 1.2s;
		-webkit-transition-timing-function: ease 0s;
}
.diapo_c img:hover, .diapo_v img:hover {
	background:transparent;
	padding: 0px;
	border-radius:10px;
	z-index: 111;
	border: 0;
	margin: -370px 0px 0px -260px;
    position: relative; 
	width: 350%;
	height: 350%; 
}
.diapo_h img:hover {
	background:transparent;
	padding: 0px;
	border-radius:10px;
	z-index: 111;
	border: 0;
	margin: -290px 0px 0px -260px;
    position: relative; 
	width: 350%;
	height: 350%; 
}

#diapo p {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 11px;
	line-height: 110%;
	color: #daa;
	text-decoration: none;
	border: 1px solid #666;
	border-radius: 5px;
	background-color:#666;
}
#diapo a:link a:visited{
	text-decoration: none;
	transition: all 0.2s ease 0s;
	-moz-transition: all -moz-transform 0.7s ease 0s;
	-o-transition: all -o-transform 0.7s ease 0s;
	-ms-transition: all -ms-transform 1.2s ease;
		-webkit-transition-property: all;
		-webkit-transition-duration: 1.2s;
		-webkit-transition-timing-function: ease 0s;
}
#diapo p:hover {
	text-decoration: none;
	color: #f00;
	background-color:#111;
	border: 1px solid #f00;
	border-radius: 5px;
	border-bottom: 0;
}

#diap {
	margin: 0px; 
	padding: 0px; 
	text-align: center;
/*	width: 500px; */
}

#diap td {
	width: 132px;
height: 178px	
	text-align: center;
	margin: 0px; 
	padding: 5px; 
	border: 0px solid #fbb;
}

#diap img {  
    height: 168px; 
    width: 122px;
	border-radius:5px;
    background:transparent;
	padding-top: 1px;
	transition: all 1.2s ease 0s;
	-moz-transition: all -moz-transform 1.2s ease 0s;
	-o-transition: all -o-transform 1.2s ease 0s;
	-ms-transition: all -ms-transform 1.2s ease;
		-webkit-transition-property: all;
		-webkit-transition-duration: 1.2s;
		-webkit-transition-timing-function: ease 0s;
}
#diap img:hover {
	background:transparent;
	height: 360%; 
	width: 360%;
	padding: 0px;
	border-radius:10px;
	z-index: 111;
	border: 0;
	margin: -150px 0px 0px -200px;
    position: relative; 
}

