/* Classes globales */

body {
    background: white!important;
    font-family: Verdana;
}

p {
    margin: 0!important;
}

p+p {
    margin-top: 10px!important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    line-height: 1.2;
}

h1 {
    background: url(img/ucem_03.png) center center no-repeat;
    text-indent: -9999px;
    height: 80px;
    margin: 0!important;
    padding: 0;
}

h1 a {
    display: block;
    height: 36px;
    width: 140px;
}

a,
a:hover {
    color: #333!important;
    text-decoration: none!important;
}

ul {
    /*display: table;*/
    list-style: none;
    padding: 0;
    margin: 0;
}

.hidden {
    display: hidden;
}

.line {
    float: left;
    width: 100%;
}

.clear {
    clear: both;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
}

.submenu {
    font-weight: initial;
}

.nav-list > li > .submenu .open > a,
.nav-list > li > .submenu .open > a:hover,
.nav-list > li > .submenu .open > a:focus {
    border-color: transparent;
}

.nav-list > li > .submenu:before {
    border: none;
}

.nav-list > li > .submenu > li:before {
    border: none;
}

.nav-list li.active>a:after,
.nav-list>li.active:after {
    border: none;
}

.nav-list>li a>.arrow {
    top: 11px;
    padding-left: 8px;
}

.nav-list>li>a:hover:before {
    background: none;
}

.nav-list > li .submenu {
    border: none;
}

.main-content {
    padding: 15px;
    margin-left: 200px;
}

.page-content {
    background: none!important;
    padding: 0;
}


/* Page de connexion */

.login_b {
    height: 80vh;
    background: #e7ebed;
}


/*liste langue*/

.home_change_langage .dropdown-menu {
    /*width:160px;
    background-color: #99A5AD;
    left:0px;
    top: 0px;
    box-shadow: none;
    border: none;*/
    background-color: #99a5ad;
    border: medium none;
    box-shadow: none;
    left: 36px;
    min-width: 0;
    top: 33px;
    width: 40px;
}

.dropdown-menu li a {
    color: #FFFFFF;
}

a.menu_button {
    border-style: none;
}

.home_header {
    width: 100%;
    min-width: 700px;
    max-width: 980px;
    margin: 0 auto;
    color: #000a0b;
}

.home_header .home_change_langage {
    background-color: #606f7b;
    background-image: url("img/icons/CHOIXLANGUE-blanc.png");
    background-repeat: no-repeat;
    background-position: 5px 2px;
    background-size: 30px auto;
    float: right;
    height: 35px;
    padding-top: 6px;
    width: 160px;
}

.div_lang {
    background-image: url("img/icons/CHOIXLANGUE-blanc.png");
    background-size: 30px auto;
    display: inline-block;
    height: 35px;
}

.login-layout .main-content {
    padding: 0!important;
}

.login_brosette {
    position: absolute;
    left: 0;
    top: 0;
}

.entete_b {
    /*background: url("img/header_connexion.png") center bottom no-repeat;*/
    background: url("img/monop_bandeau_connexion_top.jpg") no-repeat center;
    height: 157px;
    background-size: cover;
    /*margin-bottom: 10px;*/
}

.banner_b {
    background: url("img/monop_bandeau_connexion_bottom.jpg") no-repeat center;
    height: 290px;
    background-size: cover;
    width: 100%;
}

.login_zone_b {
    width: 100%;
    min-width: 700px;
    max-width: 980px;
    margin: 0 auto;
    color: #000a0b;
}

.login_zone_b h1 {
    background: url("img/Logo_TFM_noir.png") center center no-repeat;
    height: 172px;
    width: 100%;
    text-indent: -9999px;
    margin-top: -85px;
}

.login_zone_b h2 {
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
    font-size: 21px;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
}

.login_form_b {
    padding-top: 10px;
    width: 500px;
    margin: 0 auto;
}

.login_form_b p {
    font-weight: bold;
}

.login_form_b .forgot label {
    font-family: arial;
    font-size: 12px;
}

.login_form_b .validate a {
    float: left;
    margin-bottom: 10px;
    color: #000a0b;
    background: url("img/login_indicateur_rouge.png") left center no-repeat;
    font-family: arial;
    font-size: 12px;
    display: block;
    padding: 2px 0 0 16px;
}

.login_form_b .forgot a {
    float: right;
    margin-bottom: 10px;
    color: #000a0b;
    font-family: arial;
    font-size: 12px;
}

.login_form_b input {
    padding-left: 9px!important;
}

.login_form_b input,
.login_form_b select {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 3px;
}

.login_form_b button {
    background: url("img/icons/valider_blanc.png") no-repeat scroll 5px center / 27px auto #606f7b;
    border: medium none;
    color: #ffffff;
    float: right;
    height: 35px;
    width: 120px;
    transition: all ease 1s;
    padding-left: 25px;
}

.login_form_b button:hover {
    /*text-decoration: underline;*/
    color: silver;
}

.login_title {
    padding-top: 15px;
    text-align: center;
    width: 100%;
}

.login_degrade {
    /*background: url("img/form_degrade2.jpg") center top repeat-x;*/
    position: absolute;
    width: 100%;
    height: 238px;
    z-index: -1;
    /*margin-top: 80px;*/
}

.login_logo {
    background: url("img/login_logo.png") center center no-repeat;
    width: 242px;
    height: 59px;
    margin: 0 auto;
}

.remember input,
.remember label {
    float: left;
}

.remember input {
    width: 30px!important;
    margin-top: 3px!important;
}

.login-layout .widget-box {
    width: auto!important;
    background: none!important;
    position: relative!important;
    height: 0;
}

.login-layout .widget-box.visible {
    height: auto;
}


/* Page d'accueil */

.bloc_b {
    font-size: 12px;
}

.tel_assist {
    border-bottom: 1px solid #1a171b;
    border-top: 1px solid #1a171b;
    width: 100%;
    overflow: hidden;
    color: #1a171b;
    margin-top: 20px;
    margin-bottom: 15px;
}

.tel_assist h5 {
    position: absolute;
    margin-top: -10px;
    margin-left: 16%;
    background: white;
    padding: 0 5px;
    font-weight: bold;
}

.tel_assist h6 {
    font-size: 34px;
    text-align: center;
    font-weight: bold;
}


/* Header simply */

.newHeader {
    background: url("img/monop_homepage_top.jpg") no-repeat center;
    height: 141px;
    background-size: contain;
    margin: 0 auto;
    width: 1280px;
    position: relative;
}

.div_header_magasin {
    left: 690px;
    position: absolute;
    top: 17px;
}

.header_user {
    background-image: url("img/icons/utilisateur_blanc.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 30px auto;
    left: 1040px;
    position: absolute;
    top: 15px;
    width: 210px;
}

.header_user a {
    color: white;
}

.select_magasin {
    border: 0 none;
    color: #303030;
    width: 150px;
}

.select_magasin:focus {
    border: none;
}

.styled-select {
    background: url("img/down_arrow_select.png") no-repeat scroll right center #fff;
    height: 30px;
    overflow: hidden;
    transition: all 0.2s ease 0s;
    width: 150px;
}

.menu_button {
    /*-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 center rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color white;
    border-image: none;
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    color: white;
    height: 35px;
    margin-left: 10px;
    padding-left: 15px;*/
}

.aide_button {
    background-image: url("img/icons/aide_blanc.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: auto 25px;
    padding-left: 38px;
    float: left;
}

.lang_button {
    background-image: url("img/icons/CHOIXLANGUE-blanc.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: auto 25px;
    float: left;
    padding-left: 25px;
    width: 40px;
}

.admin_button {
    background-image: url("img/icons/administration_blanc.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: auto 25px;
    padding-left: 45px;
}

.header_b {
    /*height: 300px;*/
}

.first_nav>.content {
    max-width: 960px;
    width: 100%;
    height: 127px;
    margin: 0 auto;
}

.first_nav h1 {
    background: url("img/Logo_TFM_noir_mini.png") no-repeat;
    width: 130px;
    height: 65px;
    padding: 0;
    margin: 35px 0 0 0px;
    text-indent: -9999px;
    position: absolute;
}

.test5 h1 {
    background: url("img/Logo_TFM_noir_mini.png") no-repeat;
    margin-top: 30px;
    width: 125px;
    height: 107px;
}

.test5 h2 {
    text-transform: uppercase;
    float: left;
    margin-left: 145px;
    margin-top: 35px;
    font-size: 20px;
}

.first_nav h1 a {
    display: block;
    width: 138px;
    height: 134px;
}

.test5 h1 a {
    width: 110px;
    height: 107px;
}

.menu_1 {
    width: 620px;
    float: left;
    border-bottom: 1px solid #afaab4;
    margin-left: 150px;
}

.menu_1 ul {
    list-style: none;
    float: left;
    margin: 40px 0 -7px 0;
    width: 600px;
    padding: 0;
}

.menu_1 ul>li {
    float: left;
    margin-left: 40px;
    font-size: 15px;
    font-weight: bold;
    background: url("img/firstnav_indicateur_Jaune.png") left bottom no-repeat;
    padding-bottom: 20px;
    padding-left: 5px;
}

.menu_1 ul>li>a {
    color: #333;
}

.menu_1 ul>li>a:hover {
    text-decoration: underline;
}

.user_granted {
    /*position: absolute;*/
    top: 0;
    right: 0;
    z-index: 10;
    width: 100%;
}

.ace-nav {
    float: right;
}

.ace-nav select {
    height: 31px;
}

.ace-nav>li.light-blue>a {
    background: #1a171b;
}

.ace-nav>li.light-blue>a:hover,
.ace-nav>li.light-blue>a:focus,
.ace-nav>li.open.light-blue>a {
    background: #1a171b!important;
}

.ace-nav>li>a {
    background: #268c89;
}

.ace-nav>li>a:hover {
    background: #22807c;
}

.home_banner {
    background: url("img/home_banner.png") top center repeat-x;
    height: 262px;
    text-align: center;
    padding-top: 245px;
}

.home_title {
    border-bottom: 1px solid black;
    font-size: 18px;
    width: 100%;
    text-align: center;
    padding: 0 0 10px 0;
    margin: 0;
}


/* Siderbar */

.sidebar_b {
    border-right: 1px solid black;
    /*margin-left: -70px;*/
    padding-bottom: 12px;
    /*width: 285px;*/
}

.nav-list>ul {
    border-right: 1px solid black;
}

.nav-list > li > a {
    border-bottom: 1px solid;
    height: 35px;
    line-height: 25px;
    margin-left: 4px;
    margin-right: 15px;
    background-color: #fff;
}

.nav-list > li .submenu > li > a {
    border: none;
    color: #616161;
    display: block;
    margin: 0;
    position: relative;
}

#menu {
    /*border-right: 1px solid #c0c0c1;*/
    margin-top: 24px;
    list-style: none;
}

#menu.short {
    margin-top: 13px;
}

#menu li a:hover,
#menu li.active>a {
    color: #1a171b;
}

#menu li.open > a {
    border-bottom: none;
}

#menu li.open a {
    background: none;
}

#menu ul {
    list-style: none;
}


/* TEMPORAIRE */

.test1,
.test2,
.test5 {
    width: 100%;
    float: left;
}

.test1 {
    background: url("img/header_degrade_jaune.jpg") center top repeat-x;
    height: 100px;
}

.test2 {
    background: url("img/Bandeau_interieur.jpg") center top no-repeat;
    height: 176px;
    margin-top: 10px
}

.test5 {
    height: 55px;
}

.grid {
    min-width: 1280px;
    width: 1280px;
    /*border: 1px solid red;*/
    margin: 0 auto;
}

.test3 {
    float: left;
    width: 270px;
    margin-right: 12px;
}

.test4 {
    width: 998px;
    /*padding: 12px 0 0 0;*/
    padding: 15px 0 15px 15px;
    float: left;
    /*border: 1px solid green;*/
}

.menu_b {
    padding: 0;
    margin: 0;
}

.menu_b>li {
    min-height: 24px;
    display: block;
    vertical-align: middle;
    padding: 4px 0 0 25px;
    font-size: 13px!important;
}

.menu_b > li {
    display: block;
    font-size: 12px !important;
    min-height: 24px;
    padding: 10px 0 0 30px;
    vertical-align: middle;
}

.nav-list > li {
    border: none;
}

.menu_b>li:last-child {
    padding-bottom: 12px;
}

.menu_b .home_p {
    background: url("img/icons/accueil.png") no-repeat scroll -2px 4px / 35px auto rgba(0, 0, 0, 0);
}

.menu_b .video_p {
    background: url("img/icons/video.png") no-repeat scroll -2px 4px / 35px auto rgba(0, 0, 0, 0);
}

.menu_b .transplanting_p {
    background: url("img/icons/transplanting.png") no-repeat scroll 3px 9px / 24px auto rgba(0, 0, 0, 0);
}

.menu_b .cart_p {
    background: url("img/icons/panier.png") no-repeat scroll -5px -1px / 40px auto rgba(0, 0, 0, 0);
}

.menu_b .command_p {
    background: url("img/icons/commandes.png") no-repeat scroll -8px -1px / 45px auto rgba(0, 0, 0, 0);
}

.menu_b .webbanner_p {
    background: url("img/icons/jpg.png") no-repeat scroll -6px 0px / 42px auto rgba(0, 0, 0, 0);
}

.menu_b .calendar {
    background: url("img/icons/plv.png") no-repeat scroll -11px -10px / 57px auto rgba(0, 0, 0, 0);
}

.menu_b .alert_p {
    background: url("img/icons/plan_action_commerce.png") no-repeat scroll 5px 3px / 27px auto rgba(0, 0, 0, 0);
}

.menu_b .data_p {
    background: url("img/icons/data.png") no-repeat scroll -3px 3px / 38px auto rgba(0, 0, 0, 0);
}

.menu_b .delivery_p {
    background: url("img/icons/delivery.png") no-repeat scroll 2px 14px / 24px auto rgba(0, 0, 0, 0);
}

.menu_b .admin_b {
    background: url("img/icons/administration_noir.png") no-repeat scroll 2px 6px / 24px auto rgba(0, 0, 0, 0);
}

.menu_b .produit_b {
    background: url("img/icons/base_produit.png") no-repeat scroll 0px 3px / 30px auto rgba(0, 0, 0, 0);
}

.menu_b .contact_b {
    background: url("img/icons/contact.png") no-repeat scroll -11px -7px / 50px auto rgba(0, 0, 0, 0);
}

.menu_b .reporting_p {
    background: url("img/icons/reporting.png") no-repeat scroll -17px -12px / 65px auto rgba(0, 0, 0, 0);
}

.menu_b .forms_p {
    background: url("img/icons/forms.png") no-repeat scroll -3px 3px / 38px auto rgba(0, 0, 0, 0)
}

.texte_bg_cyan {
    background: none repeat scroll 0 0 #E53935;
    color: white;
    font-family: Verdana;
    font-weight: normal;
    margin: 0;
    padding: 8px 10px;
}

h4.texte_bg_cyan {
    /*font-weight: bold;*/
    font-size: 14px;
}

a.texte_bg_cyan {
    color: white;
    cursor: pointer;
    display: block;
}

a.texte_bg_cyan:hover {
    text-decoration: none;
    background: #00baba;
}

.mgtop {
    margin-top: 12px;
}

.actu {
    padding-top: 12px;
}

.actu {
    /*border-bottom: 1px solid #cccccd;*/
    float: left;
    padding-bottom: 12px;
    /*width: 50%;*/
}

.actu h5 {
    font-weight: bold;
    font-size: 13px;
}

.actu p {
    color: #333;
    font-size: 12px;
    line-height: 1.1;
    padding-top: 5px;
}

.actu:last-child {
    /*margin-bottom: 12px;
    padding-bottom: 0;
    border: none;*/
}

.actu>.actu_img,
.actu>.content {
    float: left;
}

.actu_img img {
    max-height: 115px;
    max-width: 115px;
}

.actu>.actu_img {
    width: 33%;
    min-height: 120px;
    margin-right: 12px;
    padding: 2px;
    border: 1px solid #cccccd;
    text-align: center;
}

.actu>.content {
    font-size: 12px;
    width: 54%;
}

.indicLink {
    margin-left: 70px;
    color: #333;
    background: url("img/login_indicateur.png") right center no-repeat;
    padding-right: 15px;
    font-weight: bold;
    border: none;
}

.indicLink:hover {
    color: #1a171b;
}

.assistance > * {
    float: left;
}

.assistance > .img {
    background: url("img/operatrice.jpg") no-repeat scroll left center / auto 100% #ffffff;
    width: 119px;
    height: 130px;
}

.assistance > .infos {
    text-align: center;
    padding: 10px 30px;
    background-color: #d92820;
    color: white;
    height: 130px;
}

.assistance > .todo {
    width: 580px;
    padding: 10px 30px;
}

.black_link {
    color: black;
    text-decoration: underline;
}

.black_link:hover {
    text-decoration: underline;
    color: #666;
}

.resume {
    margin-top: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccd;
}

.resume:last-child {
    margin-bottom: 12px;
    border: none;
}

.resume h5 {
    font-size: 13px;
}

.resume ul {
    font-size: 13px;
    margin-left: 40px;
}

.resume span,
.kit-comm span {
    color: #1a171b;
    margin-right: 10px;
}

.logo_simply_mini {
    background: url("img/simply_mini.png") right center no-repeat;
    width: 100%;
    height: 46px;
    margin: 12px 0 0 0;
}

.fil_ariane {
    width: 100%;
    /*float: left;*/
    margin-bottom: 32px;
}

.fil_ariane ul {
    float: left;
}

.fil_ariane ul>li {
    float: left;
    margin-left: 8px;
    background: url("img/ariane_sep.jpg") right center no-repeat;
    padding-right: 15px;
}

.fil_ariane ul>li:first-child {
    margin-left: 0;
}

.fil_ariane ul>li:last-child {
    background: none;
}

.fil_ariane ul>li a {
    color: #7a8284;
}

.fil_ariane ul>li a:hover {
    color: #1a171b;
    text-decoration: underline;
}

.fil_ariane ul>li.active {
    color: #646e70;
}

.etapes {
    height: 40px;
    width: 100%;
    margin: 25px auto 0 auto;
}

.etapes ul {
    /*background-color: #c6ced2;
    height: 30px;*/
}

.etapes ul>li {
    /*margin-top: 5px;
    float: left;
    margin-left: 25px;
    color: #c3bec7;*/
    border-top: 2px solid silver;
    color: #c3bec7;
    float: left;
    height: 50px;
    margin-top: 5px;
    padding-top: 10px;
    text-align: center;
    width: 196px;
}

.title {
    /*background-image: url("img/icons/non_valider_noir.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px auto;
    padding-left: 25px;
    color: gray;*/
    background-image: url("img/icons/indicateur_normal.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    color: gray;
    margin: 0 auto;
    padding-top: 40px;
}

.etapes ul>li.active {
    /*background: url("img/cmd_indicateur_hover_jaune.png") bottom left no-repeat;*/
    color: #1a171b;
    /*font-weight: bold;*/
}

.etapes ul>li.active>.title {
    /*background-image: url("img/icons/valider_noir.png");*/
    background-image: url("img/icons/indicateur_select.png");
    color: #303030;
}

.etapes ul>li:first-child {
    /*margin-left: 25px;*/
}

.etapes ul>li.disabled {
    opacity: 0.3;
}

.model_vignette {
    float: left;
    margin: 12px 0;
    padding-right: 12px;
    width: 100%;
}

.model_vignette img {
    float: left;
    max-width: 160px;
    max-height: 160px;
    margin-right: 12px;
}

.model_vignette_info {
    float: left;
    width: 100%;
}

.model_vignette .text {
    float: left;
    /*width: 100%;*/
}

.vignette_list ul {}

.vignette_list li {
    border: none;
}

.model_vignette_info a {
    color: #1a171b !important;
}

.cyanTable {
    width: 100%;
    margin: 0 0 12px 0;
}

.cyanTable thead {
    background: #E53935;
    color: white;
    /*text-transform: uppercase;*/
}

.cyanTable th {
    border-right: 1px solid white;
    padding: 5px 12px;
    white-space: nowrap;
}

.cyanTable td {
    /*background: #f9fafb;*/
    padding: 12px;
}

.col_separator {
    background: white!important;
    /*width: 12px;*/
    padding: 0!important;
    border: none!important;
}

.panel_b {}

.produits_b {
    border: 1px solid #e4e6e7;
    background: #f9fafb;
    margin-top: 12px;
}

.produits_b h3 {
    padding: 3px 10px;
}

.title_cat {
    border-radius: 0;
    clear: both;
    text-transform: capitalize;
}

.title_scat {
    text-transform: capitalize;
}

.title_sscat {
    text-transform: capitalize;
}

.ace-thumbnails>li {
    border: 1px solid #949494;
    border-radius: 3px;
    width: 31%;
    margin: 1%;
}

.listemagasins {
    height: 300px;
    overflow: auto;
}

.listemagasins .ace-thumbnails > li {
    /* width: 100%;*/
}

.listemagasins li.no-border {
    border: 0 none;
}

.bgGray,
.bgGray td {
    background: darkgray!important;
    /*border: none!important;*/
    padding: 0!important;
}

.bgwhitelarge,
.bgwhitelarge td {
    border-bottom: 2px solid black!important;
}

.bgwhite,
.bgwhite td {
    background: white!important;
    /*border: none!important;*/
    padding: 0!important;
}

.action {
    background: #1a171b!important;
    border-color: #1a171b;
}

.action:hover {
    background: #00bfbf!important;
    border-color: #00bfbf;
}

.alert {
    width: 100%;
    float: left;
}

.profile-info-row {
    min-height: 32px;
}

.no_border {
    border: none;
}

.form-horizontal input[type="text"],
.form-horizontal input[type="email"],
.form-horizontal select {
    width: 250px;
}

.form-horizontal input[type="submit"] {
    margin-left: 12px;
}

div.field_form label {
    background-image: none;
    padding-left: 0;
}

.ace-thumbnails>li {
    width: auto;
}

.process {
    /*height: 65px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #a29da8;*/
}

.lt_btn {
    font-size: 12px;
}

.col-md-12+.col-md-12 {
    margin-top: 12px;
}

.nav-list>li .submenu>li>a {
    padding-left: 12px;
}

.nav-list > li > .submenu li > .submenu > li > a {
    margin-left: 20px;
    padding-left: 0;
}

.widget-box {
    margin-bottom: 12px;
}

.dropdown-yellow li a:hover,
.dropdown-yellow li a:focus,
.dropdown-yellow li a:active,
.dropdown-yellow li.active a,
.dropdown-yellow li.active a:hover,
.dropdown-yellow .dropdown-submenu:hover>a,
.nav-tabs .dropdown-yellow li>a:focus {
    background: #94d4d4;
}

.div_header_magasin .dropdown-menu {
    /*min-width : auto;
    top : 0px;
    background-color : #99A5AD;
    box-shadow: none;
    border: none;
    color : #FFFFFF;*/
    background-color: #99a5ad;
    border: medium none;
    box-shadow: none;
    color: #ffffff;
    left: -40px;
    position: relative;
    top: 22px;
    width: 42px;
    min-width: 0px;
}

.div_header_magasin .dropdown-menu li a {
    color: #FFFFFF;
}

.resume_commandes p {
    margin-top: 12px!important;
}

.date input {
    width: 100px!important;
    text-align: center;
}

.logo_simply_login {
    background: url("img/simply-mini.png") right top no-repeat;
    width: 500px;
    height: 40px;
    margin: 0 auto 12px auto;
}

.kit-comm ul {
    margin-top: 12px;
}

.kit-comm a:hover {
    color: #1a171b;
}

.suite_e360 {
    height: 110px;
    margin-top: 40px;
    position: relative;
}

.tier {
    background-repeat: no-repeat;
    background-size: 100% auto;
    float: left;
    height: 105px;
    margin: 6px;
    width: 62px;
}

.imgWorkflow {
    background-image: url('img/workflow.jpg');
    opacity: 0.5;
    margin-left: 30px;
}

.imgProximity {
    background-image: url('img/proximity.jpg');
}

.imgMosaik {
    opacity: 0.5;
    background-image: url('img/mosaik.jpg');
}

.logo_e360 {
    /*     background-image: url("img/simply.png"); */
    /*     background-repeat: no-repeat; */
    /*     background-size: 180px auto; */
    height: 100px;
    /*  background-position: center; */
    position: relative;
}

.contenu_bloc {
    background-color: #e6eaec;
    /*border: 1px solid;*/
    padding: 5px;
    overflow: auto;
}

.col-md-6.kit-comm {
    margin-top: 25px;
}

.col-md-6.resume_commandes {
    margin-top: 25px;
}

.step {
    color: #c6ced2;
    font-size: 0px;
}

.img_pdf {
    width: 60px;
}

button.valider,
button.refuser {
    border: medium none;
    color: #ffffff;
    height: 35px;
    padding: 0 15px;
    transition: all 1s ease 0s;
}

button.valider {
    background-color: #4cae4c;
}

button.refuser {
    background-color: #d43f3a;
}

button.supprimer {
    background: url("img/icons/supprimer_blanc.png") no-repeat scroll 0 center / 38px auto #606f7b;
}

button.modifier {
    background: url("img/icons/modifier_blanc.png") no-repeat scroll 5px center / 38px auto #606f7b;
}

button.livraison {
    background: url("img/icons/commander_blanc.png") no-repeat scroll 5px center / 38px auto #606f7b;
}

button.supprimer, button.modifier, button.livraison {
    border: medium none;
    color: #ffffff;
    min-height: 35px;
    padding-left: 25px;
    transition: all 1s ease 0s;
    width: 130px;
}

button.commander {
    background: url("img/icons/commander_blanc.png") no-repeat scroll 0 center / 38px auto #E53935;
    border: medium none;
    color: #ffffff;
    height: 35px;
    padding-left: 25px;
    transition: all 1s ease 0s;
    width: 140px;
}

button.commander_multi {
    background: url("img/icons/commander_blanc.png") no-repeat scroll 0 center / 38px auto #E53935;
    border: medium none;
    color: #ffffff;
    height: 35px;
    padding-left: 25px;
    transition: all 1s ease 0s;
    width: 240px;
}

button.retour {
    background: url("img/icons/retour_blanc.png") no-repeat scroll 0 center / 38px auto #606f7b;
    border: medium none;
    color: #ffffff;
    height: 35px;
    padding-left: 25px;
    transition: all 1s ease 0s;
    width: 130px;
}

button.telecharger {
    background: url("img/icons/download_blanc.png") no-repeat scroll 0 center / 38px auto #606f7b;
    border: medium none;
    color: #ffffff;
    height: 35px;
    padding-left: 25px;
    transition: all 1s ease 0s;
    width: 180px;
}

button.ajouter {
    background: url("img/icons/panier_blanc.png") no-repeat scroll 0 center / 38px auto #606f7b;
    border: medium none;
    color: #ffffff;
    height: 35px;
    padding-left: 25px;
    transition: all 1s ease 0s;
    width: 180px;
}

button.sansicon {
    background-color: #606f7b;
    border: medium none;
    color: #ffffff;
    height: 35px;
    margin: 2px;
    padding: 5px 15px;
    transition: all 1s ease 0s;
}

.btn-xs {
    background-color: #606f7b;
    border: medium none;
    color: #ffffff;
    height: 35px;
    margin: 2px;
    padding: 5px 15px;
    transition: all 1s ease 0s;
    border: 0;
    min-width: 130px;
}

.btn,
.btn-default,
.btn:focus,
.btn-default:focus,
.btn:hover,
.btn-default:hover {
    background-color: #606f7b !important;
    border-color: #606f7b !important;
}

.cyanTable tr {
    border-bottom: 1px solid black;
}

.cyanTable tr:last-child {
    border-bottom: 0px;
}

.edit_qte_panier {
    background: transparent;
    width: 150px;
}

.edit_qte_panier:focus {
    background: transparent;
    width: 150px;
}

.menu-text {
    font-size: 12px
}

.col1 {
    width: 150px;
}

.col2 {
    width: 250px
}

.col3 {}

.font12 {
    font-size: 12px;
}

.bg_yellow,
.bg_yellow * {
    color: white;
    background-color: #E53935;
}

.superList > li.activated {
    background-image: url(img/indicateur_on.png);
}

#cible li.selected:hover,
#cible li.selected {
    background-color: #E53935!important;
    color: white;
}

/* END LOGIN PAGE */

#hv2 {
    height: 80px;
    background: #E53935;
}

#nav_first {
    /*width: 100%;*/
    height: 44px;
    margin-top: 18px;
    background: rgba(0, 0, 0, 0.5);
    float: right;
}

#nav_first .fa {
    font-size: 17px;
    width: 17px;
    height: 24px;
    line-height: 24px;
    float: left;
    background: url("img/font_circle.png") center center no-repeat;
    margin: 0 9px 0 0;
}

#nav_first .fa-caret-down {
    background: none;
    float: right;
    margin: 0 0 0 9px;
    color: white;
}

#nav_first .fa-question-circle,
#nav_first .fa-globe {
    font-size: 20px;
}

#hv2 {}

#hv2 a,
#hv2 p {
    color: white!important;
}

#hv2 a:hover {
    color: #333;
}

#hv2 p {
    float: left;
    line-height: 24px;
}

#sMag {}

#sMag select,
#sMag input {
  line-height: 20px;
  height: 20px;
  margin-top: 2px;
  vertical-align: middle;
  padding: 0 5px;
  font-size: 12px;
  float: right;
  width: 400px;
}

#sMag form {
  float: right;
}

#sMag .fa {
    color: white;
    text-align: center;
    font-size: 13px;
    line-height: 19px;
    height: 19px;
    width: 19px;
    vertical-align: middle;
    background: #333;
    border-radius: 50%;
    margin-top: 2px;
}

#nav_first li {
    float: right;
    line-height: 44px;
    height: 44px;
    font-size: 14px;
    border-right: 1px solid white;
    padding: 10px;
}

#nav_first li a {
    line-height: 24px!important;
}

#nav_first li:first-child {
    border: none;
}

#nav_first li:last-child {
    /*border: none;*/
    /*padding-right: 0;*/
}

#lang_menu {
    position: absolute;
    width: 36px;
    margin: 24px 0 0 17px;
    padding-top: 2px;
    z-index: 10000;
    display: none;
}

#lang_zone {
    cursor: pointer;
}

#lang_zone:hover #lang_menu {
    display: block;
}

#lang_menu li {
    width: 36px;
    margin: 0;
    padding: 0;
    text-align: center;
    border: none;
    background: #333;
}

#lang_menu li a {
    width: 100%;
    display: block;
}

#lang_menu li a:hover {
    width: 100%;
    display: block;
    color: white;
    background: #444;
}


/* The Modal (background) */

.myModal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}


/* Modal Content */

.myModal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 400px;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    border: none;
}


/* Add Animation */

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}


/* The Close Button */

.myModal-close {
    color: white;
    float: right;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
}

.myModal-close:hover,
.myModal-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.myModal-header {
    padding: 5px 15px;
    background-color: #E53935;
    color: white;
}

.myModal ul {
    margin-top: 10px;
    list-style: circle;
    padding-left: 15px;
}

.myModal-body {
    padding: 15px;
}

.myModal-footer {
    padding: 5px 15px;
    background-color: #5cb85c;
    color: white;
}


/* PUTIN DE BOOTSTRAP #JORIS CODE AVEC LE CUL */

.container {
    max-width: 964px;
}

.col-md-1,
.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-10,
.col-md-11 {
    float: left
}

.col-md-1 {
    width: 8.33333%
}

.col-md-2 {
    width: 16.6666%
}

.col-md-3 {
    width: 25%
}

.col-md-4 {
    width: 33.3333%
}

.col-md-5 {
    width: 41.6666%
}

.col-md-6 {
    width: 50%
}

.col-md-7 {
    width: 58.3333%
}

.col-md-8 {
    width: 66.6666%
}

.col-md-9 {
    width: 75%
}

.col-md-10 {
    width: 83.3333%
}

.col-md-11 {
    width: 91.6666%
}

.col-md-12 {
    width: 100%
}

.col-md-push-0 {
    left: auto
}

.col-md-push-1 {
    left: 8.33333%
}

.col-md-push-2 {
    left: 16.6666%
}

.col-md-push-3 {
    left: 25%
}

.col-md-push-4 {
    left: 33.3333%
}

.col-md-push-5 {
    left: 41.6666%
}

.col-md-push-6 {
    left: 50%
}

.col-md-push-7 {
    left: 58.3333%
}

.col-md-push-8 {
    left: 66.6666%
}

.col-md-push-9 {
    left: 75%
}

.col-md-push-10 {
    left: 83.3333%
}

.col-md-push-11 {
    left: 91.6666%
}

.col-md-pull-0 {
    right: auto
}

.col-md-pull-1 {
    right: 8.33333%
}

.col-md-pull-2 {
    right: 16.6666%
}

.col-md-pull-3 {
    right: 25%
}

.col-md-pull-4 {
    right: 33.3333%
}

.col-md-pull-5 {
    right: 41.6666%
}

.col-md-pull-6 {
    right: 50%
}

.col-md-pull-7 {
    right: 58.3333%
}

.col-md-pull-8 {
    right: 66.6666%
}

.col-md-pull-9 {
    right: 75%
}

.col-md-pull-10 {
    right: 83.3333%
}

.col-md-pull-11 {
    right: 91.6666%
}

.col-md-offset-0 {
    margin-left: 0
}

.col-md-offset-1 {
    margin-left: 8.33333%
}

.col-md-offset-2 {
    margin-left: 16.6666%
}

.col-md-offset-3 {
    margin-left: 25%
}

.col-md-offset-4 {
    margin-left: 33.3333%
}

.col-md-offset-5 {
    margin-left: 41.6666%
}

.col-md-offset-6 {
    margin-left: 50%
}

.col-md-offset-7 {
    margin-left: 58.3333%
}

.col-md-offset-8 {
    margin-left: 66.6666%
}

.col-md-offset-9 {
    margin-left: 75%
}

.col-md-offset-10 {
    margin-left: 83.3333%
}

.col-md-offset-11 {
    margin-left: 91.6666%
}

.cheat1 {
    margin: 0;
    padding: 0;
}

.logo_client {
    background: url(img/ucem.png) center center no-repeat;
    width: 250px;
    height: 100px;
    margin: 10px auto;
}