/*-------------------------------------------*/
/*----- organisation.css --------------------*/
/*-------------------------------------------*/


/* ------------------------------------------ */
/* ------ PAGE ORGANISATION ----------------- */
/* ------------------------------------------ */

.header-organisation{margin-top:60px;}

.header-organisation h1{
	font-size:44px;
	display:inline-block;
	font-family : "Oswald";
	text-transform:uppercase;
}

.organisation .col-6-custom{width:14%;min-height:300px;}

.organisation .organisation-container-conseiller{display:block;}

.content-conseiller{margin-top:40px;display:flex;justify-content:space-between;padding:0px 20px;}

.organisation .organisation-container-img-conseiller img{
	display:block;
	margin:0 auto;
	margin-bottom:30px;
	width:150px;
	height:150px;
	border:5px solid #FFF;
	transition: all 0.7s ease 0s;
}
.organisation .organisation-container-img-conseiller:hover > img{
	border:5px solid #EF5E04;
	transition: all 0.7s ease 0s;
	-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
}

.organisation .organisation-container-conseiller:hover{text-decoration:none}
.organisation .nom-conseiller,
.organisation .fonction-conseiller{
	width:90%;
	margin:0 auto;
}

.organisation .nom-conseiller{
	color:#EF5E04;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}

.organisation .fonction-conseiller{
	color:#434E64;
	text-align:center;
	font-size:14px;
}


.qui-sommes-nous{width:100%;padding:0px 15px;color:#434E64;margin-bottom:30px;}
.qui-sommes-nous h2{margin:0px 0px;text-align:left;color:#EF5E04;padding:20px 0px;}
.qui-sommes-nous a{color:#EF5E04;}


/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* --------------- MEDIAQUERIES ----------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */


@media screen and (min-width:1170px) and (max-width:1400px){   /*-----------------------------------------------------------------*/


}



@media screen and (min-width:1024px) and (max-width:1200px){   /*-----------------------------------------------------------------*/
	
	
	.qui-sommes-nous{width:90%; margin:0 auto;padding:0px;text-align:justify;}
	.qui-sommes-nous h2{font-size:24px;}
	.organisation .nom-conseiller {font-size:14px;}
	.organisation .fonction-conseiller{font-size:12px;}

	.content-conseiller{width:90%;margin:0 auto;}
	.organisation .col-6-custom{flex: 1 0 18%;}

}




@media screen and (min-width:1024px) and (max-width:1169px){   /*-----------------------------------------------------------------*/
   
	.content-conseiller{width:90%;margin:0 auto;}
	.organisation .col-6-custom{flex: 1 0 18%;}

    .organisation{width:100%!important;}
	.qui-sommes-nous{padding:0px;text-align:justify;}
	.qui-sommes-nous h2{font-size:24px;}
	.organisation .nom-conseiller {font-size:14px;}
	.organisation .fonction-conseiller{font-size:12px;}	

	.content-conseiller{width:90%;margin:0 auto;}
	.organisation .col-6-custom{flex: 1 0 18%;}
}




@media screen and (min-width:961px) and (max-width:1440px){   /*-----------------------------------------------------------------*/
    
}





@media screen and (min-width:769px) and (max-width:960px){   /*-----------------------------------------------------------------*/
    
}




@media screen and (min-width:769px) and (max-width:1023px){   /*-----------------------------------------------------------------*/
   
    .header-organisation{margin-top:100px;}			
	.qui-sommes-nous{padding:0px;text-align:justify;}
	.qui-sommes-nous h2{font-size:24px;}
	.organisation .nom-conseiller {font-size:14px;}
	.organisation .fonction-conseiller{font-size:12px;}


	.content-conseiller{width:90%;margin:0 auto;}
	.organisation .col-6-custom{flex: 1 0 30%;}
}  




@media screen and (min-width:601px) and (max-width:768px){   /*-----------------------------------------------------------------*/
   	
    
	.header-organisation{width:94%;margin:0 auto;margin-top:80px;}		
	.qui-sommes-nous{width:90%;margin:0 auto;padding:0px;text-align:justify;}
	.qui-sommes-nous h2{font-size:24px;}
	.organisation .nom-conseiller {font-size:14px;}
	.organisation .fonction-conseiller{font-size:12px;}		
	.organisation .col-5-custom {width: 33%;}


	.content-conseiller{width:90%;margin:0 auto;}
	.organisation .col-6-custom{flex: 1 0 30%;}
}   




@media screen and (min-width:481px) and (max-width:600px){   /*-----------------------------------------------------------------*/

    .header-organisation{margin:0 auto;margin-top:100px;font-size:36px;}
	.header-organisation h1{font-size:36px;}
	.qui-sommes-nous{width:90%;margin:0 auto;padding:0px;text-align:justify;}
	.qui-sommes-nous h2{font-size:24px;}
	.organisation .nom-conseiller {font-size:14px;}
	.organisation .fonction-conseiller{font-size:12px;}	
		
	.organisation .col-5-custom {width: 33%;}


	.content-conseiller{width:90%;margin:0 auto;}
	.organisation .col-6-custom{flex: 1 0 40%;}
}   



@media screen and (max-width:480px){   /*-----------------------------------------------------------------*/

    .header-organisation{width:100%;margin:0 auto;margin-top:100px;}
	.header-organisation h1{font-size:28px;}	
	.qui-sommes-nous{width:90%;margin:0 auto;padding:0px;text-align:justify;}
	.qui-sommes-nous h2{font-size:24px;margin:0px;margin-bottom:40px;}
	.qui-sommes-nous p{font-size: 14px;}
	.organisation .nom-conseiller {font-size:14px;}
	.organisation .fonction-conseiller{font-size:12px;}
	.organisation .col-5-custom {width:50%;}	
	.organisation .coordonnees{width: 90%;margin: 0 auto;}


	.content-conseiller{width:90%;margin:0 auto;}
	.organisation .col-6-custom{flex: 1 0 40%;width: auto!important;}
}