/*! 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
	 ========================================================================== */

.listing-smartphone{display:block; padding:0; margin:0;box-sizing:border-box;}
.listing-smartphone li{display:block; padding:20px 20px 5px 20px; margin:0; border:solid 1px #69a1da; box-sizing:border-box;}
.listing-smartphone li .iconetime{display:block; padding:0; text-align:center; font-size:4rem; color:#69a1da; margin:0;box-sizing:border-box;}
.listing-smartphone li .heure{display:block; font-weight:bold; padding:10px 0; text-align:center; font-size:1.4rem; color:#69a1da; margin:0;box-sizing:border-box;}
.listing-smartphone li .heure i{display:inline-block; padding:0; margin:0;box-sizing:border-box;}
.listing-smartphone li .client{display:block; font-weight:bold; padding:0; text-align:center; font-size:1.2rem; color:#333; margin:0;box-sizing:border-box;}
.listing-smartphone li .travail{display:block; font-style:italic; padding:5px 0 10px 0; text-align:center; font-size:1rem; color:#444; margin:0;box-sizing:border-box;}
.listing-smartphone li .adresse{display:block; padding:10px 0; text-align:center; font-size:1.2rem; color:#333; margin:0;box-sizing:border-box;}
.listing-smartphone li a{display:block; text-decoration:none; background-color:#69a1da; padding:10px 5px; font-weight:bold; text-align:center; font-size:0.9rem; color:#fff; margin:15px 0;box-sizing:border-box;}
.listing-smartphone li a i{display:block;  padding:0 0 5px 0 ; text-align:center; font-size:1.4rem; margin:0;box-sizing:border-box;}
.listing-smartphone li a:hover{background-color:#333;}
.listing-smartphone .chemin{display:block; padding:0; margin:0;box-sizing:border-box;}
.listing-smartphone .chemin .iconechemin{display:block; font-size:1rem; text-align:center; color:#69a1da; padding:10px 0; margin:0;box-sizing:border-box;}
.listing-smartphone .chemin .iconevoiture{display:block; font-size:2rem; text-align:center; color:#69a1da; padding:0; margin:0;box-sizing:border-box;}

.retourlistetechnicien{display:block; text-decoration:none; background-color:#69a1da; padding:10px 5px; font-weight:bold; text-transform:uppercase; text-align:center; font-size:0.9rem; color:#fff; margin:0 0 15px 0;box-sizing:border-box;}
.retourlistetechnicien i{display:inline-block; vertical-align:text-bottom; padding:0 10px 0 0 ; text-align:center; font-size:1rem; margin:0;box-sizing:border-box;}
.retourlistetechnicien:hover{background-color:#333;}

.travail_inter{display:block; padding:20px 0 0px 0; text-align:center; font-size:1.2rem; font-weight:600; border-top:dotted 1px #69a1da; color:#444; margin:0;box-sizing:border-box;}
.adresse_inter{display:block; padding:0 0 20px 0; text-align:center; font-size:1.2rem; color:#333; margin:0;box-sizing:border-box;}

.type_inter{display:block; padding:0 0 0px 0; text-align:center; font-size:0.9rem; text-transform:uppercase; color:#111; margin:0;box-sizing:border-box;}
.tel_inter{display:block; text-decoration:none; background-color:#69a1da; padding:10px 5px; font-weight:bold; text-transform:uppercase; text-align:center; font-size:0.9rem; color:#fff; margin:15px 0 0 0;box-sizing:border-box;}
.tel_inter i{display:inline-block; vertical-align:text-bottom; padding:0 10px 0 0 ; text-align:center; font-size:1rem; margin:0;box-sizing:border-box;}
.tel_inter:hover{background-color:#333;}

.descriptif-bloc{display:block; padding:0 0 0px 0; text-align:justify; font-size:1rem; color:#444; margin:0;box-sizing:border-box;}
.titre-bloc{display:block; padding:30px 0 5px 0; text-align:left; font-size:1.2rem; color:#69a1da; font-weight:bold; margin:0;box-sizing:border-box;}

/*AFFICHAGE MESSAGE RESPONSIVE PAS ENCORE OPERATIONNEl*/
.noresponsiveaffichageprevention{display:none !important;}
@media screen and (max-width: 1000px){
	.noresponsiveaffichageprevention{display:block !important;}
}


/*STANDARD GLOBAL---------------------------------------------------------------*/
.wrapper{z-index:9; display:block; padding:0 30px; margin:100px 0 100px 0; max-width:100%; width:100%; box-sizing:border-box;}


.clear{clear:both;}
.centre{text-align:center;}
.droite{text-align:right;}
.gauche{text-align:left;}
.black{color:#777;}
.couleur-vive{color:#69a1da;}
.bck-couleur-vive{background-color:#69a1da;}
.border-couleur-vive{border:solid 1px #69a1da;}
.barre{display:block; width:40px; height:1px; border:none; padding:0; margin:30px 0; text-align:left; background-color:#69a1da; 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:#69a1da; box-sizing:border-box;}


/*STYLE ECRITURE*/
.titre-a{display:block; padding:0 0 5px 0; margin:0; font-size:1.2rem; font-weight:400; color:#69a1da; 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:#777; font-style:italic; box-sizing:border-box;}
.titre-b a{text-decoration:none; color:#69a1da;}
.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:#777; box-sizing:border-box;}
.titre-big{display:block; padding:0 0 30px 0; margin:0; font-size:2rem; font-weight:300; color:#69a1da; box-sizing:border-box;}
.titre-big i{display:inline-block; vertical-align:text-top; padding:0 10px 0 0; font-size:2.4rem;}
.titre-avec-numero{display:block; position:relative; padding:5px 0 20px 50px; margin:0; font-size:1.6rem; font-weight:300; color:#69a1da; 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:#69a1da; box-sizing:border-box;}

.descriptif-a{display:block; padding:0 0 15px 0; margin:0; font-size:0.9rem; font-weight:500; color:#777; font-style:italic; box-sizing:border-box;}
.descriptif-a a{text-decoration:none; color:#69a1da;}
.descriptif-a a:hover{text-decoration:underline;}


/*COULEUR*/
.rouge{color:#e57272 !important;}
.orange{color:#f3b74f !important;}
.bleu{color:#6aa7da !important;}
.vert{color:#5fbd68 !important;}



/*INPUT TEXT---------------------------------------------------------------*/
.inputtext{display:block; width:100%; padding:10px 15px; margin:0 0 10px 0; border-radius:5px;  border:solid 1px #d6d6d6; background-color:#fff; color:#777; outline:none; font-size:0.9rem; font-weight:700; box-sizing:border-box; transition:all 0.3s ease;}
.inputtext:focus{border-color:#777; background-color:#777; color:#fff;}

/*AREA TEXT---------------------------------------------------------------*/
.areatext{display:block; width:100%; padding:10px 15px; margin:0 0 10px 0; border-radius:5px;  border:solid 1px #d6d6d6; background-color:#fff; color:#777; outline:none; font-size:16px; font-weight:700; box-sizing:border-box; transition:all 0.3s ease;}
.areatext:focus{border-color:#777; background-color:#777; 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:5px;  border:solid 1px #69a1da; background-color:#69a1da; color:#fff; outline:none; font-size:0.9rem; font-weight:300; box-sizing:border-box; transition:all 0.3s ease;}
.inputbouton:hover{border-color:#222;background-color:#222; }
.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:5px;  border:solid 1px #ececec; background-color:#fff; color:#777; 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:#69a1da;background-color:#69a1da;color:white; }
.inputboutonbis i{display:inline-block; vertical-align:sub;  padding:0 5px 0 0; margin:0; font-size:1.2rem;}
.inputboutonbis-rouge:hover{border-color:#e57272;background-color:#e57272;color:white; }
.inputboutonbis-vert:hover{border-color:#5fbd68;background-color:#5fbd68;color:white; }
.inputboutonbis-orange:hover{border-color:#f3b74f;background-color:#f3b74f;color:white; }

/*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 5px 5px 0;  background:none; border:solid 1px #6aa7da; background-color:#fff; padding: 0; width:40px;}
.custom-combobox-input{margin:0;padding: 10px 15px;  outline:none;  background:none; border-radius:5px; font-size:0.9rem; width:100%; color:#777; border:solid 1px #ececec; box-sizing:border-box; transition:all 0.3s ease;}
.custom-combobox-input:focus{border-color:#777;background-color:#777;color:white; }

.ui-autocomplete{border-radius:0; margin: 0; padding:0; background:none; border:solid 1px #69a1da; background-color:white; max-height:250px; overflow-y:auto; box-sizing:border-box;}
.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.8em; color:#777;  padding:10px 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.8em; color:#777;  padding:10px 15px; margin:0;}


/*RANGE VALUE jquery ui*/
.ui-slider{background:none; background-color:#ececec; border:none; height:4px; margin:30px 0 30px 10px;}
.ui-slider .ui-slider-handle{z-index:1; background:none; background-color:#777; border-color:#777; outline:none; cursor:pointer; top:-9px; border-radius:50%; width:20px; height:20px;}
.ui-slider .ui-slider-handle:focus,.ui-slider .ui-slider-handle:hover{background-color:#69a1da; border-color:#69a1da; }


/*BARRE AVANCEMENT NON MODIFIABLE*/
.barre-avancement{display:block; position:relative; width:100%; height:15px; margin:0; padding:0; 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:#69a1da; box-sizing:border-box;}


/*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:#777; border:solid 1px #ececec; box-sizing:border-box; transition:all 0.3s ease;}
.upload:hover{border-color:#69a1da;}
.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:#777; cursor:pointer; box-sizing:border-box; transition:all 0.3s ease;}
.case-a-cocher a{color:#777; text-decoration:none;}
.case-a-cocher:hover{color:#69a1da;}
.case-a-cocher a:hover{color:#777; 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;}




/*BOUTON PUSH RADIO */
.bouton-push-radio{display:inline-block; cursor:pointer; padding:10px 15px; margin:0 0 0 0; border-radius:5px;  border:solid 1px #ececec; 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:#69a1da;background-color:#69a1da;color:white; }
.bouton-push-radio input{display:none;}


/*LISTE CHECK*/
.liste-check{display:block; position:relative; padding:2px 0 0 30px; margin:0 0 7px 0; font-size:0.85rem; font-weight:300; color:#777; box-sizing:border-box;}
.liste-check i{display:block; position:absolute; top:0; left:0; padding:0; margin:0; font-size:1.4rem; vertical-align:middle;  box-sizing:border-box;}




/*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;}




/*CONNEXION---------------------------------------------------------------*/
.boite-connexion{display:inline-block; vertical-align:top; border-radius:5px; position:relative; z-index:99; width:300px; padding:30px 30px; margin:60px 10px 10px 10px; background-color:white; border:solid 4px #69a1da; box-sizing:border-box;}
.boite-connexion img{display:block; padding:0 0 30px 0; margin:0 auto; width:100%; 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:5px; 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:#69a1da; background-color:#69a1da; color:white;}
.boite-connexion #connexion{display:block; width:100%; cursor:pointer; text-align:center; border-radius:5px; 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:#777;  box-sizing:border-box;  transition:all 0.4s ease;}
.boite-connexion #connexion:hover{ background-color:#69a1da;}
.boite-connexion .mdpforget{display:block; text-decoration:none; padding:0; margin:20px 0 0 0; color:#69a1da; font-size:0.9rem; font-weight:300; font-style:italic; text-align:center; box-sizing:border-box;}
.boite-connexion .mdpforget:hover{text-decoration:underline;}


/*NOUVEL UTILISATEUR*/
.boite-nouvel-utilisateur{display:block; border-radius:5px; position:relative; z-index:99; width:90%; padding:30px 30px; margin:20px auto 20px auto; background-color:white; border:solid 4px #69a1da; box-sizing:border-box;}
.boite-nouvel-utilisateur img{display:block; padding:0 0 30px 0; margin:0 auto;width:90%; max-width:298px; box-sizing:border-box;}

/*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:#333; box-sizing:border-box;}
.menu-principal .logo{display:block; padding:30px 0; margin:0 auto; width:80%; box-sizing:border-box;}
.menu-principal .titre{display:block; padding:15px 0; margin:0; font-size:0.9rem; font-weight:300; text-transform:uppercase; letter-spacing:1px; color:#898b8d; text-align:center; border-top:solid 1px #444; border-bottom:solid 1px #444; box-sizing:border-box;}
.menu-principal ul{display:block; padding:0 0 30px 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:#69a1da; 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.6rem; height:30px; line-height:30px;  margin:-15px 0 0 0; box-sizing:border-box;}
.menu-principal ul li ul{display:block; padding:0 0 15px 0; margin:0; box-sizing:border-box;}
.menu-principal ul li ul li{display:block; padding:0; margin:0; box-sizing:border-box;}
.menu-principal ul li ul li a{padding:7px 20px 7px 50px; margin:0; border-left:none; font-size:0.9rem;}
.menu-principal ul li ul li a i{display:inline-block; width:auto; vertical-align:baseline; padding:0 8px 0 25px; font-size:1.2rem;  margin:0; box-sizing:border-box;}
@media screen and (max-width: 1300px){
	.menu-principal{width:200px;}
}
@media screen and (max-width: 1200px){
	.menu-principal{width:150px;}
	.menu-principal ul li a{padding:10px 10px 10px 10px; font-size:0.8rem; border-left:none; border-bottom:solid 2px transparent;text-align:center;}
	.menu-principal ul li a i{display:block; font-size:1.2rem; position:static; padding:0 0 5px 0; height:auto; line-height:1;  margin:0;}
}


/*FIL ARIANE---------------------------------------------------------------*/
.fil-ariane{z-index:99999; display:block; position:fixed; top:0; left:0; padding:0; margin:0; width:100%; height:60px; background-color:#69a1da; box-sizing:border-box;}
.fil-ariane .back{display:inline-block; text-decoration:none; float:left; padding:0 20px; margin:0; height:60px; line-height:60px; font-size:1.2rem; color:#fff;  background-color:#444; box-sizing:border-box; transition:all 0.3s ease;}
.fil-ariane .back:hover{background-color:#222; color:#ccc;}
.fil-ariane .titre{display:inline-block; min-width:300px; float:left; padding:0 20px; margin:0; height:60px; line-height:60px; font-size:0.85rem; font-weight:700; text-align:center; text-transform:uppercase; color:#fff;  background-color:#69a1da; box-sizing:border-box;}
.fil-ariane ul{display:inline-block; float:right; padding:0; margin:0; box-sizing:border-box;}
.fil-ariane ul li{display:inline-block; position:relative; float:right; padding:0; margin:0; box-sizing:border-box;}
.fil-ariane ul li a, .fil-ariane ul li .opensousmenu{display:block; cursor:pointer; padding:0 15px 0 15px; margin:0; height:60px; line-height:60px; color:#fff;text-transform:uppercase; text-decoration:none; font-size:0.7rem; font-weight:700; background-color:#69a1da; box-sizing:border-box; transition:all 0.3s ease;}
.fil-ariane ul .active a{background-color:#444; color:#fff;}
.fil-ariane ul li a:hover, .fil-ariane ul li:hover .opensousmenu{background-color:#444; color:#fff;}
.fil-ariane ul li a i, .fil-ariane ul li .opensousmenu i{display:inline-block; vertical-align:sub; padding:0 5px 0 5px; font-size:1.4rem; color:white; margin:0; box-sizing:border-box;}
.fil-ariane ul li .opensousmenu img{display:block; padding:17px 0 0 0 ; margin:0 0 0 5px; width:25px; height:auto; box-sizing:border-box;}
.fil-ariane ul li ul{display:none; position:absolute; top:60px; left:0; width:100%; background-color:#444; padding:0 0 10px 0; margin:0; box-sizing:border-box;}
.fil-ariane ul li ul li{display:block; padding:0; float:none; margin:0; box-sizing:border-box;}
.fil-ariane ul li ul li a{display:block; padding:5px 20px; margin:0; height:auto; line-height:1; color:#ccc;text-transform:none; letter-spacing:0px; text-decoration:none; font-size:0.8rem; font-weight:400; box-sizing:border-box; transition:all 0.3s ease;}
.fil-ariane ul li ul li a i{display:inline-block; vertical-align:baseline; padding:0 5px 0 0; font-size:1rem;  margin:0; box-sizing:border-box;}
.fil-ariane ul li ul li img{display:block; padding:5px 5px 5px 0; cursor:pointer; margin:0 auto; width:25px; height:auto; box-sizing:border-box;}
.fil-ariane ul li:hover ul{display:block;}
.fil-ariane ul li ul li a:hover{color:#69a1da;}
/*clignotement de la notification*/
.fil-ariane ul li #cloche-notification{animation-name: clignote; animation-duration: 1s; animation-iteration-count:infinite;}
@keyframes clignote { 0%{} 50%{color:#69a1da;} 100%{} }




/*ZONE RECHERCHE + AJOUT---------------------------------------------------------------*/
.recherche{display:block; position:relative; border-radius:5px;  border:solid 1px #69a1da; padding:30px 30px 30px 30px; margin:0; width:76%; box-sizing:border-box;}
.recherche .titre{display:inline-block; position:absolute; left:20px; top:-20px; height:40px; line-height:40px; padding:0 20px; margin:0; color:#69a1da; background-color:#fff; font-size:0.8rem; text-transform:uppercase; letter-spacing:1px; box-sizing:border-box; }
.recherche .nouveau{display:block; border-radius:5px; position:absolute; top:0; right:-32%; background-color:#fff; padding:30px 30px; margin:0; width:30%; height:100%; text-align:center; font-size:0.8rem; font-weight:700; text-decoration:none; color:#777; box-sizing:border-box; transition:all 0.3s ease;}
.recherche .nouveau:hover{background-color:#5fbd68; color:#fff;}
.recherche .nouveau i{display:block; padding:0 0 10px 0; margin:0; font-size:2rem;}
.recherche button{display:block; width:100%; padding:10px 15px; margin:0; background-color:#6aa7da; color:white; font-size:0.9rem; font-weight:700; outline:none; border:none; border-radius:5px;  box-sizing:border-box; transition:all 0.3s ease;}
.recherche button:hover{background-color:#69a1da; color:#fff;}
.recherche .inputtext{margin:0;}




/*LISTING FICHIER*/
.listing-fichier{display:block; padding:15px 0 20px 0; margin:0; box-sizing:border-box;}
.listing-fichier a{display:block; cursor:pointer; padding:2px 0; margin:5px 0 0 0; text-decoration:none; color:#777; outline:none; font-size:0.8rem; font-weight:700; box-sizing:border-box; transition:all 0.3s ease;}
.listing-fichier a:hover{color:#69a1da; }
.listing-fichier a i{display:inline-block; vertical-align:sub;  padding:0 5px 0 0; margin:5px 0 0 0; font-size:1.2rem;}



/*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:#777; outline:none; font-size:0.8rem; font-weight:700; box-sizing:border-box; transition:all 0.3s ease;}
.listing-liens a:hover{color:#69a1da; }
.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:#69a1da;}
.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:400; color:#777; box-sizing:border-box; transition:all 0.3s ease;}
.listing-accordeon li .titre:hover{color:#69a1da;}
.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:#69a1da;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:#69a1da;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:#777; 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:#69a1da;}
.listing-accordeon .ouvert .titre{color:#69a1da;}

/*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:#777; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-a li.entete{background-color:#69a1da; 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; }
.tableau-a.paddingright li .colonne{padding:0 20px 0 5px;}
.tableau-a li:hover{background-color:#ececec;}
.tableau-a li.entete:hover{background-color:#69a1da;}
.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:5px; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-a li .action li button.green{color:#5fbd68;}
.tableau-a li .action li button.orange{color:#f3b74f;}
.tableau-a li .action li button.red{color:#e57272;}
.tableau-a li .action li button.green:hover{background-color:#5fbd68; color:white !important;}
.tableau-a li .action li button.orange:hover{background-color:#f3b74f; color:white !important;}
.tableau-a li .action li button.red:hover{background-color:#e57272; 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:5px; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-a li .action li a.green{color:#5fbd68;}
.tableau-a li .action li a.orange{color:#f3b74f;}
.tableau-a li .action li a.red{color:#e57272;}
.tableau-a li .action li a.green:hover{background-color:#5fbd68; color:white !important;}
.tableau-a li .action li a.orange:hover{background-color:#f3b74f; color:white !important;}
.tableau-a li .action li a.red:hover{background-color:#e57272; 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;}
.tableau-a li .colonne .infobulle{display:none; width: 100%; box-sizing: border-box; z-index:9999; position:absolute; left:0; top:100%; background-color:#e57272; color:white; text-align:center; font-size:0.7rem; padding:8px 5px; font-weight:700; font-style:italic; border-radius:5px;}
.tableau-a li .colonne .infobulle i{display:block; padding: 0 20px 0 0; box-sizing: border-box; position:absolute; width:100%; text-align:center; font-size:3rem; top:-17px; left:0; color:#e57272; }
.tableau-a li .colonne:hover .infobulle{display:block;}



/*COMPLEMENT POUR CATALOGUE PRODUIT*/
.tableau-a.affichagemosaique{display:block; text-align:left; padding:0; margin:0; box-sizing:border-box;}
.tableau-a.affichagemosaique li{display:inline-block; vertical-align:top; width:23.5%; padding:20px 20px 0 20px; margin:20px 0.5%; border:solid 1px #ececec; font-size:0.8rem; font-weight:600; color:#666; }
.tableau-a.affichagemosaique li.entete{display:none;}
.tableau-a.affichagemosaique li .colonne{display:block; width:100%; padding:2px 0; margin:0; height:auto; }
.tableau-a.affichagemosaique li .colonne.colimg{position:relative; height:200px; margin-bottom:20px;}
.tableau-a.affichagemosaique li:hover{border-color:#69a1da; background-color:transparent;}
.tableau-a.affichagemosaique li .action{display:block; text-align:right; width:100%; padding:10px 0; margin:0;}
.tableau-a.affichagemosaique li .action li{display:inline-block; vertical-align:top; padding:0 10px; margin:0; }
.tableau-a.affichagemosaique 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:5px; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-a.affichagemosaique li .action li button.green{color:#5fbd68;}
.tableau-a.affichagemosaique li .action li button.orange{color:#f3b74f;}
.tableau-a.affichagemosaique li .action li button.red{color:#e57272;}
.tableau-a.affichagemosaique li .action li button.green:hover{background-color:#5fbd68; color:white !important;}
.tableau-a.affichagemosaique li .action li button.orange:hover{background-color:#f3b74f; color:white !important;}
.tableau-a.affichagemosaique li .action li button.red:hover{background-color:#e57272; color:white !important;}
.tableau-a.affichagemosaique 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:5px; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-a.affichagemosaique li .action li a.green{color:#5fbd68;}
.tableau-a.affichagemosaique li .action li a.green:hover{background-color:#5fbd68; color:white !important;}

.tableau-a li .top{display: inline-block; position:absolute; top:6px; left:0px; padding: 0px 5px;margin: 0;box-sizing: border-box;background-color: #e57272;font-size:0.8rem;font-weight: 600;color: white;text-align: center; }
.tableau-a.affichagemosaique li .top{display: inline-block; position:absolute; top:0px; left:-28px; padding: 7px 10px;margin: 0;box-sizing: border-box;background-color: #e57272;font-size:0.9rem;font-weight: 600;color: white;text-align: center; }

.tableau-a li .box-produit{display:none; padding:0; margin:0; box-sizing:border-box; background-color:rgba(0, 0, 0, 0.7); position:fixed; top:0; left:0; width:100%; height:100%; overflow-y:auto; z-index:999999999; }
.tableau-a li .box-produit .box-produit-wrapper{display:block; padding:20px 30px 40px 30px; margin:60px auto; box-sizing:border-box; background-color:white; width:900px; }
.tableau-a li .box-produit .box-produit-wrapper .col-a{display:block; float:left; width:73%; padding:0 30px 0 0; margin:0; box-sizing:border-box;}
.tableau-a li .box-produit .box-produit-wrapper .col-b{display:block; float:left; width:27%; padding:0px 0 20px 20px; margin:50px 0 0 00; border-left: dashed 1px #777; box-sizing:border-box;}
.tableau-a li .box-produit .box-produit-wrapper .visuel{display:block; height:300px; padding:0; margin:0; box-sizing:border-box;}
.tableau-a li .box-produit .box-produit-wrapper .accroche{display: block;padding: 5px 0;margin: 0;box-sizing: border-box;background-color: #e57272;font-size: 1.2rem;font-weight: 600;color: white;text-align: center;}
.tableau-a li .box-produit .box-produit-wrapper .titre{display:block; font-size:0.8rem; font-weight:700; font-style:italic; color:#69a1da; padding:10px 0 0 0; margin:0; box-sizing:border-box;}
.tableau-a li .box-produit .box-produit-wrapper .descriptif{display:block; font-size:0.95rem; font-weight:600; color:#444; line-height:1.4rem; padding:5px 0 0 0; margin:0; box-sizing:border-box;}
.tableau-a li .box-produit .box-produit-wrapper .close{display:block; padding:0; margin:0; text-align:right; cursor:pointer; font-size:2rem; color:#444; box-sizing:border-box; transition:all 0.4s ease;}
.tableau-a li .box-produit .box-produit-wrapper .close:hover{color:#69a1da;}
.tableau-a li .box-produit .box-produit-wrapper .prix{display:block; font-size:1.6rem; font-weight:700; color:#69a1da; padding:0 0 10px 0; margin:0; box-sizing:border-box;}

.lstattribut{outline: none;  display: block; margin: 10px 0 0 0; padding: 5px 10px; font-size: 0.9rem; color: #444;}



/*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.8rem; font-weight:300; color:#777; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-b li a.alert{color:#e57272;}
.tableau-b li a.nonlu{font-weight:900;}
.tableau-b li.entete a{background-color:#69a1da; text-align:center; color:#fff; text-transform:uppercase; font-size:0.7rem; font-weight:700;}
.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 5px; margin:0; height:50px; box-sizing:border-box; }
.tableau-b.paddingright li a .colonne{padding:0 20px 0 5px;}
.tableau-b li a:hover{background-color:#ececec;  border-bottom:solid 1px #69a1da;}
.tableau-b li.entete a:hover{background-color:#69a1da;border-bottom:solid 1px #ececec;}



/*TABLEAU C---------------------------------------------------------------*/
.tableau-c{display:block; padding:0; margin:0; box-sizing:border-box; color:#fff;  background-color:#69a1da;}
.tableau-c li{display:table; width:100%; padding:0; margin:0; font-size:0.7rem; font-weight:700; text-transform:uppercase; letter-spacing:1px; box-sizing:border-box;}
.tableau-c li .colonne{display:table-cell; vertical-align:middle; padding:0 5px 0 20px; margin:0; height:40px; box-sizing:border-box; }


/*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:#777; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-d li a.alert{color:#e57272;}
.tableau-d li a.nonlu{font-weight:900;}
.tableau-d li.entete a{background-color:#69a1da; 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; }
.tableau-d li a:hover{background-color:#ececec;  border-bottom:solid 1px #69a1da;}
.tableau-d li.entete a:hover{background-color:#69a1da;border-bottom:solid 1px #ececec;}
.tableau-d li .detail{display:none; padding:20px 30px; margin:0; font-size:0.9rem; color:#777; font-weight:300; border:solid 1px #ececec; border-top:none; box-sizing:border-box; }
.tableau-d li a .colonne i.ouvert{display:none; color:#69a1da; font-size:2rem;}
.tableau-d li a .colonne i.ferme{display:block; color:#69a1da; 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:#777; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-e .block li.entete{background-color:#69a1da; 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; }
.tableau-e .block li:hover{background-color:#ececec;}
.tableau-e .block li.entete:hover{background-color:#69a1da;}
.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:5px; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-e .block li .action li button.green{color:#5fbd68;}
.tableau-e .block li .action li button.orange{color:#f3b74f;}
.tableau-e .block li .action li button.red{color:#e57272;}
.tableau-e .block li .action li button.open{color:#69a1da;}
.tableau-e .block li .action li button.green:hover{background-color:#5fbd68; 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:#e57272; color:white !important;}
.tableau-e .block li .action li button.open:hover{background-color:#69a1da; 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:#777; 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:#69a1da; color:white !important;}



/*LEGENDE*/
.legende{display:block; padding:0; margin:0 0 20px 0; box-sizing:border-box;}
.legende li{display:inline-block; padding:0; margin:0 15px 0 0; font-size:0.9rem; font-style:italic; font-weight:300; color:#777; vertical-align:super;  box-sizing:border-box;}
.legende li i{padding:0 5px 0 0;}
.legende li.titre{font-style:normal; text-transform:uppercase; font-weight:700; font-size:0.7rem;}



/*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:#69a1da; 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:#777; 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:5px 5px; padding:20px 15px;background-color:#69a1da; 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:#69a1da;}
.tableau-accordeon-evolue li .titre{display:block; padding:15px 15px 15px 15px; margin:0; font-size:0.9rem; font-weight:700; color:#777; 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:#69a1da; 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:#69a1da; 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:5px 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:#777; box-sizing:border-box; transition:all 0.3s ease;}
.panneau-onglet li:hover{background-color:#69a1da; color:white; border-color:#69a1da;}
.panneau-onglet li.active{background-color:#69a1da; color:white; border-color:#69a1da;}
.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 #69a1da;  overflow:hidden; overflow-y:auto; box-sizing:border-box;}
.panneau-onglet-description li.active{display:block;}




/*MOSAIQUE A*/
.mosaique-a{display:block; text-align:center; padding:0; margin:0; box-sizing:border-box;}
.mosaique-a 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-a li:hover{border-color:#69a1da;}
.mosaique-a li i{display:block; margin:0 auto; text-align:center; color:#69a1da; font-size:3rem; padding:0 0 10px 0; height:60px; box-sizing:border-box; }
.mosaique-a li .titre{display:block; color:#69a1da; padding:0 0 20px 0; margin:0; font-size:0.8rem; text-transform:uppercase; font-weight:700; text-align:center;}
.mosaique-a li .introduction{display:block; color:#777; padding:0 0 30px 0; margin:0; font-size:0.85rem; height:30px; font-weight:300; text-align:center;}
.mosaique-a li a{display:inline-block; cursor:pointer; border-radius:5px; padding:15px 10px; margin:0 0 0 0; font-size:0.8rem; font-weight:400; color:#fff; background-color:#777; text-decoration:none; box-sizing:border-box; transition:all 0.3s ease; }
.mosaique-a li:hover a{background-color:#333;}
.mosaique-a li a:hover{background-color:#69a1da;}


/*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:50px; left:5%; width:90%; max-height:500px; padding:20px 10px 30px 10px; border-top:solid 10px transparent; margin:0; color:#777; text-align:center; background-color:white; box-sizing:border-box;}
.lightbox-message-wrapper .lightbox-message-contenu{display:block; max-height:350px; overflow-y:auto; padding:0 20px; margin:0 0 15px 0; font-size:0.9rem; font-weight:400; text-align:center; line-height:1.4rem;  box-sizing:border-box; }
.lightbox-message-wrapper .lightbox-message-contenu i{display:none; margin:0 auto; text-align:center; font-size:3rem; 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.5s ease;}
.lightbox-message-wrapper .retour-lightbox-simple:hover{background-color:#69a1da !important;}
.lightbox-message-wrapper.erreur{border-color:#e57272;}
.lightbox-message-wrapper.erreur .lightbox-message-contenu .erreur{display:block; color:#e57272;}
.lightbox-message-wrapper.erreur .retour-lightbox-simple{background-color:#e57272;}
.lightbox-message-wrapper.avertissement{border-color:#f3b74f;}
.lightbox-message-wrapper.avertissement .lightbox-message-contenu .avertissement{display:block; color:#f3b74f;}
.lightbox-message-wrapper.avertissement .retour-lightbox-simple{background-color:#f3b74f;}
.lightbox-message-wrapper.info{border-color:#6aa7da;}
.lightbox-message-wrapper.info .lightbox-message-contenu .info{display:block; color:#6aa7da;}
.lightbox-message-wrapper.info .retour-lightbox-simple{background-color:#6aa7da;}


/*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 #69a1da; 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: 20px 20px 0 0; margin:0; text-decoration:none; color:#777; background-color:transparent; border:solid 1px #ececec;  border-bottom: none; text-align:center; font-size:0.9rem; text-transform:uppercase; font-weight:700; box-sizing:border-box; transition:all 0.4s ease;  }
.menu-interne ul li a:hover{background-color:#777; border-color:#777; color:white;}
.menu-interne ul li.active a{background-color:#69a1da; border-color:#69a1da; color:white;}



/*COMPTEUR LIKE PAS LIKE*/
.compteur{display:block; padding:40px 0 0 0; margin:0; box-sizing:border-box;}
.compteur .titre{display:block; padding:0 0 20px 0; margin:0; font-size:1.2rem; font-weight:400; color:#69a1da; box-sizing:border-box;}
.compteur .selectioncompteur{display:inline-block; vertical-align:middle; padding:0; margin:0 20px 0 0; font-size:0.9rem; color:#777; font-weight:700;  box-sizing: border-box;}
.compteur .selectioncompteur i{display:inline-block; cursor:pointer; vertical-align:middle; font-size:2rem; text-align:center; border-radius:50%;  border:solid 2px #69a1da; color:#69a1da; padding:0; margin:0 5px 0 0; width:55px; height:55px; line-height:50px; box-sizing: border-box; transition:all 0.5s ease;}
.compteur .selectioncompteur i:hover{color:white; background-color:#69a1da;}






/*LIGHT BOX INTERVENTION*/
.lightbox-intervention{display:none; z-index:999999999; background-color:black; position:fixed; top:0; left:0; width:100%; height:100%; padding:0; margin:0; box-sizing:border-box;}
.lightbox-intervention-wrapper{display:block; z-index:999999999; position:relative; background-color:white; top:40px; left:50%; width:900px; padding:20px 30px; margin:0 0 0 -450px; background-color:white; box-sizing:border-box;}
.lightbox-intervention-wrapper .close-lightbox-intervention{display:block; cursor:pointer; height:40px; text-decoration:none; text-align:right; font-size:2rem; color:#69a1da; padding:0; margin:0;  box-sizing:border-box; transition:all 0.5s ease;}
.lightbox-intervention-wrapper .close-lightbox-intervention:hover{color:#212121;}



/*LIGHT BOX VISU INTERVENTION*/
.lightbox-visuintervention{display:none; z-index:999999999; background-color:black; position:fixed; top:0; left:0; width:100%; height:100%; padding:0; margin:0; box-sizing:border-box;}
.lightbox-visuintervention-wrapper{display:block; z-index:999999999; position:relative; background-color:white; top:40px; left:50%; width:900px; padding:20px 30px; margin:0 0 0 -450px; background-color:white; box-sizing:border-box;}
.lightbox-visuintervention-wrapper .close-lightbox-visuintervention{display:block; cursor:pointer; height:40px; text-decoration:none; text-align:right; font-size:2rem; color:#69a1da; padding:0; margin:0;  box-sizing:border-box; transition:all 0.5s ease;}
.lightbox-visuintervention-wrapper .close-lightbox-visuintervention:hover{color:#212121;}



/* ==========================================================================
	 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;
		}
}