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

html,body{overflow-x: hidden;}


.new-espace-salarie{display:block; padding:0; margin:0 auto; max-width: 1200px; box-sizing: border-box; }


.bloc-sms-stats{display: inline-block; padding: 20px 30px; width: 31%; margin: 10px 1%; box-sizing: border-box; border: solid 1px #979797; vertical-align: top;}
.bloc-sms-stats .titre{display: block; margin: 0; padding: 0 0 10px 0; font-size: 1.6rem; line-height: 1.8rem; font-weight: 600; color:#11a8a8; }
.bloc-sms-stats .ligne{display: block; margin: 0; padding: 0 0 2px 0; font-size: 1rem; font-weight: 400; color:#979797; }
.bloc-sms-stats .total{display: block; margin: 0; padding: 10px 0 0px 0; font-size: 1.2rem; font-weight: 600; color:#F7931D; }


@media screen and (max-width: 1050px){

  .smartphone-analytics{display: block !important;}

}

.menu-centre-droite{ display: block;width: 50px; height: auto; margin:0; position: fixed; z-index: 9999; right: 0; top: 30%; padding:0; box-sizing: border-box; text-align: center;}
.menu-centre-droite .bouton-acces{ transition: all 0.6s ease; cursor: pointer; display: block; position: relative; width: 100%; height: auto; margin:4px 0; background-color: #11a8a8; color: white;font-size: 1.4rem;border-radius: 0; padding: 10px 0; box-sizing: border-box; text-align: center;}
.menu-centre-droite .bouton-acces:hover{background-color: #f7931d;}
.menu-centre-droite .bouton-acces span{z-index: -1; transition: all 0.6s ease;display: block; position: absolute; top: 0;
  right: -160px;
  padding: 0 10px 0 0;
  margin: 0;
  color: white;
  font-weight: 600;
  font-size: 0.7rem;
  background-color: #f7931d;
  width: 160px;
  height: 100%;
  line-height: 49px;
  text-transform: uppercase;
  text-align: right;
  box-sizing: border-box;}
.menu-centre-droite .bouton-acces:hover span{right: 50px;}

@media screen and (max-width: 770px){

  .menu-centre-droite{ display: none;}

}

.rapport-resultat-grille-finalise .grille-validation-titre{display:block; padding:50px 0 0 0; margin:0; box-sizing: border-box; color: #11a8a8; font-size: 2rem; line-height: 2.2rem; font-weight: 500; text-align: center;}
.rapport-resultat-grille-finalise .grille-validation-descriptif{display:block; padding:10px 0 0 0; margin:0; box-sizing: border-box; color: #777; font-size:1.4rem; line-height: 1.6rem; font-weight: 400; text-align: center;}
.grille-mode-reel .grille-validation-finalisation{display:block; padding:40px 0 0px 0; margin:0; box-sizing: border-box; color: #F7931D; font-size: 1.6rem; line-height: 1.8rem; font-weight: 600; text-align: center; }
.grille-mode-reel .grille-validation-finalisation i{display:block; padding:0px 0 20px 0; margin:0; box-sizing: border-box; color: #F7931D; font-size: 4rem; }


.rapport-resultat-grille-finalise .grille-validation-informations{display:block; padding:10px 0 10px 0; margin:0; box-sizing: border-box; color: #aaa;}
.rapport-resultat-grille-finalise .grille-validation-informations i{display: block; padding: 5px 0 10px 0; margin: 0; font-size: 1.4rem; text-align: center;}
.rapport-resultat-grille-finalise .grille-validation-informations strong{display: block; padding: 0; margin: 0; font-weight: 600; font-size: 2.2rem; color: #11a8a8; line-height: 2.4rem; text-align: center;}
.rapport-resultat-grille-finalise .grille-validation-informations.nonvalide strong{color:red; }
.rapport-resultat-grille-finalise .grille-validation-informations.nonvalide i{color:red; }


.rapport-grille-finalise{display:block; padding:20px 30px 40px 30px; margin:50px 0 50px 0; box-sizing: border-box; border: dashed 2px #11a8a8;}
.rapport-grille-finalise .rapport-titre{display:block; padding:0px 0px 10px 0px; margin:0; box-sizing: border-box; color: #11a8a8; font-size:2rem; line-height:2.2rem; font-weight: 600; text-align: center; font-style: italic;}
.rapport-grille-finalise .rapport-categorie{display:block; padding:40px 0px 10px 0px; margin:0; box-sizing: border-box; color: #F7931D; font-size:1.6rem; line-height: 1.8rem; font-weight: 500; border-bottom: dashed 2px #F7931D;}
.rapport-grille-finalise .rapport-question{display:block; position: relative; padding:20px 0px 5px 40px; margin:0; box-sizing: border-box; color: #11a8a8; font-size:1.1rem; line-height: 1.3rem; font-weight: 500; }
.rapport-grille-finalise .rapport-question .rond{position: absolute; top: 15px; left: 0; transition:all 0.6s ease;display:block; padding:0; margin:0; width: 30px; height: 30px; border-radius: 100%; font-size: 0.85rem; text-align: center; line-height: 26px; color:#11a8a8; border: solid 2px #11a8a8;  box-sizing: border-box; }
.rapport-grille-finalise .rapport-reponse{display:block; padding:5px 0px 0px 40px; margin:0; box-sizing: border-box; color: #777; font-size:1rem; line-height: 1.2rem; font-weight: 300; }
.rapport-grille-finalise .rapport-fichier{display:block;  padding:5px 0px 0px 40px; margin:0; box-sizing: border-box; color: #777; font-size:0.9rem; line-height: 1.2rem; font-weight: 400; font-style: italic;}
.rapport-grille-finalise .rapport-fichier a{transition: all 0.6s ease; text-decoration: none; color: #777;}
.rapport-grille-finalise .rapport-fichier a:hover{color: #F7931D; }
.rapport-grille-finalise .rapport-commentaire{display:block;  padding:5px 0px 0px 40px; margin:0; box-sizing: border-box; color: #777; font-size:0.9rem; line-height: 1.2rem; font-weight: 400; font-style: italic;}
.rapport-grille-finalise .separation{margin: 30px 0 10px 0;}

.grille-mode-reel .inputbouton.inputboutonrevoirmagrille { padding: 20px 35px; font-size: 1.1rem; }

.rapport-resultat-grille-finalise .mosaique-a li .introduction { color: #777; padding: 0; margin: 0; font-size: 0.9rem; height: auto; font-weight: 500; }
.rapport-resultat-grille-finalise .mosaique-a li .titre { color: #11a8a8; padding: 0 0 5px 0; margin: 0; font-size: 1.2rem; text-transform: none; }
.rapport-resultat-grille-finalise .mosaique-a { padding: 50px 0 0 0; }
.rapport-resultat-grille-finalise .mosaique-a li { border: solid 2px #ececec; }

.grille-mode-reel{display:block; padding:0; margin:0; box-sizing: border-box; }
.grille-mode-reel .grille-titre{display:block; padding:50px 0 0 0; margin:0; box-sizing: border-box; color: #11a8a8; font-size: 2.4rem; line-height: 2.6rem; font-weight: 600; text-align: center;}
.grille-mode-reel .grille-descriptif{display:block; padding:10px 0 20px 0; margin:0; box-sizing: border-box; color: #777; font-size:1.4rem; line-height: 1.6rem; font-weight: 500; text-align: center;}
.grille-mode-reel .grille-categorie{display:inline-block; padding:0 0px 0px 0px; margin:0; box-sizing: border-box; color: #F7931D; font-size:2rem; line-height: 2.2rem; font-weight: 500; text-align: center;}
.grille-mode-reel .grille-categorie .grille-barre{display:block; padding:0; margin:50px 0 40px 0; box-sizing: border-box; color: #F7931D; font-size: 2.7rem; text-align: center;}
.grille-mode-reel .grille-encadrement{display:block; padding:0; margin:0; box-sizing: border-box; text-align: center;}
.grille-mode-reel .grille-question{transition:all 0.6s ease;display:block; padding:20px 0 20px 0; margin:0; box-sizing: border-box; color: #11a8a8; font-size: 1.6rem; line-height: 1.8rem; font-weight: 400; text-align: center; }
.grille-mode-reel .grille-encadrement-question:hover .grille-question{color:#F7931D;}
.grille-mode-reel .grille-encadrement-question{display:block; padding:0; margin:0 auto; width: 100%; max-width: 700px; box-sizing: border-box; }


.grille-mode-reel .grille_reponse_libre{width: 95%; max-width: 600px; margin: 0 auto; text-align: center; padding: 30px 10px; border-radius: 0; font-size: 1rem;}
.grille-mode-reel .grille_reponse_libre:focus{background-color:#F7931D !important;color:white;}

.grille-mode-reel .bouton-push-radio{display:inline-block; cursor:pointer; padding:10px 15px; margin:10px 10px; border-radius:0;  border:solid 1px #999; background-color:#fff; color:#777; outline:none; font-size:1rem; font-weight:500; box-sizing:border-box; transition:all 0.6s ease;}
.grille-mode-reel .bouton-push-radio:hover{border-color:#F7931D;background-color:#F7931D;color:white; }
.grille-mode-reel .bouton-push-radio.active{border-color:#11a8a8;background-color:#11a8a8;color:white; }
.grille-mode-reel .bouton-push-radio input{display:none;}

.grille-mode-reel .bouton-push-radio-multiple{display:inline-block; cursor:pointer; padding:10px 15px; margin:10px 10px; border-radius:0;  border:solid 1px #999; background-color:#fff; color:#777; outline:none; font-size:1rem; font-weight:500; box-sizing:border-box; transition:all 0.6s ease;}
.grille-mode-reel .bouton-push-radio-multiple:hover{border-color:#F7931D;background-color:#F7931D;color:white; }
.grille-mode-reel .bouton-push-radio-multiple.active{border-color:#11a8a8;background-color:#11a8a8;color:white; }
.grille-mode-reel .bouton-push-radio-multiple input{display:none;}

.grille-mode-reel .numero_ligne{transition:all 0.6s ease;display:block; padding:0; margin:60px 0 0 0; box-sizing: border-box; border-top: dotted 2px #d2d2d2;}
.grille-mode-reel .numero_ligne hr{transition:all 0.6s ease;display:block; padding:0; margin:0 auto; width: 1px; height: 50px; background-color:transparent; border: none;border-left: dotted 2px #d2d2d2; box-sizing: border-box; }
.grille-mode-reel .numero_ligne .rond{transition:all 0.6s ease;display:block; padding:0; margin:0 auto; width: 60px; height: 60px; border-radius: 100%; font-size: 1.4rem; text-align: center; line-height: 56px; color:#d2d2d2; border: solid 2px #d2d2d2;  box-sizing: border-box; }
.grille-mode-reel .grille-encadrement-question:hover .numero_ligne{border-color: #11a8a8;}
.grille-mode-reel .grille-encadrement-question:hover .numero_ligne hr{border-color: #11a8a8;}
.grille-mode-reel .grille-encadrement-question:hover .numero_ligne .rond{border-color: #11a8a8; background-color: #11a8a8; color: white;}


.grille-mode-reel .grille-encadrement-question:hover .grille-encadrement-fichier .chargement_grille_fichier.consultation{color:#F7931D;border: dashed 2px #F7931D; }

.grille-mode-reel .grille-encadrement-fichier{display:block; padding:0; margin:0; box-sizing: border-box; text-align: center;}
.grille-mode-reel .grille-encadrement-fichier .chargement_grille_fichier{display:inline-block; text-decoration: none; cursor:pointer; padding:20px 30px; margin:20px 0 0 0; border-radius:0;  background-color:#fff; color:#11a8a8;border: dashed 2px #11a8a8; outline:none; font-size:1rem; font-weight:500; box-sizing:border-box; transition:all 0.6s ease;}
.grille-mode-reel .grille-encadrement-fichier .chargement_grille_fichier i{display: block; font-size: 2rem; padding: 0 0 5px 0; margin: 0;}
.grille-mode-reel .grille-encadrement-fichier .chargement_grille_fichier:hover{background-color: #F7931D; border-color: #F7931D; color: white;}
.grille-mode-reel .grille-encadrement-fichier .chargement_grille_fichier.consultation{margin: 0 0 30px 0;}



.grille-mode-reel .areatextnew{width: 95%; max-width: 600px; height: 120px; margin: 10px auto 0 auto; text-align: center; padding: 30px 10px; border-radius: 0; font-size: 1rem;}
.grille-mode-reel .areatextnew:focus{background-color:#F7931D !important;color:white;}

.grille-mode-reel .bloc_commentaire{transition:all 0.6s ease;display:block; padding:0; margin:20px 0 0 0; box-sizing: border-box; text-align: center; font-size: 1.1rem;color: #11a8a8; font-weight: 500;}
.grille-mode-reel .bloc_commentaire i{display:block; padding:0 0 5px 0; margin:0; box-sizing: border-box; text-align: center; font-size: 1.5rem;}

.grille-mode-reel .grille-encadrement-question:hover .bloc_commentaire{color: #F7931D;}

.grille-mode-reel .finalisation{display:block; padding:0; margin:0; box-sizing: border-box; text-align: center;}
.grille-mode-reel .finalisation .barre{transition:all 0.6s ease;display:block;background-color:#F7931D; padding:0; margin:0; box-sizing: border-box; margin:80px auto 20px auto; width:200px; height:2px; }
.grille-mode-reel .finalisation .fleche{transition:all 0.6s ease;display:block; width:70px; text-align:center; padding: 0; margin:0 auto 20px auto; font-size:5rem; color: #F7931D;}
.grille-mode-reel .finalisation .titre-finalisation{transition:all 0.6s ease;display:inline-block; padding:0; margin:0; box-sizing: border-box; color: #F7931D; font-size:2rem; line-height: 2.2rem; font-weight: 500; text-align: center; }
.grille-mode-reel .finalisation .descriptif-finalisation{display:block; padding:10px 0 0 0; margin:0; box-sizing: border-box; color: #777; font-size:1.2rem; line-height: 1.6rem; font-weight: 500; text-align: center;}
.grille-mode-reel .finalisation .areatextnew{width: 95%; max-width: 600px; height: 120px; margin: 30px auto 0 auto; text-align: center; padding: 30px 10px; border-radius: 0; font-size: 1rem;}
.grille-mode-reel .finalisation .areatextnew:focus{background-color:#F7931D !important;color:white;}
.grille-mode-reel .finalisation .inputbouton{padding: 30px 50px; font-size: 1.2rem; margin: 50px 0 100px 0; background-color: #11a8a8; border-color: #11a8a8;}
.grille-mode-reel .finalisation .inputbouton:hover{background-color:#F7931D !important;color:white; border-color: #F7931D;}

.grille-mode-reel .finalisation:hover .barre{background-color: #11a8a8;}
.grille-mode-reel .finalisation:hover .fleche{color: #11a8a8;}
.grille-mode-reel .finalisation:hover .titre-finalisation{color: #11a8a8; }



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

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



.ui-checkboxradio-label{margin-top: 2px !important; margin-bottom: 2px;font-family: 'Jost', sans-serif; font-weight:500; font-size: 0.7rem; color: #555;}



.fancybox-slide::before { height: auto !important; }
.fancybox-slide--iframe .fancybox-content { height: 100% !important; }
.htmliframeajax{background:white !important; }
.fancybox-container { z-index: 999999999 !important;}

.fancybox-slide::before { height: auto !important; }
.fancybox-toolbar {right: 0 !important; top: 0 !important; visibility: visible !important; opacity: 1 !important;} 
.fancybox-button {width:45px !important; height:45px !important; background:#F7931D !important; color:white !important;} 
.fancybox-button[disabled], .fancybox-button[disabled]:hover{ display: none !important;} 
.fancybox-content .fancybox-close-small{display: none !important;}
.fancybox-container { border: solid 4px #F7931D !important; box-sizing: border-box !important; }

.fancybox-content .fancybox-close-small{display: none;}
.fancybox-container { border: solid 4px #F7931D; box-sizing: border-box; }
.fancybox-slide::before { vertical-align: top !important;}
.fancybox-slide{padding: 6px !important;}
.fancybox-slide--iframe .fancybox-content { max-height: 100% !important;  height: 100% !important; max-width: 1200px !important; }
.fancybox-content{max-height: 100% !important; }
.fancybox-container { z-index: 999999999 !important;}
.fancybox-slide--html .fancybox-close-small { padding: 0px !important; right: 10px !important; top: 10px !important; color: white !important;}
.fancybox-caption-wrap {
    pointer-events: all !important;
}



header{display:block; background-color:#fff; z-index:999999; padding:0; margin:0; width:100%; box-sizing:border-box; transition:all 0.4s ease;-webkit-box-shadow: 0px 0px 15px -2px #000000; 
box-shadow: 0px 0px 15px -2px #000000; position: fixed;}
header .wrapper-grand {display: block; position: relative; padding: 0; margin: 0 auto; max-width: 1400px; width: 100%; box-sizing: border-box;
}
header .barre-haut{display:block; text-align:right; height:35px; background-color:#11a8a8; padding:0 3%; margin:0; box-sizing:border-box; }

header .navigation-primaire{display:inline-block; vertical-align:top; padding:0; margin:0; text-align:right; box-sizing:border-box;}
header .navigation-primaire li{display:block; float:right; padding:0; margin:0; box-sizing:border-box;}
header .navigation-primaire li a{display:block; height:35px; border-right:solid 1px #fff;  cursor:pointer; line-height:35px; font-weight:600; color:#fff; font-size:0.8rem; text-decoration:none; padding:0px 15px; margin:0 0 0 0; box-sizing:border-box; transition:all 0.4s ease;}
header .navigation-primaire li a i{display:inline-block; vertical-align:middle; font-size:1.2rem; padding:0 5px 0 0;}
header .navigation-primaire li a:hover, header .navigation-primaire li.active a{background-color:#F7931D; border-color:#F7931D;}


header .open-menu-responsive{display:none;}

header .bandeau-menu{display: table; border-spacing: 0px; width: 100%; padding: 0; margin: 0; box-sizing:border-box;}
header .bandeau-menu .logo{display: table-cell; max-width: 200px; vertical-align:middle; padding: 0; margin: 0; box-sizing:border-box;}
header .bandeau-menu .logo a{display:block; opacity:1; padding:5px 0; margin:0; width: 200px; box-sizing:border-box; transition:all 0.5s ease;}
header .bandeau-menu .logo a:hover{ opacity:0.7;}
header .bandeau-menu .logo a img{display: block; width: 100%;}
header .bandeau-menu .menu-site{display: table-cell; vertical-align:middle; width: 100%; padding: 0; margin: 0; box-sizing:border-box; text-align: right;}
header .bandeau-menu .menu-site .openmenucomplet{transition:all 0.4s ease;display:none; cursor:pointer; padding:0 15px; margin:0 20px 0 0; box-sizing:border-box; font-size:1rem; text-decoration:none; font-weight: 600; color:#11a8a8; height:50px; line-height:50px;}
header .bandeau-menu .menu-site .openmenucomplet i{transition:all 0.4s ease;display:inline-block; padding:0 8px 0 0px; margin:0; box-sizing:border-box; vertical-align:sub; font-size:1.4rem;}
header .bandeau-menu .menu-site .openmenucomplet:hover{background-color:#F7931D !important; color:white;}
header .bandeau-menu .menu-site .openmenucomplet:hover i{color:white;}
header .bandeau-menu .menu-site .menucomplet{display:block; padding:0; margin:0; box-sizing:border-box;z-index: 99999999999999999;}
header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet{display:none;}
header .bandeau-menu .menu-site .menucomplet .closemenucomplet{transition:all 0.4s ease;display:none; cursor:pointer; padding:0; margin:0; box-sizing:border-box; position:fixed; top:20px; right:30px; font-size:3rem; text-decoration:none; color:#11a8a8; line-height: 1;}
header .bandeau-menu .menu-site .menucomplet .closemenucomplet:hover{color:#F7931D !important;}
header .bandeau-menu .menu-site .menucomplet .menu{display:block; padding:0; margin:0; box-sizing:border-box; text-align: right;}
header .bandeau-menu .menu-site .menucomplet .menu li{display:inline-block; position: relative; padding:0; margin:0; box-sizing:border-box; text-align: center;}
header .bandeau-menu .menu-site .menucomplet .menu li a{display:block; transition:all 0.4s ease; font-size: 0.7rem; line-height: 0.8rem; cursor:pointer; padding:10px 15px; margin:0; text-decoration:none; box-sizing:border-box; color: #999;font-weight: 500; text-transform: uppercase;}
header .bandeau-menu .menu-site .menucomplet .menu li a i{display: block; text-align: center; font-size: 1rem; padding:0 0 5px 0; margin: 0;}
header .bandeau-menu .menu-site .menucomplet .menu li:hover a,header .bandeau-menu .menu-site .menucomplet .menu li.active a{background-color: #F7931D; color: white;}

header .bandeau-menu .menu-site .menucomplet .menu li .sub-menu{text-align: left;z-index: 999999;display:none; width:220px; background-color:#11a8a8; padding:15px 20px 15px 20px; margin:0px; box-sizing:border-box; position:absolute; top:100%; right:0px; }
header .bandeau-menu .menu-site .menucomplet .menu li .sub-menu li{display:block; padding:0; margin:0; box-sizing:border-box; text-align: left; }
header .bandeau-menu .menu-site .menucomplet .menu li .sub-menu li a{padding: 5px 0; color: #fff;background-color:#11a8a8 !important;}
header .bandeau-menu .menu-site .menucomplet .menu li .sub-menu li a i{display: inline-block; padding: 0 5px 0 0; width: 20px; vertical-align:baseline; text-align: center;}
header .bandeau-menu .menu-site .menucomplet .menu li:hover .sub-menu{display:block;}

header .bandeau-menu .menu-site .menucomplet .menu li .sub-menu li a{color: #fff;}
header .bandeau-menu .menu-site .menucomplet .menu li .sub-menu li a:hover{color: #fff !important; text-decoration: underline;background-color:#11a8a8 !important;}
header .bandeau-menu .menu-site .menucomplet .menu li .sub-menu li.active a{color: #fff !important; text-decoration: underline;}

@media screen and (max-width: 1350px){
header .bandeau-menu .menu-site .menucomplet .menu li a{ padding:10px 10px; }

}

@media screen and (max-width: 1260px){

  header .bandeau-menu .menu-site .openmenucomplet{display:inline-block;}
  header .bandeau-menu .menu-site .menucomplet{display:none; padding:80px 40px; position:fixed; top:0; left:0; width:100%; height:100%; overflow-y:auto;-webkit-overflow-scrolling: touch; background-color:white;box-sizing:border-box;}
  header .bandeau-menu .menu-site .menucomplet.clickopenmenucomplet{display:block;}
  header .bandeau-menu .menu-site .menucomplet .closemenucomplet{display:block; z-index:99;}
  header .bandeau-menu .menu-site .menucomplet .menu{display:block; padding:30px 0 40px 0; float:left; width:50%; text-align: left;}
  header .bandeau-menu .menu-site .menucomplet .menu li{display:block; padding:0 0 0 0;text-align: left;}
  header .bandeau-menu .menu-site .menucomplet .menu li a{padding:15px 10px ; font-size: 0.8rem;text-align: left;}
  header .bandeau-menu .menu-site .menucomplet .menu li a i{display: inline-block; vertical-align: baseline; padding: 0 5px 0 0; width: 20px; text-align: center;}
  header .bandeau-menu .menu-site .menucomplet .menu li a br{display: none; }
  header .bandeau-menu .menu-site .menucomplet .menu li .sub-menu{display:block; text-align:left; width:100%; padding:0px 0 0px 40px; margin:0; background-color: transparent; position:static;}
  header .bandeau-menu .menu-site .menucomplet .menu li .sub-menu li a{background-color: transparent !important; color: #999 !important; padding: 10px 0;}
  header .bandeau-menu .menu-site .menucomplet .menu li .sub-menu li a:hover, header .bandeau-menu .menu-site .menucomplet .menu li .sub-menu li.active a{background-color: transparent !important; color: #F7931D !important; }
  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet{display:block; padding:20px 30px;  float:left; width:50%; margin:0; box-sizing:border-box; text-align:center;}
  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet img{max-width:297px; width: 90%; margin:30px auto;}

   
}

@media screen and (max-width: 1000px){

  header .navigation-primaire li .noiphone{display: none;}
  header .navigation-primaire li a i{padding:0 5px;}
   
}

@media screen and (max-width: 780px){

  header .bandeau-menu .menu-site .menucomplet{padding:60px 20px;}
  header .bandeau-menu .menu-site .menucomplet .menu{width:100%; padding:0px 0 40px 0;}
  header .bandeau-menu .menu-site .menucomplet .logoopenmenucomplet{width:100%;}

}


.wrapper,.wrapper-nouveau{display:block; padding:150px 40px 50px 40px; margin:0 auto; max-width:1400px; width: 100%; position:relative; box-sizing:border-box; background-color: white; z-index: 1;}

@media screen and (max-width: 780px){

  .wrapper,.wrapper-nouveau{display:block; padding:120px 10px 40px 10px; margin:0; }


}

.ui-datepicker{z-index: 999999999999999999999999999999 !important;}

div.dataTables_processing{margin-top: 0 !important; font-size: 0 !important; top: 130px !important;background-color: white !important; padding: 30px !important; opacity: 0.7 !important;}
div.dataTables_processing > div:last-child > div{width: 10px !important; height: 10px !important; border-radius: 0 !important; background: rgb(247, 147, 29) !important;}
table.dataTable td.dataTables_empty { padding: 30px 0 !important; font-size: 1rem !important; color: #f7931d !important;}

.dataTables_wrapper {opacity: 0; }
.dataTables_wrapper.opacity {opacity: 1;}
.dataTables_wrapper .dataTables_filter{float: none; text-align: left; border:none; border-bottom: none; padding: 10px 0px; font-size: 0.8rem; margin: 0; color: #11a8a8 !important; }
.dataTables_wrapper .dataTables_filter input{border:solid 2px #11a8a8; outline:none; box-shadow:none;  background-color:#fff; color:#11a8a8; 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:#f7931d; }

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

.dataTables_wrapper .dataTables_info{padding: 10px 0px; font-size: 0.8rem; margin: 0; color: #f7931d !important; }
.dataTables_wrapper .dataTables_paginate{padding: 10px 0px; font-size: 0.8rem; margin: 0; color: #f7931d !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:#f7931d; border-bottom: none; text-align:left; color:#fff; text-transform:uppercase; font-size:0.7rem; font-weight:600;border-right: solid 2px white;}
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: 3px; width: 100%;
    right: 0px;}
table.dataTable thead > tr > th.sorting_desc::after{opacity:1;font-size: 1.2rem; top: auto;     bottom: 3px; width: 100%;
    right: 0px;}
table.dataTable thead > tr > th.sorting_asc::after{font-size: 1.2rem; top: auto;     bottom: 3px; width: 100%;
    right: 0px;}
table.dataTable thead > tr > th.sorting_asc::before{opacity:1; font-size: 1.2rem; top: auto;     bottom: 3px; width: 100%;
    right: 0px;}

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.6s ease;}
table.dataTable .action li button.green{color:#45ae65;}
table.dataTable .action li button.orange{color:#fba464;}
table.dataTable .action li button.red{color:#d24848;}
table.dataTable .action li button.blue{color:#11a8a8 ;}
table.dataTable .action li button.green:hover{background-color:#45ae65; color:white !important;}
table.dataTable .action li button.orange:hover{background-color:#fba464; 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:#f7931d; color:white !important;}
table.dataTable .action li a{display:inline-block; text-align: center;position: relative; 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.6s ease;}
table.dataTable .action li a.green{color:#45ae65;}
table.dataTable .action li a.orange{color:#fba464;}
table.dataTable .action li a.red{color:#d24848;}
table.dataTable .action li a.blue{color:#11a8a8 ;}
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 .action li a.blue:hover{background-color:#f7931d; color:white !important;}

table.dataTable tbody tr:first-child .affichage-transparent-mois-prevention{color: #11a8a8 !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 #f7931d;

}

/* 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: #11a8a8;
}

.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:#11a8a8 ;}

/* 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: #11a8a8;
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: #f7931d;
  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: #11a8a8;

}







.PourcentagePackage{display: block;
padding: 5px 5px;
margin: 0;
background-color: #10a2a6;
text-align: center;
color: white;
font-size: 0.7rem;
font-weight: 600;
cursor: pointer; transition: all 0.4s ease;}
.PourcentagePackage:hover{background-color: #f39305;}

.PourcentageEnvoiListing{display: block;
padding: 5px 5px;
margin: 0;
background-color: #10a2a6;
text-align: center;
color: white;
font-size: 0.7rem;
font-weight: 600;
cursor: pointer; transition: all 0.4s ease;}
.PourcentageEnvoiListing:hover{background-color: #f39305;}

.DetailEnvoiUtilisateur{display: block; max-width: 100px;
padding: 5px 5px;
margin: 0 auto;
background-color: #10a2a6;
text-align: center;
color: white;
font-size: 0.7rem;
font-weight: 600;
cursor: pointer; transition: all 0.4s ease;}
.DetailEnvoiUtilisateur:hover{background-color: #f39305;}

.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; background-color:#000; background: url(../../img/background.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}

/*AFFICHAGE MESSAGE RESPONSIVE PAS ENCORE OPERATIONNEl*/
.noresponsiveaffichageprevention{display:none !important;}
.noresponsiveaffichageprevention .tablecellresponsive{display:table-cell; margin:0; padding:20px 40px; box-sizing:border-box; vertical-align:middle; font-size:1rem; color:#999;}
.noresponsiveaffichageprevention .tablecellresponsive img{display:block; width:216px; max-width:100%; margin:0 auto 10px auto; padding:0;}
@media screen and (max-width: 1020px){
	.noresponsiveaffichageprevention{display:none; table-layout:fixed;
		 vertical-align:middle; text-align:center; z-index: 999999999999999999999; position:fixed; top:0; left:0; width:100%; height:100%; background-color:white; box-sizing:border-box; overflow:hidden;}
}


/*LIGHT BOX VISU INTERVENTION*/
.lightbox-visuintervention{display:none; z-index:999999999; background-color:white; position:absolute; 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:#61BFB6; padding:0; margin:0;  box-sizing:border-box; transition:all 0.5s ease;}
.lightbox-visuintervention-wrapper .close-lightbox-visuintervention:hover{color:#212121;}


/*STANDARD GLOBAL---------------------------------------------------------------*/




.wrapper-etat {margin: 0px auto; max-width: 100%; width: 1300px; padding: 20px 20px 40px 60px; box-sizing: border-box; }


i, .retrouve_mot_clef, form button, li button{position:relative;}
i .infobulleaide{display:none;font-family: 'Jost', sans-serif; font-weight:500; position:absolute; top:-35px; left:50%; margin:0 0 0 -50px; width:100px; padding:5px 5px;; background-color:#fff; border:solid 1px #999; color:#999; font-size:0.7rem; font-style:italic; font-weight:500; box-sizing:border-box; text-align:center;}
.retrouve_mot_clef .infobulleaide, form button .infobulleaide, li button .infobulleaide, li a .infobulleaide{display:none; position:absolute; bottom:calc(100% + 20px); left:50%; margin:0 0 0 -75px; width:150px; padding:5px 5px;; background-color:#fff; border:solid 1px #999; color:#999; font-size:0.7rem;  line-height: 1rem; font-style:italic; font-weight:500; text-align:center;box-sizing:border-box;}
i .infobulleaide i,.retrouve_mot_clef .infobulleaide i, form button .infobulleaide i, li button .infobulleaide i, li a .infobulleaide i{display:block; width:100%; height:5px; position:absolute; bottom:-5px; left:0; color:#999; font-size:1.2rem; text-align:center; line-height:5px; }
i:hover .infobulleaide,.retrouve_mot_clef:hover .infobulleaide, form button:hover .infobulleaide, li button:hover .infobulleaide, li a:hover .infobulleaide{display:block;}

.affichage-planning-solution-action{display:block; padding:30px 0 50px 0; margin:0; box-sizing:border-box;}
.affichage-planning-solution-action .bloc-date{display:block; padding:0; margin:0; box-sizing:border-box; text-align:center;}
.affichage-planning-solution-action .bloc-date i{display:block; padding:0; margin:0; box-sizing:border-box; font-size:2rem; color:#11a8a8;}
.affichage-planning-solution-action .bloc-date .texte{display:block; padding:5px 0 10px 0; margin:0; box-sizing:border-box; font-size:0.9rem; font-weight:700; color:#11a8a8;}
.affichage-planning-solution-action .bloc-date .date{display:block; padding:0; margin:0; box-sizing:border-box; font-size:1.4rem; font-weight:400; color:#777;}
.affichage-planning-solution-action .bloc-date hr{display:block; padding:0; margin:15px auto 20px auto; box-sizing:border-box; width:70px; border:none; background-color:#777; height:1px;}




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


.listing-grille-espace-salarie{display:block; position: relative; padding:0px 0 0 0px; margin:0; box-sizing:border-box; }
.listing-grille-espace-salarie .grille .icone{display: block; position: absolute; top: 0px; left: 0; font-size: 4rem; color: #F7931D;}
.listing-grille-espace-salarie .grille{display:block; position: relative; padding:0px 0 50px 70px; margin:0; box-sizing:border-box; }
.listing-grille-espace-salarie .grille .utilisateur{display:block; position: relative; padding:10px 0 10px 30px; margin:30px 0 0 0; border-left: dashed 2px #F7931D; box-sizing:border-box; }

.listing-grille-espace-salarie .grille_autonome_salarie{padding: 0px 0 20px 70px; margin: 0 0 30px 0; border-bottom: dashed 2px #11a8a8;}
.listing-grille-espace-salarie .grille_autonome_salarie .icone{font-size: 2.6rem; color: #F7931D;}
.listing-grille-espace-salarie .grille_autonome_salarie .titre-big{font-size: 1.6rem;}
.listing-grille-espace-salarie .grille_autonome_salarie .tableau-special-lightbox li{border-bottom: none !important;}

@media screen and (max-width: 760px) {
  .listing-grille-espace-salarie .grille_autonome_salarie{ padding: 0px 0 20px 5px !important; }
  .listing-grille-espace-salarie .grille_autonome_salarie .titre-big{font-size: 1.2rem;}
}



.clear{clear:both;}
.centre{text-align:center;}
.droite{text-align:right;}
.gauche{text-align:left;}
.black{color:#999;}
.couleur-vive{color:#11a8a8;}
.bck-couleur-vive{background-color:#11a8a8;}
.border-couleur-vive{border:solid 1px #11a8a8;}
.barre{display:block; width:40px; height:1px; border:none; padding:0; margin:30px 0; text-align:left; background-color:#11a8a8; 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:#11a8a8; 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:#11a8a8; 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:#11a8a8;}
.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 10px 0; margin:0; font-size:2rem; font-weight:300; color:#11a8a8; 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:#11a8a8; 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:#11a8a8; box-sizing:border-box;}

.titre_selection_travail{display:block; transition: all 0.5s ease; padding:0 0 20px 0; margin:-20px 0 0 0; cursor: pointer; font-size:0.9rem; font-weight:500; color:#11a8a8; text-transform:uppercase; box-sizing:border-box;}
.titre_selection_travail i{display: inline-block; padding: 0 5px 0 0; vertical-align: bottom; font-size: 1.4rem;}
.titre_selection_travail:hover{color:#F7931D;}

.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:#11a8a8;}


.descriptif-a{display:block; padding:0 0 10px 0; margin:0; font-size:0.8rem; font-weight:400; font-style: italic; color:#999;box-sizing:border-box;}
.descriptif-a a{text-decoration:none; color:#11a8a8;}
.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:#11a8a8 !important;}
.vert{color:#45ae65 !important;}



.bodyiframeajax{ overflow-x:hidden; position:relative; background: white;}

.bodyiframeajax .case-a-cocher{color:#555; padding: 2px 10px 0 25px; margin: 12px 0 10px 0;}
.bodyiframeajax .case-a-cocher i.active {display: inline-block;}
.bodyiframeajax .case-a-cocher i { padding: 0; top: 2px; font-size: 1.4rem; }



.conteneur-lightbox .listing-accordeon{display:block; padding:10px 0 20px 0; margin:0; box-sizing:border-box;}
.conteneur-lightbox .listing-accordeon li{display:block; padding:0 0 0 0; margin:0; border-bottom:solid 1px #ececec;  box-sizing:border-box;}
.conteneur-lightbox .listing-accordeon li:hover{border-color:#F7931D;}
.conteneur-lightbox .listing-accordeon li .titre{display:block; padding:0 0 5px 0; margin:0; font-size:0.7rem; text-transform: uppercase; font-weight:500; color:#11a8a8; box-sizing:border-box; transition: 0.3s ease;}
.conteneur-lightbox .listing-accordeon li .titre:hover{color:#F7931D;}
.conteneur-lightbox .listing-accordeon li .titre:hover i{color:#F7931D;}
.conteneur-lightbox .listing-accordeon li .titre .open{display:inline-block; vertical-align: middle; position: static; text-align: left; margin:0 0 0 5px; width: auto; height: auto; line-height: 1; }
.conteneur-lightbox .listing-accordeon li .titre .open .ferme{display:inline-block; vertical-align: super; padding:0; margin:0; width: auto; height: auto; line-height: 1; font-size: 0.9rem;}
.conteneur-lightbox .listing-accordeon li .titre .open .ouvert{display:none; vertical-align: super; padding:0; margin:0; width: auto; height: auto; line-height: 1; font-size: 0.9rem; }
.conteneur-lightbox .listing-accordeon li .detail{display:none; padding:20px 0px 20px 0; margin:0; }
.conteneur-lightbox .listing-accordeon .ouvert .titre .open .ferme{display:none;}
.conteneur-lightbox .listing-accordeon .ouvert .titre .open .ouvert{display:inline-block;color:#F7931D;}
.conteneur-lightbox .listing-accordeon .ouvert .detail{display:block;}
.conteneur-lightbox .listing-accordeon .ouvert{border-color:#F7931D;}
.conteneur-lightbox .listing-accordeon .ouvert .titre{color:#F7931D;}



.titre-libelle{display:block; padding:0 0 5px 0; margin:0; font-size:0.7rem; text-transform: uppercase; font-weight:500; color:#11a8a8; box-sizing:border-box;}
.inputtextnew{display:block; width:100%; padding:5px 10px; margin:0 0 10px 0; border-radius:0;  border:none; outline:none; box-shadow:none;  background-color:#ececec; color:#555; outline:none; font-size:0.8rem; font-weight:500; box-sizing:border-box; transition:all 0.5s ease;}
.inputtextnew:focus{background-color:#F7931D !important; color:#fff;}
select.inputtextnew:focus{background-color:#ececec !important; color:#555;}
.areatextnew{display:block; width:100%; padding:5px 10px; margin:0 0 10px 0; border-radius:0;  border:none; outline:none; box-shadow:none;  background-color:#ececec; color:#555; outline:none; font-size:0.8rem; font-weight:500; box-sizing:border-box; transition:all 0.5s ease;}
.areatextnew:focus{background-color:#F7931D; color:#fff;}
.inputtextnew.calendrier{font-size: 0.8rem;}
.titre-lightbox{display: block; background-color: #11a8a8; 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;}

.inputboutoninverse{display:inline-block; text-decoration:none; cursor:pointer; padding:10px 15px; margin:0 0 0 0; border-radius:0; outline:none; border:none; background-color:#11a8a8; color:#fff; outline:none; font-size:0.7rem; text-transform: uppercase; font-weight:500; box-sizing:border-box; transition:all 0.6s ease;}
.inputboutoninverse.superadmin{background-color:#0d9ef4; }
.inputboutoninverse:hover{background-color:#F7931D; }
.inputboutoninverse i{display:inline-block; vertical-align:baseline;  padding:0 5px 0 0; margin:0;}

.inputboutontypebloc{display:inline-block; text-align: center; text-decoration:none; cursor:pointer; padding:15px 20px; margin:0 0 0 0; border-radius:0; outline:none; border:solid 1px #11a8a8; background-color: white;  color:#11a8a8; outline:none; font-size:0.8rem; text-transform: uppercase; font-weight:500; box-sizing:border-box; transition:all 0.6s ease;}
.inputboutontypebloc i{display:block; font-size: 1.6rem; padding:0 0 10px 0; margin:0;}
.inputboutontypebloc:hover{background-color:#11a8a8; color: white;}


.tox-tinymce{margin-bottom: 10px !important;}

.panneau-onglet-stats li{font-size: 0.7rem !important;}
/*TABLEAU PETIT SECIAL LIGHTBOX*/
.tableau-special-lightbox{display:block; padding:0px 0; margin:0; box-sizing:border-box;}
.tableau-special-lightbox li{display:table; width:100%; border-spacing:0; padding:0; margin:0; border-bottom:solid 1px #ececec; font-size:0.75rem; font-weight:400; color:#555; box-sizing:border-box; transition:all 0.6s ease;}
.tableau-special-lightbox li .colonne{display:table-cell; vertical-align:middle; padding:1px 5px; margin:0; height:auto; position:relative; box-sizing:border-box; word-wrap: anywhere;}
.tableau-special-lightbox li:hover{background-color:#ececec;}
.tableau-special-lightbox li.entete:hover{background-color:#fff;}
.tableau-special-lightbox li .action{display:block; width:100%; padding:0; margin:0; box-sizing:border-box;}
.tableau-special-lightbox li .action li{display:inline-block; width: auto; vertical-align:middle; padding:0; margin:0; border:none; box-sizing:border-box;}
.tableau-special-lightbox li .action li button{display:inline-block; 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.6s ease;}
.tableau-special-lightbox li .action li button.green{color:#45ae65;}
.tableau-special-lightbox li .action li button.orange{color:#fba464;}
.tableau-special-lightbox li .action li button.red{color:#d24848;}
.tableau-special-lightbox li .action li button.blue{color:#11a8a8 ;}
.tableau-special-lightbox li .action li button.green:hover{background-color:#45ae65; color:white !important;}
.tableau-special-lightbox li .action li button.orange:hover{background-color:#fba464; color:white !important;}
.tableau-special-lightbox li .action li button.red:hover{background-color:#d24848; color:white !important;}
.tableau-special-lightbox li .action li button.blue:hover{background-color:#11a8a8 ; color:white !important;}
.tableau-special-lightbox li .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:5px; box-sizing:border-box; transition:all 0.6s ease;}
.tableau-special-lightbox li .action li a.green{color:#45ae65;}
.tableau-special-lightbox li .action li a.orange{color:#fba464;}
.tableau-special-lightbox li .action li a.red{color:#d24848;}
.tableau-special-lightbox li .action li a.green:hover{background-color:#45ae65; color:white !important;}
.tableau-special-lightbox li .action li a.orange:hover{background-color:#fba464; color:white !important;}
.tableau-special-lightbox li .action li a.red:hover{background-color:#d24848; color:white !important;}
.tableau-special-lightbox li .centre{text-align:center;}
.tableau-special-lightbox li .droite{text-align:right;}
.tableau-special-lightbox li .colonne .icone{display: block; font-size: 1.4rem; padding: 0 20px 0 0px;}
.tableau-special-lightbox li .colonne .infobulle{display:none; width: 100%; box-sizing: border-box; z-index:9999; position:absolute; left:0; top:100%; background-color:#d24848; color:white; text-align:center; font-size:0.7rem; line-height: 1rem; padding:8px 5px; font-weight:700; font-style:italic; border-radius:5px;}
.tableau-special-lightbox 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:#555; }
.tableau-special-lightbox li .colonne:hover .infobulle{display:block;}

.tableau-special-lightbox2{height: auto !important;}
.tableau-special-lightbox2 li.entete{background-color:#11a8a8; text-align:center; color:#fff; text-transform:uppercase; font-size:0.7rem; font-weight:700;}
.tableau-special-lightbox2 li.entete:hover{background-color:#11a8a8;}
.tableau-special-lightbox2 li{padding: 5px 0;}





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

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


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


/*--FORMULAIRE_________________________________________________________*/
#bodyformulaire .fil-ariane { left: 50%; width: 1000px; margin:0 0 0 -500px; z-index: 999999; padding:0;}
#bodyformulaire .wrapper {z-index: 9;display: block;padding: 80px 40px 50px 40px;margin: 0px auto 0 auto;max-width: 1000px;box-sizing: border-box;background-color: white;position: relative;}
#bodyformulaire .fil-ariane .titre {min-width: auto;padding: 0 20px;margin: 0 0 0 120px;height: 60px;line-height: 60px;font-size: 0.9rem;font-weight: 600;text-align: center;text-transform: none;color: #11a8a8; background-color:transparent;box-sizing: border-box;}

#bodyformulaire .formulaire-ariane{display:table; width:100%;  table-layout:fixed; padding:30px 30px; margin:0; text-align:center; box-sizing:border-box;}
#bodyformulaire .formulaire-ariane li{display:table-cell; transition:all 0.4s ease; padding:10px 2px; text-align:center; vertical-align:middle; margin:0; border:solid 1px #ececec; font-size:1rem; font-weight:600; color:#11a8a8; box-sizing:border-box;}
#bodyformulaire .formulaire-ariane li.active{background-color:#11a8a8; color:white;}
#bodyformulaire .inputboutonbis {display: inline-block;text-decoration: none;cursor: pointer;padding: 15px 25px;margin: 30px 0 0px 0;border-radius: 5px;border: solid 1px #a3a3a3;background-color: #fff;color: #999;outline: none;font-size: 0.9rem;text-transform: uppercase;font-weight: 600;}
#bodyformulaire .inputboutonbis:hover{border-color:#11a8a8;background-color:#11a8a8;color:white; }


#bodyformulaire .fil-ariane .logoprevention{display:block; position:absolute; top:0; left:0%; width:120px; height:60px; margin:0; background-size: contain; background-color:#11a8a8; background-repeat:no-repeat; background-position:center;}
#bodyformulaire .fil-ariane .logoprevention img{width:110px; margin: 10px 0 0 5px;}
#bodyformulaire .fil-ariane .logoclient{display:block; width:120px; height:60px; margin:0 10px; background-size: contain; background-repeat:no-repeat; background-position:center;}

@media screen and (max-width: 1200px){
	#bodyformulaire .fil-ariane .logoprevention{height:50px;}
	#bodyformulaire .fil-ariane .titre{padding:0 10px; height:50px; line-height:50px; font-size:0.7rem; }
	
}


@media screen and (max-width: 1000px){
	#bodyformulaire .fil-ariane { left: 0%; width: 100%; margin:0;}
	#bodyformulaire .fil-ariane .titre{min-width:auto;color:#11a8a8;  background-color:transparent; padding:0 10px 0 20px; text-transform:none; font-size:0.9rem;}


}
	
@media screen and (max-width: 760px){
	#bodyformulaire .wrapper {padding: 80px 20px 50px 20px;}

	#bodyformulaire .formulaire-ariane{padding:20px 0px 0 0 ; margin:0; }
	#bodyformulaire .fil-ariane{padding:0 0 30px 0; height:80px;}
	#bodyformulaire .fil-ariane .titre{display:block; position:absolute; background-color:#11a8a8; color:white; padding:0 5px; overflow: hidden; text-overflow:ellipsis; word-wrap: break-word; margin:0; bottom:0; left:0; height:30px; font-size:0.8rem; font-weight:500; line-height:30px; width:100%;}
}
@media screen and (max-width: 500px){
	#bodyformulaire .fil-ariane .logoclient{display:none;}
}
@media screen and (max-width: 320px){
	#bodyformulaire .fil-ariane ul li .opensousmenu{display:none !important;}
}


#bodyformulaire .question div img{max-width: 100% !important; width: 100% !important;}

.question{display:block; padding:30px 30px; margin:0; text-align:center; box-sizing:border-box;}
.question .titre{display:block; padding:0 0 5px 0; margin:0; font-size:2rem; font-weight:300; color:#11a8a8; box-sizing:border-box;}
.question .descriptif{display:block; padding:0 0 15px 0; margin:0; font-size:0.9rem; font-weight:500; color:#999; font-style:italic; box-sizing:border-box;}
.question .retourselection{display:block; padding:5px 0 0px 0; margin:0; font-size:2.4rem; font-weight:600; color:#11a8a8; box-sizing:border-box;}
.question .info-question-parcours-fin-questionnaire{display:block; padding:30px 0; margin:0; font-size:1.2rem; line-height: 1.5rem; text-align: center; font-weight:600; color:#999; font-style:italic; box-sizing:border-box;}


.questionchoixuniquebarre{display:table; width:100%;  table-layout:fixed; padding:30px 30px; margin:0; text-align:center; box-sizing:border-box;}
.questionchoixuniquebarre li{display:table-cell; cursor:pointer; transition:all 0.4s ease; padding:20px 10px; text-align:center; vertical-align:middle; margin:0; border:solid 1px #ececec; font-size:1rem; font-weight:600; color:#11a8a8; box-sizing:border-box;}
.questionchoixuniquebarre li:hover{background-color:#222; color:white;}
.questionchoixuniquebarre li.active{background-color:#11a8a8; color:white;}
.questionchoixuniquebarre li.active-vert{background-color:green; color:white;}
.questionchoixuniquebarre li.active-rouge{background-color:red; color:white;}

.questionchoixmultiplebarre{display:table; width:100%;  table-layout:fixed; padding:30px 30px; margin:0; text-align:center; box-sizing:border-box;}
.questionchoixmultiplebarre li{display:table-cell; cursor:pointer; transition:all 0.4s ease; padding:20px 10px; text-align:center; vertical-align:middle; margin:0; border:solid 1px #ececec; font-size:1rem; font-weight:600; color:#11a8a8; box-sizing:border-box;}
.questionchoixmultiplebarre li:hover{background-color:#222; color:white;}
.questionchoixmultiplebarre li.active{background-color:#11a8a8; color:white;}
.questionchoixmultiplebarre li.active-vert{background-color:green; color:white;}
.questionchoixmultiplebarre li.active-rouge{background-color:red; color:white;}


/*.question img{display:block; width:100%; height:auto; padding:0; margin:0 0 20px 0; box-sizing:border-box;}*/
.question iframe{display:block; width:100%; height:500px; padding:0; margin:0 0 20px 0; box-sizing:border-box;}
.question .commentaire{display:block; padding:40px 0 5px 0; margin:0; font-size:0.85rem; font-weight:500; color:#999; font-style:italic; text-align:left; box-sizing:border-box;}

@media screen and (max-width: 760px){
	.question{display:block; padding:30px 0 20px 0px;}
	.question .titre{font-size:1.2rem; font-weight:600; }
	.question .descriptif{padding:0 0 10px 0;font-size:0.8rem; font-weight:500; }
}


.recherchepersonneenvoiformulaire, .rechercheintervenantenvoiformulaire{display:none; position:absolute; z-index:99999; top:0px; right:0%;  width:100%; margin:0; padding:50px 50px; height:100%; overflow:hidden; overflow-y:auto; border:none; background-color:white; box-sizing: border-box; }





/*LES BOUTONS---------------------------------------------------------------*/
.inputbouton{display:inline-block; text-decoration:none; cursor:pointer; padding:10px 15px; margin:0 0 0 0; border-radius:0;  border:solid 1px #F7931D; background-color:#F7931D; color:#fff; outline:none; font-size:0.7rem; text-transform: uppercase;font-weight:500; box-sizing:border-box; transition:all 0.6s ease;}
.inputbouton.habilitation_formation_vert{background-color:#3CAA6C; border-color:#3CAA6C;}
.inputbouton.habilitation_formation_gris{background-color:#8C8C8C; border-color:#8C8C8C;}
.inputbouton.habilitation_formation_rouge{background-color:#FF4747; border-color:#FF4747;}
.inputbouton:hover{border-color:#11a8a8;background-color:#11a8a8; }
.inputbouton i{display:inline-block; vertical-align:sub;  padding:0 5px 0 0; margin:0; font-size:1.2rem;}

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

.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:#999; outline:none; font-size:0.6rem; text-transform:uppercase;  font-weight:400; box-sizing:border-box; transition:all 0.6s ease;}
.inputboutonbis:hover{border-color:#11a8a8;background-color:#11a8a8;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:#11a8a8;background-color:#11a8a8;color:white; }
.inputboutonbis-rouge:hover{border-color:#222;background-color:#222;color:white; }
.inputboutonbis-vert:hover{border-color:#11a8a8;background-color:#11a8a8;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; margin-bottom: 10px;}
.custom-combobox-toggle {position: absolute;top: 0;bottom: 0; right:0; outline:none;margin:0; border-radius:0;  background:none; border:solid 1px #f7931d; background-color:#fff; padding: 0; width:40px;}
.custom-combobox-toggle:hover{background-color:#f7931d;}
.custom-combobox-input{margin:0;padding: 10px 10px;  outline:none;  background:#ececec; border-radius:0; font-size:0.7rem; font-weight:500; width:100%; color:#555; border:solid 1px #ececec; box-sizing:border-box; transition:all 0.6s ease;}
.custom-combobox-input:focus{border-color:#fff;background-color:#f7931d;color:white; }

.ui-autocomplete{border-radius:0; margin: 0; padding:0; background:none; border:solid 1px #f7931d; background-color:white; max-height:250px; overflow-y:auto; box-sizing:border-box; z-index: 9999999999999999 !important;}
.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.7rem; font-weight:500; color:#222; padding:2px 10px; margin:0; box-sizing:border-box; transition:all 0.6s ease;}
.ui-menu .ui-menu-item a:hover{border-radius:0; background:#f7931d; border:none; cursor:pointer; font-size:0.7rem; color:#fff;  padding:2px 10px; margin:0;}


/*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:5px; 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:#11a8a8; border-color:#11a8a8; }


/*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: #11a8a8; 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:#11a8a8; z-index:1; box-sizing:border-box;}
.barre-avancement .pourcent{position:absolute; right:0; top:-12px; z-index:9;}


/*UPLOAD DE FICHIERS---------------------------------------------------------------*/
.upload{display:block; overflow:hidden; position:relative; padding:5px 10px; margin:0 0 5px 0; font-size:0.8rem; font-weight:400; color:#f7931d; border:solid 1px #ececec; box-sizing:border-box; transition:all 0.6s ease;}
.upload:hover{border-color:#11a8a8;}
.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.6s ease;}
.case-a-cocher a{color:#999; text-decoration:none;}
.case-a-cocher:hover{color:#11a8a8;}
.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:5px;  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.6s ease;}
.bouton-push-radio:hover{border-color:#444;background-color:#444;color:white; }
.bouton-push-radio.active{border-color:#11a8a8;background-color:#11a8a8;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:5px;  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.6s ease;}
.bouton-push-radio-multiple:hover{border-color:#444;background-color:#444;color:white; }
.bouton-push-radio-multiple.active{border-color:#11a8a8;background-color:#11a8a8;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%;}
}

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


.bouton-date{display: block; text-decoration:none; color:#11a8a8; transition: all 0.4s ease; cursor: pointer;}
.bouton-date:hover{color:#f7941e; }

/*BLOC UTILE---------------------------------------------------------------*/
.bloc-normal{display:block; position:relative; padding:0 0 30px 0; margin:0; box-sizing:border-box;}
.bloc-50{display:inline-block; vertical-align: top; position:relative; padding:0 10px 20px 10px; margin:0; width:49%; 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 20px 30px 20px; 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;}

  .bloc-33-padding-droite{padding:0 20px 30px 0px; float:left; width:50%; box-sizing:border-box; border: none !important;}
  .bloc-33-centre{padding:0 0px 30px 20px; float:left; width:50%; box-sizing:border-box; border: none !important;}
  .bloc-33-padding-gauche{padding:30px 20px; float:left; width:100%; box-sizing:border-box; border: none !important;}
  	

}
@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;}

  .bloc-33-padding-droite{padding:0 0 30px 0px; float:none; width:100%; box-sizing:border-box; border: none !important;}
  .bloc-33-centre{padding:0 0 30px 0px; float:none; width:100%; box-sizing:border-box; border: none !important;}
  .bloc-33-padding-gauche{padding:0 0 30px 0px; float:none; width:100%; box-sizing:border-box; border: none !important;}

	#tableauquestionduformulaire .tableau-a{height:auto !important; max-height:400px;}
	#tableaubibliothequestions .tableau-a{height:auto !important; max-height:auto;}
	

}



/*CONNEXION---------------------------------------------------------------*/
.boite-connexion {
  display: inline-block;
  vertical-align: top;
  border-radius: 0;
  position: relative;
  z-index: 99;
  width: 300px;
  padding: 30px 30px;
  margin: 60px auto;
  max-width: 95%;
  background-color: white;
  box-sizing: border-box;
}
.boite-connexion img{display:block; padding:0 0 30px 0; margin:0 auto; width:90%; box-sizing:border-box;}
.boite-connexion label{
  display: block;
  padding: 5px 0 0px 0;
  margin: 0;
  color: #777;
  font-size: 0.8rem;
  font-weight: 400;
  box-sizing: border-box;
  text-align: left;
}
.boite-connexion label .input {
  display: block;
  width: 100%;
  outline: none;
  border: solid 1px #777;
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
  padding: 10px 10px;
  margin: 2px 0 0 0;
  color: #333;
  box-sizing: border-box;
  transition: all 0.4s ease;
  background-color: white;
  font-size: 0.8rem;
}
.boite-connexion label .input:focus{border-color:#11a8a8; background-color:#11a8a8; color:white;}
.boite-connexion #connexion{
  display: block;
  width: 100%;
  cursor: pointer;
  text-align: center;
  border-radius: 0;
  border: none;
  outline: none;
  box-shadow: none;
  text-shadow: none;
  padding: 15px 20px;
  margin: 15px 0 0 0;
  font-size: 0.75rem;
  color: white;
  background-color: #f39101;
  box-sizing: border-box;
  transition: all 0.4s ease;
  text-transform: uppercase;
  font-weight: 600;
}
.boite-connexion #connexion:hover{ background-color:#11a8a8;}
.boite-connexion .mdpforget {
  display: block;
  text-decoration: none;
  padding: 0;
  margin: 20px 0 0 0;
  color: #11a8a8;
  font-size: 0.8rem;
  font-weight: 400;
  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:5px; position:relative; z-index:99; width:600px; max-width: 95%; padding:30px 30px; margin:60px auto 60px auto; background-color:white; border:solid 4px #11a8a8; 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:#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 0 20px 0; font-size:0.9rem; font-weight:600; text-transform:uppercase; color:#11a8a8; 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:#F7931D; 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 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;}
.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:#11a8a8; 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:#11a8a8; color:#fff;}
	.menu-principal ul li a:hover{color:#fff; background-color:#11a8a8;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;}
}


/*FIL ARIANE---------------------------------------------------------------*/
.fil-ariane{z-index:99999; display:block; position:fixed; top:0; left:0; padding:0 0 0 270px; margin:0; width:100%; max-width:1570px; height:60px; background-color:#f7931d; 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.6s ease;}
.fil-ariane .back:hover{background-color:#222; color:#ccc;}
.fil-ariane .titre{display:inline-block; min-width:190px; 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:#11a8a8; 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 10px 0 10px; margin:0; height:60px; line-height:60px; color:#444;text-transform:uppercase; text-decoration:none; font-size:0.8rem; font-weight:600; box-sizing:border-box; transition:all 0.6s ease;}
.fil-ariane ul li .opensousmenu{cursor:default;}
.fil-ariane ul li a:hover,.fil-ariane ul li.active a{background-color:#11a8a8; 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:1rem;  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 .openmenuprincipal{display:none;}

/*clignotement de la notification*/
#cloche-notification{animation-name: clignote; animation-duration: 1s; animation-iteration-count:infinite;}
#cloche-notification2{animation-name: clignote; animation-duration: 1s; animation-iteration-count:infinite;}
@keyframes clignote { 0%{color:#11a8a8;} 50%{color:#11a8a8;} 100%{color:#11a8a8;} }


@media screen and (max-width: 1300px){
	.fil-ariane{padding:0 0 0 200px;}
}
@media screen and (max-width: 1200px){
	.fil-ariane{padding:0 0 0 150px; height:50px;}
	.fil-ariane .back{padding:0 10px; height:50px; line-height:50px; font-size:1rem;}
	.fil-ariane .titre{padding:0 10px; height:50px; line-height:50px; font-size:0.6rem; }
	.fil-ariane ul li a, .fil-ariane ul li .opensousmenu{padding:0 10px 0 10px; height:50px; line-height:50px; font-size:0.8rem; }
	.fil-ariane ul li a i, .fil-ariane ul li .opensousmenu i{font-size:1rem; }
	.fil-ariane ul li .opensousmenu img{padding:12px 0 0 0 ;width:25px;}
	
}
@media screen and (max-width: 1000px){
	.fil-ariane{padding:0; }
	.fil-ariane .noiphone{display:none !important;}
	.fil-ariane .back{display:none !important;}
	.fil-ariane .openmenuprincipal{display:inline-block; cursor:pointer; transition:all 0.4s ease; float:left; padding:0 20px; margin:0; height:50px; line-height:50px; font-size:0.85rem; font-weight:700; color:#fff;  background-color:#333; box-sizing:border-box;}
	.fil-ariane .openmenuprincipal:hover{background-color:black;}
	.fil-ariane .titre{min-width:auto;color:#11a8a8;  background-color:transparent; padding:0 10px 0 20px; text-transform:none; font-size:0.6rem;}
}
@media screen and (max-width: 760px){
	.fil-ariane{padding:0 0 30px 0; height:80px;}
	.fil-ariane .titre{display:block; position:absolute; background-color:#11a8a8; color:white; padding:0 5px; bottom:0; height:30px; left:0; font-size:0.8rem; font-weight:500; line-height:30px; width:100%;}
}
@media screen and (max-width: 320px){
	.fil-ariane ul li .opensousmenu{display:none !important;}
}




/*ZONE RECHERCHE + AJOUT---------------------------------------------------------------*/
.recherche{display:block; position:relative; border-radius:0px;  border:solid 1px #11a8a8; padding:20px 10px 10px 10px; margin:0; width:100%; box-sizing:border-box;}
.recherche .titre{display:inline-block; position:absolute; left:0px; top:-16px; height:30px; line-height:30px; padding:0 10px; margin:0; color:#11a8a8; background-color:#fff; font-size:0.7rem; text-transform: uppercase; box-sizing:border-box; }
.recherche .nouveau{display:block; border-radius:5px; position:absolute; top:0; right:-32%; background-color:#fff; padding:20px 30px; margin:0; width:30%; max-height:100%; text-align:center; font-size:0.9rem; font-weight:500; text-decoration:none; color:#999; box-sizing:border-box; transition:all 0.6s ease;}
.recherche .nouveau:hover{background-color:#11a8a8; color:#fff;}
.recherche .nouveau i{display:block; padding:0 0 10px 0; margin:0; font-size:2rem;}
.recherche button{display:inline-block; vertical-align:middle; padding:4px 10px 8px 10px; margin:0 0 10px 0 !important; background-color:#F7931D; color:white; font-size:0.9rem; font-weight:500; outline:none; border:none; border-radius:0px !important;  box-sizing:border-box; transition:all 0.6s ease;}
.recherche button:hover{background-color:#11a8a8; color:#fff;}
.recherche button i{padding:0; font-size: 1rem;}
.recherche .inputtext{margin:0;}
.recherche .tableau-a{display:block; padding:0; margin:0; box-sizing:border-box;}
.recherche .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:#999; box-sizing:border-box; transition:all 0.6s ease;}
.recherche .tableau-a li .colonne{display:table-cell; vertical-align:middle; padding:0 5px; margin:0; height:50px; position:relative; box-sizing:border-box; }
.recherche .tableau-a li:hover{background-color:transparent;  border:none;}
.recherche .tableau-a li .colonne.col20{width:20% !important;}
.recherche .tableau-a li .colonne.col50{width:50% !important;}
@media screen and (max-width: 1400px){
	.recherche{ border-radius:0px;  border:solid 1px #999; padding:20px; margin:0;}
	.recherche .titre{font-size:0.9rem; }
	.recherche .nouveau{border-radius:5px !important;padding:15px 5px; font-weight:600;font-size:0.75rem; }
	.recherche .nouveau i{padding:0 0 5px 0; margin:0; font-size:1.6rem;}
	

}
@media screen and (max-width: 760px){
	.recherche{ width:100% !important; border:solid 1px #999; padding:10px 10px 10px 10px; margin:0;}
	.recherche .titre{font-size:0.75rem; position:static; height:auto; line-height:1; padding:0 0 0 10px; }
	.recherche .nouveau{position:static; width:100%; height:auto; top:0; left:0; border-radius:0px !important;padding:15px 5px; font-weight:600;font-size:0.75rem; text-transform:uppercase;}
	.recherche .nouveau i{display:inline-block; vertical-align:text-bottom; padding:0 5px 0px 0; margin:0; font-size:1rem;}
	.recherche .nouveau br{display:none;}

}
@media screen and (max-width: 500px){
	.recherche .tableau-a .colonne{display:block !important; width:100% !important; height:auto !important;padding:5px !important;}
	.recherche .tableau-a li .colonne.col20{width:100% !important;}
	.recherche .tableau-a li .colonne.col50{width:100% !important;}
	.recherche .titre{padding:0 0 10px 10px; }
	

}



/*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:#333; outline:none; font-size:0.8rem; font-weight:700; box-sizing:border-box; transition:all 0.6s ease;}
.listing-fichier a:hover{color:#F7931D; }
.listing-fichier a i{display:inline-block; vertical-align:sub;  padding:0 5px 0 0; margin:5px 0 0 0; font-size:1rem;}



/*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:#333; outline:none; font-size:0.8rem; font-weight:400; box-sizing:border-box; transition:all 0.6s ease;}
.listing-liens_bis a{color: #11a8a8;}
.listing-liens a:hover{color:#F7931D; }
.listing-liens a i{display:inline-block; vertical-align:sub;  padding:0 5px 0 0; margin:5px 0 0 0; font-size:1rem;}
.listing-liens .a{display:block; cursor:pointer; padding:2px 0; margin:5px 0 0 0; text-decoration:none; color:#333; outline:none; font-size:0.8rem; font-weight:400; box-sizing:border-box; transition:all 0.6s ease;}
.listing-liens .a:hover{color:#F7931D; }
.listing-liens .a i{display:inline-block; vertical-align:sub;  padding:0 5px 0 0; margin:5px 0 0 0; font-size:1rem;}




/*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:#11a8a8;}
.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.6s ease;}
.listing-accordeon li .titre:hover{color:#11a8a8;}
.listing-accordeon li .titre:hover i{color:#11a8a8;}
.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:#11a8a8;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:#11a8a8;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:#11a8a8;}
.listing-accordeon .ouvert .titre{color:#11a8a8;}
.listing-accordeon .ouvert .titre i{color:#11a8a8;}
@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 LARGEUR AUTO---------------------------------------------------------------*/
	.tableau-f {
		display: block;
		padding: 0;
		margin: 100px 0 0 0;
		box-sizing: border-box;
	}
	
	.tableau-f li {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 0;
		padding: 0;
		margin: 0;
		border-bottom: solid 1px #ddd;
		text-decoration: none;
		font-size: 0.9rem;
		font-weight: 600;
		color: #777;
		box-sizing: border-box;
		transition: all 0.3s ease;
	}
	
	.tableau-f li .colonne {
		display: table-cell;
		position: relative;
		vertical-align: middle;
		padding: 0 5px;
		margin: 0;
		height: 60px;
		box-sizing: border-box;
		border-right: solid 1px #ddd;
		transition: all 0.3s ease;
	}
	
	.tableau-f li.entete .colonne {
		border: none;
	}
	
	
	
	
	.tableau-f li.entete .colonne .hr1 {
		display: block;
		border: none;
		padding: 0;
		margin: 0;
		width: 160px;
		height: 1px;
		position: absolute;
		bottom: 0;
		left: 0;
		transform-origin: top left;
		transform: rotate(-45deg);
		background-color: #11a8a8;
	}
	
	.tableau-f li.entete .colonne .ligne1 {
		display: block;
		overflow: hidden;
		padding: 0;
		margin: 0 0 0 5%;
		width: 160px;
		height: auto;
		position: absolute;
		bottom: 2px;
		left: 50%;
		transform-origin: bottom left;
		transform: rotate(-45deg);
		background-color: white;
		color: #11a8a8;
		font-weight: 700;
		font-size: 0.9rem;
		text-align: left;
	}
	
	
	.tableau-f li.entete .colonne .hr2 {
		display: none;
		border: none;
		padding: 0;
		margin: 0;
		width: 160px;
		height: 1px;
		position: absolute;
		bottom: 0;
		right: 0;
		transform-origin: top right;
		transform: rotate(-45deg);
		background-color: #11a8a8;
	}

  .barre-separation{display: block; padding: 0; margin: 30px auto; height: 1px; width: 70px; border: none; background-color: #999;}

  .voir_docu_lien_simple{ display: block; padding:0; margin: 0 0 5px 0; text-align: left; font-weight: normal; font-size: 0.8rem; text-decoration:none;color: #11a8a8;  }
  .voir_docu_lien_simple:hover{text-decoration: underline;}
  .voir_docu_lien_simple i{display:inline-block; vertical-align:middle;}

	.texte-active {
		color: #f7941e !important;
		opacity: 1 !important;
	}
	
	.colonne-ligne-active {
		background-color: rgba(242, 116, 66, 0.1);
	}
	
	.tableau-f li .colonne:hover {
		background-color:  rgba(242, 116, 66, 0.1) !important;
		opacity: 1 !important;
		color: #11a8a8 !important;
	}

	.tableau-f li.entete .colonne:hover {
		background-color: white !important;
		opacity: 1 !important;
		color: white !important;
		cursor: default;
		border-color: transparent;
	}

	.tableau-f li .colonne:first-of-type:hover {
		background-color: white !important;
		opacity: 1 !important;
		color: #777 !important;
		cursor: default;
		border-color: #ddd !important;
	}

	.tableau-f li .colonne:hover .inputtext {cursor: pointer;}
	.tableau-f li .colonne .inputtext {background-color:white; padding:10px 5px;}

.tableau-f.scroll{position: fixed;
top: 60px;
background-color: white;
z-index: 1;
margin: 0;
padding-top: 100px;}

/*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.6s ease;}
.tableau-a li.entete{background-color:#11a8a8; 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:#11a8a8;}
.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.6s 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:5px; box-sizing:border-box; transition:all 0.6s 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;}
.tableau-a li .colonne .infobulle{display:none; width: 100%; box-sizing: border-box; z-index:9999; position:absolute; left:0; top:100%; background-color:#d24848; 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:#d24848; }
.tableau-a li .colonne:hover .infobulle{display:block;}

.tableau-ligne-formulaire  li form{display:table; width:100%; border-spacing:0; padding:0; margin:0; border-bottom:none; font-size:0.8rem; font-weight:300; color:#222; box-sizing:border-box; transition:all 0.6s ease;}
.tableau-ligne-formulaire.nohover li.entete:hover{background-color:#11a8a8 !important; }

@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 #11a8a8; 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 #11a8a8;}

	.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: 770px){
  .tableau-a{padding: 0 !important;}
	.tableau-a li{width:100%; display:block;margin:5px 0%; padding: 20px 0 0 0;box-sizing: border-box;}
  .tableau-a li .colonne{border: none !important;box-sizing: border-box;}
  .tableau-a li .colonne .bouton-push-radio, .tableau-a li .colonne .bouton-push-radio-multiple { margin: 5px 0;}

  .titre-lightbox { padding: 20px 50px 20px 50px;font-size: 0.7rem; line-height: 0.9rem;}
  .titre-lightbox i { width: 50px; font-size: 1.3rem; }
  .conteneur-lightbox { padding: 20px 10px 80px 10px; }
	

}

@media screen and (max-width: 600px){
	
	

}



.mosaique-formulaire{display:block; text-align:left; padding:0; margin:50px 0;}
.mosaique-formulaire li{transition:all 0.4s ease; position:relative; display:inline-block; vertical-align:top; width:23%; margin:20px 1% 20px 0; padding:20px 20px; border:solid 1px #11a8a8; box-sizing:border-box; text-align:center;}
.mosaique-formulaire li .icone{transition:all 0.4s ease; display:block; position:absolute; width:60px; height:60px; border-radius:50%; left:50%; top:-30px; background-color:#11a8a8; color:white; line-height:60px; font-size:1.4rem; padding:0; margin:0 0 0 -30px;}
.mosaique-formulaire li .titre{transition:all 0.4s ease; display:block; padding:20px 0 10px 0; margin:0; box-sizing:border-box; color:#11a8a8; font-size:2rem; font-weight:600;}
.mosaique-formulaire li .nbquestion{display:block; padding:10px 0 0 0; margin:0; box-sizing:border-box; border-top:dashed 1px #11a8a8; color:#466287; font-size:1.2rem; font-weight:500;}
.mosaique-formulaire li .categorie{display:block; padding:0px 0 10px 0; margin:0; box-sizing:border-box; border-bottom:dashed 1px #11a8a8; color:#466287; font-size:1rem; font-weight:500; font-style:italic;}
.mosaique-formulaire li .societe{display:block; padding:10px 0 0px 0; margin:0; box-sizing:border-box; color:#777; font-size:0.7rem; font-weight:400; text-transform:uppercase;}
.mosaique-formulaire li .site{display:block; padding:0px 0 0px 0; margin:0; box-sizing:border-box; color:#777; font-size:0.7rem; font-weight:400;  text-transform:uppercase;}
.mosaique-formulaire li .libelle{display:block; padding:10px 0 10px 0; margin:0; box-sizing:border-box; color:#777; font-size:0.9rem; font-weight:700; }
.mosaique-formulaire li .bouton-form{display:inline-block; padding:0; margin:0; box-sizing:border-box; width:100%; }
.mosaique-formulaire li .bouton-form button{transition:all 0.4s ease; display:block;  box-sizing:border-box;width:100%; border:none; outline:none; box-shadow:none; cursor:pointer; background-color:#11a8a8; color:white; margin:10px 0 0px 0; padding:10px 5px; font-size:0.9rem; font-weight:700;}
.mosaique-formulaire li .bouton-form .button{background-color:#d24848;}
.mosaique-formulaire li .bouton-form button i{display:inline-block; padding:0 5px 0 0; font-size:1.2rem; vertical-align: middle;}
.mosaique-formulaire li .bouton-form button:hover{background-color:#466287;}
.mosaique-formulaire li:hover{border-color:#466287;}
.mosaique-formulaire li:hover .icone{background-color:#466287;}
.mosaique-formulaire li:hover .numero{color:#466287;}



/*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.6s ease;}
.tableau-b li a.alert{color:#d24848;}
.tableau-b li a.nonlu{font-weight:900;}
.tableau-b li.entete a{background-color:#11a8a8;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 #11a8a8;}
.tableau-b li.entete a:hover{background-color:#11a8a8; 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 #11a8a8;}
	.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 #11a8a8;}
	

}

@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:#11a8a8;}
.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 #11a8a8; color:#11a8a8; font-size:0.9rem; text-align:center;}
.tableau-c li .colonne a:hover, .tableau-c li .colonne a.active{background-color:#11a8a8; 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.6s ease;}
.tableau-d li a.alert{color:#d24848;}
.tableau-d li a.nonlu{font-weight:900;}
.tableau-d li.entete a{background-color:#11a8a8; 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 #11a8a8;}
.tableau-d li.entete a:hover{background-color:#11a8a8;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:#11a8a8; font-size:2rem;}
.tableau-d li a .colonne i.ferme{display:block; color:#11a8a8; 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.6s ease;}
.tableau-e .block li.entete{background-color:#11a8a8; 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:#11a8a8;}
.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.6s ease;}
.tableau-e .block li .action li button.green{color:#11a8a8;}
.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:#11a8a8;}
.tableau-e .block li .action li button.green:hover{background-color:#11a8a8; 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:#11a8a8; 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:#11a8a8; 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.8rem; font-style:italic; font-weight:300; color:#888; 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;}
@media screen and (max-width: 1400px){
	.legende{margin:0 0 10px 0;}
	.legende li{display:inline-block; padding:0; margin:0 5px 0 0; font-size:0.75rem; font-weight:500; }
	.legende li.titre{font-weight:600; font-size:0.6rem;}
}
@media screen and (max-width: 760px){
	.legende{margin:0 0 10px 0;}
	.legende li{display:block; padding:0; margin:0 0 0 0; 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:#11a8a8; 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.6s 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:#11a8a8; 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.6s ease;}
.tableau-accordeon-evolue li.entete .tableau-accordeon-toutafficher:hover, .tableau-accordeon-evolue li.entete .tableau-accordeon-toutcacher:hover{color:#11a8a8;}
.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:#11a8a8; cursor:pointer; text-align:right; box-sizing:border-box; transition:all 0.6s 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:#11a8a8; font-style:italic; cursor:pointer; text-align:right; box-sizing:border-box; transition:all 0.6s 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 20px; margin:0; height:50px; line-height:50px; font-size:1rem; text-transform:uppercase; font-weight:500; border:solid 1px #ececec; color:#999; box-sizing:border-box; transition:all 0.6s ease;}
.panneau-onglet li:hover{background-color:#11a8a8; color:white; border-color:#11a8a8;}
.panneau-onglet li.active{background-color:#11a8a8; color:white; border-color:#11a8a8;}
.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 #11a8a8;  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: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.6s ease;}
.mosaique-a li:hover{border-color:#11a8a8;}
.mosaique-a li i{display:block; margin:0 auto; text-align:center; color:#11a8a8; font-size:3rem; padding:0 0 10px 0; height:60px; box-sizing:border-box; }
.mosaique-a li .titre{display:block; color:#11a8a8; 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:#222; padding:0 0 30px 0; margin:0; font-size:0.85rem; height:30px; font-weight:400; 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:#11a8a8; text-decoration:none; box-sizing:border-box; transition:all 0.6s ease; }
.mosaique-a li:hover a{background-color:#11a8a8;}
.mosaique-a li a:hover{background-color:#11a8a8;}
@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.6s ease;}
.mosaique-b li:hover{border-color:#11a8a8;}

@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:#11a8a8;}
.mosaique-c li .titre{display:block; color:#11a8a8; 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; }

hr.plansitebarre { z-index:1;
    display: block;
    height: 50px;
    border: 0;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
    border-top: none;
    margin: 0;
    padding: 0;
    width: 2px;
    position: absolute;
    top: 0;
    left: 50%;
    background-color: #ececec;
}

hr.normal{top:-50px;}hr.sous{top:-80px;}

.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:50px; left:50%; width:450px; max-height:90%; padding:20px 10px; border-top:solid 3px transparent; margin:0px 0 0 -225px; 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.6s ease;}
.lightbox-message-wrapper .retour-lightbox-simple:hover{background-color:#11a8a8 !important;}
.lightbox-message-wrapper.erreur{border-color:#d24848;}
.lightbox-message-wrapper.erreur .lightbox-message-contenu .erreur{display:block; color:#d24848;}
.lightbox-message-wrapper.erreur .retour-lightbox-simple{background-color:#d24848;}
.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:#2f89d4;}
.lightbox-message-wrapper.info .lightbox-message-contenu .info{display:block; color:#2f89d4;}
.lightbox-message-wrapper.info .retour-lightbox-simple{background-color:#2f89d4;}


.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;}



.lightbox-message-wrapper.info {border-color: #11a8a8; border-width: 8px;}
.lightbox-message-wrapper { color: #555; padding: 20px 20px; }
.lightbox-message-wrapper .lightbox-message-contenu {font-size: 0.9rem; font-weight: 500;}
.lightbox-message-wrapper .lightbox-message-contenu i {display: none !important;}
.lightbox-message-wrapper.info .retour-lightbox-simple { background-color: #f7931d;}
.lightbox-message-wrapper .retour-lightbox-simple { height: auto; font-size: 0.65rem; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; line-height: 1; padding: 10px 15px;}




@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 #11a8a8; 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: 10px 5px; font-size: 0.9rem;   border-radius:0; margin:0; text-decoration:none; color:#999; background-color:transparent; border:solid 1px #ececec;  border-bottom: none; text-align:center;  font-weight:400; box-sizing:border-box; transition:all 0.4s ease;  }
.menu-interne ul li a:hover{background-color:#11a8a8; border-color:#11a8a8; color:white;}
.menu-interne ul li.active a{background-color:#11a8a8; border-color:#11a8a8; color:white;}

.menu-interne.espace-salarie ul li{display:block; float:left; width:16.666%; padding:0 10px; margin:0; box-sizing: border-box;}


.menu-interne-bis ul li{width:16.666%;}

@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,.menu-interne.espace-salarie ul{padding:0 0 20px 0; text-align:center; }
	.menu-interne ul li,.menu-interne.espace-salarie ul li{display:inline-block; vertical-align: top; float:none; width:auto; padding:5px 5px; margin:0; }
	.menu-interne ul li a br,.menu-interne.espace-salarie ul li a br{display:none;}
	.menu-interne ul li a.menu-interne.espace-salarie ul li a{padding:10px 10px; font-size:0.7rem; border-radius:0;text-transform:uppercase;font-weight:600;}


  .listing-grille-espace-salarie .grille { padding: 0px 0 50px 5px; }
  .listing-grille-espace-salarie .grille .icone { position: static; margin-bottom: 10px; font-size: 2rem;}
  .listing-grille-espace-salarie .grille .utilisateur { padding: 10px 0 10px 10px; }

  table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control { padding-left: 50px; }
  table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before { height: 45px; width: 45px; margin-top: -22px; line-height: 41px; z-index: 99; }

  .menu-interne-bis ul li{width:100%;}
  
}

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

}

.menu-interne-entete ul{border-bottom: solid 1px #f7941e;}
.menu-interne-entete ul li a{padding:20px 10px 16px 10px;font-size:1rem; }
.menu-interne-entete ul li a:hover{background-color:#f7941e; border-color:#f7941e; color:white;}
.menu-interne-entete ul li.active a{background-color:#f7941e; border-color:#f7941e; color:white;}

.menu-interne-little{padding: 0 0 10px 0; margin-top: -10px;}
.menu-interne-little ul{border-bottom:none;}
.menu-interne-little ul li a{padding:10px 5px;font-size:0.9rem; border-bottom: solid 1px #ececec;}
.menu-interne-little ul li a:hover{background-color:#fff; border-color:#11a8a8; color:#11a8a8;}
.menu-interne-little ul li.active a{background-color:#fff; border-color:#11a8a8; color:#11a8a8;}


/*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:#11a8a8; color:white;  animation: 0.7s linear 0s infinite clignotement_prise_controle;}
.retour-compte-origine:hover{background-color:#11a8a8;}
.retour-compte-origine button i{ font-size:2rem !important; padding-bottom:5px;color:#fff; }

.bande-ecran-haut{display: block; padding: 0; margin: 0; position:fixed; z-index:999999999;background-color:#11a8a8; width: 100%; height: 10px; top: 0; left: 0; animation: 0.7s linear 0s infinite  clignotement_prise_controle;}
.bande-ecran-bas{display: block; padding: 0; margin: 0; position:fixed; z-index:999999999;background-color:#11a8a8; width: 100%; height: 10px; bottom: 0; left: 0; animation: 0.7s linear 0s infinite  clignotement_prise_controle;}
.bande-ecran-droite{display: block; padding: 0; margin: 0; position:fixed; z-index:999999999;background-color:#11a8a8; width: 10px; height: 100%; top: 0; right: 0; animation: 0.7s linear 0s infinite  clignotement_prise_controle;}
.bande-ecran-gauche{display: block; padding: 0; margin: 0; position:fixed; z-index:999999999;background-color:#11a8a8; width: 10px; height: 100%; top: 0; left: 0; animation: 0.7s linear 0s infinite  clignotement_prise_controle;}


@keyframes clignotement_prise_controle { from { background-color:#11a8a8; } 50% { background-color:#f7941e; } to { background-color:#11a8a8; }  }





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