.left {
	float: left;
}
.right{
	float: right;
}
.clearfix {
	clear: both;
}
/* -------------------- intro bird -------------------*/
#pub-prod #swiffycontainer {
	position:absolute;
	/*background-color: rgba(255, 255, 255, 0.1);*/
	width: 80%; 
	height: 80%;
	z-index:999;
	top:5%;
    margin-left: 10%;
    margin-right: 10%;
}
/*------------------ END BIRD ---------------*/
#cross{
	position:fixed;
	top: 15px;
	right: 15px;
	z-index:99999;
	width: 25px;
	height: 25px; 
	background-color: rgba(213, 35, 12, 0);
}
#cross i {
	/*margin: 0 0 10px 0;*/
	}
.fa-square-xmark{
	color: #999;
	font-size: 2.5em;
}
/************************************************* PUB ************************/
#pub-prod{
	position:fixed;
	z-index:9999999999999999;
	
	background-color: rgba(0, 0, 0, 0.75);
	top:0px;
	width: 100%;
	height: 100%;
}
/*-------------------------------*/
#pubAcceuil{
	position:relative;
	top: 14%;
	width: 90%; 
	margin: 0 5%;
	/*background-color: rgba(213, 35, 12, 1);*/
} 
#pubAcceuil #image {
	/*min-height: 370px;*/
	display:inline-block;
	background-color: #fff;
	width: 50%;
	padding: 1%;
	border-radius: 100px 0 0 0;
}
#pubAcceuil #image img{
	width: 100%;
	height: auto; 
	border-radius: 85px 0 0 0;
}
#pubAcceuil #bloc-texte {
	/*min-height: 560px;*/
	display:inline-block;
	width: 50%;
	/*background-color: #49e32c;*/
}
#pubAcceuil #bloc-ttr {
	height: 20%; 
	padding: 5%;
	margin-left: 1.5%;
	width: 98.5%;
	
	border-top:1px solid #d5230c;
	border-left:1px solid #d5230c;
	border-right:1px solid #d5230c;
	/*background-color: #555;*/
	
	background: #ff0000; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff0000 0%, #d5230c 40%, #d5230c 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ff0000 0%,#d5230c 40%,#d5230c 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ff0000 0%,#d5230c 40%,#d5230c 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#d5230c',GradientType=0 ); /* IE6-9 */
}
#pubAcceuil #bloc-sttr {
	/*min-height: 390px; */
	padding: 5%;
	margin-left: 1.5%;
	width: 98.5%;
	
	border-bottom:1px solid #d5230c;
	border-left:1px solid #d5230c;
	border-right:1px solid #d5230c;
	border-radius: 0 0 100px  0;
	/*background-color: #555;*/
	
	background: #333333; /* Old browsers */
	background: -moz-linear-gradient(top,  #333333 0%, #333333 60%, #111111 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #333333 0%,#333333 60%,#111111 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #333333 0%,#333333 60%,#111111 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
}
/*-------------------- TXT -----------*/
#pubAcceuil #ttr-pub{
	color: #fff;
	font-size: 5em;
}
#pubAcceuil #sttr-pub{
	color: #ff0000;
	font-size: 2.6em;
}
#pubAcceuil p{
	margin-top: 30px;
	color: #fff;
	font-size: 1.6em;
}
.fabfr{
	margin-top: 5px;
	color: #000;
	font-size: 1.5em;
}
.exposant{
	/*color: #fff;*/
	font-size: 50%;
	vertical-align:super;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (max-width: 1300px){
	#pubAcceuil #ttr-pub{
		font-size: 3.2em;
	}
	#pubAcceuil #sttr-pub{
		font-size: 1.9em;
	}
	#pubAcceuil p{
		font-size: 1.3em;
	}
	.fabfr{
	font-size: 1.2em;
	}	
	#pubAcceuil #bloc-sttr {
		min-height: auto; 
		border-radius: 0 0 50px  0;
	}
}
@media screen and (max-width: 900px){
	#pubAcceuil{
	top: 3%;
	} 
	#pubAcceuil #ttr-pub{
		font-size: 2.8em;
	}
	#pubAcceuil #sttr-pub{
		font-size: 1.6em;
	}
	#pubAcceuil p{
		font-size: 1.1em;
	}
	.fabfr{
	font-size: 1em;
	}	
	#pubAcceuil #image {
		width: 70%;
		margin: 0 15%;
	}
	#pubAcceuil #bloc-texte {
		width: 70%;
		margin: 0 15%;
	}
	#pubAcceuil #image img{
		border-radius: 92px 0 0 0;
	}
	#pubAcceuil #bloc-ttr {
		margin-left: 0%;
		width: 100%;
	}
	#pubAcceuil #bloc-sttr {
		margin-left: 0%;
		width: 100%;
	}
}
@media screen and (max-width: 500px){
	#pubAcceuil #ttr-pub{
		font-size: 1.5em;
	}
	#pubAcceuil #sttr-pub{
		font-size: 1.2em;
		color: #fff;
	}
	#pubAcceuil p{
		margin-top: 15px;
		font-size: 1em;
		color: #ccc;
	}
	.fabfr{
		font-size: 1em;
	}	
	#pubAcceuil #image {
		width: 82%;
		margin: 0 9%;
	}
	#pubAcceuil #bloc-texte {
		width: 82%;
		margin: 0 9%;
	}
	#pubAcceuil #image img{
		border-radius: 97px 0 0 0;
	}
}