/* variables
police titres : font-family: 'Raleway', sans-serif; font-weight:700;
police textes  : font-family: 'Fira Sans', sans-serif; font-weight:300;
police textes gras font-family: 'Fira Sans', sans-serif; font-weight:600;


couleurs
couleur principale : #4A75EA;
noir-titres: #313950;
noir-textes : #616374;
gris clair : #F3F4F8;
*/


.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
padding-right : 5px;
padding-left : 5px;
}
.row { margin-right: 0px; margin-left: 0px;}
/* containers */
.container{  padding-right:30px;  padding-left:30px;  max-width: 1200px;}
.container-fluid{padding-right:60px; padding-left:60px;}

html, body {	height: 100%;	margin: 0; padding: 0;}
/*body {	display : table;	width: 100%;}
body{display: -ms-flexbox;
display: flex;}
footer {display : table-row; }*/
/*footer {	display:block; }*/
body{position:relative; font-family: 'Fira Sans', sans-serif; font-weight:300; font-size: 14px; color: #616374; letter-spacing: 0.47px;line-height: 22px;}


.footer {
    /*position:absolute;
    bottom: 0;*/
    width: 100%;
    min-height: 311px;
    margin-top:50px;
    padding-top:60px;
    background-color:#F3F4F8;
    background-size:cover;
    /*background-repeat: repeat-x;*/
}

/* footer -----------------------------------------------------------------------------------------------------*/
.footer a{text-decoration:none;}
.footer a:hover{color:#000;}
.titre-footer{font-family: 'Fira Sans', sans-serif; font-weight:300;font-size: 18px;color: #FFFFFF;letter-spacing: 0.03em;margin-bottom:20px;}
.footer-actus{font-family: 'Fira Sans', sans-serif; font-weight:300;font-size: 14px;color: #75B1EC;letter-spacing:1;line-height: 18px;margin-bottom:20px;padding-right: 10px;}
.footer .col{padding-right:30px;}
.footer-img{margin-bottom:20px;}
.icon-footer{margin-bottom:20px;height:48px;display:flex; justify-content:center;}
.ligne-bleue{width:1px;background-color:#4A75EA;}
.footer-h{font-family: 'Fira Sans', sans-serif; font-weight:300;font-size: 20px;color: #4A75EA;text-align: center;}

/* styles généraux ------------------------------------------------------------------------------------------------------*/
h1{font-family: 'Raleway', sans-serif; font-weight:700;
font-size: 24px;
color: #313950;
letter-spacing: 0.8px;
line-height: 34px;
text-transform:uppercase;
margin-bottom:20px;
}
h2{font-family: 'Raleway', sans-serif; font-weight:700;font-size: 20px;color: #4A75EA;letter-spacing: 1px;text-align: left;}
.bloc-texte h3{font-family: 'Raleway', sans-serif; font-weight:700;font-size: 24px;color: #1560A9;letter-spacing: 3.75px;line-height: 29px; margin-bottom: 45px; margin-top: 60px;}
.page-interieure h3{font-size: 21px;  font-weight:600;font-family: 'Raleway', sans-serif; font-weight:700;text-align:left;}
.page-interieure h1{font-size: 36px;line-height:60px;letter-spacing: 5.62px;}/* Ingénieur(e) commerc: */
.page-interieure h2{margin-bottom:0px;}
h4{font-size: 16px;font-family: 'Raleway', sans-serif; font-weight:700;}
h5{font-family: 'Raleway', sans-serif; font-weight:700;font-size: 22px;letter-spacing: 0;text-align: center;}
.bloc-texte p{padding: 0 50px 0 50px;}
.text-list{font-family: 'Fira Sans', sans-serif; font-weight:300;font-size: 15px;color: #494C64;line-height: 24px;margin-bottom:25px;}
.gras{color: #4A75EA;font-weight:bold;}
.blanc{color:#fff;}
a{color: #4A75EA;}
/*-------------------------boutons-----------------------------------------------------------------------------*/
.btn-outline-secondary{
background: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 4px;
font-size: 14px;
color: #313950;
letter-spacing: 1px;
text-align: center;
line-height: 21px;
}
.btn-danger{
background: #EC1057;
border-radius: 4px;
font-size: 14px;
color: #FFFFFF;
letter-spacing: 1px;
text-align: center;
line-height: 21px;
}
.btn-default{
	background: #999;
	border-radius: 4px;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-align: center;
	line-height: 21px;
	}
.btn-success{
background: #5CB85C;
border: 1px solid #5CB85C;
border-radius: 4px;
font-size: 14px;
color: #FFFFFF;
letter-spacing: 1px;
text-align: center;
line-height: 21px;}
.btn-primary {color: #fff;background-color: #4A75EA; border-color: #4A75EA;}
.btn-principal{background-color:#4A75EA; height:38px; border-radius:4px;border: 1px solid #4A75EA;font-family: 'Fira Sans', sans-serif; font-weight:400;font-size: 14px;color: #FFFFFF;letter-spacing: 1px;text-align: center;line-height: 23px;}
.btn-principal:hover{background-color:#FFF; color: #4A75EA;}
.btn-secondaire{border: 1px solid #4A75EA;color:#4A75EA!important;font-family: 'Fira Sans', sans-serif; font-weight:400;font-size: 12px;line-height: 12px;border-radius:16px;height:26px;}
.btn-secondaire a:not([href]){color:#4A75EA !important;}
.btn-secondaire:hover{background-color:#4A75EA; color: #fff !important;}
.btn-outline-secondary:hover{color: #fff !important;}
button, .btn{transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out, transform .15s ease-out;-webkit-transform .15s ease-out;}
.btn-menu-bleu{background-color:#4A75EA; height:38px; border-radius:4px;border: 1px solid #4A75EA;font-family: 'Fira Sans', sans-serif; font-weight:400;font-size: 14px;color: #FFFFFF;letter-spacing: 1px;text-align: center;line-height: 23px;}
.url-simple{font-size:13px; text-decoration:underline !important;color: #4A75EA!important;}


/*menu*/
.rechercher{text-align:left;}
.navbar{position:absolute;width:100%;margin-top:15px;z-index: 1036;background-color:#fff;}
.header{padding-bottom:20px;margin-bottom:20px;}
.nav-item a:hover{color:#4A75EA;}
.separateur{width:2px;height:30px;background-color:#4A75EA;margin-right:10px; margin-left:10px; padding-left:1px}
.menu-langues{text-align:right;}
.recherche-avancee-mobile{opacity:0;}

/*-------------------------carrieres-----------------------------------------------------------------------------*/
.titre-ligne{width:100%;border-bottom: 1px solid #4A75EA;height: 40px;}
.titre-ligne h1{font-family: 'Raleway', sans-serif; font-weight:700;font-size: 20px;color: #4A75EA;letter-spacing: 1px;text-align: left;text-transform:unset;line-height:20px;}
.home .titre-ligne{padding:0 50px 0 50px;}

/*home*/
.push-home{background-color:#000; background-repeat:no-repeat;background-size: cover;display:flex;justify-content:center; align-items: center; flex-direction: column;padding:0 20px 0 20px;}
.push-home .soustitre{font-family: "Fira Sans", Helvetica, Arial, serif;font-weight: 400; font-size: 15px; color:#fff; text-align: left; letter-spacing: 0.5px;line-height: 21.0px;}
.push-home .titre{font-family: 'Raleway', sans-serif; font-weight:700;font-size: 22px; color:#fff; text-align: left; letter-spacing: 1.69px;line-height: 29px;}
.push-home-categories{font-family: 'Fira Sans', sans-serif; font-weight:300;font-size: 16px;color: #616374;letter-spacing: 0;text-align: center;}
.push-home-imgcat{margin-bottom:20px;}
.cel-home-categories{height:200px;}
.carousel-produit .carousel-text {padding: 40px;
	width: 100%;}

/* header*/
.recherche{background: #F3F4F8;border-radius:40px;width:100%;height:63px;padding:0 20px 0 20px;font-family: "Fira Sans", Helvetica, Arial, serif;font-weight:300; font-size: 14px;color:#313950;letter-spacing: 0.5px;}
.recherche-avancee a{font-family: 'Raleway', sans-serif; font-weight:700;font-size: 14px;color: #313950;letter-spacing: 0.88px;text-align: center;}
.recherche-avancee a:hover{color: #4A75EA;text-decoration:none;}
.icone{margin-right:10px;margin-left:10px;}
.header{height:193px;/*padding:0 20px 0 20px;*/margin-bottom: 40px}
.container-menu{/*position:absolute; z-index:1000;*/width:100%; padding-right:40px;padding-left: 40px;background-color: #fff;padding-bottom: 20px;}
.separation-bleue{}

/* cards*/
.menu-recherche{font-family: 'Raleway', sans-serif; font-weight:700;font-size: 14px;color: #616374;letter-spacing: 1.4px;text-align: left;padding-right:40px;}
.menu-recherche .card-header a{background-image: url('../img/elements/moins.svg');background-position: right 8px center;background-repeat: no-repeat;padding-right: 30px;background-size:10px;display: block;}
.menu-recherche .card-header .collapsed {background-image: url('../img/elements/plus.svg');}
.haut-resultats{padding-left:5px;margin-bottom:30px;}
.list-editeurs-menu{/*max-height:500px;overflow:overlay;*/margin-bottom:20px;}
.bloc-resultats{background: #FFFFFF;border: 1px solid #EBECF3;box-shadow: -10px 11px 7px 0 rgba(191,196,215,0.06);width:100%; min-width:200px;padding: 20px 10px 20px 10px;}
.card-title{font-family: 'Raleway', sans-serif; font-weight:700;font-size: 15px;color: #313950;letter-spacing: 1px;text-align: left;}
.card p{font-family: "Fira Sans", Helvetica, Arial, serif;font-weight:300;font-size: 13px;color: #616374;letter-spacing: 0;line-height: 18px;}
.card-header {background-color: rgba(0,0,0,0);border-bottom: 1px solid #616374;border-radius:0px;padding:10px 0 10px 0;}
.card-header:first-child {border-radius:0px;}
.card a{color:#616374;color:#343a40;}}

.card a:hover{text-decoration:none;}
.card-entete{margin-bottom:20px;}
.card .prix{font-family: 'Raleway', sans-serif; font-weight:700;font-size: 15px;color: #4A75EA;letter-spacing: 0; margin-bottom:10px;}
.menu-recherche .card {border: 1px solid rgba(0,0,0,0);}
.card {padding: 20px 10px 10px 10px;}
.form-check-label{font-family:"Fira Sans";font-weight:300;font-size: 13px;color: #616374;letter-spacing: 0.5px;text-align: left;line-height: 16px;}
.menu-recherche .form-check{margin-bottom:10px;}
.btn-menu-bleu{background-color:#4A75EA; height:38px; border-radius:4px;border: 1px solid #4A75EA;font-family: 'Fira Sans', sans-serif; font-weight:400;font-size: 14px;color: #FFFFFF;letter-spacing: 1px;text-align: center;line-height: 23px;}
.btn-ajouter{background-color:#4A75EA; height:28px; border-radius:4px;border: 1px solid #4A75EA;font-family: 'Fira Sans', sans-serif; font-weight:400;font-size: 13px;color: #FFFFFF;letter-spacing: 1px;text-align: center;line-height: 14px;}
.menu-recherche .card {padding:0;}
.card-img-top{margin-right: auto;margin-left: auto;max-width:200px;}

a.btn-menu-bleu, a.btn-ajouter{color:#fff;}
.custom-select{font-family:"Fira Sans";font-weight:300;font-size: 13px;color: #343a40;background-clip:unset;width:unset;height:unset;line-height:1.1;}

/* badge */
/*.badge:hover, .badge-bleu-line a:hover{text-decoration:none;}*/
.badge{font-family:"Fira Sans";font-weight:400;font-size: 12px;border-radius:20px;}
/*.badge:hover{border: 1px solid #9699B3;color:#9699B3;background-color:#fff;}*/
.badge-editeur{border: 1px solid #9699B3;border-radius:20px;font-family: 'Raleway', sans-serif; font-weight:700;font-size: 11px;color: #9699B3;letter-spacing: 0.46px;text-align: center;padding:2px 10px 2px 10px;white-space: normal;}
.badge-editeur:hover{text-decoration:none;}
.badge-bleu-line{border: 1px solid #4A75EA;border-radius:20px;font-family: 'Raleway', sans-serif; font-weight:700;font-size: 11px;color: #4A75EA;letter-spacing: 0.46px;text-align: center;padding:5px 10px 5px 10px;background-image: url('../img/elements/croix.svg');
background-position: right 8px center;background-repeat: no-repeat;padding-right: 30px;background-size:10px;}
/*.badge-bleu-line:hover{text-decoration:none;color:#313950;border: 1px solid #313950}*/
.badge-bleu{background-color: #4A75EA;border: 1px solid #4A75EA;color:#fff;}
.badge-rouge{background-color: #EC1057;border: 1px solid#EC1057;color:#fff;}
.badge-orange{background-color: #F5A623;border: 1px solid#F5A623;color:#fff;}
.badge-vert{background-color: #5CB85C;border: 1px solid#5CB85C;color:#fff;}
.badge-violet{background-color: #8763DE;border: 1px solid#8763DE;color:#fff;}

.badge-type{border-radius:20px;font-family: "Fira Sans";font-weight:400;font-size: 11px;color: #FFFFFF;letter-spacing: 0.5px;text-align: center;padding:5px 10px 5px 10px ; /*margin-right:10px;*/ }
.produit .badge-type{margin-right:10px;}
.badge-type-grand{padding:5px 10px 5px 10px ;}
/*.badge-type:hover{border: 1px solid #9699B3;color:#9699B3;background-color:#fff;cursor:pointer;}*/

.nav-tabsLine {border-bottom: 1px solid #dee2e6;margin-bottom: 50px;}
.nav-tabsLine .nav-item {margin-right: 10px;padding-left: 0px;}
.container-menu .nav-link.active {border-bottom: 2px solid #007bff;
padding-bottom: 5px}
.nav-link.active {border-bottom: 2px solid #007bff;}
.nav-link {padding-left: 0px;padding-right: 0px;margin-right: 20px;font-size: 15px;}
.nav-tabsLine .nav-link:hover {color:#4A75EA; }
.navbar-light .navbar-nav .nav-link {
	color: #373A3C;font-weight:500;
	}

.types-declis{margin-left:5px;margin-bottom:30px;}

.cadre-progiciel{background: #FFFFFF;border: 1px solid #EBECF3;box-shadow: -10px 11px 7px 0 rgba(191,196,215,0.06);padding:40px 50px 40px 50px; margin-bottom:30px;}

/*modal*/
.fermer {margin-top: 30px;margin-right: 35px;}
.modal-content {border-radius:0px;}
.modal-progiciel {padding:20px 80px 60px 80px;}
.modal-dialog {max-width: 1200px;}
.img-progiciel{width:100%;max-width:350px;height:164px;border: 1px solid #4A75EA;margin-bottom:20px;vertical-align:middle;display: flex;align-items: center;padding: 20px;}
.prix-ht{font-family: 'Fira', sans-serif; font-weight:700;font-size: 36px;color: #4A75EA;letter-spacing: 0;margin-bottom:20px;}
.prix-ttc{font-family: 'Fira', sans-serif; font-weight:300;font-size: 24px;color: #313950;letter-spacing: 0;margin-bottom:20px;}
.decli-infos{text-align:left;}

/*tableau*/
.table thead th,.table td, .table th {vertical-align:middle;}
.bold-tab{font-family:"Raleway";font-weight:700;font-size: 14px;color: #373A3C;letter-spacing: 0;line-height: 16px;}
.table th{font-family:"Fira Sans";font-weight:300;font-size: 12px;color: #373A3C;letter-spacing: 0;line-height: 14px;}
.table thead th{font-family:"Raleway";font-weight:700;font-size: 14px;color: #373A3C;}
thead th {border-bottom: 2px solid #4A75EA !important;border-top: 2px solid #4A75EA !important;height:70px;}
.table td{padding:15px 0.75rem 15px 0.75rem;}

.cadre-commande{background: #F3F4F8;width:100%;min-height:114px;margin-bottom:40px;padding:20px;}

/* --------------------------------------- */
.nombres-ajout{height:38px;}
.nombres-ajout .btn-moins, .nombres-ajout .btn-plus, .nombres-ajout .nombre{border: 1px solid #DAD6D6;padding:11px;background-color:#fff;cursor:pointer;font-family: 'Fira Sans', sans-serif;font-weight:300;font-size: 15px;line-height:15px;}
.nombres-ajout .btn-moins:hover, .nombres-ajout .btn-plus:hover{background-color:#F8F8F3;color:#4A75EA;}
.nombres-ajout .nombre {color:#4A75EA;border-right:0; border-left:0;padding: 9px;padding-bottom: 10px;}
.btn-moins{border-radius: 6px 0 0 6px;}
.btn-plus{border-radius: 0 6px 6px 0;}
.ajout-petit .btn-moins, .ajout-petit .btn-plus, .ajout-petit .nombre{font-weight:400;font-size: 12px;line-height:12px;}
.ajout-petit .nombre {padding: 10px;}

/*modale partage*/
.modal-partage, .modal-body {padding:20px 50px 60px 50px;}
.modal-footer{border-top: 0px solid #e9ecef;}
.ligne-utilisateur-haut{border-bottom:2px solid #4A75EA;padding-top:20px;padding-bottom:20px;}
.ligne-utilisateur{border-bottom:1px solid #616374;padding-top:20px;padding-bottom:20px;}
.texte-bleu{font-family:"Fira Sans";font-weight:300;font-size: 15px;color: #4A75EA;letter-spacing: 0.5px;line-height: 22px;}
.nom-utilisateur{font-family:"Fira Sans";font-weight:400;font-size: 15px;color: #616374;letter-spacing: 0.5px;line-height: 22px;text-transform:uppercase;}
.text-input, input{font-family:"Fira Sans";font-weight:300;font-size: 13px;color: #818A91;letter-spacing: 0.43px;}
.ligne-input-partage{border: 1px solid #DAD6D6;padding:5px;}
.close {opacity:1;}
.ligne-input-partage input{border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
.text-input{border-radius:0px;border-top:0px;}
.bouton-ajout-ligne{font-family:'Raleway', sans-serif; font-weight:700;font-size: 18px;color: #4A75EA;letter-spacing: 2px;text-align: left;text-transform:uppercase;border-bottom:1px solid #4A75EA;padding-top:20px;padding-bottom:20px;}
/*modale liste*/
.modal-liste{padding:20px 80px 40px 80px;margin-bottom:30px;}
.modal-liste h1{margin-bottom:0px;}
.liste-listes{overflow:overlay;max-height:200px;padding-left:2px;padding-right: 50px;}
.liste-listes .form-check, .form-check.liste-en-cours{border-bottom:1px solid #979797;padding-top:20px;padding-bottom:20px;}
.form-check.liste-en-cours{text-transform:uppercase;color:#4A75EA;padding-right: 50px;}
.liste-en-cours .form-check-label{font-weight:400;}

/*recherche avancee*/
.avancee{display:flex;   flex-flow: row wrap;  align-items: stretch;}
.avancee .form-check{width: 300px;}
.editeurs-nom{font-family:'Raleway', sans-serif; font-weight:700;font-size: 18px;color: #000;padding-left:8px;}
.editeurs-nom:hover{color: #4A75EA;text-decoration:none;}
.editeurs-on{color: #4A75EA;}
.recherche-editeurs input{background: #F3F4F8;border:0px solid #4A75EA;height:33px;padding-left:10px;width:260px;color:#313950;font-size: 14px;background-image: url('../img/icons/recherche.svg');
background-position: right 8px center;background-repeat: no-repeat;padding-right:50px;background-size:20px;}
input::placeholder{color:#313950;}
.recherche-bloc{margin-bottom:60px;margin-top:20px;}
.recherche-bloc .form-check{}
.td-big{min-width:250px;}
.table-responsive label,.table-responsive input{margin-bottom:15px;}
.table-responsive label{margin-right:15px;}
.table-responsive label, .table-responsive input.input-number {
   margin-bottom: 0px;
}
.cadre-col{font-size:14px;}
.cadre-col.prix-ht{font-size:24px;}
.cadre-col.prix-ttc{font-size:20px;}
.cadre-commande .link a{text-decoration:underline;}
.modal-header{border-bottom: 0px solid #e9ecef;}
.modal-header h5{font-family: 'Raleway', sans-serif; word-wrap: break-word;
font-weight: 700;
font-size: 24px;
color: #313950;
letter-spacing: 0.8px;
line-height: 34px;
text-transform: uppercase;
margin-bottom: 20px;}
#ligne1784{background-color:#F3F4F8;}
input[type=checkbox], input[type=radio] {margin-right:10px;}
.table-responsive .input-group{justify-content:center;}
#monTableau .input-group{min-width:120px;}
.dataTables_info{margin-bottom:15px;margin-top:40px;color:#000;}
.page-item.active .page-link {background-color: #4A75EA;border-color: #4A75EA;}
.page-link {color: #4A75EA;}

#monTableauHover tr:hover{background-color: #F3F4F8;}
#monTableauHover thead tr:hover{background-color: #fff;}
#message{color: #155724;background-color: #d4edda;border-color: #c3e6cb;margin-bottom: 1rem;border-radius: .25rem;}
.ligne-boutons{position: fixed;bottom: 0px;z-index: 9995;
background-color: #fff;min-height: 80px;width: 100%;padding: 20px;text-align: center;box-shadow: 0px 0 40px 0 rgba(0,0,0,0.3);}
.ligne-boutons .btn-success::before {content:"\f00c";font-family: FontAwesome; margin-right:7px;}
.ligne-boutons .btn-danger::before {content:"\f00d";font-family: FontAwesome; margin-right:7px;}
.ligne-boutons .btn-save::before {content:"\f0c7";font-family: FontAwesome; margin-right:7px;}
.ligne-boutons .btn-share::before {content:"\f1e0";font-family: FontAwesome; margin-right:7px;}
.ligne-boutons .btn-archive::before {content:"\f187";font-family: FontAwesome; margin-right:7px;}
.ligne-boutons .btn-quotation::before {content:"\f0f6";font-family: FontAwesome; margin-right:7px;}
.ligne-boutons .btn-renew::before {content:"\f021";font-family: FontAwesome; margin-right:7px;}
.ligne-boutons .btn{border-radius:60px;}
.ligne-description{margin-bottom:30px;height:auto;}
.ligne-description input{width:80%;color:#343a40;padding-left:10px;}
.ligne-boutons .btn{margin-bottom:10px;}
.cadre-commande .card{text-align:center;
	background-color: unset;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-radius: 0px;}
	/*.cadre-commande .card:last-child {border-right-width: 0px;}*/
	.cadre-commande .card:first-child {border-left-width: 0px;}
	.cadre-commande	.card-title{text-align:center;text-transform:uppercase;font-family: 'Fira Sans', sans-serif;font-weight:500;}
	.cadre-commande	.card-group>.card {margin-bottom: 0px;}
	.cadre-commande .card-body {padding:0;}
	.cadre-commande2{padding:0;}
	.cadre-commande .card p{margin-bottom: 10px;}

@media (max-width: 1012px) {
	.cadre-commande .card:last-child {border-right-width: 0px;}
	.cadre-commande2 .ligne-prix{text-align:center !important;}
	.ligne-prix {padding:20px;padding-bottom:20px;}
	/*.ligne-prix {border-top: 1px solid #4A75EA;padding-top: 20px;padding-bottom:20px;}*/
	.cadre-commande{padding-right:0px !important;}
	.cadre-commande .card{border-bottom-width: 1px;}
}

@media (max-width: 850px) {
	.ligne-description input{width:70%;}
	/*.cadre-commande .card-group{flex-direction:column;-ms-flex-direction: column;}*/
}
@media (max-width: 590px) {	
	.cadre-commande .card{border-bottom-width: 1px;border-right-width: 0px;border-left-width: 0px;}
		
}
.cadre-commande .date-creation{font-size:18px; font-weight:500;color: #4A75EA; margin-bottom:10px;font-family: 'Fira Sans', sans-serif;}
.cadre-commande {font-weight:500;color:#343a40;}
.cadre-commande .link{font-weight:300;}
.cadre-commande .cadre-col{margin-right:10px;}

/* mon compte*/
#moncompte ul,#page-commande ul,.myadresse-single ul,.myadresse-single2 ul{list-style-type: none;
	padding-left: 0;
	line-height: 18px;
	}
.myadresse-single,.myadresse-single2{min-height:100px;}

#moncompte .titre-ligne{padding-bottom: 20px;margin-bottom: 30px;}
#moncompte{min-height:400px;}
.myadresses ul{margin-bottom:8px;}
.myadresse-single{width:220px;margin-right:20px;margin-bottom:20px;}
.titre-adresse {margin-bottom:10px;font-size:16px;color:#343a40;}
#moncompte label{color:#343a40;}
#moncompte .myadresse-single a{font-size:13px; text-decoration:underline;color: #4A75EA!important;}
#page-commande .titre-ligne{padding-bottom: 20px;margin-bottom: 30px;height:auto;}
.description{font-size:17px; font-weight:500; color:#343a40}
.cadre-col-list{padding-right:20px;}

@media (min-width: 1450px) {
  .col-xl-4{-ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;}
}

@media(max-width:1200px){
.cadre-col.prix-ht{font-size:24px;}
.cadre-col.prix-ttc{font-size:20px;}
}
@media(max-width:10240px){
.container-menu {padding-right: 30px;	padding-left: 30px;}
}
@media (max-width: 991px) {
.modal-progiciel {padding:20px 50px 60px 50px;}
.cadre-col.prix-ht{font-size: 26px;}
.cadre-col.prix-ttc{font-size: 19px;}
.navbar-collapse{padding-top:30px;padding-bottom:30px;}
.navbar-nav{align-items:left;}
.menu-langues{text-align:left;}
.header{margin-bottom: 20px;}
.container-fluid,.container {padding-right: 40px;padding-left: 40px;}
.container-menu {padding-right: 25px;padding-left:25px}
.navbar{margin-top:10px;}
.recherche {height:53px;}
.container-menu{position:absolute; z-index:1000;}
}

@media (max-width: 768px){
.decli-infos{text-align:left;}
.ligne-prix{border-top:1px solid #4A75EA;padding-top:20px;}
.container-fluid, .container {padding-right: 20px;padding-left: 20px;}
.container-menu {padding-right: 15px;padding-left: 15px}
.navbar{margin-top:0px;}
.recherche {height:43px;}
}

@media (max-width: 773px){
.cadre-progiciel{flex-direction:column;}
.cadre-progiciel .col-sm{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100% !important;}
.menu-recherche{padding-right:0px;}
.modal-partage, .modal-body {padding: 20px 30px 60px 30px;	}

}
@media (max-width: 600px){

.recherche-avancee{display:none;}
.recherche-avancee-mobile{opacity:1;margin-top:10px;text-align:right;font-weight:400;text-decoration:underline;}
.recherche-avancee-mobile a{font-family:"Raleway";font-weight:300;font-size: 12px;line-height:20px;color:#616374;}
.header{margin-bottom: 15px;}

}
@media (max-width: 576px){
	.modal-partage, .modal-body {padding: 20px 30px 60px 30px;	}
.cadre-commande{flex-direction:column;}
.modal-liste{padding:20px 40px 40px 40px;}
.modal-partage{padding:10px 40px 40px 40px;}
.titre-ligne {height:auto;flex-direction:column;justify-content:center;align-items:center;}
.titre-ligne .col, .titre-ligne h1{text-align: center !important;}
.container-fluid,.container {padding-right: 20px;padding-left: 20px;}
.col-sm-12, .col-12{padding-right:0px;padding-left:0px;}
.cadre-progiciel {padding: 20px 20px 20px 20px;}
.recherche-ref input {padding-right: 0px;width:unset;}
.main.container {padding-right: 40px;padding-left: 40px;}
}

/*PIERRE*/
.recherche-ref input{background: #F3F4F8;border:0px solid #4A75EA;height:33px;padding-left:10px;width:260px;color:#313950;font-size: 14px;padding-right:50px;background-size:20px;}
a.editeurs-nom.nav-item:hover{color:#ffee00;cursor:pointer !important;}
a.pointer:hover, .pointer:hover{cursor:pointer !important;}
.qteliste{display:inline-block;width:30px}
.rounded-left{border-radius:0px !important;border-top-left-radius: 4px !important;border-bottom-left-radius: 4px !important;}
.rounded-right{border-radius:0px !important;border-top-right-radius: 4px !important;border-bottom-right-radius: 4px !important;}
.mb20{margin-bottom:20px;}
.none{display:none;}
.badge.badge-pill.badge-success.3, .badge-3{background-color:#ff0000 !important; }
.link{cursor:pointer;text-decoration: underline !important;color:#4A75EA !important;}
.badge-1{background-color:#28a745 !important; color:#fff;}
.badge-2{background-color:#007bff !important; color:#fff;}
.badge-3{background-color:#6c757d !important; color:#fff;}
.badge-4{background-color:#17a2b8 !important; color:#fff;}
.badge-5{background-color:#ffc107 !important; color:#fff;}
.badge-6{background-color:#941cb9 !important; color:#fff;}
.badge-7{background-color:#26a69a !important; color:#fff;}
.badge-8{background-color:#dc3545 !important; color:#fff;}
.badge-1:hover{background-color:#28a745 !important; color:#fff;border:0;}
.badge-2:hover{background-color:#007bff !important; color:#fff;border:0;}
.badge-3:hover{background-color:#6c757d !important; color:#fff;border:0;}
.badge-4:hover{background-color:#17a2b8 !important; color:#fff;border:0;}
.badge-5:hover{background-color:#ffc107 !important; color:#fff;border:0;}
.badge-6:hover{background-color:#941cb9 !important; color:#fff;border:0;}
.badge-7:hover{background-color:#26a69a !important; color:#fff;border:0;}
.badge-8:hover{background-color:#dc3545 !important; color:#fff;border:0;}
#monTableau_length{float:left !important;width:50% !important;}
#monTableau_filter{float:right !important;text-align:right !important;width:50% !important;}
.masque{display:none;}

/* Fil ariane panier */
.breadcrumb {
    padding: 0px;
	background: #F3F4F8;
	list-style: none;
	overflow: hidden;
    margin-top: 20px;
}
.breadcrumb>li+li:before {
	padding: 0;
}
.breadcrumb li {
	float: left;
}
.breadcrumb li.active a {
	color: #ffffff;

	background: brown;                   /* fallback color */
	background: #4A75EA ;
}
.breadcrumb li.completed a {
	color: #ffffff;
	background: brown;                   /* fallback color */
	background: #28a745;
}
.breadcrumb li.active a:after {
	border-left: 30px solid #4A75EA ;
}
.breadcrumb li.completed a:after {
	border-left: 30px solid #28a745;
}

.breadcrumb li a {
	color: #616374;
	text-decoration: none;
	padding: 10px 0 10px 45px;
	position: relative;
	display: block;
	float: left;
}
.breadcrumb li a:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid #F3F4F8;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 100%;
	z-index: 2;
}
.breadcrumb li a:before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}
.breadcrumb li:first-child a {
	padding-left: 15px;
}
.breadcrumb li a:hover { background: #4A75EA  ; color:#ffffff;}
.breadcrumb li a:hover:after { border-left-color: #4A75EA   !important; }
.hidden{display:none;}
input, textarea{font-weight:300;}
.btn.noaction{cursor: auto !important;}
.btn.noaction:hover{cursor: auto !important;}

/* DATATABLES */

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
 cursor: pointer;
 *cursor: hand;
 background-repeat: no-repeat;
 background-position: center right;
}
table.dataTable thead .sorting {
 background-image: url("../img/arrows/sort_both.png");
}
table.dataTable thead .sorting_asc {
 background-image: url("../img/arrows/sort_asc.png");
}
table.dataTable thead .sorting_desc {
 background-image: url("../img/arrows/sort_desc.png");
}
table.dataTable thead .sorting_asc_disabled {
 background-image: url("../img/arrows/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled {
 background-image: url("../img/arrows/sort_desc_disabled.png");
}

.input-ajout{
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	//background-color: #3333330f;
	background-color: #F3F4F8;
	padding: 10px;
	padding-left: 15px;
	color:#343a40;font-weight:400;
}
.input-ajout::placeholder{color:#343a40;font-weight:300}
.modal-simple{max-width:450px; margin:auto;}
.modal-simple .alert{ font-size:18px; font-weight:400; text-align:center;}
#modal-footer,#modal-footer2{margin-bottom: 50px !important;}
#alerte{padding:15px;font-weight:400;}

#intitule{font-weight: 300;
	font-size: 15px;
	font-family: 'fira sans';
	padding-left: 10px;
	margin-right: 10px; min-width:350px;line-height:16px;}
h1 #statictitre{/*font-family: 'Fira sans', sans-serif;
	font-weight: 500;*/
	font-size: 24px;
	/*color: #4A75EA;*/
	letter-spacing: 0.8px;
	line-height: 34px;text-transform: initial;margin-bottom:10px;}
	.item-type, h1 .item-type{margin-left:5px;margin-bottom:10px;text-transform:uppercase;
		color: #4A75EA;font-weight:500;font-size:17px;}
		#modiftitre{margin-left:10px;}

/* Pierre 29-03-2019 Ajout effet fade au chargement de page */
body {


    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Pierre 29-03-2019 FIN Ajout effet fade au chargement de page */
.container-menu .navbar-expand-lg .navbar-nav .nav-link {padding-right: 0px; padding-left: 0px;}
.nav-item.active .nav-link{font-weight:300; font-size:14px;}
.carousel-control-next, .carousel-control-prev {color:#000000;}
.modal-content iframe{width:100%;height:auto;min-height:550px;}
.modal-content .carousel {background:#000;margin-bottom:50px;margin-top:20px;}

.card a.savoir-plus{color:#4A75EA !important;font-family: 'Fira Sans', sans-serif; font-weight:300;background-image: url('../img/elements/plus-bleu.svg');background-position: left 0 center;background-repeat: no-repeat;padding-left:20px;}
.card a.savoir-plus:hover{cursor:pointer;text-decoration:underline;color:#4A75EA;}
.ligne-boutons .btn{margin-left: 1rem; }
.badge-7{background-color:#8796a2; color:#fff};