@import url('http://fonts.googleapis.com/css?family=Oswald');
@import 'http://fonts.googleapis.com/css?family=Montserrat';
@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');

@font-face {
    font-family: 'HelveticaNeueLTStdBlkCn';
    src: url('../fonts/HelveticaNeueLTStdBlkCn.eot');
    src: url('../fonts/HelveticaNeueLTStdBlkCn.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStdBlkCn.woff2') format('woff2'),
         url('../fonts/HelveticaNeueLTStdBlkCn.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStdBlkCn.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStdBlkCn.svg#HelveticaNeueLTStdBlkCn') format('svg');
}

@font-face {
    font-family: 'HelveticaNeueLTStdCn';
    src: url('../fonts/HelveticaNeueLTStdCn.eot');
    src: url('../fonts/HelveticaNeueLTStdCn.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStdCn.woff2') format('woff2'),
         url('../fonts/HelveticaNeueLTStdCn.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStdCn.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStdCn.svg#HelveticaNeueLTStdCn') format('svg');
}

html, body {
	font-size: 100%;
	font-family: 'Montserrat', Helvetica, sans-serif;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:left top;
	background-size:100%;
	background-image:url(../img/fond_page.png);
	margin:0;
	padding:0;
	border:0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position:relative;
	display:block;
	overflow:auto;
}

/*.videos {
	display:block;
	position:relative;
	overflow:hidden;
}
videos {
	max-width: 100%;
	height: auto;
	max-height: 100%;
}
#idle_video {
	right: 0; 
	bottom: 0;
	min-width: 100%; 
	min-height: 100%;
	width: auto; 
	height: auto;
	opacity: 1;
	position: fixed;
	z-index: 1;
	background-size: cover;
	transition: 1s opacity;
}*/

/* TOP BARS */
.top_bar {
	background-color:#FFF;
	position:fixed;
	padding:2px 0;
	width:100%;
	height:inherit !important;
	z-index:100;
	display:block;
    /*border-bottom: 1px solid #e7eae9;*/
    box-shadow: 0px 0px 3px rgba(26, 36, 50, 0.62);
	z-index:999999;
}
/*.screen {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	screen-width:100% !important;
	screen-height:100% !important;
	display: table;
	content: " ";
	clear: both;
	vertical-align:middle !important;
	alignment-adjust:middle !important;
	margin:0 10%;
}
.screen row {
	width:80%;
	height:80%;
	}*/
.logo {
	background-color: #ffffff90;
	}
.logo img{
	max-height:34px;
	}
.logo h2,.logo h1 {
	color: #900;
	text-align:right;
}
.logo span {
	background-color: #fff;
	border-radius: 25px;
	padding: 0px 5px;
	display: inline-table;
}
.logo .aa {
	text-align:right;
}
.logo span a {
	color: #4EB272;
	text-decoration:none;
}
.logo span a:hover {
	color:#900;
	text-decoration:none;
}
.logo span .fa {
	font-size: 13px;
}
.logo h3 {
	margin: 0px;
    text-transform: uppercase;
    padding-left: 5px;
    margin-left: 5px;
    border-left: 1px dotted;
    color: #607e7c;
}
/*.T_body {
    vertical-align: middle;
    height: 100%;
    width: 100%;
    border: none;
	margin:0% auto;
}*/

.mainDiv {
	padding:1px 2px 1px;
	line-height:1;
}

.name_B {
	vertical-align: middle;
	height: 100%;
	width: 100%;
	border: none;
	position: absolute;
	padding: 35px 30px 0px;
	color:#FFF;
	}
.name_B h1 {
	font-family: 'HelveticaNeueLTStdBlkCn';
	font-size: 70px;
	margin-bottom: 0px;
	}
.name_B h4 {
	font-family: 'HelveticaNeueLTStdCn';
	margin-top: -13px;
	padding-left: 96px;
	margin-bottom:20px;
	}
.name_B p {
	font-family: 'HelveticaNeueLTStdCn';
	color:#fff200;
	font-size: larger;
	}
	
.name_A {
	vertical-align: middle;
	height: 100%;
	width: 100%;
	border: none;
	position: absolute;
	padding: 70px 30px 0px;
	color:#000;
	}
.name_A h1 {
	font-family: 'HelveticaNeueLTStdBlkCn';
	font-size: 72px;
	margin-bottom: 0px;
	}
.name_A h4 {
	font-family: 'HelveticaNeueLTStdCn';
	margin-top: -13px;
	padding-left: 45px;
	margin-bottom:25px;
	}
.name_A p {
	font-family: 'HelveticaNeueLTStdCn';
	color:#fff200;
	font-size: larger;
	}
	
.name_C {
	vertical-align: middle;
	height: 100%;
	width: 100%;
	border: none;
	position: absolute;
	padding: 70px 30px 0px;
	color:#B60205;
	}
.name_C h1 {
	font-family: 'HelveticaNeueLTStdBlkCn';
	font-size: 72px;
	margin-bottom: 0px;
	}
.name_C h4 {
	font-family: 'HelveticaNeueLTStdCn';
	margin-top: -13px;
	padding-left: 9px;
	margin-bottom:25px;
	}
.name_C p {
	font-family: 'HelveticaNeueLTStdCn';
	color:#fff200;
	font-size: larger;
	}
	
.name_D {
	vertical-align: middle;
	height: 100%;
	width: 100%;
	border: none;
	position: absolute;
	padding: 70px 30px 0px;
	color:#F9CE99;
	}
.name_D h1 {
	font-family: 'HelveticaNeueLTStdBlkCn';
	font-size: 72px;
	margin-bottom: 0px;
	}
.name_D h4 {
	font-family: 'HelveticaNeueLTStdCn';
	margin-top: -13px;
	padding-left: 155px;
	margin-bottom:25px;
	}
.name_D p {
	font-family: 'HelveticaNeueLTStdCn';
	color:#fff200;
	font-size: larger;
	}
	
.clearfix {
  clear: both;
}
a {
  text-decoration: none;
  color: #fff;  
  margin: 0 10px;
}

/* Hover Transition */

.wrapper {
  overflow: hidden;
  display: inline-block;
  position: relative;
}
  .wrapper:hover .overlay {
    right: 200px;
	width:100%;
	height:100%;
  }
  .wrapper:hover .description {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* IE 5.5-7 */
    filter: alpha(opacity=100);
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Modern browsers */
    opacity: 1;

    transition: 1s ease-in;
    -webkit-transition: 1s ease-in;
  }

  .wrapper .overlay {
    display: block;
    position: absolute;
	height:100%;
    width: 100%;
    top: 0;
    right: -100%;

    transition: .4s ease-out;
    -webkit-transition: .4s ease-out;
  }
    .wrapper .overlay .rectangle,
    .wrapper .overlay .arrow-left {
      position: absolute;
      top: 0;
    }
    .wrapper .overlay .rectangle {
      display: block;
      margin-left: 200px;
      width: 100%;
      height: 100%;
      background-color: rgba(255,255,255,.05);
    }
    .wrapper .overlay .arrow-left {
      position: relative;
      left: 0;
      width: 0; 
      height: 0; 
      top: 0;
      bottom: 0;

      border-bottom: 200px solid transparent; 
      border-right: 200px solid rgba(255,255,255,.05); 
    }

  .wrapper .description {
    text-align: left;
    position: absolute;
    padding: 30px 50px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5.5-7 */
    filter: alpha(opacity=0);
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Modern browsers */
    opacity: 0;

    transition: .2s ease-out;
    -webkit-transition: .2s ease-out;
  }
    .wrapper .description h3 {
      text-align: center;
      font-size: 20px;
      margin-bottom: 25px;
      font-weight: bold;
    }

  .wrapper .link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    margin: 0;
  }

  .wrapper img {
    vertical-align: bottom;
	min-height: 200px;
	width:100% !important;
  }

.wrapper a {
  -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  display: block;
  margin: 11% auto;
  max-width: 180px;
  text-decoration: none;
  border-radius: 4px;
  padding: 10px 30px;
  position:relative;
    width: auto !important;
    float: right;
}

.wrapper a.button {
  color: rgba(255, 255, 255, 1);
  box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 2px inset;
}

.wrapper a.button:hover {
  color: rgba(255, 255, 255, 0.85);
  box-shadow: rgba(30, 22, 54, 1) 0 0px 0px 40px inset;
  text-decoration:none;
  transition: .4s ease-in-out;
 -webkit-transition: .4s ease-in-out;
}

footer {
	position:fixed;
	bottom:0;
	z-index:999999;
	width:100%;
	color:#900;
}
footer .copyright{
	text-align:center;
	font-size:11px;
	font-weight:normal;
	/*margin-top: 10px;*/
	background-color:#fff;
	box-shadow: 0px 0px 2px rgba(26, 36, 50, 0.20);
}
footer .btn-success {
    border-radius: 25px 25px 0px 0px !important;
	/*box-shadow: 0px 1px 1px rgba(0,0,0,0.1);*/
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border: 0px solid rgb(255, 255, 255);
	padding: 5px 20px 0px;
	font-size: 18px;
	text-align: center;
	background-color:rgba(255, 255, 255, 0.2);
}
footer .btn-success:hover{
	background: rgba(255, 255, 255, 1);
	color: rgba(0,0,0,0.9);
	text-decoration:none;
}
footer a,
footer a:hover {
	text-decoration:none;
	margin:0px !important;
}
footer .tts {
	font-family: "Josefin Sans", sans-serif;
	line-height:100px;font-size:30px;font-weight:100;color:#fff;/*text-decoration: underline;text-transform: uppercase;*/
}
/*footer .nav-justified > li > a {
	border-radius: 25px 25px 0px 0px !important;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color: #4eb272;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border: 0px solid rgb(255, 255, 255);
	padding: 5px 20px;
	font-size: 18px;
	text-align: center;
	background-color:rgba(255, 255, 255, 0.2);
}
footer .nav-justified > li > a:hover{
	background: rgba(0,0,0,0.9);
	color: rgba(255, 255, 255, 0.8);
	text-decoration:none;
}*/
/*footer .nav > li > a {
    position: relative;
    display: block;
    background-color:#fff;
	border-radius: 50px !important;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border: 0px solid rgb(255, 255, 255);
	padding: 5px 20px;
	font-size: 18px;
	text-align: center;
	background: rgba(255,255,255,0.5);
}
footer .nav > li > a:hover{
	background: rgba(255,255,255,0.3);
	text-decoration:none;
}*/

/**
  MEDIA QUERIES
*/
@media (max-width: 480px) {
	@import 'http://fonts.googleapis.com/css?family=Montserrat';
@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light');

@font-face {
    font-family: 'HelveticaNeueLTStdBlkCn';
    src: url('../fonts/HelveticaNeueLTStdBlkCn.eot');
    src: url('../fonts/HelveticaNeueLTStdBlkCn.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStdBlkCn.woff2') format('woff2'),
         url('../fonts/HelveticaNeueLTStdBlkCn.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStdBlkCn.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStdBlkCn.svg#HelveticaNeueLTStdBlkCn') format('svg');
}

@font-face {
    font-family: 'HelveticaNeueLTStdCn';
    src: url('../fonts/HelveticaNeueLTStdCn.eot');
    src: url('../fonts/HelveticaNeueLTStdCn.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStdCn.woff2') format('woff2'),
         url('../fonts/HelveticaNeueLTStdCn.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStdCn.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStdCn.svg#HelveticaNeueLTStdCn') format('svg');
}


html, body {
	font-size: 100%;
	font-family: 'Montserrat', Helvetica, sans-serif;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:left top;
	background-size:/*100%*/ cover;
	background-image:url(../img/fond_page.png);
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: auto;
}
.screen {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	screen-width:100% !important;
	screen-height:100% !important;
	display: table;
	content: " ";
	clear: both;
	vertical-align:middle !important;
	alignment-adjust:middle !important;
	margin:0 10%;
}
.screen row {
	width:80%;
	height:80%;
	}
.T_body {
    vertical-align: middle;
    height: 100%;
    width: 100%;
    border: none;
	margin: 10% auto;
}
.logo img{
	max-height: inherit !important;
	}

.mainDiv {
	padding:1px 2px 1px;
	line-height:1;
}
.name_B h1 {
	font-size: 46px;
	text-align:center;
	}
.name_B h4 {
	margin-top: 0x;
	padding-left: 0;
	margin-bottom:10px;
	text-align:center;
	}
.name_B p {
	font-size: medium;
	text-align:center;
	}
	
.name_A {
	padding: 30px 30px 0px;
	}
.name_A h1 {
	font-size: 46px;
	text-align:center;
	}
.name_A h4 {
	margin-top: 0px;
	padding-left: 0px;
	margin-bottom:0px;
	text-align:center;
	}
	
.name_C {
	padding: 30px 30px 0px;
	}
.name_C h1 {
	font-size: 46px;
	text-align:center;
	}
.name_C h4 {
	margin-top: 0px;
	padding-left: 0px;
	margin-bottom:0px;
	text-align:center;
	}
	
.name_D {
	padding: 30px 10px 0px;
	}
.name_D h1 {
	font-size: 46px;
	text-align:center;
	}
.name_D h4 {
	margin-top: 0px;
	padding-left: 0px;
	margin-bottom:0px;
	text-align:center;
	}
}
     
@media (max-width: 767px) {
@import 'http://fonts.googleapis.com/css?family=Montserrat';
@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light');

@font-face {
    font-family: 'HelveticaNeueLTStdBlkCn';
    src: url('../fonts/HelveticaNeueLTStdBlkCn.eot');
    src: url('../fonts/HelveticaNeueLTStdBlkCn.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStdBlkCn.woff2') format('woff2'),
         url('../fonts/HelveticaNeueLTStdBlkCn.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStdBlkCn.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStdBlkCn.svg#HelveticaNeueLTStdBlkCn') format('svg');
}

@font-face {
    font-family: 'HelveticaNeueLTStdCn';
    src: url('../fonts/HelveticaNeueLTStdCn.eot');
    src: url('../fonts/HelveticaNeueLTStdCn.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStdCn.woff2') format('woff2'),
         url('../fonts/HelveticaNeueLTStdCn.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStdCn.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStdCn.svg#HelveticaNeueLTStdCn') format('svg');
}


html, body {
	font-size: 100%;
	font-family: 'Montserrat', Helvetica, sans-serif;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:left top;
	background-size:/*100%*/ cover;
	background-image:url(../img/fond_page.png);
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: auto;
}
.screen {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	screen-width:100% !important;
	screen-height:100% !important;
	display: table;
	content: " ";
	clear: both;
	vertical-align:middle !important;
	alignment-adjust:middle !important;
	margin:0 10%;
}
.screen row {
	width:80%;
	height:80%;
	}
.T_body {
    vertical-align: middle;
    height: 100%;
    width: 100%;
    border: none;
	margin: 10% auto;
}
.logo img{
	max-height: inherit !important;
	}
.name_B h1 {
	font-size: 46px;
	text-align:center;
	}
.name_B h4 {
	margin-top: 0x;
	padding-left: 0;
	margin-bottom:10px;
	text-align:center;
	}
.name_B p {
	font-size: medium;
	text-align:center;
	}
	
.name_A {
	padding: 30px 30px 0px;
	}
.name_A h1 {
	font-size: 46px;
	text-align:center;
	}
.name_A h4 {
	margin-top: 0px;
	padding-left: 0px;
	margin-bottom:0px;
	text-align:center;
	}
	
.name_C {
	padding: 30px 30px 0px;
	}
.name_C h1 {
	font-size: 46px;
	text-align:center;
	}
.name_C h4 {
	margin-top: 0px;
	padding-left: 0px;
	margin-bottom:0px;
	text-align:center;
	}
	
.name_D {
	padding: 30px 10px 0px;
	}
.name_D h1 {
	font-size: 46px;
	text-align:center;
	}
.name_D h4 {
	margin-top: 0px;
	padding-left: 0px;
	margin-bottom:0px;
	text-align:center;
	}
}
     
@media (max-width: 979px) {
}
     
@media (min-width: 768px) and (max-width: 979px) {
}
     
@media (min-width: 980px) and (max-width: 1170px) {
}
     
@media (min-width: 1200px) {
}

.top_bar .fond{position:absolute;padding-top:85px;top:0;left:0; right:0;bottom:0;
 /*background-color:#00506b;*/}

.top_bar .style_prevu_kit
{
    display:inline-block;
    border:0;
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);   

}
.top_bar .style_prevu_kit:hover
{
    /*box-shadow: 0px 0px 150px #000000;*/
    z-index: 2;
    -webkit-transition: all 200ms linear;
    -webkit-transform: scale(3.0);
    -ms-transition: all 200ms linear;
    -ms-transform: scale(3.0);   
    -moz-transition: all 200ms linear;
    -moz-transform: scale(3.0);
    transition: all 200ms linear;
    transform: scale(3.0);
	position:relative;
	background-color: white;
	top: 30px;
	left: 95px;
	cursor:pointer;
}