@media screen and (max-width: 850px) {
	#main-slider {
		position: relative;
		margin-top: 0px;
	}
	body
	{
		margin-top:0px;
	}
	section
	{
		clear:both;
	}
	h2
	{
		font-size:26px;
	}
	header
	{
		height:auto;
		position:static;
		box-shadow:none;
	}

	.navbar-nav > li {
		margin-left:0px;
	}
	.navbar .navbar-nav .dropdown-menu 
	{
		background-color:#FFF;
	}
	.navbar .navbar-nav .dropdown-menu > li > a
	{
		color:#999;
	}
	.navbar .navbar-nav .dropdown-menu
	{
		box-shadow:none;
	}	
	img.logo
	{
		width:100px;
		margin-top:-15px;
	}
	button.navbar-toggle
	{
		color:#999;
	}
	button.navbar-toggle span.icon-bar
	{
		border: 1px solid #CCC;
	}
}

@media screen and (max-width: 1000px) {
	.container
	{
		width:100%;
	}
	.navbar-nav > li 
	{
		margin-left:20px;
	}
	
	
	
	div.step_contents
	{
		clear:left;
		width:100%;
		height:auto;
		padding-top:20px;
	}
	div.step_content
	{
		clear:left;
		width:100%;
		height:auto;
		position:static;
	}
	
	div.step_contents img, div.step_contents img.droite, div.step_contents img.image_droite, div.step_contents img.image_gauche
	{
		width:80%;
		float:none;
		height:auto;
	}
	div.step_content div.texte, div.step_content div.texte.texte_droite, div.step_content div.texte.texte_gauche
	{
		height:auto;
		display:block;
		font-size:12px;
		float:none;
		line-height:15px;
		margin-bottom:20px;
	}
	
}

@media screen and (max-width: 1200px) {
	.navbar .navbar-nav > li > a 
	{
		font-size:12px;
	}
	section#avantages div.features h2
	{
		font-size:14px;
	}
	div.avantage_picture.smaller div.texte 
	{
		width:170px;
	}
	div.step_contents
	{
		width:100%;
	}
	div.step_content
	{
		width:100%;
	}
	div.offre_steps
	{
		width: 600px;
	}
	div.step
	{
		width: 150px;
	}
	div.step.link div.number:after
	{
		width:150px;
	}
	.navbar-nav > li 
	{
		margin-left: 5px;
	}
}



@media screen and (max-width: 640px) {

	h1
	{
		font-size:20px;
	}
	div.offre_steps
	{
		height:auto;
		width:225px;
		margin:auto;
		clear:left;
	}
	
	div.step
	{
		float:none;
	}
	div.step div.number
	{
		margin-left:0px;
		margin-right:0px;
		float:left;
		clear:left;
	}
	div.step.link div.number:after
	{
		content:"";
		border-left:2px solid rgb(120, 120, 120);
		height:30px;
		width:0px!important;
		display:block;
		position:absolute;
		left:12px;
		top:28px;
		z-index:0;
		cursor:default;

	}
	div.step div.text 
	{
		font-size:10px;
		left:80px;
		height:32px;
		line-height:32px;
		float:left;
		margin-left:10px;
	}
	
	.center
	{
		padding-bottom:0px;
	}
	div.avantage_picture 
	{
		margin-bottom:0px;
	}
	div.avantage_picture div.circle
	{
		display:none;
	}
	div.avantage_picture.smaller div.circle
	{
		display:block;
		float:none;
		margin:auto;
	}
	div.avantage_picture.smaller div.texte
	{
		display:block;
		float:none;
		margin:auto;
		width:90%;
		text-align:center;
		padding-left:0px;
		height:auto;
		padding-bottom:40px;
	}
	div.avantage_picture h2
	{
		line-height:20px;
		text-align:center;
		margin-top:30px;
	}
	img.photo_equipe
	{
		width:120px;
	}
	
	section#reglementation div.col-sm-4 
	{
		height:auto;
		margin-bottom:50px;
	}
	section#reglementation div.col-sm-4 div
	{
		position:static;
	}
	div.icone_tournante
	{
		display:none;
	}
	div.icone_tournante_contenu 
	{
		display:block;
		height:auto;
		position:static;
	}
	
}