/*
* Author: http://stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries/
*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}
 @media only screen
and (min-device-width : 1024px) {
 }

@media only screen
and (max-device-width : 1023px) {
 
}

/* iPads (portrait and landscape) ----------- */
@media only screen
 and (max-width : 768px) {
#haut #header, #bas #header{
	font-size:12px;
	line-height:16px;
 	padding-bottom:20px
  } 
 }


/* Smartphones iphone 5 (landscape)  ----------- */
@media only screen
and (max-width : 568px) {
#haut #header, #bas #header{
	position:absolute;
	top:6px;
	left:4px;
	width: calc( 100% - 40px );
	padding-left:20px;
	padding-right:20px;
   } 
  #header img.logo{
	width:30%;
	float:left;
	margin-right:20px;
   } 
  #header img.hachoir{
  	display:none
  } 
#bas #header{
	margin-top:20px
  } 
#haut{
	margin-top:160px;
	
  } 
 
  }

/* Smartphones iphone 4  (landscape) ----------- */
@media only screen
and (max-device-width : 480px) {
 }
@media only screen
and (max-device-width : 320px) {
 }
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
 }
 
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}
 
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}


/* PRINT */
 
@media print {
         .fancybox-wrap * { display: block; }
        .fancybox-wrap { position: absolute!important; top: 1px!important; left: 1px!important; }		
        .fancybox-wrap { font-size:11px; line-height:13px }		
         .no_print{ display: none; }
		 .fancybox-skin {box-shadow: 0 10px 25px rgba(0, 0, 0, 0)!important;}
}