/* Zentropy Subtheme layout styles */
/* Targets screens between 320px and 480px */

@media only screen and (max-width : 480px) {
	
	html {
		font-size: 62.5%;
		font-size: 105%;
	}
	#main-wrapper {
		width: 100%;
		padding-top: 0px;
		margin-bottom: 50px;
	}
	#messages {
		width: 100%;
	}
	#footer-wrapper {
		border: none;
		width: 100%;
	}
	#header-inner-wrapper {
		width: auto;
		padding: 0 20px;
	}
	#logo {
		margin: 5px 0 0 0;
		width: 100px;
	}
	.front #logo {
		margin-left: 0;
	}
	.front #logo img {
	    background: rgba(256,256,256,0.0);
	}
	body.front .field-name-body {
		text-shadow: rgba(255, 255, 255, 0.8) 0px 0px 15px;
	}
	.front #block-system-main {
		margin-left: 0;
	}
	#breadcrumb, #header-inner-wrapper .region-header {
		margin-left: 0px;
		margin-top: 10px;
	}
	#breadcrumb {
/*		display: block;
		margin-top: 10px;
		padding-right: 80px;
		font-size: 1.2em;
*/		
		clear: both;
		padding: 10px 0 5px;
		margin: 15px 0px 20px;
		font-size: 1.2em;
		border-top: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
/*		background-color: #bbb;
		color: white;
*/	}
	#header-region-wrapper.closed #breadcrumb {
		display: none;
	}
	body.front #header-inner-wrapper {
		width: 100%;
		padding: 0;
	}
	body.front #breadcrumb, body.front #header-inner-wrapper .region-header {
		margin-left: 0;
	}
	body.front #block-system-main-menu ul {
		text-align: center;
	}
	#block-system-main-menu .block-content {
		padding-top: 70px !important;
		min-height: 45px;
	}
	#header-region-wrapper .zone-burger {
		/*background-color: #0f0;
		right: 100px !important;*/
	}
	#header-region-wrapper.closed .zone-burger {
		/*background-color: #f00;
		right: 100px !important;*/
	}
	#header-region-wrapper:before,
	#header-region-wrapper .zone-burger {
		content: "";
		position: absolute;
		width: 80px;
		height: 80px;
		top: 5px;
		right: 10px;
		cursor: pointer;
		z-index: 200;
	}
	#header-region-wrapper:before {
		background-image: url(../../images/hamburger-close.png);
	}
	body.burgerclosed #header-region-wrapper:before,
	#header-region-wrapper.closed:before {
		background-image: url(../../images/hamburger.png);
	}
	#header-region-wrapper {
		max-height: 900px;
		transition: max-height 0.6s ease;
		overflow: hidden;
		clear: both;
		padding-bottom: 90px;
		background-color: rgba(255,255,255,0.5);
		/*background-color: #0f0;*/
	}
	body.node-type-page-accueil #header-region-wrapper {
	  background-color: rgba(255,255,255,1);
	}

	body.burgerclosed #header-region-wrapper,
	#header-region-wrapper.closed {
		max-height: 0px;
		padding-bottom: 0px;
		transition: max-height 0.6s ease, padding-bottom 0.6s ease;
		background-color: transparent;
		/*background-color: #f00;*/
	}
	#block-system-main-menu .block-content > ul.menu > li:hover > ul.menu {
		display: none !important;
	}
	#block-system-main-menu .block-content > ul.menu > li {
		margin-bottom: 0.8rem;
	}
	#block-system-main-menu .block-content > ul.menu > li > a {
		line-height: 1rem;
	}

	
	#block-menu-menu-menu-annexe ul {
		text-align: center;
		padding-top: 12px;
		line-height: 25px;
	}
	#block-menu-menu-menu-annexe ul.menu li a {
		margin: 0 1.6rem;
	}
	#block-menu-menu-menu-annexe.cloned {
		border-top: 1px solid #aaa;
		border-bottom: 0px solid #aaa;
		margin-top: 10px;
		padding-bottom: 75px;
	}
	#block-menu-menu-menu-annexe.cloned ul {
		display: block;
		text-align: left;
	}
	#block-menu-menu-menu-annexe.cloned li {
		display: block;
		text-align: left;
		width: 100%;
		float: left;
		margin-bottom: 0.5rem;
	}
	#block-menu-menu-menu-annexe.cloned ul.menu li a {
		margin: 0;
		font-size: 1.3em;
	}
	body.front #block-menu-menu-menu-annexe.cloned ul {
		text-align: center;
	}
	body.front #block-menu-menu-menu-annexe.cloned ul li {
		display: inline-block;
		text-align: center;
		float: none;
	}
	ul.language-switcher-locale-url li a, 
	ul.language-switcher-locale-url li span {
		height: 36px;
		width: 36px;
	}
	ul.language-switcher-locale-url li.en:before {
		height: 36px;
		width: 36px;
		background-size: inherit;
		background-position: center;
	}
	
	/* Menu */
	#block-system-main-menu ul, #block-system-main-menu li {
		display: block;
	}
	#block-system-main-menu ul.menu li a {
		padding-left: 0;
		font-size: 2.0rem;
		background: none;
		border: none;
	}
	
	/* Footer */
	aside.sidebar, div.footer-columns {
		display: block;
	}
	#block-locale-language {
		float: none;
	}
	.region-footer-secondcolumn, .region-footer-thirdcolumn {
		display: inline-block;
		float: none;
		text-align: center;
		width: 100% !important;
	}	
	.region-footer-firstcolumn .container-inline, 
	.region-footer-secondcolumn .container-inline, 
	.region-footer-thirdcolumn .container-inline, 
	.region-footer-fourthcolumn .container-inline {
		display: inline-block;
	}
	#block-search-form .search-form,
	#block-search-form .form-item-search-block-form {
		margin-bottom: 0;
	}
	#footer #search-block-form .form-item input {
		margin-top: 0;
	}

	
	/* Group left */
	body.node-type-sommaire-stores .group-left, 
	body.node-type-sommaire-parois-verre .group-left, 
	body.node-type-sommaire-rideaux .group-left, 
	body.node-type-sommaire-feutre-acoustique-par-6 .group-left,
	body.node-type-sommaire-panneaux-japonais .group-left,
	.node-page-video .group-left {
		width: auto;
		height: auto;
		margin: 0 0 20px 0;
	}
	.field-name-field-panneaux-texte-intro,
	.node-page-video .field-name-field-product-texte {
		height: auto;
	}
	/* group right */
	body.node-type-sommaire-stores .group-right, 
	body.node-type-sommaire-parois-verre .group-right, 
	body.node-type-sommaire-rideaux .group-right, 
	body.node-type-sommaire-feutre-acoustique-par-6 .group-right,
	body.node-type-sommaire-panneaux-japonais .group-right {
		width: auto;
		height: auto;
		padding: 0;
		margin: 0 0 40px;
		float: none;
	}
	.ds-2col > .group-right {
	}
	
	/* Sommaire Panneaux japonais */
	.view-taxo-custom .view-header .taxonomy-term,
	.view-tapis-moquettes .view-header .node-description-tapis-moquette, 
	.view-tissus-stores-rideaux .view-header .node-description-type-stores-rideaux {
		width: auto;
		height: auto;
		margin-right: 0;
		padding: 50px 20px 20px; 
	}
	.field-collection-item-field-stores-blocs-types-par-6,
	.field-collection-item-field-panneaux-bloc-type {
		height: auto;
	}
	.field-name-field-stores-blocs-types-par-6 > .field-items > .field-item,
	.field-name-field-panneaux-bloc-type > .field-items > .field-item {
		width: 100% !important;
		height: auto !important;
		margin: 0 0 4% 0 !important;
		float: left;
		overflow: hidden;
	}
	.field-name-field-stores-blocs-types-par-6 > .field-items > .field-item img,
	.field-name-field-panneaux-bloc-type > .field-items > .field-item img {
		margin: 0 !important;
		width:100%;
	}
	.field-collection-item-field-panneaux-bloc-type .field-name-field-panneaux-vignette-type {
		position: relative;
		width: 100%;
	}
	.field-collection-item-field-panneaux-bloc-type .field-name-field-panneaux-description-type {
		top: 0px;
	}
	.field-collection-item-field-stores-bloc-type .field-name-field-panneaux-nom-type,
	.field-collection-item-field-parois-verre-bloc-type .field-name-field-panneaux-nom-type,
	.field-collection-item-field-rideaux-bloc-type .field-name-field-panneaux-nom-type,
	.field-collection-item-field-panneaux-bloc-type .field-name-field-panneaux-nom-type {
		opacity: 1;
	}
	.field-collection-item-field-stores-bloc-type .field-name-field-panneaux-description-type, 
	.field-collection-item-field-parois-verre-bloc-type .field-name-field-panneaux-description-type, 
	.field-collection-item-field-rideaux-bloc-type .field-name-field-panneaux-description-type,
	.field-collection-item-field-panneaux-bloc-type .field-name-field-panneaux-description-type {
		top: 60px;
		min-width: inherit;
		width: auto;
		opacity: 1;
		font-size: 0.8em;
	}
	.field-collection-item-field-stores-bloc-type .field-name-field-panneaux-nom-type h2, 
	.field-collection-item-field-parois-verre-bloc-type .field-name-field-panneaux-nom-type h2, 
	.field-collection-item-field-rideaux-bloc-type .field-name-field-panneaux-nom-type h2,
	.field-collection-item-field-panneaux-bloc-type .field-name-field-panneaux-nom-type h2 {
		margin-top: 20px;
	}

	/* Stores / Parois verre */
	.field-name-field-stores-bloc-type > .field-items > .field-item {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.field-name-field-stores-bloc-type > .field-items > .field-item:nth-child(3),
	.field-name-field-stores-bloc-type > .field-items > .field-item.n3 {
		margin: 0 0 0 0;
	}
	/* Rideaux / parois verre */
	.field-name-field-parois-verre-bloc-type > .field-items > .field-item,
	.field-name-field-rideaux-bloc-type > .field-items > .field-item {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.field-name-field-parois-verre-bloc-type > .field-items > .field-item:nth-child(2),
	.field-name-field-parois-verre-bloc-type > .field-items > .field-item.n2,
	.field-name-field-rideaux-bloc-type > .field-items > .field-item:nth-child(2),
	.field-name-field-rideaux-bloc-type > .field-items > .field-item.n2 {
		margin: 0 0 0 0;
	}

	.field-collection-item-field-stores-bloc-type,
	.field-collection-item-field-rideaux-bloc-type,
	.field-collection-item-field-parois-verre-bloc-type {
		height: auto;
	}
	.field-name-field-stores-bloc-type > .field-items, 
	.field-name-field-parois-verre-bloc-type > .field-items, 
	.field-name-field-rideaux-bloc-type > .field-items,
	.field-name-field-stores-bloc-type > .field-items > .field-item, 
	.field-name-field-parois-verre-bloc-type > .field-items > .field-item, 
	.field-name-field-rideaux-bloc-type > .field-items > .field-item {
		height: auto;
	}
	.field-name-field-stores-bloc-type > .field-items > .field-item img, 
	.field-name-field-parois-verre-bloc-type > .field-items > .field-item img, 
	.field-name-field-rideaux-bloc-type > .field-items > .field-item img {
		max-width: none !important;
		width: 100%;
	}
	
	/* Pages produits */
	
	.field-name-field-product-dessin, .field-name-field-product-matiere {
		width: 48%;
	}
	.field-name-field-product-matiere {
		float: right;
	}
	
	/* Panneaux / Stores/rideaux */
	.view-taxo-custom .view-header,
	.view-taxo-custom .view-content,
	.view-tissus-stores-rideaux .view-header,
	.view-tissus-stores-rideaux .view-content {
		width: 100%;
		height: auto;
		margin-right: 0;
		float: none;
		margin-bottom: 20px;
		overflow: hidden;
	}
	.view-taxo-custom .view-content .views-row,
	.view-tissus-stores-rideaux .view-content .views-row {
		overflow: hidden;
		width: 138px;
	}
	.view-taxo-custom .taxonomy-term-description,
	.view-tapis-moquettes .view-header .node-description-tapis-moquette .group-inner-wrapper,
	.node-description-tapis-moquette .field-name-field-panneaux-description-type,
	.node-description-type-stores-rideaux .inner-wrapper,
	.node-description-type-stores-rideaux .field-name-field-panneaux-description-type {
		height: auto;
	}
	.view-taxo-custom .field-name-field-product-vignette-titre a,
	.view-taxo-custom .field-name-title-field a,
	.view-tissus-stores-rideaux .list-product-title a {
		width: 100%;
		padding: 360px 0 10px;
	}
	.view-taxo-custom .view-content > .views-row img {
		height: auto;
		min-width: 100%;
	}
	body.node-type-sommaire-type-stores-rideaux .field-name-field-product-texte,
	body.node-type-page-produit .field-name-field-product-texte {
		height: auto;
/*		padding-bottom: 50px;
*/	}
	.group-download {
		position: static;
	}
	
	.node-type-sommaire-type-stores-rideaux .field-name-field-types-tissus-store-rideau .field-collection-view {
		height: auto;
		margin: 0 20px 20px 0;
	}

	/* Vidéos */
	body.page-videos .view-header {
		width: 100%;
		height: auto;
		padding: 0;
		margin-right: 0;
		float: none;
		margin-bottom: 20px;
	}
	body.page-videos .view-header .node-description-tapis-moquette .group-inner-wrapper {
		height: auto;
		padding: 50px 5px 20px 20px;
	}
	body.page-videos .node-description-tapis-moquette .field-name-field-panneaux-description-type {
		height: auto;
	}
	body.page-videos .view-content {
		width: 100%;
		height: auto;
		float: none;
	}
	body.page-videos .view-content .mCSB_inside > .mCSB_container {
		margin-right: 0;
	}
	body.page-videos .view-content .views-row {
		margin-right: 0;
		width: 100%;
	}
	body.page-videos .view-content .views-row .views-field-title {
		height: auto;
	}
	.node-page-video .group-left {
		width: auto;
		height: auto;
		float: none;
	}
	.node-page-video .group-right {
		width: 100%;
		height: auto;
		max-height: none;
		line-height: normal;
		padding: 0;
		margin: 0 0 40px;
		background-color: transparent;
	}
	.node-page-video .group-left .group-inner-wrapper {
		height: auto;
		padding: 20px 5px 20px 20px;
	}
	.node-page-video .flexslider ul.slides {
		line-height: normal;
	}
	.node-page-video .field-name-field-video-image .field-name-field-product-diaporama, 
	.node-page-video .field-name-field-video-image .field-name-field-video {
		width: 100%;
		height: auto;
	}
	.node-page-video .field-name-field-video-image .field-name-field-product-diaporama .field-items, 
	.node-page-video .field-name-field-video-image .field-name-field-video .field-items {
		width: 100%;
		top: 0;
		left: 0;
	}
	.node-page-video .field-name-sommaire-videos-ds {
		position: static;
	}
	.node-page-video .field-name-sommaire-videos-ds .view-display-id-block_sommaire_videos .view-content {
		height: auto !important;
	}
	.node-page-video .field-name-sommaire-videos-ds .view-display-id-block_sommaire_videos .views-row {
		display: inline-block;
		margin-right: 20px;
		padding-left: 20px;
		border-left: 1px solid #333;
	}
	.node-page-video .field-name-sommaire-videos-ds .view-display-id-block_sommaire_videos .views-row-first {
		padding-left: 0px;
		border-left: 0px solid #333;
	}

	
	body.page-videos .content-header div.contextual-links-wrapper, 
	body.page-presse .content-header div.contextual-links-wrapper {
	  right: auto;
	  left: 10px;
	  top: 5px;
	}
	body.page-videos .content-header div.contextual-links-wrapper ul.contextual-links, 
	body.page-presse .content-header div.contextual-links-wrapper ul.contextual-links {
	  right: auto;
	}


	


	/* Diaporama fullscreen */
	body.node-type-page-diaporama .group-left {
		float: none;
		width: auto;
		margin: 0 0 20px;
		background-color: #d1d7d7;
		padding: 20px 10px 20px 10px;
		height: auto;
		max-height: none;
		position: static;
		border-radius: 0;
	}
	body.node-type-page-diaporama .group-left .field-name-title-field {
		margin: 0px auto 10px;
	}
	.fullscreen-diapo {
		position: static;
		margin-top: 190px;
		margin-bottom: -170px;
		padding: 0 20px 0;
		width: 100% !important;
		box-sizing: border-box;
	}
	body.node-type-page-diaporama #footer {
		position: static;
	}
	body.node-type-page-diaporama #header {
		position: absolute;
		top: 0;
		background-color: #fff;
		width: 100%;
	}
	body.node-type-page-diaporama .field-name-field-panneaux-texte-intro {
		height: auto !important;
	}
	body.node-type-page-diaporama .fullscreen-diapo .flexslider .slides > li {
		float: none !important;
		opacity: 1 !important;
		margin-bottom: 20px;
	}
	body.node-type-page-diaporama .fullscreen-diapo .flexslider .flex-direction-nav {
		display: none !important;
	}
	body.node-type-page-diaporama .flex-caption {
		bottom: 0;
		left: 0 !important;
		width: 100%;
		padding: 2px 8px;
		height: auto;
		border-radius: 0;
	}
	
		body.node-type-page-accueil #logo {
		position: static;
		margin: 140px auto 0 !important;
		padding: 0;
		background: rgba(255,255,255,0.6);
		border-radius: 50%;
		width: 300px;
		height: 300px;
	}

	body.node-type-page-accueil .field-name-body {
		position: static;
		margin: 0;
		margin-top: 40px;
		padding: 0;
		border-radius: 0;
		background-color: transparent;
		height: auto;
		width: 100%;
		font-size: 1.6rem;
	}
	body.node-type-page-accueil .field-name-body .field-items {
		position: static;
		transform: none;
		margin: 0;
		padding: 0;
		background-color: transparent;
		height: auto;
		width: 100%;
	}
	
	body.front #mainBackgroundDiv, body.node-type-page-accueil #mainBackgroundDiv {
	  display: block;
	}
	
	
	
	/* presse */
	body.page-presse .view-header {
		width: 100%;
		height: auto;
		padding: 0;
		margin-right: 0;
		float: none;
		margin-bottom: 20px;
	}
	body.page-presse .view-header .node-description-tapis-moquette .group-inner-wrapper {
		height: auto;
		padding: 50px 5px 20px 20px;
	}
	body.page-presse .node-description-tapis-moquette .field-name-field-panneaux-description-type {
		height: auto;
	}
	body.page-presse .view-content {
		width: 100%;
		height: auto;
		float: none;
	}
	body.page-presse .view-content .mCSB_inside > .mCSB_container {
		margin-right: 0;
	}
	body.page-presse .view-content .views-row {
		margin-right: 0;
		width: 100%;
	}
	body.page-presse .view-content .views-row .views-field-title {
		height: auto;
	}
	.node-page-presse .group-left {
		width: auto;
		height: auto;
		float: none;
	}
	.node-page-presse .group-right {
		width: 100%;
		height: auto;
		max-height: none;
		line-height: normal;
		padding: 0;
		margin: 0 0 40px;
		background-color: transparent;
	}
	.node-page-presse .group-left .group-inner-wrapper {
		height: auto;
		padding: 20px 5px 20px 20px;
	}
	
	/* Sommaire R&D / projet */
	.field-name-field-r-et-d-diaporama-sommaire, .field-name-field-r-et-d-diaporama-sommaire2 {
		margin-right: 0px;
		margin-bottom: 20px;
		float: none;
		width: 100%;
	}
	body.node-type-sommaire-projets .flexslider {
		width: 100%;
		height: auto;
	}
	body.node-type-sommaire-projets .group-left,
	body.node-type-page-projet .group-left {
		background-image: url(../../images/moins.png);
		background-repeat: no-repeat;
		background-position: left top;
		height: auto;
		width: auto;
		float: none;
		margin-right: 0;
		//max-height: 800px;
		max-width: 640px;
		overflow: hidden;
		-webkit-transition: max-height 0.0s ease 0.5s;
		-moz-transition: max-height 0.5s ease 0.5s;
		-ms-transition: max-height 0.5s ease 0.5s;
		-o-transition: max-height 0.5s ease 0.5s;
		transition: max-height 0.5s ease 0.3s;
	}
	.liste-projets {
		height: auto;
	}
	body.node-type-sommaire-projets .group-left.closed,
	body.node-type-page-projet .group-left.closed {
/*		width: 13px;
*/		max-width: 13px;
		min-height: 3px;
		max-height: 3px;
		background-image: url(../../images/plus.png);
		cursor: pointer;
		-webkit-transition: max-width 0.2s ease 0.3s, max-height 0.3s ease;
		-moz-transition: max-width 0.2s ease 0.3s, max-height 0.3s ease;
		-ms-transition: max-width 0.2s ease 0.3s, max-height 0.3s ease;
		-o-transition: max-width 0.2s ease 0.3s, max-height 0.3s ease;
		transition: max-width 0.2s ease 0.3s, max-height 0.3s ease;
	}
	body.node-type-sommaire-projets h1.page-title,
	body.node-type-page-projet .view-sommaire-projets-r-d h3,
	body.node-type-page-projet .views-block-sommaire-projets h3,
	body.node-type-page-projet h3.r-d-type-title {
		margin-top: 20px;
	}
	.view-sommaire-projets-r-d {
		padding-bottom: 40px;
	}
	.group-left .field-name-titre-r-et-d,
	.group-left .field-projets-titre-r-et-d,
	.group-left .view-sommaire-projets-r-d {
		opacity: 1;
		-webkit-transition: opacity 0.5s ease 0.5s;
		-moz-transition: opacity 0.5s ease 0.5s;
		-ms-transition: opacity 0.5s ease 0.5s;
		-o-transition: opacity 0.5s ease 0.5s;
		transition: opacity 0.5s ease 0.3s;
	}
	.group-left.closed .field-name-titre-r-et-d,
	.group-left.closed .field-projets-titre-r-et-d,
	.group-left.closed .view-sommaire-projets-r-d {
		opacity: 0;
		-webkit-transition: opacity 0.5s ease;
		-moz-transition: opacity 0.5s ease;
		-ms-transition: opacity 0.5s ease;
		-o-transition: opacity 0.5s ease;
		transition: opacity 0.5s ease;
	}
	body.node-type-sommaire-projets .group-right,
	body.node-type-page-projet .group-right {
		width: 100%;
		margin-top: 20px;
	}
	.groupe-texte-rd {
		float: none;
		padding-left: 0px;
		padding-right: 0px;
	}
	.groupe-texte-rd .fieldset-wrapper {
		width: auto;
		height: auto;
	}
	body.node-type-page-projet .field-name-field-r-et-d-texte {
		height: auto;
		margin-bottom: 20px;
	}
	body.node-type-page-projet .group-flexslider-small {
		width: auto;
		margin-right: 0;
		padding-left: 0px;
		padding-right: 0;
		margin-bottom: 40px;
	}
	body.node-type-sommaire-projets .group-right,
	body.node-type-page-projet .group-flexslider-small .fieldset-wrapper {
		margin-left: 0px;
	}
	body.node-type-page-projet .group-flexslider-small .flexslider {
		width: auto;
		overflow: hidden;
		height: auto;
	}
	body.node-type-page-projet .group-flexslider-small .flexslider .slides > li {
		overflow: hidden;
	}
	body.node-type-page-projet .group-flexslider-small .flexslider .slides img {
		width: 100%;
		height: auto;
		max-width: none;
		margin-left: 0;
	}
	.node-page-projet .group-flexslider-small,
	.node-page-projet .group-flexslider-small .field-name-field-r-et-d-images > .field-items,
	.node-page-projet .group-flexslider-small .field-name-field-r-et-d-images > .field-items > .field-item,
	.node-page-projet .group-flexslider-small .field-name-field-r-et-d-images .flexslider,
	.node-page-projet .group-flexslider-small .field-name-field-r-et-d-images ul.slides,
	.node-page-projet .group-flexslider-small .field-name-field-r-et-d-images li.flex-active-slide {
		width: 100%;
	}
	.node-page-projet .group-flexslider-small .field-name-field-r-et-d-images ul.slides img {
		width: 100%;
		height: auto;
		max-width: none;
		margin-left: 0;
	}


	/* Page Presse */
	body.node-type-page-presse .group-left {
		background-image: url(../../images/moins.png);
		background-repeat: no-repeat;
		background-position: left top;
		height: auto;
		width: auto;
		float: none;
		margin-right: 0;
		max-height: 800px;
		max-width: 640px;
		overflow: hidden;
		-webkit-transition: max-height 0.0s ease 0.5s;
		-moz-transition: max-height 0.5s ease 0.5s;
		-ms-transition: max-height 0.5s ease 0.5s;
		-o-transition: max-height 0.5s ease 0.5s;
		transition: max-height 0.5s ease 0.3s;
	}
	body.node-type-page-presse .group-left.closed {
/*		width: 13px;
*/		max-width: 13px;
		min-height: 3px;
		max-height: 3px;
		background-image: url(../../images/plus.png);
		cursor: pointer;
		-webkit-transition: max-width 0.2s ease 0.3s, max-height 0.3s ease;
		-moz-transition: max-width 0.2s ease 0.3s, max-height 0.3s ease;
		-ms-transition: max-width 0.2s ease 0.3s, max-height 0.3s ease;
		-o-transition: max-width 0.2s ease 0.3s, max-height 0.3s ease;
		transition: max-width 0.2s ease 0.3s, max-height 0.3s ease;
	}
	body.node-type-page-presse .view-sommaire-presse h3,
	body.node-type-page-presse h3.presse-type-title {
		margin-top: 20px;
	}
	.view-sommaire-presse {
		padding-bottom: 40px;
	}
	.group-left .field-name-titre-presse,
	.group-left .view-sommaire-presse {
		opacity: 1;
		-webkit-transition: opacity 0.5s ease 0.5s;
		-moz-transition: opacity 0.5s ease 0.5s;
		-ms-transition: opacity 0.5s ease 0.5s;
		-o-transition: opacity 0.5s ease 0.5s;
		transition: opacity 0.5s ease 0.3s;
	}
	.group-left.closed .field-name-titre-presse,
	.group-left.closed .view-sommaire-presse {
		opacity: 0;
		-webkit-transition: opacity 0.5s ease;
		-moz-transition: opacity 0.5s ease;
		-ms-transition: opacity 0.5s ease;
		-o-transition: opacity 0.5s ease;
		transition: opacity 0.5s ease;
	}
	body.node-type-page-presse .group-right {
		width: 100%;
		margin-top: 20px;
	}
	.groupe-texte-presse {
		float: none;
		padding-left: 0px;
		padding-right: 0px;
	}
	.groupe-texte-presse .fieldset-wrapper {
		width: auto;
		height: auto;
	}
	body.node-type-page-presse .field-name-field-r-et-d-texte {
		height: auto;
		margin-bottom: 20px;
	}
	body.node-type-page-presse .group-flexslider-small {
		width: auto;
		margin-right: 0;
		padding-left: 0px;
		padding-right: 0;
	}
	body.node-type-page-presse .group-flexslider-small .fieldset-wrapper {
		margin-left: 0px;
	}
	body.node-type-page-presse .group-flexslider-small .flexslider {
		width: auto;
		overflow: hidden;
		height: auto;
	}
	body.node-type-page-presse .group-flexslider-small .flexslider .slides > li {
		overflow: hidden;
	}
	body.node-type-page-presse .group-flexslider-small .flexslider .slides img {
		width: 100%;
		height: auto;
		max-width: none;
		margin-left: 0;
	}
	.node-page-presse .group-flexslider-small,
	.node-page-presse .group-flexslider-small .field-name-field-r-et-d-images > .field-items,
	.node-page-presse .group-flexslider-small .field-name-field-r-et-d-images > .field-items > .field-item,
	.node-page-presse .group-flexslider-small .field-name-field-r-et-d-images .flexslider,
	.node-page-presse .group-flexslider-small .field-name-field-r-et-d-images ul.slides,
	.node-page-presse .group-flexslider-small .field-name-field-r-et-d-images li.flex-active-slide {
		width: 100%;
	}
	.node-page-presse .group-flexslider-small .field-name-field-r-et-d-images ul.slides img {
		width: 100%;
		height: auto;
		max-width: none;
		margin-left: 0;
	}


	/* Blog */
	body.page-actualites #header-inner-wrapper .region-header,
	body.section-actualites #header-inner-wrapper .region-header,
	body.page-news #header-inner-wrapper .region-header,
	body.section-news #header-inner-wrapper .region-header,
	body.page-blog #header-inner-wrapper .region-header,
	body.section-blog #header-inner-wrapper .region-header {
		margin-left: 0px;
	}
	body.page-actualites #breadcrumb,
	body.section-actualites #breadcrumb,
	body.page-news #breadcrumb,
	body.section-news #breadcrumb,
	body.page-blog #breadcrumb,
	body.section-blog #breadcrumb {
		margin-left: 0px;
	}
	body.section-actualites #logo, body.section-news #logo, body.section-blog #logo, body.page-blog #logo {
		display: block;
	}
	body.section-actualites .logo-blog, body.section-news .logo-blog, body.section-blog .logo-blog, body.page-blog .logo-blog {
		display: none;
	}
	body.section-blog #main,
	body.section-actualites #main,
	body.section-news #main {
		margin-left: 0px;
	}
	body.section-blog #main .content-inner,
	body.section-actualites #main .content-inner,
	body.section-news #main .content-inner {
		width: 100%;
	}
	body.section-blog .region-sidebar-second,
	body.section-actualites .region-sidebar-second,
	body.section-news .region-sidebar-second {
		width: auto;
	}
	body.section-blog .view-taxo-custom .view-header,
	body.section-actualites .view-taxo-custom .view-header,
	body.section-news .view-taxo-custom .view-header {
		background-color: #d1d7d7;
		padding-right: 50px;
	}
	body.section-blog .view-taxo-custom .view-header h1.page-title,
	body.section-actualites .view-taxo-custom .view-header h1.page-title,
	body.section-news .view-taxo-custom .view-header h1.page-title {
		text-align: right;
		margin: 30px 0 0;
		font-size: 1.4rem;
		letter-spacing: 1px;
	}
	.node-article {
		padding: 50px 7%;
	}
	.blog-block {
		margin-left: 0;
	}

	/* Pages annexes */
	body.node-type-basic-page-alter .group-left, 
	body.node-type-showroom .group-left, 
	body.node-type-sommaire-type-stores-rideaux .group-left, 
	body.node-type-page-produit-tapis-moquette .group-left, 
	body.node-type-page-produit-parois-verre .group-left, 
	body.node-type-page-produit-store .group-left, 
	body.node-type-page-produit .group-left,
	body.node-type-page .group-left,
	body.node-type-page-texte .group-left {
		width: 100%;
		margin-right: 0;
		height: auto;
		float: none;
	}
	body.node-type-sommaire-type-stores-rideaux .group-left.dispatched, 
	body.node-type-page-produit .group-left.dispatched,
	body.node-type-basic-page-alter .group-left.dispatched, 
	body.node-type-showroom .group-left.dispatched {
		margin-bottom: 20px;
	} 
	body.node-type-page .group-middle, 
	body.node-type-page-texte .group-middle, 
	body.node-type-basic-page-alter .group-middle, 
	body.node-type-showroom .group-middle, 
	body.node-type-sommaire-type-stores-rideaux .group-middle, 
	body.node-type-page-produit-tapis-moquette .group-middle, 
	body.node-type-page-produit-parois-verre .group-middle, 
	body.node-type-page-produit-store .group-middle, 
	body.node-type-page-produit .group-middle {
		width: auto;
		height: auto;
		padding: 0px 20px;
		margin-right: 0;
		margin-bottom: 20px;
		float: none;
	}
	body.node-type-page .group-middle, 
	body.node-type-page-texte .group-middle {
		padding: 0px 0px;
	}
	body.node-type-page .group-right, 
	body.node-type-page-texte .group-right, 
	body.node-type-basic-page-alter .group-right, 
	body.node-type-showroom .group-right, 
	body.node-type-sommaire-type-stores-rideaux .group-right, 
	body.node-type-page-produit-tapis-moquette .group-right, 
	body.node-type-page-produit-parois-verre .group-right, 
	body.node-type-page-produit-store .group-right, 
	body.node-type-page-produit .group-right {
		width: 100%;
		height: auto;
		margin-top: 0px;
		margin-bottom: 40px;
		padding: 0px;
	}	
	body.node-type-page .field-name-field-texte-optionnel,
	body.node-type-page-texte .field-name-field-product-texte,
	body.node-type-page-texte .field-name-field-texte-optionnel,
	body.node-type-basic-page-alter .field-name-field-texte-optionnel {
		height: auto;
		padding: 20px 20px 20px 20px;
		margin: 0;
	}
	body.node-type-basic-page-alter .field-name-field-product-texte,
	body.node-type-showroom .field-name-field-product-texte {
		height: auto;
	    padding-bottom: 20px;
		margin: 0;
	}
	body.node-type-page-texte .group-left .group-inner-wrapper {
		height: auto;
		padding: 20px 20px 20px 20px;
		margin: 0 0 20px 0;
	}	
	body.node-type-page-texte .group-right .group-inner-wrapper {
		height: auto;
		padding: 20px 20px 20px 20px;
		margin: 0 0 0 0;
	}
	body.node-type-page-texte .group-middle .group-inner-wrapper {
		height: auto;
	}
	body.node-type-page-texte .field-name-field-texte-optionnel {
		padding: 0 0 10px 0;
	}
	.group-left .field-name-field-product-image-principale > .field-items,
	.group-left .field-name-field-product-image-principale > .field-items > .field-item,
	.group-left .field-name-field-product-image-principale .flexslider,
	.group-left .field-name-field-product-image-principale ul.slides,
	.group-left .field-name-field-product-image-principale li.flex-active-slide {
		width: 100%;
	}
	.group-left .field-name-field-product-image-principale .slides img {
		width: 100%;
		height: auto;
		max-width: none;
	}
	.field-name-field-tech-texte-small,
	.field-name-field-tech-texte-small iframe {
		width: 100%;
		height: 230px;
	}
	.node-showroom .field-name-field-video-image .field-name-field-product-diaporama, .node-showroom .field-name-field-video-image .field-name-field-video {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.node-showroom .group-flexslider-small .field-name-field-video-image .field-name-field-product-diaporama .field-items, 
	.node-showroom .group-flexslider-small .field-name-field-video-image .field-name-field-video .field-items {
		width: 101%;
		position: relative;
		top: -2px;
		left: -4px;
	}
	.node-showroom .group-flexslider-small .flexslider ul.slides {
		background-color: transparent;
		line-height: normal;
		font-size: 0;
	}
	
	/* Webform */
	body.node-type-page-technique .group-left,
	body.node-type-webform .group-left {
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-bottom: 20px;
	}
	body.node-type-page-technique .group-left .group-inner-wrapper,
	body.node-type-webform .group-left .group-inner-wrapper {
		height: auto;
		padding: 20px;
	}
	body.node-type-page-technique .group-right,
	body.node-type-webform .group-right {
		width: 100%;
		height: auto;
	}
	body.node-type-page-technique .group-right .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden,
	body.node-type-webform .group-right .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
		margin-right: 0;
	}
	.col-1-tech,
	.col-2-tech,
	.col-1-1-tech,
	.col-1-2-tech {
		width: 100%;
		float: none;
		margin-right: 0px;
	}
	fieldset.captcha, form.webform-client-form fieldset.captcha {
		position: static;
		border-left: none;
		border-right: none;
		width: auto;
	}
	fieldset.captcha .bt-close, form.webform-client-form fieldset.captcha .bt-close {
		display: none;
	}
	form div.form-item.webform-component-multiple-file div.description {
		bottom: 80px;
		right: inherit;
	}
	form .webform-component--colonne-1--FIRST-NAME,
	form .webform-component--colonne-1--LAST-NAME {
		width: auto;
		float: none;
		clear: both;
	}
	fieldset.captcha input, form.webform-client-form fieldset.captcha input {
		width: 250px;
		min-width: auto;
	}
	
	/* Plan du site */
	body.node-type-contenu-bloc-gauche #block-system-main,
	#site-map .group-left {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	.node-contenu-bloc-gauche .field-name-field-panneaux-texte-intro {
		height: auto;
	}
	#site-map .group-right {
		width: 100%;
		height: auto;
	}
	#site-map .sitemap-wrapper {
		width: auto;
		height: auto;
	}
	.site-map-box-terms,
	.site-map-box-menu-menu-menu-annexe,
	.site-map-box-menu-main-menu .content > ul.site-map-menu > li {
		position: static !important;
	}
	.site-map-box-menu-menu-menu-annexe,
	.site-map-box-terms {
		margin-bottom: 40px;
	}
	.site-map-box-menu-menu-menu-annexe .content > ul.site-map-menu > li:nth-child(5n+1) {
		clear: none;
	}
	
	#sliding-popup,
	#sliding-popup.sliding-popup-bottom {
		top: 0;
		bottom: inherit !important;
		position: absolute !important;
	}
	#sliding-popup .popup-content #popup-text .regular-text-content {
		display: none;
	}
	#sliding-popup .popup-content #popup-text .alt-text-content {
		display: block;
	}
	#sliding-popup .popup-content #popup-text,
	#sliding-popup .popup-content #popup-button {
		float: none;
		text-align: center;
	}
	#sliding-popup .popup-content #popup-buttons {
		float: none;
		margin: 0;
		max-width: none;
	}
	#sliding-popup .popup-content #popup-buttons .agree-button,
	#sliding-popup .popup-content #popup-buttons .find-more-button {
		/*display: inline-block;
		margin: 10px 0;*/
		display: block;
		margin: 10px auto;
	}
}


@media only screen and (max-width : 320px) {
	
	
	.field-collection-item-field-stores-bloc-type .field-name-field-panneaux-description-type, 
	.field-collection-item-field-parois-verre-bloc-type .field-name-field-panneaux-description-type, 
	.field-collection-item-field-rideaux-bloc-type .field-name-field-panneaux-description-type {
		display: none;
	}
	.field-collection-item-field-stores-bloc-type .field-name-field-panneaux-nom-type h2, 
	.field-collection-item-field-parois-verre-bloc-type .field-name-field-panneaux-nom-type h2, 
	.field-collection-item-field-rideaux-bloc-type .field-name-field-panneaux-nom-type h2 {
		margin-top: 50px;
	}
	
}