/**
 * CSS dwarf
 */

/*@import url('https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic');
@import url('https://fonts.googleapis.com/css?family=Trirong:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Tangerine:400,700');*/


@import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,700');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Tangerine:400,700');
@import url('//static.azko.fr/css/font-awesome-4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Halant:300,400,500');
@import url('https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Infant:300,400,500,600,700');

/*$(document).ready(function(){
    setTimeout(function(){
        $('#actuslider_220').carousel('pause');
        console.log('TEST');
    }, 500);
});*/

/*font-family: 'Josefin Sans', sans-serif;
font-family: 'Droid Serif', serif;*/
.TitreFull {
    width: 100%;
    text-align: center;
    margin: auto;
}

section iframe{
	width:872px;
	height:490px;
}
* {
    font-family: 'Josefin Sans', sans-serif;
}
html{
	height :100% ;
}
.form-group.RgpdConsent label.RgpdConsentLabel{
	font-weight: inherit;
	text-align:left;
}
strong{
	font-weight:600;
}
ul{
    list-style: none;
}
a {
	transition: all 0.3s ease-in-out 0s;
    color: #666;
    text-decoration: none;
    border:none;
}
a:hover,
a:focus{
	transition: all 0.3s ease-in-out 0s;
    text-decoration:none;
	border:none;
	outline: none;
    color:#666;
}
label.obligatoire:after {
    color: #a2a2a2;
    content: " * ";
    font-family: arial;
}
h1{
	margin-top:0;
	margin-bottom:40px;
	font-weight:300;
	font-size: 29px;
	text-align:center;
}
h1:after{
	display:block;
	content:"\00a0";
	width:100px;
	height:30px;
	margin:auto;
	border-bottom:1px solid #000;
	text-align:center;
}
/*-------section------------*/
section{
    padding-left: 15px;
    padding-right: 15px;
}
section > .sectionContainer {
    margin: auto;
    max-width: 1250px;
	/* padding: 0 15px;*/
	padding: 0px 0px;
    width: 100%;
}
body .mainContents.container {
    max-width: 100%;
    position:relative;
    padding: 0px;
    height :100% ;
}
section.FondGris{
	padding:40px 0;
	background:#efefef;
}
.container {
    width:100%;
    max-width: 1250px;
}
.container.filAriane{
	display:none;
}
.filArianeLabel{
	float:left;
	padding: 9px 2px 0 0;
	font-size:10px;
}
.breadcrumb {
	padding: 1px 15px 0 15px;
    background-color: transparent;
    margin-bottom: 36px;
}
.breadcrumb > li a,
.breadcrumb > li a span {
    color: #333333;
    font-size:10px;
}
.breadcrumb > li a span:before{
    content:" - ";
}
.breadcrumb > li:last-child a {
    color: #000;
}
.breadcrumb > li + li:before {
    padding: 0 5px;
    font-size:10px;
}
/*--------btn----------*/

.btnSubmit {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #333;
    border-radius: 30px;
    color: #333;
    display: block;
    float: right;
    font-size: 15px;
    font-weight: 200;
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 11px 31px;
    position: relative;
    text-transform: uppercase;
}
.btnSubmit:hover,
.btnSubmit:focus,
.btnSubmit:active,
.btnSubmit.active,
.btnSubmit.disabled,
.btnSubmit[disabled] {
	color: #FFFFFF;
	background-color: #333;
	border-color: #333;
	transition: all 0.3s ease-in-out 0s;
}
/* ------------ 404 ------------- */
.container.bloc404{
	margin-top:20px;
}
.container.bloc404 .btnSubmit{
	margin-top:20px;
}





/*---------header site--------*/
header{
	/*border-bottom:1px solid #383838;*/
}
.headerContents {
   /* max-height: 900px;
    overflow: hidden;*/
}
.headerContents .container {
    width: 100%;
    max-width: 100%;
    padding: 0px;
    position: relative;
}

.headerContents .container .content_diaporama img, 
.headerContents .container .content_image img {
    min-width: 100%;
    min-height: 100%;
}

.headerContents .container .content_diaporama .texte.diaporama{
	min-height: 100%;
	height: 100%;
}






/*---------------header-----AfficheImageHEADER--------------------*/

body{
	font-weight:300;
    font-size:18px;
    /*color:#97928c;*/
	height:100%;
	min-height:100%;
}
header{
	background:#97928c;
}
body.Accueil .pagedefaut {   
    /*height: calc(100% - 120px);*/
	height: calc(100% - 119px);
}
.headerContents {
    width: 100%;
    min-height: 100%;
    height:100%;
}
.headerContents .container {
	width: 100%;
	min-height: 100%;
    height:100%;
	padding:0;
}
body.Accueil .mainContents.container {
	height:0px;
}
.headerContents .container .content.content_diaporama, 
.headerContents .container .content_image{
    min-height: 100%;
	height:100%;
}
.headerContents .container .content.content_diaporama .carousel {
	min-height: 100%;
	height:100%;
}
.headerContents .container .content.content_diaporama .carousel-inner {
	min-height: 100%;
	height:100%;
}
.headerContents .container .content.content_diaporama .carousel-inner .item {
    min-height: 100%;
    height: 100%;
    overflow: hidden;
}
.headerContents .container .content_diaporama img, 
.headerContents .container .content_image img {
	min-width: 100%;
    min-height: 100%;
    width: auto !important;
    height: auto !important;
    display: block;
    object-fit: cover;
	position:absolute;
	top:50%;
    transform:translateY(-50%);
}
.headerContents .content_diaporama .carousel-inner>.item>img  { 
	width:100%; 
	height:100%;
	min-height:100%;
} 
.headerContents .content_diaporama .carousel-inner>.item>a>img{ 
	width:100%; 
	height:100%;
	min-height:100%;
}
/*-----------------carousel--------------*/
.carousel-control {
    opacity: 1;
}
.carousel-control.left{
   display:none;
}
.carousel-control.right {
	background-image:linear-gradient(to right,rgba(0,0,0,.0000) 0,rgba(0,0,0,0) 100%);
}
.carousel-control.right:before {
	/*font: normal normal normal 14px/1 FontAwesome;
	-webkit-font-smoothing: antialiased;
    display: inline-block;
    font-size: 74px;
    content: "\f0da";*/
	display: inline-block;
    content: ">";
    font-weight: 100;
    font-family: 'lato';
    color: rgba(255, 255, 255, 0.31);
    font-size: 130px;
    width: 28px;
    position: absolute;
	bottom: 17%;
}
.headerContents .content_diaporama.UneImage .carousel-control.right{
	display:none;
}


/*---------header all pages-----------*/

body.Animation .headerContents .container .content.content_diaporama .carousel-inner .item,
/*body.Careers .headerContents .container .content.content_diaporama .carousel-inner .item,*/
body.Contact .headerContents .container .content.content_diaporama .carousel-inner .item,
body.Fiche .headerContents .container .content.content_diaporama .carousel-inner .item,
body.Mentions .headerContents .container .content.content_diaporama .carousel-inner .item {
	min-height: 800px;
    height: 800px;
    overflow: hidden;
}







/*----------text diapo-----------*/
/*.headerContents .content_diaporama .diaporamaItemTexte .container{
    max-width:1250px; 
    margin:auto;
    width:100%; 
}*/
.headerContents .content_diaporama .diaporamaItemTexte{ 
	display: block;
    position: absolute;
    bottom: -126px;
    right: -126px;
    width: 500px;
    height: 499px;
     max-height: 499px;
    overflow: hidden; 
    transition: all 0.3s ease-in-out 0s;
}

/*.headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo{
	background-color: rgba(0, 0, 0, 0.5);
    font-size:24px;
    padding: 20px;
    text-align: center;
    float:right;
    transition: all 0.3s ease-in-out 0s;
}*/
.headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo{
	/*background-color: rgba(0, 0, 0, 0.5);   background arrondi   */ 
    font-size: 24px;
    padding: 117px 0px 0px 50px;
    width: 500px;
    text-align: left;
    /* top: 30px; */
    right: 0;
    /* float: right; */
    transition: all 0.3s ease-in-out 0s;
    height: 500px;
    border-radius: 300px;
    /* margin: -172px; */
    position: absolute;
}
/*.headerContents .container .content.content_diaporama .carousel-inner .item.active {
    min-height: 100%;
    height: 100%;
    overflow: hidden;
}*/
.headerContents .content_diaporama .diaporamaItemTexte:hover{ 
	display: block;
    position: absolute;
    bottom: -126px;
    right: -101px;
    width: 550px;
	transition: all 0.3s ease-in-out 0s;
}
/*.headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo:hover{
	height: 550px;
	width: 550px;
	padding: 117px 0px 0px 0;
	transition: all 0.3s ease-in-out 0s;
}*/
.headerContents .carousel-inner>.item img.pull-left,
.headerContents .carousel-inner>.item img.active.pull-left{
	float:none!important;
}
.headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.TitrePEC{
	color:#ffee49;
	display:block;
	position:relative;
	font-weight:400;
}


.headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo .TitrePEC:after{
    background: url(img/sprite.png) no-repeat scroll 100px 40px;
    content: "\00a0";
    display: block;
    width: 323px;
    height: 137px;
}


.headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo .TitrePEC:hover:before,
.headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.TitrePEC:hover{
	/*color: #06abe1;*/
	transition: all 0.3s ease-in-out 0s;
}
.headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.TitrePEC:before{
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f055";
	font-size: 40px;
	display: block;
	width: 300px;
	top: 96px;
	left: 250px;
	color: #ffee49;
	height: 30px;
	width: 30px;
	position: absolute;
	transition: all 0.3s ease-in-out 0s;
}



/*font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    font-size: 17px;
    color: rgba(255, 255, 255,1);
    content: "\f099";
    text-align: center;
    height: 30px;
    width: 30px;
    border-radius:17px;
    padding-top: 6px;
    background:#496cae;*/





/*-------*/
body.Accueil footer {
	bottom: 0;
    width: 100%;
    position: absolute;
	z-index: 1000;
}
body.Accueil header{
	border-bottom:0;
}
/*-----menu------*/
.Menu {
	width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-between;
    float: left;
    padding: 10px 0 10px;

}
ul.nav.navbar-nav{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-between;
	width: 74%;
	margin:auto;
}

ul.nav.navbar-nav:before,
ul.nav.navbar-nav:after{
    display:none;
}
.navbar-default {
	background-color: transparent;
    border-left:none;
    border-right:none;
}

div#mainMenu.collapse.navbar-collapse::before{
    display:none;
}
.navbar-collapse {
    padding-left: 0px;
    padding-right: 0px;
}
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form,
.navbar-default  {
    border: none;
}
.navbar-default .navbar-nav > li > a {
 	height: auto;
 	color:#eaeaea;
}
.nav > li > a {
	color:#000;
	font-size: 13px;
	/*font-family: 'Cormorant Infant', serif;
	font-family: 'Halant', serif;
	font-family: 'Droid Serif';*/
    text-transform: uppercase;
    background-color: transparent;
    padding:0;
}
/*.navbar-default .navbar-nav > li:first-child{
    display: none;
}*/

.navbar-nav > li > a:hover{
	opacity:1;
}

.navbar{       
    margin-bottom:0px;
}

.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus {
    color: #000;
	font-weight:600;
	background-color: transparent;
}
.navbar-default .navbar-nav > .active > a{
    background-color: transparent;
    color:#000;
    font-weight:600;
} 
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus{
    background-color: transparent;
} 
.navbar-default .navbar-nav > li.active > a{
    background-color: transparent;
}
.navbar-default .navbar-nav >.open > a, 
/*.navbar-default .navbar-nav > .open > a:hover, */
.navbar-default .navbar-nav > .active > a:focus {
	background-color: transparent;
    color:#fff;
	opacity:1;
}
.navbar-default .navbar-nav > .open > a:hover{
	background-color: transparent;
	color:#000;
}
.navbar-nav > li > a {

}
/*.navbar-nav > li.menuBtnPage63 a,
.navbar-nav > li.menuBtnPage67 a,
.navbar-nav > li.menuBtnPage69 a{
	cursor:pointer;
	color:#fff;
} 
.navbar-nav > li.menuBtnPage63 a:hover,
.navbar-nav > li.menuBtnPage67 a:hover,
.navbar-nav > li.menuBtnPage69 a:hover{
	color:#fff;
} */

.navbar-nav > li.menuBtnPage63,
.navbar-nav > li.menuBtnPage64,
.navbar-nav > li.menuBtnPage65{
	order:-1;
	text-align: left;
}
.navbar-nav > li.menuBtnPage66,
.navbar-nav > li.menuBtnPage67,
.navbar-nav > li.menuBtnPage69{
	text-align: right;
}
.navbar-default .navbar-nav > li:first-child{
    width:203px;
}
.nav > li:first-child > a {
    padding-left: 203px;
    width: 0px;
    overflow: hidden;
    background: url('img/Dwarf.png') no-repeat;
	height: 41px;
    margin-top: 4px;
}
/*----*/




.Top{
	display:none;
	/*padding-top:20px;
	text-align: center;*/
}
.Construction{
	color: #fff;
	width:266px;
    padding: 5px;
    font-size: 14px;
    position: absolute;
    border: 1px solid;
    top: 0px;
    right: 0;
}
.Construction:before{
	font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    font-size: 17px;
    color: rgba(255, 255, 255,1);
    content: "\f071";
    text-align: center;
    height: 30px;
    width: 30px;
    border-radius:17px;
    padding-top: 6px;
}  
/*--------------RS------------*/
.TopReso {
	position: absolute;
    width: 169px;
    /* float: right; */
    right: 10px;
    padding-top: 32px;
}
.TopReso ul.menuSocial {
    float: right;
    list-style: outside none none;
    margin-bottom: 0;
    margin-top: 0px;
    padding-left: 0;
}
ul.menuSocial li {
    display: inline-block;
    margin-right:5px;
    border-radius:4px;
}
/*.TopReso ul.menuSocial li {
    margin-right:15px;
}*/
.TopReso ul.menuSocial li:last-child {
    margin-right:0px;
}
ul.menuSocial li a:before{
	font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    font-size: 15px;
    color: rgba(255, 255, 255,1);
    content: "\f099";
    text-align: center;
    height: 23px;
    width: 23px;
    border-radius: 17px;
    padding-top: 4px;
    background: #496cae;
}
ul.menuSocial li a.btn_facebook:before{ 
    content: "\f09a";
    background:#496cae;
	transition: all 0.3s ease-in-out;
}
ul.menuSocial li a.btn_facebook:hover:before{ 
    color:#ccc;
}
ul.menuSocial li a.btn_twitter:before{ 
	content: "\f099";
	transition: all 0.3s ease-in-out;
	background:#27b8e5;
}
ul.menuSocial li a.btn_twitter:hover:before{ 
	color: #ccc;
}
ul.menuSocial li a.btn_linkedin:before{
	content: "\f0e1";
	transition: all 0.3s ease-in-out;
	background:#008ec3;
}
ul.menuSocial li a.btn_linkedin:hover:before{
   color:#ccc;
}
ul.menuSocial li a.btn_gplus:before{
    content: "\f0d5";
	transition: all 0.3s ease-in-out;
	background:#dc493c;
}
ul.menuSocial li a.btn_gplus:hover:before{
    color: #ccc;
}
ul.menuSocial li a.btn_youtube:before{
    content: "\f16a";
	transition: all 0.3s ease-in-out;
	background:#cc0000;
}
ul.menuSocial li a.btn_youtube:hover:before{
    color: #ccc;
}
ul.menuSocial li a.btn_twitter:hover:before{ 
	color: #ccc;
}
ul.menuSocial li a.btn_vimeo:before{ 
	content: "\f27d";
	transition: all 0.3s ease-in-out;
	background:#1ab7ea;
}
ul.menuSocial li a.btn_vimeo:hover:before{ 
	color: #ccc;
}







.ResoPied ul.menuSocial li a:hover,
.ResoPied ul.menuSocial li:hover{
	opacity:1;
}
.ResoPied ul.menuSocial li a:before{
    background:none;
    color:#fff;
}
.ResoPied ul.menuSocial li a.btn_facebook:hover:before{ 
    color:#496cae;
    opacity:1;
}
.ResoPied ul.menuSocial li a.btn_youtube:hover:before{
 	opacity:1;
	color:#cc0000;
}
.ResoPied ul.menuSocial li a.btn_gplus:hover:before{
    color:#dc493c;
	opacity:1;
}
.ResoPied  ul.menuSocial li a.btn_linkedin:hover:before{
   color:#008ec3;
   opacity:1;
}
.ResoPied ul.menuSocial li a.btn_twitter:hover:before{ 
	color:#27b8e5;
	opacity:1;
}
.ResoPied ul.menuSocial li a.btn_vimeo:hover:before{ 
	color:#1ab7ea;
	opacity:1;
}
.ResoPied ul.menuSocial{
    margin: 0;
    padding: 0;
}

/*----------------footer--------------*/
footer{
	position:relative;
}
footer .FondFooter{
	background: #97928c;
    padding: 10px 0;
}
footer .Foot.container{
	text-align: center;
    margin: auto;
    max-width: 411px;
    padding: 0;
}
footer .Footer2{
	float:left;
}
footer .Footer2 ul{
	padding-left:0px;
	margin-bottom:0px;
}
footer .Footer2 ul li{
	display:inline;
}
footer .Footer2 ul li a {
    font-size: 12px;
    color:#fff;
    font-family: 'Josefin Sans';
    padding: 0 10px;
}
footer .Footer2 ul li a:hover {
    color:#000;
}
footer .Footer2 ul li:after {
    content: " - ";
    font-size: 12px;
    color:#fff;
}
footer .Made{
    /*float: left;
    text-align: left;*/
    font-size: 15px;
}
footer .Made span{
	font-family: 'Halant', serif;
    color: #fff;
    width: 126px;
    position: absolute;
    right: -23px;
    top: 14px;
    display: block;
}
/*footer .Made span:before {
    content: " - ";
    font-size: 20px;
    color:#fff;
    display: inline-block;
	width: 16px;
}*/
footer .ResoPied{
	padding-left:7px;
	float:left;
	text-align:center;
	font-size:14px;
	color:#fff;
}
footer .FondSignature{
	background: #fff;
	padding: 5px 0;
}
footer .Signature{
	font-size:10px;
}


/*----------text diapo-----------

body.Animation .headerContents .content_diaporama .diaporamaItemTexte{ 
	display: block;
    position: absolute;
    bottom: -126px;
    right: -126px;
    width: 500px;
    height: 499px;
    max-height: 499px;
    overflow: hidden;
}
body.Animation .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo{
    font-size: 24px;
    padding: 53px 0px 0px 69px;
    width: 500px;
    text-align: left;
    bottom: -81px;
    right: 0;
	transition: all 0.3s ease-in-out 0s;
    height: 500px;
    border-radius: 300px;
    position: absolute;
}
body.Animation .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.TitrePEC span{
    display:none;
}   
body.Animation .headerContents .carousel-inner>.item img.pull-left{
    float:none!important;
}
body.Animation .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.Lien{
    color:#ffee49;
    display:block;
    text-align:left;
    text-transform:uppercase;
    font-size:20px;
}
body.Animation .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.Lien:before{
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f138 ";
    font-size: 30px;
    display: inline-block;
    width: 35px;
    color: #ffee49;
    transition: all 0.3s ease-in-out 0s;
}
body.Animation .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.Lien:hover{
    color: #06abe1;
}
body.Animation .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.Lien:hover:before{
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f13a";
    font-size: 30px;
    display: inline-block;
    width: 35px;
    color: #06abe1;
    transition: all 0.3s ease-in-out 0s;
}
body.Animation .headerContents .content_diaporama .diaporamaItemTexte:hover {
    display: block;
    position: absolute;
    bottom: -126px;
    right: -101px;
    width: 550px;
    transition: all 0.3s ease-in-out 0s;
}
body.Animation .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.TitrePEC:before{
	 display: none;
}
body.Animation .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo .TitrePEC:after {
    background: url(img/sprite.png) no-repeat scroll 1px -150px;
    content: "\00a0";
    display: block;
    width: 205px;
    height: 164px;
}*/

/*-----*/
/*-----------Animation---------*/

body.Animation section.FondNoir{
	background:#000;
	color:#fff;
	padding: 40px 0 0 0;
}
body.Animation section.FondNoir h1:after{
    border-bottom: 1px solid #fff;
}
body.Animation section.FondNoir .sectionContainer{
	text-align:center;
	padding: 10px;
}
body.Animation section.FondNoir .Description{
	max-width:720px;
	text-align:center;
}
body.Animation section.FondNoir .people{
	max-width:894px;
	text-align:center;
}
/*body.Animation section.TitreDemo .sectionContainer {
    padding-top: 0px;
    padding-bottom: 20px;
    width: 720px;
}*/
body.Animation section.FondNoir .sectionContainer .Video{
	padding: 0 0 50px 0;
    max-width: 720px;
    width: 720px;
    height: 420px;
}
body.Animation section iframe{
	max-width: 100%;
    width: 100%;
    height: 420px;
}
body.Animation section .content .texte.image img{
	margin-bottom: 14px;
    margin-top: 46px;
}

body.Animation section.FondNoir .sectionContainer .content.Created:after{
    content: '';
    height: 1px;
    width: 200px;
    display: block;
    background: #fff;
    margin: 42px auto 0px auto;
}

body.Animation section.FondNoir.Demo{
	background:#000;
	color:#fff;
	padding: 0px 0 0 0;
}

/*body.Animation section.TitreDemo .content.Titre {
    width: 100%;
    background: #FC9B26;
    min-height: 50px;
}
body.Animation section.TitreDemo h2 {
    margin-top: 0;
    font-weight: 400;
    padding: 20px 30px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 10px;
    display: inline;
    background: #dff2fb;
}*/




/*__________SERVICES______*/
body.Services section.FondNoir{
	background:#000;
	color:#fff;
	padding: 40px 0 0 0;
}
body.Services section .content .texte.image img{
	/*margin-bottom: 60px;*/
	margin-top: 40px;
}
body.Services section.FondNoir .Description{
	max-width:720px;
	text-align:center;
}
body.Services section.FondNoir .people {
    max-width: 894px;
    text-align: center;
    padding: 40px 0;
}
body.Services .pagedefaut{
	background:#000;
    height: calc(100% - 120px);
}
body.Services footer{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
}



/*__________TECHNOLOGY______*/

body.Technology section.FondNoir{
	background:#000;
	color:#fff;
	padding: 40px 0 40px 0;
}

body.Technology section.FondNoir .Description{
	max-width:720px;
	text-align:center;
	padding: 40px 0;
}
body.Technology section.FondNoir .people {
    max-width: 894px;
    text-align: center;
    padding: 40px 0;
}
body.Technology .pagedefaut{
	background:#000;
    height: calc(100% - 120px);
}
body.Technology footer{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
}

/*----------contact-----------*/
body.Contact section.FondGris{
	background: #c5c2bf;
	color:#fff;
	padding: 40px 0 0px 0;
}
label.obligatoire:after {
    color: #fff;
    content: " * ";
    font-family: 'Josefin Sans', sans-serif;
}
body.Contact .sectionContainer{
    text-align: center;
}
body.Contact section.FondGris.Formu{
	padding: 0px 0 0px 0;
}
body.Contact .content_frmcontact{
	margin-top:30px;
	margin-bottom:30px;
    width: 100%;
}
body.Contact .form-horizontal .control-label {
    text-align: left;
}
body.Contact .form-horizontal label {
    font-weight:300;
}
body.Contact .form-horizontal .form-group {
    margin-bottom: 7px;
}
body.Contact .form-control{
	border-radius: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0);
}
body.Contact .contactFrmInfo{
	font-size: 12px;
}
body.Contact section.Formu .sectionContainer{
	display:flex;
    flex-flow:row wrap;
    justify-content: space-center;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-center;
	width: 529px;
	color: #fff;
}
body.Contact .btnSubmit{
	background: rgb(151, 146, 140) none repeat scroll 0 0;
    border: none;
    border-radius: 0;
    color: #fff;
    display: block;
    float: right;
    /* font-size: 15px; */
    font-weight: 300;
    margin-bottom: 30px;
    margin-top: 30px;
	padding: 9px 18px;
    text-transform: uppercase;
     transition: all 0.3s ease-in-out 0s;
}
body.Contact .btnSubmit:before{
    font: normal normal normal 14px/1 FontAwesome;
     -webkit-font-smoothing: antialiased;
    content: "\f1d8";
    /*font-size: 20px;*/
    padding-right:30px;
    display: inline-block;
    width:30px;
    color: #fff;
    transition: all 0.3s ease-in-out 0s;
}
body.Contact .btnSubmit:hover{
	background: #333;
}
body.Contact section.FondGris.Map {
    padding: 0;
}
body.Contact section.FondGris.Map .sectionContainer{
	width:100%;
	max-width:100%;
}

body.Contact section.FondGris.Map .content_cartegmap{
	width:100%;
}

body.Contact section.FondGris.Map .cartegmap_map {
    /* height: 400px; */
    overflow: visible;
    margin: auto;
    display: block;
    width: 100%;
}









/*body.Contact .content_adresse{
	min-width:700px;
}
body.Contact iframe{
	height: 172px;
    width: 398px;
}
body.Contact a.Bouton {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 30px;
    color: #fff;
	font-weight: 300;
    display: inline-block;
    margin:auto;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 11px 31px;
    position: relative;
    text-transform: uppercase;
}
body.Contact a.Bouton:hover{
	opacity:1;
	color: #FFFFFF;
	background-color: #000;
	border-color: #000;
	transition: all 0.3s ease-in-out 0s;
}*/




/*body.Services .pagedefaut{
	background:#000;
    height: calc(100% - 120px);
}
body.Services footer{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
}*/

/*----------------Careers----------*/
body.Careers .carousel-control.right:before{
	display:none;
}
body.Careers .pagedefaut {
    height: calc(100% - -240px);
}
body.Careers .headerContents {
    width: 100%;
    min-height: 100%;
    height: 100%;
}
body.Careers footer {
    bottom: -380px;
    width: 100%;
    position: absolute;
    z-index: 1000;
}
body.Careers .headerContents .container {
    width: 100%;
    min-height: 100%;
    height: 100%;
    padding: 0;
}
body.Careers .mainContents.container {
    max-width: 100%;
    position: absolute;
    padding: 0px;
    height: auto;
	top: 214px;
    margin: auto;
}
body.Careers .mainPage{
	position: absolute;
    margin: auto;
    width: 100%;
}
/*body.Careers .headerContents .container .content_diaporama img, 
body.Careers .headerContents .container .content_image img{
	min-width: 100%;
    min-height: 100%;
    width: auto !important;
    height: auto !important;
    display: block;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}*/


body.Careers h1:after {
   display:none;
}
body.Careers h2{
	margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
	font-weight: 300;
}
body.Careers h2:before{
	display: block;
    content: "\00a0";
    width: 112px;
    height: 20px;
    margin: 0px auto 30px auto;
    border-bottom: 2px solid #fff;
    text-align: center;
}
body.Careers section .sectionContainer{
	max-width:760px;
	text-align:center;
}
body.Careers section .sectionContainer .texte{
	color:#fff;
}
body.Careers a.Bouton {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    margin:auto;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 30px;
    margin-top: 30px;
	padding: 14px 31px 8px 31px;
    position: relative;
    text-transform: uppercase;
}
body.Careers a.Bouton:hover{
		opacity:1;
	color: #FFFFFF;
	background-color: rgba(0, 0, 0, 0.43);
	border-color:rgba(0, 0, 0, 0);
	transition: all 0.3s ease-in-out 0s;
}

body.Careers section.Annonces .lien.Bouton a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    margin:auto;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 30px;
    margin-top: 30px;
	padding: 14px 31px 8px 31px;
    position: relative;
    text-transform: uppercase;
}
body.Careers section.Annonces .lien.Bouton a:hover{
	opacity:1;
	color: #FFFFFF;
	background-color: rgba(0, 0, 0, 0.43);
	border-color:rgba(0, 0, 0, 0);
	transition: all 0.3s ease-in-out 0s;
}
body.Careers .container.sousMenu{
	display:none;
}
body.AnnonceDetail section.FondNoir{
	background:#c5c2bf;
	color:#fff;
	padding: 40px 0 0 0;
}
body.AnnonceDetail section.FondNoir h1:after{
    border-bottom: 1px solid #fff;
}
body.AnnonceDetail section.FondNoir .sectionContainer{
	text-align:center;
	padding: 10px;
}
body.AnnonceDetail section.FondNoir .TitreAnnonceDetail{
	max-width: 890px;
    width: 100%;
    font-weight:100;
    font-size: 23px;
    color: #504e4b;
    text-align: left;
}
body.AnnonceDetail section.FondNoir .TitreAnnonceDetail h3{
    font-size: 23px;
	font-weight:100;
	width: 100%;
    color: #fff;
    text-align: left;
}
body.AnnonceDetail section.FondNoir .Description{
	max-width:890px;
	text-align:left;
	padding-top:20px;
}
body.AnnonceDetail section.FondNoir .Description ul{
	list-style: disc;
}
body.AnnonceDetail section.FondNoir .Description h3{
    color: #504e4b;
    font-size:18px;
}
/*body.AnnonceDetail section.FondNoir .TitreAnnonceDetail{
	max-width:890px;
	width:100%;
	text-align:center;
}
body.AnnonceDetail section.FondNoir .Description{
	max-width:890px;
	text-align:center;
	padding-top:20px;
}*/
body.AnnonceDetail a.Bouton {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    margin:auto;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 30px;
    margin-top: 15px;
	padding: 14px 31px 8px 31px;
    position: relative;
    text-transform: uppercase;
}
body.AnnonceDetail a.Bouton:hover{
	opacity:1;
	color: #FFFFFF;
	background-color: #000;
	border-color: #000;
	transition: all 0.3s ease-in-out 0s;
}


ul.rsJobUl{
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    width: 71px;
    margin: auto;
    padding: 0;
}
.rsJob{ 
    width: 34px;
	position:relative;
}

.btnLk:hover:after{
	color:#5EB6DD;
}

.btnRs:after{
	font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    font-size: 19px;
    color: rgb(255, 255, 255);
    content: "\f099";
    text-align: center;
    height: 30px;
    width: 30px;
	border-radius: 17px;
    padding-top: 6px;
	background: #496cae;
	
}

.btnRs:hover:after{
	opacity:0.8;
}

.btnRs.fb:after{
    content: "\f09a";
    transition: all 0.3s ease-in-out;
}
.btnRs.lk:after{
    content: "\f0e1";
    transition: all 0.3s ease-in-out;
    background: #008ec3;
}
.btnRs span{
	display:none;
}



/*--------------Fiche-----------*/



/*----------text diapo-----------*/




body.Fiche .headerContents .content_diaporama .diaporamaItemTexte{ 
	display: block;
    position: absolute;
    bottom: -126px;
    right: -126px;
    width: 500px;
    height: 499px;
    max-height: 499px;
    overflow: hidden;
}
body.Fiche .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo{
    /*    background-color: rgba(0, 0, 0, 0.5);*/
    font-size: 24px;
    padding: 47px 0px 0px 95px;
    width: 500px;
    text-align: left;
    bottom: -81px;
    right: 0;
    /* float: right; */
    /* transition: all 0.3s ease-in-out 0s; */
    height: 500px;
    border-radius: 300px;
    /* margin: -172px; */
    position: absolute;
}
body.Fiche .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.TitrePEC span{
    display:none;
}   
body.Fiche .headerContents .carousel-inner>.item img.pull-left{
    float:none!important;
}
body.Fiche .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.Lien{
	color: #ffee49;
    display: block;
    text-align: left;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 300;
}
body.Fiche .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.Lien:before{
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f138 ";
    font-size: 30px;
    display: inline-block;
    width: 50px;
    color: #ffee49;
    transition: all 0.3s ease-in-out 0s;
}
body.Fiche .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.Lien:hover{
    color: #06abe1;
}
body.Fiche .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.Lien:hover:before{
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f13a";
    font-size: 30px;
    display: inline-block;
    width: 50px;
    color: #06abe1;
    transition: all 0.3s ease-in-out 0s;
}
body.Fiche .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo .TitrePEC:after{
    background: url(img/sprite.png) no-repeat scroll 1px 11px;
    content: "\00a0";
    display: block;
    width: 205px;
    height: 122px;
}

body.Fiche .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.TitrePEC:before{
    display:none;
}


/*------*/
section.FondCoul {
    background: #bb317d;
    padding-top: 61px;
}
body.Fiche section.Fiche.FondGris {
	 background: #b7b7b7;
    /* padding-top: 100px; */
}
body.Fiche section.Fiche{
     /*background: #bb317d;*/
     padding-top:0;
}
body.Fiche section.Fiche .sectionContainer{
    padding-top: 0px;
    padding-bottom: 0px;
    width: 872px;
    /* background: #fff; */
}


body.Fiche section.Fiche .content.Titre {
    width: 100%;
    min-height: 50px;
    display: flex;
    margin-top: 10px;
    justify-content: flex-end;
    margin-bottom:30px;
}
body.Fiche section.Fiche h2 {
    font-weight: 400;
    text-align: left;
    padding: 20px 30px;
    text-transform: uppercase;
    border-radius: 10px;
    display: inline;
 /*   background: #bb317d;    fond vignette */ 
}
body.Fiche section.Fiche h2 a{
    color: #fff;
}
body.Fiche section.Fiche h2 a:focus{
    border:none;
    text-decoration: none;
}
body.Fiche .content.Titre h1{
    margin-bottom: 9px;
}

body.Fiche section.Fiche h3{
    font-size: 18px;
    font-weight:300;
    text-align: center;
    margin-bottom: 10px;
}
body.Fiche section.Fiche .blocGauche.TitrePirata h3{
	font-size: 20px;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 21px;
}

/*body.Fiche .content.content_image.BlocDroite{
    width:400px;
    text-align: center;
    height:70px;
}*/
/*body.Fiche .content.content_image.BlocDroite{
    width:400px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    text-align: center;
}*/


body.Fiche .content.content_image.BlocCentre{
	width: 100%;
    color: #000;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    text-align: center;
    font-weight: 300;
	padding-top: 20px;  
}
body.Fiche .BlocCentre .image img {
    margin: 10px auto auto auto;
}



body.Fiche .content.content_image.BlocGauche{
	width: 100%;
    color: #000;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    text-align: center;
    font-weight: 300;  
}
body.Fiche .content.BlocGauche .image img{
    margin: 10px auto 20px auto;
}
/*------*/
body.Fiche .headerContents .container .content.content_diaporama .carousel-inner .item {
    min-height: 800px;
    height: 800px;
    overflow: hidden;
}
body.Fiche section.FicheVideo{
    background:#fc9b29;
}
body.Fiche section.FicheVideo .sectionContainer{
    padding-top:50px;
    padding-bottom:80px;
    width:872px;
}
body.Fiche section.FicheVideo .content.Titre {
    width: 100%;
    background: #bb317d;
    min-height: 50px;
    /* text-align: center; */
}
body.Fiche section.FicheVideo h2 {
    margin-top: 0;
    font-weight: 400;
    padding: 20px 30px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 10px;
    display: inline;
 /*   background: #dff2fb; fond vignette */ 
}
/*------*/
body.Fiche section.TitreImages{
     background: #bb317d;
     padding:0;
}
body.Fiche section.TitreImages .sectionContainer{
    padding-top:0px;
    padding-bottom:0px;
    width:872px;
}
body.Fiche section.TitreImages .content.Titre {
    width: 100%;
    background: #bb317d;
    min-height: 50px;
}
body.Fiche section.TitreImages h2 {
    margin-top: 0;
    font-weight: 400;
    padding: 20px 30px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 10px;
    display: inline;
 /*   background: #dff2fb;   fond vignette */ 
}
/*-----*/
body.Fiche section.Images h2{
    margin-top: 0;
    margin-bottom: 40px;
    font-weight: 100;
    text-align: left;
}

body.Fiche section.Images{
    padding: 0;
}
body.Fiche section.Images .sectionContainer  {
    width: 100%;
    max-width: 100%;
    padding: 0;
}
body.Fiche section.Images .content.content_diaporama{
    width: 100%;
    max-width: 100%;
}
body.Fiche section.Images .content.content_diaporama .carousel-inner {
   width: 100%;
    max-width: 100%;
}
body.Fiche section.Images .content.content_diaporama .carousel-inner .item {
     width: 100%;
    max-width: 100%;
    overflow: hidden;
}
body.Fiche section.Images .content.content_diaporama .carousel-inner>.item>img {
    width: 100%;
    height: 100%;
   /* min-height: 100%;*/
}
/*body.Fiche .content.content_image.BlocGauche{
    width:400px;
    text-align: center;
   
}*/

body.Mentions section.FondGris .sectionContainer{
	max-width: 800px;
	width:100%;
	text-align:center;
}




/* Modifs Ju 21/12/2016 */

/*Accueil*/
.headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.TitrePEC span{
	display: none;
}
.headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.TitrePEC:before{
	display:none;
}
.headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.TitreMonchhichi span{
	display: none;
}
.headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.TitreMonchhichi:before{
	display:none;
}
body.Accueil .carousel-control.right:before {
	display: none;
}

body.Accueil .carousel-control.right{
	display:none;
}



/*page animation studio*/
body.Animation .headerContents .container .content.content_diaporama,
body.Animation section.TitreDemo .content.Titre{
	display:none;
}

body.Animation section.FondCoul{
	background:#000;
	padding-top: 30px;
}

.headerContents .content_diaporama .diaporamaItemTexte:hover{
    right: -126px;
}

/*pirata et capitano*/

body.Fiche section.FicheVideo .content.Titre{
	background:inherit
}

body.Fiche .VisuelVideo iframe{

}



/*PRODJECT*/
body.Projects .sousMenu{
	display:none;
}

body.Projects .pagedefaut{
	background:#c5c2bf;
}

body.Projects .mainPage{
	padding-bottom:45px;
}

body.Projects h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 100;
    text-align: center;
    padding-top: 50px;
}
body.Projects .Bloc{
    width: 73%;
    margin:auto;
	margin: 30px auto;
}
body.Projects .Bloc.Monchhichi{
	margin-top:60px;
}
body.Projects .Bloc .texte{
	position:relative;
}
body.Projects h3{
	color:#fff;
	/*font-family:'Halant';*/
	font-weight:300;
	font-size: 26px;
	padding-bottom: 10px;
	/*margin-top: 61px;*/
	position:absolute;
	left: 15px;
	z-index: 1000;
}
body.Projects h4{
	color:#fff;
	/*font-family:'Halant';*/
	font-weight:300;
	font-size: 23px;
	/*margin-top: 61px;*/
	position:absolute;
	right: 0px;
	top: -42px;
}
body.Projects  .project img:hover {
    transform: scale(1.1);
    opacity:1;
}
body.Projects .project img {
    margin-bottom: 10px;
    max-width: 100%;
    width: 100%;
	transition: all .5s ease-in-out;
}

body.Projects .project a.lienimage {
    border: none;
    text-decoration: none;
    outline: none;
    overflow: hidden;
    max-width: 1200px;
    width: 100%;
    display: block;
    max-height: 350px;
}


/*ACCUEIL*/

.headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo .TitreLEL:after{
    background: url(img/spriteLune.png) no-repeat scroll 100px -11px;
    content: "\00a0";
    display: block;
    width: 323px;
    height: 210px;
}
.headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.TitreLEL span{
	display:none;
}
.headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo {
    font-size: 24px;
    padding: 117px 0px 0px 50px;
    width: 500px;
    text-align: left;
    top: -44px;
    right: 0;
    transition: all 0.3s ease-in-out 0s;
    height: 339px;
    border-radius: 300px;
    position: absolute;
}


/*------------pirata----------*/
body.Fiche.Pirata .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo {
    /* background-color: rgba(0, 0, 0, 0.5); */
    font-size: 24px;
    padding: 47px 0px 0px 95px;
    width: 500px;
    text-align: left;
    bottom: 144px;
    right: 0;
    top: inherit;
    height: 288px;
    border-radius: 300px;
    position: absolute;
}

/*-----------monchhichi-------*/
.headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo .TitreMonchhichi:after{
    background: url(img/sprite.png) no-repeat scroll 0px -133px;
    content: "\00a0";
    display: block;
    width: 323px;
    height: 137px;
}
body.Fiche .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo .TitreMonchhichi:after{
    background: url(img/sprite.png) no-repeat scroll 0px -148px;
    content: "\00a0";
    display: block;
    width: 310px;
    height: 122px;
}
body.Fiche .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.TitreMonchhichi:before{
    display:none;
}
body.Fiche.Monchhichi .headerContents .content_diaporama .diaporamaItemTexte{
	display: block;
    position: absolute;
    bottom: 33px;
    right: -126px;
    width: 503px;
    height: 200px;
    max-height: 200px;
    overflow: hidden;
}
body.Fiche.Monchhichi .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo{
	width: 567px;
}
body.Fiche.Monchhichi section.TitreImages {
	background: #709b2f;
    padding: 0;
}
body.Fiche.Monchhichi section.TitreImages .content.Titre {
    width: 100%;
    background: #709b2f;
    min-height: 100px;
}
body.Fiche.Monchhichi .content.content_image.BlocCentre{
	width: 100%;
    color: #000;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    text-align: center;
    font-weight: 300;
	padding-top: 20px;  
}
body.Fiche .content.BlocCentre .image img {
    margin: 10px auto auto auto;
}



/*LUne et Loup*/


body.Fiche.Lune section.FicheVideo {
    background: #14121f;
}
body.Fiche.Lune section.TitreImages,
body.Fiche.Lune section.TitreImages .content.Titre,
body.Fiche.Lune section.FondCoul{
    background: #14121f;
    padding: 0;
}
body.Fiche.Lune .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo .TitreLune:after {
    background: url(img/sprite.png) no-repeat scroll 1px -960px;
    content: "\00a0";
    display: block;
    width: 274px;
    height: 226px;
}
body.Fiche.Lune .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.TitreLune span {
    display: none;
}
body.Fiche.Lune .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.Lien,
body.Fiche.Lune .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.Lien:before{
	color:#f9ef72;
}
body.Fiche.Lune .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.Lien:hover,
body.Fiche.Lune .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.Lien:hover:before{
	color:#c05a54;
}


/*---maelynn-------*/
body.Fiche.Maelynn .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo .TitreMaelynn:after {
    /*background: url(img/sprite.png) no-repeat scroll 1px -491px;*/
    background: none;
    content: "\00a0";
    display: block;
    width: 274px;
    height: 122px;
}
body.Fiche.Maelynn .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.TitreMaelynn span {
    display: none;
}
body.Fiche.Maelynn section.FicheVideo{
  background:#151c24;
}
body.Fiche.Maelynn section.TitreImages {
	background: #151c24;
    padding: 0;
}
body.Fiche.Maelynn section.FondCoul{
	background: #151c24;
}
body.Fiche.Maelynn section.TitreImages .content.Titre{
	background: #151c24;
}
body.Fiche.Maelynn .TitreMaelynn{
	padding-bottom:19px;
}
body.Fiche.Maelynn .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.Lien{
	color:#fff;
}
body.Fiche.Maelynn .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.Lien:before{
	color:#fff;
}
body.Fiche.Maelynn .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.Lien:hover,
body.FicheMaelynn .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.Lien:hover:before{
	color:#557254;
}


/*---cartier-------*/
body.Fiche.Cartier .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo .TitreCartier:after {
    background: url(img/sprite.png) no-repeat scroll 1px -728px;
    content: "\00a0";
    display: block;
    width: 274px;
    height: 122px;
}
body.Fiche.Cartier .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.TitreCartier span {
    display: none;
}
body.Fiche.Cartier section.FicheVideo{
  background:#080200;
}
body.Fiche.Cartier section.TitreImages {
	background: #080200;
    padding: 0;
}
body.Fiche.Cartier section.FondCoul{
	background: #48040b;
}
body.Fiche.Cartier section.TitreImages .content.Titre{
	background: #080200;
}
body.Fiche.Cartier .TitreCartier{
	padding-bottom:19px;
}
body.Fiche.Cartier .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.Lien{
	color:#fff;
}
body.Fiche.Cartier .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.Lien:before{
	color:#fff;
}
body.Fiche.Cartier .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.Lien:hover,
body.Fiche.Cartier .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.Lien:hover:before{
	color:#920618;
}

/*---Herissons-------*/
body.Fiche.Herissons .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo .TitreHerissons:after {
    background: none;
    content: "\00a0";
    display: block;
    width: 274px;
    height: 122px;
}
body.Fiche.Herissons .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.TitreHerissons span {
    display: none;
}
body.Fiche.Herissons section.FicheVideo{
  background:#e4e2da;
}
body.Fiche.Herissons section.TitreImages {
	background: #e4e2da;
    padding: 0;
}
body.Fiche.Herissons section.FondCoul{
	background: #e4e2da;
}
body.Fiche.Herissons section.TitreImages .content.Titre{
	background: #e4e2da;
}
body.Fiche.Herissons .TitreHerissons{
	padding-bottom:19px;
}
body.Fiche.Herissons .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.Lien{
	color:#fff;
}
body.Fiche.Herissons .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.Lien:before{
	color:#fff;
}
body.Fiche.Herissons .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.Lien:hover,
body.Fiche.Herissons .headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo a.Lien:hover:before{
	color:#978c7a;
}


/*--------------MEDI@-------------*/



@media (min-width: 1620px){   
	body.Fiche.Lune .headerContents .carousel-inner>.item img.pull-left{
		margin-top:50px;
	}
	footer .Made span{
		right: 0;
	}
}
@media (min-width: 1607px){   
	body.Fiche.Lune .headerContents .carousel-inner>.item img.pull-left{
		margin-top:30px;
	}
}
@media (max-width: 1157px){ 
	ul.nav.navbar-nav{
		width: 82%;
		margin:0;
	}
}
@media (max-width: 1054px){   
	/*.Menu {
	    width:100%;
	    margin:auto;
	}
	.TopReso {
		position: absolute;
	    right: 8px;
	    width: 200px;
	}
	ul.nav.navbar-nav {
	    width: 100%;
	    margin: 0;
	}*/
}




@media (max-width: 1280px){  
 	body.Careers .headerContents .container .content.content_diaporama .carousel-inner .item{
         margin-top:0px;
     }
     body.Careers .pagedefaut {
	    height: 100%;
		min-height: 870px;
	}
	body.Careers footer {
	    position: relative;
	}
}





@media (max-width: 1025px){  
	ul.nav.navbar-nav {
	    margin: auto;
	    width: 82%;
	} 
	/*.Menu {
	    width: calc(100% - 163px);
	    display: flex;
	    justify-content: space-between;
	    flex-flow: row wrap;
	    display: -webkit-flex;
	    -webkit-flex-flow: row wrap;
	    -webkit-justify-content: space-between;
	    float: left;
	    padding: 10px 0 10px;
	}
	.TopReso {
	    position: relative;
	    width: 163px;
	    float: right;
	    padding-top: 10px;
	}*/
	.Top{
		display:block;
		padding-top:20px;
		text-align: center;
	}
	body.Fiche .headerContents .container .content.content_diaporama .carousel-inner .item {
        min-height: 600px;
        height: 600px;
        overflow: hidden;
    }
    body.Animation .headerContents .container .content.content_diaporama .carousel-inner .item {
        min-height: 600px;
        height: 600px;
        overflow: hidden;
        /*margin-top:-200px;*/
    }
     body.Contact .headerContents .container .content.content_diaporama .carousel-inner .item{
         margin-top:-200px;
         min-height: 951px;
     }
     body.Careers .headerContents .container .content.content_diaporama .carousel-inner .item{
         margin-top:0px;
     }
    
	body.Careers section.Annonces .lien.Bouton a {
	    margin-bottom: 15px;
	    margin-top: 15px;
	}
	body.Careers footer {
	    position: relative;
	}
      body.Careers .headerContents .container .content.content_diaporama .carousel-inner .item {
	    overflow: visible;
	}
     .navbar-default .navbar-nav > li:first-child {
	    display: none;
	}
	.TopReso {
    	top:0;
	}
	.Menu {
    	width: 100%;
	}
	body.Projects .Bloc {
	    width: 82%;
	}
}

@media (max-width: 900px){ 
	ul.nav.navbar-nav {
	    margin: auto;
	    width: 100%;
	} 
	body.Projects .Bloc {
	    width: 100%;
	}
	body.Fiche section.FicheVideo .sectionContainer,
	body.Fiche section.Fiche .sectionContainer,
	body.Fiche section.TitreImages .sectionContainer,
	body.Animation section.TitreDemo .sectionContainer {
	    padding-top: 50px;
	    padding-bottom: 80px;
	    width: 100%;
	}
	
	body.Fiche section.FicheVideo .sectionContainer .content_image.VisuelVideo,
	body.Fiche section.FicheVideo .sectionContainer .content_image.VisuelVideo iframe,
	body.Animation section.TitreDemo .sectionContainer .content_image.Video,
    body.Animation section.TitreDemo .sectionContainer .content_image.Video iframe {
		width:100%;
	}
	body.Fiche section.Fiche .sectionContainer {
	    padding-top: 0px;
	}
	body.Fiche section.TitreImages .sectionContainer {
	    padding: 0px;
	}
	body.Contact .sectionContainer{
		max-width:100%;
	}
	body.Contact .content.BlocGauche,
	body.Contact .content.BlocDroite{
		text-align:center;
		margin:auto;
	}
	body.Contact .content.BlocDroite{
        margin-top:10px;
    }
     body.Careers .pagedefaut {
	    height: 100%;
		min-height: 800px;
	}
}


/*@media (max-width: 770px){ 
    .TopReso {
        position: absolute;
        width: 100%;
        float: none;
        margin: auto;
        left: 0;
        top: 70px;
    }
   .Menu {
       
        width: 100%;
           
    }
    ul.nav.navbar-nav {
       
        width: 100%;
           
    }
     
}*/

@media (max-width: 767px){ 
    body.Accueil .pagedefaut {   
        height: 100%;
    }
    body.Fiche .headerContents .container .content.content_diaporama .carousel-inner .item,
    body.Animation .headerContents .container .content.content_diaporama .carousel-inner .item  {
        min-height: 660px;
        height: 660px;
        overflow: hidden;
    }
	body.Fiche section.FicheVideo .sectionContainer {
	    padding-top: 50px;
	    padding-bottom: 80px;
	    width: 100%;
	}
	body.Fiche section.FicheVideo .sectionContainer .content_image.VisuelVideo,
	body.Fiche section.FicheVideo .sectionContainer .content_image.VisuelVideo iframe {
		width:100%;
	}
	
	.TopReso {
		position: absolute;
	    width: 100%;
	    float: none;
	    margin: auto;
	    left:0;
	    top:70px;
	} 
	.TopReso ul.menuSocial{
		float: none;
		padding:0;
		text-align:center;
	}
	header{
		height:185px;
	} 
	.Construction {
	    display:none;
	}
	.navbar-brand{
		display:none;
	}
	.Menu {
		width:100%;
		padding:0px;
		/*margin-top: 10px;*/
		margin-bottom: 10px;
	}
	.navbar{
		width:100%;
	}
	.navbar-default .navbar-toggle {
	    border-color: transparent;
	    margin: auto;
	    display: block;
	    float: none;
	    width: 200px;
	    max-width: 100%;
	    transition: all 0.3s linear;
	}
	.navbar-toggle .icon-bar{
		margin:auto;
	}
	/*.navbar-default .navbar-toggle:hover, 
	.navbar-default .navbar-toggle:focus {
	    background-color: #fff;
	}*/
	.navbar-default .navbar-nav > li > a {
	    height: auto;
	    padding: 5px 0;
	    color:#fff;
	}
	body.Accueil footer {
	    bottom: inherit;
	}
	.Top {
	    padding-bottom: 20px;
	    text-align: center;
	}
	
	body.Accueil .pagedefaut {   
	    height: calc(100% - 232px);
	}
	ul.nav.navbar-nav{
	    display: inherit; 
	}
	.navbar-nav{
		margin:0
	}
	.nav>li,
	.navbar-nav > li.menuBtnPage63, 
	.navbar-nav > li.menuBtnPage64, 
	.navbar-nav > li.menuBtnPage65,
	.navbar-nav > li.menuBtnPage66, 
	.navbar-nav > li.menuBtnPage67, 
	.navbar-nav > li.menuBtnPage69 {
	    text-align: center;
	}
	header {
	    height: auto;
	}
	/*body.Careers .mainContents.container {
	    top: 0;
	}*/	
	.TopReso ul.menuSocial{
		display:none;
	}
	/*.headerContents .container .content_diaporama img, 
	.headerContents .container .content_image img{
		top: 30%;
	}*/
	.carousel-control.right:before {
		display:none;
	}
	body.Careers header .container{
		padding-left:0;
	}
	body.Careers .Menu {
	    z-index: 3000;
	    background: #97928c;
	    position: absolute;
	    padding:0;
	    margin:0;
	}
}
@media (max-width: 768px){ 
	.TopReso ul.menuSocial{
		display:none;
	}
	.Menu{
		width:100%;
	}
	.nav > li > a{
	padding:0 10px;
	}
	.navbar{
		min-height:inherit;
		width: 100%;
	}
	.navbar-default .navbar-toggle .icon-bar, 
	.navbar-default .navbar-toggle:focus .icon-bar {
		background-color: #FFFFFF !important;
	    height: 3px !important;
	    width: 30px !important;
	}
	.navbar-default .navbar-toggle:hover, 
	.navbar-default .navbar-toggle:focus{
		background-color:transparent;
	}
	body.Projects h3 {
		margin-top: 20px;
	}
	
}




@media (max-width: 736px){ 
    .headerContents .container .content.content_diaporama .carousel-inner .item {
        min-height: 300px;
        height: 100%;
        overflow: hidden;
    }
    /*body.Careers .headerContents .container .content.content_diaporama .carousel-inner .item {
        min-height: 800px;
        height: 500px;
        overflow: hidden;
    }*/
   body.Services .pagedefaut {
		background: #000;
		height: auto;
		padding-bottom:20px;
	}
	body.Services footer {
	    position: inherit;
	}
	body.Services footer .Made,
	body.Technology footer .Made {
	    font-size: 15px;
	    position: relative;
	    text-align: right;
	    padding-right: 10px;
	    margin-top: -31px;
	}
	body.Services footer .Made span,
	body.Technology footer .Made span {
	    font-family: 'Halant', serif;
	    color: #fff;
	    width: auto;
	    position: inherit;
	    right: initial;
	    top: initial;
	    display: inline-block;
	}
	body.Technology .pagedefaut {
		background: #000;
		height: auto;
	}
	body.Technology footer {
	    position: inherit;
	}
}
@media (max-width: 640px){ 
	footer .Foot.container {
		width:100%
	}
	footer .Made span {
	    color: #000;
	    width: 100%;
	    position: inherit;
		margin-top: 10px;
	    display: block;
	    text-align: center;
	}
	
     body.Careers .pagedefaut {
	    height: 100%;
		min-height: 1000px;
	}

	
}
@media (max-width: 425px){ 
body.Careers .pagedefaut {
	    height: 100%;
	    min-height: 1200px;
	}
}
@media (max-width: 420px){ 
	
	body.Accueil .pagedefaut {   
	    height: calc(100% - 253px);
	} 
	footer .Footer2 {
	    float: none;
	}
	footer .ResoPied{
		 float: none;
	}
	.headerContents .container .content_diaporama img, 
	.headerContents .container .content_image img{
		top: 50%;
	}	
}
@media (max-width: 415px){  
	
	body.Fiche section.FicheVideo h2{
		padding: 20px 6px;
	}
	body.Fiche .headerContents .container .content.content_diaporama .carousel-inner .item {
        min-height: 500px;
        height: 500px;
        overflow: hidden;
    }
    /*body.Careers .headerContents .container .content.content_diaporama .carousel-inner .item {
        min-height: 800px;
        height: 500px;
        overflow: hidden;
    }*/
    body.Animation .headerContents .container .content.content_diaporama .carousel-inner .item {
        min-height: 500px;
        height: 500px;
        margin-top: -40px;
        overflow: hidden;
    }
    body.Animation section.TitreDemo h2{
            padding: 20px 9px;
    }
}

@media (max-width: 376px){  
	body.Careers .pagedefaut {
	    height: 100%;
	    min-height: 1362px;
	}
	body.Fiche section.FicheVideo h2{
		padding: 20px 6px;
		font-size:24px;
	}
	.headerContents .content_diaporama .diaporamaItemTexte .HeaderTextDiapo{
		top: 50px;
	}
	body.Animation section iframe {
	    height: 100%;
	}
	body.Animation section.FondNoir .sectionContainer .Video {
	    height: 100%;
	}
}
@media (max-width: 376px){  
	body.Careers section.Annonces .lien.Bouton a {
	    margin-bottom: 10px;
	    margin-top: 10px;
	}
}

/* supérieur à 768 */
@media (min-width: 769px){    
	.navbar-default .navbar-nav{
    display:flex;
    flex-flow:row wrap;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-between;
    width:100%;
    }
	.navbar-default .navbar-nav:before,
	.navbar-default .navbar-nav:after{
		display:none;
	}
	.navbar {
	    height: 51px;
	    min-height: auto;
	    margin-bottom: 0px;
	    border: none;
	    width:100%;
	}
    .navbar-nav{
    	float:none;
    }
    .navbar-default .navbar-nav > li{
        float:none;
        width:93px;
    }
    .navbar-default .navbar-nav > li > a{
	    color: #eaeaea;
	    background-color: transparent;
		padding-top: 27px;
    }
    /* .navbar-default .navbar-nav > li.menuBtnPage63 a,
	 .navbar-default .navbar-nav > li.menuBtnPage67 a,
	 .navbar-default .navbar-nav > li.menuBtnPage69 a,
 	 .navbar-default .navbar-nav > li.menuBtnPage64 a{
		cursor:pointer;
		padding-top: 27px;
		color:#eaeaea;
		background:transparent;
	} */
    .navbar-default .navbar-nav > li.active > a{
	    background-color: transparent;
	    color:#000;
	}
  	.navbar-default .navbar-nav > .active > a{
        color:#000;
    } 
    .navbar-default .navbar-nav > .active > a:hover 
    .navbar-default .navbar-nav > .active > a:focus{
		background-color: transparent;
		color:#000;
		opacity:1;
    }
    .navbar-default .navbar-nav > li > a:hover{
	    color: #000;
		transition: all 0.3s ease-in-out 0s;
    }	
}	




.navbar-nav>li>.dropdown-menu{
	display:none;
}
.navbar-nav>li>.dropdown-menu{
	margin-top: 9px;
    background:  #000;
    color:#fff;
}
.dropdown-menu>li>a,
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
    text-align: left;
}

.dropdown-menu {
  opacity:0;
  display: block;
  height:0;
  min-width:100%;
  border:none;
  padding:0px;
  overflow:hidden;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.open > .dropdown-menu {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  transform: scale(1, 1);  
  opacity:1;
  height:auto;
  overflow: visible;
  padding:5px 0px;
}