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

	 ========================================================================== */



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



.tinymce-content { white-space: normal !important; }





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



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

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

}





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

.wrapper{z-index:9; display:block; padding:0; margin:70px 30px 20px 300px; max-width:1240px; position:relative; box-sizing:border-box;}

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

	.wrapper{margin:70px 30px 20px 230px;}

	.loader-debut-chargement img{width:100px !important; height:100px !important; padding:0 0 0 250px !important;}

}

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

	.wrapper{margin:70px 30px 20px 180px;}

	.loader-debut-chargement img{width:100px !important; height:100px !important; padding:0 0 0 180px !important;}

}

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

	.wrapper{margin:80px 40px 70px 40px;}

	.loader-debut-chargement img{width:100px !important; height:100px !important; padding:0 0 0 0px !important;}

}

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

	.wrapper{margin:100px 20px 70px 20px;}

	.loader-debut-chargement img{width:50px !important; height:50px !important; padding:0 0 0 0px !important;}

	.background{display:none !important;}

	

}







.clear{clear:both;}

.centre{text-align:center;}

.droite{text-align:right;}

.gauche{text-align:left;}

.black{color:#444;}

.couleur-vive{color:#2b8dca;}

.bck-couleur-vive{background-color:#2b8dca;}

.border-couleur-vive{border:solid 1px #2b8dca;}

.barre{display:block; width:40px; height:1px; border:none; padding:0; margin:30px 0; text-align:left; background-color:#2b8dca; 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:#2b8dca; box-sizing:border-box;}







#voirinterlocuteurs{display:none; z-index:999999999; background-color:rgba(0, 0, 0, 0.7); position:fixed; top:0; left:0; width:100%; height:100%; padding:0; margin:0; box-sizing:border-box;overflow-y:auto;}

#voirinterlocuteurs .contenu{display:block; background-color:white; border:solid 4px #2b8dca; position:static; max-width:100%; width:600px; height:auto; padding:20px 10px; margin:70px auto; box-sizing:border-box;}



/*STYLE ECRITURE*/

.titre-a{display:block; padding:0 0 5px 0; margin:0; font-size:1.2rem; font-weight:500; color:#2b8dca; 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.95rem; font-weight:500; color:#444; font-style:italic; box-sizing:border-box;}

.titre-b a{text-decoration:none; color:#2b8dca;}

.titre-b a:hover{text-decoration:underline;}

.titre-c{display:block; padding:0 0 15px 0; margin:0; font-size:0.95rem; font-weight:500; color:#444; box-sizing:border-box;}

.titre-big{display:block; padding:0 0 10px 0; margin:0; font-size:1.5rem; font-weight:500; color:#2b8dca; box-sizing:border-box;}

.titre-big i{display:inline-block; vertical-align:text-top; padding:0 10px 0 0; font-size:2rem;}

.titre-avec-numero{display:block; position:relative; padding:5px 0 20px 50px; margin:0; font-size:1.6rem; font-weight:500; color:#2b8dca; 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:#2b8dca; box-sizing:border-box;}



.descriptif-a{display:block; padding:0 0 2px 0; margin:0; font-size:0.95rem; font-weight:500; color:#444;box-sizing:border-box;}

.descriptif-a a{text-decoration:none; color:#2b8dca;}

.descriptif-a a:hover{text-decoration:underline;}





@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.95rem !important; }

	



}



/*COULEUR*/

.rouge{color:#d24848  !important;}

.orange{color:#fba464 !important;}

.bleu{color:#2b8dca !important;}

.vert{color:#45ae65 !important;}













/*INPUT TEXT---------------------------------------------------------------*/

.inputtext{display:block; width:100%; padding:5px; margin:0 0 5px 0; border-radius:5px;  border:none; outline:none; box-shadow:none;  background-color:#ececec; color:#333; outline:none; font-size:0.95rem; font-weight:500; box-sizing:border-box; transition:all 0.5s ease;}

.inputtext:focus{background-color:#2b8dca; color:#fff; }



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

.areatext{display:block; width:100%; padding:5px; margin:0 0 5px 0; border-radius:5px;  border:none; outline:none; box-shadow:none;  background-color:#ececec; color:#333; outline:none; font-size:0.95rem; font-weight:500; box-sizing:border-box; transition:all 0.5s ease;}

.areatext:focus{background-color:#2b8dca; color:#fff;}

.simplewiziwig{display:block; width:100%; min-height: 120px; padding:5px; margin:0 0 5px 0; border-radius:5px;  border:none; outline:none; box-shadow:none;  background-color:#ececec; color:#333; outline:none; font-size:0.95rem; font-weight:500; box-sizing:border-box; transition:all 0.5s ease;}

.simplewiziwig:focus{background-color:#2b8dca; 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.95rem;font-weight: 600;text-align: center;text-transform: none;color: #2b8dca; 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:#2b8dca; box-sizing:border-box;}

#bodyformulaire .formulaire-ariane li.active{background-color:#2b8dca; 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: #444;outline: none;font-size: 0.95rem;text-transform: uppercase;font-weight: 600;}

#bodyformulaire .inputboutonbis:hover{border-color:#2b8dca;background-color:#2b8dca;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:#2b8dca; 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; 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.8rem; }

	

}





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

	#bodyformulaire .fil-ariane { left: 0%; width: 100%; margin:0;}

	#bodyformulaire .fil-ariane .titre{min-width:auto;color:#2b8dca;  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:#2b8dca; 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.9rem; 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;}

}







.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:500; color:#2b8dca; box-sizing:border-box;}

.question .descriptif{display:block; padding:0 0 15px 0; margin:0; font-size:0.95rem; font-weight:500; color:#444; 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:#2b8dca; 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:#2b8dca; box-sizing:border-box;}

.questionchoixuniquebarre li:hover{background-color:#222; color:white;}

.questionchoixuniquebarre li.active{background-color:#2b8dca; 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:#2b8dca; box-sizing:border-box;}

.questionchoixmultiplebarre li:hover{background-color:#222; color:white;}

.questionchoixmultiplebarre li.active{background-color:#2b8dca; 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.95rem; font-weight:500; color:#444; 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.9rem; 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:5px;  border:solid 1px #2b8dca; background-color:#2b8dca; color:#fff; outline:none; font-size:0.95rem; font-weight:500; box-sizing:border-box; transition:all 0.3s ease;}

.inputbouton:hover{border-color:#466287;background-color:#466287; }

.inputbouton i{display:inline-block; vertical-align:sub;  padding:0 5px 0 0; margin:0; font-size:1.2rem;}

.inputboutonbis{display:inline-block; text-decoration:none; cursor:pointer; cursor:pointer; padding:10px 15px; margin:0 0 10px 0; border-radius:5px;  border:solid 1px #ececec; background-color:#fff; color:#444; outline:none; font-size:0.9rem; text-transform:uppercase;  font-weight:500; box-sizing:border-box; transition:all 0.3s ease;}

.inputboutonbis:hover{border-color:#466287;background-color:#466287;color:white; }

.inputboutonbis i{display:inline-block; vertical-align:sub;  padding:0 5px 0 0; margin:0; font-size:1.2rem;}

.inputboutonbis-rouge:hover{border-color:#466287;background-color:#466287;color:white; }

.inputboutonbis-vert:hover{border-color:#466287;background-color:#466287;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.9rem !important; font-weight:500 !important;}



}

/*SELECT AUTOCOMPLETE JQUERY UI*/

.ui-helper-hidden-accessible,.ui-tooltip{display:none; opacity:0; visibility:hidden; width:0; height:0;}



.custom-combobox {position:relative; background:none;display: block; }

.custom-combobox-toggle {position: absolute;top: 0;bottom: 0; right:0; outline:none;margin:0; border-radius:0 5px 5px 0;  background:none; border:solid 1px #2b8dca; background-color:#fff; padding: 0; width:25px;}

.custom-combobox-input{margin:0;padding: 5px 10px;  outline:none;  background:#ececec; border-radius:5px; font-size:0.8rem; font-weight:500; width:100%; color:#222; border:solid 1px #ececec; box-sizing:border-box; transition:all 0.3s ease;}

.custom-combobox-input:focus{border-color:#444;background-color:#444;color:white; }



.ui-autocomplete{border-radius:0; margin: 0; padding:0; background:none; border:solid 1px #2b8dca; background-color:white; max-height:250px; overflow-y:auto; box-sizing:border-box;}

.ui-menu .ui-menu-item {margin: 0; padding:0; width: 100%; list-style-image:none; box-sizing:border-box;}

.ui-menu .ui-menu-item a{border-radius:0; background:none; border:none; cursor:pointer; font-size:0.8rem; font-weight:500; color:#222; padding:3px 10px; margin:0; box-sizing:border-box; }

.ui-menu .ui-menu-item a:hover{border-radius:0; background:#ececec; border:none; cursor:pointer; font-size:0.8rem; color:#444;  padding:3px 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:#444; border-color:#444; 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:#2b8dca; border-color:#2b8dca; }





/*BARRE AVANCEMENT NON MODIFIABLE*/

.barre-avancement{display:block; position:relative; width:100%; height:15px; margin:0; padding:0 5px 0 0; font-size:0.8rem; line-height:15px; font-weight:bold; font-style:italic; text-align:right;color: #2b8dca; 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:#2b8dca; z-index:1; box-sizing:border-box;}

.barre-avancement .pourcent{position:absolute; right:0; top:-15px; z-index:9;}





/*UPLOAD DE FICHIERS---------------------------------------------------------------*/

.upload{display:block; overflow:hidden; position:relative; padding:15px 20px; margin:0 0 5px 0; font-size:0.95rem; font-weight:500; color:#444; border:solid 1px #ececec; box-sizing:border-box; transition:all 0.3s ease;}

.upload:hover{border-color:#2b8dca;}

.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.95rem; font-weight:500; color:#444; cursor:pointer; box-sizing:border-box; transition:all 0.3s ease;}

.case-a-cocher a{color:#444; text-decoration:none;}

.case-a-cocher:hover{color:#2b8dca;}

.case-a-cocher a:hover{color:#444; 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;width: 23%;

vertical-align: top;

margin-top: 10px !important;

text-align: center !important;}

	.case-a-cocher i{position:static; padding:0 0 5px 0; font-size:2rem; text-align:center;}



	.tableau-a .case-a-cocher{padding:0;width: 100%;position: relative !important;}

}





/*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.95rem; font-weight:500; box-sizing:border-box; transition:all 0.3s ease;}

.bouton-push-radio:hover{border-color:#444;background-color:#444;color:white; }

.bouton-push-radio.active{border-color:#2b8dca;background-color:#2b8dca;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.95rem; font-weight:500; box-sizing:border-box; transition:all 0.3s ease;}

.bouton-push-radio-multiple:hover{border-color:#444;background-color:#444;color:white; }

.bouton-push-radio-multiple.active{border-color:#2b8dca;background-color:#2b8dca;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.95rem; font-weight:500; color:#444; 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;}



.pagination{display:inline-block; float:right; padding:5px 10px; margin:0;}

.pagination-nbre{font-size:0.95rem; height:40px; line-height:40px;}

.recherche-avancee{display:inline-block; text-decoration:none; text-align:left; font-size:0.95rem; color:#fc6e04; padding:10px 0 0 0; margin:0 20px 0 0;}

.recherche-avancee:hover{text-decoration:underline;}



.clicklien{display:block; font-weight:bold; color:#fc6e04; text-decoration:none; }

.clicklien:hover{text-decoration:underline;}





.listeinterlocuteursociete .clicklien{display:inline-block; font-weight:bold; color:#fc6e04; text-decoration:none; }





/*BLOC UTILE---------------------------------------------------------------*/

.bloc-normal{display:block; position:relative; padding:0 0 0px 0; margin:0; box-sizing:border-box;}

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

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

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

.bloc-fixe-onglet-60{z-index:9; display:block; position:fixed; top:110px; right:50px; padding:0; margin:0; width:calc(52% - 270px); height:calc(100% - 160px); box-sizing:border-box;}

.bloc-fixe-baniere-100{z-index:9; display:block; position:fixed; top:60px; right:0; padding:0; margin:0; width:calc(100% - 270px); height:40px; box-sizing:border-box;}

.bloc-interne-padding-gauche{display:block; padding:0 0 0 50px; margin:0; box-sizing:border-box;}



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

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



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



.bloc-33{display:block; position:relative; padding:0; margin:0; float:left; width:33.333%; box-sizing:border-box;}

.bloc-33-center{padding:0 10px;}



@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{display:block; position:relative; padding:0; margin:0; float:none; width:100%; box-sizing:border-box;}

	.bloc-33-center{padding:0 0px;}



}

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



	#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:5px; position:relative; z-index:99; width:350px; padding:30px 30px; margin:60px auto; max-width:95%; background-color:white; border:solid 4px #2b8dca; 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:0 0 10px 0; margin:0; color:#898b8d; font-size:0.95rem; font-weight:500; box-sizing:border-box;}

.boite-connexion label .input{display:block; width:100%; outline:none; border:solid 2px #000; border-radius:5px; box-shadow:none; text-shadow:none;  padding:10px 10px; margin:5px 0 0 0; font-size:1rem; color:#898b8d;  box-sizing:border-box;  transition:all 0.4s ease;}

.boite-connexion label .input:focus{border-color:#2b8dca; background-color:#2b8dca; color:white;}

.boite-connexion #connexion{display:block; width:100%; cursor:pointer; text-align:center; border-radius:5px; border:none; outline:none; box-shadow:none; text-shadow:none;  padding:10px 10px; margin:10px 0 0 0; font-size:1rem; color:white; background-color:#444;  box-sizing:border-box;  transition:all 0.4s ease;}

.boite-connexion #connexion:hover{ background-color:#2b8dca;}

.boite-connexion .mdpforget{display:block; text-decoration:none; padding:0; margin:20px 0 0 0; color:#2b8dca; font-size:0.95rem; font-weight:500; font-style:italic; text-align:center; box-sizing:border-box;}

.boite-connexion .mdpforget:hover{text-decoration:underline;}

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

	.boite-connexion{display:block; border-radius:0px; width:100%; padding:30px 30px; margin:0; max-width:100%; background-color:white; border:none; }

	.boite-connexion img{padding:0 0 10px 0; margin:0 auto; width:40%; }



}



/*NOUVEL UTILISATEUR*/

.boite-nouvel-utilisateur{display:block; border-radius: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 #2b8dca; 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:5px 0; margin:0 auto; width:80%; box-sizing:border-box;}

.menu-principal .titre{display:block; padding:10px 0; margin:0; font-size:0.95rem; font-weight:500; text-transform:uppercase; letter-spacing:1px; color:#898b8d; text-align:center; border-top:solid 1px #444; border-bottom:solid 1px #444; box-sizing:border-box;}

.menu-principal ul{display:block; padding:10px 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:10px 10px 10px 60px; margin:0; border-left:solid 6px transparent; color:#898b8d; text-decoration:none; font-size:0.95rem; font-weight:500; box-sizing:border-box; transition:background-color 0.3s ease, color 0.3s ease 0.1s;}

.menu-principal ul .active a{border-color:#2b8dca; 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.95rem;}

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

	.menu-principal ul li a{padding:10px 20px 10px 20px; font-size:0.95rem; 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:#2b8dca; color:white;}

	.menu-principal .logo{display:none;}

	.menu-principal .titre{font-weight:600; text-transform:uppercase; font-size:0.95rem; 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.95rem; font-weight:500; }

	.menu-principal ul li a i{font-size:1.4rem; }

	.menu-principal ul .active a{border-color:#fff; background-color:#2b8dca; color:#fff;}

	.menu-principal ul li a:hover{color:#fff; background-color:#2b8dca;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:#ccc; box-sizing:border-box;}

.fil-ariane .back{display:inline-block; text-decoration:none; float:left; padding:0 20px; margin:0; height:60px; line-height:60px; font-size:1.2rem; color:#fff;  background-color:#444; box-sizing:border-box; transition:all 0.3s ease;}

.fil-ariane .back:hover{background-color:#222; color:#ccc;}

.fil-ariane .titre{display:inline-block; min-width:140px; float:left; padding:0 20px; margin:0; height:60px; line-height:60px; font-size:0.8rem; font-weight:700; text-align:center; text-transform:uppercase; color:#fff;  background-color:#2b8dca; 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 20px 0 15px; margin:0; height:60px; line-height:60px; color:#444;text-transform:uppercase; text-decoration:none; font-size:0.8rem; font-weight:900; box-sizing:border-box; transition:all 0.3s ease;}

.fil-ariane ul li .opensousmenu{cursor:default;}

.fil-ariane ul li a:hover{background-color:#466287; color:#fff;}

.fil-ariane ul li a i, .fil-ariane ul li .opensousmenu i{display:inline-block; vertical-align:sub; padding:0 5px 0 5px; font-size:1.4rem;  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;}

.fil-ariane ul li.active a{background-color:#466287; color:#fff;}



/*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:#2b8dca;} 50%{color:#466287;} 100%{color:#2b8dca;} }







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

	.fil-ariane ul li a, .fil-ariane ul li .opensousmenu{padding:0 10px 0 5px; height:50px; line-height:50px; font-size:0.7rem; }

	.fil-ariane ul li a i, .fil-ariane ul li .opensousmenu i{font-size:1.2rem; }

	.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.95rem; 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:#2b8dca;  background-color:transparent; padding:0 10px 0 20px; text-transform:none; font-size:0.9rem;}

}

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

	.fil-ariane{padding:0 0 30px 0; height:80px;}

	.fil-ariane .titre{display:block; position:absolute; background-color:#2b8dca; 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:5px;  border:solid 1px #444; padding:20px 30px 10px 30px; margin:0; width:76%; box-sizing:border-box;}

.recherche .titre{display:inline-block; position:absolute; left:20px; top:-20px; height:40px; line-height:40px; padding:0 20px; margin:0; color:#2b8dca; background-color:#fff; font-size:1rem; box-sizing:border-box; }

.recherche .nouveau{display:block; border-radius:5px; position:absolute; top:0; right:-32%; background-color:#fff; padding:10px 30px; margin:0; width:30%; max-height:100%; text-align:center; font-size:0.95rem; font-weight:500; text-decoration:none; color:#444; box-sizing:border-box; transition:all 0.3s ease;}

.recherche .nouveau:hover{background-color:#466287; color:#fff;}

.recherche .nouveau i{display:block; padding:0 0 10px 0; margin:0; font-size:2rem;}

.recherche button{display:block; width:100%; padding:10px 15px; margin:0 !important; background-color:#2b8dca; color:white; font-size:0.95rem; font-weight:700; outline:none; border:none; border-radius:5px !important;  box-sizing:border-box; transition:all 0.3s ease;}

.recherche button:hover{background-color:#466287; color:#fff;}

.recherche button i{padding:0;}

.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.9rem; font-weight:500; color:#444; box-sizing:border-box; transition:all 0.3s 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 #444; padding:10px; margin:0;}

	.recherche .titre{font-size:0.95rem; }

	.recherche .nouveau{border-radius:5px !important;padding:15px 5px; font-weight:600;font-size:0.95rem; }

	.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 #444; 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:#444; outline:none; font-size:0.9rem; font-weight:700; box-sizing:border-box; transition:all 0.3s ease;}

.listing-fichier a:hover{color:#2b8dca; }

.listing-fichier a i{display:inline-block; vertical-align:sub;  padding:0 5px 0 0; margin:5px 0 0 0; font-size:1.2rem;}



/*LISTING FICHIER*/

.mosaique-a li .listing-fichier{display:block; padding:0; margin:0; box-sizing:border-box;}

.mosaique-a li .listing-fichier a{display:block; text-align:left; border-radius:0; background-color:transparent; cursor:pointer; padding:2px 0; margin:5px 0 0 0; text-decoration:none; color:#444; outline:none; font-size:0.95rem; box-sizing:border-box; transition:all 0.3s ease;}

.mosaique-a li .listing-fichier a:hover{color:#fc6e04; background-color:transparent;}

.mosaique-a li:hover .listing-fichier a{color:#444; background-color:transparent;}

.mosaique-a li .listing-fichier a .all{color:#fc6e04; font-weight:700;}

.mosaique-a li .listing-fichier a i{display:inline-block; text-align:left; height:auto; vertical-align:sub;  padding:0 5px 0 0; margin:5px 0 0 0; font-size:1.2rem;}



/*LISTING LIENS*/

.listing-liens{display:block; padding:0 0 50px 0; margin:0; box-sizing:border-box;}

.listing-liens a{display:block; cursor:pointer; padding:2px 0; margin:5px 0 0 0; text-decoration:none; color:#222; outline:none; font-size:0.95rem; font-weight:500; box-sizing:border-box; transition:all 0.3s ease;}

.listing-liens a:hover{color:#466287; }

.listing-liens a i{display:inline-block; vertical-align:sub;  padding:0 5px 0 0; margin:5px 0 0 0; font-size:1.2rem;}





/*LISTING ACCORDEON*/

.listing-accordeon{display:block; padding:0 0 50px 0; margin:0; box-sizing:border-box;}

.listing-accordeon li{display:block; padding:0 0 0 0; margin:0; border-bottom:solid 1px #ececec;  box-sizing:border-box;}

.listing-accordeon li:hover{border-color:#466287;}

.listing-accordeon li .titre{display:block; position:relative; width:100%; cursor:pointer; padding:15px 60px 15px 0; margin:0; font-size:0.95rem; font-weight:500; color:#222; box-sizing:border-box; transition:all 0.3s ease;}

.listing-accordeon li .titre:hover{color:#2b8dca;}

.listing-accordeon li .titre:hover i{color:#2b8dca;}

.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:#2b8dca;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:#2b8dca;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.95rem; color:#444; font-weight:500; 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:#2b8dca;}

.listing-accordeon .ouvert .titre{color:#2b8dca;}

.listing-accordeon .ouvert .titre i{color:#2b8dca;}

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

	.listing-accordeon li .titre{padding:15px 60px 15px 0; font-size:0.8rem; font-weight:600; }

	.listing-accordeon li .titre .open .ferme{font-size:1.2rem; }

	.listing-accordeon li .titre .open .ouvert{font-size:1.2rem;  }



}







/*TABLEAU A---------------------------------------------------------------*/

.tableau-a{display:block; padding:0; margin:0; box-sizing:border-box;}

.tableau-a li{display:table; width:100%; border-spacing:0; padding:0; margin:0; border-bottom:solid 1px #ececec; font-size:0.9rem; font-weight:500; color:#222; box-sizing:border-box; transition:all 0.3s ease;}

.tableau-a li.entete{background-color:#2b8dca; text-align:center; color:#fff; text-transform:uppercase; font-size:0.9rem; font-weight:700;}

.tableau-a.noborder li{border:none;}

.tableau-a.nohover li:hover{background-color:#fff !important; }

.tableau-a li .colonne{text-overflow: ellipsis;overflow: hidden;word-wrap: anywhere;display:table-cell; vertical-align:middle; padding:0 5px; margin:0; height:30px; position:relative; box-sizing:border-box; }

.tableau-a.paddingright li .colonne{padding:0 20px 0 5px;}

.tableau-a li:hover{background-color:#ececec;}

.tableau-a li.entete:hover{background-color:#2b8dca;}

.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:1rem; padding:0; margin:0; width:30px; border:none; background-color:transparent; color:white; border-radius:5px; box-sizing:border-box; transition:all 0.3s ease;}

.tableau-a li .action li button.green{color:#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; text-align:center; text-decoration:none; outline:none; font-size:1rem; padding:2px 0; margin:0; width:30px; border:none; background-color:transparent; color:white; border-radius:5px; box-sizing:border-box; transition:all 0.3s ease;}

.tableau-a li .action li a.green{color:#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.9rem; 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;}



@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 #2b8dca; 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.9rem; 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 #2b8dca;}



	.tableau-a li .action{display:block; padding:10px 0 0 0; text-align:center;}

	.tableau-a li .action li{display:inline-block; width:auto; vertical-align:middle; padding:0; margin:0;}

	.tableau-a li .action li button{display:block; font-size:1.2rem; padding:10px 10px; margin:0; width:auto; height:auto; border-radius:0px;}

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







	



}



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

	.tableau-a li{width:31%;}

	



}



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

	.tableau-a li{width:48%;}

	



}



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

	.tableau-a li{width:100%; display:block;margin:5px 0%;}

	



}







/*TABLEAU B---------------------------------------------------------------*/

.tableau-b{display:block; padding:0; margin:0; box-sizing:border-box;}

.tableau-b li{display:block; padding:0; margin:0; box-sizing:border-box;}

.tableau-b li a{display:table; width:100%; border-spacing:0; padding:0; margin:0; border-bottom:solid 1px #ececec; text-decoration:none; font-size:0.9rem; font-weight:500; color:#222; box-sizing:border-box; transition:all 0.3s ease;}

.tableau-b li a.alert{color:#d24848;}

.tableau-b li a.nonlu{font-weight:900;}

.tableau-b li.entete a{background-color:#2b8dca;border: none; text-align:center; color:#fff; text-transform:uppercase; font-size:0.9rem; 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; }

.tableau-b.paddingright li a .colonne{padding:0 20px 0 5px;}

.tableau-b li a:hover{background-color:#f5f5f5;  border-bottom:solid 1px #2b8dca;}

.tableau-b li.entete a:hover{background-color:#2b8dca; 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 #2b8dca;}

	.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.9rem; 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 #2b8dca;}

	



}



@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:#2b8dca;}

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

@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.9rem; font-weight:500; color:#444; box-sizing:border-box; transition:all 0.3s ease;}

.tableau-d li a.alert{color:#d24848;}

.tableau-d li a.nonlu{font-weight:900;}

.tableau-d li.entete a{background-color:#2b8dca; text-align:center; color:#fff; text-transform:uppercase; font-size:0.9rem; font-weight:700;}

.tableau-d.noborder li a{border:none;}

.tableau-d.nohover li a:hover{background-color:#fff !important; border-bottom:solid 1px #ececec !important;}

.tableau-d li a .colonne{display:table-cell; vertical-align:middle; padding:0 5px; margin:0; height:50px; box-sizing:border-box; }

.tableau-d li a:hover{background-color:#ececec;  border-bottom:solid 1px #2b8dca;}

.tableau-d li.entete a:hover{background-color:#2b8dca;border-bottom:solid 1px #ececec;}

.tableau-d li .detail{display:none; padding:20px 30px; margin:0; font-size:0.9rem; color:#444; font-weight:500; border:solid 1px #ececec; border-top:none; box-sizing:border-box; }

.tableau-d li a .colonne i.ouvert{display:none; color:#2b8dca; font-size:2rem;}

.tableau-d li a .colonne i.ferme{display:block; color:#2b8dca; 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.9rem; font-weight:500; color:#444; box-sizing:border-box; transition:all 0.3s ease;}

.tableau-e .block li.entete{background-color:#2b8dca; text-align:center; color:#fff; text-transform:uppercase; font-size:0.9rem; font-weight:700;}

.tableau-e.nohover .block li:hover{background-color:#fff !important; }

.tableau-e .block li .colonne{display:table-cell; vertical-align:middle; padding:0 5px; margin:0; height:50px; position:relative; box-sizing:border-box; }

.tableau-e .block li:hover{background-color:#ececec;}

.tableau-e .block li.entete:hover{background-color:#2b8dca;}

.tableau-e .block li .action{display:table; table-layout:fixed; width:100%; border-spacing:0; padding:0; margin:0; box-sizing:border-box;}

.tableau-e .block li .action li{display:table-cell; vertical-align:middle; padding:0; margin:0; border:none; box-sizing:border-box;}

.tableau-e .block li .action li button{display:inline-block; outline:none; font-size:1.2rem; padding:0; margin:0; width:40px; height:40px; border:none; background-color:transparent; color:white; border-radius:5px; box-sizing:border-box; transition:all 0.3s ease;}

.tableau-e .block li .action li button.green{color:#466287;}

.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:#2b8dca;}

.tableau-e .block li .action li button.green:hover{background-color:#466287; 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:#2b8dca; 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:#444; font-weight:500; 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:#2b8dca; color:white !important;}







/*LEGENDE*/

.legende{display:block; padding:0; margin:0 0 20px 0; box-sizing:border-box;}

.legende li{display:inline-block; padding:0; margin:0 15px 0 0; font-size:0.9rem; font-style:italic; font-weight:500; 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.9rem;}

@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.9rem; font-weight:500; }

	.legende li.titre{font-weight:600; font-size:0.9rem;}

}

@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.9rem; }

}







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

.col100{width:100%;}





/*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:#2b8dca; text-align:center; color:#fff; text-transform:uppercase; font-size:0.95rem; 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:#444; box-sizing:border-box; transition:all 0.3s ease;}

.tableau-accordeon li .sous-titre{display:block; padding:0 10px 15px 20px; margin:0; font-size:0.95rem; font-weight:500; font-style:italic;  color:#898b8d; box-sizing:border-box;}

.tableau-accordeon li .contenu-cache{display:none; padding:10px 10px; margin:0; font-size:0.95rem; font-weight:500; 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:#2b8dca; text-align:left; color:#fff; text-transform:uppercase; font-size:0.8rem; font-weight:500;  letter-spacing:1px; box-sizing:border-box;}

.tableau-accordeon-evolue li.entete .tableau-accordeon-toutafficher, .tableau-accordeon-evolue li.entete .tableau-accordeon-toutcacher{display:block; position:absolute; top:0; right:0; height:100%; width:190px; text-align:right; background-color:#333; border-radius:0 5px 5px 0; font-weight:700; color:white; padding:20px 15px 0 15px; font-size:0.7rem; font-style:italic; margin:0; cursor:pointer; text-transform:none; letter-spacing:normal; box-sizing:border-box; transition:all 0.3s ease;}

.tableau-accordeon-evolue li.entete .tableau-accordeon-toutafficher:hover, .tableau-accordeon-evolue li.entete .tableau-accordeon-toutcacher:hover{color:#2b8dca;}

.tableau-accordeon-evolue li .titre{display:block; padding:15px 15px 15px 15px; margin:0; font-size:0.9rem; font-weight:700; color:#444; box-sizing:border-box;}

.tableau-accordeon-evolue li .titre .nonlu{display:inline-block; font-weight:500; 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:500; 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:500; font-style:italic; color:#2b8dca; cursor:pointer; text-align:right; box-sizing:border-box; transition:all 0.3s ease;}

.tableau-accordeon-evolue li .sous-titre .openmessage:hover{text-decoration:underline;}

.tableau-accordeon-evolue li .sous-titre .openmessage i{display:inline-block; padding: 0 0 0 4px; font-size: 1rem; vertical-align: top;}

.tableau-accordeon-evolue li .contenu-cache{display:none; padding:10px 15px; margin:0; font-size:0.8rem; font-weight:500; 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:500; color:#2b8dca; font-style:italic; cursor:pointer; text-align:right; box-sizing:border-box; transition:all 0.3s ease;}

.tableau-accordeon-evolue li .contenu-cache .closemessage:hover{text-decoration:underline;}

.tableau-accordeon-evolue li .contenu-cache .closemessage i{display: inline-block; padding: 0 4px 0 0; font-size: 1rem; vertical-align: top;}





/*PANNEAU ONGLET---------------------------------------------------------------*/

.panneau-onglet{display:block; padding:0; margin:0; height:50px; box-sizing:border-box;}

.panneau-onglet li{display:inline-block; border-radius:5px 5px 0 0; cursor:pointer; padding:0 10px; margin:0; height:50px; line-height:50px; font-size:0.7rem; text-transform:uppercase; font-weight:500; border:solid 1px #ececec; color:#444; box-sizing:border-box; transition:all 0.3s ease;}

.panneau-onglet li:hover{background-color:#2b8dca; color:white; border-color:#2b8dca;}

.panneau-onglet li.active{background-color:#2b8dca; color:white; border-color:#2b8dca;}

.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 #2b8dca;  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.3s ease;}

.mosaique-a li:hover{border-color:#2b8dca;}

.mosaique-a li i{display:block; margin:0 auto; text-align:center; color:#2b8dca; font-size:3rem; padding:0 0 10px 0; height:60px; box-sizing:border-box; }

.mosaique-a li .titre{display:block; color:#2b8dca; padding:0 0 20px 0; margin:0; font-size:0.9rem; 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.9rem; height:30px; font-weight:500; 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.9rem; font-weight:500; color:#fff; background-color:#2b8dca; text-decoration:none; box-sizing:border-box; transition:all 0.3s ease; }

.mosaique-a li:hover a{background-color:#2b8dca;}

.mosaique-a li a:hover{background-color:#466287;}

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

	.mosaique-a li{display:inline-block; vertical-align:top; width:31%; padding:20px; margin:0 0.5% 10px 0.5%;}

	.mosaique-a li .titre{padding-bottom:5px;} 

}

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

	.mosaique-a li{display:inline-block; vertical-align:top; width:48%; padding:20px; margin:0 0.5% 10px 0.5%;}

}

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

	.mosaique-a li{display:block; width:100%; padding:20px; margin:0 0 20px 0;}

}



/*MOSAIQUE B*/

.mosaique-b{display:block; text-align:center; padding:30px 0 0 0; margin:0; box-sizing:border-box;}

.mosaique-b li{display:inline-block; vertical-align:top; width:30%; padding:30px 30px; margin:0 1% 20px 1%;  border:solid 1px #ececec; box-sizing:border-box; transition:all 0.3s ease;}

.mosaique-b li:hover{border-color:#2b8dca;}



@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:#2b8dca;}

.mosaique-c li .titre{display:block; color:#2b8dca; 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:500; text-align:center;}

.mosaique-c li .reponse{display:block; position:absolute; top:-25px; left:0; width:100%; text-align:center; color:#222; padding:0; margin:0; font-size:1rem; font-weight:700; }





/*MOSAIQUE PRODUIT*/

.liste-produits{display:block; text-align:left; padding:0; margin:0; box-sizing:border-box;}

.liste-produits li{display:inline-block; vertical-align:top; width:30%; padding:20px 20px; margin:0 1% 20px 1%;  border:solid 1px #ececec; box-sizing:border-box; transition:all 0.3s ease;}

.liste-produits li:hover{border-color:#2b8dca;}

.liste-produits li .visuel{background-size: cover;display:block; margin:0; padding:0; height:250px; box-sizing:border-box; }

.liste-produits li .nom{display:block; color:#2b8dca; padding:15px 0 5px 0; margin:0; font-size:1.2rem; font-weight:700; text-align:center;}

.liste-produits li .description{display:block; color:#222; padding:0 0 20px 0; margin:0; font-size:0.9rem; height:35px; font-weight:500; text-align:center;}

.liste-produits li .prix{display:block; color:#2b8dca; padding:15px 0 0px 0; margin:0; font-size:2rem; text-transform:uppercase; font-weight:700; text-align:center;}

.liste-produits li .quantiteproduit{display:inline-block; width:90px; text-align:center; vertical-align:middle; margin:0;}

.liste-produits li .boutonacheter{display:inline-block; width:calc(98% - 90px); vertical-align:middle;}



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

	.liste-produits li{display:inline-block; vertical-align:top; width:31%; padding:20px; margin:0 0.5% 10px 0.5%;}

	.liste-produits li .nom{padding-bottom:5px;} 

}

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

	.liste-produits li{display:inline-block; vertical-align:top; width:48%; padding:20px; margin:0 0.5% 10px 0.5%;}

}

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

	.liste-produits li{display:block; width:100%; padding:20px; margin:0 0 20px 0;}

}



.liste-categories{display:block; text-align:center; padding:0 0 40px 0; margin:0; box-sizing:border-box;}

.liste-categories li{display:inline-block; cursor:pointer; vertical-align:top; padding:15px 20px; margin:7px 20px;  border:solid 1px #2b8dca; box-sizing:border-box; font-size:0.9rem; text-transform:uppercase; color:#2b8dca; transition:all 0.3s ease;}

.liste-categories li:hover, .liste-categories li.active{border-color:#2b8dca; color:white; background-color:#2b8dca;}







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:50%; left:50%; width:320px; max-height:500px; padding:20px 10px; border-top:solid 3px transparent; margin:-250px 0 0 -160px; color:#444; 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:500; text-align:center; line-height:1.2rem;  box-sizing:border-box; }

.lightbox-message-wrapper .lightbox-message-contenu i{display:none; margin:0 auto; text-align:center; font-size:2rem; padding:0 0 10px 0;  box-sizing:border-box; }

.lightbox-message-wrapper .retour-lightbox-simple{display:inline-block; cursor:pointer; height:40px; text-decoration:none; text-align:center; font-size:0.7rem; font-weight:700; text-transform:uppercase; letter-spacing:1px; line-height:40px; background-color:transparent; color:white; padding:0 20px; margin:0;  box-sizing:border-box; transition:all 0.3s ease;}

.lightbox-message-wrapper .retour-lightbox-simple:hover{background-color:#2b8dca !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;}



@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 #2b8dca; box-sizing:border-box;}

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

.menu-interne ul li a{display:block; padding:20px 10px 16px 10px;     border-radius:10px 10px 0 0; margin:0; text-decoration:none; color:#444; background-color:transparent; border:solid 1px #ececec;  border-bottom: none; text-align:center; font-size:1rem; font-weight:500; box-sizing:border-box; transition:all 0.4s ease;  }

.menu-interne ul li a:hover{background-color:#2b8dca; border-color:#2b8dca; color:white;}

.menu-interne ul li.active a{background-color:#2b8dca; border-color:#2b8dca; color:white;}

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

	.menu-interne ul li a{display:block; padding:10px 5px 10px 5px; border-radius: 5px 5px 0 0; font-size:0.95rem; text-transform:none; font-weight:600; }

	.menu-interne ul li a i{display:block; padding:0 0 5px 0; margin:0; font-size:1.2rem; text-align:center;}



}

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

	.menu-interne ul li a{display:block; padding:5px 2px 5px 2px; font-size:0.8rem; text-transform:none; font-weight:500; }

	.menu-interne ul li a i{font-size:1rem; }



}

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

	.menu-interne ul{padding:0 0 20px 0; text-align:center; }

	.menu-interne ul li{display:inline-block; vertical-align: top; float:none; width:auto; padding:5px 5px; margin:0; }

	.menu-interne ul li a br{display:none;}

	.menu-interne ul li a{padding:10px 10px; font-size:0.7rem; border-radius:0;text-transform:uppercase;font-weight:600;}



}

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

	.menu-interne ul li{display:block; width:100%; padding:2px 5px; margin:0; }

	.menu-interne ul li a{text-align:left;}

	.menu-interne ul li a i{display:inline; padding:0 5px 0 0; margin:0; font-size:0.9rem; text-align:left;}



}





/*BOUTON RETOUR COMPTE INITIAL SUITE PRISE DE CONTROLE*/

.retour-compte-origine{display:block; padding:10px; margin:0; box-sizing:border-box; width:120px; position:fixed; bottom:0; right:0; cursor:pointer; transition:all 0.4s ease; z-index:999999999; background-color:#fff; color:white;}

.retour-compte-origine:hover{background-color:#2b8dca;}

.retour-compte-origine button i{ font-size:2rem !important; padding-bottom:5px;}









@media print {

  



.background{display:none !important;}

.menu-principal{display:none !important;}

.fil-ariane{display:none !important;}

.wrapper{padding:20px 20px !important; max-width:100% !important; margin:0; width:100%;}

.loader-debut-chargement{display:none !important;}

}



/* ==========================================================================

	 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 #444;

				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;

		}

}