@media screen and (min-width: 641px) and (max-width:1119px){
	
	.container{
		width: 100%;
	}

	header{
		background: url(img/fond-header-t.png) top left no-repeat;		
	}

	header .container{
		display: table;
		vertical-align: top;
	}

	.logo{
		display: table-cell;
		margin-left: 5px;
	}

	nav.menu{
		margin-left: 70px;	
		padding-bottom: 45px;	
	}

	nav.menu li{
		margin-bottom: 10px;
	}

	nav.menu li ul{
		display: none;	
	}

	.top-content{
		margin: 0 10px;
	}

	.content{
		/*background-position: center bottom;*/
	}

	.slideshow{
		width: initial;
		margin: 0;
		margin-top: -139px;
	}

	.cms_pages{
		margin: 10px;
	}

	.quote{
		float: none;
		width: initial;
		padding: 50px 0;
		background: url(img/quote-left.png) 275px top no-repeat, url(img/quote-right.png) bottom right no-repeat;
	}

	article img[align="right"]{
		width: 360px;
		margin: 0;
		margin-left: 10px;
	}

	.partie-contact{
		float: right;
		width: 330px;
	}

	.cms_forms input[type="text"], .cms_forms textarea{
		width: 300px;
	}		
}




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

	.site-container{overflow:hidden; height: 100%; background: #AFC2D2;}
	
	.site-pusher{
		z-index: 30;
		transition: all 0.3s ease;
		/*transform*/
		-webkit-transform:translateX(0px);
		   -moz-transform:translateX(0px);
		    -ms-transform:translateX(0px);
		     -o-transform:translateX(0px);
		        transform:translateX(0px);
		height: 100%;
		width: 100%;
	}

	.container{
		width: 100%;
	}

	header{
		/*position: static;*/
		height: 122px;
		top: 0;
		left: 0;
		right: 0;
		z-index: 999;	
		background: url(img/fond-header-s.png) top left no-repeat;		
	}

	.nav-toggle{
		display: block;
		width: 50px;
		height: 50px;
		float: right;
		margin-right: 5px;
		margin-top: -10px;
		background: url(img/nav-toggle.png) center center no-repeat;
		cursor: pointer;
		position: relative;
		z-index: 100;
	}

	nav.menu-responsive{
		display: block;
	}

	.menu-responsive{
		position:absolute;
		width: 250px;
		top:0;
		bottom:0;
		right:0;
		left:auto;
		z-index:0;
		/*transform*/
		-webkit-transform:translateX(250px);
		   -moz-transform:translateX(250px);
		    -ms-transform:translateX(250px);
		     -o-transform:translateX(250px);
		        transform:translateX(250px);
		/*transition*/
		-webkit-transition:all 0.3s ease;
		   -moz-transition:all 0.3s ease;
		     -o-transition:all 0.3s ease;
		        transition:all 0.3s ease;		
	}

	.menu-responsive img{
		display: none;
	}

	.menu-responsive > ul > li{
		display: inline-block;
		padding:10px 8px;
		/*margin:auto;*/
		text-align: center;
		background-position: 0px 30px;
		transition: all 0.3s ease;
		font-size: 13px;
	}

	.stretch{
		display: none;
		margin-top: 10px;
		width: 100%;
	}
	
	.stretch li{
		margin: 10px 0px;
	}

	.stretch a{
		text-transform: none!important;
		font-style: italic;
	}

	.stretch .selected a{
		font-weight: bold;
		text-shadow:0 0 5px white;
	}

	.selected .stretch{
		display: block;
	}

	.menu-responsive ul.nav{
		position: relative;
		z-index: 30;
	}

	.menu-responsive ul.nav > li{
		display:list-item;
		width:250px;
		background:none;
		opacity:0;
		text-align:center;
		font-size:15px;
		padding:10px 8px;
		border-bottom:1px solid rgba(255,255,255,0);
		/*transform*/
		-webkit-transform:translateX(-50px);
		   -moz-transform:translateX(-50px);
		    -ms-transform:translateX(-50px);
		     -o-transform:translateX(-50px);
		        transform:translateX(-50px);
		/*transition*/
		-webkit-transition:all 0.3s ease;
		   -moz-transition:all 0.3s ease;
		     -o-transition:all 0.3s ease;
		        transition:all 0.3s ease;
	}


	.menu-responsive ul.nav li > a{
		color: #294778;
		font-family: texgyreadventorbold;
		text-transform: uppercase;
	}

	.menu-responsive ul.nav li ul li:first-child{
		padding-top: 5px;
	}	

	.menu-responsive ul.nav li ul{
		display: none;
	}

	.menu-responsive ul.nav li.selected ul{
		display: block;
	}

	.menu-responsive ul.nav li ul li a{
		font-size: 13px;
		text-transform: none;
	}

	.menu-responsive > ul > li.selected > a{
		color: white;
		text-shadow: 0 -2px 0 rgba(0,0,0,0.3);
	}

	.menu-responsive > ul.nav > li:hover > a{
		color: white;
	}

	.menu-responsive  ul.nav li ul li:hover > a, .menu-responsive ul.nav li ul li.selected a{
		color: white;
	}			

	.with-sidebar .menu-responsive{
		/*transform*/
		-webkit-transform:translateX(250px);
		   -moz-transform:translateX(250px);
		    -ms-transform:translateX(250px);
		     -o-transform:translateX(250px);
		        transform:translateX(250px);
		/*transition*/
		-webkit-transition:all 0.3s ease;
		   -moz-transition:all 0.3s ease;
		     -o-transition:all 0.3s ease;
		        transition:all 0.3s ease;
	}

	.with-sidebar ul.nav > li:nth-child(2n+1){
		background:#afc2d2;
	}
	
	.with-sidebar ul.nav > li{
		background:#a0b4c5;	
		opacity:1;
		/*transform*/
		-webkit-transform:translateX(0px);
		   -moz-transform:translateX(0px);
		    -ms-transform:translateX(0px);
		     -o-transform:translateX(0px);
		        transform:translateX(0px);
	}
	.with-sidebar .site-pusher{
		/*transform*/
		-webkit-transform:translateX(-250px);
		   -moz-transform:translateX(-250px);
		    -ms-transform:translateX(-250px);
		     -o-transform:translateX(-250px);
		        transform:translateX(-250px);
	}

	.site-content{
		position: absolute;
		top: 122px;
		right: 0;
		left: 0;
		bottom: 0;
		margin-top: -130px;
		overflow-y: scroll;
		-webkit-overflow-scrolling:touch;
		-moz-overflow-scrolling:touch;
		overflow-scrolling:touch;
		width: 100%;		
		background: #f4f2f2;
	}

	.site-cache{
		background: rgba(0,0,0,0);
		transition:all 0.3s ease;
	}

	.with-sidebar .site-cache{
		position: absolute;
		z-index: 1000;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		box-shadow: -25px 0 50px black;
	}		

	.top-content{
		margin: 0;
		height: 196px;	
	}

	.top-content .content{
		margin: -20px 10px 10px;
		padding-top: 21px;
		padding-bottom: 30px;
	}

	.content{
		background-position: center bottom;
	}

	.slideshow{
		width: initial;
		margin: 0;
		margin-top: -70px;
	}

	.bloc-sous-titre{
		display: block;
		margin: -25px 20px 0px 20px;
		text-align: center;
	}

	section{
		width: 100%;
		margin: 0;
	}

	.logo{
		width: 122px;
		height: 42px;
		margin-left: 25px;
		margin-right: 70px;
		background: url(img/logo-s.png) no-repeat;	
	}	

	.logo h1, .logo a{
		width: 122px;
		height: 42px;
	}

	nav.menu{
		display: none;
	}

	nav.cat-title{
		margin: 0;
		margin-top: 80px;
		text-align: center;
	}

	nav.cat-title li.selected {
		height: 76px;	

	}	

	.sidebar{
		display: none;
	}

	.bloc-garanties.desk{
		display: none;
	}

	.bloc-garanties.phone{
		display: block;
	}

	.bloc-garanties{
		width: 100%;
		margin: 0;
	}

	.bloc-garanties .content{
		width: 100%;
		background: #00264b;
		padding: 10px 0;
	}

	.bloc-garanties ul{
		display: block;
		width: 240px;
		margin: auto;

	}

	article{
		margin: 10px;
	}

	article li, article h2, article p{
		margin-left: 0;
	}

	.quote{
		margin-top: 100px;
		float: none;
		width: initial;
		padding: 50px 0;
		background: url(img/quote-left.png) left top no-repeat, url(img/quote-right.png) bottom right no-repeat;
	}

	article img[align="right"]{
		width: 100%;
		margin-left: 10px;
		margin-right: 0;
	}

	.btn{
		display: block;
		position: absolute;
		left: 10px;
		right: 10px;
	}

	.btn.center{
		margin: 15px 0 0 0;
		text-align: center;
	}

	footer{
		margin-top: 50px;
	}

	.partie-contact{
		float: none;
		width: initial;
	}

	.cms_forms input[type="text"], .cms_forms textarea{
		width: 100%;
		padding: 5px 0;
	}	

}