/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

ul {
	list-style-type:none;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   

/*! Reset */
/*-------------------------------------------------------*/

	h1, .h1,
	h2, .h2,
	h3, .h3,
	h4, .h4,
	h5, .h5,
	h6, .h6,
	p,
	blockquote,
	ul,
	ul li,
	hr,
	table,
	tbody, 
	tfoot, 
	thead, 
	tr, 
	th, 
	td,
	fieldset,
	b {
		border: 0;
		margin: 0; 
		padding: 0;
		font-style: normal;
		font-weight: normal;
	}
	
	
	img { max-width: 100%; }
	
	.grid img { max-width: 100%;width:150% }
	
	.ma-null { margin: 0; }
	.pa-null { padding: 0; }

		
	
	
	
/* thanks to KNACSS http://knacss.com/ */
	
	body > script { display: none !important; }
	
	p:first-child,
	ul:first-child,
	ol:first-child,
	dl:first-child,
	blockquote:first-child,
	pre:first-child,
	h1:first-child,
	h2:first-child,
	h3:first-child,
	h4:first-child,
	h5:first-child,
	h6:first-child { margin-top: 0; }
	
	li p,
	li ul,
	li ol {
	  margin-top: 0;
	  margin-bottom: 0;
	}

	img,
	table,
	td,
	blockquote,
	code,
	pre,
	textarea,
	input,
	video { max-width: 100%; }

	/* module, gains superpower "BFC" Block Formating Context */
	.mod { overflow: hidden; }
	
	/* blocks that needs to be placed under floats */
	.clear { clear: both; }
	
	.inbl {
	  display: inline-block;
	  vertical-align: top;
	}
	
	.txtleft { text-align: left; }
	.txtright { text-align: right; }
	.txtcenter { text-align: center; }
	
	a {text-decoration:none}
		


/*! Typo */
/*-------------------------------------------------------*/


@font-face {
    font-family: 'yorgoco_typeregular';
    src: url('fonts/yorgocotypeweb-regular.eot');
    src: url('fonts/yorgocotypeweb-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/yorgocotypeweb-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'yorgoco_typelight';
    src: url('fonts/yorgocotypeweb-light.eot');
    src: url('fonts/yorgocotypeweb-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/yorgocotypeweb-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'yorgoco_typebold';
    src: url('fonts/yorgocotypeweb-bold.eot');
    src: url('fonts/yorgocotypeweb-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/yorgocotypeweb-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

	html { 
		font-size: 62.5%; 
		font-size: -webkit-calc(0.625em);
		font-size: calc(0.625em);
	}
	
	body {
		font-family: 'yorgoco_typelight';
		line-height: 1.26;
	}
	
	h1,.h1 { font-size: 1.6em; }
	h2,.h2 { font-size: 1.4em; }
	h3,.h3 { font-size: 2.4em; }
	h4,.h4 { font-size: 2em;	}
	h5,.h5 { font-size: 1.8em; }
	h6,.h6 { font-size: 1.6em; }
	
	.show {
		display:block !important;
	}
	
	.black {
		color:#000 !important;
	}
	

/*! Layout */
/*-------------------------------------------------------*/

*,
*:before,
*:after {
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}



.wrapper {
	
	margin:4px;
	padding:30px;
	width:calc(100% - 8px);
	
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%; 
  height: 100% !important;
}
		
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.o-embed {
		display: block;
		overflow: hidden;
		position: relative;
		width: 100%;
		height:100%;
	}
	.o-embed:before {
		content: '';
	    display: block;
	    width: 100%;
	    
	}
	.o-embed--third:before 		{ padding-top : 33.33333%; }
	.o-embed--half:before 		{ padding-top : 50%; }
	.o-embed--16ninth:before	{ padding-top : 56.25%; } /* 9:16 = 0.5625 > 56.25% */
	.o-embed--4thirds:before 	{ padding-top : 75%; }
	.o-embed--equal:before		{ padding-top : 100%; }		
	
		.o-embed iframe,
		.o-embed video {
		    position: absolute;
		    top:0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		}


.cadre {
	border:2px solid #009de0;
	border-bottom:2px solid #009de0;
	position:fixed;
	top:20px;
	left:20px;
	width:100%;
	z-index:4500;
}

	header {
		position:fixed;
		width: 40px;
		z-index: 555000;
	}

	#page header { 
		width:180px; 

	}
	
	

	#main {
		position:relative;
		z-index:4700;
		width: 100%;
		/*max-width: 1300px;*/
		padding-left: 30px; 
		margin-top:-8px;
		padding-right: 8px;
		
    }
    
    
    #videoFrame .vp-player-layout .js-playerLayout {
	    top:0 !important;
	    bottom:0 !important;
    }
    
    
    .grilleTexte {
	    font-family: 'yorgoco_typelight';
	    padding:8px;
	    font-size: 1.4rem; 
	    line-height: 1.4em;
	    height:100%;
	    padding-bottom:8px;
    }

		

@media only screen and (min-width: 48.001em) { 
	
	header { width:180px; }
 
	#main { 
		padding-left: 200px; 
		margin-top:0;
	}
	
}  

@media only screen and (max-width: 48.001em) { 

	
}  
     
     	.contenu { width: 100%; }
     	
     	
	 	/* -- Grille -- */
    
			.grid {
				position: relative;
				width: 100%;
				/*overflow: scroll;*/
			}
	     
		     	.grid-row { 
			     	width: 100%;
			     	height: auto;
			     	/*padding-bottom: 33.3333%;*/
			     	*zoom: 1; 
			    }
			    
			    .grid-row.trois { 
			     	padding-bottom: 22.3333%;
			    }
			    
				.grid-row:before,
				.grid-row:after {
				    content: " ";
				    display: table;
				}
				.grid-row:after { clear: both; }
				
					.grid-item {
						position: relative;
						float: left;
						width: auto;
						height: 0;
						padding-bottom: 33.3333%;
					}
					
					.grid-itemtrois {
						padding-bottom: 22.3333%;
					}
					
					
					
					.grid-item--L100	{ width: 100%; }
					.grid-item--L75		{ width: 75%; }
					.grid-item--L50		{ width: 50%; }
					.grid-item--L33		{ width: 33.3333%; }
					.grid-item--L25 	{ width: 25%; }
					
					.grid-item--V100	{ height: 100%; }
					.grid-item--V75		{ height: 75%; }
					.grid-item--V50		{ height: 50%; }
					.grid-item--V33		{ height: 33.3333%; }
					.grid-item--V25 	{ height: 25%; }
					
				/*.grid-row--x2,*/
				.grid-row--x2 .grid-item 		{ padding-bottom: 66.6666%; }
				.grid-row--x2 .grid-item--small { padding-bottom: 33.3333%; }
				
				.grid-row--x2 .grid-item.P133 {
					padding-bottom: 133.3333%;
				}
				
				/*.grid-row--x2 .grid-item.grille-texte 		{     
					float: none;
				    display: table-cell;
				    padding-bottom: unset; 
				}
				
				.grid-row--x2 .grid-item.grille-texte figure 		{     
					    position: relative;
					    top: auto;
					    left: auto;
					    overflow: visible;
					    bottom: auto;
					    right: auto;
					    height:100%;
				}
				
				.grid-row--x2 .grid-item--small.grille-texte { 
					padding-bottom: 33.3333% !important;height:auto; 
				}
		
				
				.grid-row--x2 .grid-item.P133.grille-texte {
					padding-bottom: 100%;
				}*/
				
				.isTable {
					display:table;
				}
				
				.grille-texte {
					display: table-cell;
				    padding-bottom: 8px !important;
				    float: none;
				    vertical-align: top;
				}
				
				.grille-texte {
					display: table-cell;
				    padding-bottom: 8px !important;
				    float: none;
				    vertical-align: top;
				}
				
				.grille-texte > figure {
					height:100%;
					position: relative;
				}
				
				.grille-texte > figure:first-child {
					    margin-right: 8px;

				}
				
				.grid-item.grille-texte {
					position: relative;
					
				}
				
				.grille-texte >  .grille-texte{
					position: relative;
				    float: left;
				    height: 0;
				    padding-bottom: 66.6666% !important;
				    display:block;
				}
				
				
				.grille-texte > .onborder {
					border:0px !important;
				}
				.grid-item.grille-texte >  .grid-item.grille-texte {
				}
				
				.grille-texte > .grille-texte > figure:first-child {
					    margin-right: 0px;

				}
				
				.grille-texte > .grille-texte > figure {
					   position: absolute;

				}
				
				
				
				
				.grid-item.grid-item--L100.P133 img {
					height:102%;
				}
				

				
				.grid-row--x2 .grid-item.P44 {
					padding-bottom: 44.3333%;
				}
				
				.grid-row--x2 .grid-item.P266 {
					padding-bottom: 266.666%;
				}
				
				.grid-itemtrois-shop {
					padding-bottom: 25.3333%;
				}
				
				.shop-produit-legende {
					font-size:1.4rem;
					padding:8px;
					font-family: 'yorgoco_typelight';
					position: absolute;
					bottom:-2px;
				}
				
				.shop-produit-legende .titre,.shop-produit-detail .titre,.shop-produit-detail .prix,.shop-produit-detail .addCart {
					font-family: 'yorgoco_typebold';
				}
				
				.shop-produit-detail {
					font-size:1.7rem;
					padding:8px;
					line-height:2.1rem;
				}
				
				.addCart {
					text-decoration: none;
					cursor: pointer;
				}
				
				.shop h1 {
					font-size: 1.8rem;
				    line-height: 1.8rem;
				    margin-bottom:20px;
				}
				
				.shop h2 {
					font-size: 1.6rem;
				    line-height: 1.6rem;
				     margin-bottom:20px;
				         
				}
				
				.shop .required, .shop .erreur {
					color:#38d430;
				}
				
				.shop .erreur {
					margin-top:10px;
				}
				
				.shop h2 span
				{
					box-shadow: inset 0 -1px 0 0 #38d430;
				}
				.shop {
					margin-top:70px;
					font-size: 1.7rem;
					line-height: 2.1rem;
				    max-width: 1200px;
				}
				
				.shop .valid {
					font-family: 'yorgoco_typebold';
					margin-top:20px;
					cursor: pointer;
				}
				
				.Tshop {
					width:80%;
					font-size: 1.7rem;
					line-height: 2.1rem
				}
				
				.account.left .Tshop {
					width:100%;
				}
				.Tshop .product {
					width:200px;
				}
				
				.Tshop .quantity {
					width:70px;
				}


				.Tshop .price {
					width:70px;
				}
				
				.Tshop .tools {
					width:20px;
				}

				
				.Tshop .center {
					text-align: center;
				}

				.Tshop th {
					font-family: 'yorgoco_typebold';
					text-align: left;		
					padding-bottom:5px;		
				}
				
				.Tshop td,.Tshop th {
					padding:5px;
					padding-top:8px;		
				}
				
				.Tshop .process {
					padding-top:12px;		
				}
				
				.Tshop .removeCard {
					cursor: pointer;
				}
				
				.Tshop tr {
					border-bottom:1px solid #000;		
				}
				
				.Tshop .no-border {
					border-bottom:0px solid #000 !important;
				}
				
				.zoneQuantite, .calQuantite {
					display: inline-block;
				}
				
				.zoneQuantite {
					vertical-align: super;
					width:15px;
				}
				
				.calQuantite > div {
					width:15px;
					text-align: center;
					cursor: pointer;
				}
				
				.shop label {
					display:block;
					padding-bottom:5px;
				}
				
				.shop input, .shop select, .shop textarea {
					border:1px solid #000;
					border-bottom:2px solid #000;
					outline: none;
					padding:5px;
					width:250px;
				}
				
				.shop select {
					background-color: #fff;
				}
				
				.shop .account > div{
					margin-bottom:10px;
				}
				
				.shop .account{
					margin-bottom:20px;
				}
				
				.shop .account.left{
					display: inline-block;
					width:55%;
				}
				
				.shop .account.right{
					display: inline-block;
					width:35%;
				}
				
				.shop .account.marge {
					margin-right:40px;
				}
				
				.hide {
					display:none;
				}
				
				.shop .zone-adresse ul {
					
				}
				
				.shop .zone-adresse ul li:first-child {
					width:20px;
				}
				
				.shop .zone-adresse ul li {
					display: inline-block;
					padding-right:5px;
					vertical-align: top;
				}
				
				
				
				
				
				
					

 
/*! composants */
/*-------------------------------------------------------*/

/* -- Bloc img -- */

	.bloc-img {
		/*position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px;*/
		position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px;
		overflow: hidden;
	}
@media only screen and (min-width: 30em) { 

	.bloc-img {
		position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px;
		/*position: absolute; top: 4px; right: 4px; bottom: 4px; left: 4px;*/
	}
	
	



}

@media only screen and (max-width: 48em) { 
	.embed-container {
	  padding-bottom: 56.25%;
	  background-color: #000;
	}
	
	.projectInfo {
		display:none;
	}
}


@media only screen and (min-width: 48em) { 
	
	.bloc-img {
		position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px;z-index:99999999;
		/*position: absolute; top: 6px; right: 6px; bottom: 6px; left: 6px;*/
	}
	
	.grid-no-marge .bloc-img {
		position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;
	}
	
	.grid-no-marge .onborder { border: 0px solid #009de0 !important; }
	.grid-no-marge .bloc-border { border: 0px solid #009de0 !important; }
	.grid-no-marge .bloc-img-canvas {display: none !important;}

}
	.bloc-border .bloc-img,.onborder { border: 2px solid #009de0; }
	
	.bloc2 { 
		border: 2px solid #ef0b36 !important;
	 }
	
	
		/*.bloc-border .bloc-img-item { display: none; }*/
	
		.bloc-img-canvas { 
			position: absolute; top: 0; left: 0; 
			display: none;
			z-index: 99999999;
		}
		.bloc-img-canvas { display: block; }
		
		.legende {
			margin-left:10px;
			color:#009de0;
		}
		
		.legende.client { font-family: 'yorgoco_typebold'; }
		.legende.produit { font-family: 'yorgoco_typelight'; }
	




/* -- description -- */


	.newsletter {
		position:fixed;
		bottom:40px;
		font-family: 'yorgoco_typelight';
		line-height: 12px; line-height: 1.2em;
		padding:5px;
		color:#009de0;
		left:24px;
		z-index:5000;
		background-color: #fff;
		font-size: 14px; line-height: 1.4em;
		
	}
	
	.newsletter .description .texte {
		font-size: 12px; 
		font-size: 1.2rem;
		padding-left:5px;
		
	}
	
	.newsletter label {
		padding-left:5px;		
	}
	
	.Inputnewsletter {
		margin-left:1px;
	}
	
	.newsletter p {
		margin-bottom:20px;
	}
	
	.IsendNewsletter {
		margin-bottom:5px !important;
		display:block;
	}
	
	.IsendNewsletter input {
		width:170px;
		outline: block;
		
	}
	
	.BsendNewsletter {
		text-align: right;
		padding-right:5px;
	}
	
	.messageNewsletter {
		color:#f70b0b;
		padding-right:5px;
	}
	
	
	
	.description_about {
		font-family: 'yorgoco_typelight';
		line-height: 12px; 
		line-height: 1.2em;
		font-size: 14px; 
		font-size: 1.4rem;
		position:fixed;
		top:180px;
		background-color: #fff;
		padding:5px;
		color:#009de0;
		left:34px;
		z-index:5000;
		
	}
	
	.PressMobile {
		display: none;
	}
	
	.description_about strong, .contact_mobile strong {
		font-family: 'yorgoco_typelight';
		font-weight: normal;
	}
	
	
	.ZoneAbout {
		padding-right:20px;
		width:190px;
		float:left;
		overflow: hidden;
	}
	
	
	.description_projet {
		position:fixed;
		bottom:30px;
		font-family: 'yorgoco_typelight';
		line-height: 12px; line-height: 1.2em;
		background-color: #ededee;
		padding:5px;
		color:#009de0;
		left:24px;
		height:auto;
		z-index:500000;
		max-height:250px;
		overflow: hidden;
	}
	
	.is-open {
		margin-left:0px !important;
	}
		.description_projet .description { 
			float: left; 
			overflow: hidden;
			/*text-overflow: ellipsis; */
			padding-left:6px;
			width:450px;
			margin-left:-460px;
			-webkit-transition: all 0.5s ease-out;  
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
		}
	
		.description.OpenDescription {
		width:180px;
		max-width:180px;
	}
	
	.description_projet_mobile,.newsletter_mobile,.contact_mobile{
		display:none;
	}
	
		.description .BlocDescription .texte { display:block;width: calc(100% - 14px);height:auto;word-wrap: break-word;padding-right:2px;margin-left: 12px;}
		
		.mCustomScrollBox{ /* contains plugin's markup */
	}	
	
	nav {
		padding-top:20px !important;
	}
	
		/*.description .titre {
		    position: relative;
		    text-decoration: none;
			color: #000;
			font-family: 'yorgoco_typebold';
			font-size: 3.4rem;
			line-height:3.6rem;
			width:100%;
			margin-left: 12px;
			
		}
		
		.description .client {
		    position: relative;
		    text-decoration: none;
			color: #000;
			font-size: 3.4rem;
			font-family: 'yorgoco_typebold';
			line-height:3.6rem;
		}*/
		
		.description .titre {
		    position: relative;
		    text-decoration: none;
			color: #000;
			font-family: 'yorgoco_typebold';
			font-size: 1.7rem;
			width:100%;
			margin-left: 12px;
			
		}
		
		.description .client {
		    position: relative;
		    text-decoration: none;
			color: #000;
			font-size: 1.7rem;
			font-family: 'yorgoco_typebold';
			line-height:1.5em
		}
		
		.description .also {
		    position: relative;
			margin-left: 0px;
		    text-decoration: none;
			color: #009de0;
			font-family: 'yorgoco_typebold';
			font-size: 1.7rem;
			margin-left:12px;
		}
		
		.alsobloc .client {
			font-family: 'yorgoco_typelight';
		}
			/*.description .titre:after {
			    content: '';
			    width: 100%;
			    position: absolute;
			    left: 0;
			    bottom: 1px;
			    border-bottom: 1px solid #009de0;
			}*/
			
			.description .lien-also {
			margin-left: 12px;
		    text-decoration: none;
			color: #000;
			/*font-family: 'yorgoco_typelight';
			font-size:14px;font-size:1.4rem;*/
			position: relative;
			display: inline-block;
			outline: none;
    box-shadow: inset 0 -1px 0 0 #38d430;
    
   font-size: 1.7rem !important;
   line-height: 1.5em;
		}
			
		.alsobloc {
				display: inline;
				color: #009de0;
			}	
			
			.alsobloc .titre,.alsobloc .client{
		color: #009de0;
	}		
	
	.alsobloc .titre, .alsobloc .titre a {
				margin-left:0 !important;
			}	
			
			
		.viewBlocNav {
			display: inline-block;
			
		}
		
		.description p { line-height: 12px; line-height: 1.2em; }
	
		.ShowText,.ShowBloc,.ShowBlocNav {
			float:left;
			margin-left:5px;
			margin-right:5px;
			width:5px;
			font-family: 'yorgoco_typelight';
			font-size: 14px; font-size: 1.4em;
			color:#000;
			height:100%;
		}
		
		.ShowText {
			width:auto;
			font-size: 1.7rem;
			color:#38d430;
		}
		
		.description.is-open .ShowText {
			color:#000;
		}
		
		.ShowText,.ShowBloc,.ShowBlocNav {
			margin-right:9px;
		}
		
		.ShowBloc,.ShowBlocNav {
			margin-left:2px !important;
		}
		.ShowBlocNav {
			display:none;
			float: right;
			padding:0px;
		}
		/*.description .texte { 
			margin-top:10px; 
			font-size: 3.4rem; 
			line-height: 3.8rem;
		}
		
		.alsobloc .client {
			line-height: 2rem !important;
		}*/
		
		.description .texte { 
			margin-top:4px; 
			font-size: 1.7rem; 
			line-height: 2.1rem;
		}

		
		.navMobile {
			
			display:none;
			
			    position: fixed;
    width: calc(100% - 100px);
    left: 66px;
    top: 15px;
    background-color: #fff;
    z-index: 999999999999999999999;
		}



/*! Navigations */
/*-------------------------------------------------------*/

			
	#navigation,
	.logo {
		display:none;
		background-color:#ededee;
		z-index:9999999999999999;
	}
	
	#navigation {
		z-index:999999;
		background-color: #fff;
	}
	
	#navigation li a, #navigation li a:hover {
		outline: none;
	}
		
	
	.logo {
		font-family: 'yorgoco_typebold';
		font-size: 1.9rem;
		line-height: 0.9em;
		padding-top:2px;
	}
	
	
@media only screen and (min-width: 868px) { 
	
	#navigation,
	.logo {
		display:block;
		background-color:#ededee;
	}
	
		#navigation .home { display:none; }
		
		
}

.form.is-mobile {
		position: fixed;
		bottom:19px;
		height:45px;
		width:36px;
		
	}
.form.is-mobile img {
	height:30px;
}

@media only screen and (max-width: 48.000em) { 

	.form {
		margin-right:0;
	}
	
	.form.is-mobile {
		position: relative;
		z-index:1;
		float:left;
		margin-right:10px;
		padding-top:4px;
		height:45px;
		width:36px;
		
	}
	
	.form.is-mobile img {
		height:36px;
	}
	
	.viewBlocNav {
    font-family: 'yorgoco_typebold';
    padding-bottom: 4px;
}

.ForAboutBloc {
	position:relative;
	height:auto;
	overflow: hidden;
}

.forAbout {
	position:absolute;
	right:0;
	bottom:0;
}
	
	.ShowTextMobile a {
		outline: none;
		padding-right:3px;
	}
	
	.PressMobile {
		display: block;
	}
	
	.ShowTextMobile span {

		outline: none;
		float:right;
		-ms-transform: rotate(90deg);
	    -webkit-transform: rotate(90deg);
	    transform: rotate(90deg);
	}
	
	.moreOff {
		
		padding-top:0px;
		-ms-transform: rotate(270deg) !important;
	    -webkit-transform: rotate(270deg) !important;
	    transform: rotate(270deg) !important;
	}
	
	/*tito*/
	
	.ZonePress {
						width:100% !important;
						background-color: transparent;
					}
					
	#navigation .home { display:none; }
	#navigation {
		padding-bottom:3px;
	}
	
	#page header { width:35px; }
	#page #navigation { display:none; width:20px;}
	#page #navigation { padding-bottom:20px; }
	
	nav {
		padding-top:0 !important;
	}
	nav li a {
			font-size: 2rem !important;
			outline: none;
		}

	#main {
		padding-left: 37px;
	}
	
	#shop #main {
		padding-left: 0px;
	}
	
	#shop #main .navMobile {
		padding-left: 37px;
	}
	
	
	
	.ShowBlocNav {
		display:block;
	}
	
	.description_projet {
		display:none;
	}
	
	.description_projet_mobile,.newsletter_mobile,.contact_mobile{
		display:block;
		position:relative;
		font-family: 'yorgoco_typelight';
		line-height: 12px; line-height: 1.2em;
		background-color: transparent;
		padding:5px;
		color:#009de0;
		margin-top:0px;
		width:100%;
		padding-right:0;
		
	}
	
	.navMobile {
		margin-left:4px;
		margin-top:14px;
		display:none;
	}
	
	header {
	    top: 31px;
	    left: 30px;
	}
	
	
	
	.description_projet_mobile .ShowTextMobile,.newsletter_mobile .ShowTextMobile,.contact_mobile .ShowTextMobile{
		float:right;
		width:60px;
		text-align: right;
	}
	
	.description_projet_mobile .titre,.newsletter_mobile .titre,.contact_mobile .titre {
		float:left;
		width:auto;
	}
	
	.alsobloc .titre{
		float:none;
	}
	
	.description_projet {
		position:fixed;
		bottom:30px;
		font-family: 'yorgoco_typelight';
		line-height: 12px; line-height: 1.2em;
		background-color: #ededee;
		padding:5px;
		color:#009de0;
		left:24px;
		
		z-index:500000;
		
	}
	
	
		.description_projet_mobile .description,.newsletter_mobile .description,.contact_mobile .description { 
			width:100%;
			text-overflow: ellipsis; 
			padding-left:0;
			float: none;
    max-width: 100%;
    overflow: visible;
		}
		
		.description_projet_mobile .titre { 
			width: calc(100% - 70px);
		}

	
	.description .titre {
			font-size: 1.6rem !important;
		}
		
	.description_about {
			font-size: 1.6rem !important;
		}
		
		.description .texte {
			font-size: 1.6rem !important;
		}
		
		.description .client {
			font-size: 17px !important;
		}
		
		.description .also {
			font-size: 1.6rem !important;
		}

	#navigation .mCustomScrollbar {
		width:220px !important;
	}

	.ZoneAbout {
		width:210px;
	}
	
	.ZonePress {
		width:210px;
	}
	
	.BsendNewsletter {
		text-align: center;
		width:40px;
	}
	
	.texte .scrollTexte {
		width:190px;
	}
	
.description_projet .description .BlocDescription .texte { display:block;width: 210px;word-wrap: break-word; padding-top:5px;}
.description_projet_mobile .description .BlocDescription .texte,.newsletter_mobile .description .BlocDescription .texte,.contact_mobile .description .BlocDescription .texte { display:block;width: 100%;word-wrap: break-word; padding-top:5px;clear:both;}

.blocTexteMobile {
	display:none;
	width: 100%;
	clear:both;
	padding-top:10px;
}

.blocTexteMobile .messageNewsletter {
	width:100%;
	text-align: left;
}

.blocTexteMobile .BsendNewsletter {
	width:80px;
}

.blocTexteMobile #email_newsletter {
	width:170px;
}


.description .also {
	font-family: 'yorgoco_typebold';
}

.description .BlocDescription .texte {
	padding-right: 11px;
}



.form.is-mobile {
	bottom:auto;
}

.alsobloc .client {
    color: #38d430 !important;
}

, .description .alsobloc .client, .description .alsobloc .titre {
	font-family: 'yorgoco_typelight';
	
}

.zone-texte.client  ul li {
	font-family: 'yorgoco_typeregular';
}

.newsletter, .description_about {
	    display:none;
    }

.newsletter_mobile {
	display:block;
	width:100%;
}

.newsletter_mobile .description {
	width:100%;
	max-width:100%;
}

.newsletter_mobile .texte p,.blocTexteMobile div {
	padding-bottom:5px;
}

.newsletter_mobile label {
	padding-left:5px;
}





.mCustomScrollBox{ /* contains plugin's markup */
		height: 150px;
	}	
	
}

.viewBlocNav {
			display: block;

			clear:both;
			
		}

.subnavpage ul {
		width:95% !important;
	}
	
	.subnavpage li {
		width:95% !important;
	}
	
	
	
		


@media only screen and (max-width: 48.000em) {
	/*tito*/

	
	
	
	.description_about {
		top:100px;
	}	
	.grid-row {
		height: auto !important;
    float: none;
    display: block;
    clear: both;
		padding-bottom: 0%;
		
	}
	
	.grid-row--x2, .grid-row--x2 .grid-item, .grid-row--x2 .grid-item.P133, .grid-row--x2 .grid-item.P44, .grid-row--x2 .grid-item.P266 {
    padding-bottom: 0%;
    
    
    
}

	
	.grid-item {
		float:none;
		display: block;
		overflow: visible;
		width: 100%;
		/*height: 100%;
		padding-bottom: 50%;*/
		height: auto;
		padding-bottom: 0%;
		margin-bottom:10px;
		
	}
	
	.grid-item.grille-texte {
		height:auto !important;
	}
	
	.grille-texte > figure {
		height:auto;
	}
	
	.grilleTexte {
		height:auto !important;
	}
	
    
	.bloc-img {
	    overflow:visible;
		display:block;
		position:relative;
	}
	
	


}




	nav[role=navigation].active { max-height: 40em; }
	nav .display { display:block; }
	
	nav {
		clear:both;
		padding-top:20px;
	}
	
		nav li {
			text-align:left;
			font-size: 1.7rem;
		}
		
		nav li a {
			text-align:left;
			font-size: 1.7rem;
			position: relative;
				display: inline-block;
		}
			nav li .select,
			nav li .langue { color:#cccccc; }
	
	
			.subnav,
			.subnav2,.subnavpage {
				margin-left:10px;
				display:none;
			}

	
	#page .subnavpage {
		color:#009de0;
	}
			
			/*.subnavpage li:nth-child(2),.reseau {
				margin-left:10px;
			}*/
			
			

.subnavpage li:nth-child(3) {
				/*margin-left:20px;*/
			}

	
			#navigation { font-family: 'yorgoco_typebold'; }
	
				.subnav,.subnavpage li:nth-child(2) { font-family: 'yorgoco_typelight'; }
				
					.subnav2,.subnavpage li:last-child { font-family: 'yorgoco_typelight'; }
					
	.subnav {
		padding-right:10px;
	}
	
	.subnavpage.presse li:nth-child(2) {
				margin-left:0px;
				font-family: 'yorgoco_typelight';
			}

.subnavpage.presse li:nth-child(3) {
				margin-left:0px;
				font-family: 'yorgoco_typelight';
			}
		
				#navigation a.selected, .navMobile  a.selected {
				    text-decoration: none;
				    position: relative;
				    font-family: 'yorgoco_typebold';
				}
					#navigation a.selected span,.navMobile a.selected span {
					    display: inline;
				box-shadow: inset 0 -1px 0 0 #009de0;
					}
					
					.navMobile a.selected span {
					   font-family: 'yorgoco_typebold';
					}
					
					#navigation a.selectedNav, .navMobile  a.selectedNav {
				    text-decoration: none;
				    position: relative;
				    font-family: 'yorgoco_typelight';
				}
					#navigation a.selectedNav span,.navMobile a.selectedNav span {
					    display: inline;
				box-shadow: inset 0 -1px 0 0 #009de0;
					}
					
					.navMobile a.selectedNav span {
					   font-family: 'yorgoco_typelight';
					}
					
					
					
					.ZonePress {
						width:100% !important;
					}
					
					
					.ZoneAbout .bloc {
						margin-bottom:20px;
					}
	
				.ss01 {
					-moz-font-feature-settings:"ss01" 1, "ss02" 1, "ss03" 1, "ss04" 1, "ss05" 1, "ss06" 1, "ss07" 1; 
					-moz-font-feature-settings:"ss01=1, ss02=1, ss03=1, ss04=1, ss05=1, ss06=1, ss07=1"; 
					-ms-font-feature-settings:"ss01" 1, "ss02" 1, "ss03" 1, "ss04" 1, "ss05" 1, "ss06" 1, "ss07" 1; 
					-o-font-feature-settings:"ss01" 1, "ss02" 1, "ss03" 1, "ss04" 1, "ss05" 1, "ss06" 1, "ss07" 1; 
					-webkit-font-feature-settings:"ss01" 1, "ss02" 1, "ss03" 1, "ss04" 1, "ss05" 1, "ss06" 1, "ss07" 1; 
					font-feature-settings:"ss01" 1, "ss02" 1, "ss03" 1, "ss04" 1, "ss05" 1, "ss06" 1, "ss07" 1;
				}
				
				.ss01-logo {
					margin-left:-2px;
				}



/*! Couleurs */
/*-------------------------------------------------------*/	

/*	background
	color
	border		*/
	
	body	{ background-color: #ededee;color:#000 }
	
	a { color:#818183; }
	a.selected { text-decoration: underline; }
	
	html,
	button,
	input,
	select,
	textarea { color: #222; }
	
	a { color: inherit; }



/* ==========================================================================
   Helper classes
   ========================================================================== */
   
.left { float: left; }
.right { float: right; }

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}



.clearfix {
    *zoom: 1;
}

.display {
	display:block;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
        
    }
}

 strong, .strong {
	 font-family: 'yorgoco_typebold' !important;
 }
 
 b, strong{
	 font-weight: normal;
 } 
/* ==========================================================================
   Test styles
   ========================================================================== */

	#page {
		width:100%;
	}
	.grid-item .legende {
		line-height: 1;
		position:absolute;
		left:-7px;
		top:0px;
		color:#fff;
		font-size: 1.7rem;
		line-height:1.9rem;
		z-index:99999999;
		display:none;
		width:calc(100% - 3px);
		pointer-events: none;
		
	}
	
	.grid-item .legende .titre,.grid-item .legende .client {
		background-color:#009de0;
		padding-right:6px;
		padding-left:6px;
		display:inline-block;
		max-width: calc(100% - 3px);
	}

	.grid-item .legende .client {
		padding-top: 7px;
		padding-bottom: 0px;
		font-family: 'yorgoco_typebold';
		
	}
	
	.grid-item .legende .projet {
		padding-top: 3px;
		padding-bottom: 0px;
		font-family: 'yorgoco_typebold';
		
	}
				
	.grid-item .legende .titre {
		padding-top: 6px;
		padding-bottom: 3px;
		font-family: 'yorgoco_typelight';
		
	}
	
	.grid-item .legende .titre.New {
		padding-top: 4px;
		
	}

.page_about .adresse {
	color:#38d430;
	margin-bottom:20px;
	padding-left:10px;
	font-size: 1.7rem;
	line-height: 2.1rem;
}

.page_about .adresse > div {
	display: inline-block;
	vertical-align: top;
	
}

.page_about .adresse > div:first-child {
	margin-right:70px;
	
}

.page_about .col-1, .page_about .col-2 {
	width:calc(50% - 40px);
	display: inline-block;
	vertical-align: top;
	
}

.page_about .col-1 {
	margin-right:20px;
	
	    font-size: 1.7rem; 
	    line-height: 2.1rem;
	    font-family: 'yorgoco_typelight';
}


.page_about .col-item {
	width:calc(50% - 20px);
	display: inline-block;
	vertical-align: top;
}

.page_about .col-item:first-child {
	margin-right: 20px;
}

.page_about .col-item .item {
	display: block;
	color:#38d430;
	padding-bottom:10px;
	line-height: 2.1rem;
	font-size: 1.7rem;
	font-family: 'yorgoco_typelight';
}

.page_about .col-item .item strong {
	margin-bottom:10px;
	display: inline-block;
	font-size: 1.7rem; 
	    line-height: 1.5em;
	    font-family: 'yorgoco_typebold';
}

.page_about.presse strong {
	
}

.page_about  .sep {
	padding-top:12px;
}

.page_about {
	overflow-x: hidden;
}

.page_about.presse .col-item .item {
	/*line-height: 1.8rem;
	padding-bottom:4px;
	font-size:1.4rem;*/
}

.page_about.presse .col-item .item strong {
	line-height: 1.8rem;
	font-family: 'yorgoco_typebold';
	font-size:1.7rem;
	margin-bottom:2px !important;
}

.showMobile {
	display:none;
}

@media only screen and (max-width: 1000px) {
	.page_about .col-1, .page_about .col-2 {
		width:100%;
		display: inline-block;
		vertical-align: top;
	}
	
	.page_about .col-1 {
		margin-bottom:20px;
	}
	
	.visuelPress { 
		padding-bottom:0 !important;
	}
}

@media only screen and (max-width: 800px) {
	
	.page_about .col-item {
		width:calc(100%);
		display: inline-block;
		vertical-align: top;
		padding-bottom:0px;
		
	}
	
	.page_about .col-item:first-child {
		margin-right: 0px;
	}

	.page_about .col-1, .page_about .col-2, .page_about .col-item .item strong,.page_about .adresse {
		font-size: 1.6em !important;
		font-size: 16px !important;
	}
	
	.shop-produit-detail {
		font-size: 16px;
	}
				
				
	.Tshop, .shop {
	    font-size: 16px;
	}
	
	.page_about .col-1 {
		margin-right:0px;	
	}
	
	.page_about .col-item .item
	{
		font-size: 16px; 
	    line-height: 1.26;
	}
	
	.page_about .adresse > div {
		width:calc(50% - 10px);
		
	}
	
	.page_about .adresse {
		margin-top:20px;
		margin-bottom:20px;
	}
	
	.page_about .adresse > div:first-child {
		margin-right: 0;
		
	}
	
	.page_about .adresse > div:last-child {
		text-align: right;
		
	}
	
	.showMobile {
		display:block;
	}

}

@media only screen and (max-width: 640px) {
	.Tshop {
		width:100%;
	}
	.shop .account.left{
		display: inline-block;
		width:100%;
	}
	
	.shop .account.right{
		display: inline-block;
		width:100%;
	}
	
	.shopGab {
		margin-top:0;
	}
}

@media only screen and (max-width: 480px) {
	
	.page_about .adresse > div {
		width:100%;
		
	}
	
	.page_about .adresse > div:first-child {
		margin-bottom:10px;
		
	}
	
	.page_about .adresse > div:last-child {
		text-align: left;
		
	}
}

@media only screen and (min-width: 1800px) {
	
	.page_about .col-1 {
		width:calc(40% - 20px);
		
	}
	
	.page_about .col-2 {
		width:calc(60% - 20px);
		
	}
}

.visuelPress {
	padding-bottom:66.6666%;
	position:relative;
}

#shop .action {
		clear: both;
	}

#facture {
	font-size:14px;
	color:#38d430;
}

#facture .BlocLogo img {
	fill: red;
}

::-webkit-scrollbar {
    display: none;
}

.zone-texte {
	background-color: #fff;
	height: 100vh;
	width:calc(50% - 114px);
	position: fixed;
	left:214px;
	top:22px;
	z-index: 999999999;
	font-size: 1.7rem;
	padding-right:8px;
	padding-left:24px;
	overflow-y: scroll;
	scroll-behavior: smooth;
}

.zone-texte.off {
	padding-left:7px;
	height: calc(100vh - 45px);
}

.zone-texte.client-off {
	padding-left:8px;
	width:22px;
}

.zone-texte.client-off .zone-texte-content {
	opacity: 0;
}

.zone-texte a, .projectInfo {
	color : #000;
	text-decoration: none;
	outline: none;
	box-shadow: inset 0 -1px 0 0 #38d430;
}

.zone-texte.client a {
	box-shadow: none;
}

.presse .zone-texte a {
	box-shadow: none;
} 


.projectInfo {
	color : #38d430 !important;
	box-shadow:none !important;
}

.zone-texte.client a {
	/*color : #000;*/
}

.zone-texte-open {
	position: -webkit-sticky;
	position: sticky;
	right:8px;
	top:12px;
	text-align: right;
	outline: none;
	z-index:2;
}

.zone-texte-open.off {
	padding-right:4px;
	z-index:999999999;
}

.zone-texte-content {
	margin-top: -10px;
	padding-bottom:100px;
	position: relative;
	z-index:6;
	margin-right:8px;
}

.nano .zone-texte-content {
	margin-top: 0px;
}

.nano .content {
	z-index:1;
	padding-right:8px;
}

.zone-texte-bloc {
	margin-bottom: 20px;
	position: relative;
	display: block;
	z-index: 1;
	
}

.zone-texte-bloc:last-child {
	margin-bottom:300px;
}

.zone-texte.inactive {
	width:0;
	padding-right: 0;
	height: calc(100vh - 45px);
}

.zone-texte.inactive .zone-texte-content {
	opacity: 0;
}

.hide-mobile {
		display:block;
	}
	
.zone-texte.client  ul li {
	font-family: 'yorgoco_typelight';
}

.indent {
	padding-left:11px;
}

@media only screen and (max-width: 48.000em) { 
	
	.hide-mobile {
		display:none !important;
	}
	
	.hide-mobile-nav {
		display:none !important;
	}
	
	.zone-texte {
		position: relative;
		left:auto;
		top:auto;
		margin-top:3px;
		width:100%;
		height:auto;
		padding-left: 0;
		display: block;
		font-size: 1.4rem;
		margin-bottom:20px;
		min-height: 80vh;
		overflow-y:auto;
		z-index:1;
		padding-right: 0;
	}
	
	body, .zone-texte, .description .titre {
		font-size: 17px !important;
	}
	
	.zone-texte.nano {
		margin-top:8px;
	}

	
	.zone-texte-content {
		margin-right:0;
	}
	
	.nano .content {
	    position: relative;
	    overflow:auto;
	    overflow-x:auto;
	    top:auto;right: auto;left:auto;bottom:auto;
    }
	
	.zone-texte-open {
		display: none;
	}
	
	.zone-texte-content {
		padding-bottom:0;
		margin-top:6px;
	}
	
	.zone-texte-bloc:last-child {
		margin-bottom: 0px;
	}
	
	.navMobile ul li a {
		font-size: 1.7rem !important;
	}
}