.fiches{
	padding-top:50px;
}
.fiches section, .fiches #lesbloctxt article{
	/*margin-top:0px;*/
}
.fiches section header{
	position:relative;
	background-color: rgba(0, 0, 0, 0);
	width: 100%;
	height: 25px;
}
section article header{
	position:relative;
	background-color: rgba(0, 0, 0, 0.3);
}
/*------------------------------------------------------- LOGO -------------*/
.fiches .logomark{
	position:relative;
	top: 135px;
	left:-65px;
}
/********************************************** SECTION BLOK ***********/
.fiches .sectionline{
	width: 96%;
	margin: 20px 0 0 2%;
	border-top: 2px solid #fff;
}
.fiches .sectionNoline{
	width: 96%;
	margin: 0 0 0 2%;
}
.fiches #lesbloctxt header{
	background-color:#fff;
	margin: 0 0 5px 0;
}
/*_________________________________________ TXT ______________________*/
.fiches #lesbloctxt header h2{
	line-height: 0.95em;
	padding: 2px 0 4px 0;
}
.fiches #lesbloctxt p{
	padding: 15px 10px;
	/*color:#222;*/
}
.fiches #lesbloctxt h3{
	float:none;
	font-weight: normal;
	color:#f00;
	margin: 5px 0 -8px -12px;
	/*padding-left: 5px;*/
	font-size: 1.4em;
	line-height: 1em;
}
.fiches .liste{
   /*border: 1px dashed #999;*/
    width: 100%;
    padding: 5px 0 0 25px;
}
.fiches .liste li{
    line-height: 1em;
	color:#222;
	 padding: 8px 0 5px 0;
	 list-style-type: disc;
}
.fiches .txtprod{
    /*padding: 15px 0;*/
	border-top: 1px solid #eee;
	/*min-height: 200px;*/
	/*background-color: rgba(0, 255, 255, 0.5);*/
}
/************************************* SPECIAL bird out & wire *****/
.fiches .wire-out{
    width: 100%;
}
.fiches .bloctxtprod-mini{
	float:left;
    width: 50%;
	/*background-color: rgba(0, 0, 255, 0.5);*/
}
.fiches #blocJQmini{
	float:right;
	width: 50%;
	height: auto;
	margin: 10px 0;
}
.fiches .wire-out-txt{
    font-size: 1.8em;
	line-height: 1em;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	margin: 2px 0 6px 0;
}
/*------------------------------------------------------------------ BLOC FICHE --------------------*/
.fiches .minH_L1{
		min-height: 220px;
}
.fiches .minH_L2{
		min-height: 300px;
}
.fiches .blokComm{
	background-color: rgba(255, 255, 255, 0.9);
	padding: 3%;
	box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.2);	
}
/*-----------------------------------*/
.fiches #blok1{
	width:32%;
	margin: 20px 0 0 0;
}
.fiches #blok2{
	width:32%;
	margin: 20px 2% 0 2%;
}
.fiches #blok3{
	width:32%;
	margin: 20px 0 0 0;
}
/*************************/
.fiches #blok4{
	width:32%;
	margin: 20px 0 0 0;
}
.fiches #blok5{
	width:66%;
	margin: 20px 0 0 2%;
}
.fiches #blok6{
	width:100%;
}
.fiches #blok7{
	width:100%;
	margin: 30px 0 0 0;
}
/*------------------------------------------------------------ FILET ACC ------*/
.fiches #blok-filetacc{
	width:96%;
	/*height:660px;*/
	margin: 20px 2%;
	padding: 1px;
	/*border: 1px dashed #999;*/
}
.fiches .case-filetacc{
	width:32%;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 5px;
	margin: 0 2% 20px  0;
	
	box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.2);	
}
.fiches .case-filetacc:nth-child(3n+0){
	margin: 0 0 20px  0;
}
.case-filetacc:nth-child(1), .case-filetacc:nth-child(2), .case-filetacc:nth-child(3){
	height:660px;
}
.case-filetacc:nth-child(4), .case-filetacc:nth-child(5), .case-filetacc:nth-child(6),  .case-filetacc:nth-child(10), .case-filetacc:nth-child(11), .case-filetacc:nth-child(12), .case-filetacc:nth-child(13){
	height:570px;
}
.case-filetacc:nth-child(7), .case-filetacc:nth-child(8), .case-filetacc:nth-child(9){
	height:480px;
}
.fiches .accJQtxt{
	/*background-color: rgba(0, 0, 255, 0.7);*/
	width:100%;
	height:350px;
}
/*----------------------------------------------------------------------------------- FICHE PROD ------*/
.fiches #blok-prod{
	width:65%;
	margin: 20px 2% 0 0;
	padding: 1px;
	/*border: 1px dashed #999;*/
}
.fiches #blok-imgacc{
	width:33%;
	margin: 20px 0 0 0;
	padding: 1px;
	/*border: 1px dashed #999;*/
}
/******************************** FILET *****/
.fiches #blok-prodfilet{
	width:49%;
	margin: 10px 0 0 0;
	padding: 1px;
	/*border: 1px dashed #999;*/
}
.fiches #blok-imgfilet{
	width:49%;
	height:auto;
	margin: 10px 0% 0 0;
	padding: 1px;
	/*border: 1px dashed #999;*/
}
.fiches .posi{
	position:relative;
	height: 50px;
	margin: 0 0 5px 0;
}
.fiches .icofilet{
	position:absolute;	
	width:50px;
	height: auto;
}
.fiches .filet-txt{
    font-size: 1.6em;
	line-height: 1.2em;
	text-transform:uppercase;
	font-weight:bold;
	text-align:right;
	margin: 2px 3px 6px 53px;
}
/******************************** PAGE UNIQUE R/V *****/
.fiches #blok-prod-paguniq{
	width:100%;
	margin: 10px 0 0 0;
	padding: 1px;
	/*border: 1px dashed #999;*/
}
.fiches #blok-img-paguniq{
	width:49%;
	/*margin: 0 0 8px 0;*/
	padding: 1px;
	/*border: 1px dashed #999;*/
}
.fiches .case-prod-paguniq{
	width:49%;
	min-height: 286px;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 5px;
	margin: 0 0 20px  0;
	
	box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.2);	
}
.fiches .case404{
	width:100%;
	height:auto;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 30px;
	
	box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.2);	
}
/*------------------------------------------------------------------------- JQ ---*/
.fiches #blocJQ{
	/*float:right;*/
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
	/*background-color: #632;*/
	
	box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.2);	
}
.fiches #blocJQnofloat{
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
	
	box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.2);	
}
.fiches #blocJQacc{
	width: 96%;
	height: auto;
	margin: 10px 2%;
}
/*---------------------------------------------------------- REF DESIGN COND ----*/
.fiches .case-prod{
	width:100%;
	height:auto;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 5px;
	margin: 0 0 20px  0;
	
	box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.2);	
}
.fiches .design-cond{
	width:100%;
	height: 23px;
	padding: 4px 10px;
	margin: 3px 0 0 0;
	/*background-color: #999;*/
}
/*------------------------------------------------------------------------- acc SEL FIX -----*/
.fiches .accprod{
	width:120px;
	height: 240px;
	padding: 5px 20px;
	/*background-color: rgba(255, 0, 255, 0.55);*/
}
.fiches .case-prodacc{
	position:relative;
	width:100%;
	height:auto;
	background-color: rgba(255, 255, 255, 0.95);
	padding: 5px;
	margin: 0 0 20px  0;
	
	box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.2);	
}
/*------------------------------------------------------------------ DIR PDF -----*/
.fiches .gotosel, .fiches .gotopdf{
	position:absolute;
	width: 40px;
	height: 40px;
	background-color:#fff;
	padding: 0;
	margin:10px;
	bottom:0;
	right:0;

	 animation: mouvsel 10s;
	animation-iteration-count: infinite;
}
.fiches .gotosel:hover{
	animation: rollsel 0.3s;
	animation-iteration-count: 1;
}
@keyframes mouvsel {
  0% {opacity:0; right:150px;}
  5% {opacity:1; right:0px;}
  100% {opacity:1; right:0px;}
}
@keyframes rollsel {
  0% {transform: scale(0.9); opacity:1; right:0px;}
  50% { transform: scale(1.5); opacity:1; right:0px;}
}
.fiches .bloc-download{
	display:block;
	position:relative;
	width: 100%;
	height: 5px;
	/*background-color:#7f6;*/
}
.fiches .download{
	position:relative;
	width: 60px;
	height: 60px;
	/*background-color:#fff;*/
	padding: 0;
	margin: 0px -3px 0 0;
}
/*--------------------------------------------------- haut de page ------ BLOC NOM PROD + ICO -------*/
.fiches #blok_nomprod{
	/*background-color: rgba(255, 255, 0, 0.5);*/
	width:96%;
	margin: 25px 2% 0 20px;
	padding: 10px 0 0 10px;
	border-left: 8px solid #8c929b;
}
.fiches .blok_icones{
	/*background-color: rgba(0, 255, 0, 0.5);*/
	width:85%;
	height:60px;
}
.fiches .icone{
	background-color:#34373d;
	width: 65px;
	height: 75px;
	padding: 5px;
	margin: 5px 5px 0 0;
	border-radius: 8px;
	
	box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.2);	
}
.fiches .decalimg{
	padding-right: 8px;
}
.fiches .btacc{
	position:fixed;
	right:15px;
	top:-10px;
	
	z-index:1000;
	width: 66px;
	height: 66px;
	/*margin: -35px 3% 0 0;*/
	border: 3px solid #fff;
		
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);	
	
	 animation: shake 1.5s;
	animation-iteration-count: infinite;
}
.fiches .btacc:hover {
  animation: roll 0.3s;
  animation-iteration-count: 1;
}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  5% { transform: translate(-1px, -2px) rotate(-1deg); }
  10% { transform: translate(-3px, 0px) rotate(1deg); }
  15% { transform: translate(3px, 2px) rotate(0deg); }
  20% { transform: translate(1px, -1px) rotate(1deg); }
  25% { transform: translate(-1px, 2px) rotate(-1deg); }
  30% { transform: translate(1px, 2px) rotate(0deg); }
  35% { transform: translate(1px, -2px) rotate(-1deg); }
  100% { transform: translate(1px, 1px) rotate(0deg); }
}
@keyframes roll {
  0% {transform: scale(0.9); }
  50% { transform: scale(1.5); }
}
/*---------------------------------------------------------------------------------- PAGES -----*/
.fiches #pages_avantage{
	position:relative;
	width:65%;
	height:65%;
	margin: 80px auto 0 auto;
}
.fiches #pages{
	position:relative;
	/*border: 1px dashed #666;*/
	width:100%;
	height:100%;
	margin: 5px 0 0 0;
}
.fiches #pages:nth-child(1){
		margin: 80px 0 0 0;
}
.fiches .blocks{
	display:block;
	width:100%;
}
.fiches .blok-p1{
	background-color: rgba(255, 255, 255, 0.9);
	width:75%;
	height: 25px;
	border-left: 12px solid #d5230c;
}
.fiches .blok-p2{
	background-color: rgba(255, 255, 255, 1);
	width:75%;
	height: 3px;
	border-left: 12px solid #fff;
}
.fiches .blok-ptxt{
	background-color: rgba(255, 255, 255, 0.9);
	width:75%;
	height: auto;
	border-left: 12px solid #b9b995;
	padding: 20px;
	/*margin: 0 0 20px 0;*/
	box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.2);	
}
/*-----------------------------------------------------------------------img ref & soc ------------------*/
.fiches .blok-img1{
	position:absolute;
	right:12px;
	/*background-color: rgba(255, 255, 0, 0.9);*/
	width:25%;
	height:99.1%;
	border-right: 12px solid #fff;
	box-shadow: 5px 7px 10px 0px rgba(0, 0, 0, 0.2);	
	
	background: url(../img/engage.jpg) no-repeat center;
 	 -webkit-background-size: cover; /* pour anciens Chrome et Safari */
 	 background-size: cover; /* version standardisée */
}
.fiches .blok-img2{
	position:absolute;
	right:12px;
	/*background-color: rgba(255, 255, 0, 0.9);*/
	width:25%;
	height:98.8%;
	border-right: 12px solid #fff;
	box-shadow: 5px 7px 10px 0px rgba(0, 0, 0, 0.2);	
	
	background: url(../img/societe.jpg) no-repeat center;
 	 -webkit-background-size: cover; /* pour anciens Chrome et Safari */
 	 background-size: cover; /* version standardisée */
}
.fiches .blok-img3{
	position:absolute;
	right:12px;
	/*background-color: rgba(255, 255, 0, 0.9);*/
	width:25%;
	height:99.4%;
	border-right: 12px solid #fff;
	box-shadow: 5px 7px 10px 0px rgba(0, 0, 0, 0.2);	
	
	background: url(../img/france.jpg) no-repeat center;
 	 -webkit-background-size: cover; /* pour anciens Chrome et Safari */
 	 background-size: cover; /* version standardisée */
}
.fiches .blok-img4{
	position:absolute;
	right:12px;
	/*background-color: rgba(255, 255, 0, 0.9);*/
	width:25%;
	height:98.4%;
	border-right: 12px solid #fff;
	box-shadow: 5px 7px 10px 0px rgba(0, 0, 0, 0.2);	
	
	background: url(../img/etranger.jpg) no-repeat center;
 	 -webkit-background-size: cover; /* pour anciens Chrome et Safari */
 	 background-size: cover; /* version standardisée */
}
.fiches .blok-img5{
	position:absolute;
	right:12px;
	/*background-color: rgba(255, 255, 0, 0.9);*/
	width:25%;
	height:99.7%;
	border-right: 12px solid #fff;
	box-shadow: 5px 7px 10px 0px rgba(0, 0, 0, 0.2);	
	
	background: url(../img/cgv.jpg) no-repeat center;
 	 -webkit-background-size: cover; /* pour anciens Chrome et Safari */
 	 background-size: cover; /* version standardisée */
}
/*---------------------------------------------------------------------------------- TXT -----*/
.fiches .nomprod{
	/*background-color: rgba(255, 0, 0, 0.5);*/
	font-size: 2.2em;
	line-height: 0em;
	text-transform:uppercase;
	font-weight:bold;
	
	width:80%;
}
.fiches .iconetxt{
	width: 100%;
	text-align:center;
	margin-bottom: 5px;
}
/*--------------------------------------------------VIDEO--------------------------*/
.videocenter{
	padding: 20px 5% 0px 5%;
	/*background-color: rgba(255, 0, 0, 1);*/
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*----------------------------------------------------------------------------- PDF -----------*/
.fiches .pdf{
	font-family: "Genos", sans-serif;
	background-color: rgba(255, 0, 0, 0);
	color:#555;
	font-size: 1.9em;
	line-height: 1em;
	padding: 0 0 0 8px;
	/*margin: 5px 0 0 0;*/
}
.fiches #blok_pdf{
	background-color: rgba(0, 255, 0, 0);
	width:96%;
	margin: 25px 2% 0 20px;
	padding: 0px;
	border-left: 8px solid #8c929b;
}

/****************************************/
.fiches .BT_pdf{
	background:url(../img/pdf.svg) no-repeat 0px 0px;
	text-indent:40px;
	display:block;	
	padding-left:5px;
}
.fiches .BT_video{
	background:url(../img/video.svg) no-repeat 0px 0px;
	text-indent:40px;
	display:block;	
	padding-left:5px;
}
.fiches #blok_pdf a.button{
	/*background-color:#333;*/
	display:block;
	width: 250px;
	height: 37px;
	background-color: #fff;
	margin: 10px 0 5px 8px;
	padding: 0px;
	border: 1px dotted #d40b17;

	color:#c00;
	font-size: 0.7em;
	font-weight:bold;
	line-height:35px;
	text-decoration:none;
	text-transform: uppercase;
	
	box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.2);	
}
.fiches #blok_pdf a:hover.button{
	color:#fff;

	background: #ec534d; /* Old browsers */
	background: -moz-linear-gradient(top,  #ec534d 0%, #e73e3e 50%, #d40b17 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec534d), color-stop(50%,#e73e3e), color-stop(100%,#d40b17)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ec534d 0%,#e73e3e 50%,#d40b17 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ec534d 0%,#e73e3e 50%,#d40b17 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ec534d 0%,#e73e3e 50%,#d40b17 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ec534d 0%,#e73e3e 50%,#d40b17 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec534d', endColorstr='#d40b17',GradientType=0 ); /* IE6-9 */
	
	  animation: rollpdf 0.3s;
		animation-iteration-count: 1;
}
@keyframes rollpdf {
  0% {transform: scale(0.9); }
  50% { transform: scale(1.25); }
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
@media screen and (max-width: 1130px){
	.fiches{
		padding-top:166px;
	}
	.fiches-ref-soc{
		padding-top:50px;
	}
	.fiches #pages{
		margin: 4px 0 0 0;
	}
	.fiches .logomark{
		position: absolute;
		left: -10000px;
		visibility: hidden;
	}
	.fiches #blok-filetacc{
		margin: 0px 2%;
	}
	.fiches #pages_avantage{
		margin: -36px auto 0 auto;
}
}
@media screen and (max-width: 1000px){
	.fiches #pages_avantage{
		width:64%;
		height:64%;
		margin: -36px 18% 0 18%;
	}
}
@media screen and (max-width: 980px){
	.fiches #blok-prod{
		width:100%;
	}
	.fiches #blok-imgacc{
		width:100%;
	}
	.fiches .case-prodacc{
		width:49%;
	}
	.fiches .case-prodacc:nth-child(2n+1){
		margin: 0px 2% 0 0;
	}
	.fiches .case-filetacc{
		width:49%;
		margin: 0 0 20px  0;
	}
	.fiches .case-filetacc:nth-child(2n+0){
		margin: 0 0 20px 2%;
		/*background: #ec534d;*/
	}

	/*--------------------------------------------------------*/
	.fiches .accJQtxt{
		height:380px;
	}
	.case-filetacc:nth-child(1), .case-filetacc:nth-child(2), .case-filetacc:nth-child(3), .case-filetacc:nth-child(4), .case-filetacc:nth-child(9), .case-filetacc:nth-child(10){
		height:690px;
	}
	  .case-filetacc:nth-child(5), .case-filetacc:nth-child(6), .case-filetacc:nth-child(11), .case-filetacc:nth-child(12), .case-filetacc:nth-child(13){
		height:600px;
	}
	 .case-filetacc:nth-child(7), .case-filetacc:nth-child(8){
		height:510px;
	}
.fiches .download{
	margin: -40px -3px 0 0;
}
}
@media screen and (max-width: 850px){
	.fiches #blok-prodfilet, .fiches #blok-imgfilet{
		width:100%;
		height:auto;
	}
}
@media screen and (max-width: 700px){
	.fiches .minH_L1{
		min-height: 120px;
	}
	.fiches .minH_L2{
		min-height: 140px;
	}
	.fiches #blok1{
		width:98%;
		margin: 20px 2% 20px 0%;
	}
	.fiches #blok2{
		width:98%;
		margin: 20px 2% 20px 0%;
	}
	.fiches #blok3{
		width:98%;
		margin: 20px 2% 0 0%;
	}
	/*-----------------------------------*/
	.fiches #blok4{
		width:98%;
		margin: 20px 2% 20px 0%;
	}
	.fiches #blok5{
		width:98%;
		margin: 20px 2% 0 0%;
	}
	.fiches #blok6{
		width:98%;
		margin: 20px 2% 0 0%;
	}
	.fiches #pages_avantage{
		width:90%;
		height:90%;
		margin: -36px 5% 0 5%;
	}
}
@media screen and (max-width: 660px){
	.fiches .case-prodacc, .fiches #blok-prod-paguniq, .fiches #blok-img-paguniq{
		width:100%;
	}
	.fiches .case-prodacc:nth-child(2n+1){
		margin: 20px 0;
	}
	.fiches .case-filetacc, .fiches .case-filetacc:nth-child(2n+0){
		width:100%;
		margin: 0 0 20px 0;
	}
	.fiches .case-prod-paguniq{
		width:100%;
		margin: 0 0 20px  0;
	}
	/*--------------------------------------------------------*/
	.fiches .accJQtxt{
		/*height:470px;*/
		height:auto;
	}
	.case-filetacc:nth-child(1), .case-filetacc:nth-child(2), .case-filetacc:nth-child(10),  .case-filetacc:nth-child(3), .case-filetacc:nth-child(4), .case-filetacc:nth-child(11), .case-filetacc:nth-child(12), .case-filetacc:nth-child(5), .case-filetacc:nth-child(6), .case-filetacc:nth-child(7), .case-filetacc:nth-child(8), .case-filetacc:nth-child(9), .case-filetacc:nth-child(13){
		height:auto;
	}
.fiches .download{
	margin: -50px -3px 0 0;
	}
}
@media screen and (max-width: 550px){
	.fiches .btacc{
	right:20px;
	top:-35px;
	}
}
@media screen and (max-width: 500px){
	.fiches .bloctxtprod-mini{
    	width: 100%;
	}
	.fiches #blocJQmini{
		width: 96%;
		margin: 0 2% 10px 2%;
	}
	.fiches .blok-img1, .fiches .blok-img2, .fiches .blok-img3, .fiches .blok-img4, .fiches .blok-img5{
		position: absolute;
		left: -10000px;
		visibility: hidden;
	}
	.fiches .blok-p1, .fiches .blok-p2,.fiches .blok-ptxt{
		width:100%;
	}
	.fiches #pages_avantage{
		width:100%;
		height:100%;
		margin: -36px 0 0 0;
	}
}
@media screen and (max-width: 440px){
	.fiches .wire-out-txt{
		font-size: 1.3em;
	}
	.fiches #lesbloctxt header h2{
		line-height: 1.1em;
	}
	.fiches .filet-txt{
		font-size: 1.35em;
	}
}
@media screen and (max-width: 360px){
	.fiches #lesbloctxt h3{
		margin: 0px 10px 0px 10px ;
	}
	.fiches .nomprod{
		font-size: 2em;
	}
	.fiches .liste li{
    line-height: 1.5em;
	 padding: 0 0 10px 0;
	}
}
@media screen and (max-width: 330px){
	.fiches .nomprod{
		font-size: 1.8em;
	}
}