/*** 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:#fff;
   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{
   background-color:#008cac;
   color:#ffffff;
   text-align:center;
   font-size:25px;
   padding:15px 0;
   text-shadow: 1px 2px #333333;
}

#col-gauche{
   padding:20px 10px 0 0;
}
#col-droite{
   padding:20px 0 0 10px;
}
@media (max-width: 767px){
   #col-gauche{
      padding-left:10px;
   }
   #col-droite{
      padding-right:10px;
   }
}

#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;
}

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

#adresse-texte{
   max-width:700px;
   margin:0 auto;
   background:transparent url(../images/bg-noir-transparent.png); 
   padding:30px;
   font-size:20px;
   font-weight:400;
   color:#fff;
}

#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{
   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;
}