#exemple_facom { max-width: 100%; } 
.annimation_commercial_texte { font-size: 10px !important; }  

a { text-decoration: none; }

html, body { margin: 0;	padding: 0;font-family: "frank-new",sans-serif;  background: #fafafa; color: #000; }

*, *:after, *:before  { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;  padding: 0; margin: 0; }

.logo_rondeau { width: 200px; }

h1 {  position: relative; text-align: center; }

.one{  margin-top: 10px; }

.one:before { content: ""; display: block; border-top: solid 4px #000; width: 100%; height: 1px; position: absolute; top: 40%; z-index: 1; }

.one span { background: #F9F9F9; padding: 15 5px; position: relative; z-index: 5; }

  
body {font-family: "frank-new",sans-serif;  background: #F9F9F9; }



.header_popup { position: absolute; top: 0; left: 0; background: #272727; color: #fff; width: 100%; line-height: 35px;
display: block;  height: 40px; z-index: 1 !important; text-align: center;  }

.header_popup img { width: 30px; margin-right: 10px; top: 5px; position: relative;  }

.rounded-social-buttons { margin: 0 auto; margin-top: 55px; text-align: center; }

.rounded-social-buttons .social-button {
display: inline-block; position: relative; cursor: pointer; width: 3.125rem; height: 3.125rem; border: 0.125rem solid transparent;  padding: 0;
text-decoration: none; text-align: center; color: #fefefe; font-size: 1.5625rem; font-weight: normal; line-height: 2em; border-radius: 1.6875rem;
transition: all 0.5s ease; margin-right: 0.25rem; margin-bottom: 0.25rem;
}

.rounded-social-buttons .social-button:hover, .rounded-social-buttons .social-button:focus {
-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);
}

.rounded-social-buttons .fa-facebook-f, .fa-linkedin, .fa-tiktok, .fa-youtube { font-size: 25px;}

.rounded-social-buttons .social-button.facebook { background: #3b5998; }

.rounded-social-buttons .social-button.facebook:hover, .rounded-social-buttons .social-button.facebook:focus {
color: #3b5998; background: #fefefe; border-color: #3b5998;
}

.rounded-social-buttons .social-button.linkedin { background: #007bb5; }

.rounded-social-buttons .social-button.linkedin:hover, .rounded-social-buttons .social-button.linkedin:focus {
color: #007bb5; background: #fefefe; border-color: #007bb5;
}

.rounded-social-buttons .social-button.tiktok { background: #000000; }

.rounded-social-buttons .social-button.tiktok:hover, .rounded-social-buttons .social-button.tiktok:focus {
color: #000000; background: #fefefe; border-color: #000000;
}

.rounded-social-buttons .social-button.youtube { background: rgb(170,0,0); }
.rounded-social-buttons .social-button.youtube img { position: relative; top: 5px; left: 0; width: 35px; }

.rounded-social-buttons .social-button.youtube:hover, .rounded-social-buttons .social-button.youtube:focus {
color: #bb0000; background: #fefefe; border-color: rgb(170,0,0);
}


.main-wrapper {  width: 100%; max-width: 1000px; margin: 0px auto; text-align: center; margin-top: 50px; }

.badge { position: relative; margin: 3em 4em; width: 5em; height: 5.2em; border-radius: 8px; display: inline-block; top: 0; }

.badge:before, .badge:after { position: absolute; width: inherit; height: inherit; border-radius: inherit; background: inherit; content: ""; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.badge:before { transform: rotate(60deg); }

.badge:after { transform: rotate(-60deg); }
.badge:hover {  top: -4px; }
.badge .circle { width: 70px; height: 70px; position: absolute; background: #fff; z-index: 10; border-radius: 50%; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.badge .icon-poste-soudure img { width: 45px;  margin-top: 10px; }
.badge .icon-crm img { width: 45px;  margin-top: 10px; }
.badge .circle i.fa { font-size: 40px; margin-top: 12px; }
.badge .font { display: inline-block; margin-top: 1em; }

.badge .ribbon { position: absolute; border-radius: 4px;  width: 170px; z-index: 11; color: #fff; bottom: -25px; left: 50%; margin-left: -90px; height: 15px;
				 font-size: 12px; font-weight: 600; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); text-transform: uppercase;
				 background: linear-gradient(to bottom right, #555 0%, #333 100%); cursor: default; height: 27px; line-height: 27px;
			   }

.gold {	background: linear-gradient(to bottom right, #e6ce6a 0%, #b7892b 100%); color: #b7892b; }
.yellow { background: linear-gradient(to bottom right, #ffeb3b 0%, #fbc02d 100%); color: #ffb300; }
.orange { background: linear-gradient(to bottom right, #ffc107 0%, #f57c00 100%); color: #f68401; }
.pink { background: linear-gradient(to bottom right, #f48fb1 0%, #d81b60 100%); color: #dc306f; }
.red_index { background: linear-gradient(to bottom right, #f4511e 0%, #b71c1c 100%); color: #c62828; }
.purple { background: linear-gradient(to bottom right, #ab47bc 0%, #4527a0 100%); color: #7127a8; }
.teal { background: linear-gradient(to bottom right, #4db6ac 0%, #00796b 100%); color: #34a297; }
.blue { background: linear-gradient(to bottom right, #4fc3f7 0%, #2196f3 100%); color: #259af3; }
.blue-dark { background: linear-gradient(to bottom right, #1976d2 0%, #283593 100%); color: #1c68c5; }
.green-dark { background: linear-gradient(to bottom right, #4caf50 0%, #1b5e20 100%); color: #00944a; }
.black_bg {
background: -webkit-linear-gradient(to right, #414345, #232526);background: linear-gradient(to right, #414345, #232526); color: #000;
}

.col-lg {  max-width:100%; width:25%; display: inline-block; padding-right:15px;padding-left:15px } 
.col-lg2 {  max-width:100%; width:35%; display: inline-block; padding-right:15px;padding-left:15px }  
.col-lg4 {  max-width:100%; width:20%; display: inline-block; padding-right:15px;padding-left:15px }  
.col-lg1 {  max-width:100%; width:51%; display: inline-block; padding-right:15px;padding-left:15px }  
.container-col-lg { width: 100%; margin: 0 auto ; text-align: center; margin-top: 60px; }
  
.card-box2 { position: relative; color: #fff; padding: 20px 10px 20px 10px; border: 2px solid #000; margin-bottom: 15px;  }

.card-box2 h5, .card-box2 h3 { display: block; font-size: 14px; font-weight: bold; margin-top: 5px; white-space: nowrap; padding: 0; text-align: center; text-transform: uppercase; }

.card-box2 .icon { display: block; font-size: 65px; color: #fff; top: 5px; }
.card-box2 .icon img { width: 65px; }
.card-box2 .icon .glace_retro { width: 85px; }

  

.bouton_valide { background-color: #A40000; color: #fff; padding: 8px; display: inline-block; cursor: pointer; margin-top: 10px;
                 font-size: 18px; text-align: center; width: 250px; border: #000 3px solid; text-decoration: none;} 

.bouton_valide_red {background: linear-gradient(to bottom right, #f4511e 0%, #b71c1c 100%); color: #fff; padding: 8px; display: inline-block;
cursor: pointer; margin-top: 10px; font-size: 18px; text-align: center; width: 250px; border: #000 3px solid; text-decoration: none;} 

.boutton_valide_yellow {background: linear-gradient(to bottom right, #ffeb3b 0%, #fbc02d 100%); color: #fff; padding: 8px; display: inline-block;
cursor: pointer; margin-top: 10px; font-size: 18px; text-align: center; width: 250px; border: #000 3px solid; text-decoration: none;} 

#identification input[type="submit"]{background: linear-gradient(to bottom right, #f4511e 0%, #b71c1c 100%); color: #fff; padding: 7px 8px; display: inline-block;
cursor: pointer; margin-top: 10px; font-size: 18px; text-align: center; width: 120px; border: #000 2px solid; text-decoration: none; vertical-align: top;  }

#identification a {background: linear-gradient(to bottom right, #f4511e 0%, #b71c1c 100%); color: #fff; padding: 6px 8px; display: inline-block;
cursor: pointer; margin-top: 10px; font-size: 18px; text-align: center; width: 120px; border: #000 2px solid; text-decoration: none; }


.bouton_valide2 { background: linear-gradient(to bottom right, #f4511e 0%, #b71c1c 100%); color: #fff; padding: 5px 8px; display: inline-block;
cursor: pointer; margin-top: 10px; font-size: 18px; text-align: center; width: 120px; border: #000 2px solid; text-decoration: none;} 

.bouton_valide_violet { background: linear-gradient(to bottom right, #ab47bc 0%, #4527a0 100%); color: #fff; padding: 8px; display: inline-block;
cursor: pointer; margin-top: 10px; font-size: 18px; text-align: center; width: 250px; border: #000 3px solid; text-decoration: none;} 

.formulaire_ajout2 { display: flex; align-items: center; justify-content: center;  }

.btnQte{background-color:#000;border:0;padding:2px 10px;color:#FFF; margin-bottom: 15px;   cursor: none; display: inline-block; }  

.container_garantie_a_ramasser {  text-transform: uppercase; width: 100%; margin-left: auto; margin-right: auto; margin-top: 30px;
  								  font-size: 12px; text-align: center;}

#box_ref_facom{ border-top:#000 3px solid; border-bottom:#000 3px solid; background:#FAF8F8;padding:10px; 
  text-align: left; max-width: 80%; display: inline-block;}  

#box_qte_facom{ border-top:#000 3px solid; border-bottom:#000 3px solid; background:#FAF8F8;padding:10px; 
  text-align: left; max-width: 20%; display: inline-block; } 

#message-box{ border-top:#000 3px solid; border-bottom:#000 3px solid; background:#FAF8F8;padding:10px; 
  text-align: center; max-width: 100%; margin-left: auto; margin-right: auto;}  

#message-qte {display: block; }
  
.message-box{border-bottom:#000 3px solid; background:#FAF8F8;padding:10px; width: 100%; text-align: left; margin-left: auto; margin-right: auto; }
.message-content{ width: 60%; display: inline-block; font-weight: 500; }
.message-qte { background-color:#000;border:0;padding:2px 10px;color:#FFF; float:right; }
.message-refus { background-color:#A40000;border:0;padding:2px 10px;color:#FFF;  float:right; margin-right: 15px; text-transform: uppercase; }

.bouton_pdf { font-size: 16px; border-radius: 6px; border: solid 3px #000000; color: #FFFFFF; background: #a40000;
  			  cursor: pointer;	text-align: center; user-select: none; display: inline-flex; justify-content: center; align-items: center;
}

.bouton_pdf:hover {	background: #000000; }
.bouton_pdf:active { position: relative; top: 1px; }
.bouton_pdf > span { display: block; }
.bouton_pdf-icon { padding: 6px 20px; border-left: 1px solid rgba(255, 255, 255, 0.16);}
.bouton_pdf-icon i { position: relative; font-size: 20px; vertical-align: middle; }
.bouton_pdf-text {	padding: 6px 20px; }
  

.js .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.inputfile + label { font-size: 16px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;
    				 overflow: hidden; padding: 0.5rem 0.5rem; text-align: center; margin-left: auto; margin-right: auto;
				   }

.no-js .inputfile + label { display: none; }

.inputfile + label * {}

.inputfile + label svg { width: 1.5em; height: 1.5em; vertical-align: middle; fill: currentColor; margin-top: -0.25em; margin-right: 0.25em; }

.inputfile-1 + label, .inputfile-1 + span{ color: #FFF; background-color: #000; margin-top: 17px; width: 100%; text-align: center; }

.inputfile-1:focus + label, .inputfile-1.has-focus + label, .inputfile-1 + label:hover {  background-color: #A40000; }

.mon_tableau input[type=text], .mon_tableau textarea, .mon_tableau select {
font-family: "frank-new",sans-serif;    font-size: 16px;
    font-weight: 400;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    /* Size and position */
    width: 100%;
    padding: 10px 18px 10px;
   /* Styles */
    border: none; /* Remove the default border */
    box-shadow: 
        inset 0 0 5px rgba(0,0,0,0.1),
        inset 0 3px 2px rgba(0,0,0,0.1);
    border-radius: 3px;
    background: #DEDEDE;
    color: #777;

 
}

.mon_tableau input[type=text], .mon_tableau select {  margin-bottom: 10px; }

.entete_statut_facom2 { font-size: 18px; text-transform: uppercase; text-align: center; margin-bottom: 10px; color: #A40000; }

.back_statut_facom {  display: block; width: 100%; background-color: #A40000; color: #fff; font-size: 14px; text-transform: uppercase;
					  height: 30px; line-height: 30px; margin-bottom: 25px; text-align: center;
}

.back_statut_facom > span { font-size: 36px; height: 30px; line-height: 30px;
}


.material-container > .material-table >  .-table_recherche_facom > p{  padding-top: 10px; height: 50px; height: 100%;
  border-top: 2px solid #000; width: 100%; font-size: 14px;
	
}

.material-container > .material-table > .-table_recherche_facom { width: 100%; background-color: #E8E8E8; text-align: center;}
   
.container_consultation_facom { width: 70%; }

.entete_garantie { font-size: 26px; width: 100%; padding: 5px; background-color: #000; color: #fff;  }

.entete_affichage_facom { font-size: 20px; width: 100%; padding: 2px; background-color: #000; color: #fff;  }

.material-container { margin-top: 15px; width: 100%; height: 100%; }

.material-container > .material-table { width: 100%; }

.material-container > .material-table > .-table, .-table_rouge, .table_devis { width: 100%; background-color: #E8E8E8; }

.material-container > .material-table >  .-table_rouge p{ padding: 5px; height: 80px;
  border-top: 3px solid #000; width: 100%;
	
}

.material-container > .material-table > .table_devis > p{ padding: 5px; height: 100px;
  border-top: 3px solid #000; width: 100%;
	
}

.smart-popin .sp-body_ramassage_facom { position: relative; z-index: 999; width: auto; min-width: 340px; margin: 0 auto; background-color: #ffffff;
    					padding: 0.5em; -webkit-box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25);
    				    box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25); width: 96.66%;
					  }

.smart-popin .sp-body_ramassage_facom * { max-width: 100%;  z-index: 999; }

.smart-popin_rouge .sp-cell_rouge { display: table-cell; vertical-align: middle; padding: 10px; z-index: 999; }

.smart-popin_rouge .sp-body_rouge {  position: relative; z-index: 999; width: auto; min-width: 340px; margin: 0 auto; 
background: linear-gradient(to bottom right, #f4511e 0%, #b71c1c 100%); color: #c62828;
padding: 2em; -webkit-box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25); box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25); width: 55%; color: #fff;
}
.smart-popin_rouge .sp-body_rouge * { max-width: 100%; z-index: 999; }

.smart-popin_rouge .sp-close_rouge { position: absolute; top: 0; right: 0; width: 36px; height: 36px; line-height: 36px; text-align: center;
    							     font-size: 1.6em; color: #fff; font-weight: 900; text-decoration: none; z-index: 999;
								   }       
                    
.smart-popin_rouge { position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; opacity: 0; visibility: hidden;
  				     background-color: rgba(0,0,0,0.5); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;
    				 -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 999;
				   }

.smart-popin_rouge:target { opacity: 1; visibility: visible; z-index: 999; }

.smart-popin_rouge .sp-table_rouge { display: table; height: 100%; width: 100%; z-index: 999; }

.open-popin_rouge { display: inline-block; text-align: center; color: #fff; text-decoration: none; background-color: crimson;
    			    padding: 0.5em 1.5em; border-radius: 20px; margin-bottom: 0.8em; z-index: 999;
				  } 	 

.smart-popin_petit .sp-cell_petit { display: table-cell; vertical-align: middle; padding: 10px; z-index: 999; }

.smart-popin_petit .sp-body_petit {  position: relative; z-index: 999; width: auto; min-width: 340px; margin: 0 auto; background-color: #fff;
    							     padding: 2em; -webkit-box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25);
  									 box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25); width: 40%; color: #fff;
								  }

.smart-popin_petit .sp-body_petit * { max-width: 100%; z-index: 999;   }

.smart-popin_petit .sp-close_petit { position: absolute; top: 0; right: 0; width: 36px; height: 36px; line-height: 36px; text-align: center;
    							     font-size: 1.6em; color: #000; font-weight: 900; text-decoration: none;  z-index: 999;
								   }
     
 .smart-popin_petit { position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; opacity: 0; visibility: hidden;
    				  background-color: rgba(0,0,0,0.5); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;
    				  -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 999;
					}

.smart-popin_petit:target { opacity: 1; visibility: visible; z-index: 999; }

.smart-popin_petit .sp-table_petit { display: table; height: 100%; width: 100%; z-index: 999; }

.open-popin_petit { display: inline-block; text-align: center; color: #000; text-decoration: none; background-color: crimson;
    				padding: 0.5em 1.5em; border-radius: 20px; margin-bottom: 0.8em; z-index: 999;
				  }

.smart-popin_grand .sp-cell_grand { display: table-cell; vertical-align: middle; padding: 10px; z-index: 999;  }

.smart-popin_grand .sp-body_grand { position: relative; z-index: 999; width: auto; min-width: 340px; margin: 0 auto; background-color: #fff; 
  									padding: 2em; -webkit-box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25); 
  									box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25); width: 90%; color: #000;
							      }

.smart-popin_grand .sp-body_grand * { max-width: 100%; z-index: 999; }

.smart-popin_grand .sp-close_grand { position: absolute; top: 0; right: 0; width: 36px; height: 36px; line-height: 36px; text-align: center;
font-size: 1.6em; color: #000; font-weight: 900; text-decoration: none; z-index: 999;
}
         
.smart-popin_grand { position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; opacity: 0; visibility: hidden; 
background-color: rgba(0,0,0,0.5); z-index: 999;
}

.smart-popin_grand:target { opacity: 1; visibility: visible;  z-index: 999; }

.smart-popin_grand .sp-table_grand { display: table; height: 100%; width: 100%;  z-index: 999; }

.open-popin_grand { display: inline-block; text-align: center; color: #000; text-decoration: none; background-color: crimson;
padding: 0.5em 1.5em; border-radius: 20px; margin-bottom: 0.8em; z-index: 999;
}





.smart-popin_fulllargeur .sp-cell_fulllargeur { display: table-cell; vertical-align: middle; padding: 1px; z-index: 999;  }

.smart-popin_fulllargeur .sp-body_fulllargeur { position: relative; z-index: 999; margin: 0 auto; background-color: #fff; 
padding: 0.5em; -webkit-box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25);  width: auto; width: 650px; min-width: 340px;
box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25);  color: #000;
}

.smart-popin_fulllargeur .sp-body_fulllargeur * { max-width: 100%; z-index: 999; }

.smart-popin_fulllargeur .sp-close_fulllargeur { position: absolute; top: 0; right: 0; width: 36px; height: 36px; line-height: 36px; text-align: center;
font-size: 1.6em; color: #000; font-weight: 900; text-decoration: none; z-index: 999;
}                  
         
.smart-popin_fulllargeur { position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; opacity: 0; visibility: hidden; background-color: rgba(0,0,0,0.5); z-index: 999;}

.smart-popin_fulllargeur:target { opacity: 1; visibility: visible;  z-index: 999; }

.smart-popin_fulllargeur .sp-table_fulllargeur { display: table; height: 100%; width: 100%;  z-index: 999; }

.open-popin_fulllargeur { display: inline-block; text-align: center; color: #000; text-decoration: none; background-color: crimson;
padding: 0.5em 0.5em; border-radius: 20px; margin-bottom: 0.8em; z-index: 999;
}



.css-button_continuer {	font-size: 16px; border-radius: 5px; border: solid 1px #3866A3; color: #000000; background: #ffffff;
						box-shadow: inset 1px 1px 2px 0px #000000; font-family: "frank-new",sans-serif;font-weight: bold; cursor: pointer; text-align: center;
						user-select: none; display: inline-flex; justify-content: center; align-items: center;
					  }

.css-button_continuer:hover { background: #ffffff; text-decoration: none; color: #000; }

.css-button_continuer:active { position: relative; top: 1px; }

.css-button_continuer > span { display: block; }

.css-button-icon_continuer { color: #FFFFFF; background-color: #000000;	border-radius: 0 5px 5px 0;	padding: 10px 18px;
  							 border-left: 1px solid rgba(255, 255, 255, 0.16); box-shadow: rgba(0, 0, 0, 0.14) 1px 0px 0px inset;
						   }

.css-button-icon_continuer svg { vertical-align: middle; }

.css-button-text_continuer { padding: 10px 10px; }

table.tableau_general a { text-decoration: none; }

.formulaire_contact input[type=text], .formulaire_contact textarea
{ border-style:solid; font-size:14px; text-align:left; border-radius:5px; color:#000000; border-color:#000000; padding:7px; 
border-width:1px; background-color:#dedede; width: 50%; margin-top: 3px; margin-bottom: 25px;
} 

.formulaire_contact input:focus { outline:none; } 

.formulaire_recherche input[type=text], textarea { border: 3px #000 solid; font-size:16px; text-align:center; border-radius:5px; color:#000; 
												   padding:7px; background-color:#fff; width: 250px; margin-top: 3px; margin-bottom: 15px;
} 

.formulaire_recherche input:focus { outline:none; } 
 
input::-webkit-input-placeholder {  color: black; }
input[type=text]::placeholder { color: black; opacity: 1; }
input[type=text]::-webkit-input-placeholder { color: black; }
input[type=text]:-ms-input-placeholder { color: black; }
input[type=text]::-ms-input-placeholder { color: black; }

table.tableau_general { background-color: #ffffff; width: 100%; text-align: left; }

table.tableau_general td, table.tableau_general th { padding: 5px 5px; }

table.tableau_general tbody td { font-size: 14px; color: #000000; }

table.tableau_general thead { background: #A82F2F; background: -moz-linear-gradient(top, #bb6262 0%, #ad4343 66%, #A42E2E 100%);
  							  background: -webkit-linear-gradient(top, #bb6262 0%, #ad4343 66%, #A42E2E 100%);
  							  background: linear-gradient(to bottom, #bb6262 0%, #ad4343 66%, #A42E2E 100%);
							}

table.tableau_general thead th { font-size: 16px; font-weight: bold; color: #FFFFFF; text-align: center; }


.smart-popin .sp-cell { display: table-cell; vertical-align: middle;  z-index: 9999; padding-top: 35px; padding-bottom: 35px; }

.smart-popin .sp-body { position: relative; z-index: 999;  width: auto; max-width: 1450px;   margin: 0 auto; background-color: #EFF3FC; border-radius: 10px; border: 2px solid #000;
padding: 2em;
-webkit-box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25); box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25); color: #000; width: 100%; 
}

.smart-popin .sp-body  {  z-index: 999; }

.smart-popin .sp-close { position: absolute; top: -15px; right: -15px; width: 36px; height: 36px; line-height: 36px; text-align: center; background:#C34A4A; border-radius: 50%;
font-size: 1em; color: #fff; font-weight: 900; text-decoration: none; z-index: 999; cursor: pointer; 
}  


       
.smart-popin { position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.7); z-index: 9999;}
.smart-popin:target { opacity: 1; visibility: visible;  z-index: 999; }
.smart-popin .sp-table { display: table; height: 100%; width: 100%;  z-index: 9999; }


         
table.mon_tableau { background-color: #FFFFFF; width: 100%; }

table.mon_tableau td, table.mon_tableau th {  border: 1px solid #000000;  }

table.mon_tableau tbody td { font-size: 16px; color: #333333; align-items: center;  justify-content: center; text-align:center; }

table.mon_tableau tr:nth-child(even) { background: #FFF; }

table.mon_tableau thead { background: #A40000; background: -moz-linear-gradient(top, #bb4040 0%, #ad1919 66%, #A40000 100%);
background: -webkit-linear-gradient(top, #bb4040 0%, #ad1919 66%, #A40000 100%);
background: linear-gradient(to bottom, #bb4040 0%, #ad1919 66%, #A40000 100%);
}

table.mon_tableau thead th { font-size: 14px; font-weight: bold; color: #FFFFFF; text-align: center; }

img { max-width: 80% ;	height: auto;	}

.form-1 { width: 300px; padding: 10px; position: relative; }
.form-1 .field {    position: relative; }

.form-1 .field i { left: 0px; top: 2px; position: absolute; height: 36px; width: 36px; border-right: 1px solid rgba(0, 0, 0, 0.1);
    			   box-shadow: 1px 0 0 rgba(255, 255, 255, 0.7); color: #777777; text-align: center; line-height: 42px;
    			   -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out;
     			   -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; pointer-events: none;
				  }

.form-1 input[type=text], .form-1 input[type=password] 
{
font-family: "frank-new",sans-serif;
font-size: 16px; font-weight: 400; text-shadow: 0 1px 0 rgba(255,255,255,0.8); width: 100%; padding: 10px 18px 10px 45px; border: none;
box-shadow:  inset 0 0 5px rgba(0,0,0,0.1), inset 0 3px 2px rgba(0,0,0,0.1); border-radius: 3px; background: #DEDEDE; color: #777;
}

.form-1 input[type=text] {  margin-bottom: 10px;}

.form-1 input[type=text]:hover ~ i, .form-1 input[type=password]:hover ~ i { color: #881212; }
.form-1 input[type=text]:focus ~ i, .form-1 input[type=password]:focus ~ i { color: #881212; }
.form-1 input[type=text]:focus, .form-1 input[type=password]:focus, .form-1 button[type=submit]:focus {  outline: none; }

.form-1 .submit { width: 65px; height: 65px; position: absolute; top: 21px; right: -25px; padding: 10px; z-index: 2; background: #ffffff;
    			  border-radius: 50%; box-shadow: 0 0 2px rgba(0,0,0,0.1), 0 3px 2px rgba(0,0,0,0.1), inset 0 -3px 2px rgba(0,0,0,0.2);
}

.form-1 .submit:after { content: ""; width: 10px; height: 10px; position: absolute; top: -2px; left: 30px; background: #ffffff;
    box-shadow: 0 62px white, -32px 31px white;
}

.form-1 .submit_mdp { width: 65px; height: 65px; position: absolute; top: 0px; right: -25px; padding: 10px; z-index: 2; background: #ffffff;
    			      border-radius: 50%;
					}

.form-1 .submit_mdp:after { content: ""; width: 10px; height: 10px; position: absolute; top: -2px; left: 30px; background: #ffffff; }

.form-1 button { width: 100%; height: 100%; margin-top: -1px; font-size: 1.4em; line-height: 1.75; color: white; border: none;
    			 border-radius: inherit; background: #881212; cursor: pointer;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.35), inset 0 3px 2px rgba(255,255,255,0.2), inset 0 -3px 2px rgba(0,0,0,0.1);
			   }

.form-1 button:hover, .form-1 button[type=submit]:focus { background: #881212; }
.form-1 button:active { background: #881212; box-shadow: inset 0 0 5px rgba(0,0,0,0.3), inset 0 3px 4px rgba(0,0,0,0.3); }

.mdp_oublie { font-size: 16px; letter-spacing: 0px; word-spacing: 2px; color: #909090; font-weight: 400; 
  			  text-decoration: underline solid rgb(68, 68, 68); font-style: italic; font-variant: normal; text-transform: none;
}

.mdp_oublie:hover { color: #A40000; }

#apercu { margin-top: 20px; font-size: 16px; letter-spacing: 0px; word-spacing: 2px; color: #BA1313; font-weight: 400; font-variant: normal;
		  text-transform: none; text-align:center;
}

.retour_accueil {
font-family: "frank-new",sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    /* Size and position */
    width: 250px;
   padding: 10px 18px 10px 5px;
   /* Styles */
    border: none; /* Remove the default border */
    box-shadow: 
        inset 0 0 5px rgba(0,0,0,0.1),
        inset 0 3px 2px rgba(0,0,0,0.1);
    border-radius: 3px;
    background: #DEDEDE;
    color: #777;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -ms-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

.login {  margin-top: 50vh;  transform: translateY(-50%); }

.navigation { margin-top: 50vh; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; 
vertical-align: middle; text-align:center; font-weight:bold; font-size:16px;
}


.procedure_embrayageVALEO  { text-align: center;  }
.procedure_embrayageVALEO img { width: 650px; margin: 0 auto; }
.telechargement_procedure { width: 600px; background: #fff; color: #CC0000; height: 30px; line-height: 30px; text-align: center; display:block; margin: 10px auto;  }
.telechargement_procedure a { color: #CC0000; height: 30px; line-height: 30px; text-align: center; font-weight: 550; }

.precisio { width: 1120px;
border: 2px solid #000; background: linear-gradient(to bottom right, #f4511e 0%, #b71c1c 100%); color: #fff; margin-top: 0px; 
font-weight: 600; text-align: center; height: 30px; line-height: 30px; margin-left: auto; margin-right: auto;}

.en_tete_date2 { text-align: center; width: 1120px; height: 35px; line-height: 35px; background-color: #3D3D3D; color: #fff; font-size: 15px; 
margin-bottom: 2px; margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 20px;  }  

.en_tete_date3 { text-align: center; width: 850px; height: 35px; line-height: 35px; background-color: #3D3D3D; color: #fff; font-size: 15px; 
margin-bottom: 2px; margin-top: 20px; margin-left: auto; margin-right: auto; }  

.pricing-container {margin-top: 0px; }
.pricing-container { background-color: #fff; display: flex; justify-content: space-between;  margin-left: auto; margin-right: auto; width: 1120px; }
.pricing-container .plan { display: flex; flex-direction: column; align-items: center; width: 280px; margin: 30px 0px; padding: 0px 20px;}
.pricing-container .plan .plan-icon svg { width: 60px; height: 60px; text-align: center; margin-left: -6px; position: relative; z-index: 10; font-size: 150rem; fill: #FFF; }
.plan-icon-last { margin-left: 10px; }
.pricing-container .plan .plan-icon { display: flex; width: 70px; height: 70px; justify-content: center; align-items: center; position: relative; z-index: 10; }
 
.pricing-container .plan .plan-icon:after { content: ''; width: 100px; height: 100px; border-radius: 50%;
background: linear-gradient(to bottom right, #f4511e 0%, #b71c1c 100%); z-index: 8; position: absolute;
}

.pricing-container .plan .title { text-transform: uppercase; color: #000; font-size: 20px; font-weight: 700; margin-top: 35px; margin-bottom: 0px; }
.pricing-container .plan .features { list-style-type: none; display: flex; flex-direction: column; margin: 0; padding: 0; width: 100%;}

.pricing-container .plan .features li { line-height: 1.5rem; width: 98%;  display: block; text-align: center;
text-transform: uppercase; border: 2px solid #000; font-size: 14px; color: #000; font-weight: 800; 
}

.pricing-container .plan .features li:nth-child(odd) { 
border-bottom: 0px solid; background: linear-gradient(to bottom right, #f4511e 0%, #b71c1c 100%); color: #fff; margin-top: 20px;   font-weight: 600; 
}

.pricing-container2 { background-color: #fff; display: flex; justify-content: space-between;  margin-left: auto; margin-right: auto; width: 850px; border: 2px solid #000;}
.pricing-container2 .plan2 { display: flex; flex-direction: row; align-items: center; width: 830px; margin: 10px 0px; padding: 0px 20px;}
.pricing-container2 .plan2 .plan-icon2 svg { width: 60px; height: 60px; text-align: center; margin-left: -2px; position: relative; z-index: 10; font-size: 150rem; fill: #FFF; }
.plan-icon-last2 { margin-left: 10px; }

.pricing-container2 .plan2 .plan-icon2 { 
display: flex; width: 70px; height: 70px; justify-content: center; align-items: center; position: relative; left: 40px; z-index: 10; }
 
.pricing-container2 .plan2 .plan-icon2:after {
content: ''; width: 100px; height: 100px; border-radius: 50%;
background: linear-gradient(to bottom right, #f4511e 0%, #b71c1c 100%); z-index: 8; position: absolute;
}

.pricing-container2 .plan2 .title2 { 
text-transform: uppercase; color: #000; font-size: 20px; font-weight: 700; margin-top: 140px; margin-bottom: 0px; margin-left: -40px;
}

.objectif_10_header { text-transform: uppercase; color: #000; font-size: 14px; font-weight: 700; margin-top: 10px; text-align: center !important; }
.pricing-container2 .plan2 .features2 { list-style-type: none; display: flex; flex-direction: column; margin: 10; padding: 0; width: 30%;}

.pricing-container2 .plan2 .features2 li { line-height: 1.5rem; width: 100%;  display: block; text-align: center;
text-transform: uppercase; border: 2px solid #000; font-size: 14px; color: #000; font-weight: 800; 
}

.pricing-container2 .plan2 .features2 li:nth-child(odd) { 
border-bottom: 0px solid; background: linear-gradient(to bottom right, #f4511e 0%, #b71c1c 100%); color: #fff; margin-top: 20px;   font-weight: 600; 
}