/* OVERRIDE TARTEAUCITRON */
#tarteaucitron #tarteaucitronInfo a {
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-size: 1em;
}

#tarteaucitronDisclaimerAlert .custom-p a {
    color: #000;
    text-decoration: none;
}

/* SITE STYLE */
/* Space out content a bit */
body {
  padding-top: 20px;
  padding-bottom: 20px;
}

.intro, .outro {
  font-size: 17px;
}
.intro span, .outro span {
  color: #94bb37;
}
.intro .logo {
  margin-bottom: 15px;
}

.formulaire {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #94bb37;
  padding: 15px;
  position:relative;
}
.formulaire .titre {
  color: #fff;
  text-align: center;
  font-size: 24px;
  margin: 0;
  padding: 0 0 0px 0;
}
.formulaire .titre small {
  color: #fff;
  font-size: 18px;
}

.formulaire form{
  padding:10px;
  margin:0;
  position:relative
}

.formulaire form input{
  padding:1px 5px;
  height:26px;
  position:relative;
  border:1px solid #bdc3c7;
  line-height:22px;
  margin-bottom:7px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.formulaire form select{
  padding:0 0 0 3px;
  height:29px;
  position:relative;
  border:1px solid #bdc3c7;
  line-height:21px;
  margin-bottom:7px
}

.formulaire form button[type="submit"]{
  width:80%;
  display: block;
  margin: 10px auto;
  position:relative;
  overflow:hidden;
  font-size:22px
}

.formulaire .input-append{
  margin:0
}

.formulaire .input-append input{
  width:174px;
  margin-bottom:7px
}

.formulaire .input-append .btn{
  width:32px;
  height:30px;
  margin-top:0;
  margin-bottom:7px;
  padding:0;
  line-height:30px
}

.formulaire .input-append,.formulaire .formulaire input,.formulaire .formulaire select{
  margin:2px 0
}

.formulaire .securite{
  display:none
}

.formulaire .alert{
  font-size:13px;
  margin:0
}

.formulaire .valide-label{
  position:absolute;
  top:50%;
  left:0%;
  width:100%;
  margin-top:-0.5em;
  -webkit-transition:top 0.3s;
  -moz-transition:top 0.3s;
  -ms-transition:top 0.3s;
  -o-transition:top 0.3s;
  transition:top 0.3s
}

.formulaire #contact-submit{
  height:2em
}

.formulaire .preloader{
  position:absolute;
  left:50%;
  top:-50%;
  margin-left:-16px;
  margin-top:-16px;
  width:32px;
  height:32px;
  -webkit-transition:top 0.3s;
  -moz-transition:top 0.3s;
  -ms-transition:top 0.3s;
  -o-transition:top 0.3s;
  transition:top 0.3s
}

.formulaire .loading{
  background:#82A7BD
}

.formulaire .loading .valide-label{
  top:150%
}

.formulaire .loading .preloader{
  top:50%
}

.formulaire .select-group select{
  width:32%
}

.placeholder{
  color:#999
}

select option,select optgroup{
  color:black
}

select optgroup{
  background:#EAF2F7
}

.error{
  border-color:#c80000 !important;
  background:#ffc8c8 !important
}

.formulaire form input{
  padding:1px 1%;
  width:96%
}

.formulaire form select{
  padding:1%
}

.formulaire #formation{
  width:99%
}

.formulaire #civilite{
  width:24%
}

.formulaire .input-append{
  width:100%
}

.formulaire #adresse1{
  width:86%
}

.formulaire .input-append .btn{
  width:10%;
  height:25px;
  line-height: 23px;
  margin-bottom: 3px;
}

.formulaire #nom{
  width:71%
}

.formulaire #cp{
  width:22%
}

.formulaire #ville{
  width:73%
}

.formulaire #tel1{
  width:86%
}

.formulaire .div-checkbox input {
  width: auto;
  height: auto;
}

.formulaire .div-checkbox label {
  display: inline;
}

.mobile-hidden{
  display:none
}

.expand-mobile+.mobile-hidden{
  display:block
}

.formations [class*="-6"] {
    padding:5px;
}
.formations h3 {
  margin: 0;
  color: #fff;
  display: block;
  padding: 10px 0;
  border-top: 2px dotted #fff;
  border-bottom: 2px dotted #fff;
}
.comptable {
  background-color: #2980b9;
  height: 165px;
  text-align: center;
  padding: 60px 25px;
}
.gest {
  background-color: #27ae60;
  height: 165px;
  text-align: center;
  padding: 45px 25px;
}
.aide {
  background-color: #e67e22;
  height: 165px;
  text-align: center;
  padding: 45px 25px;
}
.sec {
  background-color: #c0392b;
  height: 165px;
  text-align: center;
  padding: 45px 25px;
}
.phrase {
  font-family: "Trebuchet MS", sans-serif;
  font-size: 32px;
  line-height: 32px;
  color: #004570;
  padding: 8px 100px 0 100px;
  border-top: 3px dotted #004570;
  margin-top: 10px;
}
.phrase2 {
  font-family: "Trebuchet MS", sans-serif;
  font-size: 24px;
  line-height: 24px;
  color: #004570;
  padding: 15px;
}

/* Custom page footer */
.footer {
  padding-top: 19px;
  color: #000;
  font-size: 12px;
  border-top: 1px solid #94bb37;
}

/* Customize container */
@media (min-width: 768px) {
  .container {
    max-width: 800px;
  }
}

@media (max-width: 768px) {
     .comptable, .gest, .aide, .sec {
      padding: 18px 25px;
      height: auto;
    }
    .phrase {
      padding: 10px 10px 0 10px;
      font-size: 20px;
      line-height: 22px;
      margin-top: 15px;
    }

}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {

}