/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– 
Proxima nova 
  light 
  regular
  bold
  semibold
*/
@charset "UTF-8";

@font-face {
font-family: 'ProximaNovaLight';  
font-style: normal;
font-weight: normal;
src: url('../fonts/proximanova-light.eot');src: url('../fonts/proximanova-light.eot') format('embedded-opentype'),url('../fonts/proximanova-light.woff') format('woff'),url('../fonts/proximanova-light.ttf') format('truetype'),url('../fonts/proximanova-light.svg#ProximaNovaLight') format('svg');
}
@font-face {
font-family: 'ProximaRegular';
font-style: normal;
font-weight: normal;
src: url("../fonts/proximanova-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-regular-webfont.woff") format("woff"), url("../fonts/proximanova-regular-webfont.ttf") format("truetype"), url("../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular") format("svg");
}
@font-face {
font-family: "ProximaSemiBold";
font-style: normal;
font-weight: normal;
src: url("../fonts/proximanova-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-semibold-webfont.woff") format("woff"), url("../fonts/proximanova-semibold-webfont.ttf") format("truetype"), url("../fonts/proximanova-semibold-webfont.svg#proxima_novasemibold") format("svg");
}
@font-face {
font-family: 'ProximaNovaBold';
font-style: normal;
font-weight: normal;
src: url('../fonts/proximanova-bold.eot') format('embedded-opentype'), url('../fonts/proximanova-bold.woff') format('woff'), url('../fonts/proximanova-bold.ttf') format('truetype'), url('../fonts/proximanova-bold.svg#ProximaNovaBold') format('svg');
}
/* */
html {  font-size: 62.5%; }

body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1;
  color: #0f0c09; 
  font-family: 'ProximaNovaLight';
}

*, *:before, *:after {
  margin:0;padding:0;
  /* -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;*/
}
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 { color:#0d437c; text-transform: uppercase;margin: 0; padding:0; font-weight: normal;}
h1,.h1{
  font-size: 4.8rem;
  font-family: "ProximaNovaBold";
  margin-bottom: 1rem;
}
h2,.h2{ font-size: 3.6rem; font-weight: normal;}
h4,.h4{
  font-size: 1.8rem;  font-family: "ProximaNovaBold";
  color: #fff;text-transform: uppercase;
position: relative;
  top: 25px;  
}
h5,.h5{
  font-size: 3rem;  font-family: "ProximaNovaBold";
text-transform: uppercase;margin-bottom: 1.5rem;
}
strong{  font-family: "ProximaNovaBold"; }
/* Pages
–––––––––––––––––––––––––––––––––––––––––––––––––– */
header{
  width: 100%;
  height: 76rem;
  background-image: url(../images/header.jpg);
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  background-attachment: fixed;
}
  .logo_header{
    display: block;
    margin: 0 auto;
    padding-top: 5.6rem;
    width: 19.8rem;
  }
  .hands{
    position: absolute;
    display: block;
    bottom: 0;
    left: 50%;
    margin-left: -428px;
-webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
        transform: rotate(0deg);
  }
  .cacher{
    bottom: -680px !important;
    -webkit-transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
            transform: rotate(-25deg);
  }
.section_intro{width: 960px; margin:0 auto 10rem auto;}
  .intro{text-align: center;padding-top: 5.8rem;}
    .sep{margin: 1.6rem auto}
    .intro p{font-size: 1.8rem;line-height: 1.4;  font-family: "ProximaRegular"; margin:0 auto 10rem auto;  width: 820px;}

  .carte{
    background: url(../images/carte.png) no-repeat top center;
    height: 58rem;width: 100%;
    position: relative;
  }
  .carte>img, .carte .ville{     position: absolute;  }

  .ville>a{padding-left: 0;
display: block;
/*width: 189px;height: 35px;*/
width: 194px;height: 40px;
background: url(../images/shadow_bt.png) no-repeat right bottom;
   }
  .ville>a.out{background: url(../images/shadow_bt2.png) no-repeat right bottom;width: 226px; }
   
  .ville>a>img{position: relative;top: 0;left: 0;
-webkit-transition: all 0.15s ease;-moz-transition: all 0.15s ease;
-ms-transition: all 0.15s ease;-o-transition: all 0.15s ease;transition: all 0.15s ease;
  }
  .ville>a:hover>img{top: 5px;left: 5px;}

  .lparis{  top: 27px;  left: 492px;}
  .lmar{  top: 340px;  left: 646px;}
  .lmon{  top: 405px;  left: 526px;}
  .lbor{top: 296px;  left: 107px;}
  .ltou{ top: 371px;  left: 150px;}
  .lnan{ top: 145px;  left: 57px;}

  .date{color:#000;font-size: 1.8rem;margin-bottom: .5rem;}

  .vp{  top: -9px;  left: 740px;}
  .vmar{ top: 304px;  left: 769px;}
  .vmon{    top: 458px;  left: 631px;}
  .vb{   top: 272px; left: 115px;}
  .vt{    top: 443px;  left: 150px;}
  .vnan{    top: 110px;  left: 55px;}



.prefooter{
  width: 100%;
  background: #0d437c;
  padding: 5rem 0;
  text-align: center;
  color: #fff;
}  
.prefooter img{margin-bottom: 3rem;}
.plusinfo{
  font-size: 1.8rem;
  font-family: "ProximaRegular"; margin-bottom: 4rem;
}
.btmailto{
  text-transform: uppercase;
  font-size: 2.6rem;
  /*background:  url(../images/bg_boutonmailto.png) no-repeat 30px center;*/
  padding: 2.6rem 5rem 2.6rem 5rem;
  color: #fff;
  border: .3rem solid #b4ca04;
  display: inline-block;
  margin-bottom: 3rem;
}
.btmailto:hover{
  background: #b4ca04;
}
.btmailto:hover span{
  color:#fff;
}

.btmailto span{
  font-size: 3rem;
  line-height: 2.6rem;
  position: relative;
  top: 4px;  
  padding-right: 10px;
  color:#b4ca04;
}


.minimail a{
  font-size: 1.8rem;
  color:#b3b2b2;
}
.minimail a:hover{color:#fff;}
.logoliste{
  background: #f8f8f8;
  height: 18rem;
  width: 100%;
  overflow: hidden;
}

.containerlogo{
  width: 960px;
  margin: 0 auto;
  background: #fff;
  height: 18rem;
  position: relative;
  line-height: 18rem;
  text-align:center;
}

.containerlogo img{
  vertical-align: middle;
  margin-right: 94px;
}

.conseilmask {
  background: #fff;
  height: 18rem;
  padding-right: 9999px;
  margin-right: -9999px;
  float: right;
  max-width: 1px;
  position: absolute;
  bottom: 0;
  right: 0;
}



.container{
  width: 960px;
  margin: 0 auto;
}

.footer{  height: 200px;  background: #242424;  color:#a8a8a8;   font-size: 12px;}
.footer a{  color:#a8a8a8;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.footer a:hover{  color:#fff;}
.blockfooter{  float: left;  margin-right: 90px;  margin-top: 45px;}
.blockfooter p{  margin-bottom: 6px;}
#block_fb_bleu {width: 380px;height: 151px;background: #00528C;float: right;position: relative;top: -27px;}
#bt_c {margin-left: 20px;margin-top: 20px;}
#bt_c a {color: #B9B8B8;text-decoration: none;}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {  text-decoration: none;}



/* #Custom class
================================================== */
  .trans3 {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
  .trans5 {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
  .trans8 {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
  .fl{float: left;}
  .fr{float: right;}
  .clear{clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}