/** highlight :  #e50051
/** border
/** height : 3.5rem;

/****************************************/
/*** FLAG
/****************************************/

.lo-form .mandatory:after
{
    content: " *";
    color: #e84452;
    font-weight: bold;
    font-size: 1.6rem;
}

.lo-form section {margin-bottom:3rem;}


/****************************************/
/*** PROPERTIES
/****************************************/

.lo-show {display:block!important;}
.lo-hide {display:none!important;}
.lo-disabled {color:#CCCCCC!important;cursor:default!important;}
.lo-float-right {float:right;} /** redondant ul.right **/
.lo-float-left {float:left;} /** redontdant avec ul.left**/
.lo-no-margin {margin:0!important;}

.no-margin-top {margin-top:0!important;}
.no-margin-bottom {margin-bottom:0!important;}

.lo-align-right {text-align:right;}
.lo-align-center {text-align:center;}
.lo-align-left {text-align:left;}

.lo-green {color:#00AF19;}
.lo-red {color:#FF0000;}
.lo-highlight {color:#e50051;} /** couleur de theme **/

.lo-field-short {max-width:200px!important;} /** taille d'un elt de formulaire **/
.lo-error {color: #D8000C;}

/****************************************/
/*** ANIMATION
/****************************************/

.lo-animate-top
{
    transition: 1s top;
}

/****************************************/
/*** CURSOR
/****************************************/

.lo-waiting {cursor:progress;}


/****************************************/
/*** INFO
/****************************************/

/** lo-ERROR **/
.lo-info
{
    padding:1rem;
    line-height:130%;
    margin-bottom:2rem;
}

.lo-info h4, .lo-info h3 {margin-top:0;margin-bottom:.5rem;}

.lo-info.lo-error {background-color:#FFD2D2;color: #D8000C;}
.lo-info.lo-warming {color: #9F6000;background-color: #FEEFB3;}
.lo-info.lo-normal {background-color:#f7f7f7;color:#333;}


/****************************************/
/*** FORM
/****************************************/

.lo-form
{
	margin:0;
}

/** champs obligatoir **/
.lo-form-mention {font-style:italic;color:#888;}

.lo-field
{
	margin-bottom:2rem;
  width:100%;
  position:relative;
}

/** label **/
.lo-field label {margin:0;margin-bottom:.4rem;}
.lo-error label {background-color:transparent!important;}

.lo-field p {margin:0;margin-bottom:.4rem;line-height:120%;}
.lo-field.lo-error {padding:1rem;background-color:#FFD2D2;}



/** INPUT TEXT **/

.lo-field input[type='text'],
.lo-field input[type='password']
{
  width:100%;height:3.5rem;
  -webkit-appearance: none;border-radius:0;
  border-width: 1px;
  border-color: #CCC;
  border-radius: 0px;
  background-color: #FFFFFF;
  box-sizing: border-box;
  padding-right: 1rem;
  padding-left: 1rem;
  width: 100%;
  height: 4rem;
  border-style: solid;
  font-size:1.6rem;
}

.lo-field input[type='text']:disabled,
.lo-field input[type='passowrd']:disabled
{
  background-color:#EFEFEF;
}

/** PASSWORD **/
.lo-field .password {position:relative;}
.lo-field .password i {display:inline-block;width:30px;right:10px;text-align:right;position:absolute;top: 50%;transform: translateY(-50%);cursor:pointer;}
.lo-field .password input {padding-right:50px;}





.lo-error input[type='text'],.lo-error input[type='text']:focus,
.lo-error input[type='password'],.lo-error input[type='password']:focus,
.lo-error textarea
{ border-color:#D8000C;}


.lo-field input[type='text'].short {max-width:200px;}

.lo-field input[type='submit'], .lo-button-group a.lo-submit
{
	height:3.5rem;
	border-radius:3px;
  -webkit-appearance: none;
  margin-top:2rem;
  margin-right:.5rem;
  cursor:pointer;

  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  min-width:15rem;
}

.lo-field input[type='submit'].lo-light
{
    background-color:#FFFFFF;
    color:#a2a2a2;
    border-color:#CCCCCC;
    border-width:1px;
    border-style:solid;
}


.lo-field .fieldname
{
    font-style: italic;
    color:#ababab;
    font-size:1.4rem;
}

/** FORMULAIRE TOOTIP **/
.lo-field.lo-right-tooltip label {display:inline-block;}
.lo-field.lo-right-tooltip .lo-tooltip {display:inline-block;font-size:2rem;}
.lo-field.lo-right-tooltip .lo-tooltip a {color:#CCCCCC!important;}


/**************************************/
/*** TEXT AREA
/**************************************/

.lo-field textarea
{
    width:100%;
    -webkit-appearance: none;
    border-radius:0;
    box-sizing: border-box;
    border-color:#CCC;
    border-width:1px;
    border-style:solid;
    padding:1rem;
    font-size:1.6rem;
    outline:none;
}


/**************************************/
/*** lo-BUTTON-GROUP
/**************************************/

.lo-button-group
{
    margin-bottom:10px;
}

.lo-button-group a
{
    border: 1px solid #d3d3d3;
    display: inline-block;
    background: #f7f7f7;
    padding: 0 10px;
    line-height: 1.6em;
    cursor: pointer;
    margin-bottom:.5rem;
    margin-right:.2rem;
    max-width:100%;

    transition: background .2s ease-in;
    -moz-transition: background .2s ease-in;
    -o-transition: background .2s ease-in;
    -webkit-transition: background .2s ease-in;
}

/** PETIT BOUTON ICONE **/
.lo-button-group a.little
{
  font-size:1.1rem;
  line-height:25px;
  text-align:center;
  padding-left:.5rem;padding-right:.5rem;padding-top:0;padding-bottom:0;
  min-width:0;
  width:25px;
  height:25px;
}

@media screen AND (max-width:1024px)
{
    .lo-button-group a.little { font-size:1.4rem; /*line-height:1.3rem;*/}
}

.lo-button-group .lo-float-right a {text-align:right;}

.lo-button-group a:hover:not(:.lo-disabled), .lo-button-group a.lo-selected
{
    background-color:#ff7b00;
    color:#FFFFFF;
}

/** icone for mobile **/
.lo-button-group .lo--icon {display: none;}

.lo-button-group span.lo-separator {width:2rem;display:inline-block;}

/**************************************/
/*** lo-ICON-GROUP
/*** MENU OPTION
/**************************************/

.lo-icon-group {}
.lo-icon-group a:not(:last-child):after { content:'  |  ';}
.lo-icon-group a.lo--icon {display:none;}

a.lo-icon {border:none;}
a.lo-icon:hover {border:none;color:#e50051;}


/**************************************/
/*** DROPDOWN
/**************************************/

/* The container <div> - needed to position the dropdown content */
.lo-dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.lo-dropdown-content
{
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.3);
    z-index: 1;
}

.lo-dropdown-content.right {right:0;}

/* Links inside the dropdown */
.lo-dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    line-height:120%;
}

/* Change color of dropdown links on hover */
.lo-dropdown-content a:hover {background-color: #f1f1f1}
.lo-dropdown-content a.selected {color:#e50051;}
.selected .lo-dropdown-content a:not(.selected) {color:black!important;}


/**************************************/
/*** CHECK BOX
/**************************************/

/*http://codepen.io/KenanYusuf/pen/PZKEKd*/

.lo-checkbox
{
    display: inline-block;
    position: relative;
    padding-left: 30px;
    padding-top:3px;
    cursor: pointer;
}

.disabled
{
    color:#CCCCCC!important;
    font-weight: normal;
    cursor:initial;
}

/** container de radio-button **/
.radios { margin-bottom:2rem; margin-top:1rem;}

.lo-checkbox input
{
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.lo-checkbox .control__indicator
{
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #FFFFFF;
    border-color: #CCCCCC;
    border-width:1px;
    border-style: solid;
}


.lo-checkbox:hover input ~ .control__indicator,
.lo-checkbox input:not([disabled]):focus ~ .control__indicator
{
    border-color : #e50051;
}

.lo-checkbox input:checked ~ .control__indicator
{
    border-color: #e50051;
}

.lo-checkbox:hover input:not([disabled]):checked ~ .control__indicator,
.lo-checkbox input:checked:focus ~ .control__indicator
{
    border-color: #e50051;
}

.lo-checkbox input:disabled ~ .control__indicator
{
  background: #EEEEEE;
  opacity: 0.6;
  pointer-events: none;
}

.control__indicator:after
{
  content: '';
  position: absolute;
  display: none;
}

.lo-checkbox input:checked ~ .control__indicator:after
{
  display: block;
}

.lo-checkbox .control__indicator:after
{
    left: 7px;
    top: 3px;
    width: 3px;
    height: 8px;
    border: solid #e50051;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.lo-checkbox input:disabled ~ .control__indicator:after
{
    border-color: #7b7b7b;
}

/**************************************/
/*** RADIO BUTTON
/**************************************/

/*http://codepen.io/KenanYusuf/pen/PZKEKd*/

.lo-radio
{
    display: block;
    position: relative;
    padding-left: 28px;
    padding-right:10px;
    cursor: pointer;
    /*padding-top:.3rem;*/
}

label.lo-radio {display:inline-block;}
label.lo-radio:after{content:"\A";white-space: pre;}

.disabled
{
    color:#CCCCCC!important;
    font-weight: normal;
    cursor:initial;
}

.lo-radio input
{
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control__indicator
{
    position: absolute;
    top: 0px;
    left: 0;
    height: 22px;
    width: 22px;
    background: #FFFFFF;
    border-color: #CCCCCC;
    border-width:2px;
    border-style: solid;
}

.lo-radio .control__indicator
{
    border-radius: 50%;
}

.lo-radio:hover input ~ .control__indicator,
.lo-radio input:not([disabled]):focus ~ .control__indicator
{
    border-color : #e50051;
}

.lo-radio input:checked ~ .control__indicator
{
    border-color: #e50051;
}

.lo-radio:hover input:not([disabled]):checked ~ .control__indicator,
.lo-radio input:checked:focus ~ .control__indicator
{
    border-color: #e50051;
}

.lo-radio input:disabled ~ .control__indicator
{
  background: #EEEEEE;
  opacity: 0.6;
  pointer-events: none;
}

.control__indicator:after
{
  content: '';
  position: absolute;
  display: none;
}

.lo-radio input:checked ~ .control__indicator:after
{
  display: block;
}

.lo-radio .control__indicator:after
{
  left: 4px;
  top: 4px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #e50051;
}

.lo-radio input:disabled ~ .control__indicator:after
{
    background: #7b7b7b;
}

/**************************************/
/*** HR
/**************************************/

hr.lo-hr
{
    height:1px;
    background-color:#CCCCCC;
    border-width:0px;
    border-color:#EEEEEE;
    margin-top:1rem;
    margin-bottom:3rem;
}


/**************************************/
/*** BUTTON
/**************************************/

.lo-link
{
    border-bottom-style:solid;
    border-bottom-color:#000000;
    border-bottom-width:1px;
    background-color:transparent;
}

.lo-button
{
    background-color:#2a2a2a;
    color:#bababa;
    padding-top:.4rem;padding-bottom:.4rem;padding-left:1rem;padding-right:1rem;
    height:3.5rem;
    line-height:2.9rem;
    display:inline-block;
    border-radius:3px;
    cursor:pointer;
}

.lo-button:hover {background-color:#e50051;color:#FFFFFF;}

.lo-button-dark {background-color:#2a2a2a!important;color:#bababa;}
.lo-button-dark:hover {background-color:#e50051!important;color:#FFFFFF;}





/**************************************/
/*** SELECT
/**************************************/

.lo-select
{
    position: relative;
    display: inline-block;
    width: 100%;
    max-width:600px;
}

.lo-select.short { width:200px;}

.lo-select select
{
    display: inline-block;
    width: 100%;
    height:4rem;
    cursor: pointer;
    padding: 5px 10px;
    outline: 0;
    border-style: solid;
    border-color:#CCC;
    border-radius: 0;
    background: #FFFFFF;
    color: #000;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size:1.6rem;
}

.lo-select select::-ms-expand
{
    display: none;
}

.lo-select select:hover,
.lo-select select:focus
{
    color: #000;
    background: #FFF;
    border-color: #e50051;
}

.lo-select select:disabled
{
  opacity: 0.5;
  pointer-events: none;
}

.select_arrow
{
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #7b7b7b transparent transparent transparent;
}

.lo-select select:hover ~ .select__arrow,
.lo-select select:focus ~ .select__arrow {
    border-top-color: #e50051
}
.lo-select select:disabled ~ .select__arrow {
    border-top-color: #ccc;
}

/** http://www.templatemonster.com/blog/style-checkboxes-radio-buttons-css/ **/


/**************************************/
/*** ABCEDAIRE
/**************************************/

.lo-abecedaire a:not(.lo-link), .lo-abecedaire span
{
    width:24px;
    height:24px;
    background-color:#f9f8f8;
    border-radius:12px;
    display:inline-block;
    text-align:center;
    line-height:24px;
    margin-left:.1rem;
    margin-right:.1rem;
    margin-bottom:2rem;
}

.lo-abecedaire span {color:#CCCCCC;}
.lo-abecedaire a:hover:not(.lo-link),
.lo-abecedaire a.lo-selected:not(.lo-link) {background-color:#e50051;color:#FFFFFF;}



/**************************************/
/*** NEXT / PREV
/**************************************/

a.lo-prev, a.lo-next {text-transform: uppercase;margin-bottom:1rem;}
a.lo-prev i, a.lo-next i {font-size:1.5rem;}

/**************************************/
/*** SEARCH INPUT
/**************************************/

.lo-field.lo-search-input input {padding-right:3rem;}
.lo-search-input .cancel {position:absolute;line-height:4rem;width:2rem;top:0;right:0;}


/**************************************/
/*** SWITCHER
/**************************************/

.lo-switch
{
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.lo-switch input {display:none;}


/* The slider */
.lo-switch .lo-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e1efef;
  -webkit-transition: .4s;
  transition: .4s;
}

.lo-switch .lo-slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.lo-switch input:checked + .lo-slider {
  background-color: #2196F3;
}

.lo-switch input:focus + .lo-slider {
  box-shadow: 0 0 1px #2196F3;
}

.lo-switch input:checked + .lo-slider:before
{
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.lo-switch input:disabled + .lo-slider {opacity:.3;}

/* Rounded sliders */
.lo-switch .lo-slider.round
{
  border-radius: 34px;
}

.lo-switch .lo-slider.round:before {
  border-radius: 50%;
}


/**************************************/
/*** TAGS
/**************************************/

.lo-field ul.tagit
{
    margin:0;
    width:100%;
}

.lo-field ul.tagit li.tagit-choice
{
    border-radius:0;
}

/**************************************/
/*** TABLE
/**************************************/

.lo-table-container {overflow-x:auto;}
.lo-table {margin:0;margin-bottom:1rem;}
.lo-table th {line-height:100%;}
.lo-table td {max-width:none;}

/** champs éditables **/
.lo-table td .lo-field {width:100%;padding-right:20px;position:relative;margin:0;}
.lo-table td .lo-field a.lo-icon {position:absolute;top:0;right:0;width:20px;height:20px;text-align:right;}

/** historique erreur **/
.lo-table .lo-error td {background-color:#fdd;}

/** gestion des options **/
.lo-table th.lo-options {text-align:right;}
.lo-table td.lo-options {min-width:150px; text-align:right;}


/*****************************************/
/** MODAL **/
/** @see application/extra/_common/lo/modal.tpl **/
/** @see htdocs/extra/js/libs/lomitko/lo/ModalBox.js **/

.lo-modal
{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 101; /* 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 */
}

.lo-modal h3 {margin:0;padding:0;}
.lo-modal.error h3 { color:#D8000C; }

.lo-modal header {border-bottom:solid 1px #888;}
.lo-modal.error header { background-color:#FFD2D2; border-bottom-color:#D8000C;}
.lo-modal.error .lo-close {color:#D8000C;}

/* Modal Content */
.lo-modal-content
{
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    /*border: 1px solid #888;*/
    position:relative;
    width: 80%;
    max-width:600px;
}

.lo-modal-content .lo-close {text-align:right;display:block;font-size:2rem;cursor:pointer;float:right;}
.lo-modal footer .lo-button-group a {height:3.5rem;line-height:3.5rem;min-width:100px;text-align:center;}


/************************************/
/*** IFRAME
/************************************/

iframe.lo-iframe
{
    border-style:none;
    width:100%;
}


/**************************************/
/*** TOOLS BAR
/**************************************/

.lo-tools-bar
{
    width:100%;
    border-style:solid;
    border-width:1px;
    border-color:#000000;
    padding:.5rem;
    background-color:#FFFFFF;
    max-width:130px;
}

.lo-tools-bar .lo-header {background-color:#CCCCCC;width:100%;height:20px;margin-bottom:1rem;}
.lo-tools-bar .lo-button-group {width:100%;}
.lo-tools-bar .lo-button-group:last-child {margin-bottom:0;}
.lo-tools-bar .lo-button-group a {width:100%;}


/**************************************/
/*** IMAGE CONTAINER
/**************************************/

.lo-img-container
{
    border-color:#EFEFEF;border-width:1px;border-style:solid;
    margin-bottom:1rem;
    min-height:50px;
    position:relative;
}


.lo-img-container .browse
{
    position:absolute;
    top:5px;
    right:5px;
}


/**************************************/
/*** CONTAINER
/**************************************/

.lo-stack-container
{
    position:fixed;
    width:100vw;
    height:100vh;
    top:0;
    left:100%;
    transition: left 0.5s;
    -webkit-transition: left 0.5s;
    background-color:transparent;
    /*box-sizing: content-box;*/
}

.lo-stack-container .outer-container
{
    /*padding-top:70px;*/ /** hauteur du header en version mobile **/
}

@media only screen AND (min-width:1024px)
{
    /*.lo-stack-container .outer-container {padding-top:30px;} /** hauteur du menu user **/
}







@media only screen and (max-width: 1024px)
{
    .lo-button-group {overflow: hidden};
    .lo-button-group a
    {
      height:3.5rem;
      line-height:3.5rem;
    }

    .lo-icon-group a.lo--icon {display:block;float:right;}
    .lo-icon-group a.lo--icon:after {content:'';}
    .lo-icon-group a:not(:first-child) {display:none;}
    .lo-icon-group.lo-responsive a
    {
        float: none;
        display: block;
        text-align: left;
    }

    /** CHECKED BOX **/
    .lo-checkbox {padding-top:7px;padding-left:35px;}
    .lo-checkbox .control__indicator {height:25px;width:25px;}
    .lo-checkbox .control__indicator:after
    {
        left: 7px;
        top: 2px;
        width: 6px;
        height: 13px;
        border-width: 0 3px 3px 0;
    }

    /** TABLE **/
    /** on force le tableau à être au minimum sur toute la largeur **/
    .lo-table td {height:50px;}
    .lo-table td.lo-options a {font-size:1.8rem;padding-left:1rem;padding-right:1rem;background-color:#EEEEEE;}

    /** ABECEDAIRE **/
    .lo-abecedaire a:not(.lo-link),
    .lo-abecedaire span {width:30px;height:30px;border-radius:15px;line-height:30px;}
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 1024px)
{
  /*.lo-button-group a:not(:first-child) {display: none;}
  .lo-button-group a.lo--icon
  {
    float: right;
    display: block;
  }*/
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 1024px)
{
  /*.lo-button-group.responsive {position: relative;}
  .lo-button-group.responsive .lo--icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .lo-button-group.responsive a {
    float: none;
    display: block;
    text-align: left;
  }*/

  /** FLAG **/
  .m-hide {display:none;}

}


/*******************************/
/*** UPLOAD PHOTO
/*******************************/

.progress-bar
{
    background-color:#cb0044;
    width:100%;
    max-width:450px;
    height:10px;
    margin-bottom:10px;
}

/********************************/
/*** CHART LEGENDE
/********************************/


ul.legende
{
  list-style:none;
  margin:0;padding:0;
  position:absolute;
}
ul.legende li { margin-bottom:1rem; margin-right:2rem;}
ul.legende.horizontal li
{
  margin-left:2rem;
  float:left;
}

ul.legende .colorbox {width:30px;height:30px;display:inline-block;float:left;background-color:#FF0000;}
ul.legende .label {width:auto;height:30px;margin-left:1rem;line-height:110%;display:inline-block;max-width:20rem}

/********************************/
/*** BAR CHART
/********************************/

.barchart .bar {position:relative;margin-bottom:3rem;}
.barchart .label {max-width:80%;}
/*.barchart .percent {position:absolute;top:0;right:0;}*/
.barchart .line {height:2rem;}
.barchart .line .line-bg {width:100%;height:2rem;background-color:#EEEEEE;position:absolute;}
.barchart .line .line-value {width:0%;height:2rem;position:absolute;}

/********************************/
/*** PAGINATION BUTTON BACK
/********************************/

.nextprev {margin-bottom:1rem;}

/********************************/
/*** RESPONSIVE SLIDE
/********************************/

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}

/*******************************/
/*** JQUERY TOOLTIP
/*******************************/

.ui-tooltip
{
  background-color:#fe7d00;
  color:#FFFFFF;
  padding-top:2px;padding-bottom:2px;
}

.ui-tooltip-content {font-size:13px;margin:0;line-height:100%;}


/*******************************/
/*** LO PRELOADER
/*******************************/

.lo-preloader {position:relative;width:100%;min-width:100%;}
.lo-preloader .preloader-bg, .lo-preloader .percent-bg {height:15px;}
.lo-preloader .preloader-bg {width:100%;background-color:#EEEEEE;position:absolute;z-index:0;}
.lo-preloader .percent-bg
{
    max-width:100%;background-color:#FF0000;position:relative;z-index:1;
    transition : width .5s ease-in;
    -webkit-transition: width .5s ease-in;
}
.lo-preloader p {margin:0;}


/*******************************/
/*** LO THUMBNAIL
/*******************************/

.lo-thumbnail {position:relative;width:150px;height:150px;padding:5px;border-width:2px;border-color:#CCCCCC;border-style:solid;}
.lo-thumbnail .label
{
  white-space: nowrap;
}


/*******************************/
/** MMENU
/*******************************/

/** style menu langue **/
.mm-menu .mobile-footer {border-top-width:1px;border-top-color:#444;border-top-style:solid;}
/** titre et retour en haut d'un panel **/
.mm-menu .mm-navbar__title {padding-top:20px;padding-bottom:0px;}
/** titre lorsque pas de navbar panel de premier niveau **/
.mm-menu .mm-navbar {padding-left:20px;}
.mm-menu .mm-navbar title {text-align:left;padding-left:20px;padding-bottom:0;}