#menu,#menu ul{margin:30px 0 0 ;padding:0;list-style:none;float:right;/*display:flex;*/}
#menu{z-index:999}
#menu:before,#menu:after{content:"";display:table}
#menu:after{clear:both}
#menu{zoom:1}
#menu li{flex:1;position:relative;margin-bottom:0;display:inline-block;white-space:nowrap}
#menu a{font-family:'Oswald',sans-serif;float:left;padding:12px;color:#fff;text-transform:uppercase;font-size:16px;text-decoration:none;text-shadow:0 1px 0 #000;z-index:999;position:relative;}
#menu li:hover > a{color:#c5a47d;text-shadow:0 1px 0 #000}
*html #menu li a:hover{color:#c5a47d;text-shadow:0 1px 0 #000}
#menu ul{margin:20px 0 0;_margin:0;opacity:0;visibility:hidden;position:absolute;top:38px;left:0;z-index:999;background:#2b2b2b;box-shadow:0 -1px 0 rgba(255,255,255,.3);border-radius:3px;display:block}
#menu li:hover > ul{opacity:1;visibility:visible;margin:0}
#menu ul ul{top:0;left:150px;margin:0 0 0 20px;box-shadow:-1px 0 0 rgba(255,255,255,.3)}
#menu ul li{float:none;display:block;border:0;line-height:20px;box-shadow:0 1px 0 #fff;}
#menu ul li:last-child{box-shadow:none}
#menu ul a{padding:10px;width:150px;/*height:10px;*/display:block;white-space:nowrap;float:none;text-transform:none}
#menu ul ul a{padding:10px;width:175px;/*height:10px;*/display:block;white-space:nowrap;float:none;text-transform:none}
#menu ul a:hover{}
#menu ul li:first-child > a{border-radius:3px 3px 0 0}
#menu ul li:first-child > a:after{content:'';position:absolute;left:40px;top:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #c5a47d}
#menu ul ul li{display:list-item}
#menu ul ul li:first-child a:after{left:-6px;top:50%;margin-top:-6px;border-left:0;border-bottom:6px solid transparent;border-top:6px solid transparent;border-right:6px solid #c5a47d}
#menu ul li:first-child a:hover:after{border-bottom-color:#fff}
#menu ul ul li:first-child a:hover:after{border-right-color:#fff;border-bottom-color:transparent}
#menu ul li:last-child > a{border-radius:0 0 3px 3px}
#menu_mobile{display:none}

body{background:#1f1f1f;}
h1, h2, h3{color:#000;margin:30px 0; }
p, li{font-size:16px;line-height:20px}
a{font-weight:700}
a:hover{color:#000}
input[type="number"]{width:50px;max-width:100%;}
input[type="submit"], button{width:auto;/*min-width:135px;*/padding:10px}
input[type="text"], input[type="password"], input[type="number"],input[type="email"], textarea, select{color:#000;background-color:#fff}
input[type="text"].petit, input[type="number"].petit{width:100px;max-width:60%}
input[type=text].date_f{width:150px;max-width:100%}
textarea.uneligne{height:18px;}
textarea.devis{height:50px;}
table select{margin-bottom:0}
table button{margin-bottom:0}
header{position:relative;background-color:#2b2b2b;padding:10px;max-width:none;z-index:1}
header img{width:100px}
table input[type="text"], table input[type="number"]{margin-bottom:0}
footer{padding:0;}

.js .inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}
.inputfile + label{max-width:80%;font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;display:inline-block;overflow:hidden;padding:.625rem 1.25rem;border:1px solid #c5a47d}
.no-js .inputfile + label{display:none}
.inputfile:focus + label,.inputfile.has-focus + label{outline:1px dotted #000;outline:-webkit-focus-ring-color auto 5px}
.inputfile + label svg{width:1em;height:1em;vertical-align:middle;fill:currentColor;margin-top:-.25em;margin-right:.25em}
.inputfile-1 + label{color:#fff;background-color:#c5a47d}
.inputfile-1:focus + label,.inputfile-1.has-focus + label,.inputfile-1 + label:hover{background-color:#f3f3f3;color:#c5a47d}

a.bouton{background-color:#c5a47d;color:#000;padding:10px;border-radius:5px;border:1px solid #c5a47d;font-size: 14px;text-transform:uppercase;white-space:nowrap;margin-bottom:15px}
a.bouton:hover{background-color:transparent}
a.bouton.bouton2{top:-50px !important;}

span.bouton{cursor:pointer;font-weight:700;background-color:#c5a47d;color:#000;padding:10px;border-radius:5px;border:1px solid #c5a47d;font-size: 14px;text-transform:uppercase;white-space:nowrap;margin-bottom:15px}
span.bouton:hover{background-color:#fff}

p.err{text-align:center;color:#db4437;font-weight:600}

.videoWrapper {	position: relative;	padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px;	height: 0;}
.videoWrapper iframe {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}

.margintopform{margin-top:15px}
.padding_top_form{padding-top:7px}

.footer_bottom a.top{bottom:-5px;}

header .nav_top{position:absolute;right:17px;;top:-2px;width:300px;text-align:right;}

.header-bottom{background:#c5a47d;text-align:right;padding:5px 0;font-size:14px;color:#000}
.header-bottom a{font-size:14px;color:#000}
.header-bottom a:hover{color:#fff}


.form_centre{max-width:460px;text-align:center;margin:25px auto;background-color:#2b2b2b;padding:20px;border-radius:5px;}
.form_centre h2, .form_centre p{color:#fff}
.form_centre input[type="text"], .form_centre input[type="password"]{color:#000;margin-bottom:15px}

.select_txt{cursor:pointer;}

#corps{padding:5vh 0;background:#fff;min-height:60vh;color:#000}

table {border-collapse: collapse;border:1px solid #000;font-size:14px;}

td, th{padding: 10px;}
th{text-align:left;background-color:#000;color:#fff}
th.boutons{min-width:85px}
tr{/*border:1px solid #000;*/background-color:#fff}
tr.paire{/*border:1px solid #000;*/background-color:#e5e5e5;}
tr.inactif{color:red;font-weight:700}
tr.cliquable{cursor:pointer;}
tr.cliquable:hover{background-color:#c5a47d;}
tr.cliquable a{color:#000}
tr.paire .checkbox_checkmark {background-color: #ccc;}


tr.urgent td{font-weight:700}

.hautpage{position:relative}
.hautpage a.bouton{position:absolute;top:0;right:0}
.hautpage a.bouton.deuxieme{right:125px}
.hautpage a.bouton.troisieme{right:250px}
.hautpage input[type="text"]{width:40%;}

.ligne{width:100%;margin-bottom:10px;}
.ligne:before {content: "";display: table;clear: both;}
.ligne:after {content: "";display: table;clear: both;}
.ligne .champ{width:30%;float:left;padding-top:7px;margin-right:5%}
.ligne .donnees{width:65%;float:left;}
.ligne .donnees.texte{padding-top:7px;}
.ligne .champ_fullline{width:14.5%;float:left;padding-top:7px;}
.ligne .donnees_fullline{width:85%;float:left;}

.uneligne .ligne .champ{width:15%;float:left;padding-top:7px;margin-right:2%}
.uneligne .ligne .donnees{width:83%;float:left;}

.ligne.titre{background-color:#068ad4;border:1px solid #000;padding:10px 0;font-weight:700;color:#fff;text-align:center;}
.ligne.data{border-bottom:1px solid #068ad4;padding:5px 0}
.ligne .libelle{float:left;width:18%;margin-right:2%;}
.ligne .libelle.libelle-nb{width:13%;}
.ligne .champs_fr, .ligne .champs_en{float:left;width:38%;margin-right:2%;}
.ligne .champs_fr.champs-fr-nb{width:80%;}
.ligne .champs_en.champs-en-nb{display:none;}
.pasbilingue{display:none;}

.pagination{float:right;line-height:40px;max-width:100%;}
.pagination a.bouton{margin-left:5px;color:#000;padding:0 5px;border:none;background-color:#fff}
.pagination a.bouton:hover{color:#c5a47d;}
.pagination a.bouton.actif{color:#c5a47d;background-color:#000;}

.ajout_outils{background:#e5e5e5;padding:20px}
.ajout_outils p b, .commande p b{margin-top:10px;letter-spacing:2px;text-transform:uppercase;font-family: 'Oswald', sans-serif;font-weight:400}
.ajout_outils input[type="number"], .ajout_outils textarea{background:#fff}
.ajout_outils select{width:90%}
.ajout_outils select.petit{width:100px;}

/*.options_outils{display:none}*/
.cmd_contenu{margin-bottom:10px}
.cmd_contenu input[type="number"], .cmd_contenu textarea{background:#fff;margin-bottom:0}

.changer_contact{font-weight:700;cursor:pointer;font-size:12px;}

.alerte{height:10px;width:10px;border-radius:25px;background:red;position:absolute;right:9px;top:9px;}

/* bon affutage */
.bon_affichage{background:#fff;color:#000}
.impression_enlever{padding:20px 0}
.impression_enlever a {padding:10px;display:block;float:right;background:#ccc;color:#000; }
.impression_enlever a:hover{background:#000;color:#ccc;}
.bon_affutage_fullpage{width:935px;margin:0 auto;}
.bon_affutage_header{height:420px;margin:15px auto}
.bon_affutage_header.contrat_inv{height:325px;}
.bon_affutage_header img{width:225px}
.bon_affutage_header span.rush{text-transform:uppercase;font-weight:700;}
.bon_affutage_header .adresse{background-image:linear-gradient(white, #f9f9fa);margin-top:20px;font-size:14px;padding:15px;height:185px;line-height:20px}
.bon_affutage_header .adresse b{font-size:16px}
.bon_affutage_header .adresse.contrat_inv{height:100px;}
.bon_affutage_header .line{margin-bottom:10px}
.bon_affutage_header .libeller_long{width:43%;float:left;padding:12px 0;font-size:14px;font-weight:700}
.bon_affutage_header .reponse_court{width:46%;float:right;border:1px solid #000; border-radius:25px;padding:10px 5%;font-size:14px;}
.bon_affutage_header .libeller_court{width:23%;float:left;padding:12px 0;font-size:14px;font-weight:700}
.bon_affutage_header .reponse_long{width:66%;float:right;border:1px solid #000; border-radius:25px;padding:10px 5%;text-align:center;font-size:14px;}
.bon_affutage_header .libeller_tlong{width:79%;float:left;padding:12px 0;font-size:14px;font-weight:700}
.bon_affutage_header .reponse_tcourt{width:20%;float:right;border:1px solid #000; border-radius:25px;padding:10px 5%;text-align:center;font-size:14px;}
.bon_affichage_liste .liste_header{margin-top:20px;}
.bon_affichage_liste .liste_header img{width:100%}
.bon_affichage_liste .liste_body{height:515px;overflow:hidden;border-bottom:1px solid #2b2b2b;margin-bottom:20px;background-image:linear-gradient(white, #f9f9fa);margin-top:-5px;}
.bon_affichage_liste .liste_body .cmd_line{font-size:14px;display:table;min-height:35px}
.bon_affichage_liste .liste_body .cmd_line.totaux{min-height:0}
.bon_affichage_liste .liste_body .outil{display:table-cell;vertical-align:top;width:435px;border-right:1px solid #2b2b2b;padding:12px 10px;}
.bon_affichage_liste .liste_body .qte{display:table-cell;vertical-align:top;width:50px;border-right:1px solid #2b2b2b;padding:12px 10px;text-align:center}
.bon_affichage_liste .liste_body .notes{display:table-cell;vertical-align:top;width:385px;color:#2b2b2b;padding:12px 10px;}
.bon_affichage_liste .liste_body .cmd_line.remplissage{height:100%;display:block;}
.bon_affichage_liste .liste_body .cmd_line.remplissage .outil{height:100%;float:left;}
.bon_affichage_liste .liste_body .cmd_line.remplissage .qte{height:100%;float:left;}
.bon_affichage_liste .liste_body .cmd_line.remplissage .notes{height:100%;float:left;}
.bon_affichage_liste .libeller_tlong{width:60%;float:left;padding:12px 0;font-size:14px;font-weight:700}
.bon_affichage_liste .libeller_tlong.deuxlignes{padding:2px 0}
.bon_affichage_liste .reponse_tcourt{width:28%;float:right;border:1px solid #000; border-radius:25px;padding:10px 5%;text-align:center;font-size:14px;}
.bon_affichage_liste h3{font-size:18px;margin:15px 0}
.bon_affichage_liste p{font-size:14px;line-height:20px}
.bon_affutage_footer img{width:100%}
.bon_affutage_footer p {margin-bottom:5px;color:#000;font-size:14px;}
.page_contrat_inv{height:680px}
.page_contrat_inv p{font-size:14px;line-height:20px}
.page_contrat_inv li{font-size:14px;line-height:20px;list-style:disc;margin-left:20px;}
footer.bon_affutage{background:none;border-bottom:none}

.bon_affichage_liste .liste_body.soumission .outil{display:table-cell;vertical-align:top;width:602px;border-right:1px solid #2b2b2b;padding:12px 10px;}
.bon_affichage_liste .liste_body.soumission .prix_uni{display:table-cell;vertical-align:top;width:100px;color:#2b2b2b;padding:12px 10px;border-right:1px solid #2b2b2b;text-align:right}
.bon_affichage_liste .liste_body.soumission .escompte{display:table-cell;vertical-align:top;width:100px;color:#2b2b2b;padding:12px 10px;border-right:1px solid #2b2b2b;text-align:right}
.bon_affichage_liste .liste_body.soumission .qte{display:table-cell;vertical-align:top;width:50px;border-right:1px solid #2b2b2b;padding:12px 10px;text-align:center}
.bon_affichage_liste .liste_body.soumission .total{display:table-cell;vertical-align:top;width:100px;color:#2b2b2b;padding:12px 10px;text-align:right}

.bon_affichage_liste .liste_body.soumission .outil{padding:3px 10px}
.bon_affichage_liste .liste_body.soumission .prix_uni{padding:3px 10px}
.bon_affichage_liste .liste_body.soumission .qte{padding:3px 10px}
.bon_affichage_liste .liste_body.soumission .total{padding:3px 10px}

.bon_affichage_liste .liste_body.soumission .cmd_line.remplissage{height:100%;display:block;}
.bon_affichage_liste .liste_body.soumission .cmd_line.remplissage .outil{height:100%;float:left;vertical-align:bottom;text-align:right}
.bon_affichage_liste .liste_body.soumission .cmd_line.remplissage .prix_uni{height:100%;float:left;}
.bon_affichage_liste .liste_body.soumission .cmd_line.remplissage .escompte{height:100%;float:left;}
.bon_affichage_liste .liste_body.soumission .cmd_line.remplissage .qte{height:100%;float:left;}
.bon_affichage_liste .liste_body.soumission .cmd_line.remplissage .total{height:100%;float:left;vertical-align:bottom;text-align:right}

.texte_urgent{padding:80px 0;background:#888b8d;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999;display:none;}
.texte_urgent .texte{position:fixed;width:500px;max-width:95%;top:50%;left:50%;transform: translate(-50%, -50%);padding:20px 2.5%;background:#fff;text-align:left;}
.texte_urgent p {color:#000}
.texte_urgent .texte #btn_close_contact_form{position:absolute;right:10px;top:10px;}

.liste_options b{display:block;}
.options_cont{padding:10px 0;border-top:1px solid #000}
.options_choix_cont{margin-left:10%;}

.ajouter_soumission{background:#e5e5e5;padding:10px;margin-bottom:15px}
.ajouter_soumission h3{margin-top:0}

#ajout_custom{max-height:625px;overflow-y:auto;}

a.promo_div_a{display:inline-block;width:265px;max-width:80%;border:2px solid #c5a47d;background:#1f1f1f;position:relative;vertical-align:bottom;margin:25px 10px;}
.promotion_cont{padding:20px 10px 40px; min-height:250px;}
.promotion_cont h3{color:#fff;text-align:center;background:rgba(0,0,0,0.5);padding:10px;text-shadow:1px 2px 1px #000}
.promotion_cont p{color:#fff;background:rgba(0,0,0,0.5);padding:10px;text-shadow:1px 2px 1px #000}
.promotion_cont span{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:100%;color:#c5a47d;font-weight:700}
.promotion_cont span.avenir{top:24%;transform:translate(-50%, 50%) rotate(-45deg);bottom:auto;font-size:65px;opacity:0.8}
.promotion_cont span.avenir.en{top:16%}
.promotion_cont:hover {opacity:0.7}
.promotion_cont:hover  span{color:#c5a47d}
.nohover .promotion_cont:hover {opacity:1;cursor:default}

a.promo_div_a2{}
.promotion_cont2{height:250px; width:80%;max-width:95%;margin:0 auto 40px;background:#1f1f1f;position:relative;border:1px solid #1f1f1f}
.promotion_cont2 .image{width:30%;float:left;overflow:hidden;height:100%}
.promotion_cont2 .image img{width:100%;}
.promotion_cont2 .desc{width:60%;float:right;padding:15px 5%}
.promotion_cont2 h3{color:#fff;text-align:left;padding:0 0 20px;}
.promotion_cont2 p{color:#fff;padding:0 0 20px;text-align:left}
.promotion_cont2 span{position:absolute;bottom:5px;right:5%;color:#c5a47d;font-weight:700}
.promotion_cont2 span.avenir{top:35%;transform: rotate(-45deg);bottom:auto;right:auto;left:3%;font-size:65px;opacity:0.8}
.promotion_cont2 span.avenir.en{top:41%;left:1%;font-size:40px;}
.promotion_cont2 .image:hover {opacity:0.7}
/*.promotion_cont2:hover  span{color:#c5a47d}*/
.promotion_cont2 .promo_div_pdf{position:absolute;top:20px;right:20px;color:#000;z-index:10}
.promotion_cont2 .promo_div_pdf .fa{position:relative;color:#000;z-index:10}
.promotion_cont2 .promo_div_pdf:before{content:"";display:block;position:absolute;width:40px;height:40px;border-radius:40px;background-color:#c5a47d;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}
.promotion_cont2 .promo_div_pdf:hover{opacity:0.7}
.nohover .promotion_cont2:hover {opacity:1;cursor:default}


.ecran_wait{position:fixed;width:100%;height:100%;background:rgba(255,255,255, 0.7);text-align:center;top:0;left:0;z-index:999;display:none}
.ecran_wait .caption{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(255,255,255, 1);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);padding:50px}

#scrollUp{bottom:80px;right:8px;width:38px;height:38px}
#scrollUp:before{ content: "\f077";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #000;font-size: 18px;padding-right: 0.5em;position: absolute;top: 10px;left: 0;}

.liste_boutons{line-height:50px}

.rech_results{margin-top:10px}

.dossier_cont{border:1px solid #000;float:left;width:calc(45% - 12px);margin-right:4%;padding:10px;margin-bottom:40px;border-radius:5px}
.dossier_cont .champ{font-weight:500}

/***************** Skeleton tabs **************/
.menu_tab{text-align:center; background-color:#2b2b2b;padding:10px;}
ul.tab-nav {list-style: none;padding-left: 5px;}
ul.tab-nav li {	display: inline-block;margin:10px 20px;color:#fff;cursor:pointer;}
ul.tab-nav li.button {font-family:'Oswald',sans-serif;padding: 0;font-weight:700;color:#fff;text-transform:uppercase;font-size:16px;text-decoration:none;text-shadow:0 1px 0 #000;}
ul.tab-nav li.active.button {	border-bottom: 1px solid #fff;}
.tab-content .tab-pane {display: none;}
.tab-content .tab-pane.active {display: block;}

/***************** Fin Skeleton tabs **************/

@media only screen and (max-width: 1100px) {
#menu a{padding:12px 6px} 
}
@media only screen and (max-width: 950px) {
#menu{display:none}
#menu_mobile{display:block}
#menu_mobile .slicknav_menu{background:#2b2b2b;color:#fff}
#menu_mobile .slicknav_menu .slicknav_menutxt{color:#fff}
#menu_mobile .slicknav_menu .slicknav_icon-bar{background-color:#fff}
#menu_mobile .slicknav_nav a, #menu_mobile .slicknav_nav .slicknav_arrow{color:#fff !important}
table.ajout_outil_existant{margin-top:30px;}

.promotion_cont2{height:auto; width:95%;max-width:95%;margin:0 auto 40px;background:#1f1f1f;position:relative;border:1px solid #1f1f1f}
.promotion_cont2 .image{width:100%;overflow:hidden;height:380px;float:none}
.promotion_cont2 .desc{width:90%;float:none}
.promotion_cont2 .promo_div_pdf{top:auto;right:auto;bottom:13px;left:43px}
}	

@media only screen and (max-width: 567px) {
body{font-size:14px}
a.bouton, input[type="submit"], input[type="text"], input[type="password"], input[type="number"], input[type="email"]{font-size:12px}
.ligne .champ, .ligne .donnees{width:100%}
.promotion_cont2 .image{width:100%;overflow:hidden;height:270px;float:none}
}	

@media only screen and (max-width: 480px) {
header .col1_4{text-align:center;margin-top:35px;}
header .nav_top{position:absolute;right:0;top:-30px;width:100%;text-align:center;}
header .nav_top a{margin:0 2%}
}