/*** MISE EN FORME PAR DEFAUT ***/
*{
   margin:0; 
   padding:0; 
   box-sizing:border-box;   
   z-index:1;
}
html{
   height:100%;
}
body{
   font-family: 'Open Sans', sans-serif;
   font-size:15px;
   font-weight:400;
   line-height: 1.42857143;
   color:#222;
   background-color:#222;
   height:100%;
}

img{border:none; max-width:100%; height:auto;}

a{color:inherit; text-decoration:none;}
a:hover{text-decoration:none;}

p{margin:0; padding-bottom:20px;}

hr{display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:5px 0;}

strong{font-weight:600;}

.acenter{text-align:center;}
.aright{text-align:right;}

.no-margin{margin:0;}
.no-padding{padding:0;}

.pad-10{padding:10px;}

.txt-blanc{color:#fff;}

.titre-1{
   font-size:22px;
   font-weight:600;
   color:#0099cc;
}

.titre-2{
   font-size:32px;
   font-weight:400;
   color:#ffffff;
}

.titre-3{
   font-size:28px;
   font-weight:600;
   color:#0099cc;
}

.titre-4{
   font-size:22px;
   font-weight:600;
   color:#222;
}

.titre-5{
   font-size:20px;
   font-weight:600;
   color:#0099cc;
}

.bleu-gras{
   font-weight:600;
   color:#0099cc;
}

ul.check{
   list-style-type: none;
   margin:0;
   padding:0;
}
ul.check li{
   margin:0;
   padding:0;
   padding-left:30px;
   padding-bottom:10px;
}
ul.check li:before{
   content: "\f00c";
   font-family: FontAwesome;
   font-size:1.1em;
   color:#009900;
   display:inline-block;
   width:20px;
   margin-left:-20px;
}

ol.numeros{
   margin:0;
   padding:0;
}
ol.numeros li{
   margin:0;
   padding:0;
   margin-left:30px;
   padding-left:10px;
   padding-bottom:5px;
}

header{
   position:relative;
   text-align:center;
   padding:20px 0;
   background:#ffffff url(../images/header-background.jpg) no-repeat center center; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

#slogan{
   font-size:30px;
   color:#fff;
   font-weight:600;
}

#tel-haut{
   font-family: GothamHTF-Medium;
   color:#ffffff;
   text-align:center !important;
   font-size:25px !important;
   padding:15px 0;
}



#confirmation{
   padding:20px 0 0 0;
   text-align:center;
   font-size:20px;
   color:#007d32;
}

#contenu{
   padding:20px 0 40px 0;
}


#formulaire{
   width:100%;
   background-color:#f0f0f0;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   max-width:450px;
   margin:0 auto;
}
#formulaire .entete{
   background:#008cac url(../images/shadow-w400.png) no-repeat top right;
   color:#fff;
   text-align:center;
   font-size:20px;
   padding:15px 15px;
   -webkit-border-radius: 10px 10px 0 0;
   -moz-border-radius: 10px 10px 0 0;
   border-radius: 10px 10px 0 0;
}
#formulaire .entete img{
   float:right;
   margin-left:15px;
   margin-top: -30px;   
}
#formulaire label{
   display:inline-block;
   font-weight:600;
   padding:4px 0;
   font-size:0.9em;
}
#formulaire input[type="text"], select{
   color:#222;
   width:100%;
   padding:8px;
   margin-bottom:10px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border:1px solid #ccc;
   background-color:#f7f7f7;
}
#formulaire input[type="submit"]{   
   padding:15px 20px;
   margin-bottom:10px;
   background-color:#ff9900;
   border:0;
   color:#fff;   
   font-size:15px;
   font-weight:500;
   text-transform:uppercase;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}
#formulaire input[type="submit"]:hover{
   background-color:#d5123d;
}
#formulaire .annotation{
   font-size:14px;
   font-style:italic;
}
#formulaire .form-error{
   background-color:#cc0000;
   color:#fff;
   font-size:14px;
   margin:0 0 15px 0;
   padding:5px;
}
#formulaire .contactez-nous{
	text-align:center;
   font-size:22px;
   font-weight:700;
   color:#0099cc;
   padding:10px 0 0 0;
}
#formulaire .telephone{
	font-size:22px;
	text-align:center;
	padding-bottom:0;
}
#reseaux-sociaux{
   width:100%;
   background-color:#f0f0f0;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   max-width:450px;
   margin:0 auto;
   text-align:center;
}
#reseaux-sociaux .entete{
   background:#008cac url(../images/shadow-w400.png) no-repeat top right;
   color:#fff;
   text-align:center;
   font-size:20px;
   padding:15px 15px;
   -webkit-border-radius: 10px 10px 0 0;
   -moz-border-radius: 10px 10px 0 0;
   border-radius: 10px 10px 0 0;
}

#temoignages{
   padding:40px 0;
}
#temoignages .photo-ronde{
   width:150px;
   height:150px;
   -webkit-border-radius: 150px;
   -moz-border-radius: 150px;
   border-radius: 150px;
   display:block;
   margin:0 auto 10px auto;
}
#temoignages .salaries{
   font-weight:600;
   font-size:18px;
   line-height:20px;
   text-align:center;
}
#temoignages .salaries span{
   font-size:12px;
   color:#636363;
}
#temoignages .citation{
   font-style:italic;
   font-size:14px;
}

#clients{
   padding:40px 0;
   background-color:#f0f0f0;
}

footer{
   background-color:#222222;
   text-align:center;
   color:#999;
   font-size:14px;
   padding:40px 0;
}

/** FEEDBACK **/
#feedback {
   font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
   position: fixed;
   left: 50%;
   bottom: 0;  
   box-sizing:border-box;
   width:500px;
   max-width:90%;
   font-size:15px;
   z-index:9999;
   transform: translate(-50%, 0);
   -webkit-transform: translate(-50%, 0);
   -moz-transform: translate(-50%, 0);
   -ms-transform: translate(-50%, 0);
   -o-transform: translate(-50%, 0);
}
#feedback-tab {
   display:block;
   /*width:50%;
   min-width:220px;*/
   margin:0 auto;
   height: 42px;
   line-height:42px; 
   padding:0 10px;  
   font-size: 17px;
   color: #fff;
   cursor: pointer;
   text-align: center;  
   background-color:#cc0033;
   -moz-border-radius: 10px 10px 0 0;
   -webkit-border-radius: 10px 10px 0 0;
   border-radius: 10px 10px 0 0;
}
#feedback-tab:hover { 
   background-color:#e4054f;
}
#feedback-form {	
   box-sizing:border-box;
   width: 100%;
   z-index: 99999;
   padding: 15px;
   border: 1px solid rgba(0,0,0,.2);
   -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
   -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
   box-shadow: 0 5px 10px rgba(0,0,0,0.2); 
   background-color:#fff;
}
#feedback-form label{
   display:inline-block;
   font-weight:600;
   font-size:0.9em;
}
#feedback-form input[type="text"], select{
   font-size:14px;
   color:#222;
   width:100%;
   padding:5px;
   margin-bottom:8px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border:1px solid #ccc;
   background-color:#f7f7f7;
}
#feedback-form label.error,
#formulaire label.error,
#formulaire-formation label.error{
   display: block;
   font-size:12px;
   font-weight:normal;
   color: #8a1f11;
   margin:0;
}
#feedback-form .wizard > .content{
   min-height:0;
   height:240px;
}
#simulation-result{
 padding:5px;
 border:1px solid #ccc;
}
#simulation-result .simulation-titre{
   text-align:center;
   font-size:17px;
   color:#0099cc;
   padding:0;
}
#simulation-result .simulation-remuneration{
   text-align:center;
   font-size:17px;
   color:#222;
   padding:0;
}

/** Reunions **/
#reunions{
   width:100%;
   padding:20px 15px;
   margin-bottom:10px;
   background-color:#f0f0f0;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   margin:0 auto;
   text-align:center;
}
#reunions .titre{
   font-size:20px;
   font-weight:600;
   color:#0099cc;
}
#reunions p{
   padding-bottom:10px;
}
#reunions table{
   width:100%;
   border-collapse:collapse;
}
#reunions table th,
#reunions table td{
   border:1px solid #ddd;
   padding:5px;
   font-size:13px;
}
#reunions table th{
   font-weight:bold;
}
#reunions .horizontal-scroll{
   position:relative;
   overflow-y:hidden;
   overflow-x:auto;
   padding-bottom:10px;
}
#reunions a{
   display:inline-block; 
   padding:5px 10px; 
   background-color:#0099cc; 
   color:#fff; 
   border:1px solid #fff;   
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}
#reunions a:hover{
   cursor:pointer; 
   background-color:#008cac;
}

/*** POPOUT ****/
#exitpopup{
   background-color:#008cac;
   /*border:10px solid #ccc;*/
   text-align:center;
   color:#fff; 
   padding:30px; 
}
#exitpopup div.tt	{
   margin:0;
   margin-bottom:20px;
   font-size:30px;
   line-height:34px;
}	
#exitpopup p{
   margin:0;
   padding:0;
   font-size:22px;
}
#exitpopup .telephone{
   color:#dfe95b;
   font-weight:normal;
   text-shadow: 1px 2px #333333;
}
#exitpopup .bouton{
   display:inline-block;
   background-color:#429b42;
   color:#ffffff;
   text-decoration:none;
   padding:10px 15px;
   margin-top:6px;
   font-size:16px;
   font-weight:bold;
   text-transform:uppercase;
}

/** Mentions légales **/
#mentions-legales{
   padding:30px;
}
#mentions-legales .btfermer{   
   padding:10px 15px;
   margin-bottom:10px;
   background-color:#006699;
   border:0;
   color:#fff;   
   font-size:14px;
   font-weight:500;
   text-transform:uppercase;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
}
#mentions-legales .btfermer:hover{
   background-color:#008cac;
}

#formulaire-formation{
      padding-top:30px;
   }
   #formulaire-formation-wrap{
      background-color:#f0f0f0;
      padding-bottom:30px;
   }
   #formulaire-formation .entete{
      display:block;
      max-width:600px;
      margin:0 auto;
      background:#008cac url(../images/shadow-w400.png) no-repeat top right;
      color:#fff;
      text-align:center;
      font-size:20px;
      padding:15px 10px;
      -webkit-border-radius: 15px 15px 0 0;
      -moz-border-radius: 15px 15px 0 0;
      border-radius: 15px 15px 0 0;
   }
   #formulaire-formation .col-gauche{
      padding:0 10px 0 0;
   }
   #formulaire-formation .col-droite{
      padding:0 0 0 10px;
   }
   @media (max-width: 767px){
      #formulaire-formation .col-gauche{
         padding-left:10px;
      }
      #formulaire-formation .col-droite{
         padding-right:10px;
      }
      #formulaire-formation .col-sm-12{
         padding:0 10px;
      }
   }
   #formulaire-formation label{
      display:inline-block;
      font-weight:600;
      padding:4px 0;
      font-size:0.9em;
   }
   #formulaire-formation input[type="text"], select{
      color:#222;
      width:100%;
      padding:8px;
      margin-bottom:10px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      border:1px solid #ccc;
      background-color:#f7f7f7;
   }
   #formulaire-formation input[type="submit"]{   
      padding:15px 20px;
      margin-bottom:10px;
      background-color:#ff9900;
      border:0;
      color:#fff;   
      font-size:15px;
      font-weight:500;
      text-transform:uppercase;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
   }
   #formulaire-formation input[type="submit"]:hover{
      background-color:#d5123d;
   }
   #formulaire-formation .annotation{
      font-size:14px;
      font-style:italic;
   }
   #formulaire-formation .form-error{
      background-color:#cc0000;
      color:#fff;
      font-size:14px;
      margin:0 0 15px 0;
      padding:5px;
   }
   .btn-upload-div {
      display: inline-block;
      position: relative;
      overflow: hidden;
	  margin: auto;
      width: 100%;
    }
    .btn-upload-div input[type=file] {
      left: 0;
      top: 0;
      opacity: 0;
      position: absolute;
      font-size: 90px;
      cursor:pointer;
    }
    .btn-upload {
      background-color: #0099cc;
      color: #ffff;
      padding: 10px 25px;
      border:none;
      border-radius: 20px;
      font-size: 14px;
      font-weight: bold;
      cursor:pointer;
	  margin: auto;
	  width: 200px;
    }
    .progressBar{
       background-color:#00cc33;
       color:#fff;
       font-size:14px;
       padding:5px;
       margin-bottom:5px;
    }
    .formulaire-formation-titre{
      font-size:20px;
      line-height:22px;
      font-weight:600;
      color:#0099cc;
      padding-bottom:10px;
      margin-bottom:10px;
      border-bottom:1px solid #0099cc;
    }
    .fa-times-circle{
      color: #cc0000;
      position: absolute;
      right: -5px;
      top: -5px;
      cursor:pointer;
    }
    
    .bt-big{
       font-size:25px;
       border-radius:30px;
       padding:5px 30px;
    }    
    .bt-big.vert{
       background-color:#99cc00;
       color:#ffffff;
    }
    .bt-big.orange{
       background-color:#ff9900;
       color:#ffffff;
    }
    .bg-blanc{
       background-color:#ffffff;
    }