/******GENERAL******/
body {
    /* font-size:16px; */
    font-size:17px;
}
body a{color:rgb(29, 60, 52);}
body a:hover{color: rgb(248, 144, 165);}

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'ptSansNarrowRegular', Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {color: #ffffff;}

ul{padding-left:0; margin-bottom:0;}
li{list-style:none;}

button, input, optgroup, select, textarea {
    outline-color: rgb(239, 96, 121);
}
input:not([type="button"]):not([type="submit"]):focus{
    /* border:1px solid #66afe9; */
    border:1px solid rgb(143, 214, 189);
    /* border-radius: 4px; */
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(143, 214, 189, 0.5);
}
input{
    border: 1px solid #ccc;
    border-radius:4px;
}
.btn{
    outline:none!important; 
}
.active{color: rgb(239, 96, 121);}

.fl-right{float:right;}

.mar-tab2{margin-bottom:18px;}

.font-titre{font-size:19px; color:black;}
/* .font-titre{font-size:18px; color:black;} */

.message .messageText h4 {
    font-size: 15px;
    /* font-size: 14px; */
    color: rgb(239, 96, 121);
    font-family: 'ptSansNarrowRegular', Arial, Helvetica, sans-serif;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: bold;
    line-height: initial;
}
[name="tuto"] .glyphicon {
    font-size: 1.5em;
}

.requiredBlock, .requiredExample{
    background-color: rgb(239, 96, 121);
}
/******CONTAINER******/

.container.page{margin-bottom:50px;}


/******TOP BAR******/

.topbar{background: rgb(29, 60, 52); height:50px; color:#FFF;  font-family:'ptSansNarrowRegular', Arial, Helvetica, sans-serif; font-size:16px;}
.topbar * { background-color: rgb(29, 60, 52)}
.topbar > .container{
    background: none;
}
.accesRestreint {
    background: red;
    height: 30px;
    color: #FFF;
    font-family: 'Lato';
    font-size: 17px;
    /* font-size: 16px; */
}

.nav-connexion{float:right;}

.img-avatar, .texte-avatar, .bt-connexion{display:inline-block; vertical-align:top; line-height:25px; padding-top:10px;}
.img-avatar{padding-right:5px; padding-top: 12px;}
.texte-avatar{padding-right:25px;}

.bt-connexion, .bt-profile{color:#FFF; text-decoration:none !important;}
.bt-connexion:hover, .bt-profile:hover{color:rgb(239, 96, 121);}

/******HEADER*****/

header{padding-top:50px;}
header .row{margin-left:15px; margin-right:15px;}

.logo-body-nature{float: left; margin-top: 8px; margin-left: -15px;}
.logo-body-nature img {
    max-width: 138px;
}
/****** connexion ******/
.logo-page-connexion{
    margin-top: 10px;
    margin-bottom: -10px;
    max-width: 250px;
    padding: 0;
}
.connexion .ihm.demo-entete.row {
	margin-right: 0px;
	margin-left: 0px;
}
.connexion .ihm-content {
	padding: 0px;
}
.connexion .control-label {
	/* margin-right: 5px; */
	text-align: center;
}
.connexion .message {
	text-align: left;
}
.connexion form {
	margin: 16px 0;
}
.select-hotesse label{
    width: 100px;
}
.select-hotesse input + label{
    margin-top: 15px;
}
.valide-connexion{
    margin-top: 25px;
}
.valide-connexion .forgot-password{
    padding: 5px 0;
    margin-bottom:5px;
}
.valide-connexion a{
    color: rgb(29, 60, 52);
    text-decoration: underline;
}
/******NAV******/

.mar-nav{margin:0 !important;}

.navbar.navbar-default{ background:none; border:none;}
.navbar.navbar-default ul{width:100%;}
.navbar.navbar-default li{/*width: calc(12.5% - 0.25em); border-right: 1px solid #000;*/ text-align:center;}
.navbar.navbar-default li:last-child{ border:none;}
.navbar.navbar-default li a{color:#000; text-decoration:none; font-family: 'ptSansNarrowRegular', Arial, Helvetica, sans-serif; font-size:17px;}
/* .navbar.navbar-default li a{color:#000; text-decoration:none; font-family: 'ptSansNarrowRegular', Arial, Helvetica, sans-serif; font-size:16px;} */
.navbar.navbar-default li a:hover, .navbar.navbar-default li a:hover{color:rgb(239, 96, 121);}
/*.navbar.navbar-default .dropdown-menu li {text-align:right;}*/
.navbar.navbar-default  .nav.navbar-nav li a{color:#000; height: 22px; padding: 0; margin: 0;}
.navbar.navbar-default  .nav.navbar-nav li a:hover, .nav.navbar-nav li a:active{color:rgb(239, 96, 121);}
.navbar.navbar-default  .nav.navbar-nav li a.active{color:rgb(239, 96, 121);}

#exv2_menu ul { width: auto; margin-top:5px; margin-left:10px;}
#exv2_menu ul li { border: none; width:100%; padding:3px;}
.sous-menu ul { width: auto; margin-top:5px; margin-left:10px;}
.sous-menu ul li { border: none; width:100%; padding:3px;}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:active { background-color:#fff; }

#exv2_menu .dropdown-menu { background-color: rgba(255,255,255,0.98); padding:5px 10px;}
#exv2_menu .dropdown-menu li { text-align: left;}
#exv2_menu .dropdown-menu >li>a:hover { background-color:#fff; }
.sous-menu .dropdown-menu { background-color: rgba(255,255,255,0.98); padding:5px 10px;}
.sous-menu .dropdown-menu li { text-align: left;}
.sous-menu .dropdown-menu >li>a:hover { background-color:#fff; }

@media (max-width: 768px){
    header{
        padding-top:0;
    }
}
@media (min-width: 768px) {
    #navigation .nav li + li + li::before {
        content: "|";
        /*padding: 0 10px 8px 0px;*/
        vertical-align: middle;
        display: inline-block;
        right: 100%;
        position: absolute;
    }
    ul.nav {
        text-align:center;
    }
    .nav li > a {
        display: inline-block;
    }
    .nav li{
        display: inline-block;
        padding: 5px 20px;
    }
    .navbar-nav > li{
        float:none;
    }
}
/******************************/

/*CONTENT*/

/******************************/

aside{font-size:19px;}
/* aside{font-size:18px;} */
aside li{padding:8px 0;}
aside a, aside a:hover{color:rgb(29, 60, 52); text-decoration:none}
section>.row, section>span>.row, section>span>span>F.row{ margin-left:20px; margin-right:0px;}


/******************************/

/*IHM*/

/******************************/

.ihm{margin-top:25px; border: 1px solid rgb(208, 208, 206);}

.ihm-titre{background:rgb(208, 208, 206); padding:2px 0; margin-bottom:15px;  color:#000; text-transform: uppercase; border-bottom:1px solid #d2cccc;}

.ihm-content{padding:15px 12px;}
.ihm-titre h4, .ihm-content{padding: 0 12px;}



/******STATISTIQUES******/


.statistiques .ihm-titre h4{padding-left:24px;}
img.col-xs-2.down-stat {width: 55px;height: 28px;float: right;margin-right: 12px; cursor:pointer;}
.down-stat{width: 56px; padding-top: 12px;  cursor:pointer;}
.img-stat{
    /*background:url(../img/stat.jpg); */
    /*height:200px;  */
    width:100%;overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: contain;}



/******PRODUITS RUPTURE******/

.p-rupture{color:#000; margin-top:39px;}
.p-rupture:hover, .p-rupture:active, .p-rupture:visited{color:#000; text-decoration:none;}
.produit{display:none; padding-top:12px; padding-bottom:30px;}
.fleche-rup{float:right;}
.p-rupture ~ ul{ background-color:rgb(250,250,250)}
.p-rupture ~ ul > li{ padding:1px 1px 1px 8px; font-size:16px;}
/* .p-rupture ~ ul > li{ padding:1px 1px 1px 8px; font-size:15px;} */
.p-rupture:focus-within, .p-rupture:active{color:rgb(239, 96, 121);}
.p-rupture:focus-within:hover, .p-rupture:active:hover{text-decoration: none;}
.p-rupture:focus{outline: none; text-decoration: none;}
.p-rupture:hover{ color:rgb(143, 214, 189);}

.div-produit{padding-top:8px; padding-bottom:8px;}


/******PROFILE******/

/* .nom-profil a{line-height:60px;} */
.nom-profil > *{
    display: inline-block;
    vertical-align: middle;
}
.nom-profil img{
    max-width: 40px;
    margin: 12px 23px;
}
.nom-profil a:hover{color: rgb(239, 96, 121);}


/******ACTUALITE******/

.actualites h3{font-size:20px; margin-bottom:25px; color: rgb(143, 214, 189);}
.actualites hr{ width:70%; background:#a7b7b8; height:1px;clear: both;}
.actualites p{font-size:17px;}
/* .actualites p{font-size:16px;}a */
.image-actu{text-align:center;}


/******LIEN RAPIDE******/

.l-rapides a.active-lien,.l-rapides a.active-lien:hover{background-color: rgb(29, 60, 52); color:#FFF;}
.l-rapides li{padding:0;}
.l-rapides a{display:block; padding: 3px 0 3px 8px;}
.l-rapides a:hover, .l-rapides a:focus{background: none; text-decoration:none; color:rgb(248, 144, 165);}
.l-rapides ul{margin-bottom:25px;}



/*TABLEAU*/

.table{display: table; width:100%;  font-size:19px;}
/* .table{display: table; width:100%;  font-size:18px;} */

/* .titre-tab{background: #fff; padding: 1px 12px; border-bottom: 1px solid rgb(29, 60, 52); margin-top: 10px;} */
.titre-tab{background: #fff; padding: 1px 12px; border-bottom: 1px solid rgb(143, 214, 189); margin-top: 10px;}
.titre-tab h4{text-transform:uppercase; color: rgb(143, 214, 189);}
/* .titre-tab h4{text-transform:uppercase; color: rgb(29, 60, 52);} */
.titre-tab + .table {margin-top: 15px;}

.separe-tab{height:1px; margin-bottom:5px;}

.thead, .tr{display: table-row; background-color: #e8e8e7;}
.thead .cell{padding: 0 0; font-weight: 700;}
.thead .cell:first-child, .tr .cell:first-child, .thead .cell:first-child, .tr .cell:last-child{padding-left:12px;}
.thead .cell:last-child, .tr .cell:last-child, .thead .cell:last-child{padding-right:12px;}

.theadSub {background-color: #fff; border-bottom: 1px solid #c8c8c8; display: table-cell; padding-top: 30px;}

.tr{padding: 0 15px; font-size:17px; background: #fff;}
/* .tr{padding: 0 15px; font-size:16px; background: #fff;} */
.tr:not(:last-child){border-bottom: 1px solid #d2cccc;}
/*.tr:last-child{back}*/

.cell {display: table-cell; padding:12px 0; vertical-align: top;}

.pen{
    background-image: url('../img/pen.png'); background-position:center right; background-repeat:no-repeat;
     width:100%; height:22px; display:block; text-align:right;}
.delete{
    background-image: url('../img/delete.png');  background-position:center right; background-repeat:no-repeat;
     width:100%; height:22px; display:block; text-align:right;}
.ba-code a.delete{margin: 12px 0;}
[id$="calculCommandesBN"] .delete {
    margin-top: 12px;
}
.pen:hover{
    background-image: url('../img/pen-hover.png'); background-position:center right; background-repeat:no-repeat;
     width:100%; height:22px; display:block;}
.delete:hover{
    background-image: url('../img/delete-hover.png'); background-position:center right; background-repeat:no-repeat;
     width:100%; height:22px; display:block;}
/*.warningRDVPLP{
    background-image: url('/img/msg_icons/warning16.png'); background-position:center left; background-repeat:no-repeat;
     width:100%; height:22px; display:block; text-align:center; min-width: 22px;}
.errorRDVPLP{
    background-image: url('/img/msg_icons/error16.png'); background-position:center left; background-repeat:no-repeat;
     width:100%; height:22px; display:block; text-align:center; min-width: 22px;}*/
.warningRDVPLP{
    background-image:none;
    width:100%; height:22px; display:block; text-align:center; min-width: 22px; color:rgb(203, 160, 82); margin-left: -3px;}
.alertRDVPLP{
    background-image:none;
    width:100%; height:22px; display:block; text-align:center; min-width: 22px; color:rgb(248, 144, 165); margin-left: -3px;}
.errorRDVPLP{
    background-image:none;
    width:100%; height:22px; display:block; text-align:center; min-width: 22px; color:rgb(239, 96, 121); margin-left: -3px;}

.code-input{
    display: inline-block;
    padding: 12px;
}
.code-input > input {
    margin-right: 10px;
    vertical-align: middle;
    width: 90px;
    text-align: center;
}

.code{width:80px;}

.mar-tab{margin-bottom:15px;}


/***** input & button ******/
input[type=text], .tab-commande input[type=number] {height:32px; padding: 0 5px;}
input[type=password]{height:32px; padding: 0 5px;}
/* input[type=checkbox]{content: '';width: 17px; height: 17px; border: 1px solid #aaa; background: #FFF !important;border-radius: 3px;} */
input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    border: 1px solid #d0d0ce;
    transition: 0.2s all linear;
    position: relative;
}
input[type="radio"]:checked {
    border: 5px solid rgb(143, 214, 189)!important;
}
input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 3px;
    width: 17px;
    height: 17px;
    border: 1px solid #d0d0ce;
    transition: 0.2s background-color linear;
    color: white;
}
input[type="checkbox"]:checked::before {
    content: '\2714';
    top: -7px;
    right: 1px;
    position: relative;
    font-size: 22px;
    color:rgb(29, 60, 52);
}
input[type="checkbox"]:checked {
    background-color: rgb(143, 214, 189);   
}

.bt-rose, .btn.bt-rose, .btn.bt-rose.catalogueBool{
    background:rgb(143, 214, 189); 
    color:rgb(29, 60, 52);
    height:32px; 
    padding: 1px 7px;
    border:1px solid rgb(143, 214, 189);
    font-family:'ptSansNarrowRegular', Arial, Helvetica, sans-serif;
    font-size:19px;
    /* font-size:18px; */
    border-radius :16px;
    font-weight: normal;
}
.bt-rose:hover, .btn.bt-rose:hover, .btn.bt-rose.catalogueBool:hover, .btn.bt-rose.catalogueBool.active,
.bt-rose:hover:focus, .btn.bt-rose:hover:focus, .btn.bt-rose.catalogueBool:hover:focus,
.btn:hover, body input.btn:hover, body input.btnDisabled:hover, body input.btnCancel:hover, body .bRelatedList .bPageBlock .pbButton .btn:hover, body.homeTab .bMyCalendar .pbButton .btn:hover, body.homeTab .bMyDashboard .pbButton .btn:hover, .sidebarModuleBody .btn:hover,
.btn:hover:focus, body input.btn:hover:focus, body input.btnDisabled:hover:focus, body input.btnCancel:hover:focus, body .bRelatedList .bPageBlock .pbButton .btn:hover:focus, body.homeTab .bMyCalendar .pbButton .btn:hover:focus, body.homeTab .bMyDashboard .pbButton .btn:hover:focus, .sidebarModuleBody .btn:hover:focus{
    background:rgb(239, 96, 121);
    border-color: rgb(239, 96, 121) ;
    color: white;
    cursor: pointer;
}
.btn, body input.btn, body input.btnDisabled, body input.btnCancel, body .bRelatedList .bPageBlock .pbButton .btn, body.homeTab .bMyCalendar .pbButton .btn, body.homeTab .bMyDashboard .pbButton .btn, .sidebarModuleBody .btn {
    background: rgb(143, 214, 189);
    color: rgb(29, 60, 52);
    font-size: 19px;
    /* font-size: 18px; */
    font-family:'ptSansNarrowRegular', Arial, Helvetica, sans-serif;
    height:32px; 
    padding: 1px 7px;
    font-weight: normal;
    border: 1px solid rgb(143, 214, 189);
    border-radius: 20px;
}
.btn:focus, body input.btn:focus , body input.btnDisabled:focus , body input.btnCancel:focus 
.btn:focus, body input.btn:focus, body input.btnDisabled:focus, body input.btnCancel:focus, body .bRelatedList .bPageBlock .pbButton .btn:focus, body.homeTab .bMyCalendar .pbButton .btn:focus, body.homeTab .bMyDashboard .pbButton .btn:focus, .sidebarModuleBody .btn:focus{
    background-color: rgb(143, 214, 189);
    border-color: rgb(29, 60, 52);
}
.btn:hover, body input.btn:focus:hover , body input.btnDisabled:focus:hover , body input.btnCancel:focus:hover {
    border-color: rgb(239, 96, 121);
}
.bt-rose:active{
    border-color: rgb(29, 60, 52);
}
.btn.bt-rose:focus {

    border-color: rgb(29, 60, 52);
}
/* .btn.bt-rose.bt-add {
    background-color: white;
    color: #6db42c;
    border: solid 1px;
}
.btn.bt-rose.bt-add:hover {
    color:;
} */
/* .btn.bt-rose.bt-label {
    background-color: white;
    color: #6db42c;
    border: solid 1px;
    box-shadow: 1px 1px 1px #6db42c; 
    height: auto;
    margin: auto;
}
.btn.bt-rose.bt-label:hover {
    color: rgb(239, 96, 121);
    box-shadow: 1px 1px 1px rgb(239, 96, 121);
}
 .btn.bt-rose.bt-label:active {
    box-shadow: none;
} */



/******SELECTION******/
.selection-catégorie {margin-bottom: 20px;}
.selection-catégorie .label-selection, .selection-catégorie .result-selection{display:inline-block; vertical-align: middle;}
.selection-catégorie .label-selection{font-size:17px;}
/* .selection-catégorie .label-selection{font-size:16px;} */
.selection-catégorie .label-selection p {margin: 0;}
.selection-catégorie .result-selection{margin-left:15px;}


/******PAGINATION******/

.pagination{float:right;}
.pagination li{ display:inline-block; vertical-align:middle; padding: 4px 0px;}
.pagination li a{border:none; font-size:17px; color: rgb(143, 214, 189); padding: 6px 5px; text-decoration:none;}
/* .pagination li a{border:none; font-size:16px; color: rgb(143, 214, 189); padding: 6px 5px; text-decoration:none;} */
.pagination li img{ margin-left:5px;}

.pagination .active-pagination, .pagination li:hover, .pagination li a:hover{background: rgb(239, 96, 121); color:#FFF !important;}

.pagination .active-pagination, .pagination .active-pagination:hover {background: rgb(143, 214, 189);}
.pagination.home-pag{margin-right:12px;}
#pagination_header_tab{
    color:rgb(87, 41, 50);
}

/* calculCommandesBN.component */
.commandesTables .cell > span,
.commandesTables .cell > span > span{
    display: block;
}

/******************************/
/*RENDEZ VOUS PLANETE*/
/******************************/
.rendez-vous-planete.bg-color {
    background-color: rgba(185, 220, 210, 0.2);
}
.glyphicon{
    color: rgb(143, 214, 189);
}

/*RECAPTULATIF COMMANDES*/

.C-en-cours .cell:last-child{text-align:right;}
.C-en-cours .cell:nth-last-child(2) {text-align:right;}
.C-en-cours .separe-tab{width:385%;}

.C-trans .cell:last-child{text-align:right;}
.C-trans .separe-tab{width:354%;}


/*ENTETE*/

.entete h4{ font-weight:500; font-size:19px;}
/* .entete h4{ font-weight:500; font-size:18px;} */

.entete h5{ font-size:19px;}
/* .entete h5{ font-size:18px;} */
.entete hr{height:1px; border:none; background: rgb(143, 214, 189);  margin-bottom:25px;}
.entete .result {padding-left:12px;}
.entete .result p{font-size:17px;}
/* .entete .result p{font-size:16px;} */
.entete .result.distance p:first-child{width:50%;}
.entete .result.distance p:last-child{width:48%;}

.entete button{float:right; margin-bottom:15px;}


.ico-calend:before{content: "";display: block;  background-image:url("../img/calend.png"); height:21px; width:22px; float:left;  margin-right:6px; background-repeat:no-repeat;}
.ico-time:before{content: "";display: block;  background-image:url("../img/time.png"); height:21px; width:22px; float:left;  margin-right:6px; background-repeat:no-repeat;}
.ico-kilometre:before{content: "";display: block;  background-image:url("../img/kilometre.png"); height:21px; width:22px; float:left;  margin-right:6px; background-repeat:no-repeat;}

 .ul-entete{display:inline-block; vertical-align:top; width:49%;}
 .ul-entete input{height:32px; padding: 0 5px;}
 .ul-entete input[type=number]{width:163px;}
 .ul-entete.distance input{float:right;}
 
.form-entete-demo .bt-rose{margin-right:14px; }

/*SÉLECTION D’UNE HOTESSE*/

.select-hotesse{margin-bottom:15px;}
.select-hotesse label{font-size:17px; font-weight:500;}
/* .select-hotesse label{font-size:16px; font-weight:500;} */

.resultat-hotesse hr{background:rgb(29, 60, 52); height:1px; border:none;}
.resultat-hotesse h5{font-size:18px;}
/* .resultat-hotesse h5{font-size:18px;} */

 .result  p{display:inline-block; vertical-align:top;}
 .result  p:first-child{width:27%;}
 .result  p:last-child{width:71%;}
 
.ico-hote:before{content: "";display: block;  background-image:url("../img/hote.png"); height:21px; width:22px; float:left;  margin-right:6px; background-repeat:no-repeat;}
.ico-home:before{content: "";display: block;  background-image:url("../img/home.png"); height:21px; width:22px; float:left;  margin-right:6px; background-repeat:no-repeat;}
.ico-phone:before{content: "";display: block;  background-image:url("../img/call.png"); height:21px; width:22px; float:left;  margin-right:6px; background-repeat:no-repeat;}
.ico-email:before{content: "";display: block;  background-image:url("../img/email.png"); height:21px; width:22px; float:left;  margin-right:6px; background-repeat:no-repeat;}
 .ico-mobile:before{content: "";display: block;  background-image:url("../img/mobile.png"); height:21px; width:22px; float:left;  margin-right:6px; background-repeat:no-repeat;}

 
.participant-form .separe-tab{width:133%;}
.ico-group:before{content: "";display: block;  background-image:url("../img/group.png"); height:21px; width:22px; float:left;  margin-right:6px; background-repeat:no-repeat;}

.hot1, .hot2{display:inline-block; vertical-align:top; width:49%;}
 
 /*DATES ET HORAIRES DE LA DÉMONSTRATION*/
 
.form-entete-demo li{padding:8px 0;}
.form-entete-demo label{width:200px; font-size:17px; font-weight:500;}
/* .form-entete-demo label{width:200px; font-size:16px; font-weight:500;} */
.form-entete-demo button{float:right; margin-bottom:15px;}


/*BILAN*/

.bilan{margin-bottom:30px;}

.bilan .separe-tab{width:340%;}

.bilan-total .tr{background:none;}
.bilan-total .tr .cell{text-align:right;}
.bilan-total .separe-tab{padding-bottom:0; margin-bottom:0;}



/*LISTES DES PARTICIPANTS*/

.hotesse-form .separe-tab{width:341%;}
.hotesse-form .cell:last-child{text-align:right; padding-right:8px;}

.client-form{margin-bottom:25px;}
.client-form .cell:nth-last-child(2), .client-form .cell:last-child{text-align:right;}
.client-form .cell:last-child{width:9%; padding-right:8px;}
.client-form .separe-tab{width:307%;}
.form-client .bt-rose.fl-right{margin:15px 0;}


/*CLIENT*/

/*.participant-form{padding-bottom:0px;}*/
.participant-form .tr{background:none;}
.participant-form .cell{text-align:right;}
.participant-form .cell:first-child{text-align:left;}

.participant-form .separe-tab{padding-bottom:0; margin-bottom:0;}

.result-participant{/*padding-left:12px; padding-bottom:15px;*/ /* font-size:16px; */ font-size:17px; margin-top:15px;}
.result-participant .result p:first-child {width: 13%;}

.prochaines-demos{padding-left:12px;}
.prochaines-demos ul li{padding-bottom:12px;}
.prochaines-demos ul li:last-child{padding-bottom:0px;}
.prochaines-demos ul li label{margin-right:15px; font-weight:normal; font-size:17px;}
/* .prochaines-demos ul li label{margin-right:15px; font-weight:normal; font-size:16px;} */

.prochaines-demos .date-proch{display:inline-block; vertical-align:top; width:49%;}
.prochaines-demos label{ font-weight: 400; }

#modif_client label{
    padding-right: 15px;
    font-weight: 400;
}
#modif_client label:after{
    content: ':';
    /*margin-left: 5px;*/
    font-weight: 400;
}
#modif_client span{
    margin:1px 0;
}
#coordonnees{
    color: #333;
}
#coordonnees:hover{
    color: rgb(239, 96, 121);
    text-decoration: none;
}

/*COMMANDE CLIENT*/
.commande-client {padding-bottom: 15px;}
.commande-client .articleDesignation{width: 90%;}
.commande-client .total{text-align:right;}
.commande-client .qte{width:60px;}
.commande-client .cell:last-child{text-align:right; padding-right:8px;}




.catalogue-normal .separe-tab, .catalogue-fougere .separe-tab{width:735%;}

.commande-client .qte, .commande-client button{display:inline-block; vertical-align:middle;}
.commande-client button{border:none; margin-left:15px;}
.commande-client .refresh{background-color:transparent; background-image: url('../img/refresh.png'); background-position:center right; background-repeat:no-repeat; width:23px; height:22px; text-align:right;}
.commande-client .refresh:hover{background-color:transparent; background-image: url('../img/refresh-hover.png'); background-position:center right; background-repeat:no-repeat; width:23px; height:22px; text-align:right;}

.commande-client .choix-catalogue .tr{background: none;}
.commande-client .choix-catalogue .separe-tab{width:607%; padding-bottom:0; margin-bottom:0;}

.commande-client .choix-catalogue .separe-tab {width: 96%;padding-bottom: 0;margin-bottom: 0; position: absolute;}

.ihm-titre a{ color:#fff; }
.ihm-titre a:hover{ color:#fff; background-color: rgba(255,255,255,0.15); text-decoration:none; }


/*PRODUITS CADEAUX*/

.produits-cadeaux input[type=checkbox]{text-align:right; float:right;}


/*CODE PROMOS*/

.promos-code .cell:last-child{text-align:right; padding-right:8px;}


.code-promos-form .tr{background:none;}
.code-promos-form .tr .cell.code{float:left; display:block;}
.code-promos-form .tr .cell button{float:right; text-align:right;}
.code-promos-form .separe-tab{width:229%; padding-bottom:0; margin-bottom:0;}

.code-promos-offres-form{margin-bottom:25px;}
.code-promos-form .thead span.cell.cell-code{text-align:left; padding-right:0;}
.code-promos-offres-form input[type=checkbox]{text-align:right; float:right;}

.table.tab-commande.code-promos-offres-form {margin-bottom: 15px !important;}

.totaux > div > div.cell:first-child{
    width: 67%;
    text-align:right;
    font-weight: 700;
    font-size:19px;
    /* font-size:18px; */
    padding-right: 10px;
}
.totaux > div > div.cell:nth-child(2){
    width: 15%;text-align: center;font-weight: 700;font-size:18px;
}
.totaux > div > div.cell:last-child{
    width: 18%;text-align: center;font-weight: 700;font-size:18px;
}
/***************************************/
/* ExtranetV2_TransfertsCommandes page */
/***************************************/

#livraison_conseillere{ margin-bottom: 20px; color: rgb(239, 96, 121);}
/*#livraison_conseillere:hover {background-color: #e8e8e7; }*/
#livraison_conseillere input{ transform:scale(1.3, 1.3); }
#livraison_conseillere label{  display: inline; font-weight: normal;}
#livraison_conseillere label.transfert1 { font-size: 1.4em; color: black;}
#livraison_conseillere .transfert1 label { font-size: 1.4em; color: rgb(239, 96, 121);}
#livraison_conseillere label.transfert2{ font-size: 1.3em; color: rgb(239, 96, 121);}
/* #livraison_conseillere input:checked + label {
    text-decoration: solid underline;
} */
#livraison_conseillere input:not(:checked) + label {
    /*text-decoration: solid line-through;*/
    color: black;
}
#livraison_conseillere input:not(:checked) + label:hover {
    text-decoration: none;
    color: rgb(239, 96, 121);
}
#livraison_conseillere input:not(:checked):hover + label {
    text-decoration: none;
    color: rgb(239, 96, 121);
}


input + label {
    margin-left: 10px;
}
.livraison-relais-colis-desactive { color: red; }

/***************************************/
/* ExtranetV2_TransfertsCommandes2 page */
/***************************************/
[id$="adresse_livraison_point_retrait"] select {height: 34px; padding: 0 5px;}
.transf_commandes{ padding-bottom:10px; }
[id$="transferer"].btn{margin-top: 20px;}
[id$="livraison"].form-group{margin-bottom: 10px;}

/*TOTAL COMMANDE*/

.total-commande-form .thead .cell{text-align:left;}
.total-commande-form .tr .cell{text-align:right;}
.total-commande-form .tr.valide .cell{float:right;}

.total-commande-form .separe-tab{width:100%; padding-bottom:0; margin-bottom:0;}
.total-commande-form .tr{background:none;}

/*******************************/
/* page tableauCaCommissionnes */
/*******************************/
#tableauCaCommissionnes .table{
    font-size: 15px;
    /* font-size: 14px; */
}

#tableauCaCommissionnes .table th{
    vertical-align: middle;
}

#tableauCaCommissionnes .table-hover > tbody > tr:hover {
    background-color: #e3f3ff;
}
#tableauCaCommissionnes thead{
    background-color: #e8e8e7;
}
/*******************************/
/* surcouche bootstrap */
/*******************************/
.input-group-addon,
.form-control {
    font-size: 17px;
}
/*******************************/
/* page ExtranetV2_Formation */
/*******************************/

[id$="VDA"] {
    padding-bottom: 15px;
}
[id$='souhaite_faire_vda'] input[type="checkbox"]:checked::before{
line-height: 17px;
top: -1px;
}
[id$='souhaite_faire_vda'] .form-group{
display: inline-block;
}
[id$='souhaite_faire_vda'] .form-group + .form-group{
margin-left: 25px;
}
[id$='souhaite_faire_vda'] .form-group label + select,
[id$='souhaite_faire_vda'] .form-group label + span{
margin-left: 10px;
}

[id$='souhaite_faire_vda'] .label-niveau-2{
margin-left:25px;
}
[id$="VDA"] li {
    list-style: disc;
}
[id$="VDA"] ul{
    padding-left: 30px;
}


/*******************************/
/* page calendrier détail événement /003/ */
/*******************************/
[name="savenewtask"],
[name="savenewevent"],
[id='addInviteesButton'],
#evt2 + #whobtn + a {
    display: none;
}
[id*="EventHoverPage"].hoverDetail {
    right: 20% !important;
    bottom: 25% !important;
    left: unset !important;
    top: unset !important;
    transition: visibility 3s;   
}
/*******************************/
/* sav */
/*******************************/
/* .wrapper{
    width:100%;
} */
/* .bodyDiv{width:100%;} */
.sav .controls{
    display: none;
}
.pageTitleIcon {
    display: none;
}
[id*="listButtons"] {
    display: none;
}
.pageInput {
    border: none;
    background: none;
}


/******************************/
/* FOOTER *********************/
/******************************/
footer{
    margin-top:50px;
    text-align:center;
    color:white;
    background-color: rgba(185, 220, 210, 0.2);
    padding-top: 50px;
}
footer div:first-child{
    color:rgb(29, 60, 52);
    /* margin-bottom:10px; */
}
footer div h1{
    color: rgb(29, 60, 52);
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: bolder;
}footer div h1 + p {
    font-size: 0.9em;
}
footer div img{
    display: block;
    margin: auto;
    width: 70px;
}
footer ul{
    background-color: rgb(29, 60, 52);
}
footer li{
    display:inline-block;
    margin-top: 14px;
    margin-bottom: 14px;
}
footer a{
    color:white;
    text-decoration:none;
}
footer a:hover{
    color:rgb(248, 144, 165);
    text-decoration:none;
}


@media screen and (max-width: 1200px) {

.hot1, .hot2{display:block; width:100%;}
.info-hotesse .result p:first-child {width: 30%;}
.info-hotesse .result p:last-child {width: 37%;}
.entete .result.distance p:first-child {width: 30%;}
.info-hotesse .entete .result.distance p:last-child {width: 48%;}



.result-participant .result p:first-child {width: 15%;}

.ul-entete{display:block; width:100%;}
.ul-entete.distance input{float:none;}

}

@media screen and (max-width: 992px) {

    /* .mar-nav, .statistiques{display:none;} */

    /* .nav-connexion{display:none;} */

    /*Ajout Cécile pour affichage menu tablette*/
    /*.navbar-nav li {display: inline;}*/
    /*.navbar.navbar-default li {border-right : none;}*/
    /*.navbar.navbar-default.nav.navbar-nav li a {height:30px;}*/

    aside{margin-left:15px; margin-right:15px;}
    section >.row{ margin-left:0px; margin-right:0px;} 
    #j_id0\:calculCommandesBN > div { margin-left:0px; margin-right:0px;} 

    .p-conseiller{display:none;}

    .pagination{ float:none; margin-left:12px;}

}

/* h4{font-size:17px;} */
.table{margin-bottom:0 !important; border-collapse: collapse;}


/****
TEST MODIFS
*****/

.container {
    padding-left: 0;
    padding-right: 0;
}

#j_id0\3a j_id18 > div > header > div > nav > div > div.collapse.navbar-collapse.navbar-ex1-collapse {
    padding: 0;
}

/*.navbar.navbar-default li {
    width: calc(10.5% - 0.25em);
}
*/
.statistiques .ihm-titre h4 {
    padding-left: 35px;
}

.ihm-titre h4, .ihm-content {
    padding-left: 15px;
}

.navbar.navbar-default .nav.navbar-nav li a {
    color: rgb(29, 60, 52);
    font-size: 21px;
    /* font-size: 20px; */
}
.navbar.navbar-default .nav.navbar-nav li a:focus{color: rgb(239, 96, 121);}

.p-rupture {
    font-size: 18px;
    /* font-size: 17px; */
}

ul li, ol li {
    margin-left: 0 !important;
}

.responsive-calendar .day a {
    font-size: 21px;
    /* font-size: 20px; */
    color: #15191a;
}

h4 {
    font-size: 19px;
    /* font-size: 18px; */
}

.ihm-titre {
    padding: 0;
    height: 43px;
}

.statistiques .ihm-titre h4 {
  padding-left: 15px;
  float: none;
}

body > div > div > section > div.row.ihm.statistiques > div.ihm-titre > img {
    padding: 0;
    width: 21px;
    height: 11px;
    margin-top: 15px;
}

.ihm-titre h4 {
    line-height: 43px;
}

.selection-catégorie .label-selection {
    font-size: 19px;
    /* font-size: 18px; */
}

input, button, select, textarea {
    font-size: 17px;
    /* font-size: 16px; */
}


.bPageBlock {
    border-top: 0;
}

body .bPageBlock, body #bodyCell .bResource .secondaryPalette, body .secondaryPalette.bPageBlock, body .individualPalette .secondaryPalette.bPageBlock, body .bodyDiv .genericTable, body .genericPageBlockTable, body .bodyDiv .bSubBlock, body .bComponentBlock .bPageBlock, body .bMyDashboard .bPageBlock, body.rlHoverFrame .bPageBlock, body.subjectSelectionPopup div.choicesBox, body.lookupTab .secondaryPalette.bPageBlock, body.popupTab .secondaryPalette.bPageBlock, body.UserTagStatsPage .secondaryPalette.bPageBlock {
    border: 0;
    background-color: #fff;
}



.apexp .bPageBlock.apexDefaultPageBlock .pbBody {
    margin: 7px 0px 7px;
}

.globalSearch {
    display: inline-block;
    margin: 8px 20px;
}

#globalSearch {
    display: inline-block;
    height: 32px;
}
#labelSearch {
    width: 32px;
    height: 32px;
    display: inline-block;
    line-height: 16px;
    margin-right: 20px;
}
#labelSearch label {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("../img/search.png") 0 0;
    font-size: 0;
    text-indent: -9999px;
    cursor: pointer;
    background-size: 60px;
    background-position: 32px 0;
}
#inputSearch {
    /* display: inline-block; */
    width: 200px;
    height: 32px;
    float: left;
    overflow: hidden;
    opacity: 0;
    transition: all .3s ease .15s;
}
#inputSearch input {
    display: inline-block;
    width: 200px;
    height: 32px;
    padding: 0 10px;
    border: none;
    background-color: #fff;
    color: #333;
    font-size: 19px;
    /* font-size: 18px; */
    border-radius: 0;
}
#inputSearch input:focus {
    outline: none
}
#inputSearch.focus {
    opacity: 1.0;
}
.imgActuContainer {
    text-align: center;
}
span.tooltipAvailable {
    color: rgb(239, 96, 121);
    cursor: help;
}
form[id$="autoCompleteForm"] {
    display: table-row-group;
}


/* affichage popup msg erreur dans topbarBN*/
.popup-form {
    z-index: 2000;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    top: 0;
    left: 0;
}

.popup-form .popup-msg {
    background-color: white;
    /*margin-top: 30%;*/
    padding-bottom: 15px;
    position:fixed;
    top:30%;
}
.popup-form .popup-msg:first-child {
    padding:50px;
}