*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body, body *{margin:0;padding:0;border:0;}
body{color:#000;font-size:1em;font-family:Arial, sans-serif;}
body{padding:0;text-align:center;background:#292929 url('img/tlo.jpg') top center no-repeat;background-attachment: fixed}

h1,h2,h3,h4{font-size:1.3em;}

#container{position:relative;}
#container:after{content:"";display:table;clear:both;}

/* VERSION 1: container - fixed size */
  #container{width:1000px;margin:0 auto;text-align:left;}
  #head1{float:left;width:100%;margin-bottom:10px;}
  #head2 .container{float:left;width:100%;margin-top:10px;background: #3b393d}

/*POUR LA COMPTABILITÉ */
.compta-container,.compta-panel{padding:0.01em 16px}.compta-panel{margin-top:16px;margin-bottom:16px}
.bleuEBP,.compta-hover-amber:hover{color:#000!important;background-color:#679cdc!important}
.bleuclairEBP,.compta-hover-aqua:hover{color:#000!important;background-color:#96bae7!important}

/* LOGO, HEADER BACKGROUND AND SLOGAN */
#head1 .container{}
#logo{text-align:center;padding:25px 0 0 0px;}
#logo #title a{color:#fff;font:bold 3em Arial;line-height:1em;text-decoration:none;}
#logo #title a span{color:#ff5335;background:inherit;}
#logo #title a strong{color:#fff;background:inherit;}
#logo #title a em{color:#fff;font-style:normal;}
#logo #slogan{font: 1.1em Arial; color:#555356;padding:10px 0 0 0px;}
#logo img{vertical-align:text-bottom;}

/* PAGE */
.titre{float:left;width:98.5%;text-align:left;margin:50px 0 0 0;color:#fff;font-size:1.5em;font-weight:normal;background:#a09fa1;padding:10px;}
.sous_titre{float:left;width:98.5%;text-align:center; line-height:1.2em;color:#fff;font-size:0.8em;font-weight:normal;background:#a09fa1;padding:0px 10px 10px 10px;}
.contenu{float:left;width:98.5%;margin:0;text-align:left; line-height:1.5em; background:#ccc;padding:10px;}
.contenu p{ padding-bottom:10px;}
.contenu a{color:#00F;text-decoration:none;}
.contenu a:hover{color:#00F;text-decoration:underline;}

hr { 
    display: block;
    margin-top: 0.1em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
	color:#FFF;
} 
/* TABLEAU */
.table,.table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}
.table-all{border:1px solid #ccc}
.bordered tr,.table-all tr{border-bottom:1px solid #ddd}
.striped tbody tr:nth-child(even){background-color:#f1f1f1}
.table-all tr:nth-child(odd){background-color:#fff}
.table-all tr:nth-child(even){background-color:#f1f1f1}
.hoverable tbody tr:hover,.ul.hoverable li:hover{background-color:#ccc}
.centered tr th,.centered tr td{text-align:center}
.table td,.table th,.table-all td,.table-all th{padding:6px 8px;display:table-cell;text-align:left;vertical-align:top}
.table th:first-child,.table td:first-child,.table-all th:first-child,.table-all td:first-child{padding-left:16px}

.border-0{border:0!important}
.border{border:1px solid #ccc!important}
.border-top{border-top:1px solid #ccc!important}.border-bottom{border-bottom:1px solid #ccc!important}
.border-left{border-left:1px solid #ccc!important}.border-right{border-right:1px solid #ccc!important}

.hoverable tbody tr:hover,.ul.hoverable li:hover{background-color:#ccc}

.btn,.btn-floating,.dropnav a,.btn-floating-large,.btn-block,.hover-shadow,.hover-opacity,.hover-opacity-off,
.navbar a,.sidenav a,.pagination li a,.hoverable tbody tr,.hoverable li,.accordion-content a,.dropdown-content a,.dropdown-click:hover,.dropdown-hover:hover,.opennav,.closenav,.closebtn,
.hover-amber,.hover-aqua,.hover-bleu,.hover-light-bleu,.hover-marron,.hover-cyan,.hover-bleu-grey,.hover-vert,.hover-light-vert,.hover-indigo,.hover-khaki,.hover-lime,.hover-orange,.hover-deep-orange,.hover-pink,
.hover-purple,.hover-deep-purple,.hover-rouge,.hover-sand,.hover-teal,.hover-jaune,.hover-blanc,.hover-noir,.hover-grey,.hover-light-grey,.hover-dark-grey,.hover-text-amber,.hover-text-aqua,.hover-text-bleu,.hover-text-light-bleu,
.hover-text-marron,.hover-text-cyan,.hover-text-bleu-grey,.hover-text-vert,.hover-text-light-vert,.hover-text-indigo,.hover-text-khaki,.hover-text-lime,.hover-text-orange,.hover-text-deep-orange,.hover-text-pink,.hover-text-purple,
.hover-text-deep-purple,.hover-text-rouge,.hover-text-sand,.hover-text-teal,.hover-text-jaune,.hover-text-blanc,.hover-text-noir,.hover-text-grey,.hover-text-light-grey,.hover-text-dark-grey
{-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s}


/* TABLEAU */
.tab-blanc{color:#000!important;background-color:#ffffff!important}
.tab-gris-clair{color:#000!important;background-color:#cdcdcd!important}
.tab-gris{color:#000!important;background-color:#a09fa1!important}
.tab-gris-fonce{color:#fff!important;background-color:#555356!important}
.tab-rouge{color:#fff!important;background-color:#f44336!important}
.tab-gris{color:#fff!important;background-color:#9e9e9e!important}
.tab-rose-pale{color:#000!important;background-color:#f4d3d2!important}
.tab-vert-tres-pale{color:#000!important;background-color:#cbfa99!important}
.tab-vert-pale{color:#000!important;background-color: #92d050!important}
.tab-bleu{color:#fff!important;background-color: #0000FF!important}
.tab-cligno
{

    color:#000;background-color:#ffffff;
	animation: allblink 1s infinite;
}

.blink
{

    color:#f44336;background-color:#cdcdcd;
	animation: allblink 1s infinite;
}
@keyframes allblink { 
0% { }
50% { color:#fff;background-color:#f44336;} 
}


.tab-bordered tr,.tab-table-all tr{border-bottom:1px solid #ddd}
.tab-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.tab-table-all tr:nth-child(odd){background-color:#fff}
.tab-table-all tr:nth-child(even){background-color:#f1f1f1}
.tab-hoverable tbody tr:hover,.tab-ul.tab-hoverable li:hover{background-color:#ccc}
.tab-centered tr th,.tab-centered tr td{text-align:center}
.tab-table td,.tab-table th,.tab-table-all td,.tab-table-all th{padding:6px 8px;display:table-cell;text-align:left;vertical-align:top; width:20em;}
.tab-table th:first-child,.tab-table td:first-child,.tab-table-all th:first-child,.tab-table-all td:first-child{padding-left:16px}
.tab-btn,.tab-btn-block{border:none;display:inline-block;outline:0;padding:6px 16px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#fff;background-color:#000;text-align:center;cursor:pointer;white-space:nowrap;}


/* CARD */
.card{border:1px solid #ccc}
.card-2,.example{box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}
.card-4,.hover-shadow:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important}
.card-8{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important}
.card-12{box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19)!important}
.card-16{box-shadow:0 16px 24px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21)!important}
.card-24{box-shadow:0 24px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22)!important}

.card-4,.hover-shadow:hover{ z-index:50;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important}

/* CONNEXION */
.animate-zoom {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s}
.connexion{padding:0.4em 10px}

/* SECTIONS */
button,input,select,textarea{font:inherit;margin:0}
button{overflow:visible}button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
.btn,.btn-block{border:none;display:inline-block;outline:0;padding:6px 16px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#fff;background-color:#000;text-align:center;cursor:pointer;white-space:nowrap}
.btn:hover,.btn-block:hover,.btn-floating:hover,.btn-floating-large:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.btn-block{width:100%}
.navbar a,.topnav a,.sidenav a,.dropdown-content a,.accordion-content a,.dropnav a{text-decoration:none!important}
.accordion {width:100%;cursor:pointer}
.accordion-content{cursor:auto;display:none;position:relative;width:98%;margin:0;padding:0}
/* .accordion-content a{padding:6px 16px;display:block}.accordion-content a:hover{background-color:#ccc} */
.show_section{display:block!important}
.section{padding:0.4em 10px}


/* INPUT */ 
.input-group,.group{margin-top:24px;margin-bottom:24px}
.input{padding:8px;display:block;border:none;border-bottom:1px solid #808080;width:98%}
.label{color:#009688}.input:not(:valid)~.validate{color:#f44336}


input[type=checkbox],input[type=radio]{padding:0}

.bordered tr,.table-all tr{border-bottom:1px solid #ddd}
.border-0{border:0!important}

input[type=checkbox].check,input[type=radio].radio{width:22px;height:22px;position:relative;top:5px}
input[type=checkbox].check:checked+.validate,input[type=radio].radio:checked+.validate{color:#009688} 
input[type=checkbox].check:disabled+.validate,input[type=radio].radio:disabled+.validate{color:#aaa}

.input_marge{padding:0.4em 20px}

/* LISTE DEROULANTE */ 
.dropdown__select{
    font-size: inherit; /* inherit size from .dropdown */
    padding: .5em; /* add some space*/
    margin: 0; /* remove default margins */
}
.dropdown__select--white {
    background-color: #fff;
    color: #444;    
}

@supports (pointer-events: none) and
      ((-webkit-appearance: none) or
      (-moz-appearance: none) or
      (appearance: none)) {

    .dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .dropdown__select {
        padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow */
        border: 0;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;    
    }

    .dropdown::before,
    .dropdown::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }

    .dropdown::after { /*  Custom dropdown arrow */
        content: "\25BC";
        height: 1em;
        font-size: .625em;
        line-height: 1;
        right: 1.2em;
        top: 50%; margin-top: -.5em;
    }

    .dropdown::before { /*  Custom dropdown arrow cover */
        width: 2em;
        right: 0; top: 0; bottom: 0;
        border-radius: 0 3px 3px 0;
    }

    .dropdown__select[disabled] {
        color: rgba(0,0,0,.3);
    }

    .dropdown.dropdown--disabled::after {
        color: rgba(0,0,0,.1);
    }

    /* White dropdown style */
    .dropdown--white::before {
        top: .5em; bottom: .5em;
        background-color: #fff;
        border-left: 1px solid rgba(0,0,0,.1);
    }

    .dropdown--white::after {
        color: rgba(0,0,0,.9);
    }

    /* FF only temp fix */
    @-moz-document url-prefix() {
        .dropdown__select              { padding-right: .9em }
        .dropdown--large .dropdown__select { padding-right: 1.3em }
        .dropdown--small .dropdown__select { padding-right: .5em }
    }
}

/* RECHERCHE MULTICRITERE */
.show_listing-block,.show_listing{display:block!important}.show_listing-inline-block{display:inline-block!important}

.listing-click,.listing-hover{position:relative;display:inline-block;cursor:pointer}
.listing-hover:hover .listing-content{display:block;z-index:1}
.listing-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0}
.listing-content a{padding:6px 16px;display:block}
.listing-content a:hover{background-color:#ccc}
.listing_input{padding:8px;display:block;border:none;border-bottom:1px solid #808080;width:100%}




/* POPUP */
.btn:hover,.btn-block:hover,.btn-floating:hover,.btn-floating-large:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}.closebtn{text-decoration:none;float:right;font-size:24px;font-weight:bold;color:inherit}
.closebtn:hover,.closebtn:focus{color:#000;text-decoration:none;cursor:pointer}

.medium{font-size:15px!important}.large{font-size:18px!important}
.padding-medium,.padding,.form{padding:8px 16px!important}

.popup:after,.panel:after,.row:after,.row-padding:after,.topnav:after,.clear:after,.btn-group:before,.btn-group:after,.btn-bar:before,.btn-bar:after{content:"";display:table;clear:both}
.popup{padding:0.05em 16px; text-align:center;}
.message_erreur{padding-top:0.5em;}


/* POSITIONS */
.top,.bottom{position:fixed;width:100%;z-index:1}.top{top:0}.bottom{bottom:0}
.overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.left{float:left!important}.right{float:right!important}
.tiny{font-size:10px!important}.small{font-size:12px!important}
.medium{font-size:15px!important}.large{font-size:18px!important}
.xlarge{font-size:24px!important}.xxlarge{font-size:36px!important}
.xxxlarge{font-size:48px!important}.jumbo{font-size:64px!important}
.vertical{word-break:break-all;line-height:1;text-align:center;width:0.6em}
.left-align{text-align:left!important}.right-align{text-align:right!important}
.justify{text-align:justify!important}.center{text-align:center!important}
.display-topleft{position:absolute;left:0;top:0}.display-topright{position:absolute;right:0;top:0}
.display-bottomleft{position:absolute;left:0;bottom:0}.display-bottomright{position:absolute;right:0;bottom:0}
.display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.display-topmiddle{position:absolute;left:0;top:0;width:100%;text-align:center}.display-bottommiddle{position:absolute;left:0;bottom:0;width:100%;text-align:center}
.circle{border-radius:50%!important}
.round-small{border-radius:2px!important}.round,.round-medium{border-radius:4px!important}
.round-large{border-radius:8px!important}.round-xlarge{border-radius:16px!important}
.round-xxlarge{border-radius:32px!important}.round-jumbo{border-radius:64px!important}
.border-0{border:0!important}
.border{border:1px solid #ccc!important}
.border-top{border-top:1px solid #ccc!important}.border-bottom{border-bottom:1px solid #ccc!important}
.border-left{border-left:1px solid #ccc!important}.border-right{border-right:1px solid #ccc!important}
.margin{margin:16px!important}.margin-0{margin:0!important}
.margin-top{margin-top:16px!important}.margin-bottom{margin-bottom:16px!important}
.margin-left{margin-left:16px!important}.margin-right{margin-right:16px!important}
.section{margin-top:16px!important;margin-bottom:16px!important}
.padding-tiny{padding:2px 4px!important}.padding-small{padding:4px 8px!important}
.padding-medium,.padding,.form{padding:8px 16px!important}
.padding-large{padding:12px 24px!important}.padding-xlarge{padding:16px 32px!important}
.padding-xxlarge{padding:24px 48px!important}.padding-jumbo{padding:32px 64px!important}
.padding-4{padding-top:4px!important;padding-bottom:4px!important}
.padding-8{padding-top:8px!important;padding-bottom:8px!important}
.padding-12{padding-top:12px!important;padding-bottom:12px!important}
.padding-16{padding-top:16px!important;padding-bottom:16px!important}
.padding-24{padding-top:24px!important;padding-bottom:24px!important}
.padding-32{padding-top:32px!important;padding-bottom:32px!important}
.padding-48{padding-top:48px!important;padding-bottom:48px!important}
.padding-64{padding-top:64px!important;padding-bottom:64px!important}
.padding-128{padding-top:128px!important;padding-bottom:128px!important}
.padding-0{padding:0!important}
.padding-top{padding-top:8px!important}.padding-bottom{padding-bottom:8px!important}
.padding-left{padding-left:16px!important}.padding-right{padding-right:16px!important}
.topbar{border-top:6px solid #ccc!important}.bottombar{border-bottom:6px solid #ccc!important}
.leftbar{border-left:6px solid #ccc!important}.rightbar{border-right:6px solid #ccc!important}
.row-padding,.row-padding>.half,.row-padding>.third,.row-padding>.twothird,.row-padding>.threequarter,.row-padding>.quarter,.row-padding>.col{padding:0 8px}
.spin{animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear}




/* COULEURS */
.amber,.hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.aqua,.hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.bleu,.hover-bleu:hover{color:#fff!important;background-color:#2196F3!important}
.bleunews,.hover-bleunews:hover{color:#fff!important;background-color:#005BBB!important}
.light-bleu,.hover-light-bleu:hover{color:#000!important;background-color:#87CEEB!important}
.marron,.hover-marron:hover{color:#fff!important;background-color:#795548!important}
.cyan,.hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.bleu-grey,.hover-bleu-grey:hover{color:#fff!important;background-color:#607d8b!important}
.vert,.hover-vert:hover{color:#fff!important;background-color:#4CAF50!important}
.light-vert,.hover-light-vert:hover{color:#000!important;background-color:#8bc34a!important}
.indigo,.hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.khaki,.hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.lime,.hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.orange,.hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.deep-orange,.hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.pink,.hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.purple,.hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.deep-purple,.hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.rouge,.hover-rouge:hover{color:#fff!important;background-color:#f44336!important}
.sand,.hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.teal,.hover-teal:hover{color:#fff!important;background-color:#009688!important}
.jaune,.hover-jaune:hover{color:#000!important;background-color:#ffeb3b!important}
.blanc,.hover-blanc:hover{color:#000!important;background-color:#fff!important}
.noir,.hover-noir:hover{color:#fff!important;background-color:#000!important}
.grey,.hover-grey:hover{color:#000!important;background-color:#9e9e9e!important}
.light-grey,.hover-light-grey:hover{color:#000!important;background-color:#f1f1f1!important}
.dark-grey,.hover-dark-grey:hover{color:#fff!important;background-color:#616161!important}
.pale-rouge,.hover-pale-rouge:hover{color:#000!important;background-color:#ffdddd!important}
.pale-vert,.hover-pale-vert:hover{color:#000!important;background-color:#ddffdd!important}
.pale-jaune,.hover-pale-jaune:hover{color:#000!important;background-color:#ffffcc!important}
.pale-bleu,.hover-pale-bleu:hover{color:#000!important;background-color:#ddffff!important}
.text-amber,.hover-text-amber:hover{color:#ffc107!important}
.text-aqua,.hover-text-aqua:hover{color:#00ffff!important}
.text-bleu,.hover-text-bleu:hover{color:#2196F3!important}
.text-bleunews,.hover-text-bleunews:hover{color:#005BBB!important}
.text-light-bleu,.hover-text-light-bleu:hover{color:#87CEEB!important}
.text-brown,.hover-text-brown:hover{color:#795548!important}
.text-cyan,.hover-text-cyan:hover{color:#00bcd4!important}
.text-bleu-grey,.hover-text-bleu-grey:hover{color:#607d8b!important}
.text-vert,.hover-text-vert:hover{color:#4CAF50!important}
.text-light-vert,.hover-text-light-vert:hover{color:#8bc34a!important}
.text-indigo,.hover-text-indigo:hover{color:#3f51b5!important}
.text-khaki,.hover-text-khaki:hover{color:#b4aa50!important}
.text-lime,.hover-text-lime:hover{color:#cddc39!important}
.text-orange,.hover-text-orange:hover{color:#ff9800!important}
.text-deep-orange,.hover-text-deep-orange:hover{color:#ff5722!important}
.text-pink,.hover-text-pink:hover{color:#e91e63!important}
.text-purple,.hover-text-purple:hover{color:#9c27b0!important}
.text-deep-purple,.hover-text-deep-purple:hover{color:#673ab7!important}
.text-rouge,.hover-text-rouge:hover{color:#f44336!important}
.text-sand,.hover-text-sand:hover{color:#fdf5e6!important}
.text-teal,.hover-text-teal:hover{color:#009688!important}
.text-jaune,.hover-text-jaune:hover{color:#d2be0e!important}
.text-blanc,.hover-text-blanc:hover{color:#fff!important}
.text-noir,.hover-text-noir:hover{color:#000!important}
.text-grey,.hover-text-grey:hover{color:#757575!important}
.text-light-grey,.hover-text-light-grey:hover{color:#f1f1f1!important}
.text-dark-grey,.hover-text-dark-grey:hover{color:#3a3a3a!important}
.border-amber,.hover-border-amber:hover{border-color:#ffc107!important}
.border-aqua,.hover-border-aqua:hover{border-color:#00ffff!important}
.border-bleu,.hover-border-bleu:hover{border-color:#2196F3!important}
.border-bleunews,.hover-border-bleunews:hover{border-color:#005BBB!important}
.border-light-bleu,.hover-border-light-bleu:hover{border-color:#87CEEB!important}
.border-marron,.hover-border-marron:hover{border-color:#795548!important}
.border-cyan,.hover-border-cyan:hover{border-color:#00bcd4!important}
.border-bleu-grey,.hover-bleu-grey:hover{border-color:#607d8b!important}
.border-vert,.hover-border-vert:hover{border-color:#4CAF50!important}
.border-light-vert,.hover-border-light-vert:hover{border-color:#8bc34a!important}
.border-indigo,.hover-border-indigo:hover{border-color:#3f51b5!important}
.border-khaki,.hover-border-khaki:hover{border-color:#f0e68c!important}
.border-lime,.hover-border-lime:hover{border-color:#cddc39!important}
.border-orange,.hover-border-orange:hover{border-color:#ff9800!important}
.border-deep-orange,.hover-border-deep-orange:hover{border-color:#ff5722!important}
.border-pink,.hover-border-pink:hover{border-color:#e91e63!important}
.border-purple,.hover-border-purple:hover{border-color:#9c27b0!important}
.border-deep-purple,.hover-border-deep-purple:hover{border-color:#673ab7!important}
.border-rouge,.hover-border-rouge:hover{border-color:#f44336!important}
.border-sand,.hover-border-sand:hover{border-color:#fdf5e6!important}
.border-teal,.hover-border-teal:hover{border-color:#009688!important}
.border-jaune,.hover-border-jaune:hover{border-color:#ffeb3b!important}
.border-blanc,.hover-border-blanc:hover{border-color:#fff!important}
.border-noir,.hover-border-noir:hover{border-color:#000!important}
.border-grey,.hover-border-grey:hover{border-color:#9e9e9e!important}
.border-light-grey,.hover-border-light-grey:hover{border-color:#f1f1f1!important}
.border-dark-grey,.hover-border-dark-grey:hover{border-color:#616161!important}
.border-pale-rouge,.hover-border-pale-rouge:hover{border-color:#ffe7e7!important}.border-pale-vert,.hover-border-pale-vert:hover{border-color:#e7ffe7!important}
.border-pale-jaune,.hover-border-pale-jaune:hover{border-color:#ffffcc!important}.border-pale-bleu,.hover-border-pale-bleu:hover{border-color:#e7ffff!important}



/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */
#foot{clear:both;background:#fff;color:#000;font-size:0.8em;}
#foot .container{padding:20px 15px;}
#foot .container:after{content:"";display:table;clear:both;}
#foot a{color:#fff;text-decoration:none;}
#foot a:hover{text-decoration:underline;}
#foot .copy{float:left;}
#foot .options{float:right;}
#foot .options ul{list-style:none;}
#foot .options li{float:right;margin-left:25px;}
#foot .options li a{display:block;width:16px;height:16px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1%;color:transparent;}
#foot .options li.print a{background:url('img/options.png') no-repeat 0 0;}
#foot .options li.print a:hover{background-position:0 -16px;}
#foot .options li.back a{background:url('img/options.png') no-repeat 0 -32px;}
#foot .options li.back a:hover{background-position:0 -48px;}

#phil{font: 1.1em Arial; color:#ff5335;padding:20px 0 0 0px; text-align:center}
#phil a{color:#00F;text-decoration:none;}
#phil a:hover{color:#00F; text-decoration:underline;}
.responsive { text-align:center;font-family: Georgia, serif; font-style: italic; text-shadow: 1px 1px 1px #656565; color:#FFF;}
.responsive img { vertical-align:middle;}
.encaissements { text-align:center;font-family: Arial, Helvetica, sans-serif; color:#000;}
.lien{color:#ff5335;}
.lien a{color:#00F;text-decoration:none;}
.lien a:hover{color:#00F; text-decoration:underline;}
input.souvenirCheckbox {width: 20px; height: 20px; } 

/* KONAMI */
html.knm {transition: all 5000ms ease-in-out; transform:rotate(180deg);}

/*Strip the ul of padding and list styling*/
ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
}

/*Create a horizontal list with spacing*/
li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}

/*Style for menu links*/

li a {
	display:block;
	min-width:140px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	background: #333;
	text-decoration: none;
}

/*Hover state for top level links*/
li:hover a {
	background: #ff5335;
}

/*Style for dropdown links*/
li:hover ul a {
	background: #f3f3f3;
	color: #555356;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
	background: #ff5335;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
li ul {
	display: none;
}

/*Make dropdown links vertical*/
li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
	display: block; z-index:100;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #ff5335;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}
.newsletter input[type=checkbox]{
    display:inline;
	vertical-align: middle;
	margin-left:60px; 
	width:17px;
    height:17px;
	/*transform: scale(1.2);*/
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
	z-index:auto;
}


/* **************** UPLOAD D'IMAGES ****************** */
.upload_background {background-color:#F2EFEF;}
.upload_background_f {background-color:#e1dcdc;}
#upload-wrapper {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #F5F5F5;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 1px 1px 3px #AAA;
}
#upload-wrapper h3 {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 12px 0px;
	margin-top: -5px;
	border-bottom: 1px dotted #DDD;
	font-weight:bold;font-size:1.2em;
}
#upload-wrapper .info { 
	 font-style:italic; font-weight:normal;font-size:14px;
}
#upload-wrapper input[type=file] {
	border: 1px solid #DDD;
	padding: 6px;
	background: #FFF;
	border-radius: 5px;
}
#upload-wrapper #submit-btn {
	border: none;
	padding: 10px;
	background: #61BAE4;
	border-radius: 5px;
	color: #FFF;
}
#output{
	padding: 5px;
	font-size: 12px; 
	color:#F00;	
}
#output img {
	border: 1px solid #DDD;
	padding: 5px;
}

/* progress bar style */
#progressbox {
	border: 1px solid #92C8DA;
	padding: 1px; 
	position:relative;
	width:330px;
	border-radius: 3px;
	margin: 10px;
	display:none;
	text-align:left;
}
#progressbar {
	height:23px;
	border-radius: 3px;
	background-color: #61BAE4;
	width:1%;
}
#statustxt {
	top:2px;
	left:48%;
	position:absolute;
	display:inline-block;
	color: #000000;
}
/* **************** SUPPRESSION DE FICHIERS ****************** */
.del_files {
   margin: 0 10px 7px 0;
   background-color: #EEE;
   font-size: 12px;
   text-align: center;
}
.img_del {   border: 1px solid #EEE }





/* **************** BARRE DE PROGRESSION UPLOAD ****************** */

.form-wrap{
    max-width: 500px;
    padding: 30px;
    background: #f1f1f1;
    margin: 20px auto;
    border-radius: 4px;
	text-align: center;
}
.form-wrap form{
	border-bottom: 1px dotted #ddd;
	padding: 10px;
}
.form-wrap #output{
    margin: 10px 0;
}
.form-wrap .error{
    color: #d60000;
}
.form-wrap .images {
    width: 100%;
    display: block;
    border: 1px solid #e8e8e8;
    padding: 5px;
    margin: 5px 0;
}
.form-wrap .thumbnails {
    width: 32%;
    display: inline-block;
    margin: 3px;
}

/* progress bar */
#progress-wrp {
    border: 1px solid #0099CC;
    padding: 1px;
    position: relative;
    border-radius: 3px;
    margin: 10px; 
	width:60%;
    text-align: left;
    background: #fff;
    box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
}
#progress-wrp .progress-bar{
	height: 20px;
    border-radius: 3px;
    background-color: #4caf50;
    width: 0;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}
#progress-wrp .status{
	top:3px;
	left:50%;
	position:absolute;
	display:inline-block;
	color: #000000;
}




/*Responsive Styles*/


/* RESPONSIVE WEB DESIGN - media queries */
  @media screen and (max-width:1023px){ /* RWD Step 1 */
  .ecran {display: none}	   
   /* passer body (et tous les éléments de largeur fixe) en largeur automatique */
   body {width: auto;margin: 0;padding: 0;}  
   /* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */
   img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video{max-width: 100%;}   
   /* conserver le ratio des images */
   img {height: auto;}

}



@media screen and (max-width : 999px){
    #container{width:95%;}
	#logo #title a{font-size:2em;}
	/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
	
	.titre{margin:0 0 0 0; width:100%}	
	.sous_titre{margin:0 0 0 0; width:100%}
	
	.contenu{width:100%}	
}


@media (min-width:993px){
.modal-content{width:900px}

}

@media screen and (min-width:993px){
.left-align{text-align:left!important}.right-align{text-align:right!important}
.light-grey,.hover-light-grey:hover{color:#000!important;background-color:#f1f1f1!important}
}



@media (max-width:768px){
.modal-content{width:500px}
.modal{padding-top:50px}
}

@media (max-width:600px){
.modal-content{margin:0 10px;width:auto!important}
.modal{padding-top:30px}
#rc-imageselect,.g-recaptcha {
        transform:scale(0.90);
        -webkit-transform:scale(0.90);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
     }	
}