/* CSS Document */

body {margin:0;background:#000;font-family:'Muli', Arial, sans-serif;font-size:0.9em;color:#FFF;font-weight:300;}

a img {border:0;}

.clear {clear:both;}

#content {width:1000px; margin:0 auto;position:relative;}

#linkedin {clear:both;margin:20px auto;text-align:center;line-height:2em;}
#linkedin img {width:33px;height:auto;}
.mini-linkedin {width:25px;height:auto;float:right;margin:2px 0 0px 0;}
.tel {float:left;margin:5px 0 3px 0;}

#logo {width:150px;margin:0 auto;}
#logo img {max-width:100%;height:auto;margin:20px 0;}

#pays {margin:0 0 10px 0;display:block;display:none;}
#pays-mobile {display:block;text-align:center;margin:0 0 10px 0;color:#999;}
#centre {background:#FFF;}

#texte {float:left;width:21%;padding:40px 2% 0 2%;color:#000;text-align:center;}
strong {font-weight:400;}

#diaporama {float:right;width:75%;}

#diaporama img {max-width:100%;height:auto;}

#pdf {margin:20px 0;text-align:center;}
#pdf a {color:#FFF;text-decoration:underline;}

#footer {clear:both;margin:20px 0 0 0;}
.associe {float:left;width:23%;margin:0 1%;text-align:center;color:#999;}
.associe strong {color:#FFF;}
.associe a {color:#999;text-decoration:none;}
#footer .associe {margin-bottom:10px;}
.coordonnees {display:inline-block;margin:0 auto;}

#copy {text-align:center;color:#333;margin-bottom:20px;clear:both;}
#copy a {color:#333;text-decoration:none;}

@media screen and (max-width:1000px) {
	#content {width:640px;}	
	#texte {float:none;width:96%;padding:10px 2%;}
	#diaporama {float:none;width:100%;}
	#footer .associe {width:48%;}
}
@media screen and (max-width:640px) {
	#content {width:100%;}	
	#pays {display:none;}
	#footer .associe {width:98%;}
}