@media all and (max-width:767px) {
	a.nom-inter { color:black;font-weight:400 ; }
	a.img-nom-inter { background-color:white;color:black; }
	p-inter { width:90%; box-shadow: 4px 4px 0px #aaa; margin-bottom:10px; }
	.div-intervenant { float:left;width:98%;padding-top:0px;padding-left:5px;padding-right:5px;padding-bottom:5px;text-align:center;  border:thin dodgerblue dotted ; -moz-border-radius: 10px; margin-bottom:5px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 8px 8px 12px #aaa; height: 340px ;}
	.img-intervenant { width : 200px; height: auto ;}
}
@media (min-width:768px) and (max-width:1023px) {
	a.nom-inter { color:black;font-weight:400 ; }
	a.img-nom-inter { background-color:white;color:black; }
	p-inter { width:90%; box-shadow: 4px 4px 0px #aaa; margin-bottom:10px; }
	.div-intervenant { float:left;width:28%;padding:10px;margin:5px;text-align :center; border:thin dodgerblue dotted ; -moz-border-radius: 10px; 
	    -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 8px 8px 12px #aaa; height:300px ;}
	.img-intervenant { width : 150px; height: auto ;}
}
@media (min-width:1024px)  {
	a.nom-inter { color:black;font-weight:400 ; }
	a.img-nom-inter { background-color:white;color:black; }
	p-inter { box-shadow: 4px 4px 0px #aaa; margin-bottom:10px; }
	.div-intervenant { float:left;width:20%;padding-left:5px;padding-right:5px;padding-bottom:5px;padding-top:2px;margin:10px; text-align :center; border:thin dodgerblue dotted ; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 8px 8px 12px #aaa; height: 300px ; background-color:#E9E9E9;}
	.img-intervenant { width : auto; height: 150px ;}
}