@font-face {
	font-family: 'AvenirNext';
	src: url('fonts/AvenirNextLTPro-Demi.eot');
	src: url('fonts/AvenirNextLTPro-Demi.eot?#iefix') format('embedded-opentype'),
		url('fonts/AvenirNextLTPro-Demi.woff') format('woff'),
		url('fonts/AvenirNextLTPro-Demi.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'AvenirNext';
	src: url('fonts/AvenirNextLTPro-Bold.eot');
	src: url('fonts/AvenirNextLTPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/AvenirNextLTPro-Bold.woff') format('woff'),
		url('fonts/AvenirNextLTPro-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'AvenirNext';
	src: url('fonts/AvenirNextLTPro-Regular.eot');
	src: url('fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/AvenirNextLTPro-Regular.woff') format('woff'),
		url('fonts/AvenirNextLTPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
html {box-sizing: border-box;}
body { background-color:#CC2462; color:#333333; width:100%; font-size: 17px; font-family: 'AvenirNext', Arial, sans-serif;
  font-weight: normal;-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box; }
 
div#container { width:100%; max-width:900px; margin:0 auto;}
header { width:100%; }
div#logo {display: inline-block; width:20%; }
div#banniere {display: inline-block; margin:0 10%; width:60%; }
main{width:100%; margin-top:20px; }
#left  { width:60%; display: inline-block; float:left; }
#right  { width:40%; display: inline-block; float:left; }
#logo img,#banniere img,#left img,#right img { width:100%}
.contenu{margin: 20px;  height:549px; text-align:justify; /*border:5px #000000 solid;*/  }
.image{margin: 20px;  width:400px; height:549px; text-align:justify; /*border:5px #000000 solid;*/  }
#left .contenu {background-color:#FFFFFF; }
#texte {margin:10px 10px 1px 10px;}
#texte a {color:#333333;} 


@media screen and (max-width: 900px) {
#left,#right { width:100%; }
.contenu{margin: 2% 10%;  width:80%; height:100%; text-align:justify; }
}