/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}


/*  PERSO */


A { text-decoration: none; color: CCCCCC}
a:link a:active a:visited { text-decoration: underlined; color: CCCCCC}
A:Hover { text-decoration: underlined; color: CCCCCC}

table,td,p {
      font-size: 14px;
	color: FFFFFF;
        border-color: 000000;
        border: 0;
        text-align: justify;
padding: 0px;
vertical-align: top;

}



Body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	

}

.pad {
padding: 18px;
padding-right: 5%;
 }
 
 
.main{
	position:absolute;
	left:10%;
	width:80%;
	z-index:0;
	margin-top:50px;
	
}

.ontop{
	position:relative;
	z-index:2;
	
}

.main-texte{
	background: rgba(34, 34, 34, 0.95);
	padding: 18px;
	padding-right: 5%;
	margin-left: 15px;
	margin-right: 15px;
	
}


.banner{
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	z-index:2;
	background-color: #000000; 
	
	
	
}

.banner-img {
    max-width: 100%;
  height: auto;
  width: auto;
  margin:auto;
}

.cont-top{
width:800px;
	margin-top:-200px;
	
}



.back-main

{

 		background: #000 url(fond-main.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.back-machines

{
 	background: #000 url(fond-machine-.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.back-gzzzt
{
 	background: #000 url(fond-gzzzt.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.back-improv
{
 	background: #000 url(fond-improv.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.back-about
{
 	background: #000 url(fond-about.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.back-emince
{
 	background: #000 url(fond-emince.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.back-agenda
{
 	background: #000 url(fond-agenda.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.back-cliquetis
{
 	background: #000 url(fond-cliquetis.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.back-HD
{
 	background: #000 url(fond-HD.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.back-junk
{
 	background: #000 url(fond-junk.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.back-cabines
{
 	background: #000 url(fond-cabines.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.back-organ
{
 	background: #000 url(fond-organ.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.back-cordes
{
 	background: #000 url(fond-cordes.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.back-elle-attendait
{
 	background: #000 url(fond-elle-attendait.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.back-liens
{
 	background: #000 url(fond-liens.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.back-obs
{
 	background: #000 url(fond-obs.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.back-machinesD
{
 	background: #000 url(fond-machinesD.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.back-gouttes
{
 	background: #000 url(fond-gouttes.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.back-black
{
 	background-color:#000000; 
}

h1 {
	font-size: 16px;
	font-weight: normal;
	color: #888888;
	text-align: justify;
	font-style: italic;
}



h2 {
	font-size: 22px;
	font-weight: bold;
	color: #888888;
}



.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	opacity:1;
  filter: Alpha(Opacity="100");
}


.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.header{
	z-index:99999;
}

.gal{
	max-width: 950px;
	margin: auto;
}


.transparent {
	opacity:0.85;
  filter: Alpha(Opacity="85");
  
}

.contain {
    width: 80%; /* or any custom size */
    height: 100%; 
    object-fit: contain;
    background: rgba(34, 34, 34, 0.95);
	padding: 18px;
}