html{
    font-family: Arial;
}



@media (min-width: 768px){
    .container {
        width: 100% !important;
        margin: 0px;
    }

    .container .row {
        margin: auto !important;
    }

    .col-md-12 .row {
        width: 100% !important;
    }

    #navbar {
        margin: auto !important;
        /* float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed; */
    }

    #slide-nav{
        margin-bottom: 0px;
    }

    .navbar .navbar-collapse {
        text-align: center;
        float: none;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .navbar .navbar-nav {
        display: flex;
        flex-direction: row;
        padding-left: 0;
        margin: 0;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .navbar .navbar-nav > li {
        display: flex;
    }

    .breadcrumb {
        width: 70% !important;
        margin: auto;
    }

    .container > h1 {
        margin-left: 15%;
    }

    .full-wide{
        width:70% !important; 
        margin:auto;
    }

    .footer-wide{
        display:flex;
    }

    
    .coldroite {
        padding: 10px !important;
    }

    .colgauche {
        padding: 10px !important;
    }

    .fondjaune {
        padding: 10px;
    }

    .contenu-col-gauche {
        padding: 10px !important;
    }

    .recap_fix {
        margin-top: -20px !important;
    }

    .recap_fix_width {
        width:350px;
    }

    /*texte du menu au passage de la souris*/
    li.dropdown > ul > li a:hover, li.dropdown > ul > li a:focus {
        color: #335ba6; 
        border-bottom: solid 1px #335ba6;
    }

    .retrait {
        padding-bottom: 10px
    }
}

@media (max-width: 768px){
    .container {
        margin-top: 0px !important;
    }

    .paddingplus
    {
        padding: 0px !important;
    }

    .coldroite {
        padding: 0px !important;
    }

    .colgauche {
        padding: 0px !important;
    }

    .footer .coldroite {
        padding: 10px !important;
    }

    .footer .colgauche {
        padding: 10px !important;
    }

    .fondjaune {
        padding: 0px;
    }

    #txtprincipale {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    p {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .trait {
        width: 100% !important;
    }

    .radio-inline {
        margin-left: 0px !important;
    }

    h1 {
        font-family: 'Bauhaus 93';
    }

    .pictos {
        margin-right: 30px !important;
        margin-top: -20px !important;
    }

    .pictos img {
        padding: 6px !important;
    }
}

.footer {
    background-color: #335ba6 !important;
    border-top: #335ba6 solid 5px !important;
}

@media (min-width: 768px){
    .footer .container {
        margin-top: 0px !important;
    }

    .footer .row {
        width: 100% !important;
        padding: 0px !important
    }

    .piedPageLink {
        padding 5px;
    }

    .footer-mentions {
        padding: 5px;
    }
    
}

.footer .colgauche {
    background-color: white;
}

.coldroite h5 {
    font-weight: bold;
}

.footer-mentions {
    color: white !important;
}

.piedPageLink {
    color: #335ba6 !important;
    text-align: center;
}



/* Lieu et date du congrès dans l'entête */
.loc {color : #335ba6}

/* Bloque Votre espace */
.login {
  background-color : white;
}

label.labelhead {
    color : #335ba6;
    font-weight: 500;
}


/*programme*/

.titregeneral, .titrerecherche, .nomprenomville
{
 color: #335ba6 
}

.horaires-globaux {
    background-color: #335ba6;
    color: #fff;
}

.date, .date-moteur {background-color : #335ba6}

.nompresident{
  color: #335ba6 !important;
}

.nomprenomville{
  text-transform: none !important;
}

.nomprenomville + span {
  color: #335ba6 !important;
  text-transform: none !important;
}

/* texte */
h1, h2 {color : #335ba6; }
h6, .h6 {color : #335ba6;}

a {color: #335ba6; border-bottom: 1px solid #335ba6}


/* menu */
.navbar-default {
 background: linear-gradient(to bottom, #335ba6 0%, #335ba6 50%, #335ba6 50%, #335ba6 100%);
}
@media (min-width: 768px){
.navbar {
     border-radius: 0px;
}
}

/* box*/
.well h4, .titres-panel{
  color : #335ba6
}

/* couleur du texte dans le bouton de la box  */
.btn-default{color : #335ba6}




/*Lettre de l'alphabet */
.lselectionne{
  background-color : #335ba6;
}


/*Tableau*/
.table.table-bordered.table-block > tbody > tr > td:nth-child(2n) {
    background-color: #335ba6;
    color: #fff;
}
.table.table-bordered.table-block > tbody > tr > td:nth-child(2n+1) {
    background-color: #335ba6;
}

/*couleur du trait*/
.trait { background-color: #335ba6; width:70%; margin:auto;}

.annuler {color: #335ba6; 
border-bottom:solid 1px #335ba6;
background-color: transparent;
border-top : none;
border-left: none;
border-right: none;}

/* composant kendoo */
.k-grid-header, .k-toolbar, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-pager-wrap, .k-progressbar, .k-draghandle, 
.k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item, .km-pane-wrapper > .km-pane > .km-view > .km-content
{
  background-color: #335ba6;
}
.k-state-selected > .k-link, .k-panelbar > li > .k-state-selected, .k-panelbar > li.k-state-default > .k-link.k-state-selected {
    color: #335ba6;
}

.espace {
    border-bottom: 1px solid #335ba6;
}

.fondjaune {
    background-color: #fff;
}


/* Menu de gauche dans les espaces perso */ 
.fondbordo
{
    background-color: #335ba6;
}

.box-pec{
    border: solid 1px #335ba6;
}

/*element kendo*/
.k-grid .k-header .k-button:hover, .k-scheduler .k-header .k-button:hover, .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover, .k-scheduler .k-scheduler-toolbar 
.k-scheduler-views li.k-state-hover .k-link, .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover, .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover .k-link, .k-gantt .k-gantt-toolbar .k-button:hover,
.k-grid .k-header .k-button, .k-scheduler .k-header .k-button, .k-scheduler .k-header li, .k-scheduler .k-header .k-link, .k-gantt > .k-header li, .k-gantt > .k-header .k-link, .k-gantt-toolbar .k-button,
.k-event, .k-task-complete {
    border-color: #335ba6;
    background: #335ba6 0 -257px none repeat-x;
    color : #fff;
}

.k-header
{
      background-color: #335ba6;
}

/*popup*/
.vex.vex-theme-os .vex-content
{
    border-color: #335ba6;
}

.vex.vex-theme-os .vex-dialog-button.vex-dialog-button-primary
{
    background-color: #335ba6;
}

/* step by step */
.arrows li span {
       background-color: #335ba6;
}

.arrows li span:after {
   
    border-left: 30px solid #335ba6; 
}

.arrows li.current span
{
       background-color: #335ba6;
}
.arrows li.current span:after
{
     border-left: 30px solid #335ba6; 
} 

/*Espace groupe */
.groupe-recapitulatif {
 
    color: #fff;
    background-color: #335ba6;
    border: 1px solid #000;
}

.bordercongressiste, .borderdetail, .fieldset-communication
{
     border: 1px solid #335ba6; 
}

.fulldetail
{
    color: #fff;
    background-color: #335ba6;
    border: 1px solid #335ba6;
}

.etape
{
    color : #335ba6;
    border-bottom: solid 1px #335ba6;
}

.btn-lg, .btn-group-lg>.btn {
    font-size: 16px
}

.validation-summary-errors{
    color : red;
}

/***** Login *****/

@media (max-width: 760px) {
    .votreespace {
        visibility: hidden;
    }

    .title-loc {
        bottom: auto !important;
        margin-top: 25px;
    }
}

.accordion-inner {
    right: 0px;
    width: 170px;
    height: 35px;
    display: inline-block;
    padding-top: 4px;
    font-weight: 700;
    text-align: center;
    vertical-align: central;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #335ba6;
    position: absolute;
    bottom: 0px;
    color: white;
    background-color: #335ba6;
    border-radius: 3px;
}

    .accordion-inner .glyphicon-user {
        border: 1px solid white;
        padding: 4px;
        border-radius: 50%;
    }

    .accordion-inner:hover, .accordion-dropdown:hover {
        color: #333;
        background-color: white;
        border: 1px solid grey;
    }

.accordion-dropdown {
    right: 0px;
    width: 170px;
    height: 35px;
    display: inline-block;
    padding-top: 7px;
    font-weight: 700;
    text-align: center;
    vertical-align: central;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #335ba6;
    position: absolute;
    bottom: 0px;
    color: white;
    background-color: #335ba6;
    border-radius: 3px;
}


.accordion-account .glyphicon-user {
    border: 1px solid #333;
    padding: 4px;
    border-radius: 50%;
}

.accordion-content {
    display: none;
    position: absolute;
    right: 0px;
    background-color: white;
    min-width: 200px;
    z-index: 3;
    border: 1px solid #335ba6;
}

.accordion-account {
    font-weight: bold;
    font-size: 17px;
    text-align: left;
    list-style: none;
    display: block;
    color: #335ba6;
    font-family: Arial;
    padding: 20px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
}



.accordion-content a {
    font-weight: bold;
    color: #335ba6;
    padding: 12px 16px;
    text-decoration: none;
    color: #335ba6;
    border-bottom: solid 1px #335ba6;
    display: block;
}

    .accordion-content a:hover {
        text-decoration: none;
        background-color: #f5f5f5;
    }


.dropdown:hover .accordion-content {
    display: block;
}

.accordion-submenu {
    padding-left: 35px;
}

/***** Login (Mobile) *****/

@media (min-width: 760px) {
    .accordion-mobile {
        visibility: hidden
    }

    .accordion-mobile-dropdown {
        visibility: hidden
    }
}


.accordion-mobile {
    right: 0px;
    width: 150px;
    height: 100%;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    vertical-align: central;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #335ba6;
    position: absolute;
    color: white;
    background-color: #335ba6;
}

    .accordion-mobile .glyphicon-user {
        margin-top: 5px;
        font-size: 15px;
        border: 1px solid white;
        padding: 4.5px;
        border-radius: 50%;
    }

    .accordion-mobile p {
        display: inline-block;
        margin-top: 5px;
        font-size: 13px;
        padding: 4.5px 8px;
    }

    .accordion-mobile:hover, .navbar-toggle:hover {
        color: white;
        background-color: #433C87 !important;
    }

.accordion-mobile-content {
    display: none;
    position: absolute;
    right: 0px;
    background-color: white;
    min-width: 200px;
    z-index: 3;
    border: 1px solid #335ba6;
}

.accordion-mobile-dropdown {
    right: 0px;
    width: 150px;
    height: 100%;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    vertical-align: central;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #335ba6;
    position: absolute;
    color: white;
    background-color: #335ba6;
}


    .accordion-mobile-dropdown .glyphicon-user {
        margin-top: 5px;
        font-size: 15px;
        border: 1px solid white;
        padding: 6px;
        border-radius: 50%;
    }

    .accordion-mobile-dropdown p {
        display: inline-block;
        margin-top: 5px;
        font-size: 13px;
        padding: 4.5px 0px 4.5px 8px;
    }

.accordion-mobile-account {
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    list-style: none;
    display: block;
    color: #335ba6;
    font-family: Arial;
    padding: 10px 10px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
}

    .accordion-mobile-account .glyphicon-user {
        border: 1px solid #335ba6;
        border-radius: 50%;
        padding: 4.5px;
    }

.accordion-mobile-content a {
    font-weight: bold;
    color: #335ba6;
    padding: 12px 16px;
    text-decoration: none;
    color: #335ba6;
    border-bottom: solid 1px #335ba6;
    display: block;
}

    .accordion-mobile-content a:hover {
        text-decoration: none;
        background-color: #f5f5f5;
    }


.dropdown:hover .accordion-mobile-content {
    display: block;
}

/* Menu mobile */
@media (max-width: 767px){
.navbar-nav, .navbar-default, #navbar.slide-active {
    background-color: #335ba6 !important;
}

 .dropdown-menu li a:hover,.dropdown-menu li a:focus {
        color: white;
		text-decoration: none;
		border-bottom: 1px solid #335ba6;
		background-color: #f496e5;
    }

    .loupe {
        font-size: 20px;
        color: #fff;
        padding: 6px 6px 6px 6px;
        text-decoration: none;
        border-bottom: 0;
    }


}

/*Espace Exposant*/
.header-commande{
  background-color:#335ba6 !important;
}
.detail-commande{
  border: 1px solid #335ba6;
}
.total-commande{
  background-color:#335ba6 !important;
}


.agenda-not-session{
  background-color: #335ba6;
}
.agenda-session-accepte{
  background-color:#335ba6;
}
.agenda-programme{
  background-color:#335ba6;
}


/*LOADER*/
.loader {
    background: rgba(255, 255, 255, 0.7);
  	backdrop-filter: blur(20px) saturate(120%) contrast(200%);
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.loader-inner {
    bottom: 0;
    height: 60px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
}

.loaderText {
    font-size: 36px;
    width: 50%;
    margin: auto;
    text-align: center;margin-top: 60vh;

}

.loader-line-wrap {
    animation: 
		spin 2000ms cubic-bezier(.175, .885, .32, 1.275) infinite
	;
    box-sizing: border-box;
    height: 50px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform-origin: 50% 100%;
    width: 100px;
}
.loader-line {
    border: 4px solid transparent;
    border-radius: 100%;
    box-sizing: border-box;
    height: 400px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
}
.loader-line-wrap:nth-child(1) { animation-delay: -50ms; }
.loader-line-wrap:nth-child(2) { animation-delay: -100ms; }
.loader-line-wrap:nth-child(3) { animation-delay: -150ms; }
.loader-line-wrap:nth-child(4) { animation-delay: -200ms; }
.loader-line-wrap:nth-child(5) { animation-delay: -250ms; }

.loader-line-wrap:nth-child(1) .loader-line {
    border-color: #335ba6;
    height: 90px;
    width: 90px;
    top: 7px;
}
.loader-line-wrap:nth-child(2) .loader-line {
    border-color: #335ba6;
    height: 76px;
    width: 76px;
    top: 14px;
}
.loader-line-wrap:nth-child(3) .loader-line {
    border-color: #335ba6;
    height: 62px;
    width: 62px;
    top: 21px;
}
.loader-line-wrap:nth-child(4) .loader-line {
    border-color: #335ba6;
    height: 48px;
    width: 48px;
    top: 28px;
}
.loader-line-wrap:nth-child(5) .loader-line {
    border-color: #335ba6;
    height: 34px;
    width: 34px;
    top: 35px;
}

@keyframes spin {
    0%, 15% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

.lien-votre-espace {
    background-color: #335ba6 !important;
}
/***** Login *****/

@media (max-width:768px) {
    .location {
        min-height: 50px;
        padding-bottom: 0px;
        margin-bottom: 10px;
    }

    .accordion-group .dropdown {
        position: initial !important;
    }

    .login {
        padding: 5px 0 0 15px;
        margin-top: 0;
        position: absolute;
        bottom: 0px;
    }

    .votre-espace {
        position: absolute;
        bottom: 0px;
    }
}


@media (max-width: 760px) {
    .votreespace {
        visibility: hidden !important;
        min-height: 2px;
    }

    .title-loc {
        bottom: auto !important;
        margin-top: 25px;
    }
}

.accordion-inner {
    right: 0px;
    width: 170px;
    height: 35px;
    display: inline-block;
    padding-top: 4px;
    font-weight: 700;
    text-align: center;
    vertical-align: central;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #335ba6;
    position: absolute;
    bottom: 0px;
    color: white;
    background-color: #335ba6;
    border-radius: 3px;
}

    .accordion-inner .glyphicon-user {
        border: 1px solid white;
        padding: 4px;
        border-radius: 50%;
    }

    .accordion-inner:hover, .accordion-dropdown:hover {
        color: #333;
        background-color: white;
        border: 1px solid grey;
    }

.accordion-dropdown {
    right: 0px;
    width: 170px;
    height: 35px;
    display: inline-block;
    padding-top: 4px;
    font-weight: 700;
    text-align: center;
    vertical-align: central;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #335ba6;
    position: absolute;
    bottom: 0px;
    color: white;
    background-color: #335ba6;
    border-radius: 3px;
}

.accordion-dropdown .glyphicon-user {
    border: 1px solid white;
    padding: 4px;
    border-radius: 50%;
}

.accordion-account .glyphicon-user {
    border: 1px solid black;
    padding: 4px;
    border-radius: 50%;
}

.accordion-content {
    display: none;
    position: absolute;
    right: 0px;
    background-color: white;
    min-width: 200px;
    z-index: 3;
    border: 1px solid #335ba6;
    top: 95px;
}

.accordion-account {
    font-weight: bold;
    font-size: 17px;
    text-align: left;
    list-style: none;
    display: block;
    color: black;
    font-family: Arial;
    padding: 20px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
}



.accordion-content a {
    font-weight: bold;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    border-bottom: solid 1px #335ba6;
    display: block;
}

    .accordion-content a:hover {
        color: #335ba6;
        text-decoration: none;
        background-color: #f5f5f5;
    }


.dropdown:hover .accordion-content {
    display: block;
}

.accordion-submenu {
    padding-left: 35px;
}

/***** Login (Mobile) *****/

@media (min-width: 760px) {
    .accordion-mobile {
        visibility: hidden
    }

    .accordion-mobile-dropdown {
        visibility: hidden
    }
}


.accordion-mobile {
    right: 0px;
    width: 150px;
    height: 100%;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    vertical-align: central;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #335ba6;
    position: absolute;
    color: white;
    background-color: #335ba6;
}

    .accordion-mobile .glyphicon-user {
        margin-top: 5px;
        font-size: 15px;
        border: 1px solid white;
        padding: 4.5px;
        border-radius: 50%;
    }

    .accordion-mobile p {
        display: inline-block;
        margin-top: 5px;
        font-size: 13px;
        padding: 4.5px 8px;
    }

    .accordion-mobile:hover, .navbar-toggle:hover {
        color: white;
        background-color: #335ba6 !important;
        opacity: .4;
    }

.accordion-mobile-content {
    display: none;
    position: absolute;
    right: 0px;
    background-color: white;
    min-width: 200px;
    z-index: 3;
    border: 1px solid #335ba6;
}

.accordion-mobile-dropdown {
    right: 0px;
    width: 150px;
    height: 100%;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    vertical-align: central;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #335ba6;
    position: absolute;
    color: white;
    background-color: #335ba6;
}


    .accordion-mobile-dropdown .glyphicon-user {
        margin-top: 5px;
        font-size: 15px;
        border: 1px solid white;
        padding: 6px;
        border-radius: 50%;
    }

    .accordion-mobile-dropdown p {
        display: inline-block;
        margin-top: 5px;
        font-size: 13px;
        padding: 4.5px 0px 4.5px 8px;
    }

.accordion-mobile-account {
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    list-style: none;
    display: block;
    color: black;
    font-family: Arial;
    padding: 10px 10px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
}

    .accordion-mobile-account .glyphicon-user {
        border: 1px solid black;
        border-radius: 50%;
        padding: 4.5px;
    }

.accordion-mobile-content a {
    font-weight: bold;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    border-bottom: solid 1px #335ba6;
    display: block;
}

    .accordion-mobile-content a:hover {
        color: #335ba6;
        text-decoration: none;
        background-color: #f5f5f5;
    }


.dropdown:hover .accordion-mobile-content {
    display: block;
}