/*!
 * Start Bootstrap - Grayscale v3.3.7+1 (http://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
 
 @font-face {
    font-family: 'SUN';
    src: url('../fonts/Cunia-webfont.eot');
    src: url('../fonts/Cunia-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Cunia-webfont.woff') format('woff'),
         url('../fonts/Cunia-webfont.ttf') format('truetype'),
         url('../fonts/Cunia-webfont.svg#SUN') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*
@font-face {
    font-family: 'sinkin_sans400_regular';
    src: url('../fonts/SinkinSans-400Regular-webfont.eot');
    src: url('../fonts/SinkinSans-400Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SinkinSans-400Regular-webfont.woff') format('woff'),
         url('../fonts/SinkinSans-400Regular-webfont.ttf') format('truetype'),
         url('../fonts/SinkinSans-400Regular-webfont.svg#sinkin_sans400_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/


 
 body,html{height:100%;width:100%}.navbar-custom,body{background-color:#fff}
 .intro,body,html{width:100%}
	body{
font-family: Courier, monospace;
color:#2b2b2b;
		/*webkit-tap-highlight-color:rgba(0,0,0,.2);*/
	}
/*	.btn,.navbar-custom,h1,h2,h3,h4,h5,h6{
text-transform:uppercase; 	font-family:NEUTON, Arial, Helvetica, sans-serif;
	}*/
	h1,h2,h3,h4,h5,h6, .h1,.h2,.h3,.h4,.h5,.h6   {
margin-top: 0px;
margin-bottom: 0px;
font-family: Courier, monospace;
		color: #000;
		
}
	
.content{
margin-top: 60px;
}


	.giga {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 25px !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 25px;
}

	.sun {
font-family: 'SUN', cursive !important;
			font-size: 18px !important;
}

	h1, .h1 {
	font-family: Courier, monospace;
	font-size: 24px !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 28px;
}
	h2, .h2 {
	font-family: Courier, monospace;
	font-size: 18px  !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 22px;
}
h3, .h3 {
	font-family: Courier, monospace;
	font-size: 14px  !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 15.4px;
}
p {
	font-family:Courier, monospace;
	font-size: 14px !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1.35;

}
	
	a {
   /* text-decoration: underline !important;*/
}

	/*p{margin:0 0 10px;font-size:18px;line-height:1.1}*/
 	.cooper {font-family: COOPER, Arial, Helvetica;	}
	.neuton {font-family:NEUTON, Arial, Helvetica, sans-serif;	}
	.bg-noir {	background-color: #000	}
	.txt-noir {color: #000	}
	.port a:hover {cursor:pointer	}
	
img {
	max-width: 100%;
	height:auto;
	/*image-rendering: optimizequality;*/
	}

.haute {
	max-width: 100%;
	/*max-height:auto;*/
	}

.contact {
font-size: 30px !important;
	}
 
 a{color:#000;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out; text-decoration:none;}
 a:focus,a:hover{text-decoration:none;color:#000}.light{font-weight:400}
 .navbar-custom{
	 		  font-family: 'SUN', cursive !important;
	 
	 margin-bottom:0;border-bottom:1px solid rgba(255,255,255,.3)

}
 .navbar-custom .navbar-toggle{color:#000;background-color: #fff;
	 font-size:12px}
 .navbar-custom .nav li a:active,.navbar-custom .nav li a:focus,.navbar-custom .nav li a:hover{
	 background-color:transparent;outline:0;
	 
	 }
	 .navbar-custom .navbar-toggle:active,.navbar-custom .navbar-toggle:focus{outline:0}
	 .navbar-custom .navbar-brand{}
	 .navbar-custom .navbar-brand:focus{outline:0}
	 .navbar-custom a{color:#fff}
	 .navbar-custom .nav li a{ 
	 /*font-family: COOPER, Arial, Helvetica;*/
	 font-size:24px;
	-webkit-transition:background .3s ease-in-out;
	-moz-transition:background .3s ease-in-out;
	transition:background .3s ease-in-out
	}
	 .navbar-custom .nav li a:hover{
	color: #000;
		border-bottom: 2px solid #fff;
}
	 .navbar-custom .nav li.active{outline:0}
	 .navbar-custom .nav li.active a{
	background-color: rgba(0,0,0,0.3)
}
	 .navbar-custom .nav li.active a:hover{color:#000}
#intro-123{
	display:table;
	/*height:auto;*/
	padding:5px 0;
	text-align:center;
	color:#000;
	max-width:1000px;
	/*min-height:500px;*/
	margin:auto;
max-height:100%;
	}

.intro-01{
	background:url(../img/intro-01.jpg) no-repeat top center fixed ;

	}
.intro-02{
	background:url(../img/intro-02.jpg) no-repeat top center fixed;

	}
.intro-03{
	background:url(../img/intro-03.jpg) no-repeat top center fixed;

	}
	.intro-04{
	background:url(../img/intro-04-b.jpg) no-repeat top center fixed;

	
	}
		.intro-05{

	  background: url(../img/intro-05.jpg) no-repeat top center fixed;

	}
	
		.intro-06{
	background:url(../img/intro-06.jpg) no-repeat top center fixed;
	
 }
 .intro-07 {
	background:url(../img/intro-07.jpg) no-repeat top center fixed;
	
 }
  .intro-08 {
	background:url(../img/intro-08.jpg) no-repeat top center fixed;
	
 }

 
.intro {
	display:table;
	height:450px;
	padding:100px 0;
	text-align:center;
	color:#000;
	width:1280px;
	max-width:1280px;
	min-height:450px;
	margin: 0 auto 20px;
	}
.parent {
 /* height: 100%;
	width:100%;*/
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
	/*  position: relative;
	width:100%;
	display:flex;
  display: flex;
  align-items: center;
  justify-content: center;*/
	/*height:100%*/
}
.enfant {
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);
}

.intro-index {
display:table;height:auto;padding:auto auto;
	}
.intro-body{display:table-cell;vertical-align:middle}
.intro-body .brand-heading{font-size:40px}
.intro-body .intro-text{font-size:18px}
 

.intro .intro-body .brand-heading{font-size:100px}.intro .intro-body .intro-text{font-size:26px}
 



section
{
padding: 10px 0 10px 0 !important;
}

.section-noire {
	width:100%;
	color:#fff;
background-color:#000;
/*background:url(../img/downloads-bg.jpg) center center no-repeat #000;
-webkit-background-size:cover;-moz-background-size:contain;background-size:cover;-o-background-size:cover;
*/
 }
.section-gris {
	background-color: #F2F2F2;
/*background:url(../img/back-1.jpg) top center no-repeat;*/
 }

.bg1 {
	/*background-color: #dcdcdc;*/
/*margin:0 !important;*/
background:url(../img/back-01-2.jpg) top center no-repeat ;
-webkit-background-size:cover;-moz-background-size:contain;background-size:cover;-o-background-size:cover;

 }
 
 
 
#about {
	width: 100%;
	padding: 50px 50px 0;
	color: #000;
	/*background: url(../img/intro-bg3.jpg) center center no-repeat #000;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-attachment: fixed;
	;
}
.lieu-section {
	width:100%;padding:50px 0;
color:#fff;
background-color:#000;
/*background:url(../img/lieu-bg.jpg) center center no-repeat #000;
-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;*/

 }

 

 
 .btn{font-weight:400;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius:0}.btn-default{border:1px solid #fff;color:#fff;background-color:transparent}.btn-default:focus,.btn-default:hover{border:1px solid #fff;outline:0;color:#000;background-color:#fff}ul.banner-social-buttons{margin-top:0}
 
 @media (max-width:1199px){ul.banner-social-buttons{margin-top:15px}}
 @media (max-width:767px){ul.banner-social-buttons li{display:block;margin-bottom:20px;padding:0}ul.banner-social-buttons li:last-child{margin-bottom:0; }
 .close-modal{display:none}
video[poster]{
height:100%;
width:100%;
}
	 
	 .current {
    color: #000 !important;
    background-color: #fff !important;
    border-radius: 0% !important;
  /* border: 2px solid #fff;*/
}
	 
	 .navbar-custom {
    background-color: transparent;
}
	 
	 
 }
 
  .cha-res {display:  inline-block;}
.cha-none-res {display: none}

  @media (min-width:768px){
	  .navbar-custom{
		  padding:0;
	  background: rgba(0,0,0,.3);
	  border-bottom:1px solid rgba(255,255,255,.3);
		  -webkit-transition:background .5s ease-in-out,padding .5s ease-in-out;
		  y-moz-transition:background .5s ease-in-out,padding .5s ease-in-out;transition:background .5s ease-in-out,padding .5s ease-in-out
	  }
	  .navbar-custom.top-nav-collapse{
		  padding:0;
	  background: rgba(0,0,0,.3);
	  border-bottom:1px solid rgba(255,255,255,.3)
	  }
 p { margin:0 0 10px;
	/* font-size:20px;*/
	 line-height:1.35}
  .cha-res {display: none}
.cha-none-res {display:  inline-block;}
	 
		.flex-height {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
	}  
.marge-left {
  position: relative;
  left: -30px;
}
 .marge-top {
  position: relative;
  top: -30px;
}
	  
 }
.relative {
position: relative;

}

 /*
 .navbar-header, .nav navbar-nav {
	 background-color:#000 ;
}
*/
 @media (max-width:768px){

	 .current {

    border-radius: none;
}
 .navbar-header, .nav navbar-nav {
background-color: rgba(0,0,0,.5)
}
.navbar-collapse.in {
    background-color: #000;
}
	 
	 .intro-00{
	background:url(../img/intro-00.jpg) no-repeat top center fixed ;
	
	}
.intro-01{
	background:url(../img/intro-01.jpg) top center  ;
	-webkit-background-size:cover;	-moz-background-size:cover;	background-size:cover;	-o-background-size:cover;
	}
.intro-02{
	background:url(../img/intro-02.jpg) top center  ;
	-webkit-background-size:cover;	-moz-background-size:cover;	background-size:cover;	-o-background-size:cover;
	}
.intro-03{
	background:url(../img/intro-03.jpg) top center  ;
	-webkit-background-size:cover;	-moz-background-size:cover;	background-size:cover;	-o-background-size:cover;
	}
	.intro-04{
	background:url(../img/intro-04-b.jpg)top center  ;
	-webkit-background-size:cover;	-moz-background-size:cover;	background-size:cover;	-o-background-size:cover;
	
	}
		.intro-05{

	  background: url(../img/intro-05.jpg) top center  ;
	-webkit-background-size:cover;	-moz-background-size:cover;	background-size:cover;	-o-background-size:cover;
	}
	
		.intro-06{
	background:url(../img/intro-06.jpg) top center  ;
	-webkit-background-size:cover;	-moz-background-size:cover;	background-size:cover;	-o-background-size:cover;
 }
 .intro-07 {
	background:url(../img/intro-07.jpg) top center  ;
	-webkit-background-size:cover;	-moz-background-size:cover;	background-size:cover;	-o-background-size:cover;
 }
  .intro-08 {
	background:url(../img/intro-08.jpg) no-repeat top center fixed;
	-webkit-background-size:cover;	-moz-background-size:cover;	background-size:cover;	-o-background-size:cover;
 }
   .intro-09 {
	background:url(../img/intro-09.jpg) top center  ;
	-webkit-background-size:cover;	-moz-background-size:cover;	background-size:cover;	-o-background-size:cover;
 }
    .intro-10 {
	background:url(../img/intro-10.jpg) top center  ;
	-webkit-background-size:cover;	-moz-background-size:cover;	background-size:cover;	-o-background-size:cover;
 }
 
     .intro-11 {
	background:url(../img/intro-11.jpg) top center  ;
	-webkit-background-size:cover;	-moz-background-size:cover;	background-size:cover;	-o-background-size:cover;
 }
	 
 .intro {
	display:table;
	height:auto;
	/* padding:0 0;*/
	text-align:center;
	color:#000;
	max-width:100%;
	min-height:80%;
/*display:none;*/
	 margin: 54px 0;
	}

	 .container:nth-child(2),  .container:nth-child(3) {
	
	padding:60px 0 !important;

	}
	 
  }
  
  
 footer{
    padding: 10px 0 50px 0;
}
 footer p{margin:0}

 
 
 /* AJOUT CREATIVE */
 .no-gutter > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

 /* AJOUT CHA */

/*.video-container {
    /*position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
	width: 100%    !important;
  height: auto   !important;
 }*/
 
 .video-container iframe,

.video-container object,
.video-container embed {
	width:100%;
	height:100%;
	position:absolute;
	top:1px;
	left:0;
}



hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 0px solid #eee;
    clear: both;
	height: 20px;
display: block;
}
.trait {
margin-top: 1rem;
margin-bottom: 1rem;

border-top: 1px solid rgba(0,0,0,.1);
clear: both;
}
/* centered columns styles */
.row-centered {
margin: auto;
padding: auto;
float: none;
}
.col-centered {
    float:none;
   margin: auto;
padding: auto;
    /* reset the text-align */

    /* inline-block space fix */
  /*  margin-right:-4px;
   
   display:inline-block;*/
}


.btn {
color:#000;
/*background:#000;
    font-size: 16px;
    font-weight: 300;*/


}

.txt-blanc {
color : #fff
}


.cha-marge {
padding: 50px 0  !important;
}

/*.col-md-4 {

    padding-right: 0px;
	}*/
.glow {	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	
.big{
font-size:60px !important;
line-height:60px;
/*background:rgba(0,0,0,.5);*/
display:block;
padding: 0 0 20px 0;


}



.current {
    color: #fff ;
 background-color: none !important;
  /*  border-radius: 50%;*/
	border-bottom: 2px solid #fff;
}


.float-left {
    margin: 0 10px 10px 0 !important;
    padding: 0 !important;
    display: block !important;
    float: left !important;
}

.float-right {
	margin: 0 0 10px 10px !important;
	padding: 0 !important;
	display: block !important;
	float: right !important;
}


.video-container {
   /* position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;*/
 }
 
 .video-container iframe,
.video-container object,
.video-container video,
.video-container embed {
	/*width:100%;
	height:100%;
	position:absolute;
	top:1px;
	left:0;*/
	width: 100%;
height: auto;
}

.no-padding {padding:0 !important; margin:0 !important}

.card {
  
    border: none !important ;
    border-radius: none !important;
}


.navbar-brand {

    padding: 10px 15px;

}

.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
	margin-bottom: 5px;
    margin-top: 5px;
	line-height: 25px;

	text-decoration: none !important;

}




.img-rounded {
    border-radius: 20px !important;
}

/*
.nav > li > a {
    padding: 10px 10px;

}*/

.rot10 {
-ms-transform: rotate(10deg); /* IE 9 */
  -webkit-transform: rotate(10deg); /* Safari 3-8 */
  transform: rotate(10deg);
	image-rendering: optimizequality;
}

.rot-10 {
-ms-transform: rotate(-10deg); /* IE 9 */
  -webkit-transform: rotate(-10deg); /* Safari 3-8 */
  transform: rotate(-10deg);
	image-rendering: optimizequality;
}

.rot5 {
-ms-transform: rotate(5deg); /* IE 9 */
  -webkit-transform: rotate(5deg); /* Safari 3-8 */
  transform: rotate(5deg);
	image-rendering: optimizequality;
}

.rot-5 {
-ms-transform: rotate(-5deg); /* IE 9 */
  -webkit-transform: rotate(-5deg); /* Safari 3-8 */
  transform: rotate(-5deg);
	image-rendering: optimizequality;
}

.ombre {filter: drop-shadow(-1mm 1mm 0.5mm rgba(0, 0, 0, 0.4));}
.img-rounded {
 /*   filter: drop-shadow(-1mm 1mm 0.5mm rgba(0, 0, 0, 0.4));*/
}

.full-width {
	width: 99vw;
	position: relative;
	margin-left: calc(-50vw + 50%);
}

.rouge {
color :#FF0000;
}
.rose {
color :#FF00D2;
}
/*
.verti {
position: relative;
top: 50%;
transform: translateY(-50%);
	}*/

html, body, #wrapper {
   height:100%;
   width: 100%;

   margin: 0;
   padding: 0;
   border: 0;
	/*background: #FFFFFF;*/
}
#wrapper td {
   vertical-align: middle;
   text-align: center;
}

.fd {
background-image: url("../DOC/fd.jpg");
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}