/* -------------------------- */
/* RESPONSIVE DESIGN BY KEOPZ */
/* ------ www.keopz.fr ------ */
/* -------------------------- */

/* Ecrans 15 pouces et plus */
@media only screen and (min-width : 1201px)  {

}

/* Ecrans 10 pouces / 14 pouces */
@media only screen and (min-width : 1021px) and (max-width: 1200px) {

}

/* Tablettes */
@media only screen and (min-width: 768px) and (max-width: 1020px) { 
	.main-column { width:700px; }
	.content .main-column { width:700px; }
	
	.slider { height:175px; }
	.slider_item { width:700px; height:175px; }
	.slider_item img { width:700px; height:175px; }
	.slider_texte { margin-left:385px; }
	.bullets { margin-left:540px; margin-top:152px; }
	
	.menuimg { width:20px; padding-right:5px; float:none; display:inline; }
	.menuimg img { margin-top:-5px; width:20px; }
	.menu-item { width:140px; padding-left:0; padding-top:15px; padding-bottom:15px; text-align:center; }
	.menucolor { width:140px; margin-left:0; margin-top:-17px; }
	
	h1 { font-size:26px; }
	h2 { font-size:16px; }
	h2 span { font-size:12px; }
	
	.colonne1 { width:48%; margin-right:2%; }
	.colonne2 { width:48%; margin-left:2%; }
	
	.colonne33 { margin-right:20px; width:180px; }
	.colonne33 h2 { font-size:13px; }
	.colonne33 p.smallp { font-size:11px; }
	
	.contact .colonne25 p { font-size:13px; line-height:16px; }
	.contact .colonne25 { width:15%; }
	.contact .colonne25.first { width:51%; }
	.contact .colonne25.last { width:35%; }
	.contact .picto1 { padding-bottom:25px; }
	.contact { background-position:500px -50px; }
	
	.referenceS_out { margin-right:0px; margin-left:22px; }
	.referenceM { width:350px; height:275px; }
	.referenceM .slider_item { width:350px; height:auto; }
	
	.offre_item { width:302px;  }
	.offre_item .prix { font-size:12px; margin-top:2px; }
	.offre_item h2 { font-size:14px; }
	.offre_item p.smallp { font-size:12px; line-height:14px; }
	.offre_image { width:75px; overflow:hidden; margin-right:0; }
	.offre_image img { margin-left:-40px; }
	
	.article_item { width:302px; }
	.article_item h2 { font-size:14px; }
	.article_item p { font-size:13px; line-height:13px; }
	.article_image { width:100px; overflow:hidden; }
	.article_image img { margin-left:-3px; }
	
	.colonne2contact { padding-right:0px; }
	.souscolonnecontact { width:auto; float:none; margin-bottom:50px; }
}

/* Mobiles grand écran / paysage */
@media only screen and (max-width: 767px) { 
	.main-column { width:400px; }
	.content { padding-top:0px; padding-bottom:0px; margin-top:-15px; }
	.content .main-column { width:400px; }
	.slider { display:none; }
	
	.masquermobile { display:none; }
	
	.menuimg { width:20px; padding-right:5px; float:none; display:inline; }
	.menuimg img { margin-top:-5px; width:20px; }
	.menu-item { width:133.33px; padding-left:0; padding-top:15px; padding-bottom:15px; text-align:center; }
	.menu-item span { display:none; }
	.menucolor { width:133.33px; margin-left:0; margin-top:-17px; }
	#menu4 { clear:left; margin-left:66.66px; }
	
	h1 { font-size:26px; }
	h1 span { font-size:16px; line-height:16px; }
	h2 { font-size:16px; }
	h2 span { font-size:12px; }
	
	.colonne1, .colonne2 { float:none; width:100%; margin-left:0; margin-right:0; height:auto; padding:10px 0; }
	.colonne1contact { }
	
	.colonne33 { width:360px; margin-left:0; margin-right:0; margin-top:15px; padding-bottom:10px; height:auto; }
	.colonne33 .icon { margin-bottom:30px; }
	.colonne33 p.smallp { font-size:13px; }
	
	.contact .colonne25 { display:none; }
	.contact .colonne25.last { display:block; width:200px; margin:0 auto; float:none; }
	
	.referenceS_out { margin-right:0px; margin-left:40px; margin-bottom:20px; }
	.referenceM { width:100%; float:none; position:absolute; width:350px; height:275px; margin-left:25px; margin-top:-350px; }
	.referenceM .slider_item { width:350px; height:auto; }
	.reference_details { width:100%; height:auto; float:none; margin-bottom:50px; }
	.reference_navigation { margin-top:320px; }
	.reference_retour { margin-top:0; margin-left:20px; }
	
	.offre_item { width:360px; float:none; margin:0; margin-bottom:15px; }
	.offre_item .prix { font-size:13px; margin-top:2px; }
	.offre_item h2 { font-size:14px; }
	.offre_item p.smallp { font-size:12px; line-height:14px; }
	.offre_image { width:75px; overflow:hidden; margin-right:0; }
	.offre_image img { margin-left:-40px; }
	
	.offre_details .colonne1, .offre_details .colonne2 { margin:0px; }
	.offre_details .colonne1 { margin-bottom:-35px; }
	.offre_details span { font-size:11px; }
	
	.article_item { width:360px; }
	.article_item h2 { font-size:14px; }
	.article_item p { font-size:13px; line-height:13px; }
	.article_image { width:100px; overflow:hidden; }
	.article_image img { margin-left:-3px; }
	
	.colonne2contact { padding-right:0px; }
	.souscolonnecontact { width:auto; float:none; margin-bottom:50px; }
	
	.footer { text-align:center; }
	.footer .mentions { float:none; margin-top:10px; }
	.contact { background-position:right -50px; }
	
	textarea.contactinput { width:385px; }
	input.contactinput { width:385px; }
}

/* Mobiles petit écran / portrait */
@media only screen and (max-width: 480px) {  
	.main-column { width:300px; }
	.content .main-column { width:300px; }
	.logo img { width:150px; }
	
	.menuimg { width:20px; padding-right:2px; float:none; display:inline; }
	.menuimg img { margin-top:-2px; width:18px; }
	.menu-item { width:100px; font-size:13px;  }
	.menucolor { width:100px; }
	#menu1, #menucolor1 { width:107px; }
	#menu1 .menuimg { padding-right:0px; }
	#menu2, #menucolor2 { width:103px; }
	#menu2 { text-align:right; }
	#menu3, #menucolor3 { width:90px; }
	#menu4 { margin-left:50px; }
	
	h1 { font-size:20px; }
	h1 span { font-size:16px; }
	h2 { font-size:15px; }
	h2 span { font-size:12px; }
	
	.colonne33 { width:260px; }
	.colonne33 p.smallp { font-size:12px; }
	
	.referenceS_out { width:300px; margin-left:0px; }
	.referenceS_in { width:300px; height:220px; }
	.referenceS_in img { width:320px; }
	.referenceS_in .bouton { margin-top:75px; }
	.referenceM { width:300px; height:236px; overflow:hidden; margin-left:0px; margin-top:-310px; }
	.referenceM .slider_item { width:300px; height:auto; }
	.reference_navigation { margin-top:270px; }
	
	.offre_item { width:260px; }
	.offre_item .prix { font-size:11px; }
	.offre_item p.smallp { font-size:11px; line-height:11.5px; }
	
	.article_item { width:260px; height:auto; }
	.article_item p { font-size:12px; padding-left:95px; }
	.article_item .bouton { display:none; }
	
	textarea.contactinput { width:290px; }
	input.contactinput { width:290px; }
}