/*imports*/
/*variables*/
/*mixins*/
/*css*/
/*formulaire classique*/
p.error {
  color: #df8080 !important;
}
.mobile {
  display: none;
}
#preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  background-color: #000000;
  color: #ffffff;
}
#preloader .txt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#preloader .txt-perc {
  font-size: 35px;
  opacity: 1;
  margin: 0 0 6px 0;
  max-width: 400px;
  text-align: center;
}
#preloader .progress {
  width: 100px;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 0 auto 15px auto;
}
#preloader .progress span {
  display: block;
  width: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
#preloader.is-hidden {
  visibility: hidden;
  opacity: 0;
}
body {
  overflow-x: hidden;
}
html {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 1em;
  color: #ffffff;
  background: #008fc1;
  overflow-x: hidden;
}
html h1,
html h2,
html h3,
html h4,
html h5,
html h6 {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
}
html a {
  color: #ffffff;
  text-decoration: underline;
}
html a:hover {
  color: #ea281f;
  text-decoration: none;
}
html strong {
  font-weight: 600;
}
html input {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
}
html .mobile {
  display: none;
}
html .lightbox {
  display: none;
}
html .featherbox .featherlight-content {
  width: 60%;
  min-width: 450px;
  max-width: 800px;
  padding: 48px;
  color: #000001;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html .featherbox .featherlight-content h1 {
  clear: both;
  font-size: 1.4em;
  text-transform: uppercase;
  text-align: center;
  padding: 0;
  margin: 0;
  padding-bottom: 20px;
}
html .featherbox .featherlight-content h2,
html .featherbox .featherlight-content h3,
html .featherbox .featherlight-content h4 {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
}
html .featherbox .featherlight-content h2 {
  clear: both;
  color: #000001;
  font-size: 1.4em;
  padding-top: 10px;
  padding-bottom: 15px;
}
html .featherbox .featherlight-content h3 {
  clear: both;
  color: #000001;
  font-size: 1.2em;
  padding-top: 10px;
  padding-bottom: 15px;
}
html .featherbox .featherlight-content h4 {
  clear: both;
  color: #000001;
  font-size: 1em;
  padding-top: 10px;
  padding-bottom: 15px;
}
html .featherbox .featherlight-content p {
  clear: both;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  color: #000001;
  padding-bottom: 15px;
  font-size: 1em;
  line-height: 1.2em;
}
html .featherbox .featherlight-content p img {
  padding: 10px;
}
html .featherbox .featherlight-content strong,
html .featherbox .featherlight-content b,
html .featherbox .featherlight-content p strong,
html .featherbox .featherlight-content p b {
  font-weight: 700;
}
html .featherbox .featherlight-content a {
  color: #ea281f;
  text-decoration: none;
}
html .featherbox .featherlight-content a:hover {
  color: #417cbb;
  text-decoration: none;
}
html .featherbox .featherlight-content table {
  border-spacing: 10px;
  border-collapse: separate;
}
html .featherbox .featherlight-close {
  color: #ea281f;
  background: #fff;
}
html header * {
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html header {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99999;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html header #adminconnexion {
  float: right;
  margin-right: 10px;
}
html header #adminconnexion li {
  float: left;
  margin-right: 10px;
}
html header #adminconnexion li a {
  z-index: 99999;
  position: relative;
  float: left;
  height: 21px;
  line-height: 21px;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  color: #fff;
  font-size: 0.70em;
  font-weight: 600;
  border: 1px solid #898989;
  text-decoration: none;
  outline-style: none;
  background: rgba(0, 0, 0, 0.5);
}
html header #adminconnexion li a:hover {
  color: #ea281f;
}
html header menu#mainmenu {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 20%;
  left: 0;
}
html header menu#mainmenu h1 {
  position: absolute;
  top: 20px;
  left: 20px;
}
html header menu#mainmenu h1 img {
  width: 95px;
  height: 77px;
}
html header menu#mainmenu ul {
  float: right;
}
html header menu#mainmenu ul li {
  float: left;
}
html header menu#mainmenu ul li a {
  float: left;
  width: 140px;
  height: 105px;
  padding-top: 70px;
  margin-left: 30px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.1em;
  background: #000;
  background: rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html header menu#mainmenu ul li a:hover {
  height: 110px;
  padding-top: 75px;
  background: #fff;
  background: rgba(200, 200, 200, 0.5);
}
html header menu#mainmenu ul li a.smaller {
  padding-top: 75px;
  font-size: 0.7em;
}
html header.notop menu#mainmenu h1 {
  top: 10px;
}
html header.notop menu#mainmenu h1 img {
  width: 70px;
  height: auto;
}
html header.notop menu#mainmenu ul li a {
  height: 70px !important;
  padding-top: 40px !important;
  background: rgba(0, 0, 0, 0.5);
}
html header.notop menu#mainmenu ul li a:hover {
  height: 80px !important;
  padding-top: 45px !important;
  background: rgba(200, 200, 200, 0.5);
}
html menu#navbis {
  position: absolute;
  z-index: 99999;
  width: 47px;
  right: 0;
  top: 30%;
}
html menu#navbis a {
  float: right;
  width: 47px;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html menu#navbis a img {
  float: left;
}
html menu#navbis a:hover {
  margin-right: -3px;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html #accueil {
  float: left;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
html #accueil .rslides {
  position: fixed;
  list-style: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
html #accueil .rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: inline;
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
html #accueil .rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
html #accueil a#bas {
  position: absolute;
  z-index: 1000;
  float: left;
  width: 65px;
  height: 65px;
  bottom: 10px;
  left: 50%;
  margin-left: -32px;
  background: url("/images/communs/next.png") no-repeat top left;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html #accueil a#bas:hover {
  bottom: 2px;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html #accueil a#contacteznous {
  position: absolute;
  z-index: 9999;
  bottom: 20px;
  left: 0;
  padding: 5px;
  color: #fff;
  font-size: 0.8em;
  text-transform: uppercase;
  text-decoration: none;
  background: #db6a32;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html #accueil a#contacteznous:hover {
  padding-left: 15px;
  background: #f57f45;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html #accueil .slide-btns_nav:focus {
  outline: none;
}
html #accueil .slide-btns_tabs {
  position: absolute;
  z-index: 9999;
  width: 100%;
  bottom: 100px;
  text-align: center;
}
html #accueil .slide-btns_tabs li {
  display: inline-block;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
}
html #accueil .slide-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #fff;
  background: transparent;
  display: inline-block;
  _display: block;
  *display: block;
  width: 29px;
  height: 29px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html #accueil .slide-btns_here a {
  border: 2px solid #db6a32;
}
html article {
  position: relative;
  z-index: 9999;
  float: left;
  clear: both;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
html article#le-cabinet {
  background: #e8e9ea url("/images/communs/NC.jpg") no-repeat top left;
  background-size: auto 100%;
}
html article#le-cabinet a.biographie {
  position: absolute;
  z-index: 9999;
  bottom: 10%;
  left: 0px;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  color: #fff;
  text-decoration: none;
  font-size: 2em;
  cursor: pointer;
  background: #efefef;
  background: rgba(119, 118, 120, 0.8);
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html article#le-cabinet a.biographie img {
  margin-right: 5px;
}
html article#le-cabinet a.biographie:hover {
  padding-left: 25px;
  background: rgba(119, 118, 120, 0.2);
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html article#le-cabinet section {
  float: right;
  position: relative;
  width: 50%;
  height: 100%;
  padding-top: 90px;
  padding-bottom: 90px;
  padding-left: 13%;
  padding-right: 5%;
  background: rgba(232, 233, 234, 0);
  background: -moz-linear-gradient(left, rgba(232, 233, 234, 0) 0%, #e8e9ea 14%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(232, 233, 234, 0)), color-stop(14%, #e8e9ea));
  background: -webkit-linear-gradient(left, rgba(232, 233, 234, 0) 0%, #e8e9ea 14%);
  background: -o-linear-gradient(left, rgba(232, 233, 234, 0) 0%, #e8e9ea 14%);
  background: -ms-linear-gradient(left, rgba(232, 233, 234, 0) 0%, #e8e9ea 14%);
  background: linear-gradient(to right, rgba(232, 233, 234, 0) 0%, #e8e9ea 14%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e9ea', endColorstr='#e8e9ea', GradientType=1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html article#le-cabinet section h1 {
  float: left;
  width: 100%;
  clear: both;
  padding-bottom: 19px;
  margin-bottom: 60px;
  text-align: center;
  text-transform: uppercase;
  font-size: 2.8em;
  color: #000001;
  background: url("/images/communs/underline.gif") no-repeat bottom center;
}
html article#le-cabinet section h2,
html article#le-cabinet section h3,
html article#le-cabinet section h4 {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
}
html article#le-cabinet section h2 {
  clear: both;
  color: #000001;
  font-size: 1.4em;
  padding-top: 10px;
  padding-bottom: 15px;
}
html article#le-cabinet section h3 {
  clear: both;
  color: #000001;
  font-size: 1.2em;
  padding-top: 10px;
  padding-bottom: 15px;
}
html article#le-cabinet section h4 {
  clear: both;
  color: #000001;
  font-size: 1em;
  padding-top: 10px;
  padding-bottom: 15px;
}
html article#le-cabinet section p {
  clear: both;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  color: #000001;
  padding-bottom: 15px;
  font-size: 1em;
  line-height: 1.2em;
}
html article#le-cabinet section p img {
  padding: 10px;
}
html article#le-cabinet section strong,
html article#le-cabinet section b,
html article#le-cabinet section p strong,
html article#le-cabinet section p b {
  font-weight: 700;
}
html article#le-cabinet section a {
  color: #ea281f;
  text-decoration: none;
}
html article#le-cabinet section a:hover {
  color: #417cbb;
  text-decoration: none;
}
html article#le-cabinet section table {
  border-spacing: 10px;
  border-collapse: separate;
}
html article#expertises {
  background: #ffffff url("/images/communs/expertises.jpg") no-repeat top left;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
html article#expertises section {
  float: right;
  position: relative;
  width: 70%;
  height: 100%;
  padding-top: 125px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html article#expertises section h1 {
  float: left;
  width: 100%;
  clear: both;
  padding-bottom: 19px;
  margin-bottom: 50px;
  text-transform: uppercase;
  font-size: 2.8em;
  color: #ffffff;
  background: url("/images/communs/underline2.gif") no-repeat bottom left;
}
html article#expertises section ul {
  float: left;
  width: 100%;
}
html article#expertises section ul li {
  float: left;
  position: relative;
  width: 33%;
  padding-right: 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html article#expertises section ul li .titre {
  float: left;
  position: relative;
  width: 100%;
  height: 110px;
  overflow: hidden;
  margin-bottom: 20px;
  background: url("/images/communs/underline3.gif") no-repeat bottom left;
}
html article#expertises section ul li .titre h2 {
  position: absolute;
  bottom: 10px;
  left: 0;
  float: left;
  width: 100%;
  clear: both;
  text-transform: uppercase;
  font-size: 1.6em;
  color: #ffffff;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html article#expertises section ul li .image {
  float: left;
  clear: both;
  position: relative;
  width: 100%;
  height: 100px;
  overflow: hidden;
  margin-bottom: 30px;
}
html article#expertises section ul li .image img {
  z-index: 100;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
  width: 100%;
  height: auto;
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html article#expertises section ul li .texte {
  float: left;
  clear: both;
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
  margin-bottom: 20px;
}
html article#expertises section ul li .texte p {
  float: left;
  width: 100%;
  clear: both;
  font-size: 1.1em;
  line-height: 1.2em;
  color: #ffffff;
  padding-bottom: 48px;
  text-align: justify;
}
html article#expertises section ul li:hover {
  cursor: pointer;
}
html article#expertises section ul li:hover .titre h2 {
  color: #ea281f;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html article#expertises section ul li:hover .image img {
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px);
  filter: none;
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html article#relationnel {
  background: #275570;
}
html article#relationnel section {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 15%;
  padding-right: 15%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html article#relationnel section ul {
  text-align: center;
}
html article#relationnel section ul li {
  position: relative;
  clear: both;
  display: inline-block;
  width: 65%;
}
html article#relationnel section ul li h1 {
  float: left;
  width: 100%;
  margin-bottom: 50px;
  padding-bottom: 25px;
  text-align: left;
  text-transform: uppercase;
  font-size: 2.8em;
  line-height: 1.4em;
  background: url("/images/communs/underline2.gif") no-repeat bottom left;
}
html article#relationnel section ul li h1 strong {
  font-weight: 300;
  color: #ea281f;
}
html article#relationnel section ul li p {
  text-align: justify;
  font-size: 1.1em;
  line-height: 1.4em;
  padding-bottom: 25px;
}
html article#relationnel section ul li .bas {
  display: inline-block;
  width: 65px;
  height: 65px;
  margin-top: 30px;
  margin-bottom: 30px;
  background: url("/images/communs/next2.png") no-repeat top left;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html article#relationnel section ul li .bas:hover {
  margin-top: 35px;
  margin-bottom: 45px;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html article#relationnel section ul li#relationnel1 {
  margin-top: 70px;
  float: right;
}
html article#relationnel section ul li#relationnel2 {
  margin-top: 55px;
  float: left;
}
html article#relationnel section ul li#relationnel3 {
  margin-top: 55px;
  margin-bottom: 55px;
}
html article#nc-blog {
  background: #569ae2;
  background: -moz-linear-gradient(left, #569ae2 0%, #70a0c0 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #569ae2), color-stop(100%, #70a0c0));
  background: -webkit-linear-gradient(left, #569ae2 0%, #70a0c0 100%);
  background: -o-linear-gradient(left, #569ae2 0%, #70a0c0 100%);
  background: -ms-linear-gradient(left, #569ae2 0%, #70a0c0 100%);
  background: linear-gradient(to right, #569ae2 0%, #70a0c0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#569ae2', endColorstr='#70a0c0', GradientType=1);
}
html article#nc-blog section {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 156px;
  padding-bottom: 156px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html article#nc-blog section menu {
  float: left;
  width: 28%;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 200px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}
html article#nc-blog section menu ul li {
  float: left;
  position: relative;
  left: 0;
  width: 100%;
  padding-bottom: 10px;
  font-size: 1.5em;
  cursor: pointer;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html article#nc-blog section menu ul li a {
  text-decoration: none;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html article#nc-blog section menu ul li:hover,
html article#nc-blog section menu ul li.active {
  color: #417cbb;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html article#nc-blog section menu.article {
  padding-top: 0px;
}
html article#nc-blog section menu.article ul li {
  cursor: default;
}
html article#nc-blog section menu.article ul li:hover,
html article#nc-blog section menu.article ul li.active {
  color: #fff;
}
html article#nc-blog section #liste_actualites {
  float: left;
  width: 72%;
  padding-right: 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html article#nc-blog section #liste_actualites h1 {
  padding-bottom: 80px;
}
html article#nc-blog section #liste_actualites .actu {
  float: left;
  position: relative;
  display: block;
  clear: both;
  padding-bottom: 30px;
}
html article#nc-blog section #liste_actualites .actu .image {
  float: left;
  position: relative;
  width: 400px;
  height: 300px;
  overflow: hidden;
  background: #000;
}
html article#nc-blog section #liste_actualites .actu .image img {
  z-index: 100;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
  width: 100%;
  height: auto;
}
html article#nc-blog section #liste_actualites .actu .texte {
  float: left;
  width: 620px;
  padding-left: 30px;
}
html article#nc-blog section #liste_actualites .actu .texte h2 {
  clear: both;
  padding-bottom: 7px;
  color: #333;
  font-size: 1.6em;
}
html article#nc-blog section #liste_actualites .actu .texte h2 a {
  color: #333;
  text-decoration: none;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html article#nc-blog section #liste_actualites .actu .texte h2 a:hover {
  color: #ea281f;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html article#nc-blog section #liste_actualites .actu .texte h3 {
  clear: both;
  padding-bottom: 30px;
  color: #333;
  font-size: 1.1em;
}
html article#nc-blog section #liste_actualites .actu .texte p {
  clear: both;
  color: #ffffff;
  font-size: 1.2em;
  line-height: 1.3em;
}
html article#nc-blog section #liste_actualites .actu .texte a.suite {
  float: left;
  clear: both;
  position: relative;
  width: auto;
  display: inline-block;
  margin-top: 40px;
  padding-right: 30px;
  font-size: 1.2em;
  color: #333;
  text-decoration: none;
  background: url("/images/communs/arrow.png") no-repeat center right;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html article#nc-blog section #liste_actualites .actu .texte a.suite:hover {
  padding-right: 50px;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html article#nc-blog-article {
  background: #F3F3F3;
}
html article#nc-blog-article section {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html article#nc-blog-article section #articleblog {
  float: left;
  width: 100%;
  padding-left: 20%;
  padding-right: 20%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html article#nc-blog-article section #articleblog .article {
  float: left;
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 156px;
  padding-bottom: 106px;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html article#nc-blog-article section #articleblog h1 {
  padding-bottom: 80px;
}
html article#nc-blog-article section #articleblog .image {
  float: left;
  position: relative;
  width: 50%;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html article#nc-blog-article section #articleblog .image img {
  float: left;
  width: 100%;
  height: auto;
}
html article#nc-blog-article section #articleblog .titre {
  float: left;
  position: relative;
  width: 50%;
  height: 300px;
  overflow: hidden;
}
html article#nc-blog-article section #articleblog .titre h2 {
  clear: both;
  padding-top: 10px;
  padding-bottom: 7px;
  color: #333;
  font-size: 2.2em;
  font-weight: 400;
}
html article#nc-blog-article section #articleblog .titre h3 {
  clear: both;
  padding-bottom: 30px;
  color: #333;
  font-size: 1em;
}
html article#nc-blog-article section #articleblog .titre a#retour {
  font-size: 0.9em;
  color: #417cbb;
  text-decoration: none;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html article#nc-blog-article section #articleblog .titre a#retour:hover {
  color: #ea281f;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html article#nc-blog-article section #articleblog .texte {
  float: left;
  width: 100%;
}
html article#nc-blog-article section #articleblog .texte h2,
html article#nc-blog-article section #articleblog .texte h3,
html article#nc-blog-article section #articleblog .texte h4 {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
}
html article#nc-blog-article section #articleblog .texte h2 {
  clear: both;
  color: #000001;
  font-size: 1.4em;
  padding-top: 10px;
  padding-bottom: 15px;
}
html article#nc-blog-article section #articleblog .texte h3 {
  clear: both;
  color: #000001;
  font-size: 1.2em;
  padding-top: 10px;
  padding-bottom: 15px;
}
html article#nc-blog-article section #articleblog .texte h4 {
  clear: both;
  color: #000001;
  font-size: 1em;
  padding-top: 10px;
  padding-bottom: 15px;
}
html article#nc-blog-article section #articleblog .texte p {
  clear: both;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  color: #000001;
  padding-bottom: 15px;
  font-size: 1em;
  line-height: 1.2em;
}
html article#nc-blog-article section #articleblog .texte p img {
  padding: 10px;
}
html article#nc-blog-article section #articleblog .texte strong,
html article#nc-blog-article section #articleblog .texte b,
html article#nc-blog-article section #articleblog .texte p strong,
html article#nc-blog-article section #articleblog .texte p b {
  font-weight: 700;
}
html article#nc-blog-article section #articleblog .texte a {
  color: #ea281f;
  text-decoration: none;
}
html article#nc-blog-article section #articleblog .texte a:hover {
  color: #417cbb;
  text-decoration: none;
}
html article#nc-blog-article section #articleblog .texte table {
  border-spacing: 10px;
  border-collapse: separate;
}
html article#nc-blog-article section #articleblog .texte p {
  font-size: 1.2em;
  line-height: 1.3em;
}
html article#nc-blog-article section #articleblog .texte a.suite {
  float: left;
  clear: both;
  position: relative;
  width: auto;
  display: inline-block;
  margin-top: 40px;
  padding-right: 30px;
  font-size: 1.2em;
  color: #333;
  text-decoration: none;
  background: url("/images/communs/arrow.png") no-repeat center right;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html article#nc-blog-article section #articleblog .texte a.suite:hover {
  padding-right: 50px;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html article#nc-blog-article section #articleblog .reseaux {
  float: left;
  width: 100%;
  text-align: center;
  padding-top: 50px;
}
html article#nc-blog-article section #articleblog .reseaux .linkedin,
html article#nc-blog-article section #articleblog .reseaux .twitter,
html article#nc-blog-article section #articleblog .reseaux .viadeo,
html article#nc-blog-article section #articleblog .reseaux .googleplus,
html article#nc-blog-article section #articleblog .reseaux .facebook {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  background: url("/images/communs/facebook2.png") no-repeat top left;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html article#nc-blog-article section #articleblog .reseaux .linkedin {
  background: url("/images/communs/linkedin2.png") no-repeat top left;
}
html article#nc-blog-article section #articleblog .reseaux .twitter {
  background: url("/images/communs/twitter2.png") no-repeat top left;
}
html article#nc-blog-article section #articleblog .reseaux .viadeo {
  background: url("/images/communs/viadeo2.png") no-repeat top left;
}
html article#nc-blog-article section #articleblog .reseaux .googleplus {
  background: url("/images/communs/googleplus2.png") no-repeat top left;
}
html article#nc-blog-article section #articleblog .reseaux .linkedin:hover,
html article#nc-blog-article section #articleblog .reseaux .twitter:hover,
html article#nc-blog-article section #articleblog .reseaux .viadeo:hover,
html article#nc-blog-article section #articleblog .reseaux .googleplus:hover,
html article#nc-blog-article section #articleblog .reseaux .facebook:hover {
  margin-top: 5px;
  margin-bottom: -5px;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html #avis {
  float: left;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 378px;
  padding-left: 5%;
  padding-right: 5%;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html #avis section {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html #avis section .laquo {
  position: absolute;
  top: 20px;
  left: 0;
}
html #avis section .raquo {
  position: absolute;
  bottom: 20px;
  right: 0;
}
html #avis section .rslides {
  position: relative;
  z-index: 10000;
  list-style: none;
  overflow: hidden;
  width: 100%;
  height: 378px;
  padding: 0;
  margin: 0;
}
html #avis section .rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: table-cell;
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 0;
  top: 0;
  vertical-align: middle;
  text-align: center;
}
html #avis section .rslides li p {
  float: left;
  position: absolute;
  z-index: 10000;
  width: 100%;
  left: 0;
  bottom: 80px;
  line-height: 1.4em;
  padding-left: 20%;
  padding-right: 20%;
  text-align: center;
  color: #000001;
  font-size: 2em;
  font-family: 'Open Sans', sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html #avis section .rslides li p img {
  padding-top: 30px;
}
html #avis section .rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
html article#contact {
  background: #082a3e;
}
html article#contact section {
  float: right;
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 180px;
  padding-bottom: 180px;
  padding-left: 20%;
  padding-right: 20%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html article#contact section .left {
  float: left;
  position: relative;
  width: 50%;
  padding-right: 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html article#contact section .left h1 {
  float: left;
  width: 100%;
  clear: both;
  padding-bottom: 19px;
  margin-bottom: 50px;
  text-transform: uppercase;
  font-size: 2.8em;
  color: #ffffff;
  background: url("/images/communs/underline2.gif") no-repeat bottom left;
}
html article#contact section .left img {
  float: left;
}
html article#contact section .left p {
  float: left;
  width: 100%;
  clear: both;
  padding-top: 20px;
  font-size: 1.5em;
  color: #ffffff;
}
html article#contact section .left a {
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html article#contact section .right {
  float: right;
  position: relative;
  width: 50%;
  padding-left: 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html article#contact section .right form {
  float: left;
  width: 100%;
  padding-top: 100px;
}
html article#contact section .right form input,
html article#contact section .right form textarea {
  width: 80%;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border: 0;
  color: #ffffff;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 1.2em;
  background: #082a3e;
  border-bottom: 1px solid #fff;
  outline-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html article#contact section .right form input#pays {
  display: none;
}
html article#contact section .right form textarea {
  width: 100%;
  height: 200px;
  margin-top: 10px;
  padding-left: 15px;
  padding-top: 15px;
  border: 1px solid #fff;
}
html article#contact section .right form textarea.error,
html article#contact section .right form input.error {
  color: #df8080;
  border-color: #df8080;
}
html article#contact section .right form label.error {
  float: left;
  width: 100%;
  clear: both;
  margin-top: -10px;
  margin-bottom: 10px;
  color: #df8080;
}
html article#contact section .right form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
}
html article#contact section .right form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}
html article#contact section .right form ::-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}
html article#contact section .right form ::-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
  opacity: 1;
}
html article#contact section .right form button {
  float: right;
  background: none;
  border: none;
  color: #ffffff;
  font-family: 'Lato', sans-serif;
  font-size: 1.1em;
  font-weight: 300;
  cursor: pointer;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html article#contact section .right form button:hover {
  color: #ea281f;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html article#contact section .right #messagecontact {
  float: left;
  width: 100%;
  padding-bottom: 20px;
  padding-top: 20px;
}
html article#contact section .right .linkedin,
html article#contact section .right .twitter,
html article#contact section .right .viadeo,
html article#contact section .right .googleplus,
html article#contact section .right .facebook {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  background: url("/images/communs/facebook.png") no-repeat top left;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html article#contact section .right .linkedin {
  background: url("/images/communs/linkedin.png") no-repeat top left;
}
html article#contact section .right .twitter {
  background: url("/images/communs/twitter.png") no-repeat top left;
}
html article#contact section .right .viadeo {
  background: url("/images/communs/viadeo.png") no-repeat top left;
}
html article#contact section .right .googleplus {
  background: url("/images/communs/googleplus.png") no-repeat top left;
}
html article#contact section .right .linkedin:hover,
html article#contact section .right .twitter:hover,
html article#contact section .right .viadeo:hover,
html article#contact section .right .googleplus:hover,
html article#contact section .right .facebook:hover {
  margin-top: 5px;
  margin-bottom: -5px;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html #maps {
  float: left;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 555px;
  background: #dfdbd4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html #maps #carte {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html footer {
  float: left;
  position: relative;
  z-index: 10000;
  width: 100%;
  height: 54px;
  line-height: 54px;
  padding-right: 2%;
  background: #666;
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html footer a {
  text-decoration: none;
  color: #000001;
  font-size: 1.1em;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
html footer a:hover {
  color: #ffffff;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
/*# sourceMappingURL=communs.css.map */