/* FONT */
.petalaLight {
  /* font-family: "petala-pro"; */
  font-weight: 100;
  font-style: normal;
}
.petalaRegular {
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
}
.petalaSemibold {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
}
.petalaBold {
  /* font-family: "petala-pro"; */
  font-weight: 700;
  font-style: normal;
}
.proximaRegular {
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.proximaBold {
  font-family: "proxima-nova-extra-condensed";
  font-style: normal;
  font-weight: 700;
}
.Arial {
  /* font-family: Arial, Helvetica, sans-serif; */
}
/********/
/* FONCTION LESS */
@keyframes fosburit {
  0% {
    opacity: 0;
    left: 92px;
    top: 25px;
  }
  17% {
    opacity: 0;
    left: 92px;
    top: 25px;
  }
  95% {
    opacity: 0;
    left: 15px;
    top: 56px;
  }
  100% {
    opacity: 1;
    left: 15px;
    top: 56px;
  }
}
@-webkit-keyframes fosburit {
  0% {
    opacity: 0;
    left: 92px;
    top: 25px;
  }
  17% {
    opacity: 0;
    left: 92px;
    top: 25px;
  }
  95% {
    opacity: 0;
    left: 15px;
    top: 56px;
  }
  100% {
    opacity: 1;
    left: 15px;
    top: 56px;
  }
}
@-moz-keyframes fosburit {
  0% {
    opacity: 0;
    left: 92px;
    top: 25px;
  }
  17% {
    opacity: 0;
    left: 92px;
    top: 25px;
  }
  95% {
    opacity: 0;
    left: 15px;
    top: 56px;
  }
  100% {
    opacity: 1;
    left: 15px;
    top: 56px;
  }
}
@-o-keyframes fosburit {
  0% {
    opacity: 0;
    left: 92px;
    top: 25px;
  }
  17% {
    opacity: 0;
    left: 92px;
    top: 25px;
  }
  5 {
    opacity: 0;
    left: 15px;
    top: 56px;
  }
  100% {
    opacity: 1;
    left: 15px;
    top: 56px;
  }
}
@keyframes fosburit2 {
  0% {
    opacity: 1;
    left: 15px;
    top: 56px;
  }
  20% {
    opacity: 0;
    left: 15px;
    top: 56px;
  }
  80% {
    opacity: 0;
    left: 92px;
  }
  100% {
    opacity: 1;
    left: 92px;
    top: 25px;
  }
}
@-webkit-keyframes fosburit2 {
  0% {
    opacity: 1;
    left: 15px;
    top: 56px;
  }
  20% {
    opacity: 0;
    left: 15px;
    top: 56px;
  }
  80% {
    opacity: 0;
    left: 92px;
  }
  100% {
    opacity: 1;
    left: 92px;
    top: 25px;
  }
}
@-moz-keyframes fosburit2 {
  0% {
    opacity: 1;
    left: 15px;
    top: 56px;
  }
  20% {
    opacity: 0;
    left: 15px;
    top: 56px;
  }
  80% {
    opacity: 0;
    left: 92px;
  }
  100% {
    opacity: 1;
    left: 92px;
    top: 25px;
  }
}
@-o-keyframes fosburit2 {
  0% {
    opacity: 1;
    left: 15px;
    top: 56px;
  }
  20% {
    opacity: 0;
    left: 15px;
    top: 56px;
  }
  80% {
    opacity: 0;
    left: 92px;
  }
  100% {
    opacity: 1;
    left: 92px;
    top: 25px;
  }
}
/***********************/
/***********************/
/****/
html,
body {
  margin: 0;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  min-width: 975px;
  min-width: 320px;
  height: 100%;
  /*background: #e5eff0;*/
}
ul {
  list-style: none;
  padding: 0;
}
.clear {
  clear: both;
}
#nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 240px;
  background: #2F313C;
  height: 100%;
  float: left;
  min-height: 650px;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#nav div.logo {
  position: relative;
  border-top: 10px solid #FFF;
  border-bottom: 3px solid #C1D4D6;
  background: #FFF;
  height: 85px;
  cursor: pointer;
}
#nav div.logo a {
  display: block;
  height: 100%;
  width: 100%;
}
#nav div.logo span.logo {
  position: absolute;
  width: 54px;
  height: 60px;
  left: 21px;
  top: 8px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#nav div.logo span.fosburit {
  position: absolute;
  width: 111px;
  height: 24px;
  left: 92px;
  top: 25px;
  -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;
  cursor: pointer;
}
#nav nav ul {
  margin: 0;
  width: 240px;
}
#nav nav ul li {
  cursor: pointer;
  position: relative;
  height: 59px;
  -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;
  font-size: 19px;
  line-height: 59px;
  color: #ffffff;
  border-bottom: 1px solid #3C3F4D;
}
#nav nav ul li span {
  -webkit-transition: left 0.2s ease;
  -moz-transition: left 0.2s ease;
  -ms-transition: left 0.2s ease;
  -o-transition: left 0.2s ease;
  transition: left 0.2s ease;
}
#nav nav ul li:hover,
#nav nav ul li.active {
  background: #e5eff0;
  color: #2f313c !important;
}
#nav nav ul li.light {
  /* font-family: "petala-pro"; */
  font-weight: 100;
  font-style: normal;
  color: #8d8ea0;
  line-height: 1.1em;
  padding-top: 12px;
  height: 47px;
  font-size: 16px;
}
#nav nav ul li.lighten {
  /* font-family: "petala-pro"; */
  font-weight: 100;
  font-style: normal;
  color: #8d8ea0;
  padding-top: 0;
  line-height: 60px;
  height: 60px;
  font-size: 16px;
}
#nav nav ul li.search {
  /* font-family: "petala-pro"; */
  font-weight: 100;
  font-style: normal;
  color: #8d8ea0;
  padding-top: 0;
  line-height: 60px;
  height: 60px;
  font-size: 16px;
}
#nav nav ul li.decouvrir span {
  position: absolute;
  left: 33px;
  top: 15px;
  height: 27px;
  width: 29px;
  background: url(../img/sprite-nav.png) -7px -5px no-repeat;
}
#nav nav ul li.decouvrir:hover span,
#nav nav ul li.decouvrir.active span {
  background-position: -7px -115px;
}
#nav nav ul li.demarrer span {
  position: absolute;
  left: 35px;
  top: 15px;
  height: 30px;
  width: 25px;
  background: url(../img/sprite-nav.png) -60px -5px no-repeat;
}
#nav nav ul li.demarrer:hover span,
#nav nav ul li.demarrer.active span {
  background-position: -60px -115px;
}
#nav nav ul li.partenaires span {
  position: absolute;
  left: 33px;
  top: 15px;
  height: 27px;
  width: 29px;
  background: url(../img/sprite-nav.png) -110px -5px no-repeat;
}
#nav nav ul li.partenaires:hover span,
#nav nav ul li.partenaires.active span {
  background-position: -110px -115px;
}


#nav nav ul li.lighten span {
  position: absolute;
  left: 39px;
  top: 15px;
  height: 27px;
  width: 29px;
  background: url(../img/sprite-nav.png) -170px -5px no-repeat;
}

#nav nav ul li.light span {
  position: absolute;
  left: 39px;
  top: 15px;
  height: 27px;
  width: 29px;
  background: url(../img/sprite-nav.png) -170px -5px no-repeat;
}
#nav nav ul li.light:hover span,
#nav nav ul li.light.active span {
  background-position: -170px -115px;
}
#nav nav ul li.search span {
  position: absolute;
  left: 32px;
  top: 15px;
  height: 30px;
  width: 30px;
  background: url(../img/sprite-nav.png) -220px -5px no-repeat;
}
#nav nav ul li.search:hover span,
#nav nav ul li.search.active span {
  background-position: -220px -115px;
}
#nav nav ul li.fos-blog span {
  position: absolute;
  left: 33px;
  top: 15px;
  height: 30px;
  width: 30px;
  background: url(../img/fos-blog.png) 0 0 no-repeat;
}
#nav nav ul li.fos-blog:hover span,
#nav nav ul li.fos-blog.active span {
  background: url(../img/fos-blog-on.png) 0 0 no-repeat;
}
#nav nav ul li a {
  color: inherit;
  text-decoration: none;
  padding-left: 95px;
  height: 59px;
  display: block;
}
#nav .social {
  position: fixed;
  bottom: 20px;
  left: 20px;
  width: 102px;
  height: 30px;
}
#nav .social li {
  float: left;
}
#nav .social li a {
  display: block;
  height: 30px;
  width: 30px;
  background: #666;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  /*&.fos-blog { background:url(../img/fos-blog.png); position:absolute; left:0; bottom:0; .transitionLeftBottom(0.2s); }
				&.fos-blog:hover { background:url(../img/fos-blog-on.png);}*/

  /*
				&.in { background:url(../img/linkedin.png); position:absolute; left:114px; bottom:0; .transitionLeftBottom(0.2s); }
				&.in:hover { background:url(../img/linkedin-on.png);}
				*/

}
#nav .social li a.fb {
  background: url(../img/fb.png);
  position: absolute;
  left: 0px;
  bottom: 0;
  -webkit-transition: left 0.2s ease, bottom 0.2s ease;
  -moz-transition: left 0.2s ease, bottom 0.2s ease;
  -ms-transition: left 0.2s ease, bottom 0.2s ease;
  -o-transition: left 0.2s ease, bottom 0.2s ease;
  transition: left 0.2s ease, bottom 0.2s ease;
}
#nav .social li a.fb:hover {
  background: url(../img/fb-on.png);
}
#nav .social li a.tw {
  background: url(../img/twitter.png);
  position: absolute;
  left: 38px;
  bottom: 0;
  -webkit-transition: left 0.2s ease, bottom 0.2s ease;
  -moz-transition: left 0.2s ease, bottom 0.2s ease;
  -ms-transition: left 0.2s ease, bottom 0.2s ease;
  -o-transition: left 0.2s ease, bottom 0.2s ease;
  transition: left 0.2s ease, bottom 0.2s ease;
}
#nav .social li a.tw:hover {
  background: url(../img/twitter-on.png);
}
#nav .social li a.fos-yt {
  background: url(../img/fos-yt.png);
  position: absolute;
  left: 76px;
  bottom: 0;
  -webkit-transition: left 0.2s ease, bottom 0.2s ease;
  -moz-transition: left 0.2s ease, bottom 0.2s ease;
  -ms-transition: left 0.2s ease, bottom 0.2s ease;
  -o-transition: left 0.2s ease, bottom 0.2s ease;
  transition: left 0.2s ease, bottom 0.2s ease;
}
#nav .social li a.fos-yt:hover {
  background: url(../img/fos-yt-on.png);
}
#nav .social li a.fos-gp {
  background: url(../img/fos-gp.png);
  position: absolute;
  left: 114px;
  bottom: 0;
  -webkit-transition: left 0.2s ease, bottom 0.2s ease;
  -moz-transition: left 0.2s ease, bottom 0.2s ease;
  -ms-transition: left 0.2s ease, bottom 0.2s ease;
  -o-transition: left 0.2s ease, bottom 0.2s ease;
  transition: left 0.2s ease, bottom 0.2s ease;
}
#nav .social li a.fos-gp:hover {
  background: url(../img/fos-gp-on.png);
}
.container {
  min-height: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  min-width: 900px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding-bottom: 309px;
  position: relative;
}
.container .compte {
  height: 95px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 3;
}
.container .compte figure {
  position: absolute;
  cursor: pointer;
  width: 95px;
  height: 95px;
  top: 0;
  left: -95px;
  border-bottom: 3px solid #C1D4D6;
  margin: 0;
  background: #FFF;
}
.container .compte figure img.avatar {
  border: 10px solid #FFF;
  width: 75px;
  height: auto;
  position: relative;
  z-index: 1;
}
.container .compte figure img.loading {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  padding: 32px;
  z-index: 2;
  background: #FFF;
  display: none;
}
.container .compte a {
  color: #2F313C;
}
.container .compte .inner {
  display: none;
  width: 280px;
  padding: 20px;
  background: #FFF;
  overflow: hidden;
  border: 1px solid #C1D4D6;
  /*******************************************************/

}
.container .compte .inner div {
  height: 245px;
  position: relative;
  margin: 0 0px;
  /* firefox 19+ */

  /* ie */

}
.container .compte .inner div .deconnexion {
  position: absolute;
  right: 30px;
  top: 0;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
}
.container .compte .inner div #compte-ok {
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  font-size: 20px;
  font-weight: 600;
}
.container .compte .inner div #connexion-email {
  position: relative;
  margin-top: 45px;
  padding-left: 10px;
  width: 265px;
  height: 40px;
  border: 2px solid #c1d5d6;
  font-size: 14px;
}
.container .compte .inner div #connexion-mdp {
  position: relative;
  margin-top: 10px;
  padding-left: 10px;
  width: 265px;
  height: 40px;
  border: 2px solid #c1d5d6;
  font-size: 14px;
}
.container .compte .inner div #se-souvenir {
  position: relative;
  margin-top: 8px;
}
.container .compte .inner div #se-souvenir-text {
  margin-left: 10px;
  font-family: Arial, sans-serif;
  font-size: 12px;
}
.container .compte .inner div #mdp-oublie {
  float: right;
  margin-top: 8px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #2F313C;
}
.container .compte .inner div .connexion-button {
  margin-top: 20px;
  width: 150px;
  height: 40px;
  border: none;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: white;
}
.container .compte .inner div .connexion {
  background-color: #2f313c;
}
.container .compte .inner div .connexion:hover {
  background-color: #08ada0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.container .compte .inner div #img-connexion {
  float: right;
  margin-right: 5px;
}
.container .compte .inner div ::-webkit-input-placeholder {
  color: #2F313C;
  opacity: 1;
}
.container .compte .inner div ::-moz-placeholder {
  opacity: 1;
  color: #2F313C;
}
.container .compte .inner div :-ms-input-placeholder {
  opacity: 1;
  color: #2F313C;
}
.container .compte .inner div input:-moz-placeholder {
  opacity: 1;
  color: #2F313C;
}
.container .compte .inner div input:focus::-moz-placeholder {
  opacity: 1;
  color: #999;
}
.container .compte .inner div input:focus::-webkit-input-placeholder,
.container .compte .inner div input:focus::-ms-input-placeholder {
  opacity: 1;
  color: #999;
}
.container .compte .inner #compte-no {
  position: relative;
  margin: 14px 0 20px 0;
  top: 0;
  left: 0;
  font-size: 20px;
  font-weight: 600;
}
.container .compte .inner #creer-compte {
  position: relative;
  display: block;
  margin-bottom: 10px;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  background-color: #08ada0;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: white;
  text-decoration: none;
}
.container .compte .inner #creer-compte:hover {
  background-color: #0accbc;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.container .compte .inner #picto-creercompte {
  float: right;
  margin: 9px 10px 0 0;
}
.container .compte .inner #fb-connect {
  position: relative;
  display: block;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  background-color: #3b5998;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: white;
  text-decoration: none;
}
.container .compte .inner #fb-connect:hover {
  background-color: #5077cc;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.container .compte .inner #picto-fb-connect {
  float: right;
  margin: 9px 10px 0 0;
}
.container .compte .inner hr {
  border-top: 1px solid #EBEBEB;
  border-bottom: none;
  margin: 15px 0;
  border-left: none;
}
.container .compte .inner > span {
  font-size: 22px;
  margin: 15px 0 15px;
  padding: 10px 0 0 60px;
  display: block;
  /* font-family: "petala-pro"; */
  font-weight: 700;
  font-style: normal;
  color: #2f313c;
}
.container .compte .inner a.profil {
  position: relative;
  height: 30px;
  padding: 0 0 0 44px;
  display: block;
  /* font-family: "petala-pro"; */
  font-weight: 700;
  font-style: normal;
  color: #2f313c;
  font-size: 22px;
}
.container .compte .inner a.profil .picto {
  position: absolute;
  left: 1px;
  top: 0;
  background: url(../img/sprite-projet.png) -80px -80px no-repeat;
  width: 24px;
  height: 24px;
}
.container .compte .inner .mesprojets {
  position: relative;
  height: 30px;
  padding: 0 0 0 44px;
  display: block;
}
.container .compte .inner .mesprojets .picto {
  position: absolute;
  left: 1px;
  top: 0;
  background: url(../img/sprite-projet.png) -40px -80px no-repeat;
  width: 21px;
  height: 25px;
}
.container .compte .inner ul {
  padding-left: 25px;
  margin: 0 0 20px;
  list-style-type: square;
}
.container .compte .inner ul li {
  font-size: 16px;
  color: #c1d5d6;
  padding-left: 10px;
  margin-bottom: 2px;
  line-height: 20px;
}
.container .compte .inner ul li a {
  display: block;
  color: #2f313c;
  text-decoration: none;
}
.container .compte .inner ul li:hover {
  color: #00ac9f !important;
}
.container .compte .inner ul li:hover a {
  color: #00ac9f;
}
.container .compte .inner .demarrer {
  display: block;
  text-align: center;
  margin: 0 00px 10px;
  height: 54px;
  line-height: 54px;
  color: #FFF;
  background: #08ada0;
  border-bottom: 4px solid #c1d5d6;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.container .compte .inner .demarrer:hover {
  background: #0accbc;
}
.container .compte.temp .inner {
  padding: 16px !important;
}
.container .compte.temp .inner div {
  height: 64px !important;
  margin: 0 23px !important;
}
.container .compte.temp .bonjour {
  font-size: 15px !important;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
}
.container .compte.loggedin {
  height: 95px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 3;
}
.container .compte.loggedin .inner {
  display: none;
  width: 280px;
  padding: 20px;
  background: #FFF;
  overflow: hidden;
  border: 1px solid #C1D4D6;
}
.container .compte.loggedin .inner div {
  height: 74px;
  position: relative;
  margin: 0 25px;
}
.container .compte.loggedin .inner div .deconnexion {
  position: absolute;
  right: 20px;
  top: 4px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  padding-left: 25px;
}
.container .compte.loggedin .inner div .deconnexion span {
  background: url(../img/sprite-admin.png) -30px 0px no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 3px;
}
.container .compte.loggedin .inner div .bonjour {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
}
.container .compte.loggedin .inner div .user {
  position: absolute;
  top: 40px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  left: 0;
  font-size: 22px;
}
.container .compte.loggedin .inner hr {
  border-top: 1px solid #EBEBEB;
  border-bottom: none;
  margin: 5px 0;
  border-left: none;
}
.container .compte.loggedin .inner > span {
  font-size: 22px;
  margin: 15px 0 15px;
  padding: 10px 0 0 60px;
  display: block;
  /* font-family: "petala-pro"; */
  font-weight: 700;
  font-style: normal;
  color: #2f313c;
}
.container .compte.loggedin .inner a.profil {
  position: relative;
  height: 30px;
  padding: 0 0 0 44px;
  display: block;
  margin: 15px 0;
  /* font-family: "petala-pro"; */
  font-weight: 700;
  font-style: normal;
  color: #2f313c;
  font-size: 22px;
}
.container .compte.loggedin .inner a.profil .picto {
  position: absolute;
  left: 1px;
  top: 0;
  background: url(../img/sprite-projet.png) -80px -80px no-repeat;
  width: 24px;
  height: 24px;
}
.container .compte.loggedin .inner .mesprojets {
  position: relative;
  height: 30px;
  padding: 0 0 0 44px;
  display: block;
  margin: 15px 0;
  /* font-family: "petala-pro"; */
  font-weight: 700;
  font-style: normal;
  color: #2f313c;
  font-size: 22px;
}
.container .compte.loggedin .inner .mesprojets .picto {
  position: absolute;
  left: 1px;
  top: 0;
  background: url(../img/sprite-projet.png) -40px -80px no-repeat;
  width: 21px;
  height: 25px;
}
.container .compte.loggedin .inner ul {
  padding-left: 25px;
  margin: 0 0 20px;
  list-style-type: square;
}
.container .compte.loggedin .inner ul li {
  font-size: 16px;
  color: #c1d5d6;
  padding-left: 10px;
  margin-bottom: 2px;
  line-height: 20px;
}
.container .compte.loggedin .inner ul li a {
  display: block;
  color: #2f313c;
  text-decoration: none;
}
.container .compte.loggedin .inner ul li:hover {
  color: #00ac9f !important;
}
.container .compte.loggedin .inner ul li:hover a {
  color: #00ac9f;
}
.container .compte.loggedin .inner .demarrer {
  display: block;
  text-align: center;
  margin: 0 00px 10px;
  height: 54px;
  line-height: 54px;
  color: #FFF;
  background: #08ada0;
  border-bottom: 4px solid #c1d5d6;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.container .compte.loggedin .inner .demarrer:hover {
  background: #0accbc;
}
.container .slide-box {
  border-left: 10px solid #FFF;
  border-top: 10px solid #FFF;
  display: block;
  min-height: 300px;
}
.container .slide-box ul {
  margin: 0;
  overflow: hidden;
  /*width:100%;*/
  height: 100%;
}
.container .slide-box ul li {
  width: 100%;
  height: 100%;
  position: relative;
}
.container .slide-box ul li img {
  width: 100%;
  position: absolute;
}
.container .slide-box ul li > span {
  width: 100%;
  background-position: center center;
  background-size: cover;
  height: 100%;
  display: block;
}
.container .slide-box ul li > span div {
  position: absolute;
  overflow: hidden;
  right: 90px;
  top: 50%;
}
.container .slide-box ul li > span div .title {
  float: right;
  background: url(../img/fosburit-white.png) 0 0 no-repeat;
  width: 214px;
  height: 45px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.container .slide-box ul li > span div p {
  text-align: right;
  /* font-family: "petala-pro"; */
  font-weight: 100;
  font-style: normal;
  font-size: 38px;
  color: #FFFFFF;
  clear: both;
  margin-bottom: 30px;
}
.container .slide-box ul li > span div a {
  display: block;
  float: right;
  width: 155px;
  height: 50px;
  line-height: 50px;
  color: #FFF;
  text-decoration: none;
  text-align: center;
  background: #00AC9F;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.container .slide-box ul li > span div a:hover {
  background: #2F313C;
}
.container div.discipline {
  border-bottom: 3px solid #C1D4D6;
}
.container div.discipline ul {
  width: 100%;
  overflow: hidden;
  margin: 0;
  height: 100px;
  -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;
  background: #FFF;
}
.container div.discipline ul.moins {
  height: 100px !important;
}
.container div.discipline ul li {
  position: relative;
  overflow: hidden;
  float: left;
  min-width: 1px;
  height: 100px;
  border-right: 1px solid #e5eff0;
  border-bottom: 1px solid #e5eff0;
}
.container div.discipline ul li a {
  display: block;
  height: 100%;
}
.container div.discipline ul li:nth-child(11n) {
  border-right: 0;
}
.container div.discipline ul li span.hover {
  position: absolute;
  width: 100%;
  height: 100px;
  bottom: -100px;
  left: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.container div.discipline ul li:hover span.hover {
  bottom: 0;
}
.container div.discipline ul li span.img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -35px 0 0 -25px;
  height: 51px;
  width: 51px;
  background-position: left top;
  background-repeat: no-repeat;
}
.container div.discipline ul li:hover span.img {
  background-position: left bottom !important;
}
.container div.discipline ul li .sport {
  position: absolute;
  text-transform: uppercase;
  top: 75px;
  width: 100%;
  height: 25px;
  text-align: center;
  font-size: 11px;
  line-height: 12px;
  color: #8d8ea0;
  z-index: 2;
  -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;
}
.container div.discipline ul li:hover .sport {
  color: #FFF;
}
.container div.discipline ul li.more:hover .sport {
  color: #8d8ea0;
}
.container div.discipline ul li.more span.img {
  background: url(../img/discipline/autre.png) center center no-repeat;
  cursor: pointer;
}
.container div.discipline ul li.more:hover span.img {
  background-position: center center !important;
}
.minimize.demarrer #nav nav ul li.chiffre span {
  left: 18px ;
}
.minimize.demarrer #nav nav ul li.guidelines span,
.minimize.demarrer #nav nav ul li.formules span,
.minimize.demarrer #nav nav ul li.apercu span {
  left: 20px;
}
.minimize.demarrer #nav nav ul li span.check {
  left: 48px;
}
.minimize #nav {
  width: 70px;
}
.minimize #nav div.logo {
  cursor: pointer;
}
.minimize #nav div.logo span.logo {
  height: 51px;
  width: 45px;
  top: 8px;
  left: 13px;
}
.minimize #nav div.logo span.fosburit {
  width: 46px;
  height: 10px;
  left: 13px;
  top: 56px;
  animation: fosburit 0.3s;
  -webkit-animation: fosburit 0.3s;
}
.minimize #nav nav ul li.decouvrir span,
.minimize #nav nav ul li.partenaires span {
  left: 22px;
}
.minimize #nav nav ul li.demarrer span {
  left: 24px;
}
.minimize #nav nav ul li.guidelines span {
  left: 16px;
}
.minimize #nav nav ul li.formules span {
  left: 17px;
}
.minimize #nav nav ul li.lighten span {
  left: 28px;
}
.minimize #nav nav ul li.light span {
  left: 28px;
}
.minimize #nav nav ul li.search span {
  left: 21px;
}
.minimize #nav nav ul li.fos-blog span {
  left: 21px;
}
.minimize #nav .social li {
  /*a.fos-blog { left:0; bottom:114px; }*/

  /*a.in { left:0; bottom:0px;}*/

}
.minimize #nav .social li a.fb {
  left: 0;
  bottom: 114px;
}
.minimize #nav .social li a.tw {
  left: 0;
  bottom: 76px;
}
.minimize #nav .social li a.fos-yt {
  left: 0;
  bottom: 38px;
}
.minimize #nav .social li a.fos-gp {
  left: 0;
  bottom: 0px;
}
.minimize .container {
  margin-left: 70px !important;
}
.maximize #nav span.fosburit {
  animation: fosburit2 0.2s;
  -webkit-animation: fosburit2 0.2s;
}
.maximize .container {
  margin-left: 240px;
}
.content {
  overflow: hidden;
  min-width: 900px;
}
.content .record,
.content h2.partenaires {
  display: block;
  font-size: 40px;
  color: #2f313c;
  text-align: center;
  padding: 0 60px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  margin: 35px 0;
}
.content .tabs,
.content #tabs {
  overflow: hidden;
}
.content .tabs .menu,
.content #tabs .menu {
  overflow: hidden;
  margin: 0 auto 35px;
  width: 735px;
}
.content .tabs .menu li,
.content #tabs .menu li {
  float: left;
  padding: 0 25px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  border-bottom: 3px solid #C1D4D6;
  text-align: center;
  height: 30px;
  line-height: 30px;
}
.content .tabs .menu li a,
.content #tabs .menu li a {
  color: #2f313c;
  text-decoration: none;
}
.content .tabs .menu li.ui-tabs-active,
.content #tabs .menu li.ui-tabs-active {
  background: #FFF;
}
.content .tabs .ui-tabs-panel,
.content #tabs .ui-tabs-panel {
  overflow: hidden;
  margin-bottom: 35px;
}
.content .tabs .ui-tabs-panel .more,
.content #tabs .ui-tabs-panel .more {
  /*display:block; height:40px; width:175px; line-height:40px; text-align:center; text-decoration:none; margin:35px auto 0; .petalaSemibold; font-size:12px; text-transform:uppercase; color:#2f313c; background:#c1d5d6;.transition(0.2s);*/

  display: block;
  height: 60px;
  width: 225px;
  line-height: 60px;
  text-align: center;
  text-decoration: none;
  margin: 35px auto 0;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  text-transform: uppercase;
  color: #2f313c;
  background: #c1d5d6;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.content .tabs .ui-tabs-panel .more:hover,
.content #tabs .ui-tabs-panel .more:hover {
  background: #2F313C;
  color: #FFF;
}
.content .blocProjet {
  position: relative;
  width: 220px;
  height: 386px;
  float: left;
  margin-right: 15px;
  padding: 2px 17px 2px 2px;
  margin-bottom: 15px;
  border-bottom: 3px solid #C1D4D6;
  background: #FFF;
}
.content .blocProjet:hover figure img {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.content .blocProjet figure {
  overflow: hidden;
}
.content .blocProjet figure a {
  overflow: hidden;
  display: block;
}
.content .blocProjet figure img {
  width: 220px;
  display: block;
  height: 148px;
  border-bottom: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.content .blocProjet figure figcaption {
  background: #E5EFF0;
  overflow: hidden;
  /* font-family: Arial, Helvetica, sans-serif; */
}
.content .blocProjet figure figcaption .discipline {
  float: left;
  padding: 0 9px;
  line-height: 20px;
  height: 20px;
  font-size: 9px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
}
.content .blocProjet figure figcaption .discipline:hover {
  text-decoration: underline;
}
.content .blocProjet > div {
  overflow: hidden;
  border-right: 1px solid #E5EFF0;
  height: 163px;
}
.content .blocProjet > div .lieu {
  position: absolute;
  padding: 0 0 0 25px;
  width: 195px;
  bottom: 59px;
  background: #E5EFF0;
  color: #739899;
  text-decoration: none;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 11px;
  height: 19px;
  line-height: 19px;
}
.content .blocProjet > div .lieu span {
  position: absolute;
  left: 10px;
  top: 3px;
  width: 8px;
  height: 11px;
  background: url(../img/sprite-produit.png) -40px 0 no-repeat;
}
.content .blocProjet > div .lieu:hover {
  text-decoration: underline;
}
.content .blocProjet > div .auteur {
  display: block;
  margin: 5px 10px 10px;
  font-size: 11px;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2F313C;
  font-weight: bold;
}
.content .blocProjet > div .auteur a {
  color: #739899;
  text-decoration: none;
}
.content .blocProjet > div .auteur a:hover {
  text-decoration: underline;
}
.content .blocProjet > div h1 {
  /* font-family: "petala-pro"; */
  font-weight: 700;
  font-style: normal;
  font-size: 13px;
  color: #2F313C;
  margin: 10px 10px 0;
  line-height: 1.2em;
  padding: 0;
  text-align: left;
}
.content .blocProjet > div h1 a {
  text-decoration: none;
  color: inherit;
}

.content .blocProjet > div h3 {
  /* font-family: "petala-pro"; */
  font-weight: 700;
  font-style: normal;
  font-size: 13px;
  color: #2F313C;
  margin: 10px 10px 0;
  line-height: 1.2em;
  padding: 0;
  text-align: left;
}
.content .blocProjet > div h3 a {
  text-decoration: none;
  color: inherit;
}





.content .blocProjet > div p {
  font-size: 11px;
  /* font-family: Arial, Helvetica, sans-serif; */
  margin: 0 10px;
  color: #2F313C;
  overflow: hidden;
}
.content .blocProjet > div .infos {
  position: absolute;
  overflow: hidden;
  margin: 10px 0 0;
  width: 100%;
  bottom: 2px;
}
.content .blocProjet > div .infos > div {
  height: 40px;
  padding: 5px 6px 10px;
  float: left;
  background: #2f313c;
  color: #FFF;
}
.content .blocProjet > div .infos > div > span {
  font-size: 11px;
  color: #92999a;
  /* font-family: Arial, Helvetica, sans-serif; */
  display: block;
  text-align: center;
}
.content .blocProjet > div .infos > div > span > span {
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.content .blocProjet > div .infos > div span:first-child {
  font-size: 22px;
  text-align: center;
  color: #FFF;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.content .blocProjet > div .infos .pct {
  width: 46px;
}
.content .blocProjet > div .infos .collectes {
  width: 90px;
  border-left: 1px solid #515758;
  border-right: 1px solid #515758;
}
.content .blocProjet > div .infos .temps {
  width: 46px;
}
.content .blocProjet .jauge {
  bottom: 2px;
  height: 360px;
  position: absolute;
  right: 4px;
  width: 9px;
  border-right: none;
}
.content .blocProjet .jauge span {
  width: 9px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.content .blocProjet .trophee {
  width: 17px;
  position: absolute;
  top: 0;
  right: 0;
  height: 24px;
  background: url(../img/tropheev2.png) 0 0px no-repeat #2f313c;
  border-bottom: 1px solid #C1D4D6;
}
.content .blocProjet.finished > div .infos .temps span {
  color: #2F313C !important;
}
.content .apropos {
  background: #931b80;
  color: #FFF;
  overflow: hidden;
  display: table;
  width: 100%;
}
.content .apropos figure {
  width: 315px;
  height: 341px;
  padding: 11px;
  background: #fff;
  display: table-cell;
  vertical-align: middle;
}
.content .apropos div {
  display: table-cell;
  padding: 0 60px;
  vertical-align: middle;
}
.content .apropos div h2 {
  position: relative;
  font-size: 40px;
  margin: 0;
  font-weight: 400;
  /* font-family: "petala-pro"; */
  font-weight: 100;
  font-style: normal;
}
.content .apropos div h2 b {
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
}
.content .apropos div h2::before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: -60px;
  border-bottom: 18px solid transparent;
  border-top: 18px solid transparent;
  border-left: 17px solid #FFF;
}
.content .apropos div p {
  margin: 10px 0;
  /* font-family: "petala-pro"; */
  font-weight: 100;
  font-style: normal;
  font-size: 22px;
  line-height: 1.3em;
}
.content .apropos div a {
  display: block;
  height: 40px;
  width: 145px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  margin: 35px 0 0;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  color: #2f313c;
  background: #fff;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.content .apropos div a:hover {
  background: #2F313C;
  color: #FFF;
}
.content .partenaires {
  margin-bottom: 50px;
}
#admin {
  height: 95px;
  border-bottom: 3px solid #2F313C;
  overflow: hidden;
  position: relative;
}
#admin ul {
  overflow: hidden;
  height: 30px;
  margin-top: 33px;
  margin-bottom: 0;
}
#admin ul li {
  float: left;
  margin-right: 15px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
}
#admin ul li a {
  display: block;
  padding: 0 10px;
  color: #2f313c;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  text-decoration: none;
  text-transform: uppercase;
}
#admin ul li a:hover,
#admin ul li a.active {
  color: #FFF;
  background: #2F313C;
}
#admin ul li a span {
  background: #2f313c;
  color: #FFF;
  font-size: 13px;
  height: 18px;
  line-height: 18px;
  padding: 0 10px;
  margin: 9px 0 0 12px;
}
#admin a.contact_admin {
  display: block;
  padding: 0 10px;
  color: #2f313c;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  text-decoration: none;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  top: 30px;
}
#admin a.contact_admin:hover,
#admin a.contact_admin.active {
  color: #FFF;
  background: #2F313C;
}
#admin a.contact_admin span {
  background: #2f313c;
  color: #FFF;
  font-size: 13px;
  height: 18px;
  line-height: 18px;
  padding: 0 10px;
  margin: 9px 0 0 12px;
}
.page {
 /* overflow-x: hidden;*/
}
.page .success {
  z-index: 2;
  position: fixed;
  background: #c1d5d6;
  top: 98px;
  right: 0;
  width: 26px;
  padding: 2px;
  border: 32px solid #FFF;
  border-top: 80px solid #FFF;
  border-bottom: 110px solid #FFF;
}
.page .success .trophee {
  position: absolute;
  width: 95px;
  height: 76px;
  left: -32px;
  top: -80px;
  background: url(../img/picto_trophee.png) left top no-repeat #c1d5d6;
}
.page .success div {
  position: absolute;
  bottom: 2px;
  width: 26px;
  right: 2px;
  overflow: hidden;
}
.page .success div .jauge {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 26px;
}
.page .success div .jauge .ombre {
  position: absolute;
  right: 0;
  height: 100%;
  bottom: 0;
  width: 3px;
  background: #333;
  opacity: 0.2;
}
.page .success .valeur {
  position: absolute;
  bottom: -110px;
  height: 90px;
  line-height: 90px;
  background: #2f313c;
  font-size: 40px;
  width: 94px;
  left: -32px;
  text-align: center;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #2f313c;
}
.page .success .jauge1,
.page .success .jauge2,
.page .success .jauge3 {
  position: absolute;
  margin-bottom: -2px;
  height: 5px;
  width: 18px;
  right: 0;
  background: #FFF;
  z-index: 3;
}
.page .success .jauge1 .ombre,
.page .success .jauge2 .ombre,
.page .success .jauge3 .ombre {
  position: absolute;
  width: 16px;
  height: 2px;
  bottom: -2px;
  left: 0;
  background: #333;
  opacity: 0.2;
}
.page .success .jauge1 {
  bottom: 25%;
}
.page .success .jauge2 {
  bottom: 50%;
}
.page .success .jauge3 {
  bottom: 75%;
}
.page .container {
  background-image: url(../img/bg-header-projet.png);
  background-position: right top;
  background-repeat: no-repeat;
  overflow: hidden;
  min-width: 1105px;
}
.page .container > header {
  clear: both;
  overflow: hidden;
  padding-left: 60px;
  padding-bottom: 42px;
  padding-right: 140px;
}
.page .container > header div {
  position: relative;
  min-width: 930px;
  max-width: 1100px;
  margin: auto;
}
.page .container > header h1 {
  margin-top: 50px;
  font-size: 40px;
  color: #2F313C;
  margin-bottom: 0;
  font-weight: normal;
}
.page .container > header h1 a {
  color: #2F313C;
}
.page .container > header .baseline {
  color: #8ba6a7;
  font-size: 25px;
  margin: 0;
}
.page .container > header .baseline span {
  font-weight: 300;
  color: #2F313C;
}
.page .container > header .sport {
  float: left;
  height: 25px;
  line-height: 24px;
  padding: 0 8px;
  margin-top: 4px;
  text-transform: uppercase;
  color: #FFF;
  font-size: 16px;
  margin-right: 12px;
}
.page .content {
  float: left;
  max-width: 1005px;
  padding-left: 60px;
  padding-bottom: 60px;
}
.page .content .tabs,
.page .content #tabs {
  min-width: 980px;
  max-width: 1100px;
  margin: auto;
  position: relative;
}
.page .content .tabs > ul,
.page .content #tabs > ul {
  overflow: hidden;
  border-bottom: 3px solid #C1D4D6;
  margin-bottom: 0;
}
.page .content .tabs > ul li,
.page .content #tabs > ul li {
  float: left;
  text-align: center;
}
.page .content .tabs > ul li a,
.page .content #tabs > ul li a {
  display: block;
  color: #2f313c;
  font-size: 16px;
  padding: 0 25px;
  height: 36px;
  line-height: 36px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  text-decoration: none;
}
.page .content .tabs > ul li.actif,
.page .content #tabs > ul li.actif {
  background: #C1D4D6;
}
.page .content .tabs > ul li.ui-tabs-active,
.page .content #tabs > ul li.ui-tabs-active {
  background: #C1D4D6;
}
.page .content .tabs > ul li span,
.page .content #tabs > ul li span {
  background: #2f313c;
  color: #FFF;
  font-size: 13px;
  height: 18px;
  line-height: 18px;
  padding: 0 10px;
  margin: 9px 0 0 12px;
}
.page .content .tabs .end,
.page .content #tabs .end {
  height: 60px;
  font-size: 24px;
  text-align: center;
  line-height: 60px;
  color: #FFF;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
}
.page .content .tabs .end p,
.page .content #tabs .end p {
  margin: 0;
}
.page .content .tabs .end span,
.page .content #tabs .end span {
  color: #2F313C;
}
.page .content .tabs .ville,
.page .content #tabs .ville {
  position: absolute;
  right: 0;
  top: 20px;
  height: 30px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  color: #2F313C;
  line-height: 28px;
}
.page .content .tabs .ville .picto,
.page .content #tabs .ville .picto {
  position: absolute;
  width: 17px;
  height: 23px;
  left: -28px;
  top: 2px;
  background: url(../img/sprite-projet.png) -40px 0 no-repeat;
}
.page .content .tabs .fiche-projet,
.page .content #tabs .fiche-projet {
  position: relative;
  display: table;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: visible;
  background: #FFF;
  padding: 30px;
}
.page .content .tabs .fiche-projet .col-left,
.page .content #tabs .fiche-projet .col-left {
  display: table-cell;
  vertical-align: top;
  width: 620px;
  /*.description div.desc {padding:30px 0 0 0;}*/

}
.page .content .tabs .fiche-projet .col-left div.desc,
.page .content #tabs .fiche-projet .col-left div.desc {
  color: #2f313c;
  font-size: 16px;
  /* font-family: Arial, Helvetica, sans-serif; */
  line-height: 22px;
}
.page .content .tabs .fiche-projet .col-left div.desc img,
.page .content #tabs .fiche-projet .col-left div.desc img {
  max-width: 100% !important;
  height: auto !important;
  width: 100% !important;
}
.page .content .tabs .fiche-projet .col-left .description h1,
.page .content #tabs .fiche-projet .col-left .description h1,
.page .content .tabs .fiche-projet .col-left .risques h1,
.page .content #tabs .fiche-projet .col-left .risques h1 {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 22px;
  color: #2f313c;
}
.page .content .tabs .fiche-projet .col-left .description h2,
.page .content #tabs .fiche-projet .col-left .description h2,
.page .content .tabs .fiche-projet .col-left .risques h2,
.page .content #tabs .fiche-projet .col-left .risques h2 {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  color: #2f313c;
}
.page .content .tabs .fiche-projet .col-left .description > img,
.page .content #tabs .fiche-projet .col-left .description > img,
.page .content .tabs .fiche-projet .col-left .risques > img,
.page .content #tabs .fiche-projet .col-left .risques > img {
  width: 100%;
  height: auto;
}
.page .content .tabs .fiche-projet .col-left .risques div.desc,
.page .content #tabs .fiche-projet .col-left .risques div.desc {
  padding: 0px 0 30px 0;
}
.page .content .tabs .fiche-projet .col-left div.video *,
.page .content #tabs .fiche-projet .col-left div.video * {
  display: none;
}
.page .content .tabs .fiche-projet .col-left div.video iframe,
.page .content #tabs .fiche-projet .col-left div.video iframe {
  width: 655px;
  height: 368px;
  display: block;
}
.page .content .tabs .fiche-projet .col-left .risques > h1,
.page .content #tabs .fiche-projet .col-left .risques > h1 {
  /* font-family: "petala-pro"; */
  font-weight: 100;
  font-style: normal;
  border-bottom: 3px solid #C1D4D6;
  font-size: 41px;
  color: #2f313c;
  padding-bottom: 10px;
}
.page .content .tabs .fiche-projet .col-left .share,
.page .content #tabs .fiche-projet .col-left .share {
  background: #e5eff0;
  padding: 3px;
  height: 35px;
  margin-top: 5px;
}
.page .content .tabs .fiche-projet .col-left .share img,
.page .content #tabs .fiche-projet .col-left .share img {
  float: left;
  margin-right: 10px;
  height: 35px;
  width: 35px;
}
.page .content .tabs .fiche-projet .col-left .share div,
.page .content #tabs .fiche-projet .col-left .share div {
  float: left;
  min-width: 70px;
}
.page .content .tabs .fiche-projet .col-left .share .fb_iframe_widget span,
.page .content #tabs .fiche-projet .col-left .share .fb_iframe_widget span {
  float: left;
  margin-top: 7px;
  display: block;
  margin-right: 15px;
}
.page .content .tabs .fiche-projet .col-left .share .twitter-share-button.twitter-tweet-button.twitter-count-none,
.page .content #tabs .fiche-projet .col-left .share .twitter-share-button.twitter-tweet-button.twitter-count-none {
  margin-top: 7px;
  float: left;
  margin-right: 15px;
}
.page .content .tabs .fiche-projet .col-left .share .mail,
.page .content #tabs .fiche-projet .col-left .share .mail {
  line-height: 35px;
  font-size: 17px;
  text-decoration: none;
  color: #2f313c;
}
.page .content .tabs .fiche-projet .col-left .share .mail:hover,
.page .content #tabs .fiche-projet .col-left .share .mail:hover {
  text-decoration: underline;
}
.page .content .tabs .fiche-projet .col-left p,
.page .content #tabs .fiche-projet .col-left p {
  color: #2f313c;
  font-size: 16px;
  /* font-family: Arial, Helvetica, sans-serif; */
  line-height: 22px;
}
.page .content .tabs .fiche-projet .col-left a.question,
.page .content #tabs .fiche-projet .col-left a.question {
  display: block;
  float: left;
  -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;
  height: 60px;
  padding: 0 25px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 17px;
  line-height: 60px;
  color: #fff;
  text-decoration: none;
}
.page .content .tabs .fiche-projet .col-left a.question:hover,
.page .content #tabs .fiche-projet .col-left a.question:hover {
  background: #2F313C !important;
}
.page .content .tabs .fiche-projet .col-left .actu,
.page .content #tabs .fiche-projet .col-left .actu {
  margin-bottom: 20px;
}
.page .content .tabs .fiche-projet .col-left .actu header,
.page .content #tabs .fiche-projet .col-left .actu header {
  overflow: hidden;
  color: #2f313c;
}
.page .content .tabs .fiche-projet .col-left .actu header .numero,
.page .content #tabs .fiche-projet .col-left .actu header .numero {
  font-size: 23px;
  height: 30px;
  line-height: 30px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  float: left;
}
.page .content .tabs .fiche-projet .col-left .actu header .date,
.page .content #tabs .fiche-projet .col-left .actu header .date {
  font-size: 14px;
  float: right;
  height: 30px;
  line-height: 30px;
}
.page .content .tabs .fiche-projet .col-left .actu header h1,
.page .content #tabs .fiche-projet .col-left .actu header h1 {
  font-size: 28px;
  clear: both;
  padding: 10px 0 0;
  margin: 15px 0 0;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  border-top: 2px solid #c1d5d6;
}
.page .content .tabs .fiche-projet .col-left .actu header h1 a,
.page .content #tabs .fiche-projet .col-left .actu header h1 a {
  color: inherit;
  text-decoration: none;
}
.page .content .tabs .fiche-projet .col-left .actu header .coms,
.page .content #tabs .fiche-projet .col-left .actu header .coms {
  position: relative;
  display: block;
  padding-left: 25px;
  font-size: 14px;
  margin-bottom: 20px;
  height: 20px;
  line-height: 20px;
}
.page .content .tabs .fiche-projet .col-left .actu header .coms a,
.page .content #tabs .fiche-projet .col-left .actu header .coms a {
  color: inherit;
  text-decoration: none;
}
.page .content .tabs .fiche-projet .col-left .actu header .coms a:hover,
.page .content #tabs .fiche-projet .col-left .actu header .coms a:hover {
  text-decoration: underline;
}
.page .content .tabs .fiche-projet .col-left .actu header .coms .picto,
.page .content #tabs .fiche-projet .col-left .actu header .coms .picto {
  position: absolute;
  left: 0;
  top: 3px;
  width: 17px;
  height: 16px;
  background: url(../img/sprite-projet.png) -80px -40px no-repeat;
}
.page .content .tabs .fiche-projet .col-left .actu .inner ul,
.page .content #tabs .fiche-projet .col-left .actu .inner ul {
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
  list-style: disc outside none;
  padding-left: 20px;
}
.page .content .tabs .fiche-projet .col-left.contributions h1,
.page .content #tabs .fiche-projet .col-left.contributions h1 {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  color: #2F313C;
  font-size: 23px;
  padding-bottom: 25px;
  border-bottom: 2px solid #c1d5d6;
  margin: 10px 0 0;
}
.page .content .tabs .fiche-projet .col-left.contributions .contributeur,
.page .content #tabs .fiche-projet .col-left.contributions .contributeur {
  padding: 20px 15px;
  border-bottom: 2px solid #c1d5d6;
  overflow: hidden;
}
.page .content .tabs .fiche-projet .col-left.contributions .contributeur figure,
.page .content #tabs .fiche-projet .col-left.contributions .contributeur figure {
  float: left;
  width: 75px;
  height: 75px;
}
.page .content .tabs .fiche-projet .col-left.contributions .contributeur figure img,
.page .content #tabs .fiche-projet .col-left.contributions .contributeur figure img {
  width: 75px;
  height: auto;
}
.page .content .tabs .fiche-projet .col-left.contributions .contributeur .col1,
.page .content #tabs .fiche-projet .col-left.contributions .contributeur .col1 {
  float: left;
  margin-left: 15px;
  height: 75px;
}
.page .content .tabs .fiche-projet .col-left.contributions .contributeur .col1 .nom,
.page .content #tabs .fiche-projet .col-left.contributions .contributeur .col1 .nom {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  color: #2F313c;
}
.page .content .tabs .fiche-projet .col-left.contributions .contributeur .col1 .nom a,
.page .content #tabs .fiche-projet .col-left.contributions .contributeur .col1 .nom a {
  color: #2F313c;
}
.page .content .tabs .fiche-projet .col-left.contributions .contributeur .col1 .lieu,
.page .content #tabs .fiche-projet .col-left.contributions .contributeur .col1 .lieu {
  display: block;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #2F313c;
  margin-bottom: 18px;
}
.page .content .tabs .fiche-projet .col-left.contributions .contributeur .col1 div,
.page .content #tabs .fiche-projet .col-left.contributions .contributeur .col1 div {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 14px;
}
.page .content .tabs .fiche-projet .col-left.contributions .contributeur .col1 div span,
.page .content #tabs .fiche-projet .col-left.contributions .contributeur .col1 div span {
  color: #00ac9f;
  font-weight: bold;
}
.page .content .tabs .fiche-projet .col-left.contributions .contributeur .col1 div .separator,
.page .content #tabs .fiche-projet .col-left.contributions .contributeur .col1 div .separator {
  color: #c1d5d6;
  font-weight: bold;
  margin: 0 15px;
}
.page .content .tabs .fiche-projet .col-left.contributions .contributeur .col2,
.page .content #tabs .fiche-projet .col-left.contributions .contributeur .col2 {
  float: right;
  height: 75px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  text-align: right;
  color: #2F313c;
}
.page .content .tabs .fiche-projet .col-left.contributions .contributeur .col2 .montant,
.page .content #tabs .fiche-projet .col-left.contributions .contributeur .col2 .montant {
  display: block;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  color: #00ac9f;
  font-size: 23px;
  margin-bottom: 7px;
}
.page .content .tabs .fiche-projet .col-left.contributions .contributeur .col2 .date,
.page .content #tabs .fiche-projet .col-left.contributions .contributeur .col2 .date {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 14px;
  display: block;
  font-weight: bold;
}
.page .content .tabs .fiche-projet .col-left.contributions .contributeur h1,
.page .content #tabs .fiche-projet .col-left.contributions .contributeur h1 {
  font-size: 34px;
  padding: 10px 0 0;
  margin: 15px 0 0;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  border-bottom: 2px solid #c1d5d6;
}
.page .content .tabs .fiche-projet .col-left .actu-comment header,
.page .content #tabs .fiche-projet .col-left .actu-comment header {
  overflow: hidden;
  border-top: 3px solid #C1D5D6;
  border-bottom: 3px solid #C1D5D6;
  padding: 15px 0;
  margin: 15px 0 0;
}
.page .content .tabs .fiche-projet .col-left .actu-comment header h2,
.page .content #tabs .fiche-projet .col-left .actu-comment header h2 {
  float: left;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 23px;
  color: #2F313C;
  height: 37px;
  margin: 0;
  padding: 0;
}
.page .content .tabs .fiche-projet .col-left .actu-comment header a,
.page .content #tabs .fiche-projet .col-left .actu-comment header a {
  float: right;
  height: 34px;
  line-height: 34px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  text-transform: uppercase;
  border-bottom: 3px solid #C1D5D6;
  padding: 0 15px;
  background: #00AC9F;
  color: #FFF;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.page .content .tabs .fiche-projet .col-left .actu-comment header a:hover,
.page .content #tabs .fiche-projet .col-left .actu-comment header a:hover {
  background: #0accbc;
}
.page .content .tabs .fiche-projet .col-left .comments,
.page .content #tabs .fiche-projet .col-left .comments {
  display: table;
  margin-top: 20px;
}
.page .content .tabs .fiche-projet .col-left .comments > figure,
.page .content #tabs .fiche-projet .col-left .comments > figure {
  display: table-cell;
  width: 75px;
}
.page .content .tabs .fiche-projet .col-left .comments > figure img,
.page .content #tabs .fiche-projet .col-left .comments > figure img {
  width: 75px;
  height: auto;
}
.page .content .tabs .fiche-projet .col-left .comments > div,
.page .content #tabs .fiche-projet .col-left .comments > div {
  display: table-cell;
  padding-left: 20px;
  color: #2f313c;
  vertical-align: top;
}
.page .content .tabs .fiche-projet .col-left .comments > div .auteur a,
.page .content #tabs .fiche-projet .col-left .comments > div .auteur a {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  padding-right: 10px;
  line-height: 16px;
  color: #2F313c;
}
.page .content .tabs .fiche-projet .col-left .comments > div .date,
.page .content #tabs .fiche-projet .col-left .comments > div .date {
  border-left: 2px solid #c1d5d6;
  padding-left: 10px;
  line-height: 16px;
  height: 16px;
  font-size: 12px;
  /* font-family: Arial, Helvetica, sans-serif; */
}
.page .content .tabs .fiche-projet .col-left .comments > div p,
.page .content #tabs .fiche-projet .col-left .comments > div p {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 15px;
  margin-bottom: 0;
}
.page .content .tabs .fiche-projet .col-left .fiche-comment header,
.page .content #tabs .fiche-projet .col-left .fiche-comment header {
  overflow: hidden;
  border-bottom: 2px solid #C1D5D6;
  padding: 0 0 15px;
}
.page .content .tabs .fiche-projet .col-left .fiche-comment header h2,
.page .content #tabs .fiche-projet .col-left .fiche-comment header h2 {
  float: left;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 23px;
  color: #2F313C;
  height: 37px;
  margin: 0;
  padding: 0;
}
.page .content .tabs .fiche-projet .col-left .fiche-comment header a,
.page .content #tabs .fiche-projet .col-left .fiche-comment header a {
  float: right;
  height: 34px;
  width: 130px;
  text-align: center;
  border-bottom: 3px solid #C1D5D6;
  padding: 0;
  background: #00AC9F;
  color: #FFF;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.page .content .tabs .fiche-projet .col-left .fiche-comment header a:hover,
.page .content #tabs .fiche-projet .col-left .fiche-comment header a:hover {
  background: #0accbc;
}
.page .content .tabs .fiche-projet .col-left .fiche-comment .write-comment,
.page .content #tabs .fiche-projet .col-left .fiche-comment .write-comment {
  overflow: hidden;
}
.page .content .tabs .fiche-projet .col-left .fiche-comment .write-comment textarea,
.page .content #tabs .fiche-projet .col-left .fiche-comment .write-comment textarea {
  border: 10px solid #E5EFF0;
  width: 560px;
  max-width: 560px;
  min-width: 560px;
  height: 100px;
  padding: 20px 20px 30px;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 15px;
  color: #2F313C;
}
.page .content .tabs .fiche-projet .col-left .fiche-comment .write-comment button,
.page .content #tabs .fiche-projet .col-left .fiche-comment .write-comment button {
  float: right;
  border: none;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  margin-top: 10px;
  vertical-align: middle;
  border-bottom: 3px solid #8d8ea0;
  background: #2F313C;
  line-height: 34px;
  color: #FFF;
  width: 130px;
  height: 37px;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.page .content .tabs .fiche-projet .col-left .fiche-comment .write-comment button:hover,
.page .content #tabs .fiche-projet .col-left .fiche-comment .write-comment button:hover {
  background: #464959;
}
.page .content .tabs .fiche-projet .col-right,
.page .content #tabs .fiche-projet .col-right {
  display: table-cell;
  vertical-align: top;
  min-width: 250px;
  padding-left: 20px;
}
.page .content .tabs .fiche-projet .col-right .chiffres,
.page .content #tabs .fiche-projet .col-right .chiffres {
  font-size: 14px;
  color: #2f313c;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  border-bottom: 2px solid #C1D5D6;
  padding: 15px 0;
}
.page .content .tabs .fiche-projet .col-right .chiffres > span,
.page .content #tabs .fiche-projet .col-right .chiffres > span {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 48px;
  display: block;
  line-height: 48px;
}
.page .content .tabs .fiche-projet .col-right .chiffres > span span,
.page .content #tabs .fiche-projet .col-right .chiffres > span span {
  /* font-family: "petala-pro"; */
  font-weight: 100;
  font-style: normal;
}
.page .content .tabs .fiche-projet .col-right .chiffres:nth-child(3n),
.page .content #tabs .fiche-projet .col-right .chiffres:nth-child(3n) {
  border-bottom: none;
}
.page .content .tabs .fiche-projet .col-right .reduc,
.page .content #tabs .fiche-projet .col-right .reduc {
  position: relative;
  height: 36px;
  background: #E5EFF0;
  font-size: 14px;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
  line-height: 36px;
  padding-left: 20px;
}
.page .content .tabs .fiche-projet .col-right .reduc .info,
.page .content #tabs .fiche-projet .col-right .reduc .info {
  position: absolute;
  right: 5px;
  top: 5px;
  height: 26px;
  line-height: 26px;
  font-size: 22px;
  color: #FFF;
  background: #2F313C;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  text-align: center;
  width: 26px;
  cursor: help;
}
.page .content .tabs .fiche-projet .col-right .reduc .info .hover,
.page .content #tabs .fiche-projet .col-right .reduc .info .hover {
  display: none;
  position: absolute;
  width: 350px;
  background: #555867;
  bottom: 40px;
  right: -5px;
  padding: 10px;
  color: #FFF;
  font-size: 12px;
  /* font-family: Arial, Helvetica, sans-serif; */
  line-height: 14px;
  text-align: left;
}
.page .content .tabs .fiche-projet .col-right .reduc .info .hover span,
.page .content #tabs .fiche-projet .col-right .reduc .info .hover span {
  position: absolute;
  bottom: -8px;
  right: 5px;
  border-top: 8px solid #555867;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.page .content .tabs .fiche-projet .col-right .reduc .info:hover .hover,
.page .content #tabs .fiche-projet .col-right .reduc .info:hover .hover {
  display: block;
}
.page .content .tabs .fiche-projet .col-right .soutenir,
.page .content #tabs .fiche-projet .col-right .soutenir {
  position: relative;
  display: block;
  margin: 10px 0;
  padding: 25px 0 25px 20px;
  color: #FFF;
  text-decoration: none;
  font-size: 24px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
}
.page .content .tabs .fiche-projet .col-right .soutenir .ombre,
.page .content #tabs .fiche-projet .col-right .soutenir .ombre {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #333;
  opacity: 0.2;
}
.page .content .tabs .fiche-projet .col-right .soutenir span,
.page .content #tabs .fiche-projet .col-right .soutenir span {
  display: block;
  color: #2f313c;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-weight: bold;
  font-size: 12px;
}
.page .content .tabs .fiche-projet .col-right .soutenir:hover,
.page .content #tabs .fiche-projet .col-right .soutenir:hover {
  background: #2F313C !important;
}
.page .content .tabs .fiche-projet .col-right .soutenir:hover span,
.page .content #tabs .fiche-projet .col-right .soutenir:hover span {
  color: #c1d5d6;
}
.page .content .tabs .fiche-projet .col-right .soutenir.bottom,
.page .content #tabs .fiche-projet .col-right .soutenir.bottom {
  margin-top: 30px;
}
.page .content .tabs .fiche-projet .col-right .auteur,
.page .content #tabs .fiche-projet .col-right .auteur {
  margin-top: 30px;
}
.page .content .tabs .fiche-projet .col-right .auteur > span,
.page .content #tabs .fiche-projet .col-right .auteur > span {
  display: block;
  font-size: 30px;
  /* font-family: "petala-pro"; */
  font-weight: 100;
  font-style: normal;
  color: #2f313c;
  margin-bottom: 30px;
}
.page .content .tabs .fiche-projet .col-right .auteur .profil,
.page .content #tabs .fiche-projet .col-right .auteur .profil {
  display: table;
  width: 100%;
}
.page .content .tabs .fiche-projet .col-right .auteur .profil > div,
.page .content #tabs .fiche-projet .col-right .auteur .profil > div {
  display: table-cell;
  vertical-align: top;
}
.page .content .tabs .fiche-projet .col-right .auteur .profil > div figure,
.page .content #tabs .fiche-projet .col-right .auteur .profil > div figure {
  width: 75px;
  height: 75px;
}
.page .content .tabs .fiche-projet .col-right .auteur .profil > div figure img,
.page .content #tabs .fiche-projet .col-right .auteur .profil > div figure img {
  width: 75px;
  height: 75px;
}
.page .content .tabs .fiche-projet .col-right .auteur .profil > div a,
.page .content #tabs .fiche-projet .col-right .auteur .profil > div a {
  color: #2f313c;
}
.page .content .tabs .fiche-projet .col-right .auteur .profil > div .contacter,
.page .content #tabs .fiche-projet .col-right .auteur .profil > div .contacter {
  display: block;
  text-transform: uppercase;
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  /* font-family: Arial, Helvetica, sans-serif; */
  border-top: 1px solid #E5EFF0;
}
.page .content .tabs .fiche-projet .col-right .auteur .profil > div:first-child,
.page .content #tabs .fiche-projet .col-right .auteur .profil > div:first-child {
  width: 75px;
}
.page .content .tabs .fiche-projet .col-right .auteur .profil > div span,
.page .content #tabs .fiche-projet .col-right .auteur .profil > div span {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  display: block;
  margin: 10px 15px 0 15px;
}
.page .content .tabs .fiche-projet .col-right .auteur .profil > div span.lieu,
.page .content #tabs .fiche-projet .col-right .auteur .profil > div span.lieu {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 14px;
  margin: 0 15px;
  font-weight: normal;
}
.page .content .tabs .fiche-projet .col-right .auteur > div,
.page .content #tabs .fiche-projet .col-right .auteur > div {
  position: relative;
  overflow: hidden;
  border-top: 2px solid #FFF;
  background: #E5EFF0;
  color: #2f313c;
}
.page .content .tabs .fiche-projet .col-right .auteur .projets,
.page .content #tabs .fiche-projet .col-right .auteur .projets {
  margin-bottom: 0;
  width: auto;
  text-align: right;
}
.page .content .tabs .fiche-projet .col-right .auteur .projets *,
.page .content #tabs .fiche-projet .col-right .auteur .projets * {
  height: 35px;
  line-height: 35px;
  /* font-family: Arial, Helvetica, sans-serif; */
  float: right;
}
.page .content .tabs .fiche-projet .col-right .auteur .projets .picto,
.page .content #tabs .fiche-projet .col-right .auteur .projets .picto {
  float: left;
  width: 22px;
  height: 25px;
  position: absolute;
  left: 11px;
  top: 5px;
  background: url(../img/sprite-projet.png) left top no-repeat;
  opacity: 0.6;
}
.page .content .tabs .fiche-projet .col-right .auteur .projets .projet,
.page .content #tabs .fiche-projet .col-right .auteur .projets .projet {
  float: left;
  margin-right: 10px;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 14px;
}
.page .content .tabs .fiche-projet .col-right .auteur .projets .contribution,
.page .content #tabs .fiche-projet .col-right .auteur .projets .contribution {
  margin-right: 10px;
  font-size: 14px;
}
.page .content .tabs .fiche-projet .col-right .auteur .reseau,
.page .content #tabs .fiche-projet .col-right .auteur .reseau {
  text-align: right;
}
.page .content .tabs .fiche-projet .col-right .auteur .reseau a,
.page .content #tabs .fiche-projet .col-right .auteur .reseau a {
  /* font-family: "petala-pro"; */
  font-weight: 700;
  font-style: normal;
  color: #2f313c;
}
.page .content .tabs .fiche-projet .col-right .auteur .reseau a:hover,
.page .content #tabs .fiche-projet .col-right .auteur .reseau a:hover {
  text-decoration: underline;
}
.page .content .tabs .fiche-projet .col-right .auteur .reseau *,
.page .content #tabs .fiche-projet .col-right .auteur .reseau * {
  height: 35px;
  line-height: 35px;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 14px;
  float: right;
}
.page .content .tabs .fiche-projet .col-right .auteur .reseau .picto,
.page .content #tabs .fiche-projet .col-right .auteur .reseau .picto {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 10px;
  top: 5px;
  background: url(../img/sprite-projet.png) left -40px no-repeat;
  opacity: 0.6;
}
.page .content .tabs .fiche-projet .col-right .auteur .reseau .fb,
.page .content #tabs .fiche-projet .col-right .auteur .reseau .fb {
  float: left;
}
.page .content .tabs .fiche-projet .col-right .auteur .reseau .fans,
.page .content #tabs .fiche-projet .col-right .auteur .reseau .fans {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
.page .content .tabs .fiche-projet .col-right .auteur .site .picto,
.page .content #tabs .fiche-projet .col-right .auteur .site .picto {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 10px;
  top: 5px;
  background: url(../img/sprite-projet.png) left -80px no-repeat;
  opacity: 0.6;
}
.page .content .tabs .fiche-projet .col-right .auteur .site .pictofb,
.page .content #tabs .fiche-projet .col-right .auteur .site .pictofb {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 10px;
  top: 5px;
  background: url(../img/sprite-projet.png) left -40px no-repeat;
  opacity: 0.6;
}
.page .content .tabs .fiche-projet .col-right .auteur .site .pictotw,
.page .content #tabs .fiche-projet .col-right .auteur .site .pictotw {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 10px;
  top: 5px;
  background: url(../img/sprite-projet.png) left -120px no-repeat;
  opacity: 0.6;
}
.page .content .tabs .fiche-projet .col-right .auteur .site a,
.page .content #tabs .fiche-projet .col-right .auteur .site a {
  height: 35px;
  line-height: 35px;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 14px;
  float: right;
  color: #2f313c;
  text-decoration: none;
  margin-right: 10px;
}
.page .content .tabs .fiche-projet .col-right .auteur .site a:hover,
.page .content #tabs .fiche-projet .col-right .auteur .site a:hover {
  text-decoration: underline;
}
.page .content .tabs .fiche-projet .col-right .contreparties,
.page .content #tabs .fiche-projet .col-right .contreparties {
  margin-top: 30px;
}
.page .content .tabs .fiche-projet .col-right .contreparties > span,
.page .content #tabs .fiche-projet .col-right .contreparties > span {
  display: block;
  font-size: 30px;
  /* font-family: "petala-pro"; */
  font-weight: 100;
  font-style: normal;
  color: #2f313c;
  margin-bottom: 30px;
}
.page .content .tabs .fiche-projet .col-right .contreparties .prix,
.page .content #tabs .fiche-projet .col-right .contreparties .prix {
  background: #e5eff0;
  overflow: hidden;
  margin-bottom: 10px;
  /*.info { font-size:12px; margin:0 15px 15px;}*/

}
.page .content .tabs .fiche-projet .col-right .contreparties .prix .cran,
.page .content #tabs .fiche-projet .col-right .contreparties .prix .cran {
  display: block;
  height: 35px;
  line-height: 35px;
  color: #FFF;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 19px;
  padding: 0 10px;
  background: #2F313C;
}
.page .content .tabs .fiche-projet .col-right .contreparties .prix .contributeurs,
.page .content #tabs .fiche-projet .col-right .contreparties .prix .contributeurs {
  position: relative;
  float: left;
  height: 21px;
  line-height: 21px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  width: 90px;
  font-size: 13px;
  padding-left: 20px;
  margin-left: 15px;
  margin-top: 10px;
  color: #2f313c;
}
.page .content .tabs .fiche-projet .col-right .contreparties .prix .contributeurs span,
.page .content #tabs .fiche-projet .col-right .contreparties .prix .contributeurs span {
  font-size: 14px;
}
.page .content .tabs .fiche-projet .col-right .contreparties .prix .contributeurs .picto,
.page .content #tabs .fiche-projet .col-right .contreparties .prix .contributeurs .picto {
  position: absolute;
  left: 0;
  top: 4px;
  background: url(../img/sprite-projet.png) -40px -40px no-repeat;
  width: 14px;
  height: 13px;
}
.page .content .tabs .fiche-projet .col-right .contreparties .prix .quantite,
.page .content #tabs .fiche-projet .col-right .contreparties .prix .quantite {
  height: 21px;
  line-height: 21px;
  font-size: 11px;
  font-weight: bold;
  float: right;
  margin-right: 10px;
  padding: 0 10px;
  margin-top: 10px;
}
.page .content .tabs .fiche-projet .col-right .contreparties .prix .quantite span,
.page .content #tabs .fiche-projet .col-right .contreparties .prix .quantite span {
  letter-spacing: -1px;
}
.page .content .tabs .fiche-projet .col-right .contreparties .prix p,
.page .content #tabs .fiche-projet .col-right .contreparties .prix p {
  clear: both;
  margin: 40px 15px 15px;
  font-size: 14px;
}
.page .content .tabs .fiche-projet .col-right .contreparties .prix p.reducemargin,
.page .content #tabs .fiche-projet .col-right .contreparties .prix p.reducemargin {
  margin-top: 20px;
}
.page .content .tabs .fiche-projet .col-right .contreparties .prix .info,
.page .content #tabs .fiche-projet .col-right .contreparties .prix .info {
  position: relative;
  float: left;
  padding-left: 28px;
  margin: 0 15px 10px 15px;
  height: 20px;
  line-height: 20px;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 12px;
  color: #2F313C;
  cursor: help;
}
.page .content .tabs .fiche-projet .col-right .contreparties .prix .info > span,
.page .content #tabs .fiche-projet .col-right .contreparties .prix .info > span {
  position: absolute;
  left: 0;
  top: 2px;
  width: 15px;
  height: 15px;
  background: url(../img/sprite-projet.png) -80px 0 no-repeat;
}
.page .content .tabs .fiche-projet .col-right .contreparties .prix .info .hover,
.page .content #tabs .fiche-projet .col-right .contreparties .prix .info .hover {
  display: none;
  position: absolute;
  width: 200px;
  background: #555867;
  bottom: 30px;
  left: 0;
  padding: 10px;
  color: #FFF;
  font-size: 12px;
  /* font-family: Arial, Helvetica, sans-serif; */
}
.page .content .tabs .fiche-projet .col-right .contreparties .prix .info .hover span,
.page .content #tabs .fiche-projet .col-right .contreparties .prix .info .hover span {
  position: absolute;
  bottom: -8px;
  left: 20px;
  border-top: 8px solid #555867;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.page .content .tabs .fiche-projet .col-right .contreparties .prix .info:hover .hover,
.page .content #tabs .fiche-projet .col-right .contreparties .prix .info:hover .hover {
  display: block;
}
.page .content .tabs .fiche-projet .col-right .contreparties .prix .soutien,
.page .content #tabs .fiche-projet .col-right .contreparties .prix .soutien {
  clear: both;
  /*input { display:block; width:100%; padding:0 15px; -moz-box-sizing:border-box; box-sizing:border-box; border:none; font-size:25px; height:36px; line-height:36px; .petalaLight; margin:10px 0;}*/

}
.page .content .tabs .fiche-projet .col-right .contreparties .prix .soutien form,
.page .content #tabs .fiche-projet .col-right .contreparties .prix .soutien form {
  padding: 0 15px;
  margin-bottom: 15px;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.page .content .tabs .fiche-projet .col-right .contreparties .prix .soutien div,
.page .content #tabs .fiche-projet .col-right .contreparties .prix .soutien div {
  width: 100%;
  position: relative;
  text-align: right;
  margin: 10px 0;
}
.page .content .tabs .fiche-projet .col-right .contreparties .prix .soutien div input,
.page .content #tabs .fiche-projet .col-right .contreparties .prix .soutien div input {
  width: 86%;
  padding: 0 10% 0 4%;
  border: none;
  height: 45px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  color: #2F313C;
  font-size: 24px;
  line-height: 45px;
  text-align: right;
}
.page .content .tabs .fiche-projet .col-right .contreparties .prix .soutien div .euro,
.page .content #tabs .fiche-projet .col-right .contreparties .prix .soutien div .euro {
  position: absolute;
  right: 10px;
  top: 0;
  height: 45px;
  width: 20px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  color: #2F313C;
  font-size: 24px;
  line-height: 45px;
}
.page .content .tabs .fiche-projet .col-right .contreparties .prix .soutien span,
.page .content #tabs .fiche-projet .col-right .contreparties .prix .soutien span {
  display: block;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 17px;
  color: #2f313c;
}
.page .content .tabs .fiche-projet .col-right .contreparties .prix .soutien button,
.page .content #tabs .fiche-projet .col-right .contreparties .prix .soutien button {
  display: block;
  color: #FFF;
  text-align: center;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 17px;
  border: none;
  width: 100%;
  height: 40px;
  line-height: 40px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.page .content .tabs .fiche-projet .col-right .contreparties .prix .soutien button:hover,
.page .content #tabs .fiche-projet .col-right .contreparties .prix .soutien button:hover {
  background: #2F313C !important;
}
.page .content .tabs .fiche-projet .col-right .contreparties .prix:hover,
.page .content #tabs .fiche-projet .col-right .contreparties .prix:hover {
  background: #c1d5d6;
}
.page .content .tabs .fiche-projet .col-right .contreparties .prix:hover form,
.page .content #tabs .fiche-projet .col-right .contreparties .prix:hover form {
  height: 130px !important;
}
.page .content .projets {
  width: 1005px;
  margin-bottom: 32px;
}
.page .content .projets header {
  position: relative;
  margin-bottom: 35px;
  overflow: hidden;
}
.page .content .projets header h2 {
  /* font-family: "petala-pro"; */
  font-weight: 100;
  font-style: normal;
  font-size: 38px;
  color: #2F313C;
  margin: 0;
  height: 55px;
  border-bottom: 3px solid #C1D4D6;
  padding-bottom: 10px;
}
.page .content .projets header span {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 135px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  background: #C1D5D6;
}
.page .content .projets header span a {
  color: #000;
}
.page .content .projets > div article:nth-child(4n) {
  margin-right: 0;
}
.page .content .projets > div .blocProjet {
  margin-right: 16px;
}
.page .sidebar {
  width: 220px;
  float: left;
  margin-left: 15px;
  padding-right: 40px;
  margin-bottom: 60px;
}
.page .sidebar div {
  overflow: hidden;
}
.page .sidebar div h3 {
  border-bottom: 3px solid #C1D4D6;
  font-size: 28px;
  /* font-family: "petala-pro"; */
  font-weight: 100;
  font-style: normal;
  color: #2F313C;
  padding: 14px 10px 13px;
  margin: 0 0 15px;
}
.page .sidebar div ul {
  margin: 0;
}
.page .sidebar div ul li a {
  display: block;
  min-height: 22px;
  line-height: 22px;
  padding-left: 10px;
  color: #2F313C;
  text-decoration: none;
  font-size: 14px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
}
.page .sidebar div ul li a:hover {
  background: #FFF;
}
.page .sidebar div ul li.actif a,
.page .sidebar div ul li.current-cat a {
  background: #FFF;
}
.page .sidebar div#ville .field {
  height: 38px;
  position: relative;
}
.page .sidebar div#ville .field input {
  width: 125px;
  color: #2F313C;
  padding: 0 40px 0 15px;
  height: 35px;
  line-height: 35px;
  border: none;
  border-bottom: 3px solid #c1d5d6;
}
.page .sidebar div#ville .field button {
  position: absolute;
  right: 0;
  top: 0;
  height: 35px;
  width: 35px;
  border: none;
  background: url(../img/bg-form-button.png) 0 0 no-repeat #c1d5d6;
}
.connexion .content,
.projet.donation .content {
  min-width: 1010px;
}
.connexion .content .fiche-connexion,
.projet.donation .content .fiche-connexion,
.connexion .content .fiche-donation,
.projet.donation .content .fiche-donation {
  position: relative;
  display: table;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: visible;
}
.connexion .content .fiche-connexion .col-left,
.projet.donation .content .fiche-connexion .col-left,
.connexion .content .fiche-donation .col-left,
.projet.donation .content .fiche-donation .col-left {
  display: table-cell;
  vertical-align: top;
  min-width: 650px;
  max-width: 850px;
}
.connexion .content .fiche-connexion .col-left > span,
.projet.donation .content .fiche-connexion .col-left > span,
.connexion .content .fiche-donation .col-left > span,
.projet.donation .content .fiche-donation .col-left > span {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 23px;
  color: #2F313C;
  display: block;
  margin: 15px 0;
}
.connexion .content .fiche-connexion .col-left p,
.projet.donation .content .fiche-connexion .col-left p,
.connexion .content .fiche-donation .col-left p,
.projet.donation .content .fiche-donation .col-left p {
  font-size: 14px;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2F313C;
  margin: 0;
}
.connexion .content .fiche-connexion .col-left .participation,
.projet.donation .content .fiche-connexion .col-left .participation,
.connexion .content .fiche-donation .col-left .participation,
.projet.donation .content .fiche-donation .col-left .participation {
  background: #D3E2E3;
  padding: 12px;
}
.connexion .content .fiche-connexion .col-left .participation table,
.projet.donation .content .fiche-connexion .col-left .participation table,
.connexion .content .fiche-donation .col-left .participation table,
.projet.donation .content .fiche-donation .col-left .participation table {
  border: none;
}
.connexion .content .fiche-connexion .col-left .participation div,
.projet.donation .content .fiche-connexion .col-left .participation div,
.connexion .content .fiche-donation .col-left .participation div,
.projet.donation .content .fiche-donation .col-left .participation div {
  width: 285px;
  padding-right: 40px;
  position: relative;
  text-align: right;
}
.connexion .content .fiche-connexion .col-left .participation div input,
.projet.donation .content .fiche-connexion .col-left .participation div input,
.connexion .content .fiche-donation .col-left .participation div input,
.projet.donation .content .fiche-donation .col-left .participation div input {
  width: 225px;
  padding: 0 40px 0 20px;
  border: none;
  height: 45px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  color: #2F313C;
  font-size: 24px;
  line-height: 45px;
  text-align: right;
}
.connexion .content .fiche-connexion .col-left .participation div .euro,
.projet.donation .content .fiche-connexion .col-left .participation div .euro,
.connexion .content .fiche-donation .col-left .participation div .euro,
.projet.donation .content .fiche-donation .col-left .participation div .euro {
  position: absolute;
  right: 60px;
  top: 0;
  height: 45px;
  width: 20px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  color: #2F313C;
  font-size: 24px;
  line-height: 45px;
}
.connexion .content .fiche-connexion .col-left .type,
.projet.donation .content .fiche-connexion .col-left .type,
.connexion .content .fiche-donation .col-left .type,
.projet.donation .content .fiche-donation .col-left .type {
  padding: 20px;
  background: #FFF;
}
.connexion .content .fiche-connexion .col-left .type table,
.projet.donation .content .fiche-connexion .col-left .type table,
.connexion .content .fiche-donation .col-left .type table,
.projet.donation .content .fiche-donation .col-left .type table {
  margin-bottom: 20px;
  width: 100%;
}
.connexion .content .fiche-connexion .col-left .type table:last-child,
.projet.donation .content .fiche-connexion .col-left .type table:last-child,
.connexion .content .fiche-donation .col-left .type table:last-child,
.projet.donation .content .fiche-donation .col-left .type table:last-child {
  margin-bottom: 0;
}
.connexion .content .fiche-connexion .col-left .type table .input,
.projet.donation .content .fiche-connexion .col-left .type table .input,
.connexion .content .fiche-donation .col-left .type table .input,
.projet.donation .content .fiche-donation .col-left .type table .input {
  background: #2F313C;
  height: 47px;
  width: 160px;
}
.connexion .content .fiche-connexion .col-left .type table .input label,
.projet.donation .content .fiche-connexion .col-left .type table .input label,
.connexion .content .fiche-donation .col-left .type table .input label,
.projet.donation .content .fiche-donation .col-left .type table .input label {
  margin-left: 15px;
  /* font-family: "petala-pro"; */
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  color: #FFF;
  cursor: pointer;
}
.connexion .content .fiche-connexion .col-left .type table td,
.projet.donation .content .fiche-connexion .col-left .type table td,
.connexion .content .fiche-donation .col-left .type table td,
.projet.donation .content .fiche-donation .col-left .type table td {
  background: #D3E2E3;
}
.connexion .content .fiche-connexion .col-left .type table td div,
.projet.donation .content .fiche-connexion .col-left .type table td div,
.connexion .content .fiche-donation .col-left .type table td div,
.projet.donation .content .fiche-donation .col-left .type table td div {
  margin-top: 10px;
}
.connexion .content .fiche-connexion .col-left .type table td div .info,
.projet.donation .content .fiche-connexion .col-left .type table td div .info,
.connexion .content .fiche-donation .col-left .type table td div .info,
.projet.donation .content .fiche-donation .col-left .type table td div .info {
  position: relative;
  float: left;
  padding-left: 28px;
  height: 20px;
  line-height: 20px;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 12px;
  color: #2F313C;
  cursor: help;
}
.connexion .content .fiche-connexion .col-left .type table td div .info > span,
.projet.donation .content .fiche-connexion .col-left .type table td div .info > span,
.connexion .content .fiche-donation .col-left .type table td div .info > span,
.projet.donation .content .fiche-donation .col-left .type table td div .info > span {
  position: absolute;
  left: 0;
  top: 2px;
  width: 15px;
  height: 15px;
  background: url(../img/sprite-projet.png) -80px 0 no-repeat;
}
.connexion .content .fiche-connexion .col-left .type table td div .info .hover,
.projet.donation .content .fiche-connexion .col-left .type table td div .info .hover,
.connexion .content .fiche-donation .col-left .type table td div .info .hover,
.projet.donation .content .fiche-donation .col-left .type table td div .info .hover {
  display: none;
  position: absolute;
  width: 230px;
  background: #555867;
  bottom: 30px;
  left: 0;
  padding: 10px;
  color: #FFF;
  font-size: 12px;
  /* font-family: Arial, Helvetica, sans-serif; */
}
.connexion .content .fiche-connexion .col-left .type table td div .info .hover span,
.projet.donation .content .fiche-connexion .col-left .type table td div .info .hover span,
.connexion .content .fiche-donation .col-left .type table td div .info .hover span,
.projet.donation .content .fiche-donation .col-left .type table td div .info .hover span {
  position: absolute;
  bottom: -8px;
  left: 20px;
  border-top: 8px solid #555867;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.connexion .content .fiche-connexion .col-left .type table td div .info:hover .hover,
.projet.donation .content .fiche-connexion .col-left .type table td div .info:hover .hover,
.connexion .content .fiche-donation .col-left .type table td div .info:hover .hover,
.projet.donation .content .fiche-donation .col-left .type table td div .info:hover .hover {
  display: block;
}
.connexion .content .fiche-connexion .col-left .type table td div .quantite,
.projet.donation .content .fiche-connexion .col-left .type table td div .quantite,
.connexion .content .fiche-donation .col-left .type table td div .quantite,
.projet.donation .content .fiche-donation .col-left .type table td div .quantite {
  float: left;
  margin-left: 20px;
  height: 20px;
  line-height: 20px;
  padding: 0 15px;
  background: #F7A824;
  color: #000;
  font-size: 12px;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-weight: bold;
}
.connexion .content .fiche-connexion .col-left .type table:hover .input,
.projet.donation .content .fiche-connexion .col-left .type table:hover .input,
.connexion .content .fiche-donation .col-left .type table:hover .input,
.projet.donation .content .fiche-donation .col-left .type table:hover .input {
  background: #2F313C;
}
.connexion .content .fiche-connexion .col-left .type table:hover td,
.projet.donation .content .fiche-connexion .col-left .type table:hover td,
.connexion .content .fiche-donation .col-left .type table:hover td,
.projet.donation .content .fiche-donation .col-left .type table:hover td {
  background: #C1D5D6;
}
.connexion .content .fiche-connexion .col-left #participation .hover,
.projet.donation .content .fiche-connexion .col-left #participation .hover,
.connexion .content .fiche-donation .col-left #participation .hover,
.projet.donation .content .fiche-donation .col-left #participation .hover {
  width: auto;
  float: left;
  white-space: nowrap;
}
.connexion .content .fiche-connexion .col-left .finaliser,
.projet.donation .content .fiche-connexion .col-left .finaliser,
.connexion .content .fiche-donation .col-left .finaliser,
.projet.donation .content .fiche-donation .col-left .finaliser {
  background: #FFF;
  margin-bottom: 20px;
  padding: 10px;
}
.connexion .content .fiche-connexion .col-left .finaliser table td,
.projet.donation .content .fiche-connexion .col-left .finaliser table td,
.connexion .content .fiche-donation .col-left .finaliser table td,
.projet.donation .content .fiche-donation .col-left .finaliser table td {
  text-align: left;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 17px;
  font-weight: bold;
  color: #2f313c;
}
.connexion .content .fiche-connexion .col-left .finaliser table td .somme,
.projet.donation .content .fiche-connexion .col-left .finaliser table td .somme,
.connexion .content .fiche-donation .col-left .finaliser table td .somme,
.projet.donation .content .fiche-donation .col-left .finaliser table td .somme {
  display: block;
  height: 47px;
  line-height: 47px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 41px;
  margin-top: 15px;
}
.connexion .content .fiche-connexion .col-left .finaliser table td .option,
.projet.donation .content .fiche-connexion .col-left .finaliser table td .option,
.connexion .content .fiche-donation .col-left .finaliser table td .option,
.projet.donation .content .fiche-donation .col-left .finaliser table td .option {
  display: block;
  height: 47px;
  line-height: 47px;
  background: #2f313c;
  color: #FFF;
  padding-left: 12px;
  margin-top: 15px;
  font-size: 22px;
}
.connexion .content .fiche-connexion .col-left .finaliser table td p,
.projet.donation .content .fiche-connexion .col-left .finaliser table td p,
.connexion .content .fiche-donation .col-left .finaliser table td p,
.projet.donation .content .fiche-donation .col-left .finaliser table td p {
  margin: 15px 0;
}
.connexion .content .fiche-connexion .col-left .informations,
.projet.donation .content .fiche-connexion .col-left .informations,
.connexion .content .fiche-donation .col-left .informations,
.projet.donation .content .fiche-donation .col-left .informations {
  position: relative;
  background: #D3E2E3;
  padding: 12px;
  overflow: hidden;
  /* firefox 19+ */

  /* ie */

}
.connexion .content .fiche-connexion .col-left .informations > span,
.projet.donation .content .fiche-connexion .col-left .informations > span,
.connexion .content .fiche-donation .col-left .informations > span,
.projet.donation .content .fiche-donation .col-left .informations > span,
.connexion .content .fiche-connexion .col-left .informations span.titre,
.projet.donation .content .fiche-connexion .col-left .informations span.titre,
.connexion .content .fiche-donation .col-left .informations span.titre,
.projet.donation .content .fiche-donation .col-left .informations span.titre {
  display: block;
  clear: both;
  margin: 10px 0 20px;
  font-weight: bold;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 17px;
  color: #2f313c;
}
.connexion .content .fiche-connexion .col-left .informations .champs,
.projet.donation .content .fiche-connexion .col-left .informations .champs,
.connexion .content .fiche-donation .col-left .informations .champs,
.projet.donation .content .fiche-donation .col-left .informations .champs {
  position: absolute;
  left: 0;
  top: 15px;
  width: 570px;
  text-align: right;
  font-size: 15px;
  font-weight: normal;
  color: #2f313c;
}
.connexion .content .fiche-connexion .col-left .informations .champs.erreur,
.projet.donation .content .fiche-connexion .col-left .informations .champs.erreur,
.connexion .content .fiche-donation .col-left .informations .champs.erreur,
.projet.donation .content .fiche-donation .col-left .informations .champs.erreur {
  color: #ff3737;
}
.connexion .content .fiche-connexion .col-left .informations input[type="text"],
.projet.donation .content .fiche-connexion .col-left .informations input[type="text"],
.connexion .content .fiche-donation .col-left .informations input[type="text"],
.projet.donation .content .fiche-donation .col-left .informations input[type="text"],
.connexion .content .fiche-connexion .col-left .informations input[type="email"],
.projet.donation .content .fiche-connexion .col-left .informations input[type="email"],
.connexion .content .fiche-donation .col-left .informations input[type="email"],
.projet.donation .content .fiche-donation .col-left .informations input[type="email"],
.connexion .content .fiche-connexion .col-left .informations input[type="password"],
.projet.donation .content .fiche-connexion .col-left .informations input[type="password"],
.connexion .content .fiche-donation .col-left .informations input[type="password"],
.projet.donation .content .fiche-donation .col-left .informations input[type="password"] {
  width: 253px;
  height: 40px;
  line-height: 40px;
  border: 2px solid #D3E2E3;
  float: left;
  margin: 0 8px 8px 0;
  padding: 0 10px;
  font-size: 14px;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
}
.connexion .content .fiche-connexion .col-left .informations ::-webkit-input-placeholder,
.projet.donation .content .fiche-connexion .col-left .informations ::-webkit-input-placeholder,
.connexion .content .fiche-donation .col-left .informations ::-webkit-input-placeholder,
.projet.donation .content .fiche-donation .col-left .informations ::-webkit-input-placeholder {
  color: #2F313C;
  opacity: 1;
}
.connexion .content .fiche-connexion .col-left .informations ::-moz-placeholder,
.projet.donation .content .fiche-connexion .col-left .informations ::-moz-placeholder,
.connexion .content .fiche-donation .col-left .informations ::-moz-placeholder,
.projet.donation .content .fiche-donation .col-left .informations ::-moz-placeholder {
  opacity: 1;
  color: #2F313C;
}
.connexion .content .fiche-connexion .col-left .informations :-ms-input-placeholder,
.projet.donation .content .fiche-connexion .col-left .informations :-ms-input-placeholder,
.connexion .content .fiche-donation .col-left .informations :-ms-input-placeholder,
.projet.donation .content .fiche-donation .col-left .informations :-ms-input-placeholder {
  opacity: 1;
  color: #2F313C;
}
.connexion .content .fiche-connexion .col-left .informations input:-moz-placeholder,
.projet.donation .content .fiche-connexion .col-left .informations input:-moz-placeholder,
.connexion .content .fiche-donation .col-left .informations input:-moz-placeholder,
.projet.donation .content .fiche-donation .col-left .informations input:-moz-placeholder {
  opacity: 1;
  color: #2F313C;
}
.connexion .content .fiche-connexion .col-left .informations input:focus::-moz-placeholder,
.projet.donation .content .fiche-connexion .col-left .informations input:focus::-moz-placeholder,
.connexion .content .fiche-donation .col-left .informations input:focus::-moz-placeholder,
.projet.donation .content .fiche-donation .col-left .informations input:focus::-moz-placeholder {
  opacity: 1;
  color: #999;
}
.connexion .content .fiche-connexion .col-left .informations input:focus::-webkit-input-placeholder,
.projet.donation .content .fiche-connexion .col-left .informations input:focus::-webkit-input-placeholder,
.connexion .content .fiche-donation .col-left .informations input:focus::-webkit-input-placeholder,
.projet.donation .content .fiche-donation .col-left .informations input:focus::-webkit-input-placeholder,
.connexion .content .fiche-connexion .col-left .informations input:focus::-ms-input-placeholder,
.projet.donation .content .fiche-connexion .col-left .informations input:focus::-ms-input-placeholder,
.connexion .content .fiche-donation .col-left .informations input:focus::-ms-input-placeholder,
.projet.donation .content .fiche-donation .col-left .informations input:focus::-ms-input-placeholder {
  opacity: 1;
  color: #999;
}
.connexion .content .fiche-connexion .col-left .informations a.connexion,
.projet.donation .content .fiche-connexion .col-left .informations a.connexion,
.connexion .content .fiche-donation .col-left .informations a.connexion,
.projet.donation .content .fiche-donation .col-left .informations a.connexion {
  float: left;
  position: relative;
  display: block;
  width: 170px;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 19px;
  text-transform: uppercase;
  color: #FFF;
  text-decoration: none;
  background: #2F313C;
  margin-top: 2px;
}
.connexion .content .fiche-connexion .col-left .informations a.connexion:hover,
.projet.donation .content .fiche-connexion .col-left .informations a.connexion:hover,
.connexion .content .fiche-donation .col-left .informations a.connexion:hover,
.projet.donation .content .fiche-donation .col-left .informations a.connexion:hover {
  background: #0ACCBC;
}
.connexion .content .fiche-connexion .col-left .informations a.connexion span,
.projet.donation .content .fiche-connexion .col-left .informations a.connexion span,
.connexion .content .fiche-donation .col-left .informations a.connexion span,
.projet.donation .content .fiche-donation .col-left .informations a.connexion span {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  background: url(../img/enter.png);
  height: 21px;
  width: 21px;
}
.connexion .content .fiche-connexion .col-left .informations .notice_fb,
.projet.donation .content .fiche-connexion .col-left .informations .notice_fb,
.connexion .content .fiche-donation .col-left .informations .notice_fb,
.projet.donation .content .fiche-donation .col-left .informations .notice_fb {
  background: #FFF;
  padding: 15px;
  margin: 10px 0 20px 0;
}
.connexion .content .fiche-connexion .col-left .informations .notice_fb h2,
.projet.donation .content .fiche-connexion .col-left .informations .notice_fb h2,
.connexion .content .fiche-donation .col-left .informations .notice_fb h2,
.projet.donation .content .fiche-donation .col-left .informations .notice_fb h2,
.connexion .content .fiche-connexion .col-left .informations .notice_fb h3,
.projet.donation .content .fiche-connexion .col-left .informations .notice_fb h3,
.connexion .content .fiche-donation .col-left .informations .notice_fb h3,
.projet.donation .content .fiche-donation .col-left .informations .notice_fb h3 {
  margin: 0 0 10px 0;
}
.connexion .content .fiche-connexion .col-left .informations .select,
.projet.donation .content .fiche-connexion .col-left .informations .select,
.connexion .content .fiche-donation .col-left .informations .select,
.projet.donation .content .fiche-donation .col-left .informations .select {
  position: relative;
  float: left;
}
.connexion .content .fiche-connexion .col-left .informations .select > option.first,
.projet.donation .content .fiche-connexion .col-left .informations .select > option.first,
.connexion .content .fiche-donation .col-left .informations .select > option.first,
.projet.donation .content .fiche-donation .col-left .informations .select > option.first {
  color: #CACBBC;
}
.connexion .content .fiche-connexion .col-left .informations .select select.hasCustomSelect,
.projet.donation .content .fiche-connexion .col-left .informations .select select.hasCustomSelect,
.connexion .content .fiche-donation .col-left .informations .select select.hasCustomSelect,
.projet.donation .content .fiche-donation .col-left .informations .select select.hasCustomSelect {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
}
.connexion .content .fiche-connexion .col-left .informations .select select.hasCustomSelect,
.projet.donation .content .fiche-connexion .col-left .informations .select select.hasCustomSelect,
.connexion .content .fiche-donation .col-left .informations .select select.hasCustomSelect,
.projet.donation .content .fiche-donation .col-left .informations .select select.hasCustomSelect,
.connexion .content .fiche-connexion .col-left .informations .select span.customSelect,
.projet.donation .content .fiche-connexion .col-left .informations .select span.customSelect,
.connexion .content .fiche-donation .col-left .informations .select span.customSelect,
.projet.donation .content .fiche-donation .col-left .informations .select span.customSelect {
  width: 253px;
  height: 40px;
  background: url(../img/select-custom.png) right top #ffffff no-repeat;
  line-height: 36px;
  border: 2px solid #D3E2E3;
  float: left;
  margin: 0 8px 8px 0;
  padding: 0 10px;
  font-size: 14px !important;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
}
.connexion .content .fiche-connexion .col-left .informations .select select.hasCustomSelect,
.projet.donation .content .fiche-connexion .col-left .informations .select select.hasCustomSelect,
.connexion .content .fiche-donation .col-left .informations .select select.hasCustomSelect,
.projet.donation .content .fiche-donation .col-left .informations .select select.hasCustomSelect {
  width: 277px;
  height: 44px;
}
.connexion .content .fiche-connexion .col-left .valider,
.projet.donation .content .fiche-connexion .col-left .valider,
.connexion .content .fiche-donation .col-left .valider,
.projet.donation .content .fiche-donation .col-left .valider {
  float: right;
  height: 50px;
  width: 192px;
  border: none;
  border-bottom: 3px solid #C1D5D6;
  background: #00AC9F;
  color: #FFFFFF;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 19px;
  line-height: 50px;
  margin-top: 42px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.connexion .content .fiche-connexion .col-left .valider:hover,
.projet.donation .content .fiche-connexion .col-left .valider:hover,
.connexion .content .fiche-donation .col-left .valider:hover,
.projet.donation .content .fiche-donation .col-left .valider:hover {
  background: #2F313C;
}
.connexion .content .fiche-connexion .col-left cite,
.projet.donation .content .fiche-connexion .col-left cite,
.connexion .content .fiche-donation .col-left cite,
.projet.donation .content .fiche-donation .col-left cite {
  width: 100%;
  float: left;
  font-size: 12px;
}
.connexion .content .fiche-connexion .sidebar,
.projet.donation .content .fiche-connexion .sidebar,
.connexion .content .fiche-donation .sidebar,
.projet.donation .content .fiche-donation .sidebar {
  display: table-cell;
  vertical-align: top;
  width: 225px;
  padding-left: 20px;
  padding-top: 30px;
  position: relative;
}
.connexion .content .fiche-connexion .sidebar .bloc h3,
.projet.donation .content .fiche-connexion .sidebar .bloc h3,
.connexion .content .fiche-donation .sidebar .bloc h3,
.projet.donation .content .fiche-donation .sidebar .bloc h3 {
  font-size: 22px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  margin: 18px 0;
  padding: 0 0 18px;
  color: #2f313c;
  border-bottom: 3px solid #C1D5D6;
}
.connexion .content .fiche-connexion .sidebar .bloc .blanc,
.projet.donation .content .fiche-connexion .sidebar .bloc .blanc,
.connexion .content .fiche-donation .sidebar .bloc .blanc,
.projet.donation .content .fiche-donation .sidebar .bloc .blanc {
  background: #FFF;
  padding: 20px;
}
.connexion .content .fiche-connexion .sidebar .bloc .blanc p,
.projet.donation .content .fiche-connexion .sidebar .bloc .blanc p,
.connexion .content .fiche-donation .sidebar .bloc .blanc p,
.projet.donation .content .fiche-donation .sidebar .bloc .blanc p {
  font-size: 12px;
  /* font-family: Arial, Helvetica, sans-serif; */
  margin: 0;
  color: #2F313C;
}
.connexion .content .fiche-connexion .sidebar .bloc.faq p,
.projet.donation .content .fiche-connexion .sidebar .bloc.faq p,
.connexion .content .fiche-donation .sidebar .bloc.faq p,
.projet.donation .content .fiche-donation .sidebar .bloc.faq p {
  font-size: 12px;
  /* font-family: Arial, Helvetica, sans-serif; */
  margin: 5px 0 0;
  color: #2F313C;
}
.connexion .content .fiche-connexion .sidebar .bloc.faq p.question,
.projet.donation .content .fiche-connexion .sidebar .bloc.faq p.question,
.connexion .content .fiche-donation .sidebar .bloc.faq p.question,
.projet.donation .content .fiche-donation .sidebar .bloc.faq p.question {
  font-weight: bold;
  margin-top: 15px;
}
.connexion .content .fiche-connexion .sidebar .bloc.faq p b,
.projet.donation .content .fiche-connexion .sidebar .bloc.faq p b,
.connexion .content .fiche-donation .sidebar .bloc.faq p b,
.projet.donation .content .fiche-donation .sidebar .bloc.faq p b {
  font-style: normal;
}
.connexion .content .fiche-connexion .sidebar .bloc.faq p a,
.projet.donation .content .fiche-connexion .sidebar .bloc.faq p a,
.connexion .content .fiche-donation .sidebar .bloc.faq p a,
.projet.donation .content .fiche-donation .sidebar .bloc.faq p a {
  color: #2F313C;
  text-decoration: underline;
  font-weight: bold;
}
.connexion .content .fiche-connexion .sidebar .fixed,
.projet.donation .content .fiche-connexion .sidebar .fixed,
.connexion .content .fiche-donation .sidebar .fixed,
.projet.donation .content .fiche-donation .sidebar .fixed {
  position: fixed;
  width: 225px;
  float: left;
  top: 0;
}
.connexion .content .fiche-connexion .sidebar .valider,
.projet.donation .content .fiche-connexion .sidebar .valider,
.connexion .content .fiche-donation .sidebar .valider,
.projet.donation .content .fiche-donation .sidebar .valider {
  float: right;
  height: 68px;
  width: 100%;
  border: none;
  border-bottom: 3px solid #C1D5D6;
  background: #00AC9F;
  color: #FFFFFF;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 19px;
  line-height: 68px;
  margin-top: 32px;
  margin-bottom: 15px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.connexion .content .fiche-connexion .sidebar .valider:hover,
.projet.donation .content .fiche-connexion .sidebar .valider:hover,
.connexion .content .fiche-donation .sidebar .valider:hover,
.projet.donation .content .fiche-donation .sidebar .valider:hover {
  background: #2F313C;
}
.connexion .content .fiche-connexion .tempmail,
.projet.donation .content .fiche-connexion .tempmail,
.connexion .content .fiche-donation .tempmail,
.projet.donation .content .fiche-donation .tempmail,
.connexion .content .fiche-connexion .end,
.projet.donation .content .fiche-connexion .end,
.connexion .content .fiche-donation .end,
.projet.donation .content .fiche-donation .end {
  position: relative;
  background: #FFF;
  border-bottom: 3px solid #C1D5D6;
  height: 85px;
  margin-bottom: 32px;
  padding: 20px 115px;
}
.connexion .content .fiche-connexion .tempmail > span,
.projet.donation .content .fiche-connexion .tempmail > span,
.connexion .content .fiche-donation .tempmail > span,
.projet.donation .content .fiche-donation .tempmail > span,
.connexion .content .fiche-connexion .end > span,
.projet.donation .content .fiche-connexion .end > span,
.connexion .content .fiche-donation .end > span,
.projet.donation .content .fiche-donation .end > span {
  position: absolute;
  background: url(../img/sprite-donation.jpg) left top no-repeat;
  left: 35px;
  top: 50%;
  margin-top: -24px;
  width: 48px;
  height: 48px;
}
.connexion .content .fiche-connexion .tempmail p,
.projet.donation .content .fiche-connexion .tempmail p,
.connexion .content .fiche-donation .tempmail p,
.projet.donation .content .fiche-donation .tempmail p,
.connexion .content .fiche-connexion .end p,
.projet.donation .content .fiche-connexion .end p,
.connexion .content .fiche-donation .end p,
.projet.donation .content .fiche-donation .end p {
  margin: 0;
  color: #2f313c;
}
.connexion .content .fiche-connexion .tempmail p b,
.projet.donation .content .fiche-connexion .tempmail p b,
.connexion .content .fiche-donation .tempmail p b,
.projet.donation .content .fiche-donation .tempmail p b,
.connexion .content .fiche-connexion .end p b,
.projet.donation .content .fiche-connexion .end p b,
.connexion .content .fiche-donation .end p b,
.projet.donation .content .fiche-donation .end p b {
  display: block;
  margin-bottom: 10px;
}
.connexion .content .fiche-connexion .tempmail p a,
.projet.donation .content .fiche-connexion .tempmail p a,
.connexion .content .fiche-donation .tempmail p a,
.projet.donation .content .fiche-donation .tempmail p a,
.connexion .content .fiche-connexion .end p a,
.projet.donation .content .fiche-connexion .end p a,
.connexion .content .fiche-donation .end p a,
.projet.donation .content .fiche-donation .end p a {
  color: inherit;
  text-decoration: none;
  font-weight: bold;
}
.connexion .content .fiche-connexion .tempmail p a:hover,
.projet.donation .content .fiche-connexion .tempmail p a:hover,
.connexion .content .fiche-donation .tempmail p a:hover,
.projet.donation .content .fiche-donation .tempmail p a:hover,
.connexion .content .fiche-connexion .end p a:hover,
.projet.donation .content .fiche-connexion .end p a:hover,
.connexion .content .fiche-donation .end p a:hover,
.projet.donation .content .fiche-donation .end p a:hover {
  text-decoration: underline;
}
.connexion .content .fiche-connexion .tempmail p.depot_termine b,
.projet.donation .content .fiche-connexion .tempmail p.depot_termine b,
.connexion .content .fiche-donation .tempmail p.depot_termine b,
.projet.donation .content .fiche-donation .tempmail p.depot_termine b,
.connexion .content .fiche-connexion .end p.depot_termine b,
.projet.donation .content .fiche-connexion .end p.depot_termine b,
.connexion .content .fiche-donation .end p.depot_termine b,
.projet.donation .content .fiche-donation .end p.depot_termine b {
  margin-top: 10px;
  margin-bottom: 0;
}
.connexion .content .fiche-connexion .tempmail p.depot_termine b a,
.projet.donation .content .fiche-connexion .tempmail p.depot_termine b a,
.connexion .content .fiche-donation .tempmail p.depot_termine b a,
.projet.donation .content .fiche-donation .tempmail p.depot_termine b a,
.connexion .content .fiche-connexion .end p.depot_termine b a,
.projet.donation .content .fiche-connexion .end p.depot_termine b a,
.connexion .content .fiche-donation .end p.depot_termine b a,
.projet.donation .content .fiche-donation .end p.depot_termine b a {
  color: #00AC9F;
}
.connexion .content .fiche-connexion .tempmail p.sans-reduc,
.projet.donation .content .fiche-connexion .tempmail p.sans-reduc,
.connexion .content .fiche-donation .tempmail p.sans-reduc,
.projet.donation .content .fiche-donation .tempmail p.sans-reduc,
.connexion .content .fiche-connexion .end p.sans-reduc,
.projet.donation .content .fiche-connexion .end p.sans-reduc,
.connexion .content .fiche-donation .end p.sans-reduc,
.projet.donation .content .fiche-donation .end p.sans-reduc {
  position: absolute;
  top: 50%;
  margin-top: -24px;
  line-height: 48px;
  height: 48px;
}
.connexion .content .fiche-connexion .tempmail,
.projet.donation .content .fiche-connexion .tempmail,
.connexion .content .fiche-donation .tempmail,
.projet.donation .content .fiche-donation .tempmail {
  min-height: 55px;
  height: auto;
}
.connexion .content .fiche-connexion .partage,
.projet.donation .content .fiche-connexion .partage,
.connexion .content .fiche-donation .partage,
.projet.donation .content .fiche-donation .partage {
  position: relative;
  background: #FFF;
  border-bottom: 3px solid #C1D5D6;
  height: 85px;
  padding: 20px 115px;
}
.connexion .content .fiche-connexion .partage > span,
.projet.donation .content .fiche-connexion .partage > span,
.connexion .content .fiche-donation .partage > span,
.projet.donation .content .fiche-donation .partage > span {
  position: absolute;
  background: url(../img/sprite-donation.jpg) left bottom no-repeat;
  left: 35px;
  top: 50%;
  margin-top: -24px;
  width: 48px;
  height: 49px;
}
.connexion .content .fiche-connexion .partage p,
.projet.donation .content .fiche-connexion .partage p,
.connexion .content .fiche-donation .partage p,
.projet.donation .content .fiche-donation .partage p {
  margin: 0 0 15px;
  color: #2f313c;
}
.connexion .content .fiche-connexion .partage .share,
.projet.donation .content .fiche-connexion .partage .share,
.connexion .content .fiche-donation .partage .share,
.projet.donation .content .fiche-donation .partage .share {
  padding: 3px;
  height: 35px;
}
.connexion .content .fiche-connexion .partage .share img,
.projet.donation .content .fiche-connexion .partage .share img,
.connexion .content .fiche-donation .partage .share img,
.projet.donation .content .fiche-donation .partage .share img {
  float: left;
  margin-right: 10px;
  height: 35px;
  width: 35px;
}
.connexion .content .fiche-connexion .partage .share div,
.projet.donation .content .fiche-connexion .partage .share div,
.connexion .content .fiche-donation .partage .share div,
.projet.donation .content .fiche-donation .partage .share div {
  float: left;
  min-width: 70px;
}
.connexion .content .fiche-connexion .partage .share .fb_iframe_widget span,
.projet.donation .content .fiche-connexion .partage .share .fb_iframe_widget span,
.connexion .content .fiche-donation .partage .share .fb_iframe_widget span,
.projet.donation .content .fiche-donation .partage .share .fb_iframe_widget span {
  float: left;
  margin-top: 7px;
  display: block;
  margin-right: 15px;
}
.connexion .content .fiche-connexion .partage .share .twitter-share-button.twitter-tweet-button.twitter-count-none,
.projet.donation .content .fiche-connexion .partage .share .twitter-share-button.twitter-tweet-button.twitter-count-none,
.connexion .content .fiche-donation .partage .share .twitter-share-button.twitter-tweet-button.twitter-count-none,
.projet.donation .content .fiche-donation .partage .share .twitter-share-button.twitter-tweet-button.twitter-count-none {
  margin-top: 7px;
  float: left;
  margin-right: 15px;
}
.connexion .content .fiche-connexion .partage .share .mail,
.projet.donation .content .fiche-connexion .partage .share .mail,
.connexion .content .fiche-donation .partage .share .mail,
.projet.donation .content .fiche-donation .partage .share .mail {
  line-height: 35px;
  font-size: 17px;
  text-decoration: none;
  color: #2f313c;
}
.connexion .content .fiche-connexion .partage .share .mail:hover,
.projet.donation .content .fiche-connexion .partage .share .mail:hover,
.connexion .content .fiche-donation .partage .share .mail:hover,
.projet.donation .content .fiche-donation .partage .share .mail:hover {
  text-decoration: underline;
}
.connexion .content .fiche-connexion > span,
.projet.donation .content .fiche-connexion > span {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 23px;
  color: #2F313C;
  display: block;
  margin: 15px 0;
}
.demarrer {
  overflow-x: hidden;
}
.demarrer .content {
  min-width: 900px;
  max-width: inherit;
  padding: 0;
}
.demarrer .step.basiques .content {
  max-width: 880px !important;
}
.demarrer form .error {
  border: 1px solid #E5312A !important;
}
.demarrer form .errorLabel {
  color: #E5312A !important;
}
.demarrer #nav {
  min-height: 638px;
}
.demarrer #nav nav ul {
  padding-left: 0;
}
.demarrer #nav nav ul li {
  /*&.formules span { width:34px; height:26px; background:url(../img/sprite-nav.png) -340px -5px no-repeat; position:absolute; left:31px; top:17px;}
					&.formules:hover span,
					&.formules.active span { background-position:-340px -115px;}*/

}
.demarrer #nav nav ul li.chiffre span {
  position: absolute;
  left: 31px;
  /* font-family: "petala-pro"; */
  font-weight: 700;
  font-style: normal;
  top: 15px;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  color: #3F424C;
  background: #fff;
  font-size: 25px;
  line-height: 30px;
  text-align: center;
}
.demarrer #nav nav ul li.chiffre.active span,
.demarrer #nav nav ul li.chiffre:hover span {
  background: #08ada0;
  color: #ffffff;
}
.demarrer #nav nav ul li.apercu {
  display: block;
  width: 100%;
}
.demarrer #nav nav ul li.apercu a {
  background: #f7a824;
  color: #2f313c;
}
.demarrer #nav nav ul li.apercu a span {
  width: 31px;
  height: 28px;
  background: url(../img/sprite-nav.png) -390px -5px no-repeat;
  position: absolute;
  left: 32px;
  top: 16px;
}
.demarrer #nav nav ul li.apercu.locked a {
  background: #8c8fa0;
}
.demarrer #nav nav ul li.guidelines span {
  width: 38px;
  height: 28px;
  background: url(../img/sprite-nav.png) -280px -5px no-repeat;
  position: absolute;
  left: 32px;
  top: 16px;
}
.demarrer #nav nav ul li.guidelines:hover span,
.demarrer #nav nav ul li.guidelines.active span {
  background-position: -280px -115px;
}
.demarrer #nav nav ul li span.check {
  position: absolute;
  left: 61px;
  width: 16px !important;
  height: 16px !important;
  top: 37px !important;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: none !important;
}
.demarrer #nav nav ul li:hover span.check {
  background: none !important;
}
.demarrer #nav nav ul li span.check.valid {
  background: url(../img/check.png) left bottom no-repeat !important;
}
.demarrer #nav nav ul li span.check.invalid {
  background: url(../img/check.png) left top no-repeat !important;
}
.demarrer #nav nav ul li.chiffre.locked a span {
  background: #8c8fa0;
  color: #2F313C;
}
.demarrer #nav nav ul li.formules.locked a span {
  background-position: -340px -60px;
}
.demarrer #nav nav ul li.locked a {
  background: #2F313C;
  color: #8c8fa0;
  cursor: default;
}
.demarrer #nav nav ul li.apercu.locked a {
  color: #2F313C;
}
.demarrer .container {
  background-image: url(../img/bg-forme-demarrer.png);
  background-position: right top;
  background-repeat: no-repeat;
  min-width: 1110px;
}
.demarrer .container .step {
  overflow: hidden;
  padding-left: 70px;
}
.demarrer .container .step > header {
  margin: 0 140px 15px 45px;
  overflow: hidden;
}
.demarrer .container .step > header h2 {
  margin: 95px 0 0;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 40px;
  color: #2f313c;
}
.demarrer .container .step > header .baseline {
  margin: 0;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  color: #08ada0;
  font-size: 25px;
  margin-bottom: 35px;
}
.demarrer .container .step .regle {
  background: #FFF;
  border-bottom: 3px solid #c1d5d6;
  padding: 36px 30px 40px;
  margin: 0 140px 15px 45px;
}
.demarrer .container .step .regle h2 {
  margin-top: 0;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 23px;
}
.demarrer .container .step .regle h2 span {
  float: left;
  height: 33px;
  padding: 0 10px;
  font-size: 19px;
  line-height: 33px;
  background: #08ADA0;
  margin-right: 20px;
  color: #FFF;
}
.demarrer .container .step .regle p {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 16px;
  color: #2f313c;
  margin-bottom: 0;
}
.demarrer .container .step .regle a {
  color: #00AC9F;
}
.demarrer .container .step .engagement {
  padding: 30px 30px 30px;
  margin: 40px 140px 60px 45px;
  background: #D3E2E3;
  overflow: hidden;
}
.demarrer .container .step .engagement p {
  float: left;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  color: #2f313c;
  margin: 11px 0 0;
}
.demarrer .container .step .engagement p input {
  margin-right: 20px;
}
.demarrer .container .step .engagement a.lancer {
  float: right;
  height: 50px;
  line-height: 50px;
  color: #FFF;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 19px;
  text-transform: uppercase;
  border-bottom: 3px solid #95a3a7;
  padding: 0 25px;
  background: #2f313c;
  text-decoration: none;
}
.demarrer .container .step span.objectifs {
  display: none;
}
.demarrer .container .step.footer {
  display: block !important;
  height: 100px !important;
  padding: 25px 0 !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-left: 45px;
  float: left;
}
.demarrer .container .step.footer button {
  height: 50px;
  line-height: 50px;
  color: #FFF;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 19px;
  text-transform: uppercase;
  border-bottom: 3px solid #95a3a7;
  padding: 0 25px;
  background: #2f313c;
  text-decoration: none;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
.demarrer .container .step.footer button:hover {
  background: #464959;
}
.demarrer .container .step.footer button.annuler {
  background: #c1d5d6;
  color: #000;
  border-bottom-color: #148882;
}
.demarrer .container .step.footer button.valider {
  border-bottom-color: #148882;
}
.demarrer .container .step.footer button.left {
  position: absolute;
  top: 14px;
  left: 0;
}
.demarrer .container .step.footer button.right {
  position: absolute;
  top: 14px;
  right: 0;
}
.demarrer .container .step.footer .submitbtn {
  display: none;
}
.demarrer .container .step.supprimer button {
  height: 50px;
  line-height: 50px;
  color: #FFF;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 19px;
  text-transform: uppercase;
  border-bottom: 3px solid #aeb6ba;
  padding: 0 45px;
  margin-right: 30px;
  background: #08ada0;
  text-decoration: none;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
.demarrer .container .step.supprimer button:hover {
  background: #464959;
}
.demarrer .container .step.supprimer button.annuler_supp {
  background: #c1d5d6;
  color: #000;
}
.demarrer .container .step.footer,
.demarrer .container .step.vous,
.demarrer .container .step.histoire,
.demarrer .container .step.contrepartie,
.demarrer .container .step.basiques,
.demarrer .container .step.supprimer,
.demarrer .container .step.fin,
.demarrer .container .step.compte {
  display: table;
  max-width: 1100px;
  padding-left: 45px;
  position: relative;
  top: auto;
  right: auto;
  height: auto;
  z-index: auto;
}
.demarrer .container .step.footer > header,
.demarrer .container .step.vous > header,
.demarrer .container .step.histoire > header,
.demarrer .container .step.contrepartie > header,
.demarrer .container .step.basiques > header,
.demarrer .container .step.supprimer > header,
.demarrer .container .step.fin > header,
.demarrer .container .step.compte > header {
  display: table-row;
}
.demarrer .container .step.footer .content,
.demarrer .container .step.vous .content,
.demarrer .container .step.histoire .content,
.demarrer .container .step.contrepartie .content,
.demarrer .container .step.basiques .content,
.demarrer .container .step.supprimer .content,
.demarrer .container .step.fin .content,
.demarrer .container .step.compte .content {
  display: table-cell;
  min-width: 840px;
  padding-bottom: 150px;
}
.demarrer .container .step.footer .content h2,
.demarrer .container .step.vous .content h2,
.demarrer .container .step.histoire .content h2,
.demarrer .container .step.contrepartie .content h2,
.demarrer .container .step.basiques .content h2,
.demarrer .container .step.supprimer .content h2,
.demarrer .container .step.fin .content h2,
.demarrer .container .step.compte .content h2 {
  font-size: 23px;
  color: #2F313C;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  margin: 0;
  line-height: 55px;
}
.demarrer .container .step.footer .content div.gris,
.demarrer .container .step.vous .content div.gris,
.demarrer .container .step.histoire .content div.gris,
.demarrer .container .step.contrepartie .content div.gris,
.demarrer .container .step.basiques .content div.gris,
.demarrer .container .step.supprimer .content div.gris,
.demarrer .container .step.fin .content div.gris,
.demarrer .container .step.compte .content div.gris {
  background: #D3E2E3;
  padding: 20px !important;
  min-width: 840px;
}
.demarrer .container .step.footer .content div.gris p,
.demarrer .container .step.vous .content div.gris p,
.demarrer .container .step.histoire .content div.gris p,
.demarrer .container .step.contrepartie .content div.gris p,
.demarrer .container .step.basiques .content div.gris p,
.demarrer .container .step.supprimer .content div.gris p,
.demarrer .container .step.fin .content div.gris p,
.demarrer .container .step.compte .content div.gris p {
 /* margin: 0;
  font-size: 14px;
  color: #5e7070;
  /* font-family: Arial, Helvetica, sans-serif; */
}
.demarrer .container .step.footer .content div.gris table,
.demarrer .container .step.vous .content div.gris table,
.demarrer .container .step.histoire .content div.gris table,
.demarrer .container .step.contrepartie .content div.gris table,
.demarrer .container .step.basiques .content div.gris table,
.demarrer .container .step.supprimer .content div.gris table,
.demarrer .container .step.fin .content div.gris table,
.demarrer .container .step.compte .content div.gris table {
  width: 100%;
}
.demarrer .container .step.footer .content div.gris table tr.full td,
.demarrer .container .step.vous .content div.gris table tr.full td,
.demarrer .container .step.histoire .content div.gris table tr.full td,
.demarrer .container .step.contrepartie .content div.gris table tr.full td,
.demarrer .container .step.basiques .content div.gris table tr.full td,
.demarrer .container .step.supprimer .content div.gris table tr.full td,
.demarrer .container .step.fin .content div.gris table tr.full td,
.demarrer .container .step.compte .content div.gris table tr.full td {
  padding-top: 20px;
}
.demarrer .container .step.footer .content div.gris table td,
.demarrer .container .step.vous .content div.gris table td,
.demarrer .container .step.histoire .content div.gris table td,
.demarrer .container .step.contrepartie .content div.gris table td,
.demarrer .container .step.basiques .content div.gris table td,
.demarrer .container .step.supprimer .content div.gris table td,
.demarrer .container .step.fin .content div.gris table td,
.demarrer .container .step.compte .content div.gris table td {
  vertical-align: top;
}
.demarrer .container .step.footer .content div.gris table td > div,
.demarrer .container .step.vous .content div.gris table td > div,
.demarrer .container .step.histoire .content div.gris table td > div,
.demarrer .container .step.contrepartie .content div.gris table td > div,
.demarrer .container .step.basiques .content div.gris table td > div,
.demarrer .container .step.supprimer .content div.gris table td > div,
.demarrer .container .step.fin .content div.gris table td > div,
.demarrer .container .step.compte .content div.gris table td > div {
  position: relative;
}
.demarrer .container .step.footer .content div.gris table td > div .euro,
.demarrer .container .step.vous .content div.gris table td > div .euro,
.demarrer .container .step.histoire .content div.gris table td > div .euro,
.demarrer .container .step.contrepartie .content div.gris table td > div .euro,
.demarrer .container .step.basiques .content div.gris table td > div .euro,
.demarrer .container .step.supprimer .content div.gris table td > div .euro,
.demarrer .container .step.fin .content div.gris table td > div .euro,
.demarrer .container .step.compte .content div.gris table td > div .euro {
  position: absolute;
  right: 0;
  width: 26px;
  text-align: left;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 20px;
  color: #2F313C;
  line-height: 40px;
}
.demarrer .container .step.footer .content div.gris table .compteur,
.demarrer .container .step.vous .content div.gris table .compteur,
.demarrer .container .step.histoire .content div.gris table .compteur,
.demarrer .container .step.contrepartie .content div.gris table .compteur,
.demarrer .container .step.basiques .content div.gris table .compteur,
.demarrer .container .step.supprimer .content div.gris table .compteur,
.demarrer .container .step.fin .content div.gris table .compteur,
.demarrer .container .step.compte .content div.gris table .compteur {
  position: absolute;
  width: 90px;
  height: 40px;
  line-height: 40px;
  right: 0;
  bottom: 0;
  color: #2f313c;
  text-align: center;
}
.demarrer .container .step.footer .content div.gris table input[type="text"],
.demarrer .container .step.vous .content div.gris table input[type="text"],
.demarrer .container .step.histoire .content div.gris table input[type="text"],
.demarrer .container .step.contrepartie .content div.gris table input[type="text"],
.demarrer .container .step.basiques .content div.gris table input[type="text"],
.demarrer .container .step.supprimer .content div.gris table input[type="text"],
.demarrer .container .step.fin .content div.gris table input[type="text"],
.demarrer .container .step.compte .content div.gris table input[type="text"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  border: none;
  height: 40px;
  padding: 0 80px 0 20px;
}
.demarrer .container .step.footer .content div.gris table input[type="text"].w_395,
.demarrer .container .step.vous .content div.gris table input[type="text"].w_395,
.demarrer .container .step.histoire .content div.gris table input[type="text"].w_395,
.demarrer .container .step.contrepartie .content div.gris table input[type="text"].w_395,
.demarrer .container .step.basiques .content div.gris table input[type="text"].w_395,
.demarrer .container .step.supprimer .content div.gris table input[type="text"].w_395,
.demarrer .container .step.fin .content div.gris table input[type="text"].w_395,
.demarrer .container .step.compte .content div.gris table input[type="text"].w_395 {
  width: 395px;
}
.demarrer .container .step.footer .content div.gris table select,
.demarrer .container .step.vous .content div.gris table select,
.demarrer .container .step.histoire .content div.gris table select,
.demarrer .container .step.contrepartie .content div.gris table select,
.demarrer .container .step.basiques .content div.gris table select,
.demarrer .container .step.supprimer .content div.gris table select,
.demarrer .container .step.fin .content div.gris table select,
.demarrer .container .step.compte .content div.gris table select {
  width: 355px;
  height: 45px;
  padding: 12px 0 12px 20px;
  color: #2f313c;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 14px;
  margin-left: 20px;
}
.demarrer .container .step.footer .content div.gris table textarea,
.demarrer .container .step.vous .content div.gris table textarea,
.demarrer .container .step.histoire .content div.gris table textarea,
.demarrer .container .step.contrepartie .content div.gris table textarea,
.demarrer .container .step.basiques .content div.gris table textarea,
.demarrer .container .step.supprimer .content div.gris table textarea,
.demarrer .container .step.fin .content div.gris table textarea,
.demarrer .container .step.compte .content div.gris table textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  border: none;
  height: 80px;
  padding: 20px;
}
.demarrer .container .step.footer .content div.gris table .radio,
.demarrer .container .step.vous .content div.gris table .radio,
.demarrer .container .step.histoire .content div.gris table .radio,
.demarrer .container .step.contrepartie .content div.gris table .radio,
.demarrer .container .step.basiques .content div.gris table .radio,
.demarrer .container .step.supprimer .content div.gris table .radio,
.demarrer .container .step.fin .content div.gris table .radio,
.demarrer .container .step.compte .content div.gris table .radio {
  position: relative;
  background: #FFF;
  margin-left: 15px;
  padding: 7px 20px;
}
.demarrer .container .step.footer .content div.gris table .radio label,
.demarrer .container .step.vous .content div.gris table .radio label,
.demarrer .container .step.histoire .content div.gris table .radio label,
.demarrer .container .step.contrepartie .content div.gris table .radio label,
.demarrer .container .step.basiques .content div.gris table .radio label,
.demarrer .container .step.supprimer .content div.gris table .radio label,
.demarrer .container .step.fin .content div.gris table .radio label,
.demarrer .container .step.compte .content div.gris table .radio label,
.demarrer .container .step.footer .content div.gris table .radio input,
.demarrer .container .step.vous .content div.gris table .radio input,
.demarrer .container .step.histoire .content div.gris table .radio input,
.demarrer .container .step.contrepartie .content div.gris table .radio input,
.demarrer .container .step.basiques .content div.gris table .radio input,
.demarrer .container .step.supprimer .content div.gris table .radio input,
.demarrer .container .step.fin .content div.gris table .radio input,
.demarrer .container .step.compte .content div.gris table .radio input {
  line-height: 26px;
}
.demarrer .container .step.footer .content div.gris table .radio label,
.demarrer .container .step.vous .content div.gris table .radio label,
.demarrer .container .step.histoire .content div.gris table .radio label,
.demarrer .container .step.contrepartie .content div.gris table .radio label,
.demarrer .container .step.basiques .content div.gris table .radio label,
.demarrer .container .step.supprimer .content div.gris table .radio label,
.demarrer .container .step.fin .content div.gris table .radio label,
.demarrer .container .step.compte .content div.gris table .radio label {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 17px;
  font-weight: normal !important;
  color: #2f313c;
}
.demarrer .container .step.footer .content div.gris table .upload,
.demarrer .container .step.vous .content div.gris table .upload,
.demarrer .container .step.histoire .content div.gris table .upload,
.demarrer .container .step.contrepartie .content div.gris table .upload,
.demarrer .container .step.basiques .content div.gris table .upload,
.demarrer .container .step.supprimer .content div.gris table .upload,
.demarrer .container .step.fin .content div.gris table .upload,
.demarrer .container .step.compte .content div.gris table .upload {
  position: relative;
  width: 203px;
  float: right;
  background: #2f313c;
  color: #FFF;
  text-align: center;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
}
.demarrer .container .step.footer .content div.gris table .upload input,
.demarrer .container .step.vous .content div.gris table .upload input,
.demarrer .container .step.histoire .content div.gris table .upload input,
.demarrer .container .step.contrepartie .content div.gris table .upload input,
.demarrer .container .step.basiques .content div.gris table .upload input,
.demarrer .container .step.supprimer .content div.gris table .upload input,
.demarrer .container .step.fin .content div.gris table .upload input,
.demarrer .container .step.compte .content div.gris table .upload input {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  filter: alpha(opacity=0);
}
.demarrer .container .step.footer .content div.gris.cols,
.demarrer .container .step.vous .content div.gris.cols,
.demarrer .container .step.histoire .content div.gris.cols,
.demarrer .container .step.contrepartie .content div.gris.cols,
.demarrer .container .step.basiques .content div.gris.cols,
.demarrer .container .step.supprimer .content div.gris.cols,
.demarrer .container .step.fin .content div.gris.cols,
.demarrer .container .step.compte .content div.gris.cols {
  display: table;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.demarrer .container .step.footer .content div.gris.cols > .col-left,
.demarrer .container .step.vous .content div.gris.cols > .col-left,
.demarrer .container .step.histoire .content div.gris.cols > .col-left,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left,
.demarrer .container .step.basiques .content div.gris.cols > .col-left,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left,
.demarrer .container .step.fin .content div.gris.cols > .col-left,
.demarrer .container .step.compte .content div.gris.cols > .col-left {
  display: table-cell;
  padding-right: 18px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 50%;
  vertical-align: top;
}
.demarrer .container .step.footer .content div.gris.cols > .col-left .select,
.demarrer .container .step.vous .content div.gris.cols > .col-left .select,
.demarrer .container .step.histoire .content div.gris.cols > .col-left .select,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left .select,
.demarrer .container .step.basiques .content div.gris.cols > .col-left .select,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left .select,
.demarrer .container .step.fin .content div.gris.cols > .col-left .select,
.demarrer .container .step.compte .content div.gris.cols > .col-left .select {
  position: relative;
  float: left;
}
.demarrer .container .step.footer .content div.gris.cols > .col-left .select > option.first,
.demarrer .container .step.vous .content div.gris.cols > .col-left .select > option.first,
.demarrer .container .step.histoire .content div.gris.cols > .col-left .select > option.first,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left .select > option.first,
.demarrer .container .step.basiques .content div.gris.cols > .col-left .select > option.first,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left .select > option.first,
.demarrer .container .step.fin .content div.gris.cols > .col-left .select > option.first,
.demarrer .container .step.compte .content div.gris.cols > .col-left .select > option.first {
  color: #CACBBC;
}
.demarrer .container .step.footer .content div.gris.cols > .col-left .select select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-left .select select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-left .select select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left .select select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-left .select select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left .select select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-left .select select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-left .select select.hasCustomSelect {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
}
.demarrer .container .step.footer .content div.gris.cols > .col-left .select select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-left .select select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-left .select select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left .select select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-left .select select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left .select select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-left .select select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-left .select select.hasCustomSelect,
.demarrer .container .step.footer .content div.gris.cols > .col-left .select span.customSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-left .select span.customSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-left .select span.customSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left .select span.customSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-left .select span.customSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left .select span.customSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-left .select span.customSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-left .select span.customSelect {
  cursor: pointer;
  overflow: hidden;
  width: 304px;
  height: 40px;
  background: url(../img/select-custom.png) right top #ffffff no-repeat;
  line-height: 36px;
  border: none;
  float: left;
  padding: 0 30px 0 10px;
  font-size: 14px !important;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
}
.demarrer .container .step.footer .content div.gris.cols > .col-left .select select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-left .select select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-left .select select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left .select select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-left .select select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left .select select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-left .select select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-left .select select.hasCustomSelect {
  width: 354px;
  height: 40px;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .selectnationalite,
.demarrer .container .step.vous .content div.gris.cols > .col-right .selectnationalite,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .selectnationalite,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .selectnationalite,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .selectnationalite,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .selectnationalite,
.demarrer .container .step.fin .content div.gris.cols > .col-right .selectnationalite,
.demarrer .container .step.compte .content div.gris.cols > .col-right .selectnationalite {
  position: relative;
  float: left;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .selectnationalite > option.first,
.demarrer .container .step.vous .content div.gris.cols > .col-right .selectnationalite > option.first,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .selectnationalite > option.first,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .selectnationalite > option.first,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .selectnationalite > option.first,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .selectnationalite > option.first,
.demarrer .container .step.fin .content div.gris.cols > .col-right .selectnationalite > option.first,
.demarrer .container .step.compte .content div.gris.cols > .col-right .selectnationalite > option.first {
  color: #CACBBC;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .selectnationalite select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-right .selectnationalite select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .selectnationalite select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .selectnationalite select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .selectnationalite select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .selectnationalite select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-right .selectnationalite select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-right .selectnationalite select.hasCustomSelect {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .selectnationalite select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-right .selectnationalite select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .selectnationalite select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .selectnationalite select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .selectnationalite select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .selectnationalite select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-right .selectnationalite select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-right .selectnationalite select.hasCustomSelect,
.demarrer .container .step.footer .content div.gris.cols > .col-right .selectnationalite span.customSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-right .selectnationalite span.customSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .selectnationalite span.customSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .selectnationalite span.customSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .selectnationalite span.customSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .selectnationalite span.customSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-right .selectnationalite span.customSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-right .selectnationalite span.customSelect {
  cursor: pointer;
  overflow: hidden;
  width: 356px;
  height: 40px;
  background: url(../img/select-custom.png) right top #ffffff no-repeat;
  line-height: 36px;
  border: none;
  float: left;
  padding: 0 15px;
  font-size: 14px !important;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .selectnationalite select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-right .selectnationalite select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .selectnationalite select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .selectnationalite select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .selectnationalite select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .selectnationalite select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-right .selectnationalite select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-right .selectnationalite select.hasCustomSelect {
  width: 354px;
  height: 40px;
}
.demarrer .container .step.footer .content div.gris.cols > .col-left .select1,
.demarrer .container .step.vous .content div.gris.cols > .col-left .select1,
.demarrer .container .step.histoire .content div.gris.cols > .col-left .select1,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left .select1,
.demarrer .container .step.basiques .content div.gris.cols > .col-left .select1,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left .select1,
.demarrer .container .step.fin .content div.gris.cols > .col-left .select1,
.demarrer .container .step.compte .content div.gris.cols > .col-left .select1 {
  position: relative;
  float: left;
  margin: 0 11px 14px 0;
}
.demarrer .container .step.footer .content div.gris.cols > .col-left .select1 > option.first,
.demarrer .container .step.vous .content div.gris.cols > .col-left .select1 > option.first,
.demarrer .container .step.histoire .content div.gris.cols > .col-left .select1 > option.first,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left .select1 > option.first,
.demarrer .container .step.basiques .content div.gris.cols > .col-left .select1 > option.first,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left .select1 > option.first,
.demarrer .container .step.fin .content div.gris.cols > .col-left .select1 > option.first,
.demarrer .container .step.compte .content div.gris.cols > .col-left .select1 > option.first {
  color: #CACBBC;
}
.demarrer .container .step.footer .content div.gris.cols > .col-left .select1 select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-left .select1 select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-left .select1 select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left .select1 select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-left .select1 select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left .select1 select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-left .select1 select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-left .select1 select.hasCustomSelect {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
}
.demarrer .container .step.footer .content div.gris.cols > .col-left .select1 select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-left .select1 select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-left .select1 select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left .select1 select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-left .select1 select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left .select1 select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-left .select1 select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-left .select1 select.hasCustomSelect,
.demarrer .container .step.footer .content div.gris.cols > .col-left .select1 span.customSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-left .select1 span.customSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-left .select1 span.customSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left .select1 span.customSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-left .select1 span.customSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left .select1 span.customSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-left .select1 span.customSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-left .select1 span.customSelect {
  cursor: pointer;
  width: 73px;
  height: 40px;
  background: url(../img/select-custom.png) right top #ffffff no-repeat;
  line-height: 36px;
  border: none;
  float: left;
  padding: 0 10px;
  font-size: 14px !important;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
}
.demarrer .container .step.footer .content div.gris.cols > .col-left .select1 select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-left .select1 select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-left .select1 select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left .select1 select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-left .select1 select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left .select1 select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-left .select1 select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-left .select1 select.hasCustomSelect {
  width: 93px;
  height: 40px;
}
.demarrer .container .step.footer .content div.gris.cols > .col-left .select2,
.demarrer .container .step.vous .content div.gris.cols > .col-left .select2,
.demarrer .container .step.histoire .content div.gris.cols > .col-left .select2,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left .select2,
.demarrer .container .step.basiques .content div.gris.cols > .col-left .select2,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left .select2,
.demarrer .container .step.fin .content div.gris.cols > .col-left .select2,
.demarrer .container .step.compte .content div.gris.cols > .col-left .select2 {
  position: relative;
  float: left;
  margin: 0 11px 14px 0;
}
.demarrer .container .step.footer .content div.gris.cols > .col-left .select2 > option.first,
.demarrer .container .step.vous .content div.gris.cols > .col-left .select2 > option.first,
.demarrer .container .step.histoire .content div.gris.cols > .col-left .select2 > option.first,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left .select2 > option.first,
.demarrer .container .step.basiques .content div.gris.cols > .col-left .select2 > option.first,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left .select2 > option.first,
.demarrer .container .step.fin .content div.gris.cols > .col-left .select2 > option.first,
.demarrer .container .step.compte .content div.gris.cols > .col-left .select2 > option.first {
  color: #CACBBC;
}
.demarrer .container .step.footer .content div.gris.cols > .col-left .select2 select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-left .select2 select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-left .select2 select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left .select2 select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-left .select2 select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left .select2 select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-left .select2 select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-left .select2 select.hasCustomSelect {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
}
.demarrer .container .step.footer .content div.gris.cols > .col-left .select2 select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-left .select2 select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-left .select2 select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left .select2 select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-left .select2 select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left .select2 select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-left .select2 select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-left .select2 select.hasCustomSelect,
.demarrer .container .step.footer .content div.gris.cols > .col-left .select2 span.customSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-left .select2 span.customSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-left .select2 span.customSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left .select2 span.customSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-left .select2 span.customSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left .select2 span.customSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-left .select2 span.customSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-left .select2 span.customSelect {
  cursor: pointer;
  width: 123px;
  height: 40px;
  background: url(../img/select-custom.png) right top #ffffff no-repeat;
  line-height: 36px;
  border: none;
  float: left;
  padding: 0 10px;
  font-size: 14px !important;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
}
.demarrer .container .step.footer .content div.gris.cols > .col-left .select2 select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-left .select2 select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-left .select2 select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left .select2 select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-left .select2 select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left .select2 select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-left .select2 select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-left .select2 select.hasCustomSelect {
  width: 143px;
  height: 40px;
}
.demarrer .container .step.footer .content div.gris.cols > .col-left .select3,
.demarrer .container .step.vous .content div.gris.cols > .col-left .select3,
.demarrer .container .step.histoire .content div.gris.cols > .col-left .select3,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left .select3,
.demarrer .container .step.basiques .content div.gris.cols > .col-left .select3,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left .select3,
.demarrer .container .step.fin .content div.gris.cols > .col-left .select3,
.demarrer .container .step.compte .content div.gris.cols > .col-left .select3 {
  position: relative;
  float: left;
  margin: 0 0 14px 0;
}
.demarrer .container .step.footer .content div.gris.cols > .col-left .select3 > option.first,
.demarrer .container .step.vous .content div.gris.cols > .col-left .select3 > option.first,
.demarrer .container .step.histoire .content div.gris.cols > .col-left .select3 > option.first,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left .select3 > option.first,
.demarrer .container .step.basiques .content div.gris.cols > .col-left .select3 > option.first,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left .select3 > option.first,
.demarrer .container .step.fin .content div.gris.cols > .col-left .select3 > option.first,
.demarrer .container .step.compte .content div.gris.cols > .col-left .select3 > option.first {
  color: #CACBBC;
}
.demarrer .container .step.footer .content div.gris.cols > .col-left .select3 select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-left .select3 select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-left .select3 select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left .select3 select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-left .select3 select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left .select3 select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-left .select3 select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-left .select3 select.hasCustomSelect {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
}
.demarrer .container .step.footer .content div.gris.cols > .col-left .select3 select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-left .select3 select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-left .select3 select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left .select3 select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-left .select3 select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left .select3 select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-left .select3 select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-left .select3 select.hasCustomSelect,
.demarrer .container .step.footer .content div.gris.cols > .col-left .select3 span.customSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-left .select3 span.customSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-left .select3 span.customSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left .select3 span.customSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-left .select3 span.customSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left .select3 span.customSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-left .select3 span.customSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-left .select3 span.customSelect {
  cursor: pointer;
  width: 79px;
  height: 40px;
  background: url(../img/select-custom.png) right top #ffffff no-repeat;
  line-height: 36px;
  border: none;
  float: left;
  padding: 0 10px;
  font-size: 14px !important;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
}
.demarrer .container .step.footer .content div.gris.cols > .col-left .select3 select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-left .select3 select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-left .select3 select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-left .select3 select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-left .select3 select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-left .select3 select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-left .select3 select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-left .select3 select.hasCustomSelect {
  width: 99px;
  height: 40px;
}
.demarrer .container .step.footer .content div.gris.cols table label,
.demarrer .container .step.vous .content div.gris.cols table label,
.demarrer .container .step.histoire .content div.gris.cols table label,
.demarrer .container .step.contrepartie .content div.gris.cols table label,
.demarrer .container .step.basiques .content div.gris.cols table label,
.demarrer .container .step.supprimer .content div.gris.cols table label,
.demarrer .container .step.fin .content div.gris.cols table label,
.demarrer .container .step.compte .content div.gris.cols table label {
  height: 40px;
  line-height: 40px;
}
.demarrer .container .step.footer .content div.gris.cols select,
.demarrer .container .step.vous .content div.gris.cols select,
.demarrer .container .step.histoire .content div.gris.cols select,
.demarrer .container .step.contrepartie .content div.gris.cols select,
.demarrer .container .step.basiques .content div.gris.cols select,
.demarrer .container .step.supprimer .content div.gris.cols select,
.demarrer .container .step.fin .content div.gris.cols select,
.demarrer .container .step.compte .content div.gris.cols select {
  margin-left: 0;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right,
.demarrer .container .step.vous .content div.gris.cols > .col-right,
.demarrer .container .step.histoire .content div.gris.cols > .col-right,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right,
.demarrer .container .step.basiques .content div.gris.cols > .col-right,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right,
.demarrer .container .step.fin .content div.gris.cols > .col-right,
.demarrer .container .step.compte .content div.gris.cols > .col-right {
  display: table-cell;
  padding-left: 18px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 50%;
  vertical-align: top;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .selectpays,
.demarrer .container .step.vous .content div.gris.cols > .col-right .selectpays,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .selectpays,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .selectpays,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .selectpays,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .selectpays,
.demarrer .container .step.fin .content div.gris.cols > .col-right .selectpays,
.demarrer .container .step.compte .content div.gris.cols > .col-right .selectpays {
  position: relative;
  float: left;
  margin: 0 0px 14px 0;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .selectpays > option.first,
.demarrer .container .step.vous .content div.gris.cols > .col-right .selectpays > option.first,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .selectpays > option.first,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .selectpays > option.first,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .selectpays > option.first,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .selectpays > option.first,
.demarrer .container .step.fin .content div.gris.cols > .col-right .selectpays > option.first,
.demarrer .container .step.compte .content div.gris.cols > .col-right .selectpays > option.first {
  color: #CACBBC;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .selectpays select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-right .selectpays select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .selectpays select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .selectpays select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .selectpays select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .selectpays select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-right .selectpays select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-right .selectpays select.hasCustomSelect {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .selectpays select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-right .selectpays select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .selectpays select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .selectpays select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .selectpays select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .selectpays select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-right .selectpays select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-right .selectpays select.hasCustomSelect,
.demarrer .container .step.footer .content div.gris.cols > .col-right .selectpays span.customSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-right .selectpays span.customSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .selectpays span.customSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .selectpays span.customSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .selectpays span.customSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .selectpays span.customSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-right .selectpays span.customSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-right .selectpays span.customSelect {
  cursor: pointer;
  width: 250px;
  height: 40px;
  background: url(../img/select-custom.png) right top #ffffff no-repeat;
  line-height: 36px;
  border: none;
  float: left;
  padding: 0 15px;
  font-size: 14px !important;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .selectpays select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-right .selectpays select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .selectpays select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .selectpays select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .selectpays select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .selectpays select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-right .selectpays select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-right .selectpays select.hasCustomSelect {
  width: 93px;
  height: 40px;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .select1,
.demarrer .container .step.vous .content div.gris.cols > .col-right .select1,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .select1,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .select1,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .select1,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .select1,
.demarrer .container .step.fin .content div.gris.cols > .col-right .select1,
.demarrer .container .step.compte .content div.gris.cols > .col-right .select1 {
  position: relative;
  float: left;
  margin: 0 11px 14px 0;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .select1 > option.first,
.demarrer .container .step.vous .content div.gris.cols > .col-right .select1 > option.first,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .select1 > option.first,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .select1 > option.first,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .select1 > option.first,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .select1 > option.first,
.demarrer .container .step.fin .content div.gris.cols > .col-right .select1 > option.first,
.demarrer .container .step.compte .content div.gris.cols > .col-right .select1 > option.first {
  color: #CACBBC;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .select1 select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-right .select1 select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .select1 select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .select1 select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .select1 select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .select1 select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-right .select1 select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-right .select1 select.hasCustomSelect {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .select1 select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-right .select1 select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .select1 select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .select1 select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .select1 select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .select1 select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-right .select1 select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-right .select1 select.hasCustomSelect,
.demarrer .container .step.footer .content div.gris.cols > .col-right .select1 span.customSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-right .select1 span.customSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .select1 span.customSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .select1 span.customSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .select1 span.customSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .select1 span.customSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-right .select1 span.customSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-right .select1 span.customSelect {
  cursor: pointer;
  width: 73px;
  height: 40px;
  background: url(../img/select-custom.png) right top #ffffff no-repeat;
  line-height: 36px;
  border: none;
  float: left;
  padding: 0 10px;
  font-size: 14px !important;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .select1 select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-right .select1 select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .select1 select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .select1 select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .select1 select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .select1 select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-right .select1 select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-right .select1 select.hasCustomSelect {
  width: 93px;
  height: 40px;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .select2,
.demarrer .container .step.vous .content div.gris.cols > .col-right .select2,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .select2,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .select2,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .select2,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .select2,
.demarrer .container .step.fin .content div.gris.cols > .col-right .select2,
.demarrer .container .step.compte .content div.gris.cols > .col-right .select2 {
  position: relative;
  float: left;
  margin: 0 11px 14px 0;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .select2 > option.first,
.demarrer .container .step.vous .content div.gris.cols > .col-right .select2 > option.first,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .select2 > option.first,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .select2 > option.first,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .select2 > option.first,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .select2 > option.first,
.demarrer .container .step.fin .content div.gris.cols > .col-right .select2 > option.first,
.demarrer .container .step.compte .content div.gris.cols > .col-right .select2 > option.first {
  color: #CACBBC;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .select2 select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-right .select2 select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .select2 select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .select2 select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .select2 select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .select2 select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-right .select2 select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-right .select2 select.hasCustomSelect {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .select2 select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-right .select2 select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .select2 select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .select2 select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .select2 select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .select2 select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-right .select2 select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-right .select2 select.hasCustomSelect,
.demarrer .container .step.footer .content div.gris.cols > .col-right .select2 span.customSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-right .select2 span.customSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .select2 span.customSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .select2 span.customSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .select2 span.customSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .select2 span.customSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-right .select2 span.customSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-right .select2 span.customSelect {
  cursor: pointer;
  width: 123px;
  height: 40px;
  background: url(../img/select-custom.png) right top #ffffff no-repeat;
  line-height: 36px;
  border: none;
  float: left;
  padding: 0 10px;
  font-size: 14px !important;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .select2 select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-right .select2 select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .select2 select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .select2 select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .select2 select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .select2 select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-right .select2 select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-right .select2 select.hasCustomSelect {
  width: 143px;
  height: 40px;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .select3,
.demarrer .container .step.vous .content div.gris.cols > .col-right .select3,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .select3,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .select3,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .select3,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .select3,
.demarrer .container .step.fin .content div.gris.cols > .col-right .select3,
.demarrer .container .step.compte .content div.gris.cols > .col-right .select3 {
  position: relative;
  float: left;
  margin: 0 0 14px 0;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .select3 > option.first,
.demarrer .container .step.vous .content div.gris.cols > .col-right .select3 > option.first,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .select3 > option.first,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .select3 > option.first,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .select3 > option.first,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .select3 > option.first,
.demarrer .container .step.fin .content div.gris.cols > .col-right .select3 > option.first,
.demarrer .container .step.compte .content div.gris.cols > .col-right .select3 > option.first {
  color: #CACBBC;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .select3 select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-right .select3 select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .select3 select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .select3 select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .select3 select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .select3 select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-right .select3 select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-right .select3 select.hasCustomSelect {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .select3 select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-right .select3 select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .select3 select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .select3 select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .select3 select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .select3 select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-right .select3 select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-right .select3 select.hasCustomSelect,
.demarrer .container .step.footer .content div.gris.cols > .col-right .select3 span.customSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-right .select3 span.customSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .select3 span.customSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .select3 span.customSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .select3 span.customSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .select3 span.customSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-right .select3 span.customSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-right .select3 span.customSelect {
  cursor: pointer;
  width: 79px;
  height: 40px;
  background: url(../img/select-custom.png) right top #ffffff no-repeat;
  line-height: 36px;
  border: none;
  float: left;
  padding: 0 10px;
  font-size: 14px !important;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
}
.demarrer .container .step.footer .content div.gris.cols > .col-right .select3 select.hasCustomSelect,
.demarrer .container .step.vous .content div.gris.cols > .col-right .select3 select.hasCustomSelect,
.demarrer .container .step.histoire .content div.gris.cols > .col-right .select3 select.hasCustomSelect,
.demarrer .container .step.contrepartie .content div.gris.cols > .col-right .select3 select.hasCustomSelect,
.demarrer .container .step.basiques .content div.gris.cols > .col-right .select3 select.hasCustomSelect,
.demarrer .container .step.supprimer .content div.gris.cols > .col-right .select3 select.hasCustomSelect,
.demarrer .container .step.fin .content div.gris.cols > .col-right .select3 select.hasCustomSelect,
.demarrer .container .step.compte .content div.gris.cols > .col-right .select3 select.hasCustomSelect {
  width: 99px;
  height: 40px;
}
.demarrer .container .step.footer .content div.gris.cols .col-full,
.demarrer .container .step.vous .content div.gris.cols .col-full,
.demarrer .container .step.histoire .content div.gris.cols .col-full,
.demarrer .container .step.contrepartie .content div.gris.cols .col-full,
.demarrer .container .step.basiques .content div.gris.cols .col-full,
.demarrer .container .step.supprimer .content div.gris.cols .col-full,
.demarrer .container .step.fin .content div.gris.cols .col-full,
.demarrer .container .step.compte .content div.gris.cols .col-full {
  box-sizing: border-box;
  display: table-cell;
  padding-right: 18px;
  vertical-align: top;
  width: 50%;
}
.demarrer .container .step.footer .content div.gris.cols p,
.demarrer .container .step.vous .content div.gris.cols p,
.demarrer .container .step.histoire .content div.gris.cols p,
.demarrer .container .step.contrepartie .content div.gris.cols p,
.demarrer .container .step.basiques .content div.gris.cols p,
.demarrer .container .step.supprimer .content div.gris.cols p,
.demarrer .container .step.fin .content div.gris.cols p,
.demarrer .container .step.compte .content div.gris.cols p {
  font-size: 14px;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #5e7070;
  position: relative;
  margin: 0;
}
.demarrer .container .step.footer .content div.gris.cols p a,
.demarrer .container .step.vous .content div.gris.cols p a,
.demarrer .container .step.histoire .content div.gris.cols p a,
.demarrer .container .step.contrepartie .content div.gris.cols p a,
.demarrer .container .step.basiques .content div.gris.cols p a,
.demarrer .container .step.supprimer .content div.gris.cols p a,
.demarrer .container .step.fin .content div.gris.cols p a,
.demarrer .container .step.compte .content div.gris.cols p a {
  color: #08ada0;
}
.demarrer .container .step.footer .content div.gris.cols p.info,
.demarrer .container .step.vous .content div.gris.cols p.info,
.demarrer .container .step.histoire .content div.gris.cols p.info,
.demarrer .container .step.contrepartie .content div.gris.cols p.info,
.demarrer .container .step.basiques .content div.gris.cols p.info,
.demarrer .container .step.supprimer .content div.gris.cols p.info,
.demarrer .container .step.fin .content div.gris.cols p.info,
.demarrer .container .step.compte .content div.gris.cols p.info {
  padding-left: 45px;
  height: 40px;
}
.demarrer .container .step.footer .content div.gris.cols p.info span,
.demarrer .container .step.vous .content div.gris.cols p.info span,
.demarrer .container .step.histoire .content div.gris.cols p.info span,
.demarrer .container .step.contrepartie .content div.gris.cols p.info span,
.demarrer .container .step.basiques .content div.gris.cols p.info span,
.demarrer .container .step.supprimer .content div.gris.cols p.info span,
.demarrer .container .step.fin .content div.gris.cols p.info span,
.demarrer .container .step.compte .content div.gris.cols p.info span {
  position: absolute;
  left: 0;
  top: 7px;
  height: 26px;
  width: 26px;
  background: url(../img/picto-info.png);
}
.demarrer .container .step.footer .content div.gris.cols label,
.demarrer .container .step.vous .content div.gris.cols label,
.demarrer .container .step.histoire .content div.gris.cols label,
.demarrer .container .step.contrepartie .content div.gris.cols label,
.demarrer .container .step.basiques .content div.gris.cols label,
.demarrer .container .step.supprimer .content div.gris.cols label,
.demarrer .container .step.fin .content div.gris.cols label,
.demarrer .container .step.compte .content div.gris.cols label {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-weight: bold;
  font-size: 17px;
  color: #2F313C;
  cursor: pointer;
  margin-bottom: 14px;
  display: block;
}
.demarrer .container .step.footer .content div.gris.cols label.long,
.demarrer .container .step.vous .content div.gris.cols label.long,
.demarrer .container .step.histoire .content div.gris.cols label.long,
.demarrer .container .step.contrepartie .content div.gris.cols label.long,
.demarrer .container .step.basiques .content div.gris.cols label.long,
.demarrer .container .step.supprimer .content div.gris.cols label.long,
.demarrer .container .step.fin .content div.gris.cols label.long,
.demarrer .container .step.compte .content div.gris.cols label.long {
  height: auto;
  line-height: normal;
}
.demarrer .container .step.footer .content div.gris.cols input,
.demarrer .container .step.vous .content div.gris.cols input,
.demarrer .container .step.histoire .content div.gris.cols input,
.demarrer .container .step.contrepartie .content div.gris.cols input,
.demarrer .container .step.basiques .content div.gris.cols input,
.demarrer .container .step.supprimer .content div.gris.cols input,
.demarrer .container .step.fin .content div.gris.cols input,
.demarrer .container .step.compte .content div.gris.cols input {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: none;
  height: 40px;
  line-height: 40px;
  color: #2F313C;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 14px;
  padding: 0 10px;
  margin-bottom: 14px;
}
.demarrer .container .step.footer .content div.gris.cols.association,
.demarrer .container .step.vous .content div.gris.cols.association,
.demarrer .container .step.histoire .content div.gris.cols.association,
.demarrer .container .step.contrepartie .content div.gris.cols.association,
.demarrer .container .step.basiques .content div.gris.cols.association,
.demarrer .container .step.supprimer .content div.gris.cols.association,
.demarrer .container .step.fin .content div.gris.cols.association,
.demarrer .container .step.compte .content div.gris.cols.association {
  margin-top: 1px;
}
.demarrer .container .step.footer .content div.gris.label,
.demarrer .container .step.vous .content div.gris.label,
.demarrer .container .step.histoire .content div.gris.label,
.demarrer .container .step.contrepartie .content div.gris.label,
.demarrer .container .step.basiques .content div.gris.label,
.demarrer .container .step.supprimer .content div.gris.label,
.demarrer .container .step.fin .content div.gris.label,
.demarrer .container .step.compte .content div.gris.label {
  padding-bottom: 0;
}
.demarrer .container .step.footer .content div.gris.label > label,
.demarrer .container .step.vous .content div.gris.label > label,
.demarrer .container .step.histoire .content div.gris.label > label,
.demarrer .container .step.contrepartie .content div.gris.label > label,
.demarrer .container .step.basiques .content div.gris.label > label,
.demarrer .container .step.supprimer .content div.gris.label > label,
.demarrer .container .step.fin .content div.gris.label > label,
.demarrer .container .step.compte .content div.gris.label > label {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-weight: bold;
  font-size: 17px;
  color: #2F313C;
  cursor: pointer;
  margin-bottom: 14px;
  display: block;
  margin: 0;
}
.demarrer .container .step.footer .content .contrepartie,
.demarrer .container .step.vous .content .contrepartie,
.demarrer .container .step.histoire .content .contrepartie,
.demarrer .container .step.contrepartie .content .contrepartie,
.demarrer .container .step.basiques .content .contrepartie,
.demarrer .container .step.supprimer .content .contrepartie,
.demarrer .container .step.fin .content .contrepartie,
.demarrer .container .step.compte .content .contrepartie {
  background: none;
  float: left;
  margin-right: 20px;
  border-top: none;
  padding: 0;
  position: relative;
}
.demarrer .container .step.footer .content .contrepartie:nth-child(even),
.demarrer .container .step.vous .content .contrepartie:nth-child(even),
.demarrer .container .step.histoire .content .contrepartie:nth-child(even),
.demarrer .container .step.contrepartie .content .contrepartie:nth-child(even),
.demarrer .container .step.basiques .content .contrepartie:nth-child(even),
.demarrer .container .step.supprimer .content .contrepartie:nth-child(even),
.demarrer .container .step.fin .content .contrepartie:nth-child(even),
.demarrer .container .step.compte .content .contrepartie:nth-child(even) {
  margin-right: 0;
}
.demarrer .container .step.footer .content .contrepartie h2,
.demarrer .container .step.vous .content .contrepartie h2,
.demarrer .container .step.histoire .content .contrepartie h2,
.demarrer .container .step.contrepartie .content .contrepartie h2,
.demarrer .container .step.basiques .content .contrepartie h2,
.demarrer .container .step.supprimer .content .contrepartie h2,
.demarrer .container .step.fin .content .contrepartie h2,
.demarrer .container .step.compte .content .contrepartie h2 {
  float: left;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 23px;
  color: #2F313C;
  margin: 0;
  line-height: 55px;
}
.demarrer .container .step.footer .content .contrepartie > span,
.demarrer .container .step.vous .content .contrepartie > span,
.demarrer .container .step.histoire .content .contrepartie > span,
.demarrer .container .step.contrepartie .content .contrepartie > span,
.demarrer .container .step.basiques .content .contrepartie > span,
.demarrer .container .step.supprimer .content .contrepartie > span,
.demarrer .container .step.fin .content .contrepartie > span,
.demarrer .container .step.compte .content .contrepartie > span {
  cursor: pointer;
  position: relative;
  float: right;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 45px;
  padding-top: 10px;
  padding-left: 20px;
}
.demarrer .container .step.footer .content .contrepartie > span i,
.demarrer .container .step.vous .content .contrepartie > span i,
.demarrer .container .step.histoire .content .contrepartie > span i,
.demarrer .container .step.contrepartie .content .contrepartie > span i,
.demarrer .container .step.basiques .content .contrepartie > span i,
.demarrer .container .step.supprimer .content .contrepartie > span i,
.demarrer .container .step.fin .content .contrepartie > span i,
.demarrer .container .step.compte .content .contrepartie > span i {
  text-transform: none;
  /* font-family: "petala-pro"; */
  font-weight: 700;
  font-style: normal;
}
.demarrer .container .step.footer .content .contrepartie > span span,
.demarrer .container .step.vous .content .contrepartie > span span,
.demarrer .container .step.histoire .content .contrepartie > span span,
.demarrer .container .step.contrepartie .content .contrepartie > span span,
.demarrer .container .step.basiques .content .contrepartie > span span,
.demarrer .container .step.supprimer .content .contrepartie > span span,
.demarrer .container .step.fin .content .contrepartie > span span,
.demarrer .container .step.compte .content .contrepartie > span span {
  position: absolute;
  left: 0;
  top: 28px;
  width: 11px;
  height: 11px;
  background: url(../img/sprite-admin.png) -32px -2px no-repeat;
}
.demarrer .container .step.footer .content .contrepartie .inner,
.demarrer .container .step.vous .content .contrepartie .inner,
.demarrer .container .step.histoire .content .contrepartie .inner,
.demarrer .container .step.contrepartie .content .contrepartie .inner,
.demarrer .container .step.basiques .content .contrepartie .inner,
.demarrer .container .step.supprimer .content .contrepartie .inner,
.demarrer .container .step.fin .content .contrepartie .inner,
.demarrer .container .step.compte .content .contrepartie .inner {
  width: 362px;
  background: #C1D5D6;
  clear: both;
  height: 470px;
  padding: 20px 24px;
}
.demarrer .container .step.footer .content .contrepartie .inner > div,
.demarrer .container .step.vous .content .contrepartie .inner > div,
.demarrer .container .step.histoire .content .contrepartie .inner > div,
.demarrer .container .step.contrepartie .content .contrepartie .inner > div,
.demarrer .container .step.basiques .content .contrepartie .inner > div,
.demarrer .container .step.supprimer .content .contrepartie .inner > div,
.demarrer .container .step.fin .content .contrepartie .inner > div,
.demarrer .container .step.compte .content .contrepartie .inner > div {
  float: left;
}
.demarrer .container .step.footer .content .contrepartie .inner > div label,
.demarrer .container .step.vous .content .contrepartie .inner > div label,
.demarrer .container .step.histoire .content .contrepartie .inner > div label,
.demarrer .container .step.contrepartie .content .contrepartie .inner > div label,
.demarrer .container .step.basiques .content .contrepartie .inner > div label,
.demarrer .container .step.supprimer .content .contrepartie .inner > div label,
.demarrer .container .step.fin .content .contrepartie .inner > div label,
.demarrer .container .step.compte .content .contrepartie .inner > div label {
  display: block;
  height: 29px;
  color: #2F313C;
}
.demarrer .container .step.footer .content .contrepartie .inner > div input[type="text"],
.demarrer .container .step.vous .content .contrepartie .inner > div input[type="text"],
.demarrer .container .step.histoire .content .contrepartie .inner > div input[type="text"],
.demarrer .container .step.contrepartie .content .contrepartie .inner > div input[type="text"],
.demarrer .container .step.basiques .content .contrepartie .inner > div input[type="text"],
.demarrer .container .step.supprimer .content .contrepartie .inner > div input[type="text"],
.demarrer .container .step.fin .content .contrepartie .inner > div input[type="text"],
.demarrer .container .step.compte .content .contrepartie .inner > div input[type="text"] {
  border: none;
  height: 40px;
  line-height: 40px;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 20px;
  color: #2F313C;
}
.demarrer .container .step.footer .content .contrepartie .inner > div.titre,
.demarrer .container .step.vous .content .contrepartie .inner > div.titre,
.demarrer .container .step.histoire .content .contrepartie .inner > div.titre,
.demarrer .container .step.contrepartie .content .contrepartie .inner > div.titre,
.demarrer .container .step.basiques .content .contrepartie .inner > div.titre,
.demarrer .container .step.supprimer .content .contrepartie .inner > div.titre,
.demarrer .container .step.fin .content .contrepartie .inner > div.titre,
.demarrer .container .step.compte .content .contrepartie .inner > div.titre {
  width: 100%;
  clear: both;
  margin-bottom: 10px;
}
.demarrer .container .step.footer .content .contrepartie .inner > div.titre input,
.demarrer .container .step.vous .content .contrepartie .inner > div.titre input,
.demarrer .container .step.histoire .content .contrepartie .inner > div.titre input,
.demarrer .container .step.contrepartie .content .contrepartie .inner > div.titre input,
.demarrer .container .step.basiques .content .contrepartie .inner > div.titre input,
.demarrer .container .step.supprimer .content .contrepartie .inner > div.titre input,
.demarrer .container .step.fin .content .contrepartie .inner > div.titre input,
.demarrer .container .step.compte .content .contrepartie .inner > div.titre input {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  font-size: 16px;
}
.demarrer .container .step.footer .content .contrepartie .inner > div.montant,
.demarrer .container .step.vous .content .contrepartie .inner > div.montant,
.demarrer .container .step.histoire .content .contrepartie .inner > div.montant,
.demarrer .container .step.contrepartie .content .contrepartie .inner > div.montant,
.demarrer .container .step.basiques .content .contrepartie .inner > div.montant,
.demarrer .container .step.supprimer .content .contrepartie .inner > div.montant,
.demarrer .container .step.fin .content .contrepartie .inner > div.montant,
.demarrer .container .step.compte .content .contrepartie .inner > div.montant {
  width: 146px;
  margin: 10px 0;
}
.demarrer .container .step.footer .content .contrepartie .inner > div.montant .field,
.demarrer .container .step.vous .content .contrepartie .inner > div.montant .field,
.demarrer .container .step.histoire .content .contrepartie .inner > div.montant .field,
.demarrer .container .step.contrepartie .content .contrepartie .inner > div.montant .field,
.demarrer .container .step.basiques .content .contrepartie .inner > div.montant .field,
.demarrer .container .step.supprimer .content .contrepartie .inner > div.montant .field,
.demarrer .container .step.fin .content .contrepartie .inner > div.montant .field,
.demarrer .container .step.compte .content .contrepartie .inner > div.montant .field {
  position: relative;
}
.demarrer .container .step.footer .content .contrepartie .inner > div.montant .field input,
.demarrer .container .step.vous .content .contrepartie .inner > div.montant .field input,
.demarrer .container .step.histoire .content .contrepartie .inner > div.montant .field input,
.demarrer .container .step.contrepartie .content .contrepartie .inner > div.montant .field input,
.demarrer .container .step.basiques .content .contrepartie .inner > div.montant .field input,
.demarrer .container .step.supprimer .content .contrepartie .inner > div.montant .field input,
.demarrer .container .step.fin .content .contrepartie .inner > div.montant .field input,
.demarrer .container .step.compte .content .contrepartie .inner > div.montant .field input {
  padding: 0 33px 0 15px;
  text-align: right;
  width: 98px;
}
.demarrer .container .step.footer .content .contrepartie .inner > div.montant .field .euro,
.demarrer .container .step.vous .content .contrepartie .inner > div.montant .field .euro,
.demarrer .container .step.histoire .content .contrepartie .inner > div.montant .field .euro,
.demarrer .container .step.contrepartie .content .contrepartie .inner > div.montant .field .euro,
.demarrer .container .step.basiques .content .contrepartie .inner > div.montant .field .euro,
.demarrer .container .step.supprimer .content .contrepartie .inner > div.montant .field .euro,
.demarrer .container .step.fin .content .contrepartie .inner > div.montant .field .euro,
.demarrer .container .step.compte .content .contrepartie .inner > div.montant .field .euro {
  position: absolute;
  right: 0;
  width: 26px;
  text-align: left;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 20px;
  color: #2F313C;
  line-height: 40px;
}
.demarrer .container .step.footer .content .contrepartie .inner > div.quantite,
.demarrer .container .step.vous .content .contrepartie .inner > div.quantite,
.demarrer .container .step.histoire .content .contrepartie .inner > div.quantite,
.demarrer .container .step.contrepartie .content .contrepartie .inner > div.quantite,
.demarrer .container .step.basiques .content .contrepartie .inner > div.quantite,
.demarrer .container .step.supprimer .content .contrepartie .inner > div.quantite,
.demarrer .container .step.fin .content .contrepartie .inner > div.quantite,
.demarrer .container .step.compte .content .contrepartie .inner > div.quantite {
  width: 185px;
  margin-left: 30px;
  margin-top: 10px;
}
.demarrer .container .step.footer .content .contrepartie .inner > div.quantite input[type="checkbox"],
.demarrer .container .step.vous .content .contrepartie .inner > div.quantite input[type="checkbox"],
.demarrer .container .step.histoire .content .contrepartie .inner > div.quantite input[type="checkbox"],
.demarrer .container .step.contrepartie .content .contrepartie .inner > div.quantite input[type="checkbox"],
.demarrer .container .step.basiques .content .contrepartie .inner > div.quantite input[type="checkbox"],
.demarrer .container .step.supprimer .content .contrepartie .inner > div.quantite input[type="checkbox"],
.demarrer .container .step.fin .content .contrepartie .inner > div.quantite input[type="checkbox"],
.demarrer .container .step.compte .content .contrepartie .inner > div.quantite input[type="checkbox"] {
  margin: 2px 7px 0 0;
}
.demarrer .container .step.footer .content .contrepartie .inner > div.quantite input[type="text"],
.demarrer .container .step.vous .content .contrepartie .inner > div.quantite input[type="text"],
.demarrer .container .step.histoire .content .contrepartie .inner > div.quantite input[type="text"],
.demarrer .container .step.contrepartie .content .contrepartie .inner > div.quantite input[type="text"],
.demarrer .container .step.basiques .content .contrepartie .inner > div.quantite input[type="text"],
.demarrer .container .step.supprimer .content .contrepartie .inner > div.quantite input[type="text"],
.demarrer .container .step.fin .content .contrepartie .inner > div.quantite input[type="text"],
.demarrer .container .step.compte .content .contrepartie .inner > div.quantite input[type="text"] {
  height: 0;
  display: block;
  padding: 0 15px 0 15px;
  text-align: right;
  width: 155px;
}
.demarrer .container .step.footer .content .contrepartie .inner > div.description,
.demarrer .container .step.vous .content .contrepartie .inner > div.description,
.demarrer .container .step.histoire .content .contrepartie .inner > div.description,
.demarrer .container .step.contrepartie .content .contrepartie .inner > div.description,
.demarrer .container .step.basiques .content .contrepartie .inner > div.description,
.demarrer .container .step.supprimer .content .contrepartie .inner > div.description,
.demarrer .container .step.fin .content .contrepartie .inner > div.description,
.demarrer .container .step.compte .content .contrepartie .inner > div.description {
  float: none;
  clear: both;
  margin: 10px 0;
}
.demarrer .container .step.footer .content .contrepartie .inner > div.description textarea,
.demarrer .container .step.vous .content .contrepartie .inner > div.description textarea,
.demarrer .container .step.histoire .content .contrepartie .inner > div.description textarea,
.demarrer .container .step.contrepartie .content .contrepartie .inner > div.description textarea,
.demarrer .container .step.basiques .content .contrepartie .inner > div.description textarea,
.demarrer .container .step.supprimer .content .contrepartie .inner > div.description textarea,
.demarrer .container .step.fin .content .contrepartie .inner > div.description textarea,
.demarrer .container .step.compte .content .contrepartie .inner > div.description textarea {
  width: 346px;
  max-width: 346px;
  min-width: 346px;
  padding: 8px;
  height: 72px;
  max-height: 72px;
  min-height: 72px;
  border: none;
  font-size: 12px;
  /* font-family: Arial, Helvetica, sans-serif; */
}
.demarrer .container .step.footer .content .contrepartie .inner > div.datelivraison,
.demarrer .container .step.vous .content .contrepartie .inner > div.datelivraison,
.demarrer .container .step.histoire .content .contrepartie .inner > div.datelivraison,
.demarrer .container .step.contrepartie .content .contrepartie .inner > div.datelivraison,
.demarrer .container .step.basiques .content .contrepartie .inner > div.datelivraison,
.demarrer .container .step.supprimer .content .contrepartie .inner > div.datelivraison,
.demarrer .container .step.fin .content .contrepartie .inner > div.datelivraison,
.demarrer .container .step.compte .content .contrepartie .inner > div.datelivraison {
  width: 100%;
  margin: 0 0 10px 0;
}
.demarrer .container .step.footer .content .contrepartie .inner > div.datelivraison input,
.demarrer .container .step.vous .content .contrepartie .inner > div.datelivraison input,
.demarrer .container .step.histoire .content .contrepartie .inner > div.datelivraison input,
.demarrer .container .step.contrepartie .content .contrepartie .inner > div.datelivraison input,
.demarrer .container .step.basiques .content .contrepartie .inner > div.datelivraison input,
.demarrer .container .step.supprimer .content .contrepartie .inner > div.datelivraison input,
.demarrer .container .step.fin .content .contrepartie .inner > div.datelivraison input,
.demarrer .container .step.compte .content .contrepartie .inner > div.datelivraison input {
  padding: 0 15px 0 15px;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.demarrer .container .step.footer .content .contrepartie .inner > div.modelivraison,
.demarrer .container .step.vous .content .contrepartie .inner > div.modelivraison,
.demarrer .container .step.histoire .content .contrepartie .inner > div.modelivraison,
.demarrer .container .step.contrepartie .content .contrepartie .inner > div.modelivraison,
.demarrer .container .step.basiques .content .contrepartie .inner > div.modelivraison,
.demarrer .container .step.supprimer .content .contrepartie .inner > div.modelivraison,
.demarrer .container .step.fin .content .contrepartie .inner > div.modelivraison,
.demarrer .container .step.compte .content .contrepartie .inner > div.modelivraison {
  width: 100%;
}
.demarrer .container .step.footer .content .contrepartie .inner > div .select,
.demarrer .container .step.vous .content .contrepartie .inner > div .select,
.demarrer .container .step.histoire .content .contrepartie .inner > div .select,
.demarrer .container .step.contrepartie .content .contrepartie .inner > div .select,
.demarrer .container .step.basiques .content .contrepartie .inner > div .select,
.demarrer .container .step.supprimer .content .contrepartie .inner > div .select,
.demarrer .container .step.fin .content .contrepartie .inner > div .select,
.demarrer .container .step.compte .content .contrepartie .inner > div .select {
  position: relative;
  float: left;
  width: 100%;
}
.demarrer .container .step.footer .content .contrepartie .inner > div .select > option.first,
.demarrer .container .step.vous .content .contrepartie .inner > div .select > option.first,
.demarrer .container .step.histoire .content .contrepartie .inner > div .select > option.first,
.demarrer .container .step.contrepartie .content .contrepartie .inner > div .select > option.first,
.demarrer .container .step.basiques .content .contrepartie .inner > div .select > option.first,
.demarrer .container .step.supprimer .content .contrepartie .inner > div .select > option.first,
.demarrer .container .step.fin .content .contrepartie .inner > div .select > option.first,
.demarrer .container .step.compte .content .contrepartie .inner > div .select > option.first {
  color: #CACBBC;
}
.demarrer .container .step.footer .content .contrepartie .inner > div .select select.hasCustomSelect,
.demarrer .container .step.vous .content .contrepartie .inner > div .select select.hasCustomSelect,
.demarrer .container .step.histoire .content .contrepartie .inner > div .select select.hasCustomSelect,
.demarrer .container .step.contrepartie .content .contrepartie .inner > div .select select.hasCustomSelect,
.demarrer .container .step.basiques .content .contrepartie .inner > div .select select.hasCustomSelect,
.demarrer .container .step.supprimer .content .contrepartie .inner > div .select select.hasCustomSelect,
.demarrer .container .step.fin .content .contrepartie .inner > div .select select.hasCustomSelect,
.demarrer .container .step.compte .content .contrepartie .inner > div .select select.hasCustomSelect {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
}
.demarrer .container .step.footer .content .contrepartie .inner > div .select select.hasCustomSelect,
.demarrer .container .step.vous .content .contrepartie .inner > div .select select.hasCustomSelect,
.demarrer .container .step.histoire .content .contrepartie .inner > div .select select.hasCustomSelect,
.demarrer .container .step.contrepartie .content .contrepartie .inner > div .select select.hasCustomSelect,
.demarrer .container .step.basiques .content .contrepartie .inner > div .select select.hasCustomSelect,
.demarrer .container .step.supprimer .content .contrepartie .inner > div .select select.hasCustomSelect,
.demarrer .container .step.fin .content .contrepartie .inner > div .select select.hasCustomSelect,
.demarrer .container .step.compte .content .contrepartie .inner > div .select select.hasCustomSelect,
.demarrer .container .step.footer .content .contrepartie .inner > div .select span.customSelect,
.demarrer .container .step.vous .content .contrepartie .inner > div .select span.customSelect,
.demarrer .container .step.histoire .content .contrepartie .inner > div .select span.customSelect,
.demarrer .container .step.contrepartie .content .contrepartie .inner > div .select span.customSelect,
.demarrer .container .step.basiques .content .contrepartie .inner > div .select span.customSelect,
.demarrer .container .step.supprimer .content .contrepartie .inner > div .select span.customSelect,
.demarrer .container .step.fin .content .contrepartie .inner > div .select span.customSelect,
.demarrer .container .step.compte .content .contrepartie .inner > div .select span.customSelect {
  cursor: pointer;
  height: 40px;
  background: url(../img/select-custom.png) right top #ffffff no-repeat;
  line-height: 36px;
  border: none;
  float: left;
  padding: 0 10px;
  font-size: 14px !important;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
}
.demarrer .container .step.footer .content .contrepartie .inner > div .select select.hasCustomSelect,
.demarrer .container .step.vous .content .contrepartie .inner > div .select select.hasCustomSelect,
.demarrer .container .step.histoire .content .contrepartie .inner > div .select select.hasCustomSelect,
.demarrer .container .step.contrepartie .content .contrepartie .inner > div .select select.hasCustomSelect,
.demarrer .container .step.basiques .content .contrepartie .inner > div .select select.hasCustomSelect,
.demarrer .container .step.supprimer .content .contrepartie .inner > div .select select.hasCustomSelect,
.demarrer .container .step.fin .content .contrepartie .inner > div .select select.hasCustomSelect,
.demarrer .container .step.compte .content .contrepartie .inner > div .select select.hasCustomSelect {
  width: 100%;
  height: 40px;
}
.demarrer .container .step.footer .content .contrepartie .inner cite,
.demarrer .container .step.vous .content .contrepartie .inner cite,
.demarrer .container .step.histoire .content .contrepartie .inner cite,
.demarrer .container .step.contrepartie .content .contrepartie .inner cite,
.demarrer .container .step.basiques .content .contrepartie .inner cite,
.demarrer .container .step.supprimer .content .contrepartie .inner cite,
.demarrer .container .step.fin .content .contrepartie .inner cite,
.demarrer .container .step.compte .content .contrepartie .inner cite {
  font-size: 12px;
  color: #2F313C;
  margin-top: 10px;
  /* font-family: Arial, Helvetica, sans-serif; */
}
.demarrer .container .step.footer .content .contrepartie.new,
.demarrer .container .step.vous .content .contrepartie.new,
.demarrer .container .step.histoire .content .contrepartie.new,
.demarrer .container .step.contrepartie .content .contrepartie.new,
.demarrer .container .step.basiques .content .contrepartie.new,
.demarrer .container .step.supprimer .content .contrepartie.new,
.demarrer .container .step.fin .content .contrepartie.new,
.demarrer .container .step.compte .content .contrepartie.new {
  display: none;
}
.demarrer .container .step.footer .content .add,
.demarrer .container .step.vous .content .add,
.demarrer .container .step.histoire .content .add,
.demarrer .container .step.contrepartie .content .add,
.demarrer .container .step.basiques .content .add,
.demarrer .container .step.supprimer .content .add,
.demarrer .container .step.fin .content .add,
.demarrer .container .step.compte .content .add {
  background: none;
  width: 404px;
  float: left;
  margin: 55px 0 0 0;
  border-top: none;
  height: 504px;
  padding: 0;
  border: 3px solid #C1D5D6;
  position: relative;
}
.demarrer .container .step.footer .content .add span,
.demarrer .container .step.vous .content .add span,
.demarrer .container .step.histoire .content .add span,
.demarrer .container .step.contrepartie .content .add span,
.demarrer .container .step.basiques .content .add span,
.demarrer .container .step.supprimer .content .add span,
.demarrer .container .step.fin .content .add span,
.demarrer .container .step.compte .content .add span {
  width: 234px;
  height: 51px;
  line-height: 51px;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 10px 0;
  border-bottom: 3px solid #C1D4D5;
  position: absolute;
  top: 50%;
  margin-top: -37px;
  left: 50%;
  cursor: pointer;
  margin-left: -117px;
  background: #2F313C;
  color: #FFF;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 19px;
  text-transform: uppercase;
}
.demarrer .container .step.footer .content .add span:hover,
.demarrer .container .step.vous .content .add span:hover,
.demarrer .container .step.histoire .content .add span:hover,
.demarrer .container .step.contrepartie .content .add span:hover,
.demarrer .container .step.basiques .content .add span:hover,
.demarrer .container .step.supprimer .content .add span:hover,
.demarrer .container .step.fin .content .add span:hover,
.demarrer .container .step.compte .content .add span:hover {
  background: #464959;
}
.demarrer .container .step.footer .content #association,
.demarrer .container .step.vous .content #association,
.demarrer .container .step.histoire .content #association,
.demarrer .container .step.contrepartie .content #association,
.demarrer .container .step.basiques .content #association,
.demarrer .container .step.supprimer .content #association,
.demarrer .container .step.fin .content #association,
.demarrer .container .step.compte .content #association {
  display: none;
}
.demarrer .container .step.footer .content #association .upload,
.demarrer .container .step.vous .content #association .upload,
.demarrer .container .step.histoire .content #association .upload,
.demarrer .container .step.contrepartie .content #association .upload,
.demarrer .container .step.basiques .content #association .upload,
.demarrer .container .step.supprimer .content #association .upload,
.demarrer .container .step.fin .content #association .upload,
.demarrer .container .step.compte .content #association .upload {
  width: 100%;
}
.demarrer .container .step.footer .content #association .signature_image,
.demarrer .container .step.vous .content #association .signature_image,
.demarrer .container .step.histoire .content #association .signature_image,
.demarrer .container .step.contrepartie .content #association .signature_image,
.demarrer .container .step.basiques .content #association .signature_image,
.demarrer .container .step.supprimer .content #association .signature_image,
.demarrer .container .step.fin .content #association .signature_image,
.demarrer .container .step.compte .content #association .signature_image {
  width: 100%;
  height: 100%;
  display: block;
}
.demarrer .container .step.footer .content #association .signature_image img,
.demarrer .container .step.vous .content #association .signature_image img,
.demarrer .container .step.histoire .content #association .signature_image img,
.demarrer .container .step.contrepartie .content #association .signature_image img,
.demarrer .container .step.basiques .content #association .signature_image img,
.demarrer .container .step.supprimer .content #association .signature_image img,
.demarrer .container .step.fin .content #association .signature_image img,
.demarrer .container .step.compte .content #association .signature_image img {
  position: absolute;
  margin-left: -95px;
  left: 50%;
  bottom: 0;
}
.demarrer .container .step.footer .content #entreprise,
.demarrer .container .step.vous .content #entreprise,
.demarrer .container .step.histoire .content #entreprise,
.demarrer .container .step.contrepartie .content #entreprise,
.demarrer .container .step.basiques .content #entreprise,
.demarrer .container .step.supprimer .content #entreprise,
.demarrer .container .step.fin .content #entreprise,
.demarrer .container .step.compte .content #entreprise {
  display: none;
}
.demarrer .container .step.footer .content #particulier,
.demarrer .container .step.vous .content #particulier,
.demarrer .container .step.histoire .content #particulier,
.demarrer .container .step.contrepartie .content #particulier,
.demarrer .container .step.basiques .content #particulier,
.demarrer .container .step.supprimer .content #particulier,
.demarrer .container .step.fin .content #particulier,
.demarrer .container .step.compte .content #particulier {
  display: none;
}
.demarrer .container .step.footer .content #selection2,
.demarrer .container .step.vous .content #selection2,
.demarrer .container .step.histoire .content #selection2,
.demarrer .container .step.contrepartie .content #selection2,
.demarrer .container .step.basiques .content #selection2,
.demarrer .container .step.supprimer .content #selection2,
.demarrer .container .step.fin .content #selection2,
.demarrer .container .step.compte .content #selection2 {
  display: none;
}
.demarrer .container .step.footer .content #selection3,
.demarrer .container .step.vous .content #selection3,
.demarrer .container .step.histoire .content #selection3,
.demarrer .container .step.contrepartie .content #selection3,
.demarrer .container .step.basiques .content #selection3,
.demarrer .container .step.supprimer .content #selection3,
.demarrer .container .step.fin .content #selection3,
.demarrer .container .step.compte .content #selection3 {
  display: none;
}
.demarrer .container .step.footer aside,
.demarrer .container .step.vous aside,
.demarrer .container .step.histoire aside,
.demarrer .container .step.contrepartie aside,
.demarrer .container .step.basiques aside,
.demarrer .container .step.supprimer aside,
.demarrer .container .step.fin aside,
.demarrer .container .step.compte aside {
  display: table-cell;
  min-width: 225px;
  padding: 0 20px;
  vertical-align: top;
}
.demarrer .container .step.footer aside > div > a,
.demarrer .container .step.vous aside > div > a,
.demarrer .container .step.histoire aside > div > a,
.demarrer .container .step.contrepartie aside > div > a,
.demarrer .container .step.basiques aside > div > a,
.demarrer .container .step.supprimer aside > div > a,
.demarrer .container .step.fin aside > div > a,
.demarrer .container .step.compte aside > div > a {
  display: block;
  width: 100%;
  padding: 10px 0;
  color: #FFF;
  text-decoration: none;
  margin-top: 55px;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  text-transform: uppercase;
  background: #08ADA0;
}
.demarrer .container .step.footer aside > div > a:hover,
.demarrer .container .step.vous aside > div > a:hover,
.demarrer .container .step.histoire aside > div > a:hover,
.demarrer .container .step.contrepartie aside > div > a:hover,
.demarrer .container .step.basiques aside > div > a:hover,
.demarrer .container .step.supprimer aside > div > a:hover,
.demarrer .container .step.fin aside > div > a:hover,
.demarrer .container .step.compte aside > div > a:hover {
  background: #1BD9CA;
}
.demarrer .container .step.footer aside .fixed,
.demarrer .container .step.vous aside .fixed,
.demarrer .container .step.histoire aside .fixed,
.demarrer .container .step.contrepartie aside .fixed,
.demarrer .container .step.basiques aside .fixed,
.demarrer .container .step.supprimer aside .fixed,
.demarrer .container .step.fin aside .fixed,
.demarrer .container .step.compte aside .fixed {
  position: fixed;
  width: 239px;
  float: left;
  top: 0;
}
.demarrer .container .step.footer aside .fixed > a,
.demarrer .container .step.vous aside .fixed > a,
.demarrer .container .step.histoire aside .fixed > a,
.demarrer .container .step.contrepartie aside .fixed > a,
.demarrer .container .step.basiques aside .fixed > a,
.demarrer .container .step.supprimer aside .fixed > a,
.demarrer .container .step.fin aside .fixed > a,
.demarrer .container .step.compte aside .fixed > a {
  margin-top: 25px;
}
.demarrer .container .step.footer aside .bloc > a,
.demarrer .container .step.vous aside .bloc > a,
.demarrer .container .step.histoire aside .bloc > a,
.demarrer .container .step.contrepartie aside .bloc > a,
.demarrer .container .step.basiques aside .bloc > a,
.demarrer .container .step.supprimer aside .bloc > a,
.demarrer .container .step.fin aside .bloc > a,
.demarrer .container .step.compte aside .bloc > a {
  display: block;
  width: 100%;
  padding: 10px 0;
  color: #FFF;
  text-decoration: none;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  text-transform: uppercase;
  background: #08ADA0;
}
.demarrer .container .step.footer aside .bloc > a:hover,
.demarrer .container .step.vous aside .bloc > a:hover,
.demarrer .container .step.histoire aside .bloc > a:hover,
.demarrer .container .step.contrepartie aside .bloc > a:hover,
.demarrer .container .step.basiques aside .bloc > a:hover,
.demarrer .container .step.supprimer aside .bloc > a:hover,
.demarrer .container .step.fin aside .bloc > a:hover,
.demarrer .container .step.compte aside .bloc > a:hover {
  background: #1BD9CA;
}
.demarrer .container .step.footer aside .bloc.bloc_video a,
.demarrer .container .step.vous aside .bloc.bloc_video a,
.demarrer .container .step.histoire aside .bloc.bloc_video a,
.demarrer .container .step.contrepartie aside .bloc.bloc_video a,
.demarrer .container .step.basiques aside .bloc.bloc_video a,
.demarrer .container .step.supprimer aside .bloc.bloc_video a,
.demarrer .container .step.fin aside .bloc.bloc_video a,
.demarrer .container .step.compte aside .bloc.bloc_video a {
  margin-top: 0;
}
.demarrer .container .step.footer aside .bloc h3,
.demarrer .container .step.vous aside .bloc h3,
.demarrer .container .step.histoire aside .bloc h3,
.demarrer .container .step.contrepartie aside .bloc h3,
.demarrer .container .step.basiques aside .bloc h3,
.demarrer .container .step.supprimer aside .bloc h3,
.demarrer .container .step.fin aside .bloc h3,
.demarrer .container .step.compte aside .bloc h3 {
  font-size: 22px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  margin: 18px 0;
  padding: 0 0 18px;
  color: #2f313c;
  border-bottom: 3px solid #C1D5D6;
}
.demarrer .container .step.footer aside .bloc p,
.demarrer .container .step.vous aside .bloc p,
.demarrer .container .step.histoire aside .bloc p,
.demarrer .container .step.contrepartie aside .bloc p,
.demarrer .container .step.basiques aside .bloc p,
.demarrer .container .step.supprimer aside .bloc p,
.demarrer .container .step.fin aside .bloc p,
.demarrer .container .step.compte aside .bloc p {
  font-size: 14px;
  /* font-family: Arial, Helvetica, sans-serif; */
  margin: 0;
  color: #5e7070;
}
.demarrer .container .step.footer aside .bloc p a,
.demarrer .container .step.vous aside .bloc p a,
.demarrer .container .step.histoire aside .bloc p a,
.demarrer .container .step.contrepartie aside .bloc p a,
.demarrer .container .step.basiques aside .bloc p a,
.demarrer .container .step.supprimer aside .bloc p a,
.demarrer .container .step.fin aside .bloc p a,
.demarrer .container .step.compte aside .bloc p a {
  color: #08ADA0;
}
.demarrer .container .step.footer aside .bloc.first h3,
.demarrer .container .step.vous aside .bloc.first h3,
.demarrer .container .step.histoire aside .bloc.first h3,
.demarrer .container .step.contrepartie aside .bloc.first h3,
.demarrer .container .step.basiques aside .bloc.first h3,
.demarrer .container .step.supprimer aside .bloc.first h3,
.demarrer .container .step.fin aside .bloc.first h3,
.demarrer .container .step.compte aside .bloc.first h3 {
  margin-top: 0;
}
.demarrer .container .step.footer aside .bloc .video,
.demarrer .container .step.vous aside .bloc .video,
.demarrer .container .step.histoire aside .bloc .video,
.demarrer .container .step.contrepartie aside .bloc .video,
.demarrer .container .step.basiques aside .bloc .video,
.demarrer .container .step.supprimer aside .bloc .video,
.demarrer .container .step.fin aside .bloc .video,
.demarrer .container .step.compte aside .bloc .video {
  position: relative;
  background: #C1D5D6;
  height: 150px;
  width: 100%;
}
.demarrer .container .step.footer aside .bloc .video.first,
.demarrer .container .step.vous aside .bloc .video.first,
.demarrer .container .step.histoire aside .bloc .video.first,
.demarrer .container .step.contrepartie aside .bloc .video.first,
.demarrer .container .step.basiques aside .bloc .video.first,
.demarrer .container .step.supprimer aside .bloc .video.first,
.demarrer .container .step.fin aside .bloc .video.first,
.demarrer .container .step.compte aside .bloc .video.first {
  margin-top: 0px;
}
.demarrer .container .step.footer aside .bloc .video > span,
.demarrer .container .step.vous aside .bloc .video > span,
.demarrer .container .step.histoire aside .bloc .video > span,
.demarrer .container .step.contrepartie aside .bloc .video > span,
.demarrer .container .step.basiques aside .bloc .video > span,
.demarrer .container .step.supprimer aside .bloc .video > span,
.demarrer .container .step.fin aside .bloc .video > span,
.demarrer .container .step.compte aside .bloc .video > span {
  position: absolute;
  height: 64px;
  width: 64px;
  top: 50%;
  margin-top: -32px;
  margin-left: -32px;
}
.demarrer .container .step.footer aside .blocProjet,
.demarrer .container .step.vous aside .blocProjet,
.demarrer .container .step.histoire aside .blocProjet,
.demarrer .container .step.contrepartie aside .blocProjet,
.demarrer .container .step.basiques aside .blocProjet,
.demarrer .container .step.supprimer aside .blocProjet,
.demarrer .container .step.fin aside .blocProjet,
.demarrer .container .step.compte aside .blocProjet {
  position: relative;
  width: 220px;
  height: 365px;
  float: left;
  margin-right: 15px;
  padding: 2px 17px 2px 2px;
  border-bottom: 3px solid #C1D4D6;
  background: #FFF;
}
.demarrer .container .step.footer aside .blocProjet:hover,
.demarrer .container .step.vous aside .blocProjet:hover,
.demarrer .container .step.histoire aside .blocProjet:hover,
.demarrer .container .step.contrepartie aside .blocProjet:hover,
.demarrer .container .step.basiques aside .blocProjet:hover,
.demarrer .container .step.supprimer aside .blocProjet:hover,
.demarrer .container .step.fin aside .blocProjet:hover,
.demarrer .container .step.compte aside .blocProjet:hover {
  border-bottom: 3px solid #00AC9F;
}
.demarrer .container .step.footer aside .blocProjet figure,
.demarrer .container .step.vous aside .blocProjet figure,
.demarrer .container .step.histoire aside .blocProjet figure,
.demarrer .container .step.contrepartie aside .blocProjet figure,
.demarrer .container .step.basiques aside .blocProjet figure,
.demarrer .container .step.supprimer aside .blocProjet figure,
.demarrer .container .step.fin aside .blocProjet figure,
.demarrer .container .step.compte aside .blocProjet figure {
  overflow: hidden;
}
.demarrer .container .step.footer aside .blocProjet figure a,
.demarrer .container .step.vous aside .blocProjet figure a,
.demarrer .container .step.histoire aside .blocProjet figure a,
.demarrer .container .step.contrepartie aside .blocProjet figure a,
.demarrer .container .step.basiques aside .blocProjet figure a,
.demarrer .container .step.supprimer aside .blocProjet figure a,
.demarrer .container .step.fin aside .blocProjet figure a,
.demarrer .container .step.compte aside .blocProjet figure a {
  overflow: hidden;
  display: block;
}
.demarrer .container .step.footer aside .blocProjet figure img,
.demarrer .container .step.vous aside .blocProjet figure img,
.demarrer .container .step.histoire aside .blocProjet figure img,
.demarrer .container .step.contrepartie aside .blocProjet figure img,
.demarrer .container .step.basiques aside .blocProjet figure img,
.demarrer .container .step.supprimer aside .blocProjet figure img,
.demarrer .container .step.fin aside .blocProjet figure img,
.demarrer .container .step.compte aside .blocProjet figure img {
  width: 220px;
  display: block;
  height: 148px;
  border-bottom: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.demarrer .container .step.footer aside .blocProjet figure figcaption,
.demarrer .container .step.vous aside .blocProjet figure figcaption,
.demarrer .container .step.histoire aside .blocProjet figure figcaption,
.demarrer .container .step.contrepartie aside .blocProjet figure figcaption,
.demarrer .container .step.basiques aside .blocProjet figure figcaption,
.demarrer .container .step.supprimer aside .blocProjet figure figcaption,
.demarrer .container .step.fin aside .blocProjet figure figcaption,
.demarrer .container .step.compte aside .blocProjet figure figcaption {
  background: #E5EFF0;
  overflow: hidden;
  /* font-family: Arial, Helvetica, sans-serif; */
}
.demarrer .container .step.footer aside .blocProjet figure figcaption .discipline,
.demarrer .container .step.vous aside .blocProjet figure figcaption .discipline,
.demarrer .container .step.histoire aside .blocProjet figure figcaption .discipline,
.demarrer .container .step.contrepartie aside .blocProjet figure figcaption .discipline,
.demarrer .container .step.basiques aside .blocProjet figure figcaption .discipline,
.demarrer .container .step.supprimer aside .blocProjet figure figcaption .discipline,
.demarrer .container .step.fin aside .blocProjet figure figcaption .discipline,
.demarrer .container .step.compte aside .blocProjet figure figcaption .discipline {
  float: left;
  padding: 0 9px;
  line-height: 20px;
  height: 20px;
  font-size: 9px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
}
.demarrer .container .step.footer aside .blocProjet figure figcaption .discipline:hover,
.demarrer .container .step.vous aside .blocProjet figure figcaption .discipline:hover,
.demarrer .container .step.histoire aside .blocProjet figure figcaption .discipline:hover,
.demarrer .container .step.contrepartie aside .blocProjet figure figcaption .discipline:hover,
.demarrer .container .step.basiques aside .blocProjet figure figcaption .discipline:hover,
.demarrer .container .step.supprimer aside .blocProjet figure figcaption .discipline:hover,
.demarrer .container .step.fin aside .blocProjet figure figcaption .discipline:hover,
.demarrer .container .step.compte aside .blocProjet figure figcaption .discipline:hover {
  text-decoration: underline;
}
.demarrer .container .step.footer aside .blocProjet figure,
.demarrer .container .step.vous aside .blocProjet figure,
.demarrer .container .step.histoire aside .blocProjet figure,
.demarrer .container .step.contrepartie aside .blocProjet figure,
.demarrer .container .step.basiques aside .blocProjet figure,
.demarrer .container .step.supprimer aside .blocProjet figure,
.demarrer .container .step.fin aside .blocProjet figure,
.demarrer .container .step.compte aside .blocProjet figure {
  width: 235px;
}
.demarrer .container .step.footer aside .blocProjet figure a.thumb,
.demarrer .container .step.vous aside .blocProjet figure a.thumb,
.demarrer .container .step.histoire aside .blocProjet figure a.thumb,
.demarrer .container .step.contrepartie aside .blocProjet figure a.thumb,
.demarrer .container .step.basiques aside .blocProjet figure a.thumb,
.demarrer .container .step.supprimer aside .blocProjet figure a.thumb,
.demarrer .container .step.fin aside .blocProjet figure a.thumb,
.demarrer .container .step.compte aside .blocProjet figure a.thumb {
  width: 235px;
  height: 136px;
  display: block;
  position: relative;
}
.demarrer .container .step.footer aside .blocProjet figure a.thumb img,
.demarrer .container .step.vous aside .blocProjet figure a.thumb img,
.demarrer .container .step.histoire aside .blocProjet figure a.thumb img,
.demarrer .container .step.contrepartie aside .blocProjet figure a.thumb img,
.demarrer .container .step.basiques aside .blocProjet figure a.thumb img,
.demarrer .container .step.supprimer aside .blocProjet figure a.thumb img,
.demarrer .container .step.fin aside .blocProjet figure a.thumb img,
.demarrer .container .step.compte aside .blocProjet figure a.thumb img {
  width: 100%;
  height: auto;
}
.demarrer .container .step.footer aside .blocProjet figure a.thumb img.loading,
.demarrer .container .step.vous aside .blocProjet figure a.thumb img.loading,
.demarrer .container .step.histoire aside .blocProjet figure a.thumb img.loading,
.demarrer .container .step.contrepartie aside .blocProjet figure a.thumb img.loading,
.demarrer .container .step.basiques aside .blocProjet figure a.thumb img.loading,
.demarrer .container .step.supprimer aside .blocProjet figure a.thumb img.loading,
.demarrer .container .step.fin aside .blocProjet figure a.thumb img.loading,
.demarrer .container .step.compte aside .blocProjet figure a.thumb img.loading {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -16px;
  margin-top: -16px;
}
.demarrer .container .step.footer aside .blocProjet > div,
.demarrer .container .step.vous aside .blocProjet > div,
.demarrer .container .step.histoire aside .blocProjet > div,
.demarrer .container .step.contrepartie aside .blocProjet > div,
.demarrer .container .step.basiques aside .blocProjet > div,
.demarrer .container .step.supprimer aside .blocProjet > div,
.demarrer .container .step.fin aside .blocProjet > div,
.demarrer .container .step.compte aside .blocProjet > div {
  overflow: hidden;
  border-right: 1px solid #E5EFF0;
  height: 163px;
}
.demarrer .container .step.footer aside .blocProjet > div .lieu,
.demarrer .container .step.vous aside .blocProjet > div .lieu,
.demarrer .container .step.histoire aside .blocProjet > div .lieu,
.demarrer .container .step.contrepartie aside .blocProjet > div .lieu,
.demarrer .container .step.basiques aside .blocProjet > div .lieu,
.demarrer .container .step.supprimer aside .blocProjet > div .lieu,
.demarrer .container .step.fin aside .blocProjet > div .lieu,
.demarrer .container .step.compte aside .blocProjet > div .lieu {
  position: absolute;
  padding: 0 0 0 25px;
  width: 195px;
  bottom: 59px;
  background: #E5EFF0;
  color: #739899;
  text-decoration: none;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 11px;
  height: 19px;
  line-height: 19px;
}
.demarrer .container .step.footer aside .blocProjet > div .lieu span,
.demarrer .container .step.vous aside .blocProjet > div .lieu span,
.demarrer .container .step.histoire aside .blocProjet > div .lieu span,
.demarrer .container .step.contrepartie aside .blocProjet > div .lieu span,
.demarrer .container .step.basiques aside .blocProjet > div .lieu span,
.demarrer .container .step.supprimer aside .blocProjet > div .lieu span,
.demarrer .container .step.fin aside .blocProjet > div .lieu span,
.demarrer .container .step.compte aside .blocProjet > div .lieu span {
  position: absolute;
  left: 10px;
  top: 3px;
  width: 8px;
  height: 11px;
  background: url(../img/sprite-produit.png) -40px 0 no-repeat;
}
.demarrer .container .step.footer aside .blocProjet > div .lieu:hover,
.demarrer .container .step.vous aside .blocProjet > div .lieu:hover,
.demarrer .container .step.histoire aside .blocProjet > div .lieu:hover,
.demarrer .container .step.contrepartie aside .blocProjet > div .lieu:hover,
.demarrer .container .step.basiques aside .blocProjet > div .lieu:hover,
.demarrer .container .step.supprimer aside .blocProjet > div .lieu:hover,
.demarrer .container .step.fin aside .blocProjet > div .lieu:hover,
.demarrer .container .step.compte aside .blocProjet > div .lieu:hover {
  text-decoration: underline;
}
.demarrer .container .step.footer aside .blocProjet > div .auteur,
.demarrer .container .step.vous aside .blocProjet > div .auteur,
.demarrer .container .step.histoire aside .blocProjet > div .auteur,
.demarrer .container .step.contrepartie aside .blocProjet > div .auteur,
.demarrer .container .step.basiques aside .blocProjet > div .auteur,
.demarrer .container .step.supprimer aside .blocProjet > div .auteur,
.demarrer .container .step.fin aside .blocProjet > div .auteur,
.demarrer .container .step.compte aside .blocProjet > div .auteur {
  display: block;
  margin: 5px 10px 10px;
  font-size: 11px;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2F313C;
  font-weight: bold;
}
.demarrer .container .step.footer aside .blocProjet > div .auteur a,
.demarrer .container .step.vous aside .blocProjet > div .auteur a,
.demarrer .container .step.histoire aside .blocProjet > div .auteur a,
.demarrer .container .step.contrepartie aside .blocProjet > div .auteur a,
.demarrer .container .step.basiques aside .blocProjet > div .auteur a,
.demarrer .container .step.supprimer aside .blocProjet > div .auteur a,
.demarrer .container .step.fin aside .blocProjet > div .auteur a,
.demarrer .container .step.compte aside .blocProjet > div .auteur a {
  color: #739899;
  text-decoration: none;
}
.demarrer .container .step.footer aside .blocProjet > div .auteur a:hover,
.demarrer .container .step.vous aside .blocProjet > div .auteur a:hover,
.demarrer .container .step.histoire aside .blocProjet > div .auteur a:hover,
.demarrer .container .step.contrepartie aside .blocProjet > div .auteur a:hover,
.demarrer .container .step.basiques aside .blocProjet > div .auteur a:hover,
.demarrer .container .step.supprimer aside .blocProjet > div .auteur a:hover,
.demarrer .container .step.fin aside .blocProjet > div .auteur a:hover,
.demarrer .container .step.compte aside .blocProjet > div .auteur a:hover {
  text-decoration: underline;
}
.demarrer .container .step.footer aside .blocProjet > div h1,
.demarrer .container .step.vous aside .blocProjet > div h1,
.demarrer .container .step.histoire aside .blocProjet > div h1,
.demarrer .container .step.contrepartie aside .blocProjet > div h1,
.demarrer .container .step.basiques aside .blocProjet > div h1,
.demarrer .container .step.supprimer aside .blocProjet > div h1,
.demarrer .container .step.fin aside .blocProjet > div h1,
.demarrer .container .step.compte aside .blocProjet > div h1 {
  /* font-family: "petala-pro"; */
  font-weight: 700;
  font-style: normal;
  font-size: 13px;
  color: #2F313C;
  margin: 10px 10px 0;
  line-height: 1.2em;
  padding: 0;
  text-align: left;
}
.demarrer .container .step.footer aside .blocProjet > div h1 a,
.demarrer .container .step.vous aside .blocProjet > div h1 a,
.demarrer .container .step.histoire aside .blocProjet > div h1 a,
.demarrer .container .step.contrepartie aside .blocProjet > div h1 a,
.demarrer .container .step.basiques aside .blocProjet > div h1 a,
.demarrer .container .step.supprimer aside .blocProjet > div h1 a,
.demarrer .container .step.fin aside .blocProjet > div h1 a,
.demarrer .container .step.compte aside .blocProjet > div h1 a {
  text-decoration: none;
  color: inherit;
}
.demarrer .container .step.footer aside .blocProjet > div p,
.demarrer .container .step.vous aside .blocProjet > div p,
.demarrer .container .step.histoire aside .blocProjet > div p,
.demarrer .container .step.contrepartie aside .blocProjet > div p,
.demarrer .container .step.basiques aside .blocProjet > div p,
.demarrer .container .step.supprimer aside .blocProjet > div p,
.demarrer .container .step.fin aside .blocProjet > div p,
.demarrer .container .step.compte aside .blocProjet > div p {
  font-size: 11px;
  /* font-family: Arial, Helvetica, sans-serif; */
  margin: 0 10px;
  color: #2F313C;
  overflow: hidden;
}
.demarrer .container .step.footer aside .blocProjet > div .infos,
.demarrer .container .step.vous aside .blocProjet > div .infos,
.demarrer .container .step.histoire aside .blocProjet > div .infos,
.demarrer .container .step.contrepartie aside .blocProjet > div .infos,
.demarrer .container .step.basiques aside .blocProjet > div .infos,
.demarrer .container .step.supprimer aside .blocProjet > div .infos,
.demarrer .container .step.fin aside .blocProjet > div .infos,
.demarrer .container .step.compte aside .blocProjet > div .infos {
  position: absolute;
  overflow: hidden;
  margin: 10px 0 0;
  width: 100%;
  bottom: 2px;
}
.demarrer .container .step.footer aside .blocProjet > div .infos > div,
.demarrer .container .step.vous aside .blocProjet > div .infos > div,
.demarrer .container .step.histoire aside .blocProjet > div .infos > div,
.demarrer .container .step.contrepartie aside .blocProjet > div .infos > div,
.demarrer .container .step.basiques aside .blocProjet > div .infos > div,
.demarrer .container .step.supprimer aside .blocProjet > div .infos > div,
.demarrer .container .step.fin aside .blocProjet > div .infos > div,
.demarrer .container .step.compte aside .blocProjet > div .infos > div {
  height: 40px;
  padding: 5px 6px 10px;
  float: left;
  background: #2f313c;
  color: #FFF;
}
.demarrer .container .step.footer aside .blocProjet > div .infos > div > span,
.demarrer .container .step.vous aside .blocProjet > div .infos > div > span,
.demarrer .container .step.histoire aside .blocProjet > div .infos > div > span,
.demarrer .container .step.contrepartie aside .blocProjet > div .infos > div > span,
.demarrer .container .step.basiques aside .blocProjet > div .infos > div > span,
.demarrer .container .step.supprimer aside .blocProjet > div .infos > div > span,
.demarrer .container .step.fin aside .blocProjet > div .infos > div > span,
.demarrer .container .step.compte aside .blocProjet > div .infos > div > span {
  font-size: 11px;
  color: #92999a;
  /* font-family: Arial, Helvetica, sans-serif; */
  display: block;
  text-align: center;
}
.demarrer .container .step.footer aside .blocProjet > div .infos > div > span > span,
.demarrer .container .step.vous aside .blocProjet > div .infos > div > span > span,
.demarrer .container .step.histoire aside .blocProjet > div .infos > div > span > span,
.demarrer .container .step.contrepartie aside .blocProjet > div .infos > div > span > span,
.demarrer .container .step.basiques aside .blocProjet > div .infos > div > span > span,
.demarrer .container .step.supprimer aside .blocProjet > div .infos > div > span > span,
.demarrer .container .step.fin aside .blocProjet > div .infos > div > span > span,
.demarrer .container .step.compte aside .blocProjet > div .infos > div > span > span {
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.demarrer .container .step.footer aside .blocProjet > div .infos > div span:first-child,
.demarrer .container .step.vous aside .blocProjet > div .infos > div span:first-child,
.demarrer .container .step.histoire aside .blocProjet > div .infos > div span:first-child,
.demarrer .container .step.contrepartie aside .blocProjet > div .infos > div span:first-child,
.demarrer .container .step.basiques aside .blocProjet > div .infos > div span:first-child,
.demarrer .container .step.supprimer aside .blocProjet > div .infos > div span:first-child,
.demarrer .container .step.fin aside .blocProjet > div .infos > div span:first-child,
.demarrer .container .step.compte aside .blocProjet > div .infos > div span:first-child {
  font-size: 22px;
  text-align: center;
  color: #FFF;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.demarrer .container .step.footer aside .blocProjet > div .infos .pct,
.demarrer .container .step.vous aside .blocProjet > div .infos .pct,
.demarrer .container .step.histoire aside .blocProjet > div .infos .pct,
.demarrer .container .step.contrepartie aside .blocProjet > div .infos .pct,
.demarrer .container .step.basiques aside .blocProjet > div .infos .pct,
.demarrer .container .step.supprimer aside .blocProjet > div .infos .pct,
.demarrer .container .step.fin aside .blocProjet > div .infos .pct,
.demarrer .container .step.compte aside .blocProjet > div .infos .pct {
  width: 46px;
}
.demarrer .container .step.footer aside .blocProjet > div .infos .collectes,
.demarrer .container .step.vous aside .blocProjet > div .infos .collectes,
.demarrer .container .step.histoire aside .blocProjet > div .infos .collectes,
.demarrer .container .step.contrepartie aside .blocProjet > div .infos .collectes,
.demarrer .container .step.basiques aside .blocProjet > div .infos .collectes,
.demarrer .container .step.supprimer aside .blocProjet > div .infos .collectes,
.demarrer .container .step.fin aside .blocProjet > div .infos .collectes,
.demarrer .container .step.compte aside .blocProjet > div .infos .collectes {
  width: 90px;
  border-left: 1px solid #515758;
  border-right: 1px solid #515758;
}
.demarrer .container .step.footer aside .blocProjet > div .infos .temps,
.demarrer .container .step.vous aside .blocProjet > div .infos .temps,
.demarrer .container .step.histoire aside .blocProjet > div .infos .temps,
.demarrer .container .step.contrepartie aside .blocProjet > div .infos .temps,
.demarrer .container .step.basiques aside .blocProjet > div .infos .temps,
.demarrer .container .step.supprimer aside .blocProjet > div .infos .temps,
.demarrer .container .step.fin aside .blocProjet > div .infos .temps,
.demarrer .container .step.compte aside .blocProjet > div .infos .temps {
  width: 46px;
}
.demarrer .container .step.footer aside .blocProjet .jauge,
.demarrer .container .step.vous aside .blocProjet .jauge,
.demarrer .container .step.histoire aside .blocProjet .jauge,
.demarrer .container .step.contrepartie aside .blocProjet .jauge,
.demarrer .container .step.basiques aside .blocProjet .jauge,
.demarrer .container .step.supprimer aside .blocProjet .jauge,
.demarrer .container .step.fin aside .blocProjet .jauge,
.demarrer .container .step.compte aside .blocProjet .jauge {
  bottom: 2px;
  height: 360px;
  position: absolute;
  right: 4px;
  width: 9px;
  border-right: none;
}
.demarrer .container .step.footer aside .blocProjet .jauge span,
.demarrer .container .step.vous aside .blocProjet .jauge span,
.demarrer .container .step.histoire aside .blocProjet .jauge span,
.demarrer .container .step.contrepartie aside .blocProjet .jauge span,
.demarrer .container .step.basiques aside .blocProjet .jauge span,
.demarrer .container .step.supprimer aside .blocProjet .jauge span,
.demarrer .container .step.fin aside .blocProjet .jauge span,
.demarrer .container .step.compte aside .blocProjet .jauge span {
  width: 9px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.demarrer .container .step.footer aside .blocProjet .trophee,
.demarrer .container .step.vous aside .blocProjet .trophee,
.demarrer .container .step.histoire aside .blocProjet .trophee,
.demarrer .container .step.contrepartie aside .blocProjet .trophee,
.demarrer .container .step.basiques aside .blocProjet .trophee,
.demarrer .container .step.supprimer aside .blocProjet .trophee,
.demarrer .container .step.fin aside .blocProjet .trophee,
.demarrer .container .step.compte aside .blocProjet .trophee {
  width: 17px;
  position: absolute;
  top: 0;
  right: 0;
  height: 24px;
  background: url(../img/tropheev2.png) 0 0px no-repeat #2f313c;
  border-bottom: 1px solid #C1D4D6;
}
.demarrer .container .step.footer aside .blocProjet.finished > div .infos .temps span,
.demarrer .container .step.vous aside .blocProjet.finished > div .infos .temps span,
.demarrer .container .step.histoire aside .blocProjet.finished > div .infos .temps span,
.demarrer .container .step.contrepartie aside .blocProjet.finished > div .infos .temps span,
.demarrer .container .step.basiques aside .blocProjet.finished > div .infos .temps span,
.demarrer .container .step.supprimer aside .blocProjet.finished > div .infos .temps span,
.demarrer .container .step.fin aside .blocProjet.finished > div .infos .temps span,
.demarrer .container .step.compte aside .blocProjet.finished > div .infos .temps span {
  color: #2F313C !important;
}
.demarrer .container .step.footer aside .blocProjet,
.demarrer .container .step.vous aside .blocProjet,
.demarrer .container .step.histoire aside .blocProjet,
.demarrer .container .step.contrepartie aside .blocProjet,
.demarrer .container .step.basiques aside .blocProjet,
.demarrer .container .step.supprimer aside .blocProjet,
.demarrer .container .step.fin aside .blocProjet,
.demarrer .container .step.compte aside .blocProjet {
  margin-right: 0;
  padding: 2px;
  width: 235px;
}
.demarrer .container .step.footer aside .blocProjet figure img,
.demarrer .container .step.vous aside .blocProjet figure img,
.demarrer .container .step.histoire aside .blocProjet figure img,
.demarrer .container .step.contrepartie aside .blocProjet figure img,
.demarrer .container .step.basiques aside .blocProjet figure img,
.demarrer .container .step.supprimer aside .blocProjet figure img,
.demarrer .container .step.fin aside .blocProjet figure img,
.demarrer .container .step.compte aside .blocProjet figure img {
  width: 235px;
}
.demarrer .container .step.footer aside .blocProjet > div,
.demarrer .container .step.vous aside .blocProjet > div,
.demarrer .container .step.histoire aside .blocProjet > div,
.demarrer .container .step.contrepartie aside .blocProjet > div,
.demarrer .container .step.basiques aside .blocProjet > div,
.demarrer .container .step.supprimer aside .blocProjet > div,
.demarrer .container .step.fin aside .blocProjet > div,
.demarrer .container .step.compte aside .blocProjet > div {
  border-right: none;
}
.demarrer .container .step.footer aside .blocProjet > div .infos .collectes,
.demarrer .container .step.vous aside .blocProjet > div .infos .collectes,
.demarrer .container .step.histoire aside .blocProjet > div .infos .collectes,
.demarrer .container .step.contrepartie aside .blocProjet > div .infos .collectes,
.demarrer .container .step.basiques aside .blocProjet > div .infos .collectes,
.demarrer .container .step.supprimer aside .blocProjet > div .infos .collectes,
.demarrer .container .step.fin aside .blocProjet > div .infos .collectes,
.demarrer .container .step.compte aside .blocProjet > div .infos .collectes {
  width: 105px;
}
.demarrer .container .step.footer aside .blocProjet > div .lieu,
.demarrer .container .step.vous aside .blocProjet > div .lieu,
.demarrer .container .step.histoire aside .blocProjet > div .lieu,
.demarrer .container .step.contrepartie aside .blocProjet > div .lieu,
.demarrer .container .step.basiques aside .blocProjet > div .lieu,
.demarrer .container .step.supprimer aside .blocProjet > div .lieu,
.demarrer .container .step.fin aside .blocProjet > div .lieu,
.demarrer .container .step.compte aside .blocProjet > div .lieu {
  width: 210px;
}
.demarrer .container .step.formules {
  max-width: 1100px;
}
.demarrer .container .step.formules .content {
  padding-bottom: 150px;
  margin: 0 140px 0 45px;
}
.demarrer .container .step.formules .content p.suite {
  font-size: 23px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  color: #2f313c;
  margin: 0 0 15px;
}
.demarrer .container .step.formules .content p {
  margin: 10px 0;
  color: #5e7070;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 18px;
}
.demarrer .container .step.formules .content .three {
  overflow: hidden;
  margin: 30px 0;
}
.demarrer .container .step.formules .content .three #start header {
  background: #00ac9f;
}
.demarrer .container .step.formules .content .three #start .hover .pourcent,
.demarrer .container .step.formules .content .three #start .hover .commission {
  color: #00ac9f;
}
.demarrer .container .step.formules .content .three #start ul li {
  color: #00ac9f;
}
.demarrer .container .step.formules .content .three #start.active .bord {
  border-color: #00ac9f;
}
.demarrer .container .step.formules .content .three #standard header {
  background: #F7A824;
}
.demarrer .container .step.formules .content .three #standard header span {
  background-position: -56px 0;
}
.demarrer .container .step.formules .content .three #standard .hover .pourcent,
.demarrer .container .step.formules .content .three #standard .hover .commission {
  color: #F7A824;
}
.demarrer .container .step.formules .content .three #standard ul li {
  color: #F7A824;
}
.demarrer .container .step.formules .content .three #standard.active .bord {
  border-color: #F7A824;
}
.demarrer .container .step.formules .content .three #premium header {
  background: #a2258d;
}
.demarrer .container .step.formules .content .three #premium header span {
  background-position: -112px 0;
}
.demarrer .container .step.formules .content .three #premium .hover .pourcent,
.demarrer .container .step.formules .content .three #premium .hover .commission {
  color: #a2258d;
}
.demarrer .container .step.formules .content .three #premium ul li {
  color: #a2258d;
}
.demarrer .container .step.formules .content .three #premium.active .bord {
  border-color: #a2258d;
}
.demarrer .container .step.formules .content .three > div {
  width: 265px;
  float: left;
  margin-right: 10px;
  cursor: pointer;
  border-bottom: 4px solid #c1d5d6;
}
.demarrer .container .step.formules .content .three > div:hover .bord .intro .hover {
  display: table-cell;
  top: 0px;
}
.demarrer .container .step.formules .content .three > div.active .bord .intro .hover {
  top: 135px;
}
.demarrer .container .step.formules .content .three > div header {
  height: 75px;
  position: relative;
  /* font-family: "petala-pro"; */
  font-weight: 700;
  font-style: normal;
  font-size: 30px;
  color: #FFF;
  padding-left: 20px;
  line-height: 75px;
  text-transform: uppercase;
}
.demarrer .container .step.formules .content .three > div header span {
  position: absolute;
  background: url(../img/formules-cup.png) no-repeat;
  display: block;
  width: 56px;
  height: 53px;
  right: 10px;
  top: 10px;
}
.demarrer .container .step.formules .content .three > div .bord {
  width: 255px;
  border: 5px solid #FFF;
}
.demarrer .container .step.formules .content .three > div .bord .intro {
  position: relative;
  background: #E5EFF0;
  overflow: hidden;
  height: 135px;
  display: table;
  vertical-align: middle;
  width: 100%;
}
.demarrer .container .step.formules .content .three > div .bord .intro p {
  display: table-cell;
  vertical-align: middle;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 19px;
  color: #2F313C;
  margin: 0;
  padding: 20px;
  text-align: center;
}
.demarrer .container .step.formules .content .three > div .bord .intro .hover {
  position: absolute;
  top: 135px;
  display: table-cell;
  left: 0;
  height: 135px;
  background: #2F313C;
  vertical-align: middle;
  width: 100%;
  -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;
}
.demarrer .container .step.formules .content .three > div .bord .intro .hover span.pourcent {
  font-size: 51px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  text-align: center;
  display: block;
  line-height: 51px;
  margin-top: 14px;
}
.demarrer .container .step.formules .content .three > div .bord .intro .hover span.commission {
  font-size: 14px;
  /* font-family: Arial, Helvetica, sans-serif; */
  text-align: center;
  display: block;
}
.demarrer .container .step.formules .content .three > div .bord .intro .hover .choisir {
  color: #FFF;
  text-transform: uppercase;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  text-align: center;
  margin-top: 14px;
  display: block;
}
.demarrer .container .step.formules .content .three > div .bord ul {
  background: #FFF;
  display: table;
  width: 100%;
  margin: 0;
}
.demarrer .container .step.formules .content .three > div .bord ul li {
  display: inline-table;
  width: 100%;
  border-bottom: 1px solid #C1D5D6;
  padding: 10px;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.demarrer .container .step.formules .content .three > div .bord ul li.indispo {
  color: #c2c3c8 !important;
  text-decoration: line-through;
}
.demarrer .container .step.formules .content .three > div .bord ul li:last-child {
  border-bottom: 0;
}
.demarrer .container .step.formules .content > a {
  color: #08ADA0;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
}
.demarrer .container .step.formules .content cite {
  display: block;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 12px;
  color: #99a5a5;
  margin-top: 40px;
}
.demarrer .container .step.compte .gris {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.demarrer .container .step.basiques .content {
  padding-bottom: 0px;
}
.demarrer .container .step.basiques .content .select {
  position: relative;
  float: left;
  margin-left: 15px;
}
.demarrer .container .step.basiques .content .select > option.first {
  color: #CACBBC;
}
.demarrer .container .step.basiques .content .select select.hasCustomSelect {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
  margin-left: 0;
}
.demarrer .container .step.basiques .content .select select.hasCustomSelect,
.demarrer .container .step.basiques .content .select span.customSelect {
  cursor: pointer;
  width: 375px;
  height: 40px;
  background: url(../img/select-custom.png) right top #ffffff no-repeat;
  line-height: 36px;
  border: none;
  float: left;
  padding: 0 10px;
  font-size: 14px !important;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
}
.demarrer .container .step.basiques .content .select select.hasCustomSelect {
  width: 395px;
  height: 40px;
}
.demarrer .container .step.basiques .content .radio {
  width: 355px;
  margin: 4px 0;
}
.demarrer .container .step.basiques .content .radio > input {
  margin-right: 10px;
}
/*
.demarrer .container .step.basiques .content .radio > span,
h2 .info {
  position: absolute;
  right: 8px;
  top: 7px; 
  height: 26px;
  width: 26px;
  background: url(../img/picto-question.png);
}
.demarrer .container .step.basiques .content .radio > span .hover,
h2 .info .hover {
  display: none;
  position: absolute;
  width: 180px;
  background: #555867;
  bottom: 34px;
  right: -16px;
  padding: 10px;
  color: #FFF;
  font-size: 12px;
  /* font-family: Arial, Helvetica, sans-serif; 
}
.demarrer .container .step.basiques .content .radio > span .hover span,
h2 .info .hover span{
  position: absolute;
  bottom: -8px;
  right: 20px;
  border-top: 8px solid #555867;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.demarrer .container .step.basiques .content .radio > span:hover .hover,
h2 .info:hover .hover {
  display: block;
}
*/
.demarrer .container .step.basiques .content .radio input[type="text"] {
  margin: 0;
}
.demarrer .container .step.basiques .content .radio .hide {
  overflow: hidden;
  display: none;
}
.demarrer .container .step.basiques .content .radio .hide input {
  border: 1px solid #2F313C !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-top: 10px !important;
  padding: 0 10px !important;
  width: 110px !important;
}
.demarrer .container .step.basiques .content .radio .hide select {
  margin-left: 0;
}
.demarrer .container .step.basiques .content .radio .hide .select1 {
  position: relative;
  float: left;
  margin: 10px 8px 0 0;
  border: 1px solid #2F313C;
}
.demarrer .container .step.basiques .content .radio .hide .select1 > option.first {
  color: #CACBBC;
}
.demarrer .container .step.basiques .content .radio .hide .select1 select.hasCustomSelect {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
}
.demarrer .container .step.basiques .content .radio .hide .select1 select.hasCustomSelect,
.demarrer .container .step.basiques .content .radio .hide .select1 span.customSelect {
  cursor: pointer;
  width: 73px;
  height: 40px;
  background: url(../img/select-custom.png) right top #ffffff no-repeat;
  line-height: 36px;
  border: none;
  float: left;
  padding: 0 10px;
  font-size: 14px !important;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
}
.demarrer .container .step.basiques .content .radio .hide .select1 select.hasCustomSelect {
  width: 93px;
  height: 40px;
}
.demarrer .container .step.basiques .content .radio .hide .select2 {
  position: relative;
  float: left;
  margin: 10px 8px 0 0;
  border: 1px solid #2F313C;
}
.demarrer .container .step.basiques .content .radio .hide .select2 > option.first {
  color: #CACBBC;
}
.demarrer .container .step.basiques .content .radio .hide .select2 select.hasCustomSelect {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
}
.demarrer .container .step.basiques .content .radio .hide .select2 select.hasCustomSelect,
.demarrer .container .step.basiques .content .radio .hide .select2 span.customSelect {
  cursor: pointer;
  width: 110px;
  height: 40px;
  background: url(../img/select-custom.png) right top #ffffff no-repeat;
  line-height: 36px;
  border: none;
  float: left;
  padding: 0 10px;
  font-size: 14px !important;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
}
.demarrer .container .step.basiques .content .radio .hide .select2 select.hasCustomSelect {
  width: 130px;
  height: 40px;
}
.demarrer .container .step.basiques .content .radio .hide .select3 {
  position: relative;
  float: left;
  margin: 10px 0 0 0;
  border: 1px solid #2F313C;
}
.demarrer .container .step.basiques .content .radio .hide .select3 > option.first {
  color: #CACBBC;
}
.demarrer .container .step.basiques .content .radio .hide .select3 select.hasCustomSelect {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
}
.demarrer .container .step.basiques .content .radio .hide .select3 select.hasCustomSelect,
.demarrer .container .step.basiques .content .radio .hide .select3 span.customSelect {
  cursor: pointer;
  width: 79px;
  height: 40px;
  background: url(../img/select-custom.png) right top #ffffff no-repeat;
  line-height: 36px;
  border: none;
  float: left;
  padding: 0 10px;
  font-size: 14px !important;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
}
.demarrer .container .step.basiques .content .radio .hide .select3 select.hasCustomSelect {
  width: 99px;
  height: 40px;
}
.demarrer .container .step.basiques .content span.objectifs input {
  padding: 0 45px 0 10px !important;
  width: 395px !important;
  margin-top: 0;
  margin-left: 15px;
}
.demarrer .container .step.vous .content,
.demarrer .container .step.histoire .content {
  padding-bottom: 150px;
}
.demarrer .container .step.vous .content div.gris table tr.full input[type="text"],
.demarrer .container .step.histoire .content div.gris table tr.full input[type="text"] {
  width: 100%;
  margin: 0;
}
.demarrer .container .step.vous .content div.gris table td input[type="text"],
.demarrer .container .step.histoire .content div.gris table td input[type="text"] {
  margin-top: 0;
  width: 395px;
  margin-left: 15px;
}
.demarrer .container .step.vous .content div.gris table td .upload,
.demarrer .container .step.histoire .content div.gris table td .upload {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 395px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin-left: 15px;
  padding-left: 25px;
  border-bottom: 3px solid #C1D5D6;
  padding-right: 25px;
  color: #FFF;
  text-align: left !important;
  line-height: 37px !important;
}
.demarrer .container .step.vous .content div.gris table td .upload:hover,
.demarrer .container .step.histoire .content div.gris table td .upload:hover {
  background: #464959;
}
.demarrer .container .step.vous .content div.gris table td .upload input,
.demarrer .container .step.histoire .content div.gris table td .upload input {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  filter: alpha(opacity=0);
}
.demarrer .container .step.vous .content div.gris table td .upload span,
.demarrer .container .step.histoire .content div.gris table td .upload span {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -12px;
  background: url(../img/sprite-demarrer.png);
  height: 24px;
  width: 14px;
}
.demarrer .container .step.vous .content div.gris table td a.fb,
.demarrer .container .step.histoire .content div.gris table td a.fb {
  position: relative;
  display: block;
  margin-left: 15px;
  height: 40px;
  width: 395px;
  line-height: 40px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding-left: 25px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: #3b5998;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
}
.demarrer .container .step.vous .content div.gris table td a.fb:hover,
.demarrer .container .step.histoire .content div.gris table td a.fb:hover {
  background: #5077CC;
}
.demarrer .container .step.vous .content div.gris table td a.fb span,
.demarrer .container .step.histoire .content div.gris table td a.fb span {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -12px;
  background: url(../img/sprite-demarrer.png);
  height: 24px;
  width: 14px;
}
.demarrer .container .step.vous .content div.gris .tinymce_front_big,
.demarrer .container .step.histoire .content div.gris .tinymce_front_big {
  height: 700px;
}
.demarrer .container .step.vous .content div.gris .tinymce_front_medium,
.demarrer .container .step.histoire .content div.gris .tinymce_front_medium {
  height: 400px;
}
.demarrer .container .step.vous .content div.gris input,
.demarrer .container .step.histoire .content div.gris input {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 40px;
  border: 0;
  line-height: 40px;
  font-size: 14px;
  color: #2F313C;
  padding: 0 10px;
  margin-top: 15px;
}
.demarrer .container .step.vous .content div.gris textarea,
.demarrer .container .step.histoire .content div.gris textarea {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 160px;
  max-height: 160px;
  border: 0;
  font-size: 14px;
  color: #2F313C;
  padding: 10px;
}
.demarrer .container .step.vous .content div.gris .web,
.demarrer .container .step.histoire .content div.gris .web {
  margin-top: 14px;
}
.demarrer .container .step.vous .content div.gris .web .first .input input,
.demarrer .container .step.histoire .content div.gris .web .first .input input,
.demarrer .container .step.vous .content div.gris .web .first .button a,
.demarrer .container .step.histoire .content div.gris .web .first .button a {
  margin-top: 0;
}
.demarrer .container .step.vous .content div.gris .web .input input,
.demarrer .container .step.histoire .content div.gris .web .input input {
  border: none;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  margin-left: 0;
  font-size: 14px;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2F313C;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.demarrer .container .step.vous .content div.gris .web .button,
.demarrer .container .step.histoire .content div.gris .web .button {
  width: 208px;
}
.demarrer .container .step.vous .content div.gris .web .button input[type="button"],
.demarrer .container .step.histoire .content div.gris .web .button input[type="button"] {
  width: 193px;
  margin-top: 0 !important;
  padding-left: 15px;
  height: 40px;
  display: block;
  cursor: pointer;
  background: #2F313C;
  color: #FFF;
  font-size: 12px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: none;
  line-height: 40px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
}
.demarrer .container .step.vous .content div.gris .web .button input[type="button"]:hover,
.demarrer .container .step.histoire .content div.gris .web .button input[type="button"]:hover {
  background: #444657;
}
.demarrer .container .step.vous .content div.gris .web .button input[type="button"]#add,
.demarrer .container .step.histoire .content div.gris .web .button input[type="button"]#add {
  position: relative;
}
.demarrer .container .step.vous .content div.gris .web .button input[type="button"]#add span,
.demarrer .container .step.histoire .content div.gris .web .button input[type="button"]#add span {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(../img/sprite-demarrer-lien.png) left top no-repeat;
  right: 9px;
  top: 9px;
}
.demarrer .container .step.vous .content div.gris .web .button input[type="button"].remove,
.demarrer .container .step.histoire .content div.gris .web .button input[type="button"].remove {
  position: relative;
}
.demarrer .container .step.vous .content div.gris .web .button input[type="button"].remove span,
.demarrer .container .step.histoire .content div.gris .web .button input[type="button"].remove span {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(../img/sprite-demarrer-lien.png) -45px top no-repeat;
  right: 9px;
  top: 9px;
}
.demarrer .container .step.vous .content div.gris .web .button input[type="button"].remove,
.demarrer .container .step.histoire .content div.gris .web .button input[type="button"].remove {
  margin-top: 20px !important;
}
.demarrer .container .step.resume header .baseline {
  margin-bottom: 35px;
}
.demarrer .container .step.resume .content {
  padding-bottom: 150px;
}
.demarrer .container .step.resume .content h2 {
  font-size: 23px;
  color: #2F313C;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  margin: 0 0 0 45px;
  line-height: 55px;
}
.demarrer .container .step.resume .content h2.check_big {
  float: left;
  margin-bottom: 30px;
}
.demarrer .container .step.resume .content .regle {
  padding: 20px;
}
.demarrer .container .step.resume .content .regle p {
  margin: 0;
  font-size: 14px;
  color: #5e7070;
}
.demarrer .container .step.apercu {
  padding-bottom: 200px;
}
.demarrer .container .step.apercu header {
  clear: both;
  overflow: hidden;
  width: 1100px;
  margin: 0 auto;
  padding-bottom: 42px;
}
.demarrer .container .step.apercu header div {
  position: relative;
  min-width: 930px;
  max-width: 1200px;
  margin: auto;
}
.demarrer .container .step.apercu header h1 {
  margin-top: 50px;
  font-size: 40px;
  color: #2F313C;
  margin-bottom: 0;
  font-weight: normal;
}
.demarrer .container .step.apercu header h1 a {
  color: #2F313C;
}
.demarrer .container .step.apercu header .baseline {
  color: #8ba6a7;
  font-size: 25px;
  margin: 0;
}
.demarrer .container .step.apercu header .sport {
  float: left;
  height: 25px;
  line-height: 24px;
  padding: 0 8px;
  margin-top: 4px;
  text-transform: uppercase;
  color: #FFF;
  font-size: 16px;
  margin-right: 12px;
}
.demarrer .container .step.apercu .fiche-projet {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 1100px;
  display: table;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: visible;
  background: #FFF;
  padding: 30px;
}
.demarrer .container .step.apercu .fiche-projet .col-left {
  display: table-cell;
  vertical-align: top;
  width: 650px;
  max-width: 650px;
  /*.description div.desc {padding:30px 0 0 0;}*/

}
.demarrer .container .step.apercu .fiche-projet .col-left div.desc {
  color: #2f313c;
  font-size: 16px;
  /* font-family: Arial, Helvetica, sans-serif; */
  line-height: 22px;
}
.demarrer .container .step.apercu .fiche-projet .col-left div.desc img {
  width: 100% !important;
  height: auto !important;
}
.demarrer .container .step.apercu .fiche-projet .col-left .description h1 {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 22px;
  color: #2f313c;
}
.demarrer .container .step.apercu .fiche-projet .col-left .description h2 {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  color: #2f313c;
}
.demarrer .container .step.apercu .fiche-projet .col-left .risques div.desc {
  padding: 0px 0 30px 0;
}
.demarrer .container .step.apercu .fiche-projet .col-left div.video * {
  display: none;
}
.demarrer .container .step.apercu .fiche-projet .col-left div.video iframe {
  width: 655px;
  height: 368px;
  display: block;
}
.demarrer .container .step.apercu .fiche-projet .col-left .risques h1 {
  /* font-family: "petala-pro"; */
  font-weight: 100;
  font-style: normal;
  border-bottom: 3px solid #C1D4D6;
  font-size: 41px;
  color: #2f313c;
  padding-bottom: 10px;
}
.demarrer .container .step.apercu .fiche-projet .col-left .share {
  background: #e5eff0;
  padding: 3px;
  height: 35px;
  margin-top: 5px;
}
.demarrer .container .step.apercu .fiche-projet .col-left .share img {
  float: left;
  margin-right: 10px;
  height: 35px;
  width: 35px;
}
.demarrer .container .step.apercu .fiche-projet .col-left .share div {
  float: left;
  min-width: 70px;
}
.demarrer .container .step.apercu .fiche-projet .col-left .share .fb_iframe_widget span {
  float: left;
  margin-top: 7px;
  display: block;
  margin-right: 15px;
}
.demarrer .container .step.apercu .fiche-projet .col-left .share .twitter-share-button.twitter-tweet-button.twitter-count-none {
  margin-top: 7px;
  float: left;
  margin-right: 15px;
}
.demarrer .container .step.apercu .fiche-projet .col-left .share .mail {
  line-height: 35px;
  font-size: 17px;
  text-decoration: none;
  color: #2f313c;
}
.demarrer .container .step.apercu .fiche-projet .col-left .share .mail:hover {
  text-decoration: underline;
}
.demarrer .container .step.apercu .fiche-projet .col-left p {
  color: #2f313c;
  font-size: 16px;
  /* font-family: Arial, Helvetica, sans-serif; */
  line-height: 22px;
}
.demarrer .container .step.apercu .fiche-projet .col-left a.question {
  display: block;
  float: left;
  -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;
  height: 60px;
  padding: 0 25px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 17px;
  line-height: 60px;
  color: #fff;
  text-decoration: none;
}
.demarrer .container .step.apercu .fiche-projet .col-left a.question:hover {
  background: #2F313C !important;
}
.demarrer .container .step.apercu .fiche-projet .col-left .actu {
  margin-bottom: 20px;
}
.demarrer .container .step.apercu .fiche-projet .col-left .actu header {
  overflow: hidden;
  color: #2f313c;
}
.demarrer .container .step.apercu .fiche-projet .col-left .actu header .numero {
  font-size: 23px;
  height: 30px;
  line-height: 30px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  float: left;
}
.demarrer .container .step.apercu .fiche-projet .col-left .actu header .date {
  font-size: 14px;
  float: right;
  height: 30px;
  line-height: 30px;
}
.demarrer .container .step.apercu .fiche-projet .col-left .actu header h1 {
  font-size: 28px;
  clear: both;
  padding: 10px 0 0;
  margin: 15px 0 0;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  border-top: 2px solid #c1d5d6;
}
.demarrer .container .step.apercu .fiche-projet .col-left .actu header h1 a {
  color: inherit;
  text-decoration: none;
}
.demarrer .container .step.apercu .fiche-projet .col-left .actu header .coms {
  position: relative;
  display: block;
  padding-left: 25px;
  font-size: 14px;
  margin-bottom: 20px;
  height: 20px;
  line-height: 20px;
}
.demarrer .container .step.apercu .fiche-projet .col-left .actu header .coms a {
  color: inherit;
  text-decoration: none;
}
.demarrer .container .step.apercu .fiche-projet .col-left .actu header .coms a:hover {
  text-decoration: underline;
}
.demarrer .container .step.apercu .fiche-projet .col-left .actu header .coms .picto {
  position: absolute;
  left: 0;
  top: 3px;
  width: 17px;
  height: 16px;
  background: url(../img/sprite-projet.png) -80px -40px no-repeat;
}
.demarrer .container .step.apercu .fiche-projet .col-left .actu .inner ul {
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
  list-style: disc outside none;
  padding-left: 20px;
}
.demarrer .container .step.apercu .fiche-projet .col-left.contributions h1 {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  color: #2F313C;
  font-size: 23px;
  padding-bottom: 25px;
  border-bottom: 2px solid #c1d5d6;
  margin: 10px 0 0;
}
.demarrer .container .step.apercu .fiche-projet .col-left.contributions .contributeur {
  padding: 20px 15px;
  border-bottom: 2px solid #c1d5d6;
  overflow: hidden;
}
.demarrer .container .step.apercu .fiche-projet .col-left.contributions .contributeur figure {
  float: left;
  width: 75px;
  height: 75px;
}
.demarrer .container .step.apercu .fiche-projet .col-left.contributions .contributeur figure img {
  width: 75px;
  height: auto;
}
.demarrer .container .step.apercu .fiche-projet .col-left.contributions .contributeur .col1 {
  float: left;
  margin-left: 15px;
  height: 75px;
}
.demarrer .container .step.apercu .fiche-projet .col-left.contributions .contributeur .col1 .nom {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  color: #2F313c;
}
.demarrer .container .step.apercu .fiche-projet .col-left.contributions .contributeur .col1 .nom a {
  color: #2F313c;
}
.demarrer .container .step.apercu .fiche-projet .col-left.contributions .contributeur .col1 .lieu {
  display: block;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #2F313c;
  margin-bottom: 18px;
}
.demarrer .container .step.apercu .fiche-projet .col-left.contributions .contributeur .col1 div {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 14px;
}
.demarrer .container .step.apercu .fiche-projet .col-left.contributions .contributeur .col1 div span {
  color: #00ac9f;
  font-weight: bold;
}
.demarrer .container .step.apercu .fiche-projet .col-left.contributions .contributeur .col1 div .separator {
  color: #c1d5d6;
  font-weight: bold;
  margin: 0 15px;
}
.demarrer .container .step.apercu .fiche-projet .col-left.contributions .contributeur .col2 {
  float: right;
  height: 75px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  text-align: right;
  color: #2F313c;
}
.demarrer .container .step.apercu .fiche-projet .col-left.contributions .contributeur .col2 .montant {
  display: block;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  color: #00ac9f;
  font-size: 23px;
  margin-bottom: 7px;
}
.demarrer .container .step.apercu .fiche-projet .col-left.contributions .contributeur .col2 .date {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 14px;
  display: block;
  font-weight: bold;
}
.demarrer .container .step.apercu .fiche-projet .col-left.contributions .contributeur h1 {
  font-size: 34px;
  padding: 10px 0 0;
  margin: 15px 0 0;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  border-bottom: 2px solid #c1d5d6;
}
.demarrer .container .step.apercu .fiche-projet .col-left .actu-comment header {
  overflow: hidden;
  border-top: 3px solid #C1D5D6;
  border-bottom: 3px solid #C1D5D6;
  padding: 15px 0;
  margin: 15px 0 0;
}
.demarrer .container .step.apercu .fiche-projet .col-left .actu-comment header h2 {
  float: left;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 23px;
  color: #2F313C;
  height: 37px;
  margin: 0;
  padding: 0;
}
.demarrer .container .step.apercu .fiche-projet .col-left .actu-comment header a {
  float: right;
  height: 34px;
  line-height: 34px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  text-transform: uppercase;
  border-bottom: 3px solid #C1D5D6;
  padding: 0 15px;
  background: #00AC9F;
  color: #FFF;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.demarrer .container .step.apercu .fiche-projet .col-left .actu-comment header a:hover {
  background: #0accbc;
}
.demarrer .container .step.apercu .fiche-projet .col-left .comments {
  display: table;
  margin-top: 20px;
}
.demarrer .container .step.apercu .fiche-projet .col-left .comments > figure {
  display: table-cell;
  width: 75px;
}
.demarrer .container .step.apercu .fiche-projet .col-left .comments > figure img {
  width: 75px;
  height: auto;
}
.demarrer .container .step.apercu .fiche-projet .col-left .comments > div {
  display: table-cell;
  padding-left: 20px;
  color: #2f313c;
  vertical-align: top;
}
.demarrer .container .step.apercu .fiche-projet .col-left .comments > div .auteur a {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  padding-right: 10px;
  line-height: 16px;
  color: #2F313c;
}
.demarrer .container .step.apercu .fiche-projet .col-left .comments > div .date {
  border-left: 2px solid #c1d5d6;
  padding-left: 10px;
  line-height: 16px;
  height: 16px;
  font-size: 12px;
  /* font-family: Arial, Helvetica, sans-serif; */
}
.demarrer .container .step.apercu .fiche-projet .col-left .comments > div p {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 15px;
  margin-bottom: 0;
}
.demarrer .container .step.apercu .fiche-projet .col-left .fiche-comment header {
  overflow: hidden;
  border-bottom: 2px solid #C1D5D6;
  padding: 0 0 15px;
}
.demarrer .container .step.apercu .fiche-projet .col-left .fiche-comment header h2 {
  float: left;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 23px;
  color: #2F313C;
  height: 37px;
  margin: 0;
  padding: 0;
}
.demarrer .container .step.apercu .fiche-projet .col-left .fiche-comment header a {
  float: right;
  height: 34px;
  width: 130px;
  text-align: center;
  border-bottom: 3px solid #C1D5D6;
  padding: 0;
  background: #00AC9F;
  color: #FFF;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.demarrer .container .step.apercu .fiche-projet .col-left .fiche-comment header a:hover {
  background: #0accbc;
}
.demarrer .container .step.apercu .fiche-projet .col-left .fiche-comment .write-comment {
  overflow: hidden;
}
.demarrer .container .step.apercu .fiche-projet .col-left .fiche-comment .write-comment textarea {
  border: 10px solid #E5EFF0;
  width: 560px;
  max-width: 560px;
  min-width: 560px;
  height: 100px;
  padding: 20px 20px 30px;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 15px;
  color: #2F313C;
}
.demarrer .container .step.apercu .fiche-projet .col-left .fiche-comment .write-comment button {
  float: right;
  border: none;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  margin-top: 10px;
  vertical-align: middle;
  border-bottom: 3px solid #8d8ea0;
  background: #2F313C;
  line-height: 34px;
  color: #FFF;
  width: 130px;
  height: 37px;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.demarrer .container .step.apercu .fiche-projet .col-left .fiche-comment .write-comment button:hover {
  background: #464959;
}
.demarrer .container .step.apercu .fiche-projet .col-right {
  display: table-cell;
  vertical-align: top;
  min-width: 250px;
  max-width: 250px;
  padding-left: 20px;
}
.demarrer .container .step.apercu .fiche-projet .col-right .chiffres {
  font-size: 14px;
  color: #2f313c;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  border-bottom: 2px solid #C1D5D6;
  padding: 15px 0;
}
.demarrer .container .step.apercu .fiche-projet .col-right .chiffres > span {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 48px;
  display: block;
  line-height: 48px;
}
.demarrer .container .step.apercu .fiche-projet .col-right .chiffres > span span {
  /* font-family: "petala-pro"; */
  font-weight: 100;
  font-style: normal;
}
.demarrer .container .step.apercu .fiche-projet .col-right .chiffres:nth-child(3n) {
  border-bottom: none;
}
.demarrer .container .step.apercu .fiche-projet .col-right .reduc {
  position: relative;
  height: 36px;
  background: #E5EFF0;
  font-size: 14px;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
  line-height: 36px;
  padding-left: 20px;
}
.demarrer .container .step.apercu .fiche-projet .col-right .reduc .info {
  position: absolute;
  right: 5px;
  top: 5px;
  height: 26px;
  line-height: 26px;
  font-size: 22px;
  color: #FFF;
  background: #2F313C;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  text-align: center;
  width: 26px;
  cursor: help;
}
.demarrer .container .step.apercu .fiche-projet .col-right .reduc .info .hover {
  display: none;
  position: absolute;
  width: 350px;
  background: #555867;
  bottom: 40px;
  right: -5px;
  padding: 10px;
  color: #FFF;
  font-size: 12px;
  /* font-family: Arial, Helvetica, sans-serif; */
  line-height: 14px;
  text-align: left;
}
.demarrer .container .step.apercu .fiche-projet .col-right .reduc .info .hover span {
  position: absolute;
  bottom: -8px;
  right: 5px;
  border-top: 8px solid #555867;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.demarrer .container .step.apercu .fiche-projet .col-right .reduc .info:hover .hover {
  display: block;
}
.demarrer .container .step.apercu .fiche-projet .col-right .soutenir {
  position: relative;
  display: block;
  margin: 10px 0;
  padding: 25px 0 25px 20px;
  color: #FFF;
  text-decoration: none;
  font-size: 24px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
}
.demarrer .container .step.apercu .fiche-projet .col-right .soutenir .ombre {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #333;
  opacity: 0.2;
}
.demarrer .container .step.apercu .fiche-projet .col-right .soutenir span {
  display: block;
  color: #2f313c;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-weight: bold;
  font-size: 12px;
}
.demarrer .container .step.apercu .fiche-projet .col-right .soutenir:hover {
  background: #2F313C !important;
}
.demarrer .container .step.apercu .fiche-projet .col-right .soutenir:hover span {
  color: #c1d5d6;
}
.demarrer .container .step.apercu .fiche-projet .col-right .soutenir.bottom {
  margin-top: 30px;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur {
  margin-top: 30px;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur > span {
  display: block;
  font-size: 30px;
  /* font-family: "petala-pro"; */
  font-weight: 100;
  font-style: normal;
  color: #2f313c;
  margin-bottom: 30px;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .profil {
  display: table;
  width: 100%;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .profil > div {
  display: table-cell;
  vertical-align: top;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .profil > div figure {
  width: 75px;
  height: 75px;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .profil > div figure img {
  width: 75px;
  height: 75px;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .profil > div a {
  color: #2f313c;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .profil > div .contacter {
  display: block;
  text-transform: uppercase;
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  /* font-family: Arial, Helvetica, sans-serif; */
  border-top: 1px solid #E5EFF0;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .profil > div:first-child {
  width: 75px;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .profil > div span {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
  display: block;
  margin: 10px 15px 0 15px;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .profil > div span.lieu {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 14px;
  margin: 0 15px;
  font-weight: normal;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur > div {
  position: relative;
  overflow: hidden;
  border-top: 2px solid #FFF;
  background: #E5EFF0;
  color: #2f313c;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .projets {
  margin-bottom: 0;
  width: auto;
  text-align: right;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .projets * {
  height: 35px;
  line-height: 35px;
  /* font-family: Arial, Helvetica, sans-serif; */
  float: right;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .projets .picto {
  float: left;
  width: 22px;
  height: 25px;
  position: absolute;
  left: 11px;
  top: 5px;
  background: url(../img/sprite-projet.png) left top no-repeat;
  opacity: 0.6;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .projets .projet {
  float: left;
  margin-right: 10px;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 14px;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .projets .contribution {
  margin-right: 10px;
  font-size: 14px;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .reseau {
  text-align: right;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .reseau a {
  /* font-family: "petala-pro"; */
  font-weight: 700;
  font-style: normal;
  color: #2f313c;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .reseau a:hover {
  text-decoration: underline;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .reseau * {
  height: 35px;
  line-height: 35px;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 14px;
  float: right;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .reseau .picto {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 10px;
  top: 5px;
  background: url(../img/sprite-projet.png) left -40px no-repeat;
  opacity: 0.6;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .reseau .fb {
  float: left;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .reseau .fans {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .site .picto {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 10px;
  top: 5px;
  background: url(../img/sprite-projet.png) left -80px no-repeat;
  opacity: 0.6;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .site .pictofb {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 10px;
  top: 5px;
  background: url(../img/sprite-projet.png) left -40px no-repeat;
  opacity: 0.6;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .site .pictotw {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 10px;
  top: 5px;
  background: url(../img/sprite-projet.png) left -120px no-repeat;
  opacity: 0.6;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .site a {
  height: 35px;
  line-height: 35px;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 14px;
  float: right;
  color: #2f313c;
  text-decoration: none;
  margin-right: 10px;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .site a:hover {
  text-decoration: underline;
}
.demarrer .container .step.apercu .fiche-projet .col-right .auteur .site a .fb {
  float: left;
}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties {
  margin-top: 30px;
}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties > span {
  display: block;
  font-size: 30px;
  /* font-family: "petala-pro"; */
  font-weight: 100;
  font-style: normal;
  color: #2f313c;
  margin-bottom: 30px;
}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties .prix {
  background: #e5eff0;
  overflow: hidden;
  margin-bottom: 10px;
  /*.info { font-size:12px; margin:0 15px 15px;}*/

}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties .prix .cran {
  display: block;
  height: 35px;
  line-height: 35px;
  color: #FFF;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 19px;
  padding: 0 10px;
  background: #2F313C;
}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties .prix .contributeurs {
  position: relative;
  float: left;
  height: 21px;
  line-height: 21px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  width: 90px;
  font-size: 13px;
  padding-left: 20px;
  margin-left: 15px;
  margin-top: 10px;
  color: #2f313c;
}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties .prix .contributeurs span {
  font-size: 14px;
}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties .prix .contributeurs .picto {
  position: absolute;
  left: 0;
  top: 4px;
  background: url(../img/sprite-projet.png) -40px -40px no-repeat;
  width: 14px;
  height: 13px;
}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties .prix .quantite {
  height: 21px;
  line-height: 21px;
  font-size: 11px;
  font-weight: bold;
  float: right;
  margin-right: 10px;
  padding: 0 10px;
  margin-top: 10px;
}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties .prix .quantite span {
  letter-spacing: -1px;
}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties .prix p {
  clear: both;
  margin: 40px 15px 15px;
  font-size: 14px;
}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties .prix p.reducemargin {
  margin-top: 20px;
}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties .prix .info {
  position: relative;
  float: left;
  padding-left: 28px;
  margin: 0 15px 10px 15px;
  height: 20px;
  line-height: 20px;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 12px;
  color: #2F313C;
  cursor: help;
}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties .prix .info > span {
  position: absolute;
  left: 0;
  top: 2px;
  width: 15px;
  height: 15px;
  background: url(../img/sprite-projet.png) -80px 0 no-repeat;
}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties .prix .info .hover {
  display: none;
  position: absolute;
  width: 200px;
  background: #555867;
  bottom: 30px;
  left: 0;
  padding: 10px;
  color: #FFF;
  font-size: 12px;
  /* font-family: Arial, Helvetica, sans-serif; */
}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties .prix .info .hover span {
  position: absolute;
  bottom: -8px;
  left: 20px;
  border-top: 8px solid #555867;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties .prix .info:hover .hover {
  display: block;
}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties .prix .soutien {
  clear: both;
  /*input { display:block; width:100%; padding:0 15px; -moz-box-sizing:border-box; box-sizing:border-box; border:none; font-size:25px; height:36px; line-height:36px; .petalaLight; margin:10px 0;}*/

}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties .prix .soutien form {
  padding: 0 15px;
  margin-bottom: 15px;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties .prix .soutien div {
  width: 100%;
  position: relative;
  text-align: right;
  margin: 10px 0;
}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties .prix .soutien div input {
  width: 86%;
  padding: 0 10% 0 4%;
  border: none;
  height: 45px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  color: #2F313C;
  font-size: 24px;
  line-height: 45px;
  text-align: right;
}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties .prix .soutien div .euro {
  position: absolute;
  right: 10px;
  top: 0;
  height: 45px;
  width: 20px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  color: #2F313C;
  font-size: 24px;
  line-height: 45px;
}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties .prix .soutien span {
  display: block;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 17px;
  color: #2f313c;
}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties .prix .soutien button {
  display: block;
  color: #FFF;
  text-align: center;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 17px;
  border: none;
  width: 100%;
  height: 40px;
  line-height: 40px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties .prix .soutien button:hover {
  background: #2F313C !important;
}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties .prix:hover {
  background: #c1d5d6;
}
.demarrer .container .step.apercu .fiche-projet .col-right .contreparties .prix:hover form {
  height: 130px !important;
}
.demarrer #duree_appel_don div.hide {
  display: none;
}
.demarrer #duree_appel_don input[type="text"] {
  width: 395px;
  margin-left: 15px;
}
.demarrer section.footer-depot {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 80px;
  display: none;
  background: #00AC9F;
  z-index: 1000;
}
.demarrer section.footer-depot .actions_supp {
  display: block;
  float: left;
  height: 80px;
  width: 300px;
  margin-left: 30px;
}
.demarrer section.footer-depot .actions_supp ul {
  padding: 17px 0;
  margin: 0;
}
.demarrer section.footer-depot .actions_supp li a {
  color: #2f313c;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  position: relative;
  padding-left: 20px;
  text-transform: uppercase;
}
.demarrer section.footer-depot .actions_supp li a span {
  background: url(../img/sprite-admin.png) 0 -30px no-repeat;
  width: 14px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 0px;
}
.demarrer section.footer-depot .actions_supp li a.supp span {
  background-position: -32px -30px;
}
.demarrer .savebtn {
  display: none;
}
.demarrer footer {
  position: relative;
}
.demarrer footer,
.container > footer {
  background: #00ac9f;
  overflow: hidden;
  padding: 0 60px 40px;
  position: relative;
  clear: both;
}
.demarrer footer h3,
.container > footer h3 {
  color: #08665f;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  margin: 15px 0 0;
  padding: 20px 0;
  font-size: 25px;
  border-bottom: 4px solid #34CDC1;
}

.demarrer footer h2,
.container > footer h2 {
  color: #08665f;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  margin: 15px 0 0;
  padding: 20px 0;
  font-size: 25px;
  border-bottom: 4px solid #34CDC1;
}



.demarrer footer > div,
.container > footer > div {
  float: left;
  margin-right: 60px;
  font-size: 15px;
}
.demarrer footer > div.one,
.container > footer > div.one {
  width: 238px;
}
.demarrer footer > div.one form > div,
.container > footer > div.one form > div {
  height: 38px;
  position: relative;
}
.demarrer footer > div.one form,
.container > footer > div.one form {
  position: relative;
  color: #FFF;
}
.demarrer footer > div.one form input[type="text"],
.container > footer > div.one form input[type="text"] {
  width: 183px;
  color: #2F313C;
  padding: 0 40px 0 15px;
  height: 35px;
  line-height: 35px;
  border: none;
  border-bottom: 3px solid #0d7b73;
}
.demarrer footer > div.one form input[type="submit"],
.container > footer > div.one form input[type="submit"] {
  text-indent: -9999em;
  position: absolute;
  right: 0;
  bottom: 3px;
  height: 35px;
  width: 35px;
  border: none;
  background: url(../img/bg-form-button.png) 0 0 no-repeat #0d7b73;
}
.demarrer footer > div.two,
.container > footer > div.two {
  width: 150px;
}
.demarrer footer > div.three,
.container > footer > div.three {
  width: 370px;
}
.demarrer footer > div.three ul li,
.container > footer > div.three ul li {
  width: 50%;
  float: left;
}
.demarrer footer > div.four,
.container > footer > div.four {
  position: absolute;
  right: 60px;
  top: 0;
  margin-right: 0;
  width: 160px;
}
.demarrer footer > div.four .logo,
.container > footer > div.four .logo {
  display: block;
  margin-top: 40px;
  background: url(../img/logo-footer.png) 0 4px no-repeat;
  width: 160px;
  height: 58px;
}
.demarrer footer > div a,
.container > footer > div a {
  color: #45e0d4;
  text-decoration: none;
}
.demarrer footer > div a:hover,
.container > footer > div a:hover {
  text-decoration: underline;
}
.projet .container {
  background-image: none;
}
.projet .content {
  max-width: 1100px;
  margin: auto;
  float: none;
  padding-right: 140px;
}
.projet footer > div.four {
  right: 150px;
}
.admin.projet .content {
  display: table;
  max-width: 1100px;
  padding-left: 60px;
}
.admin.projet .content section {
  display: table-cell;
  min-width: 600px;
}
.admin.projet .content section h2 {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 23px;
  color: #2F313C;
}
.admin.projet .content section > div {
  background: #d3e2e3;
 
 
  padding: 20px;
}
.admin.projet .content section > div table th {
  text-align: left;
  padding-top: 15px;
}
.admin.projet .content section > div table td > div {
  position: relative;
}
.admin.projet .content section > div table p,
.admin.projet .content section > div table input {
  margin: 0;
  font-size: 14px;
  color: #5e7070;
  /* font-family: Arial, Helvetica, sans-serif; */
}
.admin.projet .content section > div table .compteur {
  position: absolute;
  width: 90px;
  height: 40px;
  line-height: 40px;
  right: 0;
  bottom: 0;
  color: #2f313c;
  text-align: center;
}
.admin.projet .content section > div table input[type="text"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  border: none;
  height: 40px;
  padding: 0 20px 0 20px;
  margin-top: 20px;
}
.admin.projet .content section > div table select {
  width: 355px;
  height: 45px;
  padding: 12px 0 12px 20px;
  color: #2f313c;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 14px;
  margin-left: 20px;
}
.admin.projet .content section > div table textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  padding: 10px;
  border: none;
  height: 160px;
  margin-top: 20px;
  font-size: 14px;
  color: #5e7070;
  /* font-family: Arial, Helvetica, sans-serif; */
}
.admin.projet .content section > div table .radio {
  position: relative;
  background: #FFF;
  padding: 7px 7px 7px 20px;
}
.admin.projet .content section > div table .radio label,
.admin.projet .content section > div table .radio input {
  line-height: 26px;
}
.admin.projet .content section > div table .radio label {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 17px;
  font-weight: bold;
  color: #2f313c;
}
.admin.projet .content section > div table .upload {
  position: relative;
  width: 183px;
  margin-left: 15px;
  background: #2f313c;
  color: #FFF;
  text-align: center;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
}
.admin.projet .content section > div table .upload input {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  filter: alpha(opacity=0);
}
.admin.projet .content section .wp-editor-wrap {
  margin-top: 20px;
}
.admin.projet .content section .tinymce_front_big {
  height: 700px;
}
.admin.projet .content section .tinymce_front_medium {
  height: 400px;
}
.admin.projet .content section .contrepartie {
  background: none;
}
.admin.projet .content section .contrepartie h2 {
  float: left;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 23px;
  color: #2F313C;
  margin: 0;
}
.admin.projet .content section .contrepartie > span {
  float: right;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  text-transform: uppercase;
  padding-left: 20px;
}
.admin.projet .content section .contrepartie .inner {
  background: #d3e2e3;
  clear: both;
}
.admin.projet .content section .annuler,
.admin.projet .content section .valider {
  width: 192px;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: 42px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 19px;
  height: 50px;
  border: none;
  border-bottom: 3px solid #C1D5D6;
  text-align: center;
  line-height: 50px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.admin.projet .content section .annuler {
  float: left;
  background: #E5312A;
}
.admin.projet .content section .annuler:hover {
  background: #fb473f;
}
.admin.projet .content section .valider {
  float: right;
  background: #08ada0;
}
.admin.projet .content section .valider:hover {
  background: #1cdacb;
}
.admin.projet .content form#virement input,
.admin.projet .content form#virement textarea {
  margin-top: 0 !important;
}
.admin.projet .content aside {
  display: table-cell;
  width: 239px;
  padding: 0 20px;
}
.admin.projet .content aside h3 {
  font-size: 22px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  margin: 18px 0;
  padding-bottom: 18px;
  color: #2f313c;
  border-bottom: 3px solid #C1D5D6;
}
.admin.projet .content aside .blocProjet {
  margin-right: 0;
}
.home.page .content {
  float: none;
  max-width: none;
  padding-left: 0;
  padding-bottom: 0;
}
.home.page .content .tabs,
.home.page .content #tabs {
  min-width: none;
  max-width: none;
  margin: auto;
}
.home.page .content .tabs .menu,
.home.page .content #tabs .menu {
  width: 735px;
  margin: 0 auto 35px;
  border-bottom: 0;
}
.home.page .content .tabs > ul li a,
.home.page .content #tabs > ul li a {
  padding: 0;
  font-weight: 400;
  line-height: 30px;
}
.home.page .content .tabs > ul li.ui-tabs-active,
.home.page .content #tabs > ul li.ui-tabs-active {
  background: #FFF;
}
.user .container,
.fiche-partenaire .container {
  background-image: url(../img/bg-header-user.png);
  overflow: hidden;
}
.user .container header,
.fiche-partenaire .container header {
  padding-top: 60px;
}
.user .container header > div,
.fiche-partenaire .container header > div {
  position: relative;
}
.user .container header > div div.edit,
.fiche-partenaire .container header > div div.edit {
  position: absolute;
  top: 10px;
  right: 0;
}
.user .container header > div div.edit a,
.fiche-partenaire .container header > div div.edit a {
  position: relative;
  z-index: 2;
  float: right;
  padding-left: 25px;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #2F313C;
  height: 23px;
  line-height: 23px;
}
.user .container header > div div.edit a:hover,
.fiche-partenaire .container header > div div.edit a:hover {
  text-decoration: underline;
}
.user .container header > div div.edit a.edit span,
.fiche-partenaire .container header > div div.edit a.edit span {
  background: url(../img/sprite-admin.png) left top no-repeat;
  width: 14px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 3px;
}
.user .container header > div div.edit a.logout,
.fiche-partenaire .container header > div div.edit a.logout {
  margin-left: 30px;
}
.user .container header > div div.edit a.logout span,
.fiche-partenaire .container header > div div.edit a.logout span {
  background: url(../img/sprite-admin.png) -30px top no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 3px;
}
.user .container header > div > .infos,
.fiche-partenaire .container header > div > .infos {
  display: table-cell;
  vertical-align: top;
  padding-left: 20px;
  min-width: initial;
}
.user .container header > div > .infos h1,
.fiche-partenaire .container header > div > .infos h1 {
  margin-top: 0;
  font-size: 28px;
  margin-bottom: 10px;
}
.user .container header > div > .infos > span,
.fiche-partenaire .container header > div > .infos > span {
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  float: left;
  height: 23px;
  line-height: 23px;
  border-right: 2px solid #C1D5D6;
  padding: 0 25px;
}
.user .container header > div > .infos > span span,
.fiche-partenaire .container header > div > .infos > span span {
  color: #00AC9F;
  font-weight: bold;
}
.user .container header > div > .infos .projets,
.fiche-partenaire .container header > div > .infos .projets {
  padding-left: 0;
}
.user .container header > div > .infos .dateinscription,
.fiche-partenaire .container header > div > .infos .dateinscription {
  border-right: none;
}
.user .container header > div > .infos p,
.fiche-partenaire .container header > div > .infos p {
  clear: both;
  padding-top: 20px;
  margin-top: 0;
  overflow: hidden;
  /*height:115px;*/
}
.user .container header > div > .infos .web,
.fiche-partenaire .container header > div > .infos .web {
  padding-left: 0;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 23px;
  color: #2F313C;
  border-right: none;
}
.user .container header > div > .infos .web a,
.fiche-partenaire .container header > div > .infos .web a {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  height: 23px;
  padding: 0 10px;
  color: #2F313C;
  display: inline-block;
  border-right: 2px solid #C1D5D6;
  height: 25px;
}
.user .container header > div > .infos .web a:hover,
.fiche-partenaire .container header > div > .infos .web a:hover {
  text-decoration: underline;
}
.user .container header > div > .infos .web a:last-child,
.fiche-partenaire .container header > div > .infos .web a:last-child {
  border-right: none;
}
.user .container header > div > figure,
.fiche-partenaire .container header > div > figure {
  display: table-cell;
  width: 220px;
}
.user .container header > div > figure img,
.fiche-partenaire .container header > div > figure img {
  border: 10px solid #FFF;
  display: block;
  width: 200px;
  height: 200px;
}
.user .container header > div > figure figcaption,
.fiche-partenaire .container header > div > figure figcaption {
  position: relative;
  background: #FFF;
  margin-top: 3px;
  padding-left: 45px;
  height: 35px;
  line-height: 35px;
  border-bottom: 3px solid #C1D5D6;
  font-size: 14px;
  /* font-family: Arial, Helvetica, sans-serif; */
}
.user .container header > div > figure figcaption a,
.fiche-partenaire .container header > div > figure figcaption a {
  color: inherit;
  text-decoration: none;
  color: #2F313C;
}
.user .container header > div > figure figcaption a:hover,
.fiche-partenaire .container header > div > figure figcaption a:hover {
  text-decoration: underline;
}
.user .container header > div > figure figcaption span,
.fiche-partenaire .container header > div > figure figcaption span {
  position: absolute;
  background-image: url(../img/fb-on.png);
  background-size: cover;
  width: 25px;
  height: 25px;
  left: 10px;
  top: 5px;
}
.user .container .content,
.fiche-partenaire .container .content {
  min-width: 980px;
}
.user .container .content .tabs > div,
.fiche-partenaire .container .content .tabs > div {
  background: #FFF;
  padding: 30px;
}
.user .container .content .tabs > div > div,
.fiche-partenaire .container .content .tabs > div > div {
  margin-bottom: 0 !important;
}
.user .container .content .tabs > div > div .empty,
.fiche-partenaire .container .content .tabs > div > div .empty {
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 23px;
  color: #2f313c;
  text-align: center;
}
.user .container .content .tabs > div > div .empty p,
.fiche-partenaire .container .content .tabs > div > div .empty p {
  margin: 0;
}
.user .container .content .tabs > div > div .empty a,
.fiche-partenaire .container .content .tabs > div > div .empty a {
  display: block;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin: 30px auto 0;
  height: 56px;
  width: 262px;
  line-height: 56px;
  text-decoration: none;
  background: #00AC9F;
  border-bottom: 3px solid #C1D5D6;
  color: #FFF;
  font-size: 19px;
  text-transform: uppercase;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
}
.user .container .content .tabs > div > div .empty a:hover,
.fiche-partenaire .container .content .tabs > div > div .empty a:hover {
  background: #0accbc;
}
.user .container .content .tabs > div > div > p,
.fiche-partenaire .container .content .tabs > div > div > p {
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 23px;
  color: #2f313c;
  text-align: center;
  margin: 0 0 30px;
}
.user .container .content .tabs > div > div > p.empty,
.fiche-partenaire .container .content .tabs > div > div > p.empty {
  margin: 0;
}
.user .container .content .tabs > div .inner,
.fiche-partenaire .container .content .tabs > div .inner {
  width: 810px;
  margin: auto;
  background: #EDF3F3;
  padding: 55px 55px 5px;
  overflow: hidden;
}
.user .container .content .tabs > div .inner article,
.fiche-partenaire .container .content .tabs > div .inner article {
  margin-right: 45px;
  margin-bottom: 50px;
}
.user .container .content .tabs > div .inner article:nth-child(3n),
.fiche-partenaire .container .content .tabs > div .inner article:nth-child(3n) {
  margin-right: 0;
}
.user .container .content .tabs > div .comments,
.fiche-partenaire .container .content .tabs > div .comments {
  display: table;
  margin-top: 20px;
  border-bottom: 2px solid #C1D4D6;
}
.user .container .content .tabs > div .comments > figure,
.fiche-partenaire .container .content .tabs > div .comments > figure {
  display: table-cell;
  width: 75px;
}
.user .container .content .tabs > div .comments > figure img,
.fiche-partenaire .container .content .tabs > div .comments > figure img {
  width: 75px;
  height: auto;
}
.user .container .content .tabs > div .comments > div,
.fiche-partenaire .container .content .tabs > div .comments > div {
  display: table-cell;
  padding-left: 20px;
  color: #2f313c;
  vertical-align: top;
  min-width: 400px;
}
.user .container .content .tabs > div .comments > div .auteur,
.fiche-partenaire .container .content .tabs > div .comments > div .auteur {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  padding-right: 10px;
  line-height: 16px;
}
.user .container .content .tabs > div .comments > div .date,
.fiche-partenaire .container .content .tabs > div .comments > div .date {
  border-left: 2px solid #c1d5d6;
  padding-left: 10px;
  line-height: 16px;
  height: 16px;
  font-size: 12px;
  /* font-family: Arial, Helvetica, sans-serif; */
}
.user .container .content .tabs > div .comments > div a,
.fiche-partenaire .container .content .tabs > div .comments > div a {
  color: #2f313c;
}
.user .container .content .tabs > div .comments > div p,
.fiche-partenaire .container .content .tabs > div .comments > div p {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 15px;
  margin-bottom: 10px;
  font-size: 16px;
}
.user .container .content .tabs > div .comments > div .projet,
.fiche-partenaire .container .content .tabs > div .comments > div .projet {
  text-align: right;
  margin: 0 0 10px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  line-height: 23px;
}
.user .container .content .tabs > div .comments > div .projet .name span,
.fiche-partenaire .container .content .tabs > div .comments > div .projet .name span {
  /* font-family: "petala-pro"; */
  font-weight: 700;
  font-style: normal;
}
.user .container .content .tabs > div .comments > div .projet .actu,
.fiche-partenaire .container .content .tabs > div .comments > div .projet .actu {
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  border-left: 2px solid #C1D4D6;
  margin-left: 10px;
  padding-left: 10px;
}
.user .content,
.fiche-partenaire .content {
  max-width: 1100px;
  margin: auto;
  float: none;
  padding-right: 140px;
}
.fiche-partenaire .container header > div > .infos p {
  height: auto;
}
body.concept .container,
body.contact .container,
body.start .container,
body.partenaires .container,
body.equipe .container {
  min-width: 1005px;
}
body.concept .banner,
body.contact .banner,
body.start .banner,
body.partenaires .banner,
body.equipe .banner {
  min-width: 1005px;
  min-height: 400px;
  position: relative;
}
body.concept .banner > div,
body.contact .banner > div,
body.start .banner > div,
body.partenaires .banner > div,
body.equipe .banner > div {
  position: absolute;
  right: 98px;
  top: 160px;
  /* font-family: "petala-pro"; */
  font-weight: 100;
  font-style: normal;
  color: #FFF;
}
body.concept .banner > div h1.title,
body.contact .banner > div h1.title,
body.start .banner > div h1.title,
body.partenaires .banner > div h1.title,
body.equipe .banner > div h1.title {
  font-size: 38px;
  display: block;
  text-align: right;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  margin: 0;
}
body.concept .banner > div p,
body.contact .banner > div p,
body.start .banner > div p,
body.partenaires .banner > div p,
body.equipe .banner > div p {
  font-size: 24px;
  margin: 0 0 80px;
  text-align: right;
}
body.concept .banner > div a,
body.contact .banner > div a,
body.start .banner > div a,
body.partenaires .banner > div a,
body.equipe .banner > div a {
  display: block;
  -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;
  text-transform: uppercase;
  float: right;
  text-align: center;
  clear: both;
  width: 180px;
  height: 50px;
  line-height: 50px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  background: #00ac9f;
  color: #fff;
  text-decoration: none;
}
body.concept .banner > div a:hover,
body.contact .banner > div a:hover,
body.start .banner > div a:hover,
body.partenaires .banner > div a:hover,
body.equipe .banner > div a:hover {
  background: #0accbc;
}
body.concept .content,
body.contact .content,
body.start .content,
body.partenaires .content,
body.equipe .content {
  margin: auto;
  float: none;
  max-width: none;
  padding: 0 0;
  /* PAGE PARTENAIRES*/

  /*PAGE CONCEPT*/

}
body.concept .content h1,
body.contact .content h1,
body.start .content h1,
body.partenaires .content h1,
body.equipe .content h1 {
  font-size: 40px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  color: #2f313C;
  text-align: center;
  margin: 60px 0 30px;
}
body.concept .content p,
body.contact .content p,
body.start .content p,
body.partenaires .content p,
body.equipe .content p {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 16px;
  color: #2F313C;
  margin-bottom: 60px;
  text-align: center;
}
body.concept .content .orange,
body.contact .contention,
.fiche-partenaire .container header > div > figure figcaption {
  position: relative;
  background: #FFF;
  margin-top: 3px;
  padding-left: 45px;
  height: 35px;
  line-height: 35px;
  border-bottom: 3px solid #C1D5D6;
  font-size: 14px;
  /* font-family: Arial, Helvetica, sans-serif; */
}
.user .container header > div > figure figcaption a,
.fiche-partenaire .container header > div > figure figcaption a {
  color: inherit;
  text-decoration: none;
  color: #2F313C;
}
.user .container header > div > figure figcaption a:hover,
.fiche-partenaire .container header > div > figure figcaption a:hover {
  text-decoration: underline;
}
.user .container header > div > figure figcaption span,
.fiche-partenaire .container header > div > figure figcaption span {
  position: absolute;
  background-image: url(../img/fb-on.png);
  background-size: cover;
  width: 25px;
  height: 25px;
  left: 10px;
  top: 5px;
}
.user .container .content,
.fiche-partenaire .container .content {
  min-width: 980px;
}
.user .container .content .tabs > div,
.fiche-partenaire .container .content .tabs > div {
  background: #FFF;
  padding: 30px;
}
.user .container .content .tabs > div > div,
.fiche-partenaire .container .content .tabs > div > div {
  margin-bottom: 0 !important;
}
.user .container .content .tabs > div > div .empty,
.fiche-partenaire .container .content .tabs > div > div .empty {
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 23px;
  color: #2f313c;
  text-align: center;
}
.user .container .content .tabs > div > div .empty p,
.fiche-partenaire .container .content .tabs > div > div .empty p {
  margin: 0;
}
.user .container .content .tabs > div > div .empty a,
.fiche-partenaire .container .content .tabs > div > div .empty a {
  display: block;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin: 30px auto 0;
  height: 56px;
  width: 262px;
  line-height: 56px;
  text-decoration: none;
  background: #00AC9F;
  border-bottom: 3px solid #C1D5D6;
  color: #FFF;
  font-size: 19px;
  text-transform: uppercase;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
}
.user .container .content .tabs > div > div .empty a:hover,
.fiche-partenaire .container .content .tabs > div > div .empty a:hover {
  background: #0accbc;
}
.user .container .content .tabs > div > div > p,
.fiche-partenaire .container .content .tabs > div > div > p {
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 23px;
  color: #2f313c;
  text-align: center;
  margin: 0 0 30px;
}
.user .container .content .tabs > div > div > p.empty,
.fiche-partenaire .container .content .tabs > div > div > p.empty {
  margin: 0;
}
.user .container .content .tabs > div .inner,
.fiche-partenaire .container .content .tabs > div .inner {
  width: 810px;
  margin: auto;
  background: #EDF3F3;
  padding: 55px 55px 5px;
  overflow: hidden;
}
.user .container .content .tabs > div .inner article,
.fiche-partenaire .container .content .tabs > div .inner article {
  margin-right: 45px;
  margin-bottom: 50px;
}
.user .container .content .tabs > div .inner article:nth-child(3n),
.fiche-partenaire .container .content .tabs > div .inner article:nth-child(3n) {
  margin-right: 0;
}
.user .container .content .tabs > div .comments,
.fiche-partenaire .container .content .tabs > div .comments {
  display: table;
  margin-top: 20px;
  border-bottom: 2px solid #C1D4D6;
}
.user .container .content .tabs > div .comments > figure,
.fiche-partenaire .container .content .tabs > div .comments > figure {
  display: table-cell;
  width: 75px;
}
.user .container .content .tabs > div .comments > figure img,
.fiche-partenaire .container .content .tabs > div .comments > figure img {
  width: 75px;
  height: auto;
}
.user .container .content .tabs > div .comments > div,
.fiche-partenaire .container .content .tabs > div .comments > div {
  display: table-cell;
  padding-left: 20px;
  color: #2f313c;
  vertical-align: top;
  min-width: 400px;
}
.user .container .content .tabs > div .comments > div .auteur,
.fiche-partenaire .container .content .tabs > div .comments > div .auteur {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  padding-right: 10px;
  line-height: 16px;
}
.user .container .content .tabs > div .comments > div .date,
.fiche-partenaire .container .content .tabs > div .comments > div .date {
  border-left: 2px solid #c1d5d6;
  padding-left: 10px;
  line-height: 16px;
  height: 16px;
  font-size: 12px;
  /* font-family: Arial, Helvetica, sans-serif; */
}
.user .container .content .tabs > div .comments > div a,
.fiche-partenaire .container .content .tabs > div .comments > div a {
  color: #2f313c;
}
.user .container .content .tabs > div .comments > div p,
.fiche-partenaire .container .content .tabs > div .comments > div p {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 15px;
  margin-bottom: 10px;
  font-size: 16px;
}
.user .container .content .tabs > div .comments > div .projet,
.fiche-partenaire .container .content .tabs > div .comments > div .projet {
  text-align: right;
  margin: 0 0 10px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  line-height: 23px;
}
.user .container .content .tabs > div .comments > div .projet .name span,
.fiche-partenaire .container .content .tabs > div .comments > div .projet .name span {
  /* font-family: "petala-pro"; */
  font-weight: 700;
  font-style: normal;
}
.user .container .content .tabs > div .comments > div .projet .actu,
.fiche-partenaire .container .content .tabs > div .comments > div .projet .actu {
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  border-left: 2px solid #C1D4D6;
  margin-left: 10px;
  padding-left: 10px;
}
.user .content,
.fiche-partenaire .content {
  max-width: 1100px;
  margin: auto;
  float: none;
  padding-right: 140px;
}
.fiche-partenaire .container header > div > .infos p {
  height: auto;
}
body.concept .container,
body.contact .container,
body.start .container,
body.partenaires .container,
body.equipe .container {
  min-width: 1005px;
}
body.concept .banner,
body.contact .banner,
body.start .banner,
body.partenaires .banner,
body.equipe .banner {
  min-width: 1005px;
  min-height: 400px;
  position: relative;
}
body.concept .banner > div,
body.contact .banner > div,
body.start .banner > div,
body.partenaires .banner > div,
body.equipe .banner > div {
  position: absolute;
  right: 98px;
  top: 160px;
  /* font-family: "petala-pro"; */
  font-weight: 100;
  font-style: normal;
  color: #FFF;
}
body.concept .banner > div h1.title,
body.contact .banner > div h1.title,
body.start .banner > div h1.title,
body.partenaires .banner > div h1.title,
body.equipe .banner > div h1.title {
  font-size: 38px;
  display: block;
  text-align: right;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  margin: 0;
}
body.concept .banner > div p,
body.contact .banner > div p,
body.start .banner > div p,
body.partenaires .banner > div p,
body.equipe .banner > div p {
  font-size: 24px;
  margin: 0 0 80px;
  text-align: right;
}
body.concept .banner > div a,
body.contact .banner > div a,
body.start .banner > div a,
body.partenaires .banner > div a,
body.equipe .banner > div a {
  display: block;
  -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;
  text-transform: uppercase;
  float: right;
  text-align: center;
  clear: both;
  width: 180px;
  height: 50px;
  line-height: 50px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  background: #00ac9f;
  color: #fff;
  text-decoration: none;
}
body.concept .banner > div a:hover,
body.contact .banner > div a:hover,
body.start .banner > div a:hover,
body.partenaires .banner > div a:hover,
body.equipe .banner > div a:hover {
  background: #0accbc;
}
body.concept .content,
body.contact .content,
body.start .content,
body.partenaires .content,
body.equipe .content {
  margin: auto;
  float: none;
  max-width: none;
  padding: 0 0;
  /* PAGE PARTENAIRES*/

  /*PAGE CONCEPT*/

}
body.concept .content h1,
body.contact .content h1,
body.start .content h1,
body.partenaires .content h1,
body.equipe .content h1 {
  font-size: 40px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  color: #2f313C;
  text-align: center;
  margin: 60px 0 30px;
}
body.concept .content p,
body.contact .content p,
body.start .content p,
body.partenaires .content p,
body.equipe .content p {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 16px;
  color: #2F313C;
  margin-bottom: 60px;
  text-align: center;
}
body.concept .content .orange,
body.contact .content .orange,
body.start .content .orange,
body.partenaires .content .orange,
body.equipe .content .orange {
  background-color: #f7a824;
  padding: 32px 0;
}
body.concept .content .orange .devenir,
body.contact .content .orange .devenir,
body.start .content .orange .devenir,
body.partenaires .content .orange .devenir,
body.equipe .content .orange .devenir {
  display: block;
  background: #2F313C;
  width: 260px;
  height: 56px;
  line-height: 56px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 19px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #FFF;
  -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;
  margin: auto;
}
body.concept .content .orange .devenir:hover,
body.contact .content .orange .devenir:hover,
body.start .content .orange .devenir:hover,
body.partenaires .content .orange .devenir:hover,
body.equipe .content .orange .devenir:hover {
  background: #0accbc;
}
body.concept .content .liste-partenaires,
body.contact .content .liste-partenaires,
body.start .content .liste-partenaires,
body.partenaires .content .liste-partenaires,
body.equipe .content .liste-partenaires {
  margin: 60px 0;
}
body.concept .content .liste-partenaires span,
body.contact .content .liste-partenaires span,
body.start .content .liste-partenaires span,
body.partenaires .content .liste-partenaires span,
body.equipe .content .liste-partenaires span {
  display: block;
  font-size: 40px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  color: #2f313C;
  text-align: center;
  margin: 60px 0 30px;
}
body.concept .content .liste-partenaires .inner,
body.contact .content .liste-partenaires .inner,
body.start .content .liste-partenaires .inner,
body.partenaires .content .liste-partenaires .inner,
body.equipe .content .liste-partenaires .inner {
  max-width: 1010px;
  overflow: hidden;
  margin: auto;
}
body.concept .content .liste-partenaires .inner ul,
body.contact .content .liste-partenaires .inner ul,
body.start .content .liste-partenaires .inner ul,
body.partenaires .content .liste-partenaires .inner ul,
body.equipe .content .liste-partenaires .inner ul {
  margin: 0;
  overflow: hidden;
  padding: 30px 0 15px;
}
body.concept .content .liste-partenaires .inner ul li,
body.contact .content .liste-partenaires .inner ul li,
body.start .content .liste-partenaires .inner ul li,
body.partenaires .content .liste-partenaires .inner ul li,
body.equipe .content .liste-partenaires .inner ul li {
  float: left;
  width: 240px;
  height: 240px;
  margin: 0 15px 15px 0;
  border-bottom: 2px solid #C1D4D6;
}
body.concept .content .liste-partenaires .inner ul li:nth-child(4n),
body.contact .content .liste-partenaires .inner ul li:nth-child(4n),
body.start .content .liste-partenaires .inner ul li:nth-child(4n),
body.partenaires .content .liste-partenaires .inner ul li:nth-child(4n),
body.equipe .content .liste-partenaires .inner ul li:nth-child(4n) {
  margin-right: 0;
}
body.concept .content .inscription,
body.contact .content .inscription,
body.start .content .inscription,
body.partenaires .content .inscription,
body.equipe .content .inscription,
body.concept .content .blanc,
body.contact .content .blanc,
body.start .content .blanc,
body.partenaires .content .blanc,
body.equipe .content .blanc {
  background: #FFF;
  text-align: center;
}
body.concept .content .inscription > div,
body.contact .content .inscription > div,
body.start .content .inscription > div,
body.partenaires .content .inscription > div,
body.equipe .content .inscription > div,
body.concept .content .blanc > div,
body.contact .content .blanc > div,
body.start .content .blanc > div,
body.partenaires .content .blanc > div,
body.equipe .content .blanc > div {
  max-width: 970px;
  margin: auto;
  padding: 32px 0;
  position: relative;
}
body.concept .content .inscription > div span,
body.contact .content .inscription > div span,
body.start .content .inscription > div span,
body.partenaires .content .inscription > div span,
body.equipe .content .inscription > div span,
body.concept .content .blanc > div span,
body.contact .content .blanc > div span,
body.start .content .blanc > div span,
body.partenaires .content .blanc > div span,
body.equipe .content .blanc > div span {
  font-size: 40px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  color: #2f313C;
  text-align: center;
  margin: 60px 0 30px;
}
body.concept .content .inscription > div > p,
body.contact .content .inscription > div > p,
body.start .content .inscription > div > p,
body.partenaires .content .inscription > div > p,
body.equipe .content .inscription > div > p,
body.concept .content .blanc > div > p,
body.contact .content .blanc > div > p,
body.start .content .blanc > div > p,
body.partenaires .content .blanc > div > p,
body.equipe .content .blanc > div > p {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 16px;
  color: #2f313c;
  margin-bottom: 10px;
  text-align: center;
}
body.concept .content .inscription > div > p b a,
body.contact .content .inscription > div > p b a,
body.start .content .inscription > div > p b a,
body.partenaires .content .inscription > div > p b a,
body.equipe .content .inscription > div > p b a,
body.concept .content .blanc > div > p b a,
body.contact .content .blanc > div > p b a,
body.start .content .blanc > div > p b a,
body.partenaires .content .blanc > div > p b a,
body.equipe .content .blanc > div > p b a {
  color: #2f313c;
}
body.concept .content .inscription > div span.picto,
body.contact .content .inscription > div span.picto,
body.start .content .inscription > div span.picto,
body.partenaires .content .inscription > div span.picto,
body.equipe .content .inscription > div span.picto,
body.concept .content .blanc > div span.picto,
body.contact .content .blanc > div span.picto,
body.start .content .blanc > div span.picto,
body.partenaires .content .blanc > div span.picto,
body.equipe .content .blanc > div span.picto {
  position: absolute;
  left: 50%;
  bottom: -17px;
  margin: 0 0 0 -18px;
  border-top: 17px solid #FFFFFF;
  border-left: 18px solid rgba(0, 0, 0, 0);
  border-right: 18px solid rgba(0, 0, 0, 0);
}
body.concept .content .inscription div,
body.contact .content .inscription div,
body.start .content .inscription div,
body.partenaires .content .inscription div,
body.equipe .content .inscription div {
  padding-bottom: 50px;
}
body.concept .content .inscription div span,
body.contact .content .inscription div span,
body.start .content .inscription div span,
body.partenaires .content .inscription div span,
body.equipe .content .inscription div span {
  font-size: 25px;
}
body.concept .content .gris,
body.contact .content .gris,
body.start .content .gris,
body.partenaires .content .gris,
body.equipe .content .gris {
  background: #383a46;
  text-align: center;
  overflow: hidden;
}
body.concept .content .gris .jaune,
body.contact .content .gris .jaune,
body.start .content .gris .jaune,
body.partenaires .content .gris .jaune,
body.equipe .content .gris .jaune {
  color: #f7a824;
}
body.concept .content .gris .vert,
body.contact .content .gris .vert,
body.start .content .gris .vert,
body.partenaires .content .gris .vert,
body.equipe .content .gris .vert {
  color: #00ac9f;
}
body.concept .content .gris .violet,
body.contact .content .gris .violet,
body.start .content .gris .violet,
body.partenaires .content .gris .violet,
body.equipe .content .gris .violet {
  color: #ad2997;
}
body.concept .content .gris p,
body.contact .content .gris p,
body.start .content .gris p,
body.partenaires .content .gris p,
body.equipe .content .gris p {
  color: #FFF;
  font-size: 32px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  margin: 32px 0;
}
body.concept .content .three,
body.contact .content .three,
body.start .content .three,
body.partenaires .content .three,
body.equipe .content .three {
  overflow: hidden;
  display: table;
}
body.concept .content .three > article,
body.contact .content .three > article,
body.start .content .three > article,
body.partenaires .content .three > article,
body.equipe .content .three > article {
  display: table-cell;
  width: 33%;
  height: 100%;
}
body.concept .content .three > article.jaune,
body.contact .content .three > article.jaune,
body.start .content .three > article.jaune,
body.partenaires .content .three > article.jaune,
body.equipe .content .three > article.jaune {
  background-color: #f7a824;
}
body.concept .content .three > article.vert,
body.contact .content .three > article.vert,
body.start .content .three > article.vert,
body.partenaires .content .three > article.vert,
body.equipe .content .three > article.vert {
  background-color: #00ac9f;
}
body.concept .content .three > article.violet,
body.contact .content .three > article.violet,
body.start .content .three > article.violet,
body.partenaires .content .three > article.violet,
body.equipe .content .three > article.violet {
  background-color: #ad2997;
}
body.concept .content .three > article .inner,
body.contact .content .three > article .inner,
body.start .content .three > article .inner,
body.partenaires .content .three > article .inner,
body.equipe .content .three > article .inner {
  padding: 40px 50px 50px;
  color: #fff;
  text-align: center;
}
body.concept .content .three > article .inner .title,
body.contact .content .three > article .inner .title,
body.start .content .three > article .inner .title,
body.partenaires .content .three > article .inner .title,
body.equipe .content .three > article .inner .title {
  display: block;
  font-size: 36px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  margin-bottom: 5px;
}
body.concept .content .three > article .inner .subhead,
body.contact .content .three > article .inner .subhead,
body.start .content .three > article .inner .subhead,
body.partenaires .content .three > article .inner .subhead,
body.equipe .content .three > article .inner .subhead {
  display: block;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  height: 62px;
}
body.concept .content .three > article .inner hr,
body.contact .content .three > article .inner hr,
body.start .content .three > article .inner hr,
body.partenaires .content .three > article .inner hr,
body.equipe .content .three > article .inner hr {
  border-bottom: 3px solid #FFF;
  border-top: none;
  border-left: none;
  width: 127px;
  margin: auto auto 30px;
}
body.concept .content .three > article .inner p,
body.contact .content .three > article .inner p,
body.start .content .three > article .inner p,
body.partenaires .content .three > article .inner p,
body.equipe .content .three > article .inner p {
  margin: 0;
  color: #FFF;
  font-size: 18px;
}
body.concept .content .campagne,
body.contact .content .campagne,
body.start .content .campagne,
body.partenaires .content .campagne,
body.equipe .content .campagne {
  background: url(../img/concept/forme.png) no-repeat left top;
  background-size: cover;
  overflow: hidden;
}
body.concept .content .campagne .inner,
body.contact .content .campagne .inner,
body.start .content .campagne .inner,
body.partenaires .content .campagne .inner,
body.equipe .content .campagne .inner {
  text-align: center;
  max-width: 1105px;
  min-width: 1005px;
  margin: auto;
  overflow: hidden;
}
body.concept .content .campagne .inner > span,
body.contact .content .campagne .inner > span,
body.start .content .campagne .inner > span,
body.partenaires .content .campagne .inner > span,
body.equipe .content .campagne .inner > span {
  font-size: 32px;
  display: block;
  color: #2f313c;
  margin-top: 32px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
}
body.concept .content .campagne .inner > cite,
body.contact .content .campagne .inner > cite,
body.start .content .campagne .inner > cite,
body.partenaires .content .campagne .inner > cite,
body.equipe .content .campagne .inner > cite {
  font-size: 21px;
  display: block;
  margin: 10px 0 32px;
  color: #2f313c;
}
body.concept .content .campagne .inner .bloc,
body.contact .content .campagne .inner .bloc,
body.start .content .campagne .inner .bloc,
body.partenaires .content .campagne .inner .bloc,
body.equipe .content .campagne .inner .bloc {
  text-align: left;
  width: 266px;
  height: 323px;
  background: #FFF;
  border-bottom: 3px solid #00ac9f;
  padding: 32px;
  float: left;
  margin-right: 55px;
}
body.concept .content .campagne .inner .bloc header,
body.contact .content .campagne .inner .bloc header,
body.start .content .campagne .inner .bloc header,
body.partenaires .content .campagne .inner .bloc header,
body.equipe .content .campagne .inner .bloc header {
  border-bottom: 3px solid #e5eff0;
  padding-bottom: 20px;
}
body.concept .content .campagne .inner .bloc header > span,
body.contact .content .campagne .inner .bloc header > span,
body.start .content .campagne .inner .bloc header > span,
body.partenaires .content .campagne .inner .bloc header > span,
body.equipe .content .campagne .inner .bloc header > span {
  color: #FFF;
  background-color: #2F313C;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  float: left;
  margin-right: 15px;
}
body.concept .content .campagne .inner .bloc header h2,
body.contact .content .campagne .inner .bloc header h2,
body.start .content .campagne .inner .bloc header h2,
body.partenaires .content .campagne .inner .bloc header h2,
body.equipe .content .campagne .inner .bloc header h2 {
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #2F313C;
}
body.concept .content .campagne .inner .bloc header h2 span,
body.contact .content .campagne .inner .bloc header h2 span,
body.start .content .campagne .inner .bloc header h2 span,
body.partenaires .content .campagne .inner .bloc header h2 span,
body.equipe .content .campagne .inner .bloc header h2 span {
  display: block;
  color: #00ac9f;
  font-size: 31px;
  line-height: 32px;
}
body.concept .content .campagne .inner .bloc p,
body.contact .content .campagne .inner .bloc p,
body.start .content .campagne .inner .bloc p,
body.partenaires .content .campagne .inner .bloc p,
body.equipe .content .campagne .inner .bloc p {
  text-align: left;
}
body.concept .content .campagne .inner .bloc.classique header > span,
body.contact .content .campagne .inner .bloc.classique header > span,
body.start .content .campagne .inner .bloc.classique header > span,
body.partenaires .content .campagne .inner .bloc.classique header > span,
body.equipe .content .campagne .inner .bloc.classique header > span {
  background: url(../img/concept/classique.png) left top no-repeat;
}
body.concept .content .campagne .inner .bloc.supporter header > span,
body.contact .content .campagne .inner .bloc.supporter header > span,
body.start .content .campagne .inner .bloc.supporter header > span,
body.partenaires .content .campagne .inner .bloc.supporter header > span,
body.equipe .content .campagne .inner .bloc.supporter header > span {
  background: url(../img/concept/supporter.png) left top no-repeat;
}
body.concept .content .campagne .inner .bloc.evolutive,
body.contact .content .campagne .inner .bloc.evolutive,
body.start .content .campagne .inner .bloc.evolutive,
body.partenaires .content .campagne .inner .bloc.evolutive,
body.equipe .content .campagne .inner .bloc.evolutive {
  margin-right: 0;
}
body.concept .content .campagne .inner .bloc.evolutive header > span,
body.contact .content .campagne .inner .bloc.evolutive header > span,
body.start .content .campagne .inner .bloc.evolutive header > span,
body.partenaires .content .campagne .inner .bloc.evolutive header > span,
body.equipe .content .campagne .inner .bloc.evolutive header > span {
  background: url(../img/concept/evolutive.png) left top no-repeat;
}
body.concept .content .campagne .inner .gris,
body.contact .content .campagne .inner .gris,
body.start .content .campagne .inner .gris,
body.partenaires .content .campagne .inner .gris,
body.equipe .content .campagne .inner .gris {
  float: left;
  padding: 15px 20px;
  width: 490px;
  height: 110px;
  background: url(../img/concept/gris.png);
  margin: 50px 0;
}
body.concept .content .campagne .inner .gris.frais,
body.contact .content .campagne .inner .gris.frais,
body.start .content .campagne .inner .gris.frais,
body.partenaires .content .campagne .inner .gris.frais,
body.equipe .content .campagne .inner .gris.frais {
  margin-left: 40px;
}
body.concept .content .campagne .inner .gris h3,
body.contact .content .campagne .inner .gris h3,
body.start .content .campagne .inner .gris h3,
body.partenaires .content .campagne .inner .gris h3,
body.equipe .content .campagne .inner .gris h3 {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  margin: 0 0 10px;
  color: #2f313c;
}
body.concept .content .campagne .inner .gris p,
body.contact .content .campagne .inner .gris p,
body.start .content .campagne .inner .gris p,
body.partenaires .content .campagne .inner .gris p,
body.equipe .content .campagne .inner .gris p {
  text-align: left;
  font-size: 14px;
  color: #2f313c;
  opacity: 1;
  margin: 0;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-weight: normal;
}
body.concept .content .rouge,
body.contact .content .rouge,
body.start .content .rouge,
body.partenaires .content .rouge,
body.equipe .content .rouge {
  background: #f13c3d;
  padding: 40px 0;
  text-align: center;
  text-transform: uppercase;
}
body.concept .content .rouge p,
body.contact .content .rouge p,
body.start .content .rouge p,
body.partenaires .content .rouge p,
body.equipe .content .rouge p {
  color: #FFF;
  font-size: 33px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  margin-top: 0;
}
body.concept .content .rouge a,
body.contact .content .rouge a,
body.start .content .rouge a,
body.partenaires .content .rouge a,
body.equipe .content .rouge a {
  position: relative;
  display: block;
  width: 170px;
  height: 50px;
  padding: 0 40px 0 20px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: #2F313C;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  line-height: 50px;
  margin: 20px auto 0;
  color: #FFF;
  text-decoration: none;
}
body.concept .content .rouge a span,
body.contact .content .rouge a span,
body.start .content .rouge a span,
body.partenaires .content .rouge a span,
body.equipe .content .rouge a span {
  position: absolute;
  right: 16px;
  top: 18px;
  width: 11px;
  height: 17px;
  background: url(../img/fleche.png);
}
body.concept .content .rouge a:hover,
body.contact .content .rouge a:hover,
body.start .content .rouge a:hover,
body.partenaires .content .rouge a:hover,
body.equipe .content .rouge a:hover {
  background-color: #00ac9f;
}
body.partenaires .banner,
body.equipe .banner {
  background: url(../img/partenaires/partenaires.jpg);
  background-size: cover;
}
body.partenaires .content .blanc > div,
body.equipe .content .blanc > div {
  max-width: 1080px;
  overflow: hidden;
  padding: 55px 0;
}
body.partenaires .content .blanc > div .col1,
body.equipe .content .blanc > div .col1 {
  width: 497px;
  padding-right: 40px;
  border-right: 3px solid #C1D5D6;
  text-align: right;
  margin-top: 40px;
}
body.partenaires .content .blanc > div .col1 p,
body.equipe .content .blanc > div .col1 p {
  text-align: right;
}
body.partenaires .content .blanc > div .col2,
body.equipe .content .blanc > div .col2 {
  width: 500px;
  text-align: left;
  padding-left: 40px;
  margin-top: 40px;
}
body.partenaires .content .blanc > div .col2 p,
body.equipe .content .blanc > div .col2 p {
  text-align: left;
}
body.partenaires .content .blanc > div .col1,
body.equipe .content .blanc > div .col1,
body.partenaires .content .blanc > div .col2,
body.equipe .content .blanc > div .col2 {
  float: left;
}
body.partenaires .content .blanc > div .col1 p,
body.equipe .content .blanc > div .col1 p,
body.partenaires .content .blanc > div .col2 p,
body.equipe .content .blanc > div .col2 p {
  margin: 0;
  font-size: 16px;
  color: #2F313C;
}
body.partenaires .content .blanc > div .col1 p b,
body.equipe .content .blanc > div .col1 p b,
body.partenaires .content .blanc > div .col2 p b,
body.equipe .content .blanc > div .col2 p b {
  /* font-family: "petala-pro"; */
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  display: block;
  color: #08ada0;
  margin-bottom: 15px;
}
body.equipe div.blanc h1 {
  margin: 0px 0 30px 0 !important;
}
body.equipe b {
  /* font-family: "petala-pro"; */
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  display: block;
  color: #08ada0;
  margin-bottom: 15px;
}
body.equipe .mauve {
  background-color: #931B80;
  padding: 42px 0;
}
body.equipe .mauve .devenir {
  display: block;
  background: #2F313C;
  width: 260px;
  height: 56px;
  line-height: 56px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 19px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #FFF;
  -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;
  margin: auto;
}
body.equipe .mauve .devenir:hover {
  background: #0accbc;
}
body.concept .content p {
  margin-bottom: 0;
}
body.concept .banner {
  background: url(../img/concept/concept.jpg);
  background-size: cover;
}
body.concept .banner > div a {
  background-color: #f7a824;
}
body.concept .banner > div a:hover {
  background-color: #f7c325;
}
body.start .banner {
  background: url(../img/demarrer.jpg);
  background-size: cover;
}
body.start .banner > div h1.title {
  font-size: 50px;
  display: block;
  text-align: right;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  margin: 0;
}
body.start .banner > div p {
  font-size: 36px;
  margin: 0 0 80px;
  text-align: right;
  /* font-family: "petala-pro"; */
  font-weight: 100;
  font-style: normal;
}
body.start .banner > div a {
  background-color: #e32f2b;
}
body.start .banner > div a:hover {
  background-color: #fe0f0f;
}
body.start .container .content .blanc > div > span {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 44px;
}
body.start .container .content .blanc .manifesto {
  margin: auto;
  display: block;
  border-top: 60px solid #FFF;
}
body.start .container .content .blanc p {
  font-size: 20px;
}
body.start .container .content .blanc p span.bleu {
  font-size: 20px;
  color: #14b0a3;
  /* font-family: Arial, Helvetica, sans-serif; */
}
body.start .container .content .blanc p span.bleu a {
  color: #14b0a3;
  font-weight: bold;
  text-decoration: none;
}
body.start .container .content .blanc p span.bleu a:hover {
  text-decoration: underline;
}
body.start .container .content .etapes {
  margin: auto;
  display: block;
}
body.start .container .content .rouge {
  min-width: 1000px;
  padding: 44px 80px;
  overflow: hidden;
}
body.start .container .content .rouge p {
  float: left;
  font-size: 36px;
  height: 50px;
  text-transform: none;
  line-height: 50px;
  margin: 0;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
}
body.start .container .content .rouge p b {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
}
body.start .container .content .rouge a {
  float: right;
  background: #2F313C;
  color: #FFF;
  text-decoration: none;
  margin: 0;
  text-transform: uppercase;
  height: 50px;
  width: 215px;
  text-align: center;
}
body.start .container .content .rouge a:hover {
  background-color: #00ac9f;
}
body.start .container .content .faq ul {
  margin: 60px auto;
  width: 770px;
}
body.start .container .content .faq ul li {
  list-style-image: url(../img/list-style.png);
  list-style-position: outside;
  line-height: 32px;
  padding-left: 6px;
}
body.start .container .content .faq ul li a {
  text-decoration: none;
  color: #14b0a3;
  font-size: 21px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-style: italic;
}
body.start .container .content .faq ul li a:hover {
  text-decoration: underline;
}
body.start .container .content .faq ul li .reponse {
  display: none;
}
.search .container {
  background-image: url(../img/bg-header-search.png);
}
.search .container > header {
  max-width: 1005px;
  position: relative;
  padding-bottom: 35px;
  padding-top: 95px;
}
.search .container > header .form-search {
  max-width: none;
  position: relative;
  min-width: none;
}
.search .container > header .form-search input {
  height: 80px;
  width: 100%;
  line-height: 80px;
  color: #2F313C;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0 100px 0 20px;
  border: 2px solid #C1D4D6;
}
.search .container > header .form-search button {
  position: absolute;
  right: 2px;
  top: 2px;
  border: none;
  width: 79px;
  height: 76px;
  background: url(../img/btn_search.png) left top no-repeat;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.search .container > header .form-search button:hover {
  background: url(../img/btn_search.png) left bottom no-repeat;
}
.search .container > header .form-search h2 {
  border-bottom: 3px solid #C1D4D6;
  color: #2F313C;
  /* font-family: "petala-pro"; */
  font-weight: 100;
  font-style: normal;
  font-size: 38px;
  height: 55px;
  margin: 40px 0 0;
  padding-bottom: 10px;
}
.search .container > header .form-search select {
  position: absolute;
  bottom: 10px;
  right: 0;
  width: 169px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2F313C;
  padding: 10px 45px 10px 15px;
}
.search .container .content .blocProjet {
  margin-bottom: 16px;
}
.search .container .content .more {
  float: right;
  padding: 0 15px;
  height: 40px;
  font-size: 12px;
  line-height: 40px;
  background: #C1D5D6;
  text-decoration: none;
  text-transform: uppercase;
  color: #2F313C;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.search .container .content .more:hover {
  background: #2F313C;
  color: #FFF;
}
.search.first .container {
  position: relative;
}
.search.first .container > header {
  position: static;
}
.search.first .container > header form {
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  top: 30%;
  margin-top: -40px;
}
.contact .wpcf7 p {
  text-align: left !important;
  margin-bottom: 0 !important;
}
.contact .wpcf7 p > br {
  display: none;
}
.contact .banner {
  background: url(../img/contact.jpg);
  background-size: cover;
}
.contact .blanc span b {
  color: #08ada0;
}
.contact .formcontact {
  display: table;
  width: 100%;
}
.contact .formcontact label {
  display: block;
  clear: both;
  height: 45px;
  line-height: 48px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  color: #2F313C;
  font-size: 18px;
}
.contact .formcontact input {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  width: 310px;
  border: none;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 14px;
  color: #2F313C;
}
.contact .formcontact textarea {
  height: 200px;
  padding: 10px;
  width: 430px;
  border: none;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 14px;
  color: #2F313C;
  max-width: 430px;
  max-height: 200px;
}
.contact .formcontact input[type="submit"] {
  display: block;
  clear: both;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin: 50px auto 0;
  width: 191px;
  height: 54px;
  border: none;
  background: #951b81;
  border-bottom: 3px solid #831571;
  color: #FFF;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 19px;
}
.contact .formcontact input[type="submit"]:hover {
  background: #831571;
}
.contact .formcontact .left,
.contact .formcontact .right {
  display: table-cell;
}
.contact .formcontact .left > div,
.contact .formcontact .right > div {
  width: 450px;
  margin-bottom: 50px;
  padding: 55px 20px;
  margin: auto;
  position: relative;
}
.contact .formcontact .left {
  width: 50%;
  background: #c1d5D6;
}
.contact .formcontact .right {
  width: 50%;
  position: relative;
}
.contact .formcontact .right .forme {
  position: absolute;
  width: 450px;
  height: 223px;
  top: 330px;
  background: url(../img/bg-forme-contact.png) no-repeat;
}
.contact .formcontact .right > div .intro {
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  margin: 10px 0 20px;
}
.contact .formcontact .right > div > a {
  display: block;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 22px;
  color: #00ac9f;
  text-decoration: none;
}
.contact .formcontact .right > div > a:hover {
  text-decoration: underline;
}
.contact .formcontact .right > div p {
  color: #2f313c;
  font-size: 18px;
  margin: 20px 0;
  clear: both;
  text-align: left;
}
.contact .formcontact .right > div p b {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
}
.contact .formcontact .right > div p a {
  color: #00ac9f;
  text-decoration: none;
}
.contact .formcontact .right > div p a:hover {
  text-decoration: underline;
}
.contact .formcontact .right > div .fb,
.contact .formcontact .right > div .twitter {
  width: 60px;
  height: 60px;
  display: block;
  float: left;
}
.contact .formcontact .right > div .fb {
  background: url(../img/fb-contact.jpg) no-repeat;
  margin-right: 20px;
}
.contact .formcontact .right > div .twitter {
  background: url(../img/twitter-contact.jpg) no-repeat;
}
.container {
  padding-bottom: 0;
}
.container > footer {
  position: relative;
}
.search .container {
  background-image: url(../img/bg-header-search.png);
}
.search .container > header {
  max-width: 1005px;
  position: relative;
  padding-bottom: 35px;
  padding-top: 95px;
}
.search .container > header .form-search {
  max-width: none;
  position: relative;
  min-width: none;
}
.search .container > header .form-search input {
  height: 80px;
  width: 100%;
  line-height: 80px;
  color: #2F313C;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0 100px 0 20px;
  border: 2px solid #C1D4D6;
}
.search .container > header .form-search button {
  position: absolute;
  right: 2px;
  top: 2px;
  border: none;
  width: 79px;
  height: 76px;
  background: url(../img/btn_search.png) left top no-repeat;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.search .container > header .form-search button:hover {
  background: url(../img/btn_search.png) left bottom no-repeat;
}
.search .container > header .form-search h2 {
  border-bottom: 3px solid #C1D4D6;
  color: #2F313C;
  /* font-family: "petala-pro"; */
  font-weight: 100;
  font-style: normal;
  font-size: 38px;
  height: 55px;
  margin: 40px 0 0;
  padding-bottom: 10px;
}
.search .container > header .form-search select {
  position: absolute;
  bottom: 10px;
  right: 0;
  width: 169px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2F313C;
  padding: 10px 45px 10px 15px;
}
.search .container .content .blocProjet {
  margin-bottom: 16px;
}
.search .container .content .more {
  float: right;
  padding: 0 15px;
  height: 40px;
  font-size: 12px;
  line-height: 40px;
  background: #C1D5D6;
  text-decoration: none;
  text-transform: uppercase;
  color: #2F313C;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.search .container .content .more:hover {
  background: #2F313C;
  color: #FFF;
}
.search.first .container {
  position: relative;
}
.search.first .container > header form {
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  top: 30%;
  margin-top: -40px;
}
.blog .container,
.faq .container,
.academy .container {
  background-image: url(../img/bg-header-academy.png);
  overflow: hidden;
}
.blog .container > header h1,
.faq .container > header h1,
.academy .container > header h1 {
  margin-bottom: 10px;
}
.blog .container > header .baseline,
.faq .container > header .baseline,
.academy .container > header .baseline {
  color: #08ADA0;
  font-size: 25px;
}
.blog .container .content section,
.faq .container .content section,
.academy .container .content section {
  padding: 20px;
  background: #FFF;
}
.blog .container .content section h2,
.faq .container .content section h2,
.academy .container .content section h2 {
  font-size: 38px;
  color: #2F313C;
  /* font-family: "petala-pro"; */
  font-weight: 100;
  font-style: normal;
  padding-bottom: 20px;
  border-bottom: 3px solid #c1d5d6;
  margin: 0 0 30px;
}
.blog .container .content section h2 span,
.faq .container .content section h2 span,
.academy .container .content section h2 span {
  float: left;
  width: 31px;
  height: 33px;
  background: #08ada0;
  color: #FFF;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 19px;
  line-height: 33px;
  text-align: center;
  margin: 8px 20px 0 0;
}
.blog .container .content section div,
.faq .container .content section div,
.academy .container .content section div {
  padding-left: 50px;
}
.blog .container .content section div h3,
.faq .container .content section div h3,
.academy .container .content section div h3 {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 23px;
  color: #2F313C;
}
.blog .container .content section div h4,
.faq .container .content section div h4,
.academy .container .content section div h4 {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-style: italic;
  font-size: 20px;
  color: #08ADA0;
  cursor: pointer;
}
.blog .container .content section div h5,
.faq .container .content section div h5,
.academy .container .content section div h5 {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-style: italic;
  font-size: 17px;
  color: #08ADA0;
}
.blog .container .content section div > br,
.faq .container .content section div > br,
.academy .container .content section div > br {
  display: none;
}
.blog .container .content section div > div,
.faq .container .content section div > div,
.academy .container .content section div > div {
  padding-left: 0;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 16px;
  color: #2F313C;
  line-height: 18px;
  line-height: 23px;
  display: none;
  text-align: justify;
}
.blog .container .content section div p,
.faq .container .content section div p,
.academy .container .content section div p {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 16px;
  color: #2F313C;
  line-height: 18px;
  line-height: 23px;
}
.blog .container .content section div a,
.faq .container .content section div a,
.academy .container .content section div a {
  color: #08ADA0;
}
.blog .container .content section div ul li,
.faq .container .content section div ul li,
.academy .container .content section div ul li {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 16px;
  color: #C1D5D6;
  list-style-type: square;
  list-style-position: inside;
  line-height: 18px;
  line-height: 23px;
}
.blog .container .content section div ul li span,
.faq .container .content section div ul li span,
.academy .container .content section div ul li span {
  color: #2F313C;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
}
.blog .container .content .actu,
.faq .container .content .actu,
.academy .container .content .actu {
  margin-bottom: 20px;
}
.blog .container .content .actu header,
.faq .container .content .actu header,
.academy .container .content .actu header {
  overflow: hidden;
  color: #2f313c;
}
.blog .container .content .actu header h2.numero,
.faq .container .content .actu header h2.numero,
.academy .container .content .actu header h2.numero {
  font-size: 28px;
  height: 30px;
  line-height: 30px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  float: left;
  border-bottom: none;
  margin-bottom: 0;
}
.blog .container .content .actu header h2.numero a,
.faq .container .content .actu header h2.numero a,
.academy .container .content .actu header h2.numero a {
  color: inherit;
  text-decoration: none;
}
.blog .container .content .actu header .auteur,
.faq .container .content .actu header .auteur,
.academy .container .content .actu header .auteur,
.blog .container .content .actu header .date,
.faq .container .content .actu header .date,
.academy .container .content .actu header .date {
  font-size: 14px;
  float: right;
  height: 30px;
  line-height: 30px;
}
.blog .container .content .actu header hr,
.faq .container .content .actu header hr,
.academy .container .content .actu header hr {
  border-top: 2px solid #C1D5D6;
  border-bottom: none;
  border-left: none;
}
.blog .container .content .actu header .coms,
.faq .container .content .actu header .coms,
.academy .container .content .actu header .coms {
  position: relative;
  float: left;
  padding-left: 25px;
  font-size: 14px;
  margin-bottom: 20px;
  margin-top: 10px;
  height: 20px;
  line-height: 20px;
}
.blog .container .content .actu header .coms a,
.faq .container .content .actu header .coms a,
.academy .container .content .actu header .coms a {
  color: inherit;
  text-decoration: none;
}
.blog .container .content .actu header .coms a:hover,
.faq .container .content .actu header .coms a:hover,
.academy .container .content .actu header .coms a:hover {
  text-decoration: underline;
}
.blog .container .content .actu header .coms .picto,
.faq .container .content .actu header .coms .picto,
.academy .container .content .actu header .coms .picto {
  position: absolute;
  left: 0;
  top: 3px;
  width: 17px;
  height: 16px;
  background: url(../img/sprite-projet.png) -80px -40px no-repeat;
}
.blog .container .content .actu .inner ul,
.faq .container .content .actu .inner ul,
.academy .container .content .actu .inner ul {
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
  list-style: disc outside none;
  padding-left: 20px;
}
.blog .container .content .actu footer span,
.faq .container .content .actu footer span,
.academy .container .content .actu footer span {
  height: 20px;
  padding: 0 9px;
  background: #00AC9F;
  color: #FFF;
  line-height: 20px;
  margin-left: 7x;
}
.blog .container .content .actu footer .poste,
.faq .container .content .actu footer .poste,
.academy .container .content .actu footer .poste {
  background: none;
  color: #2F313C;
  padding-left: 0;
}
.page-simple .container {
  background-image: url(../img/bg-header-academy.png);
  overflow: hidden;
}
.page-simple .container > header {
  padding: 0 0 20px 0;
  margin: auto;
  max-width: 1005px;
  float: none;
}
.page-simple .container > header h1 {
  margin-bottom: 10px;
}
.page-simple .container > header .baseline {
  color: #08ADA0;
  font-size: 25px;
}
.page-simple .container .content {
  float: none;
  margin: auto;
  padding-left: 0;
}
.page-simple .container .content section {
  padding: 20px;
  background: #FFF;
}
.page-simple .container .content section h1 {
  font-size: 38px;
  color: #2F313C;
  /* font-family: "petala-pro"; */
  font-weight: 100;
  font-style: normal;
  padding-bottom: 20px;
  border-bottom: 3px solid #c1d5d6;
  margin: 0 0 30px;
}
.page-simple .container .content section p {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 16px;
  color: #2F313C;
  line-height: 18px;
  line-height: 23px;
}
.page-simple .container .content section ul > li {
  list-style-type: disc;
  list-style-position: inside;
  color: #00AC9F;
}
.page-simple .container .content section ul > li > span {
  color: #2F313C;
}
.page-simple .container .content section a {
  color: #00AC9F;
  text-decoration: none;
}
.page-simple .container .content section a:hover {
  text-decoration: underline;
}
.blog .container {
  background-image: none;
}
.blog .container .content section div {
  padding-left: 0;
}
.creation .container header div {
  margin: inherit;
}
.creation .container .content {
  width: 852px;
  min-width: 852px;
  margin: 0;
}
.creation .container .content section header {
  position: relative;
  height: 52px;
  line-height: 52px;
  cursor: pointer;
}
.creation .container .content section header h2 {
  font-size: 23px;
  color: #2F313C;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  margin-bottom: 0;
  border-bottom: 3px solid #C1D5D6;
}
.creation .container .content section header span {
  position: absolute;
  right: 0;
  top: 19px;
  border-bottom: 0px solid #2F313C;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-right: 9px solid transparent;
  border-top: 16px solid #2F313C;
  border-left: 9px solid transparent;
}
.creation .container .content section.active header span {
  border-bottom: 16px solid #2F313C;
  border-top: 0px solid #2F313C;
}
.creation .container .content section .inner {
  display: table;
  display: none;
  background: #C1D5D6;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.creation .container .content section .inner .col-left {
  display: table-cell;
  vertical-align: top;
  /* firefox 19+ */

  /* ie */

}
.creation .container .content section .inner .col-left input[type="checkbox"] {
  margin-right: 5px;
}
.creation .container .content section .inner .col-left input[type="text"],
.creation .container .content section .inner .col-left input[type="password"],
.creation .container .content section .inner .col-left input[type="email"] {
  float: left;
  font-size: 14px;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2F313C;
  border: none;
  line-height: 40px;
  height: 40px;
  padding: 0 10px;
  width: 247px;
  margin-right: 14px;
  margin-bottom: 14px;
}
.creation .container .content section .inner .col-left label {
  font-size: 12px;
  color: #2F313C;
  /* font-family: Arial, Helvetica, sans-serif; */
}
.creation .container .content section .inner .col-left ::-webkit-input-placeholder {
  color: #2F313C;
  opacity: 1;
}
.creation .container .content section .inner .col-left ::-moz-placeholder {
  opacity: 1;
  color: #2F313C;
}
.creation .container .content section .inner .col-left :-ms-input-placeholder {
  opacity: 1;
  color: #2F313C;
}
.creation .container .content section .inner .col-left input:-moz-placeholder {
  opacity: 1;
  color: #2F313C;
}
.creation .container .content section .inner .col-left input:focus::-moz-placeholder {
  opacity: 1;
  color: #999;
}
.creation .container .content section .inner .col-left input:focus::-webkit-input-placeholder,
.creation .container .content section .inner .col-left input:focus::-ms-input-placeholder {
  opacity: 1;
  color: #999;
}
.creation .container .content section .inner .col-right {
  display: table-cell;
  width: 250px;
  vertical-align: top;
}
.creation .container .content section .inner .col-right a {
  position: relative;
  display: block;
  width: 220px;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 19px;
  text-transform: uppercase;
  color: #FFF;
  text-decoration: none;
}
.creation .container .content section .inner .col-right span {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  background: url(../img/enter.png);
  height: 21px;
  width: 21px;
}
.creation .container .content section .inner .col-right .fb {
  background: #3b5998;
}
.creation .container .content section .inner .col-right .fb:hover {
  background: #5077CC;
}
.creation .container .content section .inner .col-right .connexion {
  background: #2F313C;
}
.creation .container .content section .inner .col-right .connexion:hover {
  background: #444657;
}
.creation .container .content section .inner .col-right .inscription {
  background: #08ada0;
}
.creation .container .content section .inner .col-right .inscription:hover {
  background: #1cdacb;
}
.creation .container .content section.cas1 .inner .col-left > div {
  clear: both;
  height: 22px;
  line-height: 22px;
}
.creation .container .content section.cas1 .inner .col-left p {
  font-size: 12px;
  color: #2F313C;
  /* font-family: Arial, Helvetica, sans-serif; */
  margin: 10px 0 0 20px;
}
.creation .container .content section.cas1 .inner .col-left p a {
  color: #08ada0;
  text-decoration: none;
  /* font-family: Arial, Helvetica, sans-serif; */
}
.creation .container .content section.cas1 .inner .col-left p a:hover {
  text-decoration: underline;
}
.creation .container .content section.cas2 .inner .col-left > div {
  float: left;
  width: 267px;
  margin-right: 14px;
}
.creation .container .content section.cas2 .inner .col-left a {
  float: left;
  width: 247px;
  color: #2F313C;
  font-size: 12px;
}
.creation .container .content section.cas3 .inner .col-left p {
  font-size: 14px;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2F313C;
  margin: 0;
  width: 562px;
}
.creation .container .content section.cas3 .inner .col-left p b {
  font-size: 18px;
}
/* MOT DE PASSE PERDU */
.page-template-page-templatespassword-perdu-php #password input[type="text"] {
  width: 525px !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.admin .container > header {
  background-image: none;
}
.admin .content {
  float: none;
  min-width: 1110px;
  padding-right: 140px;
}
.admin footer {
  border-right: 80px solid #08ada0;
}
.profil .container,
.projet .container {
  background-image: none;
}
.profil .content,
.projet .content {
  max-width: 1100px;
  margin: auto;
  float: none;
  padding-right: 140px;
}
.profil footer > div.four,
.projet footer > div.four {
  right: 150px;
}
body.admin.profil .content aside {
  padding: 0 20px 0 0;
  width: 159px;
}
body.admin.profil .content aside h2 {
  color: #2F313C;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 23px;
}
body.admin.profil .content aside figure {
  width: 135px;
  height: 135px;
  border: 12px solid #FFF;
  background-color: #C1D5D6;
  position: relative;
}
body.admin.profil .content aside figure img {
  width: 135px;
  height: 135px;
  display: block;
}
body.admin.profil .content aside figure .upload {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -41px;
  width: 82px;
  height: 40px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  line-height: 40px;
  overflow: hidden;
  background: #2f313c;
  color: #FFF;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
}
body.admin.profil .content aside figure .upload:hover {
  background: #444657;
}
body.admin.profil .content aside figure .upload input {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  filter: alpha(opacity=0);
}
body.admin.profil .content aside .upload {
  position: relative;
  width: 159px;
  overflow: hidden;
  margin: 10px 0;
  background: #2f313c;
  color: #FFF;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-align: center;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
}
body.admin.profil .content aside .upload:hover {
  background: #444657;
}
body.admin.profil .content aside .upload input {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  filter: alpha(opacity=0);
}
body.admin.profil .content aside p {
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2F313C;
  font-size: 12px;
}
.admin.profil .container > header,
.admin.projet .container > header {
  padding-left: 70px;
}
.admin.profil .content,
.admin.projet .content {
 /* display: table;
  max-width: 1100px;
  padding-left: 70px;
  min-width: 930px;
  width: 100%;*/
}
.admin.profil .content section,
.admin.projet .content section {
  display: table-cell;
  min-width: 600px;
  /*PAGES PROFIL*/

}
.admin.profil .content section h2,
.admin.projet .content section h2 {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 23px;
  color: #2F313C;
}
.admin.profil .content section h2 i,
.admin.projet .content section h2 i {
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
}
.admin.profil .content section > div,
.admin.projet .content section > div {
  background: #d3e2e3;
  
  padding: 20px;
}
.admin.profil .content section > div table td > div,
.admin.projet .content section > div table td > div {
  position: relative;
}
.admin.profil .content section > div table p,
.admin.projet .content section > div table p,
.admin.profil .content section > div table input,
.admin.projet .content section > div table input {
  margin: 0;
  font-size: 14px;
  color: #5e7070;
  /* font-family: Arial, Helvetica, sans-serif; */
}
.admin.profil .content section > div table .compteur,
.admin.projet .content section > div table .compteur {
  position: absolute;
  width: 90px;
  height: 40px;
  line-height: 40px;
  right: 0;
  bottom: 0;
  color: #2f313c;
  text-align: center;
}
.admin.profil .content section > div table input[type="text"],
.admin.projet .content section > div table input[type="text"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  border: none;
  height: 40px;
  padding: 0 0px 0 20px;
  margin-top: 20px;
}
.admin.profil .content section > div table select,
.admin.projet .content section > div table select {
  width: 355px;
  height: 45px;
  padding: 12px 0 12px 20px;
  color: #2f313c;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 14px;
  margin-left: 20px;
}
.admin.profil .content section > div table textarea,
.admin.projet .content section > div table textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  padding: 10px;
  border: none;
  height: 160px;
  margin-top: 20px;
  font-size: 14px;
  color: #5e7070;
  /* font-family: Arial, Helvetica, sans-serif; */
}
.admin.profil .content section > div table .radio,
.admin.projet .content section > div table .radio {
  position: relative;
  background: #FFF;
  padding: 7px 7px 7px 20px;
}
.admin.profil .content section > div table .radio label,
.admin.projet .content section > div table .radio label,
.admin.profil .content section > div table .radio input,
.admin.projet .content section > div table .radio input {
  line-height: 26px;
}
.admin.profil .content section > div table .radio label,
.admin.projet .content section > div table .radio label {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 17px;
  font-weight: bold;
  color: #2f313c;
}
.admin.profil .content section > div table .upload,
.admin.projet .content section > div table .upload {
  position: relative;
  width: 183px;
  margin-left: 15px;
  background: #2f313c;
  color: #FFF;
  text-align: center;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
}
.admin.profil .content section > div table .upload input,
.admin.projet .content section > div table .upload input {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  filter: alpha(opacity=0);
}
.admin.profil .content section .contrepartie,
.admin.projet .content section .contrepartie {
  background: none;
  float: left;
  margin-right: 30px;
  border-top: none;
  padding: 0;
  position: relative;
}
.admin.profil .content section .contrepartie:nth-child(even),
.admin.projet .content section .contrepartie:nth-child(even) {
  margin-right: 0;
}
.admin.profil .content section .contrepartie h2,
.admin.projet .content section .contrepartie h2 {
  float: left;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 23px;
  color: #2F313C;
  margin: 0;
  line-height: 55px;
}
.admin.profil .content section .contrepartie > span,
.admin.projet .content section .contrepartie > span {
  cursor: pointer;
  position: relative;
  float: right;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 45px;
  padding-top: 10px;
  padding-left: 20px;
}
.admin.profil .content section .contrepartie > span i,
.admin.projet .content section .contrepartie > span i {
  text-transform: none;
  /* font-family: "petala-pro"; */
  font-weight: 700;
  font-style: normal;
}
.admin.profil .content section .contrepartie > span span,
.admin.projet .content section .contrepartie > span span {
  position: absolute;
  left: 0;
  top: 28px;
  width: 11px;
  height: 11px;
  background: url(../img/sprite-admin.png) -32px -2px no-repeat;
}
.admin.profil .content section .contrepartie .inner,
.admin.projet .content section .contrepartie .inner {
  width: 362px;
  background: #C1D5D6;
  clear: both;
  height: 470px;
  padding: 20px 24px;
}
.admin.profil .content section .contrepartie .inner > div,
.admin.projet .content section .contrepartie .inner > div {
  float: left;
}
.admin.profil .content section .contrepartie .inner > div label,
.admin.projet .content section .contrepartie .inner > div label {
  display: block;
  height: 29px;
  color: #2F313C;
}
.admin.profil .content section .contrepartie .inner > div input[type="text"],
.admin.projet .content section .contrepartie .inner > div input[type="text"] {
  border: none;
  height: 40px;
  line-height: 40px;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 20px;
  color: #2F313C;
}
.admin.profil .content section .contrepartie .inner > div.titre,
.admin.projet .content section .contrepartie .inner > div.titre {
  width: 100%;
  clear: both;
  margin-bottom: 10px;
}
.admin.profil .content section .contrepartie .inner > div.titre input,
.admin.projet .content section .contrepartie .inner > div.titre input {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  font-size: 16px;
}
.admin.profil .content section .contrepartie .inner > div.montant,
.admin.projet .content section .contrepartie .inner > div.montant {
  width: 146px;
  margin: 10px 0;
}
.admin.profil .content section .contrepartie .inner > div.montant .field,
.admin.projet .content section .contrepartie .inner > div.montant .field {
  position: relative;
}
.admin.profil .content section .contrepartie .inner > div.montant .field input,
.admin.projet .content section .contrepartie .inner > div.montant .field input {
  padding: 0 33px 0 15px;
  text-align: right;
  width: 98px;
}
.admin.profil .content section .contrepartie .inner > div.montant .field .euro,
.admin.projet .content section .contrepartie .inner > div.montant .field .euro {
  position: absolute;
  right: 0;
  width: 26px;
  text-align: left;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 20px;
  color: #2F313C;
  line-height: 40px;
}
.admin.profil .content section .contrepartie .inner > div.quantite,
.admin.projet .content section .contrepartie .inner > div.quantite {
  width: 185px;
  margin-left: 30px;
  margin-top: 10px;
}
.admin.profil .content section .contrepartie .inner > div.quantite input[type="checkbox"],
.admin.projet .content section .contrepartie .inner > div.quantite input[type="checkbox"] {
  margin: 2px 7px 0 0;
}
.admin.profil .content section .contrepartie .inner > div.quantite input[type="text"],
.admin.projet .content section .contrepartie .inner > div.quantite input[type="text"] {
  height: 0;
  display: block;
  padding: 0 15px 0 15px;
  text-align: right;
  width: 155px;
}
.admin.profil .content section .contrepartie .inner > div.description,
.admin.projet .content section .contrepartie .inner > div.description {
  float: none;
  clear: both;
  margin: 10px 0;
}
.admin.profil .content section .contrepartie .inner > div.description textarea,
.admin.projet .content section .contrepartie .inner > div.description textarea {
  width: 346px;
  max-width: 346px;
  min-width: 346px;
  padding: 8px;
  height: 72px;
  max-height: 72px;
  min-height: 72px;
  border: none;
  font-size: 12px;
  /* font-family: Arial, Helvetica, sans-serif; */
}
.admin.profil .content section .contrepartie .inner > div.datelivraison,
.admin.projet .content section .contrepartie .inner > div.datelivraison {
  width: 100%;
  margin: 0 0 10px 0;
}
.admin.profil .content section .contrepartie .inner > div.datelivraison input,
.admin.projet .content section .contrepartie .inner > div.datelivraison input {
  padding: 0 15px 0 15px;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.admin.profil .content section .contrepartie .inner > div.modelivraison,
.admin.projet .content section .contrepartie .inner > div.modelivraison {
  width: 100%;
}
.admin.profil .content section .contrepartie .inner > div .select,
.admin.projet .content section .contrepartie .inner > div .select {
  position: relative;
  float: left;
  width: 100%;
}
.admin.profil .content section .contrepartie .inner > div .select > option.first,
.admin.projet .content section .contrepartie .inner > div .select > option.first {
  color: #CACBBC;
}
.admin.profil .content section .contrepartie .inner > div .select select.hasCustomSelect,
.admin.projet .content section .contrepartie .inner > div .select select.hasCustomSelect {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
}
.admin.profil .content section .contrepartie .inner > div .select select.hasCustomSelect,
.admin.projet .content section .contrepartie .inner > div .select select.hasCustomSelect,
.admin.profil .content section .contrepartie .inner > div .select span.customSelect,
.admin.projet .content section .contrepartie .inner > div .select span.customSelect {
  cursor: pointer;
  height: 40px;
  background: url(../img/select-custom.png) right top #ffffff no-repeat;
  line-height: 36px;
  border: none;
  float: left;
  padding: 0 10px;
  font-size: 14px !important;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
}
.admin.profil .content section .contrepartie .inner > div .select select.hasCustomSelect,
.admin.projet .content section .contrepartie .inner > div .select select.hasCustomSelect {
  width: 100%;
  height: 40px;
}
.admin.profil .content section .contrepartie .inner cite,
.admin.projet .content section .contrepartie .inner cite {
  font-size: 12px;
  color: #2F313C;
  margin-top: 10px;
  /* font-family: Arial, Helvetica, sans-serif; */
}
.admin.profil .content section .contrepartie.new,
.admin.projet .content section .contrepartie.new {
  display: none;
}
.admin.profil .content section .add,
.admin.projet .content section .add {
  background: none;
  width: 404px;
  float: left;
  margin: 55px 0 0 0;
  border-top: none;
  height: 504px;
  padding: 0;
  border: 3px solid #C1D5D6;
  position: relative;
}
.admin.profil .content section .add span,
.admin.projet .content section .add span {
  width: 234px;
  height: 51px;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 10px 0;
  border-bottom: 3px solid #C1D4D5;
  position: absolute;
  top: 50%;
  margin-top: -37px;
  left: 50%;
  cursor: pointer;
  margin-left: -117px;
  background: #2F313C;
  color: #FFF;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 19px;
  text-transform: uppercase;
}
.admin.profil .content section .add span:hover,
.admin.projet .content section .add span:hover {
  background: #464959;
}
.admin.profil .content section .annuler,
.admin.projet .content section .annuler,
.admin.profil .content section .valider,
.admin.projet .content section .valider {
  width: 192px;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: 42px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 19px;
  height: 50px;
  border: none;
  border-bottom: 3px solid #C1D5D6;
  text-align: center;
  line-height: 50px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.admin.profil .content section .annuler,
.admin.projet .content section .annuler {
  float: left;
  background: #C1D5D6;
}
.admin.profil .content section .annuler:hover,
.admin.projet .content section .annuler:hover {
  background: #fb473f;
}
.admin.profil .content section .valider,
.admin.projet .content section .valider {
  float: right;
  background: #08ada0;
}
.admin.profil .content section .valider:hover,
.admin.projet .content section .valider:hover {
  background: #1cdacb;
}
.admin.profil .content section .gris,
.admin.projet .content section .gris {
  display: table;
  width: 100%;
  border-top: none;
  background: #C1D5D6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* firefox 19+ */

  /* ie */

}
.admin.profil .content section .gris .left,
.admin.projet .content section .gris .left,
.admin.profil .content section .gris .right,
.admin.projet .content section .gris .right {
  display: table-cell;
  vertical-align: top;
}
.admin.profil .content section .gris ::-webkit-input-placeholder,
.admin.projet .content section .gris ::-webkit-input-placeholder {
  color: #2F313C;
  opacity: 1;
}
.admin.profil .content section .gris ::-moz-placeholder,
.admin.projet .content section .gris ::-moz-placeholder {
  opacity: 1;
  color: #2F313C;
}
.admin.profil .content section .gris :-ms-input-placeholder,
.admin.projet .content section .gris :-ms-input-placeholder {
  opacity: 1;
  color: #2F313C;
}
.admin.profil .content section .gris input:-moz-placeholder,
.admin.projet .content section .gris input:-moz-placeholder {
  opacity: 1;
  color: #2F313C;
}
.admin.profil .content section .gris input:focus::-moz-placeholder,
.admin.projet .content section .gris input:focus::-moz-placeholder {
  opacity: 1;
  color: #999;
}
.admin.profil .content section .gris input:focus::-webkit-input-placeholder,
.admin.projet .content section .gris input:focus::-webkit-input-placeholder,
.admin.profil .content section .gris input:focus::-ms-input-placeholder,
.admin.projet .content section .gris input:focus::-ms-input-placeholder {
  opacity: 1;
  color: #999;
}
.admin.profil .content section .gris.informations .left,
.admin.projet .content section .gris.informations .left {
  width: 277px;
  padding-right: 20px;
}
.admin.profil .content section .gris.informations .left input[name="last_name"],
.admin.projet .content section .gris.informations .left input[name="last_name"] {
  margin-top: 0;
}
.admin.profil .content section .gris.informations .left input,
.admin.projet .content section .gris.informations .left input {
  width: 247px;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 20px;
  color: #2F313C;
  border: none;
  margin-top: 20px;
}
.admin.profil .content section .gris.informations .right textarea,
.admin.projet .content section .gris.informations .right textarea {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 20px;
  color: #2F313C;
  border: none;
  height: 160px;
  display: block;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.admin.profil .content section .gris.informations_mangopay,
.admin.projet .content section .gris.informations_mangopay {
  padding-top: 0px;
  margin-top: -20px;
}
.admin.profil .content section .gris.informations_mangopay input,
.admin.projet .content section .gris.informations_mangopay input {
  width: 247px;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 20px;
  color: #2F313C;
  border: none;
  margin-top: 20px;
  float: left;
  margin-right: 20px;
}
.admin.profil .content section .gris.informations_mangopay input.nomarginright,
.admin.projet .content section .gris.informations_mangopay input.nomarginright {
  margin-right: 0;
  width: 255px;
}
.admin.profil .content section .gris.informations_mangopay .select,
.admin.projet .content section .gris.informations_mangopay .select {
  position: relative;
  float: left;
  margin-top: 20px;
}
.admin.profil .content section .gris.informations_mangopay .select > option.first,
.admin.projet .content section .gris.informations_mangopay .select > option.first {
  color: #CACBBC;
}
.admin.profil .content section .gris.informations_mangopay .select select.hasCustomSelect,
.admin.projet .content section .gris.informations_mangopay .select select.hasCustomSelect {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
}
.admin.profil .content section .gris.informations_mangopay .select select.hasCustomSelect,
.admin.projet .content section .gris.informations_mangopay .select select.hasCustomSelect,
.admin.profil .content section .gris.informations_mangopay .select span.customSelect,
.admin.projet .content section .gris.informations_mangopay .select span.customSelect {
  width: 257px;
  height: 40px;
  background: url(../img/select-custom.png) right top #ffffff no-repeat;
  line-height: 36px;
  float: left;
  margin-right: 20px;
  padding: 0 10px;
  font-size: 20px !important;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
}
.admin.profil .content section .gris.informations_mangopay .select select.hasCustomSelect,
.admin.projet .content section .gris.informations_mangopay .select select.hasCustomSelect {
  width: 277px;
  height: 44px;
}
.admin.profil .content section .gris.web .first .input input,
.admin.projet .content section .gris.web .first .input input,
.admin.profil .content section .gris.web .first .button a,
.admin.projet .content section .gris.web .first .button a {
  margin-top: 0;
}
.admin.profil .content section .gris.web .button,
.admin.projet .content section .gris.web .button {
  width: 208px;
}
.admin.profil .content section .gris.web .button input[type="button"],
.admin.projet .content section .gris.web .button input[type="button"] {
  width: 193px;
  margin-top: 0 !important;
  height: 40px;
  display: block;
  cursor: pointer;
  background: #2F313C;
  color: #FFF;
  font-size: 12px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: none;
  line-height: 40px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  border: 0;
}
.admin.profil .content section .gris.web .button input[type="button"]:hover,
.admin.projet .content section .gris.web .button input[type="button"]:hover {
  background: #444657;
}
.admin.profil .content section .gris.web .button input[type="button"]#add,
.admin.projet .content section .gris.web .button input[type="button"]#add {
  position: relative;
}
.admin.profil .content section .gris.web .button input[type="button"]#add span,
.admin.projet .content section .gris.web .button input[type="button"]#add span {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(../img/sprite-demarrer-lien.png) left top no-repeat;
  right: 9px;
  top: 9px;
}
.admin.profil .content section .gris.web .button input[type="button"].remove,
.admin.projet .content section .gris.web .button input[type="button"].remove {
  position: relative;
}
.admin.profil .content section .gris.web .button input[type="button"].remove span,
.admin.projet .content section .gris.web .button input[type="button"].remove span {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(../img/sprite-demarrer-lien.png) -45px top no-repeat;
  right: 9px;
  top: 9px;
}
.admin.profil .content section .gris.web .button input[type="button"].remove,
.admin.projet .content section .gris.web .button input[type="button"].remove {
  margin-top: 20px !important;
}
.admin.profil .content section .gris.simple,
.admin.projet .content section .gris.simple {
  /* firefox 19+ */

  /* ie */

}
.admin.profil .content section .gris.simple ::-webkit-input-placeholder,
.admin.projet .content section .gris.simple ::-webkit-input-placeholder {
  color: #2F313C;
  opacity: 1;
}
.admin.profil .content section .gris.simple ::-moz-placeholder,
.admin.projet .content section .gris.simple ::-moz-placeholder {
  opacity: 1;
  color: #2F313C;
}
.admin.profil .content section .gris.simple :-ms-input-placeholder,
.admin.projet .content section .gris.simple :-ms-input-placeholder {
  opacity: 1;
  color: #2F313C;
}
.admin.profil .content section .gris.simple input:-moz-placeholder,
.admin.projet .content section .gris.simple input:-moz-placeholder {
  opacity: 1;
  color: #2F313C;
}
.admin.profil .content section .gris.simple input:focus::-moz-placeholder,
.admin.projet .content section .gris.simple input:focus::-moz-placeholder {
  opacity: 1;
  color: #999;
}
.admin.profil .content section .gris.simple input:focus::-webkit-input-placeholder,
.admin.projet .content section .gris.simple input:focus::-webkit-input-placeholder,
.admin.profil .content section .gris.simple input:focus::-ms-input-placeholder,
.admin.projet .content section .gris.simple input:focus::-ms-input-placeholder {
  opacity: 1;
  color: #999;
}
.admin.profil .content section .gris.simple input,
.admin.projet .content section .gris.simple input {
  padding: 0 15px;
  border: none;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2F313C;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.admin.profil .content section .gris.simple input[name="display_name"],
.admin.projet .content section .gris.simple input[name="display_name"] {
  font-size: 20px;
}
.admin.profil .content section.moncompte,
.admin.projet .content section.moncompte {
  width: 100%;
  background: none;
}
.admin.profil .content section.moncompte .three,
.admin.projet .content section.moncompte .three {
  display: table-cell;
  padding: 0;
  width: 33%;
  padding-right: 2%;
  background: none;
  border-top: none;
}
.admin.profil .content section.moncompte .three h2,
.admin.projet .content section.moncompte .three h2 {
  margin-top: 0;
}
.admin.profil .content section.moncompte .three .gris,
.admin.projet .content section.moncompte .three .gris {
  background: #C1D5D6;
  padding: 20px;
  display: block;
  width: auto;
}
.admin.profil .content section.moncompte .three .gris#password input,
.admin.projet .content section.moncompte .three .gris#password input {
  clear: both;
  display: block;
  width: 100%;
  margin-bottom: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0 15px;
  border: none;
  height: 40px;
  line-height: 40px;
  color: 2F313C;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 14px;
}
.admin.profil .content section.moncompte .three .gris#password span,
.admin.projet .content section.moncompte .three .gris#password span {
  float: left;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #2F313C;
  margin: 10px 0 20px;
  line-height: 20px;
}
.admin.profil .content section.moncompte .three .gris#password #changepwd,
.admin.projet .content section.moncompte .three .gris#password #changepwd {
  float: right;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  color: #00ac9f;
  margin: 10px 0 20px;
  line-height: 20px;
  font-size: 14px;
  text-decoration: underline;
}
.admin.profil .content section.moncompte .three .gris#password div,
.admin.projet .content section.moncompte .three .gris#password div {
  display: none;
  clear: both;
  overflow: hidden;
}
.admin.profil .content section.moncompte .three .gris#password div hr,
.admin.projet .content section.moncompte .three .gris#password div hr {
  margin: 30px 0;
  border-bottom: none;
  border-top: 1px solid #FFF;
}
.admin.profil .content section.moncompte .three .gris#password button,
.admin.projet .content section.moncompte .three .gris#password button {
  display: none;
  clear: both;
  background: #00ac9f;
  margin-top: 10px;
  border: none;
  padding: 0 20px;
  height: 50px;
  width: 150px;
  line-height: 50px;
  color: #FFF;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
}
.admin.profil .content section.moncompte .three .gris.fb a,
.admin.projet .content section.moncompte .three .gris.fb a {
  position: relative;
  display: block;
  height: 40px;
  line-height: 40px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding-left: 10px;
  margin-bottom: 43px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: #3b5998;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
}
.admin.profil .content section.moncompte .three .gris.fb a:hover,
.admin.projet .content section.moncompte .three .gris.fb a:hover {
  background: #5077CC;
}
.admin.profil .content section.moncompte .three .gris.fb a span,
.admin.projet .content section.moncompte .three .gris.fb a span {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -10px;
  background: url(../img/enter.png);
  height: 21px;
  width: 21px;
}
.admin.profil .content section.moncompte .three .gris p,
.admin.projet .content section.moncompte .three .gris p {
  color: #2F313C;
  font-size: 14px;
  /* font-family: Arial, Helvetica, sans-serif; */
  margin: 0;
}
.admin.profil .content section.moncompte .three .gris .delete,
.admin.projet .content section.moncompte .three .gris .delete {
  position: relative;
  height: 20px;
  cursor: pointer;
  padding-left: 20px;
  margin-top: 30px;
  display: block;
  text-decoration: none;
  color: #2F313C;
}
.admin.profil .content section.moncompte .three .gris .delete:hover,
.admin.projet .content section.moncompte .three .gris .delete:hover {
  text-decoration: underline;
}
.admin.profil .content section.moncompte .three .gris .delete span,
.admin.projet .content section.moncompte .three .gris .delete span {
  position: absolute;
  top: 6px;
  left: 0;
  height: 11px;
  width: 11px;
  background: url("../img/sprite-admin.png") no-repeat -32px -2px;
}
.admin.profil .content section.moncompte .supprimer,
.admin.projet .content section.moncompte .supprimer {
  padding-right: 0;
}
.admin.profil .content aside,
.admin.projet .content aside {
  display: table-cell;
  width: 239px;
  padding: 0 0 0 20px;
}
.admin.profil .content aside h3,
.admin.projet .content aside h3 {
  font-size: 22px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  margin: 18px 0;
  padding-bottom: 18px;
  color: #2f313c;
  border-bottom: 3px solid #C1D5D6;
}
.admin.profil .content aside .blocProjet,
.admin.projet .content aside .blocProjet {
  margin-right: 0;
  padding: 2px;
  width: 235px;
}
.admin.profil .content aside .blocProjet figure,
.admin.projet .content aside .blocProjet figure {
  width: 235px;
}
.admin.profil .content aside .blocProjet figure a.thumb,
.admin.projet .content aside .blocProjet figure a.thumb {
  width: 235px;
  height: 136px;
  display: block;
  position: relative;
}
.admin.profil .content aside .blocProjet figure a.thumb img,
.admin.projet .content aside .blocProjet figure a.thumb img {
  width: 100%;
  height: auto;
}
.admin.profil .content aside .blocProjet figure a.thumb img.loading,
.admin.projet .content aside .blocProjet figure a.thumb img.loading {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -16px;
  margin-top: -16px;
}
.admin.profil .content aside .blocProjet > div,
.admin.projet .content aside .blocProjet > div {
  border-right: none;
}
.admin.profil .content aside .blocProjet > div .infos .collectes,
.admin.projet .content aside .blocProjet > div .infos .collectes {
  width: 105px;
}
.admin.profil .content aside .blocProjet > div .lieu,
.admin.projet .content aside .blocProjet > div .lieu {
  width: 210px;
}
.admin.profil .content form#profil,
.admin.projet .content form#profil {
  display: table;
  width: 100%;
}
.admin.profil .content #newsletter,
.admin.projet .content #newsletter {
  width: 675px;
}
.admin.profil .content #newsletter section,
.admin.projet .content #newsletter section {
  width: 100%;
}
.admin.profil .content #newsletter .gris,
.admin.projet .content #newsletter .gris {
  padding: 10px 20px;
  display: table;
  background: #D3E2E3;
}
.admin.profil .content #newsletter .gris-block,
.admin.projet .content #newsletter .gris-block {
  padding: 10px 20px;
  display: block;
}
.admin.profil .content #newsletter label,
.admin.projet .content #newsletter label {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-weight: bold;
  font-size: 14px;
  color: #2F313C;
}
.admin.profil .content #newsletter input,
.admin.projet .content #newsletter input {
  margin-right: 15px;
}
.admin.profil .content #newsletter .one,
.admin.projet .content #newsletter .one {
  display: table-cell;
  vertical-align: middle;
  width: 240px;
  height: 40px;
}
.admin.profil .content #newsletter .two,
.admin.projet .content #newsletter .two {
  display: table-cell;
  vertical-align: middle;
  width: 210px;
  height: 40px;
}
.admin.profil .content #newsletter .two label,
.admin.projet .content #newsletter .two label {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-weight: bold;
  font-size: 14px;
  color: #2F313C;
}
.admin.profil .content #newsletter .two input,
.admin.projet .content #newsletter .two input {
  margin-right: 15px;
}
.admin.profil .content #newsletter .three,
.admin.projet .content #newsletter .three {
  display: table-cell;
  vertical-align: middle;
}
.admin.profil .content #newsletter .three .select,
.admin.projet .content #newsletter .three .select {
  position: relative;
  float: left;
}
.admin.profil .content #newsletter .three .select > option.first,
.admin.projet .content #newsletter .three .select > option.first {
  color: #CACBBC;
}
.admin.profil .content #newsletter .three .select select.hasCustomSelect,
.admin.projet .content #newsletter .three .select select.hasCustomSelect {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
}
.admin.profil .content #newsletter .three .select select.hasCustomSelect,
.admin.projet .content #newsletter .three .select select.hasCustomSelect,
.admin.profil .content #newsletter .three .select span.customSelect,
.admin.projet .content #newsletter .three .select span.customSelect {
  cursor: pointer;
  width: 144px;
  height: 40px;
  background: url(../img/select-custom.png) right top #ffffff no-repeat;
  line-height: 36px;
  border: none;
  float: left;
  padding: 0 10px;
  font-size: 14px !important;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
}
.admin.profil .content #newsletter .three .select select.hasCustomSelect,
.admin.projet .content #newsletter .three .select select.hasCustomSelect {
  width: 168px;
  height: 40px;
}
.admin.profil .content #newsletter .full,
.admin.projet .content #newsletter .full {
  width: 100%;
  clear: both;
  float: left;
  padding: 10px 0 20px 0;
}
.admin.profil .content #newsletter .full h4,
.admin.projet .content #newsletter .full h4 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.admin.profil .content.datatable,
.admin.projet .content.datatable {
  display: block;
  width: auto;
}
.admin.profil .content.datatable .box-datatable,
.admin.projet .content.datatable .box-datatable {
  position: relative;
}
.admin.profil .content.datatable .box-datatable .options,
.admin.projet .content.datatable .box-datatable .options {
  position: absolute;
  left: 0;
  top: 2px;
}
.admin.profil .content.datatable .box-datatable .options .select,
.admin.projet .content.datatable .box-datatable .options .select {
  position: relative;
  float: left;
}
.admin.profil .content.datatable .box-datatable .options .select > option.first,
.admin.projet .content.datatable .box-datatable .options .select > option.first {
  color: #CACBBC;
}
.admin.profil .content.datatable .box-datatable .options .select select.hasCustomSelect,
.admin.projet .content.datatable .box-datatable .options .select select.hasCustomSelect {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
}
.admin.profil .content.datatable .box-datatable .options .select select.hasCustomSelect,
.admin.projet .content.datatable .box-datatable .options .select select.hasCustomSelect,
.admin.profil .content.datatable .box-datatable .options .select span.customSelect,
.admin.projet .content.datatable .box-datatable .options .select span.customSelect {
  cursor: pointer;
  width: 148px;
  height: 40px;
  background: url(../img/select-custom.png) right top #ffffff no-repeat;
  line-height: 36px;
  border: none;
  float: left;
  padding: 0 10px;
  font-size: 14px !important;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
}
.admin.profil .content.datatable .box-datatable .options .select select.hasCustomSelect,
.admin.projet .content.datatable .box-datatable .options .select select.hasCustomSelect {
  width: 168px;
  height: 40px;
}
.admin.profil .content.datatable .box-datatable .options button.export,
.admin.projet .content.datatable .box-datatable .options button.export {
  width: 114px;
  text-align: center;
  height: 40px;
  border: 0;
  margin-left: 10px;
  border-bottom: 3px solid #C1D5D6;
  background: #2F313C;
  color: #FFF;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
}
.admin.profil .content.datatable .box-datatable .options a.export,
.admin.projet .content.datatable .box-datatable .options a.export {
  text-align: center;
  height: 40px;
  border: 0;
  border-bottom: 3px solid #C1D5D6;
  background: #2F313C;
  color: #FFF;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  display: block;
  line-height: 40px;
  padding: 0 10px;
}
.admin.profil .content.datatable .box-datatable .top .dataTables_length,
.admin.projet .content.datatable .box-datatable .top .dataTables_length {
  width: 150px;
}
.admin.profil .content.datatable .box-datatable .top .dataTables_length select.hasCustomSelect,
.admin.projet .content.datatable .box-datatable .top .dataTables_length select.hasCustomSelect,
.admin.profil .content.datatable .box-datatable .top .dataTables_length span.customSelect,
.admin.projet .content.datatable .box-datatable .top .dataTables_length span.customSelect {
  width: 130px;
}
.admin.profil .content.datatable .box-datatable .top .dataTables_length select.hasCustomSelect,
.admin.projet .content.datatable .box-datatable .top .dataTables_length select.hasCustomSelect {
  width: 150px;
}
.admin.profil .content.datatable .box-datatable .dataTables_wrapper,
.admin.projet .content.datatable .box-datatable .dataTables_wrapper {
  margin-bottom: 30px;
}
.admin.profil .content.datatable .box-datatable table input,
.admin.projet .content.datatable .box-datatable table input {
  margin-right: 5px;
}
.admin.profil .content.datatable .box-datatable table .user,
.admin.projet .content.datatable .box-datatable table .user {
  text-decoration: underline;
  cursor: pointer;
  font-weight: bold;
}
.admin.profil .content.datatable .box-datatable table div,
.admin.projet .content.datatable .box-datatable table div {
  position: relative;
}
.admin.profil .content.datatable .box-datatable table div:hover .contrepartie,
.admin.projet .content.datatable .box-datatable table div:hover .contrepartie {
  display: block;
}
.admin.profil .content.datatable .box-datatable table div .contrepartie,
.admin.projet .content.datatable .box-datatable table div .contrepartie {
  position: absolute;
  display: none;
  right: 100%;
  margin-left: -115px;
  top: 50%;
  width: 230px;
  background: #e5eff0;
  z-index: 2;
  box-shadow: 0 0 3px 1px #2f313C;
  -webkit-box-shadow: 0 0 3px 1px #2f313C;
}
.admin.profil .content.datatable .box-datatable table div .contrepartie span,
.admin.projet .content.datatable .box-datatable table div .contrepartie span {
  display: block;
}
.admin.profil .content.datatable .box-datatable table div .contrepartie .montant,
.admin.projet .content.datatable .box-datatable table div .contrepartie .montant {
  background: #2F313C;
  padding: 0 10px;
  color: #FFF;
  height: 32px;
  line-height: 32px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-weight: bold;
}
.admin.profil .content.datatable .box-datatable table div .contrepartie .supporter,
.admin.projet .content.datatable .box-datatable table div .contrepartie .supporter {
  position: relative;
  color: #2F313f;
  font-size: 14px;
  margin: 0 10px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  height: 24px;
  line-height: 24px;
  padding-left: 25px;
  margin-top: 8px;
}
.admin.profil .content.datatable .box-datatable table div .contrepartie .supporter span,
.admin.projet .content.datatable .box-datatable table div .contrepartie .supporter span {
  position: absolute;
  width: 14px;
  height: 13px;
  top: 5px;
  left: 0;
  background: url("../img/sprite-projet.png") no-repeat scroll -40px -40px rgba(0, 0, 0, 0);
}
.admin.profil .content.datatable .box-datatable table div .contrepartie .limite,
.admin.projet .content.datatable .box-datatable table div .contrepartie .limite {
  float: left;
  color: #000;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-weight: bold;
  padding: 0 10px;
  margin: 6px 10px 12px;
  line-height: 21px;
  height: 21px;
  clear: both;
  font-size: 11px;
}
.admin.profil .content.datatable .box-datatable table div .contrepartie p,
.admin.projet .content.datatable .box-datatable table div .contrepartie p {
  font-size: 12px;
  color: #2F313C;
  clear: both;
  /* font-family: Arial, Helvetica, sans-serif; */
  margin: 0 10px 12px;
}
.admin.profil .content.datatable .box-datatable table div .contrepartie .livraison,
.admin.projet .content.datatable .box-datatable table div .contrepartie .livraison {
  margin: 0 10px 15px;
  font-size: 12px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  color: #2F313C;
}
.admin.profil .content.datatable .box-datatable table a.recu_fiscal,
.admin.projet .content.datatable .box-datatable table a.recu_fiscal {
  display: block;
  position: relative;
}
.admin.profil .content.datatable .box-datatable table a.recu_fiscal.disabled,
.admin.projet .content.datatable .box-datatable table a.recu_fiscal.disabled {
  color: #c2c3c8;
}
.admin.profil .content.datatable .box-datatable table a.recu_fiscal .hover,
.admin.projet .content.datatable .box-datatable table a.recu_fiscal .hover {
  display: none;
  position: absolute;
  width: 180px;
  background: #555867;
  bottom: 15px;
  right: -16px;
  padding: 10px;
  color: #FFF;
  font-size: 12px;
  /* font-family: Arial, Helvetica, sans-serif; */
}
.admin.profil .content.datatable .box-datatable table a.recu_fiscal .hover span,
.admin.projet .content.datatable .box-datatable table a.recu_fiscal .hover span {
  position: absolute;
  bottom: -8px;
  left: 40px;
  border-top: 8px solid #555867;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.admin.profil .content.datatable .box-datatable table a.recu_fiscal:hover .hover,
.admin.projet .content.datatable .box-datatable table a.recu_fiscal:hover .hover {
  display: block;
}
.admin.profil .content.datatable h2.left,
.admin.projet .content.datatable h2.left {
  color: #2F313C;
  font-size: 23px;
  margin-bottom: 40px;
  float: left;
  margin: 40px 0;
}
.admin.profil .content.datatable .credit,
.admin.projet .content.datatable .credit {
  padding-bottom: 35px;
  border-bottom: 3px solid #C1D5D6;
  overflow: hidden;
  position: relative;
}
.admin.profil .content.datatable .credit a.recup_fonds,
.admin.projet .content.datatable .credit a.recup_fonds {
  color: #08ADA0;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  text-decoration: underline;
  position: relative;
  /*right: 0;*/
  bottom: 10px;
}
.admin.profil .content.datatable .credit h2.left,
.admin.projet .content.datatable .credit h2.left {
  margin: 12px 0 0;
}
.admin.profil .content.datatable .credit > div,
.admin.projet .content.datatable .credit > div {
  float: right;
  text-align: right;
}
.admin.profil .content.datatable .credit > div p,
.admin.projet .content.datatable .credit > div p {
  margin: 0;
}
.admin.profil .content.datatable .credit > div p span,
.admin.projet .content.datatable .credit > div p span {
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  font-size: 41px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #2F313C;
  line-height: 37px;
  display: block;
  float: left;
  width: 200px;
  text-align: right;
}
.admin.profil .content.datatable .credit > div p .recharger,
.admin.projet .content.datatable .credit > div p .recharger {
  float: right;
  cursor: pointer;
  background: #2F313C;
  border-bottom: 3px solid #C1D5D6;
  color: #FFF;
  text-align: center;
  height: 37px;
  line-height: 37px;
  font-size: 12px;
  text-transform: uppercase;
  width: 115px;
  margin-left: 25px;
}
.admin.profil .content.datatable .credit > div p .recharger:hover,
.admin.projet .content.datatable .credit > div p .recharger:hover {
  background: #444657;
}
.admin.profil .content.datatable .credit > div #credit,
.admin.projet .content.datatable .credit > div #credit {
  display: none;
}
.admin.profil .content.datatable .credit > div #credit > div,
.admin.projet .content.datatable .credit > div #credit > div {
  clear: both;
  width: 350px;
}
.admin.profil .content.datatable .credit > div #credit > div div,
.admin.projet .content.datatable .credit > div #credit > div div {
  float: left;
  height: 36px;
  border: 2px solid #C1D5D6;
  width: 200px;
  padding: 0 10px;
  background: #FFF;
  position: relative;
}
.admin.profil .content.datatable .credit > div #credit > div div input,
.admin.projet .content.datatable .credit > div #credit > div div input {
  width: 170px;
  padding: 0 25px 0 0;
  border: none;
  height: 36px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  color: #2F313C;
  font-size: 18px;
  line-height: 36px;
  text-align: right;
}
.admin.profil .content.datatable .credit > div #credit > div div .euro,
.admin.projet .content.datatable .credit > div #credit > div div .euro {
  position: absolute;
  right: 10px;
  top: 0;
  height: 36px;
  width: 20px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  color: #2F313C;
  font-size: 24px;
  line-height: 36px;
}
.admin.profil .content.datatable .credit > div #credit > div button,
.admin.projet .content.datatable .credit > div #credit > div button {
  float: right;
  height: 40px;
  width: 115px;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  background: #08ada0;
  border: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-bottom: 3px solid #C1D5D6;
  color: #FFF;
  text-align: center;
  line-height: 37px;
  font-size: 12px;
  text-transform: uppercase;
  margin-left: 10px;
}
.admin.profil .content.datatable .credit > div #credit > div button:hover,
.admin.projet .content.datatable .credit > div #credit > div button:hover {
  background: #1CDACB;
}
.admin.profil .content.datatable #virement table th,
.admin.projet .content.datatable #virement table th {
  text-align: left;
  padding-top: 15px;
}
.admin.profil .content.datatable #virement table td > div,
.admin.projet .content.datatable #virement table td > div {
  position: relative;
}
.admin.profil .content.datatable #virement table p,
.admin.projet .content.datatable #virement table p,
.admin.profil .content.datatable #virement table input,
.admin.projet .content.datatable #virement table input {
  margin: 0;
  font-size: 14px;
  color: #5e7070;
  /* font-family: Arial, Helvetica, sans-serif; */
}
.admin.profil .content.datatable #virement table .compteur,
.admin.projet .content.datatable #virement table .compteur {
  position: absolute;
  width: 90px;
  height: 40px;
  line-height: 40px;
  right: 0;
  bottom: 0;
  color: #2f313c;
  text-align: center;
}
.admin.profil .content.datatable #virement table input[type="text"],
.admin.projet .content.datatable #virement table input[type="text"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  border: none;
  height: 40px;
  padding: 0 20px 0 20px;
}
.admin.profil .content.datatable .top,
.admin.projet .content.datatable .top {
  padding: 0 0 0 310px;
  overflow: hidden;
}
.admin.profil .content.datatable .top .dataTables_filter,
.admin.projet .content.datatable .top .dataTables_filter {
  margin-bottom: 30px;
  float: left;
}
.admin.profil .content.datatable .top .dataTables_length,
.admin.projet .content.datatable .top .dataTables_length,
.admin.profil .content.datatable .top .dataTables_paginate,
.admin.projet .content.datatable .top .dataTables_paginate {
  margin-bottom: 30px;
  margin-top: 0;
}
.admin.profil .content.datatable .bottom .dataTables_paginate,
.admin.projet .content.datatable .bottom .dataTables_paginate {
  margin-right: 0;
}
.admin.profil .content.datatable .dataTables_wrapper,
.admin.projet .content.datatable .dataTables_wrapper {
  float: right;
  width: 100%;
}
.admin.profil .content.datatable .dataTables_filter,
.admin.projet .content.datatable .dataTables_filter {
  width: 282px;
  height: 43px;
}
.admin.profil .content.datatable .dataTables_filter label,
.admin.projet .content.datatable .dataTables_filter label {
  display: block;
  text-indent: -999em;
}
.admin.profil .content.datatable .dataTables_filter label input,
.admin.projet .content.datatable .dataTables_filter label input {
  width: 230px;
  height: 36px;
  border: 2px solid #C1D5D6;
  display: block;
  margin-top: -21px;
  padding: 0 37px 0 10px;
  /*background: url(../img/datatable_filter.png) right top no-repeat #ffffff;*/
}
.admin.profil .content.datatable table.dataTable,
.admin.projet .content.datatable table.dataTable {
  width: 100% !important;
  border-collapse: inherit;
  border-spacing: 1px;
}
.admin.profil .content.datatable table.dataTable thead td,
.admin.projet .content.datatable table.dataTable thead td {
  background: #C1D5D6;
  padding: 20px;
  /* font-family: "petala-pro"; */
  font-weight: 700;
  font-style: normal;
  font-size: 15px;
  line-height: 15px;
  text-transform: uppercase;
  color: #2F313C;
}
.admin.profil .content.datatable table.dataTable thead td div,
.admin.projet .content.datatable table.dataTable thead td div {
  position: relative;
}
.admin.profil .content.datatable table.dataTable thead td span,
.admin.projet .content.datatable table.dataTable thead td span {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
  width: 8px;
  height: 16px;
  background: url(../img/sprite-dataTable.png) left top;
}
.admin.profil .content.datatable table.dataTable thead td.sorting_desc span,
.admin.projet .content.datatable table.dataTable thead td.sorting_desc span {
  background-position: -40px top;
}
.admin.profil .content.datatable table.dataTable thead td.sorting_asc span,
.admin.projet .content.datatable table.dataTable thead td.sorting_asc span {
  background-position: -20px top;
}
.admin.profil .content.datatable table.dataTable thead .date,
.admin.projet .content.datatable table.dataTable thead .date {
  width: 55px;
}
.admin.profil .content.datatable table.dataTable thead .montant,
.admin.projet .content.datatable table.dataTable thead .montant {
  width: 100px;
}
.admin.profil .content.datatable table.dataTable thead .small,
.admin.projet .content.datatable table.dataTable thead .small {
  width: 130px;
}
.admin.profil .content.datatable table.dataTable thead .large,
.admin.projet .content.datatable table.dataTable thead .large {
  width: 150px;
}
.admin.profil .content.datatable table.dataTable tbody td,
.admin.projet .content.datatable table.dataTable tbody td {
  background: #FFF;
  padding: 20px;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2F313C;
  font-size: 14px;
}
.admin.profil .content.datatable table.dataTable tbody td a,
.admin.projet .content.datatable table.dataTable tbody td a {
  color: #08ADA0;
  text-decoration: underline;
}
.admin.profil .content.datatable .dataTables_length,
.admin.projet .content.datatable .dataTables_length {
  position: relative;
  text-indent: -999em;
  height: 40px;
  float: right;
  width: 177px;
  margin-top: 30px;
}
.admin.profil .content.datatable .dataTables_length > option.first,
.admin.projet .content.datatable .dataTables_length > option.first {
  color: #CACBBC;
}
.admin.profil .content.datatable .dataTables_length select.hasCustomSelect,
.admin.projet .content.datatable .dataTables_length select.hasCustomSelect {
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
}
.admin.profil .content.datatable .dataTables_length select.hasCustomSelect,
.admin.projet .content.datatable .dataTables_length select.hasCustomSelect,
.admin.profil .content.datatable .dataTables_length span.customSelect,
.admin.projet .content.datatable .dataTables_length span.customSelect {
  cursor: pointer;
  text-indent: 0;
  width: 157px;
  height: 40px;
  background: url(../img/select-custom.png) right top #ffffff no-repeat;
  line-height: 43px;
  float: left;
  margin: 0 8px 0 0;
  padding: 0 10px;
  font-size: 14px !important;
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #2f313c;
}
.admin.profil .content.datatable .dataTables_length select.hasCustomSelect,
.admin.projet .content.datatable .dataTables_length select.hasCustomSelect {
  width: 124px;
  height: 44px;
}
.admin.profil .content.datatable .dataTables_paginate,
.admin.projet .content.datatable .dataTables_paginate {
  overflow: hidden;
  float: right;
  margin-top: 30px;
  margin-right: 25px;
}
.admin.profil .content.datatable .dataTables_paginate a.first,
.admin.projet .content.datatable .dataTables_paginate a.first,
.admin.profil .content.datatable .dataTables_paginate a.last,
.admin.projet .content.datatable .dataTables_paginate a.last {
  display: none;
}
.admin.profil .content.datatable .dataTables_paginate > a,
.admin.projet .content.datatable .dataTables_paginate > a {
  height: 40px;
  width: 40px;
  background: #2F313C;
  background: url(../img/sprite-buttons.jpg);
  float: left;
  text-indent: -999em;
  cursor: pointer;
}
.admin.profil .content.datatable .dataTables_paginate > a.previous,
.admin.projet .content.datatable .dataTables_paginate > a.previous {
  background-position: left top;
}
.admin.profil .content.datatable .dataTables_paginate > a.next,
.admin.projet .content.datatable .dataTables_paginate > a.next {
  background-position: -40px top;
}
.admin.profil .content.datatable .dataTables_paginate span,
.admin.projet .content.datatable .dataTables_paginate span {
  background: #FFF;
  float: left;
  height: 40px;
  padding: 0 10px;
}
.admin.profil .content.datatable .dataTables_paginate span a,
.admin.projet .content.datatable .dataTables_paginate span a {
  float: left;
  padding: 0 4px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.admin.profil .content.datatable .dataTables_paginate span a.paginate_active,
.admin.projet .content.datatable .dataTables_paginate span a.paginate_active {
  color: #08ADA0;
  cursor: default;
}
/* FIX PADDING SUR LISTE CONTRIBUTIONS DONATEUR */
.author.contributions table.dataTable {
  padding-top: 70px;
}
/* Permet de voir complètement les popins contreparties si page trop petite*/
body.contributions .content,
body.admin.projet .content {
  overflow: visible;
}
/* FIX LARGEUR SUR EDITION ACTU */
.admin.actualite form section {
  display: table-cell;
  min-width: 900px !important;
}
.admin.actualite form section input[type="text"] {
  margin-top: 0 !important;
}
.admin.actualite form section .wp-editor-wrap {
  min-width: 900px !important;
}
.admin.actualite form section .upload {
  margin-left: 0px !important;
}
/* FORMS */
form label.hidden,
form label.error {
  display: none !important;
}
/* File Uploader */
/*.page-template-page-templatesdemarrer-php.logged-in .media-router .media-menu-item,*/
.page-template-page-templatesdemarrer-php.logged-in .media-menu .media-menu-item,
.page-template-page-templatesdemarrer-php.logged-in .media-menu .separator {
  display: none;
}
/* POPUP */
div.popup-win {
  display: none;
}
.fancybox-inner #loading-popup {
  width: 350px;
  background-color: #FFF;
  border: 3px solid transparent !important;
  border-radius: 3px;
}
.fancybox-inner #loading-popup h2 {
  font-size: 16px;
  text-align: center;
  padding-top: 45px;
  background: url(../img/ajax-loader-blanc.gif) no-repeat top center;
}
.fancybox-inner div.popup-win {
  width: 450px;
  background-color: #fff;
  border: 3px solid #2f313c;
  border-radius: 3px;
}
.fancybox-inner div.popup-win .header-popup {
  height: 60px;
  background-color: #2f313c;
}
.fancybox-inner div.popup-win .header-popup a {
  position: absolute;
  top: 20px;
  right: 15px;
}
.fancybox-inner div.popup-win .titre-popup {
  margin: 0;
  padding: 17px 0 0 17px;
  color: white;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  font-weight: 600;
}
.fancybox-inner div.popup-win .content-popup {
  width: 100%;
  margin: 10px 10px;
  padding: 10px 20px;
  background-color: #ffffff;
  overflow: hidden;
}
.fancybox-inner div.popup-win textarea {
  width: 370px;
  max-width: 370px;
  margin-bottom: 20px;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #EDF3F3;
}
.fancybox-inner div.popup-win label.error {
  display: none !important;
}
.fancybox-inner div.popup-win input.error,
.fancybox-inner div.popup-win textarea.error {
  border: 1px solid #F00 !important;
}
.fancybox-inner div.popup-win input[type="text"],
.fancybox-inner div.popup-win input[type="email"] {
  margin-bottom: 10px;
  width: 380px;
  height: 40px;
  padding-left: 10px;
  font-size: 14px;
  border: 1px solid #EDF3F3;
}
.fancybox-inner div.popup-win.error {
  border-color: #E5312A;
}
.fancybox-inner div.popup-win.error .header-popup {
  background-color: #E5312A;
}
.fancybox-inner div.popup-win.error ul {
  list-style: disc inside;
}
.fancybox-inner #contact-utilisateur-popup,
.fancybox-inner #actu-popup {
  position: fixed;
  display: none;
  top: 50%;
  left: 50%;
  margin-left: -262px;
  margin-top: -240px;
  /*width: 525px;*/
  background-color: #fff;
  border: 3px solid #2f313c;
  border-radius: 3px;
  color: #2F313C;
}
.fancybox-inner #contact-utilisateur-popup .content-popup2,
.fancybox-inner #actu-popup .content-popup2 {
  /*width: 465px;*/
  margin: 10px 10px;
  padding: 20px;
  background-color: #edf3f3;
  overflow: hidden;
}
.fancybox-inner #contact-utilisateur-popup .text-popup2,
.fancybox-inner #actu-popup .text-popup2 {
  padding: 20px 0;
  margin: 0;
  border-top: 2px solid #c1d5d6;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}
.fancybox-inner #contact-utilisateur-popup .zone-texte2,
.fancybox-inner #actu-popup .zone-texte2 {
  /*width: 425px;
  margin-bottom: 20px;
  max-width: 425px;
  padding: 20px;
  font-size: 14px;
  border: none;*/
}
.fancybox-inner #contact-utilisateur-popup .table-pop,
.fancybox-inner #actu-popup .table-pop {
  width: 100%;
  border-top: 2px solid #c1d5d6;
}
.fancybox-inner #contact-utilisateur-popup .table-pop .montant,
.fancybox-inner #actu-popup .table-pop .montant {
  padding: 20px 0;
  margin: 0 20px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-weight: 600;
  font-size: 23px;
}
.fancybox-inner #contact-utilisateur-popup .table-pop .contrepartie,
.fancybox-inner #actu-popup .table-pop .contrepartie {
  background-color: #2f313c;
  padding: 10px;
  color: white;
  font-size: 16px;
  font-weight: 600;
}
.fancybox-inner #contact-utilisateur-popup .table-pop .infos-date,
.fancybox-inner #actu-popup .table-pop .infos-date {
  text-align: right;
  font-size: 14px;
  line-height: normal;
}
.fancybox-inner #contact-utilisateur-popup .table-pop .text-popup3,
.fancybox-inner #actu-popup .table-pop .text-popup3 {
  padding: 20px 0;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}
.fancybox-inner #error-login-popup .content-popup p {
  text-align: center;
}
.fancybox-inner .text-popup {
  margin: 0 0 20px 0;
  font-size: 14px;
  line-height: normal;
}
.fancybox-inner .annuler {
  display: block;
  float: left;
  border-bottom: 3px solid #c1d5d6;
  width: 175px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background-color: #e5312a;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: white;
  text-decoration: none;
}
.fancybox-inner .annuler:hover {
  background-color: #ff352e;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.fancybox-inner .enregistrer {
  display: block;
  float: right;
  border: none;
  border-bottom: 3px solid #c1d5d6;
  width: 175px;
  line-height: 45px;
  text-align: center;
  background-color: #08ada0;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: white;
  text-decoration: none;
}
.fancybox-inner .enregistrer:hover {
  background-color: #0accbc;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.fancybox-inner #popup-3 {
  margin-bottom: 20px;
  width: 450px;
  background-color: #fff;
  border: 3px solid #2f313c;
  border-radius: 3px;
}
.fancybox-inner .enregistrer2 {
  display: block;
  float: right;
  margin-top: 10px;
  border: none;
  border-bottom: 3px solid #c1d5d6;
  width: 175px;
  line-height: 45px;
  text-align: center;
  background-color: #08ada0;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: white;
  text-decoration: none;
}
.fancybox-inner .enregistrer2:hover {
  background-color: #0accbc;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#pop-user {
  position: fixed;
  display: none;
  top: 50%;
  left: 50%;
  margin-left: -262px;
  margin-top: -275px;
  width: 525px;
  background-color: #fff;
  border: 3px solid #2f313c;
  border-radius: 3px;
  color: #2F313C;
}
#pop-user .content-popup2 {
  width: 465px;
  margin: 10px 10px;
  padding: 20px;
  background-color: #edf3f3;
  overflow: hidden;
}
#pop-user .text-popup2 {
  padding: 20px 0;
  margin: 0;
  border-top: 2px solid #c1d5d6;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}
#pop-user .zone-texte2 {
  width: 425px;
  margin-bottom: 20px;
  max-width: 425px;
  padding: 20px;
  font-size: 14px;
  border: none;
}
#pop-user .table-pop {
  width: 100%;
  border-top: 2px solid #c1d5d6;
}
#pop-user .table-pop .montant {
  padding: 20px 0;
  margin: 0 20px;
  /* font-family: "petala-pro"; */
  font-weight: 400;
  font-style: normal;
  font-weight: 600;
  font-size: 23px;
}
#pop-user .table-pop .contrepartie {
  background-color: #2f313c;
  padding: 10px;
  color: white;
  font-size: 16px;
  font-weight: 600;
}
#pop-user .table-pop .infos-date {
  text-align: right;
  font-size: 14px;
  line-height: normal;
}
#pop-user .table-pop .text-popup3 {
  padding: 20px 0;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}
.ml-user {
  width: 95px;
  height: 95px;
  background-color: white;
}
.ml-user img {
  margin: 10px;
  width: 75px;
  height: 75px;
}
.pict-user {
  margin: 10px 10px 20px 10px;
}
.coord-user {
  padding-left: 20px;
  font-family: Arial, sans-serif;
  font-size: 14px;
}
.nom-user {
  margin: 0;
  padding: 5px 0 0 20px;
}
select:focus,
textarea:focus,
input:focus {
  outline: 5px auto #08ADA0;
}
/*  */
select.error,
textarea.error,
input.error,
select.error:focus,
textarea.error:focus,
input.error:focus,
input:invalid select:invalid,
textarea:invalid,
input:invalid,
select:invalid,
textarea:invalid,
input:invalid {
  border: 1px solid #ff3737 !important;
}
select.error,
textarea.error,
input.error {
  border: 1px solid #ff3737 !important;
}
/* all */
::-webkit-input-placeholder {
  color: #2F313C;
  opacity: 1;
}
::-moz-placeholder {
  opacity: 1;
  color: #2F313C;
}
/* firefox 19+ */
:-ms-input-placeholder {
  opacity: 1;
  color: #2F313C;
}
/* ie */
input:-moz-placeholder {
  opacity: 1;
  color: #2F313C;
}
/**************/
.jcarousel2-wrapper,
.jcarousel-wrapper {
  position: relative;
}
.jcarousel2-wrapper .photo-credits .jcarousel-wrapper .photo-credits {
  position: absolute;
  right: 15px;
  bottom: 0;
  font-size: 13px;
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
  opacity: .66;
}
.jcarousel2-wrapper .photo-credits a,
.jcarousel-wrapper .photo-credits a {
  color: #fff;
}
/** Carousel **/
.jcarousel2,
.jcarousel {
  position: relative;
  overflow: hidden;
  width: 1040px;
  margin: auto;
}
.jcarousel2 ul,
.jcarousel ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.jcarousel2 li {
  float: left;
}
.jcarousel li {
  float: left;
  padding: 0 10px;
}
.jcarousel2 img,
.jcarousel img {
  display: block;
  margin: auto;
  max-width: 100%;
  height: auto !important;
  border-bottom: 3px solid #C1D4D6;
}
/** Carousel Controls **/
.jcarousel2-control-prev,
.jcarousel2-control-next,
.jcarousel-control-prev,
.jcarousel-control-next {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 20px;
  height: 34px;
  background: url(../img/sprite-slider.png) 0 0 no-repeat;
}
.jcarousel2-control-prev,
.jcarousel2-control-next {
  background: url(../img/sprite-slider2.png) 0 0 no-repeat;
}
.jcarousel-control-prev {
  left: 50%;
  margin-left: -560px;
  background-position: 0 0;
}
.jcarousel2-control-prev:hover,
.jcarousel-control-prev:hover {
  background-position: 0 -106px;
  cursor: pointer;
}
.jcarousel-control-next {
  right: 50%;
  margin-right: -560px;
  background-position: -30px 0;
}
.jcarousel2-control-next:hover,
.jcarousel-control-next:hover {
  background-position: -30px -106px;
  cursor: pointer;
}
.jcarousel2-control-prev:hover span,
.jcarousel2-control-next:hover span,
.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
  display: block;
}
.jcarousel2-control-prev.inactive,
.jcarousel2-control-next.inactive,
.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
  opacity: .25;
  cursor: default;
}
/** Carousel Pagination **/
.jcarousel2-pagination {
  position: absolute;
  bottom: 30px;
  left: 20px;
  margin: 0;
}
.jcarousel-pagination {
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin: 0;
  margin-left: -22px;
}
.jcarousel2-pagination a,
.jcarousel-pagination a {
  text-decoration: none;
  display: inline-block;
  font-size: 11px;
  height: 14px;
  width: 14px;
  line-height: 10px;
  background: #565f6d;
  color: #4E443C;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  text-indent: -9999px;
  margin-right: 7px;
}
.jcarousel2-pagination a.active,
.jcarousel-pagination a.active {
  background: #ffffff;
  color: #fff;
  opacity: 1;
}
.jcarousel2-control-prev {
  left: 20px;
  background-position: 0 0;
}
.jcarousel2-control-next {
  right: 20px;
  background-position: -30px 0;
}
/**************/
/*** FIX IE ***/
/**************/
.textbtn {
  position: relative;
}
.textbtn .eemail_textbox .eemail_textbox_class {
  border: none;
  border-bottom: 3px solid #0D7B73;
  height: 39px;
  line-height: 35px;
  padding: 0 50px 0 10px;
  width: 100%;
  box-sizing: border-box;
}
.textbtn .eemail_button .eemail_textbox_button {
  background: none repeat scroll 0 0 #FFFFFF;
  border: medium none;
  height: 39px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  text-indent: -999em;
  top: 0;
  width: 40px;
  background: url(../img/bg-form-button.png) 0 0 no-repeat #0d7b73;
}
.eemail_caption {
  color: #FFF;
  padding: 10px 5px 10px 0 !important;
}
/**************/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  
}
@media screen and (max-width: 1425px) {
  .page .container {
    min-width: 1105px;
  }
  .page .content {
    min-width: 750px;
  }
  .page .content .projets {
    width: 750px;
  }
  .page .content .projets > div article:nth-child(3n) {
    margin-right: 0;
  }
  .page .content .projets > div article:nth-child(4n) {
    margin-right: 16px;
  }
  .page.blog .content,
  .page.faq .content,
  .page.academy .content {
    width: 750px;
  }
  .page .sidebar {
    float: left;
  }
  .page.search .content .projets article:nth-child(4n) {
    display: block;
    margin-right: 16px;
  }
  .page.search .content .projets article:nth-child(3n) {
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 1366px) {
  .jcarousel {
    width: 780px;
  }
  .jcarousel-control-prev {
    left: 15px;
    margin-left: 0;
  }
  .jcarousel-control-next {
    right: 15px;
    margin-right: 0;
  }
  .demarrer footer,
  .container > footer {
    padding: 0 20px 40px;
  }
  .demarrer footer > div.one,
  .container > footer > div.one {
    width: 220px;
  }
  .demarrer footer > div.one form input[type="text"],
  .container > footer > div.one form input[type="text"] {
    width: 165px;
  }
  .demarrer footer > div.two,
  .container > footer > div.two {
    width: 130px;
  }
  .demarrer footer > div.three,
  .container > footer > div.three {
    width: 230px;
  }
  .demarrer footer > div.three ul li,
  .container > footer > div.three ul li {
    width: auto;
    float: none;
  }
  .demarrer footer > div.four,
  .container > footer > div.four {
    width: 120px;
    position: relative;
    right: auto;
    top: auto;
  }
  .page .content .projets > div article:nth-child(3n) {
    margin-right: 0 !important;
  }
  .page .content .projets > div article:nth-child(4n) {
    margin-right: 16px;
  }
}
@media screen and (max-width: 1215px) {
  body.partenaires .content .liste-partenaires .inner {
    max-width: 750px;
    margin: auto;
  }
  body.partenaires .content .liste-partenaires .inner ul li:nth-child(4n) {
    margin-right: 15px;
  }
  body.partenaires .content .liste-partenaires .inner ul li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1280px) {
  .home.page .content,
  .container .slide-box {
    max-width: 1040px;
  }
  .discipline li {
    width: 93px !important;
  }
  .discipline li .sport {
    font-size: 10px !important;
  }
  .step.apercu header,
  .step.apercu .fiche-projet {
    width: 1040px !important;
  }
  .page .container {
    background-image: url(../img/bg-header-projet-min.png);
  }
  .page.demarrer .container {
    background-image: url(../img/bg-forme-demarrer.png);
  }
  .jcarousel-control-prev {
    left: 60px;
    margin-left: 0;
  }
  .jcarousel-control-next {
    right: 60px;
    margin-right: 0;
  }
  .page .content .projets > div article.finished:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1190px) {
  .container .discipline ul li span.img {
    margin-top: -40px;
  }
  .container .discipline ul li .sport {
    font-size: 10px;
    line-height: 11px;
    top: 65px;
  }
  .container {
    padding-bottom: 520px;
  }
  body.concept .content {
    min-width: 1060px;
  }
  body.concept .content .campagne .inner {
    width: 1010px;
  }
  body.concept .content .campagne .inner .bloc {
    margin-right: 10px;
  }
  body.concept .content .campagne .inner .gris {
    width: 460px;
  }
  body.concept .content .campagne .inner .gris.frais {
    margin-left: 10px;
  }
  body.partenaires .content {
    min-width: 1110px;
  }
  .demarrer footer,
  .container > footer {
    padding: 0 30px 40px;
  }
  .demarrer footer > div.one,
  .container > footer > div.one {
    width: 200px;
  }
  .demarrer footer > div.one form input[type="text"],
  .container > footer > div.one form input[type="text"] {
    width: 145px;
  }
  .demarrer footer > div.two,
  .container > footer > div.two {
    width: 130px;
  }
  .demarrer footer > div.three,
  .container > footer > div.three {
    width: 215px;
  }
  .demarrer footer > div.three ul li,
  .container > footer > div.three ul li {
    width: auto;
    float: none;
  }
  .demarrer footer > div.four,
  .container > footer > div.four {
    width: 115px;
  }
  .page .content .projets > div article:nth-child(4n) {
    margin-right: 16px;
  }
}
.page.demarrer .wp-editor-wrap {
  width: 680px;
}
.page.demarrer .wp-editor-container textarea.wp-editor-area,
.page.demarrer .mceIframeContainer iframe {
  min-height: 500px !important;
}
.page.demarrer .mce-container-body iframe {
  min-height: 500px !important;
}
.page.demarrer .attachment-display-settings {
  display: none !important;
}
@media screen and (max-width: 1024px) {
  .jcarousel {
    width: 780px;
  }
  .jcarousel-control-prev {
    left: 60px;
    margin-left: 0;
  }
  .jcarousel-control-next {
    right: 0px;
    margin-right: 0;
  }
  .demarrer footer,
  .container > footer {
    padding: 0 20px 40px;
  }
  .demarrer footer > div.one,
  .container > footer > div.one {
    width: 220px;
  }
  .demarrer footer > div.one form input[type="text"],
  .container > footer > div.one form input[type="text"] {
    width: 165px;
  }
  .demarrer footer > div.two,
  .container > footer > div.two {
    width: 130px;
  }
  .demarrer footer > div.three,
  .container > footer > div.three {
    width: 230px;
  }
  .demarrer footer > div.three ul li,
  .container > footer > div.three ul li {
    width: auto;
    float: none;
  }
  .demarrer footer > div.four,
  .container > footer > div.four {
    width: 120px;
    position: relative;
    right: auto;
    top: auto;
  }
  .page .content .projets > div article:nth-child(4n) {
    margin-right: 16px;
  }
}
.page.demarrer .wp-editor-wrap {
  width: 680px;
}
.page.demarrer .wp-editor-container textarea.wp-editor-area,
.page.demarrer .mceIframeContainer iframe {
  min-height: 500px !important;
}
.page.demarrer .mce-container-body iframe {
  min-height: 500px !important;
}
.page.demarrer .attachment-display-settings {
  display: none !important;
}
/* add rollover on */
.jcarousel-control-prev:hover {
  border: 1px;
  border-color: #000000;
}
.jcarousel-control-next:hover {
  border: 1px;
  border-color: #000000;
}
/* position du rechercher dans le projet du porteur */
.admin.projet .content.datatable .top {
  padding: 0px 0px 0px 0px;
}
.admin.profil .content.datatable .box-datatable .options a.export,
.admin.projet .content.datatable .box-datatable .options a.export {
  border-bottom: 3px solid #2F313C;
}
/* css read more */.more-link {
  padding: 10px 15px 10px 15px;
  height: 80px;
  font-size: 12px;
  line-height: 40px;
  background: #C1D5D6;
  text-decoration: none;
  text-transform: uppercase;
  color: #2F313C;
  /* font-family: "petala-pro"; */
  font-weight: 600;
  font-style: normal;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.more-link:hover {
  background: #2F313C;
  color: #FFF;
}


/* btn plus de projets*/

 		a.moreprojet{
	    display: block;
		float: right;
		width: 30%;
		margin-right: 35%;
		height: 50px;
		
		line-height: 50px;
		color: #2f313c;
		background: #c1d5d6;
		text-decoration: none;
		text-align: center;

		/* font-family: "petala-pro"; */
		font-weight: 600;
		font-style: normal;
		font-size: 14px;
		text-transform: uppercase;
		

		
		
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
	    
	    }
	    
	     a.moreprojet:hover{
	     background: #2F313C;
	     color: #ffffff;
	     }
	     
	     
	     
	     
	     #passwordConnexionCompte{
	     width:190px;
	     }
	     
	     #emailConnexionCompte{
	     width:207px;
	     }
	     
	     
	     
	   #bouton_bloc_login{
	
	    /*float:right;*/
	     margin-top: 10px; margin-right: 0px; margin-top: 5px; 	
		position: relative;
		display: block;
		width: auto;
		height: 40px;
		line-height: 40px;
		padding: 0 15px;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 14px;
		text-transform: uppercase;
		color: #FFF;
		text-decoration: none;
		background: #2F313C;
		margin-top: 2px;
		
		}
	     
	    #bouton_bloc_login:hover{
	    background: #00AC9F;
	    } 
	    
	    
	    input[type="text"] {
		    border-top-width: 0px;
		}