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

}

@font-face {
  font-family: 'robotoregular';
  src: url('../fonts/Roboto-Regular-webfont.eot');
  src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
    url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
    url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
#actualite_index{
  padding-top:50px;
}
.vertical-align{
	display:flex;
	align-items:center;
	height:100%;
}
.mt-0{
	margin-top:0 !important;
}
.social-share{
  margin-bottom: 30px;
  /*margin-right: -15px;*/
}
.article-body{
  font-size: 1.4em;
  line-height: 1.8em;
  padding-bottom: 50px;
}
.articles.index article{
  border-bottom: 1px solid;
  border-color: rgba(173,176,182,0.3);
  min-height: 215px;
}
.articles.index article img{
  margin-right: 20px;
  margin-bottom: 20px;
}
.articles.index article h2 a{
  color: #575756;
}
.articles.index article h2 a:hover{
  color:#e84e0e;
}

.article-content{
  font-size: 1.4em;
  line-height:  1.4em;
  padding-bottom: 20px;
}
.articles.index .col-sm-12:last-child article{
  /*border-bottom: 0px solid grey;*/
}
.article-bloc h1{
  display:inline-block;
  font-weight: bold;
}
.articles.view #content{
  /*margin-top: -60px;*/
}

/* social share */
.social-share {
  border: 1px solid #eb642e;
  padding: 14px 15px;
  width: 115px;
  height: 48px;
  text-align: center;
  font-size: 1.5em;
  margin-top: 10px;
}
.article-bloc .social-share {
  margin-bottom: 15px;
  float: right;
}
.social-share .social-control {
  color: #eb642e;
  text-transform: uppercase;
  font-size: 1em;
}
.social-share .social {
  /*display: none;*/
  position:absolute;
  top: -2000px;
  left: 0px;
}
.social-share {
  width: 114px;
  cursor: pointer;
}
.social [class^= 'fb']{
  margin-top: -4px;
}

.fb-share-button{
  position:relative;
  top:-2px;
}
.default .slider-container{
  /*margin-top: 41px;*/
}

#contact label {
  font-weight: normal;
  opacity: 0.5;
  font-size: 1.6em;
  color:#EB642E;
}
.picto-portrait{
  background: url('../img/picto-portrait.png') no-repeat left top;
  padding-top: 10px ;
  padding-bottom: 10px;
  padding-left: 60px;
}
.cercle-portrait{
  background: url('../img/cercle-portrait.png') no-repeat left top;
  padding-left: 48px;
}
main.page article.cercle-portrait > div{
  background-color:#EB642E ;
  padding-left: 20px;
  line-height: 1.3em;
  font-size: 16px;
  color: white;
  padding-top: 20px;
  padding-bottom: 20px;
}
.reponse{
  font-size: 2.2em;
  line-height: 1.4em;
}
#coach .reponse{
  line-height: : 20.8px
  color:#eb642e;
  padding-left:80px;
  padding-right:80px;
}

main.page .coach{
  margin-top: 50px;
}
.slick-dots li.slick-active button::before {
  opacity: 1;
  color: #E84E0E;
}
.slider-container{
  max-width: 1200px;
  margin: auto;
  /*margin-bottom: 95px;*/
}


#footer{
  background-image: url('../img/footer.png');
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #EB642E;
  padding-top:10px;
}
.text_footer{
  background-color: #EB642E;
}
.text_footer > div> div{
  padding: 20px 20px 20px 20px;
}
body {
  font-size: 10px;
  line-height: 14px;
  font-family: 'robotoregular';
  color: #575756;
  background: #fff;
}
/*@media (max-width: 991px) {body{font-size: 9px;line-height: 9px;}}
@media (max-width: 768px) {body{font-size: 8px;line-height: 8px;}}
@media (max-width: 350px) {body{font-size: 7px;line-height: 7px;}}*/
.bold {
  font-family: 'robotobold';
  color:"575756";
}
.extrabold {
  font-family: 'robotobold';
}
b, strong {
  font-weight: normal;
  font-family: 'robotobold';
  color: #eb642e;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  line-height: 1.2em;
}
h1 {font-size: 2.2em;}
h2 {font-size: 2.0em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.3em;}
a:not([href]) {
  cursor: default;
}
a:focus, a:hover, a:not([href]):hover, a:not([href]):focus {
  text-decoration: none;
}
a img:hover:not(.logo) {
  opacity: 0.8;
}
.nav  a:not([href]) {
  cursor: pointer;
}
.nav a {
  color: #575756;
  font-size: 15px;
}

.nav.main li:nth-of-type(2) a{
  color: #e84e0e;
}
.nav.main li:nth-of-type(2) ul{
  background-color: #e84e0e;
}
.nav.main li:nth-of-type(3) a{
  color: #acc522;
}
.nav.main li:nth-of-type(3) ul{
  background-color: #acc522;
}
.navbar-default {
  background-color: transparent;
  border: 0;
}
.main .dropdown-menu > li{
  text-align: center;
}
.main .dropdown-menu > li > a.child{
  padding: 3px;
  color: white;
  border-bottom: 1px white solid;
}
.main .dropdown-menu > li:last-child > a.child{
  border-bottom: 0;
}
#content {
  position: relative;
  margin-top: 71px;
}
section {
  position: relative;
}
.btn {
  border-radius: 0;
  background: #2f2f2f;
  color: #fff;
  border-color: #fff;
}
.btn:hover, .btn:focus {
  color: #343d3f;
  background-color: #fff;
  border-color: #343d3f;
}
.navbar {
  margin-top: 0px;
}
.navbar-right {
  margin-right: 0px;
}
.logo_alt_home{
  margin-top: -50px;
  margin-left: -10px;
}
/* header et tetiere */
header h1 {
  margin: 10 0;
}
header > div.row{
  /*background: transparent url('../img/fond_menu.png') repeat-x top left;*/
}
header{
  position: relative;
  z-index: 200;

  background: transparent url('../img/bg-menu.png') repeat-x top left;
}
.flex{
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
footer.container{
  /*max-width: 1200px;*/
  height: 456px;
}

footer .flex > div{
  /*padding-bottom: 25px;*/
}
footer .flex .item1{
  align-self: flex-end;
}
footer .flex .item1 a{
  color:white;
  font-size: 1.3em;
}
footer .flex .item1 div{
  padding-bottom: 50%;
  padding-left: 30px;
}
footer .flex .item3 div{
  /*padding-bottom: 30px;*/
  margin-top: 25px;
}
footer .flex .item2{
  align-self: center;
}
footer .flex .item1{
  align-self: flex-end;
}
/* slider */
.slick-dots{
  bottom: 0%;
  right: 5%;
  /*width: auto;*/
  text-align:right;
  z-index: 999;
}
.home section.row.slider{
  margin-bottom: 70px;
}
.home .contenu{
  margin-top: 40px;
}

.navbar-default .navbar-toggle {
  margin-right: 44px;
}
.slick-dots li button::before {
  font-size: 15px;
  color: #E84E0E;
}

.absolute_bottom{
  bottom: 0;
  position: absolute;
}
.slick-dots li.slick-active button::before {
  font-size: 15px;
  opacity: 1;
}

.arrow-prev, .arrow-next {
  width: 36px;
  height: 36px;
  border: 1px solid #cecece;
  text-align: center;
  position: absolute;
  top: 333px;
  z-index: 100;
  cursor: pointer;
  display: none;
}
.bg-slider{
  position: absolute;
  bottom: 0;
  z-index: 15;
  max-width: 1200px;
  margin: auto;
}

.arrow-prev span, .arrow-next span {
  display: inline-block;
  vertical-align: middle;
  margin-top: 3px;
  font-size: 14px;
  color: #242424;
  line-height: 25px;
}
.arrow-prev {
  left: 0;
}
.arrow-next {
  right: 0;
}
section.slider{
  /*height: 580px;*/
  /*margin-top: 30px;*/
  z-index: 10;
  /*position: relative;*/
}


.slider-vignette{
  position: absolute;
  right: 0;
  width: 20%;
  color:#777;

}

.dropdown-menu {
  min-width: 130px;
}

.nav > li > a {
  padding-left: 9px;
  padding-right: 9px;
}
.home .contenu h1,.home .contenu h2,.home .contenu h3{
  color:#eb642e;
}

.home .shorthand h3{
  font-size: 1.6em;
  line-height: 22px;
  font-weight: bold;
}
.home .shorthand p{
  font-size: 1.3em;
  line-height: 22px;
  font-weight: normal;
}
.home .bg_actu{
  position: absolute;
  top:0;
  left:0;
}
.home #actualite .articles .articles-title{
  /*background: transparent url('../img/bg-actus-top.png') no-repeat top left;*/
  min-height: 150px;
  text-align: center;
  font-size: 6em;
  font-weight: bold;
  padding-top: 40px;
  line-height: 0.8em;
}
.home #actualite .articles .articles-title span{
  color:#575756;
  padding-left: 30%;
  font-size: 0.5em;
  line-height: 1;
  display: block;
  font-weight: normal;
  /*margin-top: -10px;*/
}
.home #actualite .articles{
  background-color: #F0F0F0;
  padding-top: 90px;
  background: #F0F0F0 url('../img/bg-actus-top.png') no-repeat top left;
}
.home #actualite .articles .articles-footer{
  background-color: #FFF;
}
.home #actualite .articles .articles-title{
  /*background: transparent url('../img/bg-actus-top.png') no-repeat top left;*/
}
.pages.view.default .bg-slider{
  width: 589px;
}
#contact,#article_view{
  margin-top: 64px;
}
.social-facebook{
  padding-top:5px;
}
#contact p{
  font-size: 1.6em;
  line-height: 2em;
}
#contact a{
  color: rgb(235, 100, 46);
  font-weight: bold;
}
main.page article> div,.page .content{
  font-size: 1.8em;
  line-height: 1.4em;
}
main.page .droite article > div h2,main.page .gauche article > div h2{
  font-size: 1.25em;
  line-height: 1.45em;
  padding-left: 0;
  padding-right: 0;
}
.page .content{
  margin-top: 40px;
}
.default .page .slick-slide img {
  /* max-width: 1200px;*/
  max-height:380px;
}

.page h2{
  color: #eb642e;
  margin-bottom: 50px;
  margin-top: 50px;
}
.page .gauche article > div, .page .droite article > div, .question{
  padding-left:60px;
  padding-right: 60px;
}

.question{
  background-color: #eb642e;
  padding: 20px;
  display: inline-block;
  color:white;
  margin-top: 50px;
  font-size: 2.7em;
  /*font-weight: bold;*/
}
.reponse{
  background-color: #F0F0F0;
  padding: 30px;
}

.page .gauche h2{
  /*padding-right: 100px;*/
  padding-left:50px;
  padding-right:50px;
}
.page .droite h2{
  /*padding-left: 100px;*/
  padding-left:50px;
  padding-right:50px;
}
#coach .texte_droite{
  padding-left: 50px;
}
.navbar-brand {
  padding-left: 0;
  padding-right: 0;
  height: auto;

}
.picto img{
  z-index: 1000;
  position: relative;
}
.pages .slider-vignette {
  position: absolute;
  right: 0;
  width: 50%;
  top: 47%;
  left: 50%;
  font-weight: bold;
  line-height: 0.5em;
}
.home .contenu{
  margin: auto;
}
.page .picto{
  position: relative;
  margin-top: -20px;
  left: 0;
  right: 0;
}
.shorthand img{
  max-width: 150px;
}
.slick-slide{
  position: relative;
}
.pages.home .slider-vignette {
  position: absolute;
  right: 0;
  width: 50%;
  bottom: 0;
  top:auto;
  font-weight: bold;
  line-height: 0.5em;
  z-index: 99;
}
.pages.home .slider-vignette a{
  color: white;
}
.home .slick-slide > img{
  position: relative;
  z-index: 10;
}
.contact-mini{
  padding-right:10px;
}
.home .slider-vignette h3{
  font-size: 2.5em;
  font-weight: bold;
  text-align: right;
  padding-bottom: 30px;
  opacity: 1;
  margin-top: 0;
}
.home .slider-vignette h3 div{
  font-size: 0.6em;
  line-height: 1.5em;
}
.pages .slider-vignette h1{
  line-height:0.8em;
  color: #eb642e;
}
.pages.home .slider-vignette {
  /*top: 60%;*/
}
.pages .slider-vignette h1 span{
  line-height:0.9em;
}
.pages .slider-vignette{
  background-color: white;
  opacity: 0.8;
  padding: 10px;
}
.pages .slider-vignette span{
  font-weight: normal;
  color: white;
  padding-left:10%;
  display: inline-block;
  font-size: 0.45em;
  color:#777;
}
.home .shorthand p *{
  color: #575756;
}
.page6 h3 *{
  color: #EF8B13;
}
.page7 h3 *{
  color: #EF8B13;
}
.page8 h3 *{
  color: #F7AD42;
}
.page9 h3 *{
  color: #ABC51B;
}
.page10 h3 *{
  color: #1FAD9E;
}
.page11 h3 *{
  color: #0E525F;
}
.orange{
  color: #eb642e;;
}
.home h3{
  font-size: 4em;
  margin-bottom: 0;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  color: #FFF;
  text-decoration: none;
  background-color: transparent;
}
.home h1{
  font-size: 3.6em;
}
.home h2{
  font-size: 2.2em;
  line-height: 1.6em;
}
.home p{
  font-size: 1.5em;
  width: 75%;
  line-height: 1.5em;
  margin: auto;
  margin: 20px auto;
  /*  text-align: left;*/
}
.home hr{
  width: 108px;
  border-top-width: 3px;
}
#au_service{
  margin-top: 65px;
}
#au_service > section:nth-of-type(2){
  margin-top: 80px;
}
.home .flex li{
  list-style-type:  none;
}
.body_container{
  position: relative;
}
header{
  position: absolute;
  width: 100%;
}

footer a{
  color: white;
}
.logo {
  max-width: 82%;
}

@media(max-width: 1800px){
}
@media(max-width: 1800px){
}
@media(max-width: 1500px){
}
@media(max-width: 1200px){
  .logo {
    width: 160px;
  }
  .nav a {
    font-size: 14px;
  }
  .navbar-collapse {

    padding-left: 0px;

  }
}
@media(min-width: 1200px){
  .container {
    width: 1200px;
  }
}
@media(min-width: 991px){
  .main .dropdown-menu > li a.child{
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .container{
    /*width: 1230px;*/
  }
  header{
    /*margin-top: 5px;*/
    min-height: 134px;
  }
}
@media(max-width: 991px){
  .navbar {
    margin-top: 0px;
  }
  .navbar {
    min-height: 0px;
    margin-bottom: 0px;
  }
  .logo{
    /*margin-left: 10px;*/
    display:inline-block;
  }
  .nav a{
    font-size: 12px;
  }
  body{
    font-size: 8px;
  }
  section.slider {
    /*height: 150px;*/
    margin-bottom: 20px;
  }

  header  .flex{
    display: block;
  }
  .flex > *{
    display: inline-block;
  }
  .flex .social ul li{
    display: inline-block;
  }
  .flex .social ul{

  }
}
@media(max-width:767px) {
  .pages main{
    margin-top: 0px;
  }
  header{
    height: auto;
  }
  .flex > *{
    vertical-align: top;
  }
  .logo{
    /*margin-top: 10px;*/
  }
  .flex .social{
    margin-right: 50px;
  }
  .navbar-default .navbar-collapse{
    background-color: white;
  }
  .page .gauche article > div, .page .droite article > div, .question {
    padding-left: 0px;
    padding-right: 0px;
  }
  .page .picto {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .home .slider-vignette h3 {
    font-size: 2em;

  }
  .pages.home .slider-vignette {
    left: 0;
    top:30%;
  }
  .pages.home .slider-vignette {
    width: 100%;
  }
  .pages .slider-vignette {
    width: 100%;
    left:0;
    top:auto;
    bottom: 0;
  }
}