/* file upload*/
/*Form MultiStep cotation*/
/*Form MultiStep */
/*body {
	font-family: 'Michroma', sans-serif;
}*/


.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
/* Entete */
.call
{
 margin-top:25px;
}
.email
{
 margin-top:25px;
}
/*Schema Cotation*/
.accompagnement
{
 width:150px;
 height:150px;
 position:relative;
 float:left;
 margin-top:250px;
 margin-left:-370px;
}
.prise
{
 width:150px;
 height:150px;
 position:relative;
 float:left;
 margin-top:100px;
 margin-left:50px;
}
.texte
{
  width:100px;
  height:50px;
  float:left;
  margin-top:110px;
  text-align:center;
}
.textetrouv
{
  width:100px;
  height:50px;
  float:left;
  margin-top:100px;
  text-align:center;
}
.acc
{
  width:100px;
  height:50px;
  float:left;
  margin-top:180px;
  margin-left:-160px;
  text-align:center;
}
.cotation
{
 width:150px;
 height:150px;
 position:relative;
 float:left;
 margin-top:-60px;
}
.couts
{
 width:150px;
 height:150px;
 position:relative;
 float:left;
 margin-top:100px;
}
.jointure
{
 width:38px;
 height:150px;
 position:relative;
 float:left;
 background-color:#032c48;
 margin-top:70px;
 margin-left:-90px;
}
.besoin 
{
 width:200px;
 height:200px;
 float:left;
 position:relative;
 margin-left:280px;
 margin-top:-50px;
}
.produit
{
 width:150px;
 height:150px;
 position:relative;
 float:left;
 margin-left:-390px;
 margin-top:165px;
}
.trait1
{
 width:150px;
 height:150px;
 position:relative;
 float:left;
 margin-left:-300px;
 margin-top:75px;
}
.trait2
{
 width:150px;
 height:150px;
 position:relative;
 float:left;
 margin-left:-45px;
 margin-top:75px;
}
.marche
{
 width:150px;
 height:150px;
 position:relative;
 float:left;
 margin-left:-60px;
 margin-top:160px;
}
/*Fin Schema*/
#accordion .panel-heading { padding: 0; background-color:#02324b;}
#accordion .panel-title > a {
	display: block;
	padding: 0.4em 0.6em;
    outline: none;
    font-weight:bold;
    text-decoration: none;
	color:#FFFFFF;
	font-family:Letter Gothic Std;
}

#accordion .panel-title > a.accordion-toggle::before, #accordion a[data-toggle="collapse"]::before  {
    content:"\e113";
    float: left;
	color:#FFFFFF;
    font-family: 'Glyphicons Halflings';
	margin-right :1em;
}
#accordion .panel-title > a.accordion-toggle.collapsed::before, #accordion a.collapsed[data-toggle="collapse"]::before  {
    content:"\e114";
}
.slogan { font-size: 13px; text-align:center; }
.numero { font-size: 16px; }
.valeurs{ font-size:52px;}
/*Temoignages*/
.testimonials h3{
margin-top:25px;
}
/*css partenaires */
.logo
{
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
   -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
  cursor:pointer;
}


.logo:hover
{
  filter: none; /* IE6-9 */
  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
}
/* CSS Document */
@media screen and (max-width: 768px)

{

}
@media screen and (max-width: 767px)

{

}
@media screen and (max-width: 600px)

{

}
@media screen and (max-width: 418px)

{
 

}
@media screen and (max-width: 360px)

{
 


}
@media screen and (max-width: 729px)
{
/*Schema Cotation*/
.accompagnement
{
 width:120px;
 height:120px;
 position:relative;
 float:left;
 margin-top:250px;
 margin-left:-320px;
}
.prise
{
 width:120px;
 height:120px;
 position:relative;
 float:left;
 margin-top:100px;
 margin-left:50px;
}
.texte
{
  width:100px;
  height:50px;
  float:left;
  margin-top:110px;
  text-align:center;
}
.textetrouv
{
  width:100px;
  height:50px;
  float:left;
  margin-top:100px;
  text-align:center;
}
.acc
{
  width:100px;
  height:50px;
  float:left;
  margin-top:180px;
  margin-left:-160px;
  text-align:center;
}
.cotation
{
 width:120px;
 height:120px;
 position:relative;
 float:left;
}
.couts
{
 width:120px;
 height:120px;
 position:relative;
 float:left;
 margin-top:100px;
}
.jointure
{
 width:35px;
 height:130px;
 position:relative;
 float:left;
 background-color:#032c48;
 margin-top:50px;
 margin-left:-75px;
}
.besoin 
{
 width:170px;
 height:170px;
 float:left;
 position:relative;
 margin-left:250px;
 margin-top:-50px;
}
.produit
{
 width:120px;
 height:120px;
 position:relative;
 float:left;
 margin-left:-370px;
 margin-top:160px;
}
.trait1
{
 width:150px;
 height:150px;
 position:relative;
 float:left;
 margin-left:-280px;
 margin-top:75px;
}
.trait2
{
 width:150px;
 height:150px;
 position:relative;
 float:left;
 margin-left:-45px;
 margin-top:70px;
}
.marche
{
 width:120px;
 height:120px;
 position:relative;
 float:left;
 margin-left:-60px;
 margin-top:160px;
}
/*Fin Schema*/
}
@media screen and (max-width: 650px)
{
/*Schema Cotation*/
/* Les textes */
.cherche
{
 font-size:12px;
}
.trouve
{
 font-size:12px;
}
.suivi
{
 font-size:12px;
}
/* Les textes */
.accompagnement
{
 width:100px;
 height:100px;
 position:relative;
 float:left;
 margin-top:220px;
 margin-left:-255px;
}
.prise
{
 width:100px;
 height:100px;
 position:relative;
 float:left;
 margin-top:100px;
 margin-left:50px;
}
.texte
{
  width:80px;
  height:50px;
  float:left;
  margin-top:110px;
  text-align:center;
}
.textetrouv
{
  width:80px;
  height:50px;
  float:left;
  margin-top:110px;
  text-align:center;
  margin-left:-20px;
}
.acc
{
  width:100px;
  height:50px;
  float:left;
  margin-top:160px;
  margin-left:-130px;
  text-align:center;
}
.cotation
{
 width:100px;
 height:100px;
 position:relative;
 float:left;
 margin-top:-15px;
}
.couts
{
 width:100px;
 height:100px;
 position:relative;
 float:left;
 margin-top:100px;
}
.jointure
{
 width:25px;
 height:120px;
 position:relative;
 float:left;
 background-color:#032c48;
 margin-top:70px;
 margin-left:-60px;
}
.besoin 
{
 width:150px;
 height:150px;
 float:left;
 position:relative;
 margin-left:210px;
 margin-top:-30px;
}
.produit
{
 width:100px;
 height:100px;
 position:relative;
 float:left;
 margin-left:-290px;
 margin-top:130px;
}
.trait1
{
 width:95px;
 height:150px;
 position:relative;
 float:left;
 margin-left:-220px;
 margin-top:75px;
}
.trait2
{
 width:95px;
 height:150px;
 position:relative;
 float:left;
 margin-left:-30px;
 margin-top:70px;
}
.marche
{
 width:100px;
 height:100px;
 position:relative;
 float:left;
 margin-left:-40px;
 margin-top:130px;
}
/*Fin Schema*/
}
@media screen and (max-width: 519px)
{
/*Schema Cotation*/
/* Les textes */
.cherche
{
 font-size:12px;
}
.trouve
{
 font-size:12px;
}
.suivi
{
 font-size:12px;
}
/* Les textes */
.accompagnement
{
 width:100px;
 height:100px;
 position:relative;
 float:left;
 margin-top:220px;
 margin-left:-255px;
}
.prise
{
 width:100px;
 height:100px;
 position:relative;
 float:left;
 margin-top:100px;
 margin-left:10px;
}
.texte
{
  width:80px;
  height:50px;
  float:left;
  margin-top:110px;
  text-align:center;
}
.textetrouv
{
  width:80px;
  height:50px;
  float:left;
  margin-top:110px;
  text-align:center;
  margin-left:-20px;
}
.acc
{
  width:100px;
  height:50px;
  float:left;
  margin-top:160px;
  margin-left:-130px;
  text-align:center;
}
.cotation
{
 width:100px;
 height:100px;
 position:relative;
 float:left;
 margin-top:4px;
}
.couts
{
 width:100px;
 height:100px;
 position:relative;
 float:left;
 margin-top:100px;
}
.jointure
{
 width:25px;
 height:100px;
 position:relative;
 float:left;
 background-color:#032c48;
 margin-top:85px;
 margin-left:-60px;
}
.besoin 
{
 width:150px;
 height:150px;
 float:left;
 position:relative;
 margin-left:170px;
 margin-top:-30px;
}
.produit
{
 width:100px;
 height:100px;
 position:relative;
 float:left;
 margin-left:-290px;
 margin-top:130px;
}
.trait1
{
 width:95px;
 height:150px;
 position:relative;
 float:left;
 margin-left:-220px;
 margin-top:75px;
}
.trait2
{
 width:95px;
 height:150px;
 position:relative;
 float:left;
 margin-left:-30px;
 margin-top:70px;
}
.marche
{
 width:100px;
 height:100px;
 position:relative;
 float:left;
 margin-left:-40px;
 margin-top:130px;
}
/*Fin Schema*/
}
@media screen and (max-width: 479px)
{
/*Schema Cotation*/
/* Les textes */
.cherche
{
 font-size:12px;
}
.trouve
{
 font-size:12px;
}
.suivi
{
 font-size:12px;
}
/* Les textes */
.accompagnement
{
 width:90px;
 height:90px;
 position:relative;
 float:left;
 margin-top:200px;
 margin-left:-220px;
}
.prise
{
 width:90px;
 height:90px;
 position:relative;
 float:left;
 margin-top:100px;
 margin-left:10px;
}
.texte
{
  width:80px;
  height:50px;
  float:left;
  margin-top:110px;
  text-align:center;
}
.textetrouv
{
  width:80px;
  height:50px;
  float:left;
  margin-top:110px;
  text-align:center;
  margin-left:-30px;
}
.acc
{
  width:100px;
  height:50px;
  float:left;
  margin-top:140px;
  margin-left:-130px;
  text-align:center;
}
.cotation
{
 width:90px;
 height:90px;
 position:relative;
 float:left;
 margin-left:-20px;
}
.couts
{
 width:90px;
 height:90px;
 position:relative;
 float:left;
 margin-top:100px;
 margin-left:-10px;
}
.jointure
{
 width:25px;
 height:100px;
 position:relative;
 float:left;
 background-color:#032c48;
 margin-top:85px;
 margin-left:-55px;
}
.besoin 
{
 width:150px;
 height:150px;
 float:left;
 position:relative;
 margin-left:135px;
 margin-top:-30px;
}
.produit
{
 width:90px;
 height:90px;
 position:relative;
 float:left;
 margin-left:-260px;
 margin-top:110px;
}
.trait1
{
 width:95px;
 height:150px;
 position:relative;
 float:left;
 margin-left:-195px;
 margin-top:60px;
}
.trait2
{
 width:95px;
 height:150px;
 position:relative;
 float:left;
 margin-left:-30px;
 margin-top:65px;
}
.marche
{
 width:90px;
 height:90px;
 position:relative;
 float:left;
 margin-left:-65px;
 margin-top:110px;
}
/*Fin Schema*/
}
@media screen and (max-width: 409px)
{
/*Schema Cotation*/
/* Les textes */
.cherche
{
 font-size:9px;
}
.trouve
{
 font-size:9px;
}
.suivi
{
 font-size:9px;
}
/* Les textes */
.accompagnement
{
 width:80px;
 height:80px;
 position:relative;
 float:left;
 margin-top:150px;
 margin-left:-185px;
}
.prise
{
 width:80px;
 height:80px;
 position:relative;
 float:left;
 margin-top:100px;
 margin-left:10px;
}
.texte
{
  width:45px;
  height:50px;
  float:left;
  margin-top:110px;
  text-align:center;
}
.textetrouv
{
  width:45px;
  height:50px;
  float:left;
  margin-top:110px;
  text-align:center;
  margin-left:-15px;
}
.acc
{
  width:100px;
  height:50px;
  float:left;
  margin-top:110px;
  margin-left:-110px;
  text-align:center;
}
.cotation
{
 width:80px;
 height:80px;
 position:relative;
 float:left;
 margin-left:-5px;
}
.couts
{
 width:80px;
 height:80px;
 position:relative;
 float:left;
 margin-top:100px;
 margin-left:0px;
}
.jointure
{
 width:15px;
 height:100px;
 position:relative;
 float:left;
 background-color:#032c48;
 margin-top:65px;
 margin-left:-45px;
}
.besoin 
{
 width:110px;
 height:110px;
 float:left;
 position:relative;
 margin-left:117px;
 margin-top:-40px;
}
.produit
{
 width:75px;
 height:75px;
 position:relative;
 float:left;
 margin-left:-200px;
 margin-top:80px;
}
.trait1
{
 width:60px;
 height:150px;
 position:relative;
 float:left;
 margin-left:-150px;
 margin-top:40px;
}
.trait2
{
 width:60px;
 height:150px;
 position:relative;
 float:left;
 margin-left:-25px;
 margin-top:40px;
}
.marche
{
 width:75px;
 height:75px;
 position:relative;
 float:left;
 margin-left:-25px;
 margin-top:80px;
}
/*Fin Schema*/
}
@media screen and (max-width: 354px)
{
/*Schema Cotation*/
/* Les textes */
.cherche
{
 font-size:9px;
}
.trouve
{
 font-size:9px;
}
.suivi
{
 font-size:9px;
}
/* Les textes */
.accompagnement
{
 width:80px;
 height:80px;
 position:relative;
 float:left;
 margin-top:140px;
 margin-left:-160px;
}
.prise
{
 width:70px;
 height:70px;
 position:relative;
 float:left;
 margin-top:100px;
 margin-left:10px;
}
.texte
{
  width:45px;
  height:50px;
  float:left;
  margin-top:105px;
  text-align:center;
}
.textetrouv
{
  width:45px;
  height:50px;
  float:left;
  margin-top:100px;
  text-align:center;
  margin-left:-15px;
}
.acc
{
  width:100px;
  height:50px;
  float:left;
  margin-top:100px;
  margin-left:-110px;
  text-align:center;
}
.cotation
{
 width:75px;
 height:75px;
 position:relative;
 float:left;
 margin-left:0px;
}
.couts
{
 width:70px;
 height:70px;
 position:relative;
 float:left;
 margin-top:100px;
 margin-left:0px;
}
.jointure
{
 width:15px;
 height:100px;
 position:relative;
 float:left;
 background-color:#032c48;
 margin-top:65px;
 margin-left:-45px;
}
.besoin 
{
 width:100px;
 height:100px;
 float:left;
 position:relative;
 margin-left:113px;
 margin-top:-40px;
}
.produit
{
 width:70px;
 height:70px;
 position:relative;
 float:left;
 margin-left:-175px;
 margin-top:65px;
}
.trait1
{
 width:60px;
 height:150px;
 position:relative;
 float:left;
 margin-left:-130px;
 margin-top:35px;
}
.trait2
{
 width:60px;
 height:150px;
 position:relative;
 float:left;
 margin-left:-45px;
 margin-top:30px;
}
.marche
{
 width:70px;
 height:70px;
 position:relative;
 float:left;
 margin-left:-25px;
 margin-top:70px;
}
/*Fin Schema*/
}
@media screen and (max-width: 329px)
{
/*Schema Cotation*/
/* Les textes */
.cherche
{
 font-size:9px;
}
.trouve
{
 font-size:9px;
}
.suivi
{
 font-size:9px;
}
/* Les textes */
.accompagnement
{
 width:60px;
 height:60px;
 position:relative;
 float:left;
 margin-top:140px;
 margin-left:-160px;
}
.prise
{
 width:60px;
 height:60px;
 position:relative;
 float:left;
 margin-top:80px;
 margin-left:10px;
}
.texte
{
  width:45px;
  height:50px;
  float:left;
  margin-top:90px;
  text-align:center;
}
.textetrouv
{
  width:45px;
  height:50px;
  float:left;
  margin-top:90px;
  text-align:center;
  margin-left:-15px;
}
.acc
{
  width:100px;
  height:50px;
  float:left;
  margin-top:100px;
  margin-left:-110px;
  text-align:center;
}
.cotation
{
 width:60px;
 height:60px;
 position:relative;
 float:left;
 margin-left:0px;
}
.couts
{
 width:60px;
 height:60px;
 position:relative;
 float:left;
 margin-top:80px;
 margin-left:0px;
}
.jointure
{
 width:15px;
 height:100px;
 position:relative;
 float:left;
 background-color:#032c48;
 margin-top:50px;
 margin-left:-40px;
}
.besoin 
{
 width:90px;
 height:90px;
 float:left;
 position:relative;
 margin-left:100px;
 margin-top:-15px;
}
.produit
{
 width:60px;
 height:60px;
 position:relative;
 float:left;
 margin-left:-175px;
 margin-top:80px;
}
.trait1
{
 width:60px;
 height:150px;
 position:relative;
 float:left;
 margin-left:-130px;
 margin-top:50px;
}
.trait2
{
 width:60px;
 height:150px;
 position:relative;
 float:left;
 margin-left:-30px;
 margin-top:50px;
}
.marche
{
 width:60px;
 height:60px;
 position:relative;
 float:left;
 margin-left:-20px;
 margin-top:85px;
}
/*Fin Schema*/
}