@media only screen and (min-width: 960px) and (max-width: 1160px) {
	
	/**********************************/
	/* COMMUN
	/**********************************/
	header .logo img { width: 131px; top: 24px; }
	
	/**********************************/
	/* ACCUEIL
	/**********************************/
	
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
		
	/**********************************/
	/* COMMUN
	/**********************************/
	header .logo img { width: 131px; top: 24px; }
	header nav ul li { margin: 0 }
	header nav ul div.right { margin-right: 10px; }
	h5 {
		font-size: 20px;
	}
	
	/**********************************/
	/* ACCUEIL
	/**********************************/
	.button.bold {
		font-size: 22px;
	}
	
	.button a {
		padding: 0 2.5px;
	}
	
	.infolettre label {
		font-size: 26px;
	}
	
	.produit-spec {
	    margin-top: 10px;
	    font-size: 16px;
	}
	
	.parent-container img {
    	margin: 5px 15px;
    }
    
    /**********************************/
	/* Système anti-collision
	/**********************************/
	.circle p {
		width: 122.5px;
	}
        
}


@media only screen and (max-width: 767px) {	
	/**********************************/
	/* COMMUN
	/**********************************/
	.rangee {
		width: 100%;
	}
	
	header .quote {
		display: none;
	}
	
	header nav {
		background-color: #000;
	}
	
	header .logo img {
		display: none;
	}
	
	header img#logo-horizontal {
		position:absolute;
	    left:0;
	    right:0;
	    margin: auto;
		display: block;
	    top: 0;
	    bottom: 0;
	    background-color: transparent;
	    width: 75%;
	}
	
	header .menu-mobile-toggle {
		width: 100%;
    	height: 80px;
    	position: relative;
	}
	
	h3 {
		font-size: 35px;
	}
	h4 {
		font-size: 28px;
	}
	h6 {
		margin: 10px 0;
	}
	
	/**********************************/
	/* ACCUEIL
	/**********************************/
	.button.bold {
		font-size: 22px;
		text-align: center;
	}
	
	.infolettre form div.columns {
		width: 100%;
		text-align: center;
	}
	
	/**********************************/
	/* Système anti-collision
	/**********************************/
	.circle {
		height: 132.5px;
	}
	
	.circle div {
		margin: 10px;
	}
	.circle p {
		margin: 10px;
		width: 40%;
		margin-top: 40px;
	}
	
	.white-bear {
		margin: 0 20px !important;
	}
	.produit-description {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.produit-spec {
		margin-top: 12px;
		font-size: 14px;
	}
	
	/**********************************/
	/* Contact
	/**********************************/
	.nomarginonmobile .jumbotron {
		margin: 0;
	}
	
	/**********************************/
	/* Contact
	/**********************************/
	.contact .jumbotron {
		margin: 0;
	}
	
	/* MOBILE NAVIGATION */
	#pull {
		display: block;
    	width: 100%;
    	float: left;
	}

	header nav ul div.right {
		width: 100%;
    float: left;
}
	header nav 					{height: auto; float: left;}
	header nav ul li 			{width: 100%;border-style: solid;border-width: 1px;border-color: #e2e2e2; margin: 0;}
	header nav ul li a {
		width: 100%;
		padding: 0;
	}
	
	header nav ul 			{height: auto;display: none;}	
	header > nav 				{height:40px;}	
	header nav #nav-icon1 			{padding:0 1em; margin-right: 10px; box-sizing:border-box; float: right; color:#FFF;}
	header nav ul.sf-menu li 	{padding: 0;}
	header nav ul li ul li.ligne{margin-left: 0;}
	header > nav > ul > li 		{ display: block; float: none; width: 100%; text-align:left; border-top: 1px solid #A9A9A9; background-color:#00853e; padding:0em;}
	header > nav > ul > li:first-child		{ padding:0;}
	header > nav > ul > li a				{ display:block; width:100%; box-sizing:border-box; padding:0 1em; height:40px; line-height:40px;}
	
	/* 2e niveau MOBILE */
	header > nav > ul.sf-menu > li.mobnav-subarrow 		{ cursor:pointer;	 position:relative; }
	header nav ul.sf-menu li.mobnav-subarrow span.fa 	{ display: block;  top: 193px; right:20px; z-index:999; position: absolute; color: #fff; font-size: 50px; }
	header nav ul.sf-menu li.mobnav-subarrow ul 		{ position:static!important; display: none!important; }	
	header nav ul.sf-menu > li.xpopdrop ul 				{ display: block!important; padding-left:0;}
	header nav ul.sf-menu > li.xpopdrop ul li			{ width: 100%;}
	header nav ul.sf-menu > li.xpopdrop ul li.arrow		{ display: none;}
	header nav ul.sf-menu > li.xpopdrop ul li a 		{ font-size:20px; width: 100%; text-align: center; padding: 0;}	
	/* END Mobile navigation */
}