/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
	 Base styles: opinionated defaults
	 ========================================================================== */

html {
		color: #222;
		font-size: 1em;
		line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
		background: #b3d4fc;
		text-shadow: none;
}

::selection {
		background: #b3d4fc;
		text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #ccc;
		margin: 1em 0;
		padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
		vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
		border: 0;
		margin: 0;
		padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
		resize: vertical;
}

/* ==========================================================================
	 Browser Upgrade Prompt
	 ========================================================================== */

.browserupgrade {
		margin: 0.2em 0;
		background: #ccc;
		color: #000;
		padding: 0.2em 0;
}

/* ==========================================================================
	 Author's custom styles
	 ========================================================================== */

.titre-lightbox{display: block; background-color: #84a61c; color: white; padding: 20px 90px 20px 90px; position: relative; text-align: center; top: 0; left: 0; width: 100%; text-transform: uppercase; font-size: 0.9rem; font-weight: 500; line-height: 1.2rem; box-sizing: border-box; margin: 0;}
.titre-lightbox i{position: absolute; width: 90px; height: 30px; line-height: 30px; text-align: center; padding: 0; margin:-15px 0 0 0; font-size: 2rem; color: white; top: 50%; left: 0;}
.conteneur-lightbox{display:block; padding:30px 40px 40px 40px; margin:0; box-sizing:border-box;}



.dataTables_wrapper {opacity: 0; transition: all 0.4s ease;}
.dataTables_wrapper.opacity {opacity: 1; transition: all 0.4s ease;}
.dataTables_wrapper .dataTables_filter{float: none; text-align: left; border:none; border-bottom: none; padding: 10px 0px; font-size: 0.8rem; margin: 0; color: #84a61c !important; }
.dataTables_wrapper .dataTables_filter input{border:solid 2px #84a61c; outline:none; box-shadow:none;  background-color:#fff; color:#84a61c; outline:none; font-size:0.85rem; font-weight:500; box-sizing:border-box; transition:all 0.5s ease; margin-left: 10px;}
.dataTables_wrapper .dataTables_filter input:focus{border-color:#a6813f; }

.dataTables_wrapper .dataTables_length{float: right; border:none; padding: 10px 0px; font-size: 0.8rem; margin: 0; color: #84a61c !important; }
.dataTables_wrapper .dataTables_length select {border: 2px solid #84a61c; margin-left: 5px; margin-right: 5px;}

.dataTables_wrapper .dataTables_info{padding: 10px 0px; font-size: 0.8rem; margin: 0; color: #a6813f !important; }
.dataTables_wrapper .dataTables_paginate{padding: 10px 0px; font-size: 0.8rem; margin: 0; color: #a6813f !important; }

table.dataTable{margin: 10px auto;}
table.dataTable thead th, table.dataTable thead td { padding: 10px 10px 10px 5px;}
table.dataTable thead th, table.dataTable tfoot th {background-color:#a6813f; border-bottom: none; text-align:left; color:#fff; text-transform:uppercase; font-size:0.7rem; font-weight:700;}
table.dataTable tbody th, table.dataTable tbody td {padding: 1px 5px; border-bottom:solid 1px #ececec; font-size:0.8rem; font-weight:400; color:#545454; text-align: left;}
table.dataTable thead > tr > th.sorting_desc::before{font-size: 1.2rem; top: auto; bottom: 35%;}
table.dataTable thead > tr > th.sorting_desc::after{opacity:1;font-size: 1.2rem; top: auto; bottom: 35%;}
table.dataTable thead > tr > th.sorting_asc::after{font-size: 1.2rem; top: auto; bottom: 35%;}
table.dataTable thead > tr > th.sorting_asc::before{opacity:1; font-size: 1.2rem; top: auto; bottom: 35%;}

table.dataTable .barre-avancement{margin: 10px 0 0 0;}

table.dataTable .action{display:block; width:100%;padding:0; margin:0; box-sizing:border-box;}
table.dataTable .action li{display:inline-block; vertical-align:middle; padding:0; margin:0; border:none; box-sizing:border-box;}
table.dataTable .action li button{display:inline-block; outline:none; font-size:1.1rem; line-height:30px; padding:0; margin:0; border:none;  width:30px; height:30px; background-color:transparent; color:white; border-radius:0px; box-sizing:border-box; transition:all 0.3s ease;}
table.dataTable .action li button.green{color:#84a61c;}
table.dataTable .action li button.orange{color:#a6813f;}
table.dataTable .action li button.red{color:#d24848;}
table.dataTable .action li button.blue{color:#84a61c ;}
table.dataTable .action li button.green:hover{background-color:#84a61c; color:white !important;}
table.dataTable .action li button.orange:hover{background-color:#a6813f; color:white !important;}
table.dataTable .action li button.red:hover{background-color:#d24848; color:white !important;}
table.dataTable .action li button.blue:hover{background-color:#84a61c; color:white !important;}
table.dataTable .action li a{display:inline-block; line-height:30px; text-decoration:none; outline:none; font-size:1.1rem; padding:0; margin:0; width:30px; height:30px; border:none; background-color:transparent; color:white; border-radius:0px; box-sizing:border-box; transition:all 0.3s ease;}
table.dataTable .action li a.green{color:#84a61c;}
table.dataTable .action li a.orange{color:#a6813f;}
table.dataTable .action li a.red{color:#d24848;}
table.dataTable .action li a.green:hover{background-color:#45ae65; color:white !important;}
table.dataTable .action li a.orange:hover{background-color:#fba464; color:white !important;}
table.dataTable .action li a.red:hover{background-color:#d24848; color:white !important;}

table.dataTable tbody tr:first-child .affichage-transparent-mois-prevention{color: #84a61c !important;}

.cb-dropdown-wrap {
  max-height: 80px; /* At most, around 3/4 visible items. */
  position: relative;
  height: 19px;
  width: calc(100% - 10px);

}

.cb-dropdown,
.cb-dropdown li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cb-dropdown {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
  border: 1px solid #a6813f;

}

/* For selected filter. */
.active .cb-dropdown {
  
}

.cb-dropdown-wrap:hover .cb-dropdown {
  height: 80px;
  overflow: auto;
  transition: 0.2s height ease-in-out;
  min-width: 250px;
  z-index: 9;
}

/* For selected items. */
.cb-dropdown li.active {
  
}
.cb-dropdown li.active label > span  {
  color: #84a61c;
}

.cb-dropdown li label {
  display: block;
  position: relative;
  cursor: pointer;
  line-height: 19px; /* Match height of .cb-dropdown-wrap */
}

.cb-dropdown li label > input {
  position: absolute;
  right: 2px;
  top: 2px;
  width: 10px;
}

.cb-dropdown li label > span {
  display: block;
  margin-left: 3px;
  margin-right: 20px; /* At least, width of the checkbox. */
  font-family: sans-serif;
  font-size: 0.75rem;
  font-weight: normal;
  text-align: left;
  color:#999;
}
.cb-dropdown li:hover label > span {color:#84a61c ;}

/* This fixes the vertical aligning of the sorting icon. */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-position: 100% 10px;
}

.select-tri-tableau{display: block;
width: 100%;
padding: 0;
margin: 0;
border-radius: 0;
border: none;
outline: none;
box-shadow: none;
background-color: #fff;
color: #84a61c;
outline: none;
font-size: 0.75rem;
font-weight: 500;
box-sizing: border-box;
transition: all 0.5s ease;}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {
  top: 50%;
  left: 0px;
  height: 25px;
  width: 25px;
  margin-top: -12px;
  display: block;
  position: absolute;
  color: white;
  border: none;
  border-radius: 0;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: unset;
  line-height: 1;
  content: "+";
  background-color: #a6813f;
  font-size: 1.4rem;
  margin-right: 5px;
  box-shadow: none;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control::before {

    content: "-";
    background-color: #84a61c;

}




.dt-button{display:inline-block; text-decoration:none; cursor:pointer; padding:10px 15px; margin:0 0 0 0; border-radius:0;  border:solid 1px #a6813f; background-color:#a6813f; color:#fff; outline:none; font-size:0.7rem; text-transform: uppercase;font-weight:500; box-sizing:border-box; transition:all 0.3s ease;}
.dt-button:hover{border-color:#84a61c;background-color:#84a61c; }
.dataTables_wrapper { padding-bottom: 40px;}
.dt-buttons{  display: block;  position: absolute;  bottom: 0;  left: 0;}

















.tox-tinymce-aux { z-index: 999999 !important;}
.tox-statusbar__branding { display:none !important;}

html, body{display:block; background-color:white; padding:0; margin:0; width:100%;font-family: 'Jost', sans-serif; font-weight:500;}

/*STANDARD GLOBAL---------------------------------------------------------------*/
.wrapper{z-index:9; display:block; padding:0; margin:50px 50px 70px 320px; max-width:1200px; position:relative; box-sizing:border-box;}
@media screen and (max-width: 1300px){
	.wrapper{margin:40px 30px 20px 230px;}
	
}
@media screen and (max-width: 1200px){
	.wrapper{margin:30px 30px 20px 180px;}
	
}
@media screen and (max-width: 1000px){
	.wrapper{margin:30px 40px 70px 40px;}
	
}
@media screen and (max-width: 760px){
	.wrapper{margin:70px 20px 70px 20px;}
	.background{display:none !important;}
	
}


form button{position:relative;}
form button .infobulleaide{display:none; z-index: 1; position:absolute; top:-105%; left:50%; margin:0 0 0 -75px; width:150px; padding:5px 5px;; background-color:#fff; border:solid 1px #222; color:#222; font-size:0.7rem; font-style:italic; font-weight:500; text-align:center;box-sizing:border-box;}
form button .infobulleaide i{display:block; width:100%; height:5px; position:absolute; bottom:-5px; left:0; color:#222; font-size:1.2rem; text-align:center; line-height:5px; }
form button:hover .infobulleaide{display:block;}


/*REPERTOIRE */

.listingrepertoire{display:block; width:700px; padding:40px 0 0 0px; margin:0; box-sizing:border-box; text-align:left;}
.listingrepertoire .artiste{display:block; padding:0 82px 0 90px; margin:10px 0 20px 0; box-sizing:border-box; position:relative;}
.listingrepertoire .artiste .lettredebut{position:absolute; font-weight: 300; top:-30px; left:0;display:block; padding:0; margin:0; box-sizing:border-box; font-size:4rem; line-height:1; color:#98763b;}
.listingrepertoire .artiste .titreartiste{display: inline-block;
position: relative;
z-index: 9;
background-color: white;
border-top: dotted 2px #98763b;
vertical-align: middle;
padding: 10px 0 0px 0;
margin: 0 0 0 0;
box-sizing: border-box;
color: #686868;
font-weight: 500;
font-size: 1.1rem;}
.listingrepertoire .artiste .sous-titre{display:block; padding:5px 0 0 0px; margin:0; box-sizing:border-box; color:#5c5c5c; font-weight:500; font-size:0.9rem;}
.listingrepertoire .artiste .open{display:block; text-align:right; padding:0; margin:0; box-sizing:border-box;position:absolute; top:0px; right:0; width:300px;}
.listingrepertoire .artiste .open hr{display:block; position:absolute; top:82px; width:300px; left:0px; border:none; padding:0; margin:0; border-top:dotted 1px #333;}
.listingrepertoire .artiste .open .decouvrir{display:inline-block; background-color:white; cursor:pointer; padding:0 5px; margin:0; width:40px; box-sizing:border-box; vertical-align:middle; position:relative; }
.listingrepertoire .artiste .open .decouvrir i{transition:all 0.4s ease;display:block; padding:0; margin:0; box-sizing:border-box; position:absolute; top:20px; right:0; color:#84a61c; font-size:1.4rem;}
.listingrepertoire .artiste .open .decouvrir:hover i{color:#98763b;}

.listingrepertoire .artiste .open .decouvrir .icon-open{display:block;}
.listingrepertoire .artiste .open .decouvrir .icon-croix{display:none;}
.listingrepertoire .artiste.ouvert .open .decouvrir .icon-open{display:none;}
.listingrepertoire .artiste.ouvert .open .decouvrir .icon-croix{display:block;}

.listingrepertoire .detailrepertoire{display:none; padding: 0 0 0 20px;
margin: 50px 0 60px 0px;
box-sizing: border-box;
position: relative;
width: 100%;
border-left: dotted 2px #98763b;}
.listingrepertoire .detailrepertoire .titre{display:block; padding:0 0 10px 0; margin:0; box-sizing:border-box; font-size:1.1rem; color:#98763b; font-weight:600;}
.listingrepertoire .detailrepertoire .visuel{display:block; padding:0px 0 10px 0; margin:0; box-sizing:border-box; }
.listingrepertoire .detailrepertoire .descriptif{display:block; padding:0px 0 10px 0; margin:0; box-sizing:border-box; font-size:1rem; line-height:1.4rem; font-weight:400; text-align:left; color:#888;}
.listingrepertoire .detailrepertoire .descriptif p{display:block; padding:0px; margin:0; box-sizing:border-box; font-size:0.95rem; line-height:1.4rem; font-weight:500; color:#333;}
.listingrepertoire .detailrepertoire .descriptif a{color:#98763b; text-decoration:none;}
.listingrepertoire .detailrepertoire .descriptif a:hover{text-decoration:underline;}

.listingrepertoire .detailrepertoire .fichier{transition: all 0.4s ease;
display: block;
text-align: left;
color: #888;
padding: 5px 10px;
margin: 0;
font-weight: 400;
font-size: 0.9rem;
box-sizing: border-box;
text-decoration: none; }
.listingrepertoire .detailrepertoire .fichier i{display: inline-block;
padding: 0 8px 0 0;
font-size: 1.6rem;
width: 30px;
text-align: center;
color: #84a61c;
vertical-align: sub;}
.listingrepertoire .detailrepertoire .fichier hr{display:block; padding:0; margin:0 0 15px 0; height:1px; width:30px; background-color:#eee;}
.listingrepertoire .detailrepertoire .fichier:hover{color:#98763b;}



@media screen and (max-width:790px){
  .listingrepertoirerecherche{width:100%; }
  .listingrepertoire{width:100%; padding:30px 0 0 0;}

  .listingrepertoire .artiste{display:block; padding:0 0 20px 0; }
  .listingrepertoire .artiste .lettredebut{position:static; padding:0 0 20px 0; margin:0; font-size:4rem; }

  .listingrepertoire .artiste .open{text-align:left; padding:0; position:static; width:100%;}
  .listingrepertoire .artiste .open hr{display:none;}
  .listingrepertoire .artiste .open .programme{padding:0 5px; margin:20px 10px 0 0; width:auto; }

  .listingrepertoire .detailrepertoire{margin:40px 0 0px 0; }


}




.cercle{display:table; padding:30px 20px; margin:0; box-sizing:border-box; width: 100%; table-layout:fixed; border-spacing: 0; background-color: #f2f2f2;}
.cercle li{display:table-cell; vertical-align:top; padding:0; margin:0; box-sizing:border-box;}
.cercle li .rond{display: block;position: relative; text-align: center;padding:0px 10px;margin: 0 auto;box-sizing: border-box;}

.cercle li .rond .nombre {    display: block;    padding:0;    margin: 0;    box-sizing: border-box;    font-size: 4rem;  color: #84a61c;  line-height: 1;}
.cercle li .rond .nombre .legende{display: block;padding: 5px 0 0 0;margin: 0;box-sizing: border-box;font-size: 1rem;color: #6c562e;line-height: 1.2rem;}

			

.pagination{display:block; padding:20px 0 0 0; margin:0; box-sizing:border-box; text-align: right;}
.pagination li{display: inline-block; border: solid 1px #a6813f; background-color: #fff; vertical-align: middle; padding: 5px 0; width: 25px; transition: all 0.4s ease;  text-align: center; margin: 3px 3px; font-size: 0.9rem; font-weight: 600; color:#a6813f; box-sizing:border-box; cursor: pointer;}
.pagination li:hover{background-color: #a6813f; color: white;}
.pagination li.active{background-color: #a6813f; color: white;}



.clear{clear:both;}
.centre{text-align:center;}
.droite{text-align:right;}
.gauche{text-align:left;}
.couleur-vive{color:#a6813f;}
.bck-couleur-vive{background-color:#a6813f;}
.border-couleur-vive{border:solid 1px #a6813f;}
.barre{display:block; width:40px; height:1px; border:none; padding:0; margin:30px 0; text-align:left; background-color:#a6813f; box-sizing:border-box;}
.barre-bis{display:block; width:100%; height:1px; border:none; border-bottom: dashed 1px #bfbfbf; padding:0; margin:0; text-align:left; background-color:transparent; box-sizing:border-box;}
.barre-separation{display:block; width:40px; height:1px; border:none; padding:0; margin:30px 0 0 40px; text-align:left; background-color:#a6813f; box-sizing:border-box;}


/*STYLE ECRITURE*/
.titre-a{display:block; padding:0 0 5px 0; margin:0; font-size:1.4rem; font-weight:500; color:#a6813f; box-sizing:border-box;}
.titre-a i{display:inline-block; vertical-align:middle; padding:0 5px 0 0; font-size:1.6rem;}
.titre-b{display:block; padding:0 0 15px 0; margin:0; font-size:0.8rem; font-weight:300; color:#999; font-style:italic; box-sizing:border-box;}
.titre-b a{text-decoration:none; color:#a6813f;}
.titre-b a:hover{text-decoration:underline;}
.titre-c{display:block; padding:0 0 15px 0; margin:0; font-size:0.9rem; font-weight:300; color:#999; box-sizing:border-box;}
.titre-big{display:block; padding:0 0 20px 0; margin:0 0 40px 0; font-size:1.8rem; font-weight:500; text-transform: uppercase; color:#84a61c; box-sizing:border-box; border-bottom: dotted 2px;}
.titre-big i{display:inline-block; vertical-align:bottom; padding:0 15px 0 0; font-size:3rem;}
.titre-avec-numero{display:block; position:relative; padding:5px 0 20px 50px; margin:0; font-size:1.6rem; font-weight:300; color:#a6813f; box-sizing:border-box;}
.titre-avec-numero .numero{display:block; position:absolute; top:0; left:0; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; padding:0; margin:0; color:white; background-color:#a6813f; box-sizing:border-box;}


.titre-d{display:block; padding:0 0 10px 30px; position:relative; margin:0; font-size:0.9rem; font-weight:500; color:#777; box-sizing:border-box;}
.titre-d i{display:inline-block; position:absolute; top:3px; left:0; padding:0; font-size:1.2rem; color:#a6813f;}


.descriptif-a{display:block; padding:0 0 15px 0; margin:0; font-size:0.9rem; font-weight:400; color:#84a61c;box-sizing:border-box;}
.descriptif-a a{text-decoration:none; color:#a6813f;}
.descriptif-a a:hover{text-decoration:underline;}
@media screen and (max-width: 1400px){
	.titre-big{padding:0 0 10px 0 ; font-size:1.4rem; font-weight:500;}
	.titre-big i{padding:0 5px 0 0; font-size:1.4rem;}
	.descriptif-a{padding:0 0 10px 0; font-size:0.85rem; }

	.titre-a{display:block; padding:0 0 5px 0; margin:0; font-size:1rem; font-weight:500;}
	.titre-a i{font-size:1.2rem;}
	

}
@media screen and (max-width: 760px){
	.titre-big{padding:0 0 5px 0 !important; font-size:1.2rem; font-weight:500 !important;}
	.titre-big i{padding:0 5px 0 0 !important; font-size:1.2rem !important;}
	.descriptif-a{padding:0 0 5px 0 !important; font-size:0.8rem !important; }
	

}

/*COULEUR*/
.rouge{color:#d24848  !important;}
.orange{color:#fba464 !important;}
.bleu{color:#a6813f !important;}
.vert{color:#45ae65 !important;}



/*INPUT TEXT---------------------------------------------------------------*/
.inputtext{display:block; width:100%; padding:12px 15px; margin:0 0 10px 0; border-radius:0px;  border:none; outline:none; box-shadow:none;  background-color:#ececec; color:#a6813f; outline:none; font-size:0.85rem; font-weight:500; box-sizing:border-box; transition:all 0.5s ease;}
.inputtext:focus{background-color:#a6813f; color:#fff;}

/*AREA TEXT---------------------------------------------------------------*/
.areatext{display:block; width:100%; padding:12px 15px; margin:0 0 10px 0; border-radius:0px;  border:none; outline:none; box-shadow:none;  background-color:#ececec; color:#a6813f; outline:none; font-size:0.85rem; font-weight:500; box-sizing:border-box; transition:all 0.5s ease;}
.areatext:focus{background-color:#a6813f; color:#fff;}


/*TINYMCE */
.mce-content-body { padding: 20px 20px !important; }
.mce-branding-powered-by{display:none !important;}


/*LES BOUTONS---------------------------------------------------------------*/
.inputbouton{display:inline-block; text-decoration:none; cursor:pointer; padding:10px 15px; margin:0 0 0 0; border-radius:0px;  border:solid 1px #84a61c; background-color:#84a61c; color:#fff; outline:none; font-size:0.9rem; font-weight:500; box-sizing:border-box; transition:all 0.3s ease;}
.inputbouton:hover{border-color:#404040;background-color:#404040; }
.inputbouton i{display:inline-block; vertical-align:sub;  padding:0 5px 0 0; margin:0; font-size:1.2rem;}
.inputboutonbis{display:inline-block; text-decoration:none; cursor:pointer; cursor:pointer; padding:10px 15px; margin:0 0 10px 0; border-radius:0px;  border:solid 1px #ececec; background-color:#fff; color:#999; outline:none; font-size:0.6rem; text-transform:uppercase;  font-weight:400; box-sizing:border-box; transition:all 0.3s ease;}
.inputboutonbis:hover{border-color:#404040;background-color:#404040;color:white; }
.inputboutonbis i{display:inline-block; vertical-align:sub;  padding:0 5px 0 0; margin:0; font-size:1.2rem;}
.inputboutonbis-rouge{border-color:#404040;background-color:#404040;color:white; }
.inputboutonbis-rouge:hover{border-color:#222;background-color:#222;color:white; }
.inputboutonbis-vert:hover{border-color:#404040;background-color:#404040;color:white; }
.inputboutonbis-orange:hover{border-color:#f3b74f;background-color:#f3b74f;color:white; }
@media screen and (max-width: 760px){
	.inputbouton{display:block !important; width:100%  !important; float:none  !important; padding:10px 5px !important; margin:20px 0 !important; border-radius:0px !important;  font-size:0.8rem !important; font-weight:500 !important;}

}
/*SELECT AUTOCOMPLETE JQUERY UI*/
.ui-helper-hidden-accessible,.ui-tooltip{display:none; opacity:0; visibility:hidden; width:0; height:0;}

.custom-combobox {position:relative; background:none;display: block; }
.custom-combobox-toggle {position: absolute;top: 0;bottom: 0; right:0; outline:none;margin:0; border-radius:0;  background:none; border:solid 1px #a6813f; background-color:#fff; padding: 0; width:40px;}
.custom-combobox-input{margin:0;padding: 10px 15px;  outline:none;  background:#ececec; border-radius:0px; font-size:0.75rem; font-weight:500; width:100%; color:#222; border:solid 1px #ececec; box-sizing:border-box; transition:all 0.3s ease;}
.custom-combobox-input:focus{border-color:#999;background-color:#999;color:white; }

.ui-autocomplete{border-radius:0; margin: 0; padding:0; background:none; border:solid 1px #a6813f; background-color:white; max-height:250px; overflow-y:auto; box-sizing:border-box;z-index: 999999999999;}
.ui-menu .ui-menu-item {margin: 0; padding:0; width: 100%; list-style-image:none; box-sizing:border-box;}
.ui-menu .ui-menu-item a{border-radius:0; background:none; border:none; cursor:pointer; font-size:0.75rem; font-weight:500; color:#222; padding:5px 15px; margin:0; box-sizing:border-box; transition:all 0.3s ease;}
.ui-menu .ui-menu-item a:hover{border-radius:0; background:#ececec; border:none; cursor:pointer; font-size:0.75rem; color:#999;  padding:5px 15px; margin:0;}
.ui-widget .ui-widget {font-size: 0.7rem !important;}

/*RANGE VALUE jquery ui*/
.ui-slider{background:none; background-color:#ececec; border:none; height:10px; margin:30px 0 30px 10px; cursor:pointer;}
.ui-slider .ui-slider-handle{z-index:1; background:none; background-color:#999; border-color:#999; outline:none; color:white; cursor:pointer; top:-12px; border-radius:0px; width:30px; height:30px;text-align: center;line-height: 29px;font-size: 1rem;}
.ui-slider .ui-slider-handle:focus,.ui-slider .ui-slider-handle:hover{background-color:#a6813f; border-color:#a6813f; }


/*BARRE AVANCEMENT NON MODIFIABLE*/
.barre-avancement{display:block; position:relative; width:100%; height:15px; margin:0; padding:0 5px 0 0; font-size:0.6rem; line-height:15px; font-weight:bold; font-style:italic; text-align:right;color: #a6813f; background-color:#ddd; box-sizing:border-box;}
.barre-avancement-interne{display:block; position:absolute; top:0; left:0; height:100%; margin:0; padding:0; background-color:#a6813f; z-index:1; box-sizing:border-box;}
.barre-avancement .pourcent{position:absolute; right:0; top:-15px; z-index:9;}


/*UPLOAD DE FICHIERS---------------------------------------------------------------*/
.upload{display:block; overflow:hidden; position:relative; padding:15px 20px; margin:0 0 5px 0; font-size:0.9rem; font-weight:300; color:#999; border:solid 1px #ececec; box-sizing:border-box; transition:all 0.3s ease;}
.upload:hover{border-color:#a6813f;}
.upload input{outline:none;}



/*CASE A COCHER---------------------------------------------------------------*/
.case-a-cocher{display:block; position:relative; padding:2px 10px 0 30px; margin:0 0 7px 0; font-size:0.85rem; font-weight:300; color:#999; cursor:pointer; box-sizing:border-box; transition:all 0.3s ease;}
.case-a-cocher a{color:#999; text-decoration:none;}
.case-a-cocher:hover{color:#a6813f;}
.case-a-cocher a:hover{color:#999; text-decoration:underline;}
.case-a-cocher input { display: none; }
.case-a-cocher i{display:none; position:absolute; top:0; left:0; padding:0; margin:0; font-size:1.4rem; vertical-align:middle;  box-sizing:border-box;}
.case-a-cocher i.active{display:block;}

@media screen and (max-width: 760px){
	.case-a-cocher{padding:0;}
	.case-a-cocher i{position:static; padding:0 0 10px 0; font-size:2.4rem; text-align:center;}
}


/*BOUTON PUSH RADIO */
.bouton-push-radio{display:inline-block; cursor:pointer; padding:10px 15px; margin:5px 5px; border-radius:0px;  border:solid 1px #555; background-color:#fff; color:#555; outline:none; font-size:0.9rem; font-weight:400; box-sizing:border-box; transition:all 0.3s ease;}
.bouton-push-radio:hover{border-color:#444;background-color:#444;color:white; }
.bouton-push-radio.active{border-color:#a6813f;background-color:#a6813f;color:white; }
.bouton-push-radio.active-vert{border-color:green;background-color:green;color:white; }
.bouton-push-radio.active-rouge{border-color:red;background-color:red;color:white; }
.bouton-push-radio input{display:none;}

.bouton-push-radio-multiple{display:inline-block; cursor:pointer; padding:10px 15px; margin:10px 5px; border-radius:0px;  border:solid 1px #555; background-color:#fff; color:#555; outline:none; font-size:0.9rem; font-weight:400; box-sizing:border-box; transition:all 0.3s ease;}
.bouton-push-radio-multiple:hover{border-color:#444;background-color:#444;color:white; }
.bouton-push-radio-multiple.active{border-color:#a6813f;background-color:#a6813f;color:white; }
.bouton-push-radio-multiple.active-vert{border-color:green;background-color:green;color:white; }
.bouton-push-radio-multiple.active-rouge{border-color:red;background-color:red;color:white; }
.bouton-push-radio-multiple input{display:none;}

@media screen and (max-width: 760px){
	.bouton-push-radio{display:block; padding:10px 5px; margin:5px 0px; border-radius:0px;   font-size:0.8rem; font-weight:500; width:100%;}

	.bouton-push-radio-multiple{display:block; padding:10px 5px; margin:5px 0px; border-radius:0px;   font-size:0.8rem; font-weight:500; width:100%;}
}



/*BLOC UTILE---------------------------------------------------------------*/
.bloc-normal{display:block; position:relative; padding:0 0 30px 0; margin:0; box-sizing:border-box;}
.bloc-50{display:block; position:relative; padding:0 0 30px 0; margin:0; float:left; width:50%; box-sizing:border-box;}
.bloc-50-padding-droite{display:block; position:relative; padding:0 20px 30px 0; margin:0; float:left; width:50%; box-sizing:border-box;}
.bloc-50-padding-gauche{display:block; position:relative; padding:0 0 30px 20px; margin:0; float:left; width:50%; box-sizing:border-box;}
.bloc-fixe-onglet-60{z-index:9; display:block; position:fixed; top:110px; right:50px; padding:0; margin:0; width:calc(52% - 270px); height:calc(100% - 160px); box-sizing:border-box;}
.bloc-fixe-baniere-100{z-index:9; display:block; position:fixed; top:60px; right:0; padding:0; margin:0; width:calc(100% - 270px); height:40px; box-sizing:border-box;}
.bloc-interne-padding-gauche{display:block; padding:0 0 0 50px; margin:0; box-sizing:border-box;}

.bloc-70-padding-droite{display:block; position:relative; padding:0 20px 30px 0; margin:0; float:left; width:70%; box-sizing:border-box;}
.bloc-30-padding-gauche{display:block; position:relative; padding:0 0 30px 20px; margin:0; float:left; width:30%; box-sizing:border-box;}

.bloc-33-padding-droite{display:block; position:relative; padding:0 20px 30px 0px; margin:0; float:left; width:33.333%; box-sizing:border-box;}
.bloc-33-centre{display:block; position:relative; padding:0 10px 30px 10px; margin:0; float:left; width:33.333%; box-sizing:border-box;}
.bloc-33-padding-gauche{display:block; position:relative; padding:0 0px 30px 20px; margin:0; float:left; width:33.333%; box-sizing:border-box;}

.bloc-70-padding-gauche{display:block; position:relative; padding:0 0px 30px 30px; margin:0; float:left; width:70%; box-sizing:border-box;}
.bloc-30-padding-droite{display:block; position:relative; padding:0 30px 30px 0px; margin:0; float:left; width:30%; box-sizing:border-box;}


@media screen and (max-width: 900px){
	.bloc-50-padding-droite{padding:0 10px 20px 0;}
	.bloc-50-padding-gauche{padding:0 0 20px 10px;}

	.bloc-70-padding-gauche{padding:0 0px 20px 0px; float:none; width:100%; box-sizing:border-box;}
	.bloc-30-padding-droite{padding:10px 0px 20px 0px; float:none; width:100%; box-sizing:border-box;}
	.bloc-70-padding-droite{padding:0 0px 20px 0px; float:none; width:100%; box-sizing:border-box;}
	.bloc-30-padding-gauche{padding:10px 0px 20px 0px; float:none; width:100%; box-sizing:border-box;}
	

}
@media screen and (max-width: 760px){
	.bloc-50-padding-droite{padding:0 0px 20px 0; float:none; width:100%;}
	.bloc-50-padding-gauche{padding:0 0 20px 0px; float:none; width:100%;}
	.bloc-normal{padding:0 0 10px 0;}
	

}

/*CONNEXION---------------------------------------------------------------*/
.boite-connexion{display:inline-block; vertical-align:top; border-radius:0px; position:relative; z-index:99; width:350px; padding:30px 30px; margin:60px auto; max-width:95%; background-color:white; border:solid 4px #a6813f; box-sizing:border-box;}
.boite-connexion img{display:block; padding:0 0 30px 0; margin:0 auto; width:70%; box-sizing:border-box;}
.boite-connexion label{display:block; padding:0 0 10px 0; margin:0; color:#898b8d; font-size:0.9rem; font-weight:300; box-sizing:border-box;}
.boite-connexion label .input{display:block; width:100%; outline:none; border:solid 2px #000; border-radius:0px; box-shadow:none; text-shadow:none;  padding:10px 10px; margin:5px 0 0 0; font-size:1rem; color:#898b8d;  box-sizing:border-box;  transition:all 0.4s ease;}
.boite-connexion label .input:focus{border-color:#a6813f; background-color:#a6813f; color:white;}
.boite-connexion #connexion{display:block; width:100%; cursor:pointer; text-align:center; border-radius:0px; border:none; outline:none; box-shadow:none; text-shadow:none;  padding:10px 10px; margin:10px 0 0 0; font-size:1rem; color:white; background-color:#999;  box-sizing:border-box;  transition:all 0.4s ease;}
.boite-connexion #connexion:hover{ background-color:#a6813f;}
.boite-connexion .mdpforget{display:block; text-decoration:none; padding:0; margin:20px 0 0 0; color:#a6813f; font-size:0.9rem; font-weight:300; font-style:italic; text-align:center; box-sizing:border-box;}
.boite-connexion .mdpforget:hover{text-decoration:underline;}
@media screen and (max-width: 760px){
	.boite-connexion{display:block; border-radius:0px; width:100%; padding:30px 30px; margin:0; max-width:100%; background-color:white; border:none; }
	.boite-connexion img{padding:0 0 10px 0; margin:0 auto; width:40%; }

}

/*NOUVEL UTILISATEUR*/
.boite-nouvel-utilisateur{display:block; border-radius:0px; position:relative; z-index:99; width:600px; max-width: 95%; padding:30px 30px; margin:60px auto 60px auto; background-color:white; border:solid 4px #a6813f; box-sizing:border-box;}
.boite-nouvel-utilisateur img{display:block; padding:0 0 30px 0; margin:0 auto; width:298px; max-width: 90%; box-sizing:border-box;}
@media screen and (max-width: 760px){
	.boite-nouvel-utilisateur{display:block; border-radius:0px; width:100%; padding:30px 30px; margin:0; max-width:100%; background-color:white; border:none; }
	.boite-nouvel-utilisateur img{padding:0 0 10px 0; margin:0 auto; width:40%; }

}

/*MENU PRINCIPAL---------------------------------------------------------------*/
.menu-principal{z-index:999999; display:block; position:fixed; top:0; left:0; padding:0; margin:0; width:270px; height:100%; overflow-y:auto; background-color:#202020; box-sizing:border-box;}
.menu-principal .logo{display:block; padding:20px 0; margin:0 auto; width:200px; box-sizing:border-box;}
.menu-principal .titre{display: block;padding: 15px 5px;margin: 10px 20px;font-size: 0.9rem;font-weight: 600;text-transform: uppercase;color: #a6813f;border-top: dotted 2px #84a61c;border-bottom: dotted 2px #84a61c;box-sizing: border-box;text-align: center;}
.menu-principal ul{display:block; padding:0 0 0px 0; margin:0; box-sizing:border-box;}
.menu-principal ul li{display:block; padding:0; margin:0; box-sizing:border-box;}
.menu-principal ul li a{display:block; position:relative; padding:15px 10px 15px 60px; margin:0; border-left:solid 6px transparent; color:#898b8d; text-decoration:none; font-size:0.9rem; font-weight:400; box-sizing:border-box; transition:background-color 0.3s ease, color 0.3s ease 0.1s;}
.menu-principal ul .active a{border-color:#84a61c; background-color:#444; color:#ccc;}
.menu-principal ul li a:hover{color:#ccc; background-color:#444;}
.menu-principal ul li a i{display:inline-block; position:absolute; top:50%; left:20px; padding:0; font-size:1.4rem; height:30px; line-height:30px;  margin:-15px 0 0 0; box-sizing:border-box;}
.menu-principal .closemenuprincipal{display:none;}
@media screen and (max-width: 1300px){
	.menu-principal{width:200px;}
}
@media screen and (max-width: 1200px){
	.menu-principal{width:150px;}
	.menu-principal .titre{ letter-spacing:0px; font-size:0.75rem;}
	.menu-principal ul li a{padding:10px 20px 10px 20px; font-size:0.85rem; border-left:none; border-bottom:solid 2px transparent;text-align:center;}
	.menu-principal ul li a i{display:block; font-size:1.3rem; position:static; padding:0 0 5px 0; height:auto; line-height:1;  margin:0;}
}
@media screen and (max-width: 1000px){
	.menu-principal{display:none; position:fixed; top:0; left:0; padding:70px 30px; margin:0; width:100%; -webkit-overflow-scrolling: touch;}
	.menu-principal .closemenuprincipal{display:block; z-index:9; position:fixed; top:0; left:0; padding:0; margin:0; width:100%; height:50px; line-height:50px; background-color:black; color:#c6c6c6; text-align:center; font-size:1.6rem; cursor:pointer; transition:all 0.4s ease; }
	.menu-principal .closemenuprincipal:hover{background-color:#a6813f; color:white;}
	.menu-principal .logo{display:none;}
	.menu-principal .titre{font-weight:600; text-transform:uppercase; font-size:0.9rem; letter-spacing:0px; color:#c6c6c6; border-top:solid 1px #555; border-bottom:solid 1px #555;}
	.menu-principal ul{padding:30px 0; }
	.menu-principal ul li{display:inline-block; vertical-align:top; width:30%; padding:0; margin:10px 1%; }
	.menu-principal ul li a{padding:25px 15px; border:solid 1px #555; color:#c6c6c6; font-size:0.9rem; font-weight:500; }
	.menu-principal ul li a i{font-size:1.4rem; }
	.menu-principal ul .active a{border-color:#fff; background-color:#a6813f; color:#fff;}
	.menu-principal ul li a:hover{color:#fff; background-color:#a6813f;border-color:#fff;}

	.menu-principal.open{display:block;}
}
@media screen and (max-width: 760px){
	.menu-principal ul li{width:47%; margin:10px 1%; }
}
@media screen and (max-width: 530px){
	.menu-principal ul li{width:100%; margin:10px 0; display:block;}
}




/*LISTING FICHIER*/
.listing-fichier{display:block; padding:20px 0; margin:0; box-sizing:border-box;}
.listing-fichier a{display:inline-block; cursor:pointer; padding:20px 20px; margin:5px 10px; text-decoration:none; color:#777; outline:none; font-size:0.85rem; text-transform:uppercase; font-weight:400; border: solid 1px #ececec; box-sizing:border-box; transition:all 0.3s ease;}
.listing-fichier a i{display:block; padding:0 0px 10px 0; margin:0px 0 0 0; font-size:1.8rem; text-align: center;}
.listing-fichier a:hover{color:#a6813f; border-color:#a6813f; }



/*LISTING LIENS*/
.listing-liens{display:block; padding:0 0 50px 0; margin:0; box-sizing:border-box;}
.listing-liens a{display:block; cursor:pointer; padding:2px 0; margin:5px 0 0 0; text-decoration:none; color:#222; outline:none; font-size:0.9rem; font-weight:400; box-sizing:border-box; transition:all 0.3s ease;}
.listing-liens a:hover{color:#404040; }
.listing-liens a i{display:inline-block; vertical-align:sub;  padding:0 5px 0 0; margin:5px 0 0 0; font-size:1.2rem;}


/*LISTING ACCORDEON*/
.listing-accordeon{display:block; padding:0 0 50px 0; margin:0; box-sizing:border-box;}
.listing-accordeon li{display:block; padding:0 0 0 0; margin:0; border-bottom:solid 1px #ececec;  box-sizing:border-box;}
.listing-accordeon li:hover{border-color:#404040;}
.listing-accordeon li .titre{display:block; position:relative; width:100%; cursor:pointer; padding:15px 60px 15px 0; margin:0; font-size:0.9rem; font-weight:500; color:#222; box-sizing:border-box; transition:all 0.3s ease;}
.listing-accordeon li .titre:hover{color:#a6813f;}
.listing-accordeon li .titre:hover i{color:#a6813f;}
.listing-accordeon li .titre .open{display:block; position:absolute; top:50%; right:0; width:40px; height:40px; line-height:40px; text-align:center; margin:-20px 0 0 0; }
.listing-accordeon li .titre .open .ferme{display:block; font-size:1.6rem; color:#a6813f;padding:0; margin:0; width:40px; height:40px; line-height:40px; text-align:center; }
.listing-accordeon li .titre .open .ouvert{display:none; font-size:1.6rem; color:#a6813f;padding:0; margin:0; width:40px; height:40px; line-height:40px; text-align:center; }
.listing-accordeon li .detail{display:none; padding:0 60px 30px 0; margin:0; font-size:0.9rem; color:#999; font-weight:300; box-sizing:border-box; }
.listing-accordeon .ouvert .titre .open .ferme{display:none;}
.listing-accordeon .ouvert .titre .open .ouvert{display:block;}
.listing-accordeon .ouvert .detail{display:block;}
.listing-accordeon .ouvert{border-color:#a6813f;}
.listing-accordeon .ouvert .titre{color:#a6813f;}
.listing-accordeon .ouvert .titre i{color:#a6813f;}
@media screen and (max-width: 760px){
	.listing-accordeon li .titre{padding:15px 60px 15px 0; font-size:0.8rem; font-weight:600; }
	.listing-accordeon li .titre .open .ferme{font-size:1.2rem; }
	.listing-accordeon li .titre .open .ouvert{font-size:1.2rem;  }

}




/*TABLEAU A---------------------------------------------------------------*/
.tableau-a{display:block; padding:0; margin:0; box-sizing:border-box;}
.tableau-a li{display:table; width:100%; border-spacing:0; padding:0; margin:0; border-bottom:solid 1px #ececec; font-size:0.8rem; font-weight:300; color:#222; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-a li.entete{background-color:#a6813f; text-align:center; color:#fff; text-transform:uppercase; font-size:0.7rem; font-weight:700;}
.tableau-a.noborder li{border:none;}
.tableau-a.nohover li:hover{background-color:#fff !important; }
.tableau-a li .colonne{display:table-cell; vertical-align:middle; padding:0 5px; margin:0; height:50px; position:relative; box-sizing:border-box; word-wrap: anywhere;}
.tableau-a.paddingright li .colonne{padding:0 20px 0 5px;}
.tableau-a li:hover{background-color:#ececec;}
.tableau-a li.entete:hover{background-color:#a6813f;}
.tableau-a li .action{display:table; table-layout:fixed; width:100%; border-spacing:0; padding:0; margin:0; box-sizing:border-box;}
.tableau-a li .action li{display:table-cell; vertical-align:middle; padding:0; margin:0; border:none; box-sizing:border-box;}
.tableau-a li .action li button{display:inline-block; outline:none; font-size:1.2rem; padding:0; margin:0; width:40px; height:40px; border:none; background-color:transparent; color:white; border-radius:0px; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-a li .action li button.green{color:#45ae65;}
.tableau-a li .action li button.orange{color:#fba464;}
.tableau-a li .action li button.red{color:#d24848;}
.tableau-a li .action li button.green:hover{background-color:#45ae65; color:white !important;}
.tableau-a li .action li button.orange:hover{background-color:#fba464; color:white !important;}
.tableau-a li .action li button.red:hover{background-color:#d24848; color:white !important;}
.tableau-a li .action li a{display:inline-block; line-height:40px; text-decoration:none; outline:none; font-size:1.2rem; padding:0; margin:0; width:40px; height:40px; border:none; background-color:transparent; color:white; border-radius:0px; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-a li .action li a.green{color:#45ae65;}
.tableau-a li .action li a.orange{color:#fba464;}
.tableau-a li .action li a.red{color:#d24848;}
.tableau-a li .action li a.green:hover{background-color:#45ae65; color:white !important;}
.tableau-a li .action li a.orange:hover{background-color:#fba464; color:white !important;}
.tableau-a li .action li a.red:hover{background-color:#d24848; color:white !important;}
.tableau-a li .centre{text-align:center;}
.tableau-a li .droite{text-align:right;}
.tableau-a li .colonne .icone{display: block; font-size: 1.4rem; padding: 0 20px 0 0px;}


@media screen and (max-width: 1400px){
	.tableau-a li .action li button{font-size:0.9rem; width:30px; height:30px;}


}

@media screen and (max-width: 1050px){
	.tableau-a{display:block; padding:0; margin:0; text-align:center; box-sizing:border-box;}
	.tableau-a li{display:inline-block; vertical-align:top; width:23%; padding:20px 10px 0 10px; margin:5px 0.5%; border:solid 1px #a6813f; box-sizing:border-box;}
	.tableau-a li.entete{display:none;}
	.tableau-a li .colonne{display:block; width:100% !important; padding:2px 5px; margin:0; height:auto; text-align:center !important;  font-size:0.7rem; font-weight:500;  color:#444;}
	.tableau-a li .colonne:first-of-type{padding:2px 5px 4px 5px;  font-size:0.9rem; font-weight:600; color:#333; }
	.tableau-a li:hover{background-color:#ececec;  border:solid 1px #a6813f;}

	.tableau-a li .action{display:block; padding:10px 0 0 0; text-align:center;}
	.tableau-a li .action li{display:inline-block; width:auto; vertical-align:middle; padding:0; margin:0;}
	.tableau-a li .action li button{display:block; font-size:1.2rem; padding:10px 10px; margin:0; width:auto; height:auto; border-radius:0px;}
	.tableau-a li .action li a{display:block; line-height:1; font-size:1.2rem; padding:10px 10px; margin:0; width:auto; height:auto; border-radius:0px;}



	

}

@media screen and (max-width: 800px){
	.tableau-a li{width:31%;}
	

}

@media screen and (max-width: 700px){
	.tableau-a li{width:48%;}
	

}

@media screen and (max-width: 600px){
	.tableau-a li{width:100%; display:block;margin:5px 0%;}
	

}



/*TABLEAU B---------------------------------------------------------------*/
.tableau-b{display:block; padding:0; margin:0; box-sizing:border-box;}
.tableau-b li{display:block; padding:0; margin:0; box-sizing:border-box;}
.tableau-b li a{display:table; width:100%; border-spacing:0; padding:0; margin:0; border-bottom:solid 1px #ececec; text-decoration:none; font-size:0.9rem; font-weight:300; color:#222; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-b li a.alert{color:#d24848;}
.tableau-b li a.nonlu{font-weight:900;}
.tableau-b li.entete a{background-color:#a6813f;border: none; text-align:center; color:#fff; text-transform:uppercase; font-size:0.7rem; font-weight:500;}
.tableau-b.noborder li a{border:none;}
.tableau-b.nohover li a:hover{background-color:#fff !important; border-bottom:solid 1px #ececec !important;}
.tableau-b li a .colonne{display:table-cell; vertical-align:middle; padding:0 10px; margin:0; height:50px; box-sizing:border-box; word-wrap: anywhere;}
.tableau-b.paddingright li a .colonne{padding:0 20px 0 5px;}
.tableau-b li a:hover{background-color:#f5f5f5;  border-bottom:solid 1px #a6813f;}
.tableau-b li.entete a:hover{background-color:#a6813f; border:none;}

@media screen and (max-width: 1050px){
	.tableau-b{display:block; padding:0; margin:0; text-align:center; box-sizing:border-box;}
	.tableau-b li{display:inline-block; vertical-align:top; width:24%; padding:5px; margin:0; box-sizing:border-box;}
	.tableau-b li a{display:block; padding:20px 10px; margin:0; border:solid 1px #a6813f;}
	.tableau-b li.entete{display:none;}
	.tableau-b li a .colonne{display:block; width:100% !important; padding:2px 5px; margin:0; height:auto; text-align:center !important;  font-size:0.7rem; font-weight:500;  color:#444;}
	.tableau-b li a .colonne:first-of-type{display:block; padding:2px 5px 4px 5px;  font-size:0.9rem; font-weight:600; color:#333; }
	.tableau-b li a:hover{background-color:#ececec;  border:solid 1px #a6813f;}
	

}

@media screen and (max-width: 800px){
	.tableau-b li{width:32%;}
	

}

@media screen and (max-width: 700px){
	.tableau-b li{width:49%;}
	

}

@media screen and (max-width: 600px){
	.tableau-b li{width:100%; display:block;}
	

}

/*TABLEAU C---------------------------------------------------------------*/
.tableau-c{display:block; padding:0; margin:0; box-sizing:border-box; color:#fff; border-radius: 5px; background-color:#a6813f;}
.tableau-c li{display:table; width:100%; padding:0; margin:0; font-size:1rem; font-weight:600; box-sizing:border-box;}
.tableau-c li .colonne{display:table-cell; vertical-align:middle; padding:0 5px 0 5px; margin:0; height:40px; box-sizing:border-box; text-align:center;word-wrap: anywhere;}
.tableau-c li .colonne a{display:block; padding:10px 5px; margin:0; text-decoration:none; border:solid 1px #a6813f; color:#a6813f; font-size:0.9rem; text-align:center;}
.tableau-c li .colonne a:hover, .tableau-c li .colonne a.active{background-color:#a6813f; color:white;}

@media screen and (max-width: 850px){
	.tableau-c{text-align:center;}
	.tableau-c li{display:block; width:100%; padding:0; margin:0; font-weight:600; text-transform:none; letter-spacing:0px; }
	.tableau-c li .colonne{display:inline-block; width:auto; vertical-align:top; padding:15px 20px; margin:0; height:auto;}
	

}

@media screen and (max-width: 760px){
	.tableau-c{text-align:center;}
	.tableau-c li{display:block; width:100%; padding:0; margin:0; font-weight:600; text-transform:none; letter-spacing:0px; }
	.tableau-c li .colonne{display:block; width:100%; padding:10px 20px; margin:0; height:auto;}
	

}

/*TABLEAU D---------------------------------------------------------------*/
.tableau-d{display:block; padding:0; margin:0; box-sizing:border-box;}
.tableau-d li{display:block; padding:0; margin:0; box-sizing:border-box;}
.tableau-d li a{display:table; width:100%; cursor:pointer; border-spacing:0; padding:0; margin:0; border-bottom:solid 1px #ececec; text-decoration:none; font-size:0.8rem; font-weight:300; color:#999; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-d li a.alert{color:#d24848;}
.tableau-d li a.nonlu{font-weight:900;}
.tableau-d li.entete a{background-color:#a6813f; text-align:center; color:#fff; text-transform:uppercase; font-size:0.7rem; font-weight:700;}
.tableau-d.noborder li a{border:none;}
.tableau-d.nohover li a:hover{background-color:#fff !important; border-bottom:solid 1px #ececec !important;}
.tableau-d li a .colonne{display:table-cell; vertical-align:middle; padding:0 5px; margin:0; height:50px; box-sizing:border-box; word-wrap: anywhere;}
.tableau-d li a:hover{background-color:#ececec;  border-bottom:solid 1px #a6813f;}
.tableau-d li.entete a:hover{background-color:#a6813f;border-bottom:solid 1px #ececec;}
.tableau-d li .detail{display:none; padding:20px 30px; margin:0; font-size:0.9rem; color:#999; font-weight:300; border:solid 1px #ececec; border-top:none; box-sizing:border-box; }
.tableau-d li a .colonne i.ouvert{display:none; color:#a6813f; font-size:2rem;}
.tableau-d li a .colonne i.ferme{display:block; color:#a6813f; font-size:2rem;}
.tableau-d li.ouvert a{background-color:#ececec;  border-bottom:solid 1px #ececec;}
.tableau-d li.ouvert a .colonne i.ouvert{display:block;}
.tableau-d li.ouvert a .colonne i.ferme{display:none;}
.tableau-d li.ouvert .detail{display:block;}


/*TABLEAU E---------------------------------------------------------------*/
.tableau-e{display:block; padding:0; margin:0; box-sizing:border-box;}
.tableau-e .block{display:block; padding:0; margin:0; box-sizing:border-box;}
.tableau-e .block li{display:table; width:100%; border-spacing:0; padding:0; margin:0; border-bottom:solid 1px #ececec; font-size:0.8rem; font-weight:300; color:#999; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-e .block li.entete{background-color:#a6813f; text-align:center; color:#fff; text-transform:uppercase; font-size:0.7rem; font-weight:700;}
.tableau-e.nohover .block li:hover{background-color:#fff !important; }
.tableau-e .block li .colonne{display:table-cell; vertical-align:middle; padding:0 5px; margin:0; height:50px; position:relative; box-sizing:border-box; word-wrap: anywhere;}
.tableau-e .block li:hover{background-color:#ececec;}
.tableau-e .block li.entete:hover{background-color:#a6813f;}
.tableau-e .block li .action{display:table; table-layout:fixed; width:100%; border-spacing:0; padding:0; margin:0; box-sizing:border-box;}
.tableau-e .block li .action li{display:table-cell; vertical-align:middle; padding:0; margin:0; border:none; box-sizing:border-box;}
.tableau-e .block li .action li button{display:inline-block; outline:none; font-size:1.2rem; padding:0; margin:0; width:40px; height:40px; border:none; background-color:transparent; color:white; border-radius:0px; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-e .block li .action li button.green{color:#404040;}
.tableau-e .block li .action li button.orange{color:#f3b74f;}
.tableau-e .block li .action li button.red{color:#d24848;}
.tableau-e .block li .action li button.open{color:#a6813f;}
.tableau-e .block li .action li button.green:hover{background-color:#404040; color:white !important;}
.tableau-e .block li .action li button.orange:hover{background-color:#f3b74f; color:white !important;}
.tableau-e .block li .action li button.red:hover{background-color:#d24848; color:white !important;}
.tableau-e .block li .action li button.open:hover{background-color:#a6813f; color:white !important;}
.tableau-e .block li .action li i.ferme{display:block;}
.tableau-e .block li .action li i.open{display:none;}
.tableau-e .block li .centre{text-align:center;}
.tableau-e .block li .droite{text-align:right;}
.tableau-e .block .detail{display:none; padding:20px 30px; margin:0; font-size:0.9rem; color:#999; font-weight:300; border:solid 1px #ececec; border-top:none; box-sizing:border-box; }
.tableau-e .block.ouvert li .action i.open{display:block;}
.tableau-e .block.ouvert li .action i.ferme{display:none;}
.tableau-e .block.ouvert .detail{display:block;}
.tableau-e .block.ouvert li{background-color:#ececec;}
.tableau-e .block.ouvert li .action li button.open{background-color:#a6813f; color:white !important;}




/*CLASSES DE LARGEUR DE TABLEAU EN % */
.col5{width:5%;}.col10{width:10%;}.col15{width:15%;}.col20{width:20%;}.col25{width:25%;}.col30{width:30%;}.col35{width:35%;}.col40{width:40%;}.col45{width:45%;}.col50{width:50%;}.col55{width:55%;}.col60{width:60%;}.col65{width:65%;}.col70{width:70%;}.col75{width:75%;}.col80{width:80%;}.col85{width:85%;}.col90{width:90%;}



/*TABLEAU ACCORDEON---------------------------------------------------------------*/
.tableau-accordeon{display:block; padding:0; margin:0; box-sizing:border-box;}
.tableau-accordeon li{display:block; padding:0 0 0 0; margin:0 0 0 0; border-bottom:solid 1px #ececec; box-sizing:border-box;}
.tableau-accordeon li .titre:hover{background-color:#ececec;}
.tableau-accordeon li.active .titre{background-color:#ececec; border:none;}
.tableau-accordeon li.entete{padding:20px 0;background-color:#a6813f; text-align:center; color:#fff; text-transform:uppercase; font-size:0.85rem; font-weight:700;  letter-spacing:1px; box-sizing:border-box;}
.tableau-accordeon li .titre{display:block; cursor:pointer; padding:15px 10px 15px 20px; margin:0; font-size:0.9rem; font-weight:700; color:#999; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-accordeon li .sous-titre{display:block; padding:0 10px 15px 20px; margin:0; font-size:0.85rem; font-weight:300; font-style:italic;  color:#898b8d; box-sizing:border-box;}
.tableau-accordeon li .contenu-cache{display:none; padding:10px 10px; margin:0; font-size:0.85rem; font-weight:300; background-color:#fff; border:solid 1px #ececec; color:#898b8d; box-sizing:border-box;}

/*TABLEAU ACCORDEON EVOLUE---------------------------------------------------------------*/
.tableau-accordeon-evolue{display:block; padding:0; margin:0; box-sizing:border-box;}
.tableau-accordeon-evolue li{display:block; padding:0 0 0 0; margin:0 0 0 0; border-bottom:solid 1px #ececec; box-sizing:border-box;}
.tableau-accordeon-evolue li.active .titre{background-color:#ececec; border:none;}
.tableau-accordeon-evolue li.entete{position:relative; margin:0 0 10px 0; border-radius:0px 5px; padding:20px 15px;background-color:#a6813f; text-align:left; color:#fff; text-transform:uppercase; font-size:0.8rem; font-weight:400;  letter-spacing:1px; box-sizing:border-box;}
.tableau-accordeon-evolue li.entete .tableau-accordeon-toutafficher, .tableau-accordeon-evolue li.entete .tableau-accordeon-toutcacher{display:block; position:absolute; top:0; right:0; height:100%; width:190px; text-align:right; background-color:#333; border-radius:0 5px 5px 0; font-weight:700; color:white; padding:20px 15px 0 15px; font-size:0.7rem; font-style:italic; margin:0; cursor:pointer; text-transform:none; letter-spacing:normal; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-accordeon-evolue li.entete .tableau-accordeon-toutafficher:hover, .tableau-accordeon-evolue li.entete .tableau-accordeon-toutcacher:hover{color:#a6813f;}
.tableau-accordeon-evolue li .titre{display:block; padding:15px 15px 15px 15px; margin:0; font-size:0.9rem; font-weight:700; color:#999; box-sizing:border-box;}
.tableau-accordeon-evolue li .titre .nonlu{display:inline-block; font-weight:400; font-size:0.7rem; font-style:italic; margin:0; padding:3px 0 0 0; float:right; animation-name: nouveaumessage; animation-duration: 2s; animation-iteration-count:infinite;}
/*clignotement nouveau message*/
@keyframes nouveaumessage { 0%{} 50%{color:transparent;} 100%{} }
.tableau-accordeon-evolue li .sous-titre{display:block; padding:0 10px 15px 20px; margin:0; font-size:0.85rem; font-weight:300; font-style:italic;  color:#898b8d; box-sizing:border-box;}
.tableau-accordeon-evolue li .sous-titre .openmessage{display:block; padding:10px 0 0 0; margin:0; font-size:0.8rem; font-weight:300; font-style:italic; color:#a6813f; cursor:pointer; text-align:right; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-accordeon-evolue li .sous-titre .openmessage:hover{text-decoration:underline;}
.tableau-accordeon-evolue li .sous-titre .openmessage i{display:inline-block; padding: 0 0 0 4px; font-size: 1rem; vertical-align: top;}
.tableau-accordeon-evolue li .contenu-cache{display:none; padding:10px 15px; margin:0; font-size:0.8rem; font-weight:300; background-color:#fff; border:solid 1px #ececec; color:#898b8d; box-sizing:border-box;}
.tableau-accordeon-evolue li .contenu-cache .closemessage{display:block; padding:10px 0; margin:0; font-size:0.8rem; font-weight:300; color:#a6813f; font-style:italic; cursor:pointer; text-align:right; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-accordeon-evolue li .contenu-cache .closemessage:hover{text-decoration:underline;}
.tableau-accordeon-evolue li .contenu-cache .closemessage i{display: inline-block; padding: 0 4px 0 0; font-size: 1rem; vertical-align: top;}


/*PANNEAU ONGLET---------------------------------------------------------------*/
.panneau-onglet{display:block; padding:0; margin:0; height:50px; box-sizing:border-box;}
.panneau-onglet li{display:inline-block; border-radius:0px 5px 0 0; cursor:pointer; padding:0 10px; margin:0; height:50px; line-height:50px; font-size:0.7rem; text-transform:uppercase; font-weight:300; border:solid 1px #ececec; color:#999; box-sizing:border-box; transition:all 0.3s ease;}
.panneau-onglet li:hover{background-color:#a6813f; color:white; border-color:#a6813f;}
.panneau-onglet li.active{background-color:#a6813f; color:white; border-color:#a6813f;}
.panneau-onglet-description{display:block; padding:0; margin:0; box-sizing:border-box;}
.panneau-onglet-description li{display:none; padding:20px 30px; margin:0; border:solid 1px #a6813f;  overflow:hidden; overflow-y:auto; box-sizing:border-box;}
.panneau-onglet-description li.active{display:block;}

strong{font-weight:600; }


/*MOSAIQUE A*/
.mosaique-a{display:block; text-align:center; padding:30px 0; margin:0; box-sizing:border-box; background-color:#f0f0f0;}
.mosaique-a li{display:inline-block; vertical-align:top; width:30%; padding:0; margin:0 1% 0px 1%;  box-sizing:border-box; transition:all 0.3s ease;}
.mosaique-a li i{display:block; margin:0 auto; text-align:center; color:#a6813f; font-size:3rem; padding:0 0 10px 0; box-sizing:border-box;  transition:all 0.3s ease;}
.mosaique-a li .titre{display:block; color:#a6813f; padding:0; margin:0; font-size:1.2rem; font-weight:500; text-align:center; transition:all 0.3s ease;}
.mosaique-a li a{display:block; cursor:pointer; border-radius:0px; padding:30px 10px; margin:0 0 0 0; font-size:0.9rem; font-weight:500; text-decoration:none; box-sizing:border-box;border:solid 2px #a6813f;  transition:all 0.3s ease; }

.mosaique-a li a:hover{color:#fff; border-color:#a6813f;background-color:#a6813f;}
.mosaique-a li a:hover i{color:#fff;}
.mosaique-a li a:hover .titre{color:#fff;}
@media screen and (max-width: 1200px){
	.mosaique-a li{display:inline-block; vertical-align:top; width:31%; padding:20px; margin:0 0.5% 10px 0.5%;}
	.mosaique-a li .titre{padding-bottom:5px;} 
}
@media screen and (max-width: 1000px){
	.mosaique-a li{display:inline-block; vertical-align:top; width:48%; padding:20px; margin:0 0.5% 10px 0.5%;}
}
@media screen and (max-width: 760px){
	.mosaique-a li{display:block; width:100%; padding:20px; margin:0 0 20px 0;}
}

/*MOSAIQUE B*/
.mosaique-b{display:block; text-align:center; padding:30px 0 0 0; margin:0; box-sizing:border-box;}
.mosaique-b li{display:inline-block; vertical-align:top; width:30%; padding:30px 30px; margin:0 1% 20px 1%;  border:solid 1px #ececec; box-sizing:border-box; transition:all 0.3s ease;}
.mosaique-b li:hover{border-color:#a6813f;}

@media screen and (max-width: 1200px){
	.mosaique-b li{display:inline-block; vertical-align:top; width:31%; padding:20px; margin:0 0.5% 10px 0.5%;}
}
@media screen and (max-width: 1000px){
	.mosaique-b li{display:inline-block; vertical-align:top; width:48%; padding:20px; margin:0 0.5% 10px 0.5%;}
}
@media screen and (max-width: 760px){
	.mosaique-b li{display:block; width:100%; padding:20px; margin:0 0 20px 0;}
}


/*MOSAIQUE C*/
.mosaique-c{display: table;text-align: center;padding: 0;margin: 60px 0 0px 0;box-sizing: border-box;width: 100%;table-layout: fixed;}
.mosaique-c li{display: table-cell;vertical-align: top;position:relative;padding: 10px 10px 0 10px;margin: 0;box-sizing: border-box;transition: all 0.3s ease;}
.mosaique-c li:hover{border-color:#a6813f;}
.mosaique-c li .titre{display:block; color:#a6813f; padding:0 0 10px 0; margin:0; font-size:0.9rem;font-weight:600; text-align:center;}
.mosaique-c li .introduction{display:block; color:#222; padding:0 0 0px 0; margin:0; font-size:0.85rem; font-weight:400; text-align:center;}
.mosaique-c li .reponse{display:block; position:absolute; top:-25px; left:0; width:100%; text-align:center; color:#222; padding:0; margin:0; font-size:1rem; font-weight:700; }

.mosaique-c .mosaique-c{margin:110px 0 0 0;}
.mosaique-c.marge-top{margin:110px 0 0 0;}
/*LIGHT BOX AFFICHAGE MESSAGE*/
.lightbox-message{display:none; z-index:999999999; opacity:0.9; background-color:black; position:fixed; top:0; left:0; width:100%; height:100%; padding:0; margin:0; box-sizing:border-box;}
.lightbox-message-wrapper{display:none; z-index:999999999; position:fixed; top:50%; left:50%; width:320px; max-height:500px; overflow-y: auto; padding:20px 10px; border-top:solid 3px transparent; margin:-250px 0 0 -160px; color:#999; text-align:center; background-color:white; box-sizing:border-box;}
.lightbox-message-wrapper .lightbox-message-contenu{display:block; padding:0 10px; margin:0 0 15px 0; font-size:0.9rem; font-weight:400; text-align:center; line-height:1.2rem;  box-sizing:border-box; }
.lightbox-message-wrapper .lightbox-message-contenu i{display:none; margin:0 auto; text-align:center; font-size:2rem; padding:0 0 10px 0;  box-sizing:border-box; }
.lightbox-message-wrapper .retour-lightbox-simple{display:inline-block; cursor:pointer; height:40px; text-decoration:none; text-align:center; font-size:0.7rem; font-weight:700; text-transform:uppercase; letter-spacing:1px; line-height:40px; background-color:transparent; color:white; padding:0 20px; margin:0;  box-sizing:border-box; transition:all 0.3s ease;}
.lightbox-message-wrapper .retour-lightbox-simple:hover{background-color:#84a61c !important;}
.lightbox-message-wrapper.erreur{border-color:#84a61c;}
.lightbox-message-wrapper.erreur .lightbox-message-contenu .erreur{display:block; color:#84a61c;}
.lightbox-message-wrapper.erreur .retour-lightbox-simple{background-color:#84a61c;}
.lightbox-message-wrapper.avertissement{border-color:#84a61c;}
.lightbox-message-wrapper.avertissement .lightbox-message-contenu .avertissement{display:block; color:#84a61c;}
.lightbox-message-wrapper.avertissement .retour-lightbox-simple{background-color:#84a61c;}
.lightbox-message-wrapper.info{border-color:#84a61c;}
.lightbox-message-wrapper.info .lightbox-message-contenu .info{display:block; color:#84a61c;}
.lightbox-message-wrapper.info .retour-lightbox-simple{background-color:#84a61c;}


.lightbox-message-grand{width:900px;  overflow-y:auto; max-height:calc(100% - 100px); padding:30px 30px; border-top:solid 3px transparent; top:50px; margin:0px 0 100px -450px; text-align:center; background-color:white; box-sizing:border-box;}
.lightbox-message-grand .lightbox-message-contenu{ text-align:left; color:#333;}

@media screen and (max-width: 760px){
	.lightbox-message-wrapper{top:0%; left:0%; width:100%; max-height:100%; padding:20px 20px; margin:0px 0 0 0px; width:100%;}

}


/*MENU ONGLET INTERNE*/
.menu-interne{display:block; padding:0 0 30px 0; margin:0; box-sizing:border-box;}
.menu-interne ul{display:block; padding:0; margin:0; border-bottom: solid 1px #a6813f; box-sizing:border-box;}
.menu-interne ul li{display:block; float:left; width:20%; padding:0 10px; margin:0; box-sizing: border-box;}
.menu-interne ul li a{display:block; padding:20px 10px 16px 10px;     border-radius:0; margin:0; text-decoration:none; color:#999; background-color:transparent; border:solid 1px #ececec;  border-bottom: none; text-align:center; font-size:1rem; font-weight:400; box-sizing:border-box; transition:all 0.4s ease;  }
.menu-interne ul li a:hover{background-color:#a6813f; border-color:#a6813f; color:white;}
.menu-interne ul li.active a{background-color:#a6813f; border-color:#a6813f; color:white;}
@media screen and (max-width: 1400px){
	.menu-interne ul li a{display:block; padding:10px 5px 10px 5px; border-radius: 5px 5px 0 0; font-size:0.85rem; text-transform:none; font-weight:600; }
	.menu-interne ul li a i{display:block; padding:0 0 5px 0; margin:0; font-size:1.2rem; text-align:center;}

}
@media screen and (max-width: 900px){
	.menu-interne ul li a{display:block; padding:5px 2px 5px 2px; font-size:0.8rem; text-transform:none; font-weight:500; }
	.menu-interne ul li a i{font-size:1rem; }

}
@media screen and (max-width: 760px){
	.menu-interne ul{padding:0 0 20px 0; text-align:center; }
	.menu-interne ul li{display:inline-block; vertical-align: top; float:none; width:auto; padding:5px 5px; margin:0; }
	.menu-interne ul li a br{display:none;}
	.menu-interne ul li a{padding:10px 10px; font-size:0.7rem; border-radius:0;text-transform:uppercase;font-weight:600;}

}
@media screen and (max-width: 550px){
	.menu-interne ul li{display:block; width:100%; padding:2px 5px; margin:0; }
	.menu-interne ul li a{text-align:left;}
	.menu-interne ul li a i{display:inline; padding:0 5px 0 0; margin:0; font-size:0.9rem; text-align:left;}

}


/*BOUTON RETOUR COMPTE INITIAL SUITE PRISE DE CONTROLE*/
.retour-compte-origine{display:block; padding:10px; margin:0; box-sizing:border-box; width:120px; position:fixed; bottom:0; right:0; cursor:pointer; transition:all 0.4s ease; z-index:999999999; background-color:#fff; color:white;}
.retour-compte-origine:hover{background-color:#a6813f;}
.retour-compte-origine button i{ font-size:2rem !important; padding-bottom:5px;}









.fancybox-container {  z-index: 999999999999999999999999999999999999999999999999 !important;}


.map{display:block; z-index:99999999999; position:fixed !important; margin:0; padding:0; width:calc(100% - 280px); height:100%; top:0; right:0; background-color: white;}

.legendeimage{display:none; position:fixed; z-index:999999999999; box-sizing:border-box;  margin:-200px 0 0 0; padding:0; width:200px; height:400px; top:50%; right:0; background-color:transparent; background-image: url(); background-repeat:no-repeat; background-size: contain; background-position: center;}

.menu{display:block; position:fixed; box-sizing:border-box;  z-index:999999999999; overflow-y:auto; margin:0; padding:20px 20px 50px 20px; width:280px; height:100%; top:0; left:0; background-color:#202020;}
.menu .logo{display:block; width:150px; height:auto; padding:0 0 20px 0; margin:0 auto;}
.menu .retour-ping{display: block; transition: all 0.4s ease; line-height: 1;padding: 10px 5px; margin: 0 0 20px 0; text-align: center; background-color:#a6813f; color: white; font-size: 1rem; font-weight: 600; text-decoration: none; border: none; box-sizing: border-box;}
.menu .retour-ping i{display: inline-block; vertical-align: middle; font-size: 1.2rem; padding: 0; margin: 0 10px 0 0;}
.menu .retour-ping:hover{background-color:#afdb2a;}
.menu .titre{display: block;  line-height: 1.8rem;padding:0; margin:0; text-align: center; color:#a6813f; font-size: 1.4rem; font-weight: 700;  border: none; box-sizing: border-box;}

.menu .info{display:none; text-align:center; margin:20px 0 0 0; padding:20px 0; background-color:#a6813f; color:white; font-size:12px; font-style:italic;}

.menu .affichernomslieuxdits{display:block; text-align:left; margin:0; padding:10px 0 0 0;}
.menu .affichernomslieuxdits li{display:block; padding:2px 0; margin:0; font-size:1rem; font-weight:400; cursor:pointer; color:#a6813f; transition:all 0.3s ease;}
.menu .affichernomslieuxdits li .icone{display:inline-block; text-align:left; vertical-align:middle; padding: 0 5px 0 0; font-size:1.4rem;}
.menu .affichernomslieuxdits li .check{display:none;}
.menu .affichernomslieuxdits li .uncheck{display:inline-block;}
.menu .affichernomslieuxdits li:hover{text-decoration: underline;}
.menu .affichernomslieuxdits li.active .check{display:inline-block;}
.menu .affichernomslieuxdits li.active .uncheck{display:none;}


.menu .selecteurkml{display:block; text-align:left; margin:0; padding:10px 0 0 0;}
.menu .selecteurkml li{display:block; padding:5px 15px; margin:0 0 5px 0; font-size:1rem; font-weight:500; border:solid 1px #a6813f; cursor:pointer; color:#a6813f; transition:all 0.3s ease;}
.menu .selecteurkml li .icone{display:inline-block; text-align:left; vertical-align:middle; padding: 0 5px 0 0; font-size:1rem;}
.menu .selecteurkml li .check{display:none;}
.menu .selecteurkml li .uncheck{display:inline-block;}
.menu .selecteurkml li.active{color:white; background-color:#a6813f;}
.menu .selecteurkml li.active .check{display:inline-block;}
.menu .selecteurkml li.active .uncheck{display:none;}
.menu .selecteurkml li:hover{color:white; background-color:#a6813f;}

.menu .typecarte{display:block; text-align:center; margin:0; padding:20px 0 0 0;}
.menu .typecarte li{display:block; text-align: left; padding:5px 15px; margin:0 0 5px 0; font-size:0.95rem; font-weight:500; border:solid 1px #a6813f; cursor:pointer; color:#a6813f; box-sizing:border-box; transition:all 0.3s ease;}
.menu .typecarte li .icone{display:inline-block; font-size:1.2rem; padding:0 10px 0 0; vertical-align:middle;}
.menu .typecarte li.active{color:white; background-color:#a6813f;}
.menu .typecarte li:hover{color:white; background-color:#a6813f;}

.menu .zoomcarte{display:block; text-align:center; margin:0; padding:10px 0 0 0;}
.menu .zoomcarte li{display:block; float:left; width:49%; padding:5px 0; margin:0 0.5%; font-size:1.2rem; border:solid 1px #a6813f; cursor:pointer; color:#a6813f; box-sizing:border-box; transition:all 0.3s ease;}
.menu .zoomcarte li:hover{color:white; background-color:#a6813f;}

.fichiers{display:block; margin:0; padding:20px 0 40px 0;}
.fichiers a{display:block; padding:5px 0; margin:0 0 0 0; font-size:0.95rem; cursor:pointer; color:#a4afc5; text-decoration:none; box-sizing:border-box; transition:all 0.3s ease;}
.fichiers a i{display:inline-block; vertical-align:baseline; padding:0 5px 0 0;}
.fichiers a:hover{color:#a6813f;}
.fichiers p{display:block; padding:0 0 10px 0; margin:0 0 10px 0; font-size:1rem; border-bottom:solid 1px #a6813f; font-weight:500; cursor:pointer; color:#a6813f; box-sizing:border-box;}

.infobox{display:block; opacity:0; position:fixed !important; z-index:99; margin:0; padding:0; width:300px; height:100%; top:0; left:-50px; background-color:#a6813f; color:white; font-size:1.2rem; color:white; transition:left 0.3s ease 0s, opacity 0.3s ease 0s;}
.infobox.open{opacity:1; left:340px;transition:left 0.4s ease 0s, opacity 0.4s ease 0.1s;}
.infobox .close{display:block; cursor:pointer; position:absolute; top:0; right:-50px; width:50px; height:50px; line-height:50px; font-size:2rem; background-color:#a4afc5; color:white; text-align:center;}
.infobox .close:hover{background-color:#a6813f;}
.infobox .contenu{display:block; position:absolute !important; z-index:99; margin:0; padding:20px 20px; width:100%; height:100% !important; overflow-y:auto !important; top:0; left:0; font-size:1.2rem; color:white; box-sizing:border-box;}

.menu-recherche{display:block; padding:0; margin:20px 0 0 0; box-sizing:border-box; color:#a6813f;  font-size:1rem;}
.menu-recherche .textbox{display:inline-block; vertical-align:middle; width:85%; padding:10px 7px; margin:0; border:solid 1px #999;  background-color:white; box-sizing:border-box; font-size:0.9rem; transition:all 0.4s ease;}
.menu-recherche .textbox:focus{border-color:#a6813f;}
.menu-recherche .btnrecherche{display:inline-block; vertical-align:middle; width:13%; padding:10px 0px; margin:0; color:#fff; background-color:#a4afc5; cursor:pointer; text-align:center; box-sizing:border-box; font-size:0.9rem; transition:all 0.3s ease;}
.menu-recherche .btnrecherche:hover{background-color:#a6813f;}


.novisible{display:none;}




/* The location pointed to by the popup tip. */
      .popup-tip-anchor {
        height: 0;
        position: absolute;
        /* The max width of the info window. */
        width: 200px;
      }
      /* The bubble is anchored above the tip. */
      .popup-bubble-anchor {
        position: absolute;
        width: 100%;
        bottom: /* TIP_HEIGHT= */ 8px;
        left: 0;
      }
      /* Draw the tip. */
      .popup-bubble-anchor::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        /* Center the tip horizontally. */
        transform: translate(-50%, 0);
        /* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
        width: 0;
        height: 0;
        /* The tip is 8px high, and 12px wide. */
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: /* TIP_HEIGHT= */ 8px solid white;
      }
      /* The popup bubble itself. */
      .popup-bubble-content {
        position: absolute;
        top: 0;
        left: 0;
        transform: translate(-50%, -100%);
        /* Style the info window. */
        background-color: white;
        padding: 10px 15px;
        color:#222;
        overflow-y: auto;
        max-height: 60px;border-radius: 5px;
		font-size: 0.7rem;
		text-transform: uppercase; cursor: pointer; transition: all 0.4s ease;
      }
      .popup-bubble-content:hover{background-color:#a6813f; color: white;}





/* ==========================================================================
	 Helper classes
	 ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
		display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
		clip: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		position: static;
		width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
		visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
		content: " "; /* 1 */
		display: table; /* 2 */
}

.clearfix:after {
		clear: both;
}

/* ==========================================================================
	 EXAMPLE Media Queries for Responsive Design.
	 These examples override the primary ('mobile first') styles.
	 Modify as content requires.
	 ========================================================================== */

@media only screen and (min-width: 35em) {
		/* Style adjustments for viewports that meet the condition */
}

@media print,
			 (-webkit-min-device-pixel-ratio: 1.25),
			 (min-resolution: 1.25dppx),
			 (min-resolution: 120dpi) {
		/* Style adjustments for high resolution devices */
}

/* ==========================================================================
	 Print styles.
	 Inlined to avoid the additional HTTP request:
	 http://www.phpied.com/delay-loading-your-print-css/
	 ========================================================================== */

@media print {
		*,
		*:before,
		*:after,
		*:first-letter,
		*:first-line {
				background: transparent !important;
				color: #000 !important; /* Black prints faster:
																	 http://www.sanbeiji.com/archives/953 */
				box-shadow: none !important;
				text-shadow: none !important;
		}

		a,
		a:visited {
				text-decoration: underline;
		}

		a[href]:after {
				content: " (" attr(href) ")";
		}

		abbr[title]:after {
				content: " (" attr(title) ")";
		}

		/*
		 * Don't show links that are fragment identifiers,
		 * or use the `javascript:` pseudo protocol
		 */

		a[href^="#"]:after,
		a[href^="javascript:"]:after {
				content: "";
		}

		pre,
		blockquote {
				border: 1px solid #999;
				page-break-inside: avoid;
		}

		/*
		 * Printing Tables:
		 * http://css-discuss.incutio.com/wiki/Printing_Tables
		 */

		thead {
				display: table-header-group;
		}

		tr,
		img {
				page-break-inside: avoid;
		}

		img {
				max-width: 100% !important;
		}

		p,
		h2,
		h3 {
				orphans: 3;
				widows: 3;
		}

		h2,
		h3 {
				page-break-after: avoid;
		}
}