/*FOND*/
body{
	margin-top:80px;
	background: url(../../resources/default/1_0/images/fond-vague.jpg) fixed ;
}


/*Partenaires*/
h1.titrePartenaire{
	padding-top : 5px;
	margin-bottom : 20px;
	text-align: center;
}


h2.titrePartenaire{
	margin-top : 50px;
	text-align: center;
}

.partenaire {
	width: 33%;
	height: 100px;
	float: left;
	text-align: center;
}

.partenaire .circle {
	display : inline-block;
	
	background-color: white;
	border-radius: 50%;
	width: 80px;
    height: 80px;
    
    -webkit-box-shadow: 0 15px 22px -12px rgba(50,50,50,1);
	box-shadow: 0 15px 22px -12px rgba(0,0,0,0.75)
}

.partenaire .circle:hover {
	background-color: #f4f4f4;
}

.partenaire #conteneurImage {
	line-height : 80px;
}

.partenaire #conteneurImage img {
	line-height : 50px;
	max-width: 60px;
	max-height: 60px;
	margin: 0 auto;
}


/*Mobile*/

@media(min-width:450px){
	.partenaire #conteneurImage {
		line-height : 110px;
	}
	
	.partenaire #conteneurImage img {
		line-height : 110px;
		max-width: 77px;
		max-height: 77px;
		margin: 0 auto;
	}
	
	.partenaire .circle {
		display : inline-block;
		
		background-color: white;
		border-radius: 50%;
		width: 110px;
	    height: 110px;
	    
	    -webkit-box-shadow: 0 15px 22px -12px rgba(50,50,50,1);
		box-shadow: 0 15px 22px -12px rgba(0,0,0,0.75)
	}
	
		.partenaire {
		width: 33%;
		height: 150px;
		float: left;
		text-align: center;
	}
}

@media(min-width:780px){
	.partenaire #conteneurImage {
		line-height : 150px;
	}
	
	.partenaire #conteneurImage img {
		line-height : 150px;
		max-width: 100px;
		max-height: 120px;
		margin: 0 auto;
	}
	
		.partenaire .circle {
		display : inline-block;
		
		background-color: white;
		border-radius: 50%;
		width: 150px;
	    height: 150px;
	    
	    -webkit-box-shadow: 0 15px 22px -12px rgba(50,50,50,1);
		box-shadow: 0 15px 22px -12px rgba(0,0,0,0.75)
	}
	
		.partenaire {
		width: 33%;
		height: 200px;
		float: left;
		text-align: center;
	}
}