/* All Responsive
================================================== */
@media only screen and (max-width: 959px) { 
	/*logo*/
	#logolgf { display: block; float: none; margin: 0 auto 20px; text-align: center; }
	#logo { display: block; float: none; text-align: center; margin-left: 200px; max-width: 320px; }
	#logoaccueil { display: block; float: none; text-align: center; margin-left: 83px }
	#logophoto { display: block; float: none; text-align: center;margin-left: 375px }
	#logo img { display: block; margin: 0 auto; }
	/*navigation*/
	#navigation { position: inherit; height: 55px; margin-top: 0; background: #fbfbfbfb url("https://341222.claudeassets.com/20260317065459im_/https://www.lagrandefabrique.net/images/responsive-select-grey.png") 96% center no-repeat; margin: 0; top: auto; right: auto; text-indent: 20px; }
	#navigation .selector { width: 100%; color: #848484; font-weight: bold; line-height: 55px; }
	#navigation .selector { height: 55px; width: 100%; display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; cursor: pointer !important; text-align: left; }
	#navigation .selector { margin: 0; padding: 0; border: none; }
	#navigation .selector select { position: absolute; top: 0px; left: 0; height: 55px; background: none; width: 100%; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 500; color: #666 !important; cursor: pointer; }
	#navigation .selector select:focus { outline: 0 }
	#navigation .selector option { background: #e6e3e3; -webkit-appearance: none; padding: 15px 25px; border-color: #303030; }
	#navigation .selector:hover { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; }
	#navigation .selector span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	#navigation .selector { display: inline-block }
	#navigation ul { display: none }
}
/* Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) { 
	#wrap-section { margin: 20px auto }
	/*#masthead {padding-top: 20px}
	/*grid*/
	.grid-1 { width: 700px }
	.grid-2 { width: 340px }
	.grid-2-graph {width: 700px}
	.grid-3 { width: 520px; margin-left: 60px }
	.grid-4 { width: 340px; margin-left: 80px; margin-top: 0px}
	.grid-5 {margin-left: 102px}
	.grid-22 { width: 300px }
	.grid-22 { display: block; float: left; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.grid-24 { width: 500px ; margin-left: 80px; margin-right: 20px}
	.grid-25 { width: 455px }
	.grid-25 { display: block; float: left; margin-left: 101px; margin-right: 20px; margin-bottom: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.grid-11{width: 600px}
	
	/*.grid-33 {width: 170px;height: 300px ;margin-left: 45px;margin-right: 10px}*/
	.grid-33 {width: 170px;height: 100% ;margin-left: 45px;margin-right: 10px}
	.grid-100 {margin-left: 0px; margin-right: 50px}
	.grid-4-wrap .grid-4:nth-child(2n+3) { clear: left }
	.sidebar-container {display: none}
	.entry-content-text-bas {display: block}
	/*.loop-entry-thumbnail-objet-graph {height: 240px}*/
	.loop-entry-thumbnail-objet-graph {height: 240px}
	.loop-entry-thumbnail-objet-sculp {height: auto}
	.entry-text-contact {font-size: 16px}
	/*main*/
	#post { width: 100% }
	#page-header-wrap {display: block;height: 30px;margin-bottom: 25px}
	#page-header h1 {display: block; padding-left: 20px;}
	#page-header h2 {display: block}
	#page-header h3 {display: block}
	#page-header h4 {display: block}
	.text-bas {margin-left: 50px}
}
/* Ipad Mini Portrait Edits
================================================== */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) { 
	.att-one-half, .att-one-third, .att-two-third, .att-three-fourth, .att-one-fourth, .att-one-fifth, .att-two-fifth, .att-three-fifth, .att-four-fifth, .att-one-sixth, .att-five-sixth { width: 100%; float: none; margin-right: 0; margin-bottom: 20px; }
	.att-pricing-table > div { margin-bottom: 25px }
	.att-box, .att-box.left, .att-box.right { float: none; width: 100% !important; }
}
/* Mobile (Portrait)
================================================== */
@media only screen and (max-width: 767px) { 
	#logo { display: block; float: none; text-align: center; margin-left: 30px; max-width: 320px }
	#logoaccueil { display: block; float: none; text-align: center; margin-left: 16px; max-width: 235px }
	#logophoto { display: block; float: none; text-align: center;margin-left: 150px ; max-width: 100px}
	/*hide things*/
	#home-slider, .flex-direction-nav { display: none }
	#wrap-section { margin: 20px auto }
	/*grid*/
	.grid-1 { width: 280px }
	.grid-11 {width: 200px}
	.grid-22 { width: 260px }
	.grid-22 { display: block; float: left; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.grid-23 { display: block; float: left; margin-left: 20px; margin-right: 0px; margin-bottom: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.grid-25 { width: 260px }
	.grid-25 { display: block; float: left; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.grid-100 {width: 280px;margin-left: 0px;margin-right: 0px;}
	.grid-102 {margin-top: 0px;margin-bottom: 20px}
	img.imgvide {display: none}
	.grid-2-wrap, .grid-3-wrap, .grid-4-wrap { margin-right: 0 }
	.grid-2, .grid-4, .grid-4, .grid-6 { width: 280px; margin-left: 0px; }
	.grid-5 { width: 260px; margin-left: 20px}
	.grid-24 { width: 280px; margin : 0 0 0 0 }
	.grid-2-graph {width: 280px}
	.grid-3 {width: 280px; margin: 0 0 0 0}
	.grid-33 {width: 250px; height: auto; margin-left: 20px}
	.grid-34 {width: 250px; height: auto; margin-left: 20px}
	.loop-entry-thumbnail-objet-graph {height: auto}
	.loop-entry-thumbnail-objet-sculp {height: auto}
	.loop-entry-thumbnail img {margin-left: auto; margin-right: auto}
	.entry-content {margin-top: 10px}
	.entry-content-text-bas {display: block}
	#majuscule::first-letter{font-weight: bold; font-size: 40px}
    .text {font-family: 'Roboto', sans-serif;color: black;font-size: 12px;font-style: normal; line-height: 18px; padding-top: 15px}
    .text p{font-family: 'Roboto', sans-serif;color: black;font-size: 12px;font-style: normal; line-height: 18px;}
	/*main*/
	#post { width: 100% }
	.sidebar-container {display: none}
	h1 {font-size: 20px}
	p.librairie { margin: 0 0 0; font-size: 11px;}
	br.librairie {display: block}
	p.contact { margin: 0 0 0; font-size: 11px;}
	#page-header-wrap {display: block}
	/*#page-header-wrap {display: block;height: 30px}*/
	#page-header h1 {display: block;padding-left: 18px}
	#page-header {display: block}
	/*topbar*/
	#topbar { height: auto; min-height: 45px; line-height: 1.6em; padding: 15px 0 8px; }
	#tagline { float: none; margin-bottom: 10px; }
	#topbar-social { position: inherit; margin: 0; left: auto; right: auto; top: auto; }
	#topbar-social li { margin-left: 0; margin-right: 7px; margin-bottom: 7px; }
	/*pagination*/
	#post-pagination { position: inherit; top: auto; left: auto; margin: 10px 0 0; }
	/*comments*/
	.comment-details { margin-left: 0; text-align: center; }
	.comment-details:after { display: none }
	.comment-avatar { display: inline-block; margin-bottom: 10px; position: inherit; top: auto; left: auto; }
	.comment-date { display: block }
	.comment-break { display: none }
	.comment-reply-link { display: block; padding-bottom: 10px; margin-bottom: 10px; }
	.children { margin: 30px 0 0 }
	.children li.depth-2, .children li.depth-3, .children li.depth-4, .children li.depth-5, .children li.depth-6, .children li.depth-7, .children li.depth-8, .children li.depth-9, .children li.depth-10 { margin: 0 }
	#footer-bottom-left, #footer-bottom-right { float: none; text-align: center; }
	#footer-bottom-right { margin-top: 20px }
	#social { float: none }
	#portfolio-cats li { margin-bottom: 10px }
	#portfolio-cats li { background: none !important }
	.comment-meta .reply { margin-left: 0 }
	.comment-meta .reply a { margin-top: 10px }
	.portfolio-entry.grid-4 { margin-bottom: 25px }
	/*shortcodes*/
	.att-one-half, .att-one-third, .att-two-third, .att-three-fourth, .att-one-fourth, .att-one-fifth, .att-two-fifth, .att-three-fifth, .att-four-fifth, .att-one-sixth, .att-five-sixth { width: 100%; float: none; margin-right: 0; margin-bottom: 20px; }
	.att-pricing-table > div { margin-bottom: 25px }
	.att-box, .att-box.left, .att-box.right { float: none; width: 100% !important; }
	hr.objet { display: block; border: solid #000000; border-width: 1px 0 0; clear: both; margin: 30px 0 30px; height: 0; }
	input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"] {width: 240px}
}
/* Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	#wrap-section { margin: 20px auto }
	.grid-1 {width: 500px} 
	.grid-2 { width: 440px }
	.grid-4 { width: 340px; margin-left: 80px;margin-top: 0px }
	.grid-5 { width: 360px; margin-left: 80px}
	.grid-2-graph {width: 500px}
	.grid-22 { width: 360px }
	.grid-22 { display: block; float: left; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.grid-24 { width: 500px ; margin-left: 0px; margin-right: 20px}
	.grid-25 { width: 360px }
	.grid-25 { display: block; float: left; margin-left: 84px; margin-right: 20px; margin-bottom: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.grid-3 {width: 500px; margin: 0 0 0 0}
	.grid-33 {width: 200px; height: 100%; margin-right: 15px;margin-left: 25px}
	.grid-11{width: 320px;display: block}
	.grid-100 {width: 150px;margin-left: 0px;margin-bottom: 40px}
	.grid-102 {margin-left: 10px;margin-bottom: 20px}
	.entry-content-accueil {width: 400px; margin-left: auto; margin-right: auto}
	.entry-content-text-bas {display: block}
	.entry-text-contact {font-size: 16px}
	.sidebar-widget {margin-bottom: 0px}
	.loop-entry-thumbnail-objet-graph {height: 270px}
	.loop-entry-thumbnail-objet-sculp {height: auto}
	.loop-entry-thumbnail img {margin-left: auto; margin-right: auto}
	#page-header-wrap {display: block}
	/*#page-header-wrap {display: block;height: 30px}*/
	#page-header h1 {display: block;padding-left: 18px}
	#page-header h2 {display: block;padding-left: 38px}
	#page-header h3 {display: block;padding-left: 38px}
	#page-header h4 {display: block;padding-left: 38px}
	#logo { display: block; float: none; text-align: center; margin-left: 100px; }
	p.librairie { margin: 0 0 0; color: #505050; font-size:13px;}
	br.librairie {display: none}
	p.contact { margin: 0 0 0; font-size: 16px;}
	#logoaccueil { display: block; float: none; text-align: center; margin-left: 33px; max-width: 311px }
	#logophoto { display: block; float: none; text-align: center;margin-left: 210px ; max-width: 130px}
	input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"] {width: 345px}
}


/*
     FILE ARCHIVED ON 02:57:37 Aug 04, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:33:01 Jun 12, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.657
  exclusion.robots: 0.066
  exclusion.robots.policy: 0.053
  esindex: 0.01
  cdx.remote: 9.725
  LoadShardBlock: 91.892 (3)
  PetaboxLoader3.datanode: 132.716 (5)
  load_resource: 152.668
  PetaboxLoader3.resolve: 99.382
  loaddict: 33.14
*/