#mer h1 { background-color:#f6c900; color:#333 !important;}
#mer h2 { margin: 50px 0px 30px 0px;}

#mer .btn {box-shadow: 0px 0px 0px 0px #f6c900 inset;background: #fff;}
#mer .btn:hover {box-shadow: 0px -60px 0px 0px #f6c900 inset;border-color: #f6c900; color:#333 !important;}
#mer .btn:hover i {color:#333 !important;}
#mer .btn-xs {box-shadow: 0px -2px 0px 0px #f6c900 inset;background: transparent;text-transform: none;}
#mer .btn-xs:hover {box-shadow: 0px -40px 0px 0px #f6c900 inset;border: 0}
#mer .btn:active {color:inherit; }




.etiquette {background: #f6c900; margin-bottom:20px; display: inline-block;padding: 5px 10px !important;font-size: 120% !important;font-weight: bold !important;color: #000;border-radius: 3px;}

.info_service {background: #f7f7f7;padding: 1%;margin-top: 50px;text-align: left;font-style: italic;}

/* Formulaire  ------------------------------------------------------------------------------- */
#formulaire_poseur .CGU {padding: 1%;border: 3px solid #ccc;height: 400px;overflow: scroll;margin-top: 40px;}
#formulaire_poseur .CGU h2 {font-size: 200%;color: #000;border: 0;font-weight: bold;text-align: center;}
#formulaire_poseur .CGU h3 {font-size: 120%;color: #333;border-bottom: 1px solid #666;font-weight: bold;margin-top: 20px;}
#formulaire_poseur .CGU p {padding: 1%;}
#formulaire_poseur .table td {border:0;vertical-align: middle; padding:3px;}
#formulaire_poseur input {margin:0;}
#formulaire_poseur input:focus {border: 2px solid #f6c900;}
#formulaire_poseur textarea:focus {border: 2px solid #f6c900;}
#formulaire_poseur select {margin:0;}
#formulaire_poseur .custom-control-label {display: inline-block;vertical-align: middle;margin: 0;}
#formulaire_poseur .label_selected {color:#000; font-weight:bold;}
#formulaire_poseur .custom-checkbox {margin: 10px 5px;}
#formulaire_poseur .custom-checkbox input[type="checkbox"]:checked + span.custom-checkbox-checked {border-color: #f6c900 !important; background: #f6c900 !important; }



#formulaire_poseur .search-ligne-checkbox .pictofont {font-size: 30px;vertical-align: middle;margin-right: 5px;color:#fff;background:#ccc;border:0;padding: 7px 5px 4px 5px;}
#formulaire_poseur .search-ligne-checkbox {margin: 25px 5px;}
#formulaire_poseur .search-ligne-checkbox-selected i {color:#000 !important;background: #f6c900 !important;}
#formulaire_poseur .search-ligne-checkbox-selected label {color:#000; font-weight:bold;}

#formulaire_poseur .btn-online {background-color: #00b63f;color: #fff;border: 0; font-weight:bold;font-size:120%}
#formulaire_poseur .btn-online:hover {background-color: #06bf46;color: #fff;border: 0;}
#formulaire_poseur .btn-online:focus {color: #fff;}

#formulaire_poseur .btn-offline {background-color: #999;color: #fff;border: 0; font-weight:bold;font-size:120%}
#formulaire_poseur .btn-offline:hover {background-color: #888;color: #fff;border: 0;}
#formulaire_poseur .btn-offline:focus {color: #fff;}

#formulaire_recherche_poseur {margin: 5% 2%; padding:20px;}

/* Resultat ------------------------------------------------------------------------------------------*/

.resultat_poseurs {margin: 0 0 10px;font-size: 150%; line-height:120%; padding: 3%;border: 2px solid #ccc;color: #000;}

#liste_poseurs li {list-style: none;padding: 1%;border-top: 2px solid #f6c900;display: flex;margin-bottom: 2%; position:relative}
#liste_poseurs li .voir {position: absolute;top: -100px;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.03);text-align: center; display:none;transition: all 0.2s;}
#liste_poseurs li:hover .voir{display:block; top: 0px; transition: all 0.2s; }
#liste_poseurs li .voir{transition: all 0.2s; cursor:pointer; }

#liste_poseurs td {vertical-align:middle;}

#liste_poseurs .logo {padding: 1%;border: 0px solid #ccc;display: inline-block; width:211px;}

#liste_poseurs .bloc_poseur {margin-left: 20px;padding: 1%; display: inline-block; width:calc( 100% - 250px );}
#liste_poseurs .numero {position: absolute;top: 0;left: 0;padding: 5px 10px;background: #f6c900;font-weight: bold;}
#liste_poseurs .societe {font-size: 120%;font-weight: bold;margin-top: 20px; }
#liste_poseurs .nom {margin-top: 5px;color: #333;font-size: 80%;}
#liste_poseurs .competences {margin-top: 10px;color: #888;font-size: 80%;border-top: 1px solid #ddd;padding-top: 10px;}
#liste_poseurs .badge-poseur {display: inline-block;background-color: #eee;color: #666;font-size: 80%;padding: 0px 10px;border-radius: 2px;margin: 0px 1px 4px 0px;}

/* Fiche ------------------------------------------------------------------------------------------*/

#fiche_poseur .entete .logo {display: inline-block; vertical-align:top;}
#fiche_poseur a {color:#000;  transition:all 0.1s}
#fiche_poseur a:hover {text-decoration:underline; }

#fiche_poseur .entete .coordonnees {display: inline-block; vertical-align:top; margin-left: 30px;border-left: 1px solid #666;padding-left: 30px;color:#000;width: calc(100% - 300px); min-height:200px;}
#fiche_poseur .entete .societe h1 {text-align: left;display: inline-block;margin: 0;padding: 10px 20px;font-weight: bold; font-size:200%; line-height:100% }
#fiche_poseur .entete .description {padding: 10px 20px;background: #eee;color: #000; font-size: 18px;line-height: 24px; }
#fiche_poseur .entete .adresse {margin-top: 10px;padding: 10px;font-size: 120%;line-height: 120%;}
#fiche_poseur .entete .website {margin: 10px 0px;}
#fiche_poseur .entete .website i {padding-right:5px; }

#fiche_poseur .images .miniature {display: inline-block; position:relative; cursor:pointer; transition:all 0.1s;}
#fiche_poseur .images .miniature .zoom {position: absolute;top: 50%;left: 50%;color: #fff;font-size: 300%;transition:all 0.1s;margin-top: -20px;margin-left: -15px;opacity: 0.7;}
#fiche_poseur .images .miniature:hover .zoom {color: #f6c900;opacity: 1;}

#fiche_poseur .zone_commentaire {padding: 10px;font-size: 110%;background: #eee;color: #000;font-weight: bold;line-height: 100%;}
#fiche_poseur .departements {padding: 10px;display: block;color: #333;}
#fiche_poseur .departements li {list-style: none;font-size: 120%;line-height: 200%;}
#fiche_poseur .departements li i {font-size: 110%;margin-right: 5px}

#fiche_poseur .competences {margin: auto;display: inline-block;text-align: left;}
#fiche_poseur .competences li {list-style: none;font-size: 120%;line-height: 200%;}
#fiche_poseur .competences li i {font-size: 150%;}

#fiche_poseur .produits {margin: auto;display: inline-block;text-align: left;}
#fiche_poseur .produits li {list-style: none;font-size: 120%;line-height: 200%;}
#fiche_poseur .produits li i {font-size: 150%;}


@media (max-width: 700px) {
	#fiche_poseur .entete .logo {display: block; }
	#fiche_poseur .entete .coordonnees {display: block; margin-left: 0px;border-left: 0px;padding-left: 00px;color:#000;width: 100% ;}
	}

	
/* formulaire contact ------------------------------------------------------------------------------------------*/

#fiche_poseur .formulaire_contact {padding: 1% 2%;}
#fiche_poseur .formulaire_contact .titre {margin-top: 10px; text-align:right;}
@media (max-width: 543px) {#fiche_poseur .formulaire_contact .titre {margin-bottom: 10px;text-align:left;}}

#fiche_poseur .formulaire_contact ul {color: #000; display: inline-block;}
#fiche_poseur .formulaire_contact li {padding:3px 10px;margin:5px; border: 1px solid #ccc; list-style:none; display:inline-block;}
#fiche_poseur .formulaire_contact .telephone li {font-size: 150%;background: #666;color: #fff;padding: 10px; border:0}