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


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


/*STANDARD GLOBAL---------------------------------------------------------------*/
.wrapper{z-index:9; display:block; padding:0; margin:110px 50px 20px 320px; max-width:1200px; position:relative; box-sizing:border-box;}
@media screen and (max-width: 1300px){
	.wrapper{margin:110px 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:#999;}
.couleur-vive{color:#815b48;}
.bck-couleur-vive{background-color:#815b48;}
.border-couleur-vive{border:solid 1px #815b48;}
.barre{display:block; width:40px; height:1px; border:none; padding:0; margin:30px 0; text-align:left; background-color:#815b48; 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:#815b48; 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:#815b48; 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:#815b48;}
.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:#815b48; 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:#815b48; 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:#815b48; box-sizing:border-box;}

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



/*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:#815b48; outline:none; font-size:0.85rem; font-weight:500; box-sizing:border-box; transition:all 0.5s ease;}
.inputtext:focus{background-color:#815b48; 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:#815b48; outline:none; font-size:0.85rem; font-weight:500; box-sizing:border-box; transition:all 0.5s ease;}
.areatext:focus{background-color:#815b48; 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: #815b48; 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:#815b48; box-sizing:border-box;}
#bodyformulaire .formulaire-ariane li.active{background-color:#815b48; 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:#815b48;background-color:#815b48;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:#815b48; 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.7rem; }
	
}


@media screen and (max-width: 1000px){
	#bodyformulaire .fil-ariane { left: 0%; width: 100%; margin:0;}
	#bodyformulaire .fil-ariane .titre{min-width:auto;color:#815b48;  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:#815b48; 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;}
}



.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:#815b48; 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:#815b48; 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:#815b48; box-sizing:border-box;}
.questionchoixuniquebarre li:hover{background-color:#222; color:white;}
.questionchoixuniquebarre li.active{background-color:#815b48; 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:#815b48; box-sizing:border-box;}
.questionchoixmultiplebarre li:hover{background-color:#222; color:white;}
.questionchoixmultiplebarre li.active{background-color:#815b48; 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:5px;  border:solid 1px #ff6c00; background-color:#ff6c00; color:#fff; outline:none; font-size:0.9rem; 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:#999; outline:none; font-size:0.6rem; text-transform:uppercase;  font-weight:400; box-sizing:border-box; transition:all 0.3s ease;}
.inputboutonbis:hover{border-color:#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.8rem !important; font-weight:500 !important;}

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

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

.ui-autocomplete{border-radius:0; margin: 0; padding:0; background:none; border:solid 1px #815b48; 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.75rem; font-weight:500; color:#222; padding:5px 15px; margin:0; box-sizing:border-box; transition:all 0.3s ease;}
.ui-menu .ui-menu-item a:hover{border-radius:0; background:#ececec; border:none; cursor:pointer; font-size:0.75rem; color:#999;  padding:5px 15px; margin:0;}


/*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:#815b48; border-color:#815b48; }


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


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



/*CASE A COCHER---------------------------------------------------------------*/
.case-a-cocher{display:block; position:relative; padding:2px 10px 0 30px; margin:0 0 7px 0; font-size:0.85rem; font-weight:300; color:#999; cursor:pointer; box-sizing:border-box; transition:all 0.3s ease;}
.case-a-cocher a{color:#999; text-decoration:none;}
.case-a-cocher:hover{color:#815b48;}
.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.3s ease;}
.bouton-push-radio:hover{border-color:#444;background-color:#444;color:white; }
.bouton-push-radio.active{border-color:#815b48;background-color:#815b48;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.3s ease;}
.bouton-push-radio-multiple:hover{border-color:#444;background-color:#444;color:white; }
.bouton-push-radio-multiple.active{border-color:#815b48;background-color:#815b48;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;}




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

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

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


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

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

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

	#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 #815b48; 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.9rem; font-weight:300; box-sizing:border-box;}
.boite-connexion label .input{display:block; width:100%; outline:none; border:solid 2px #000; border-radius:5px; box-shadow:none; text-shadow:none;  padding:10px 10px; margin:5px 0 0 0; font-size:1rem; color:#898b8d;  box-sizing:border-box;  transition:all 0.4s ease;}
.boite-connexion label .input:focus{border-color:#815b48; background-color:#815b48; 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:#999;  box-sizing:border-box;  transition:all 0.4s ease;}
.boite-connexion #connexion:hover{ background-color:#815b48;}
.boite-connexion .mdpforget{display:block; text-decoration:none; padding:0; margin:20px 0 0 0; color:#815b48; font-size:0.9rem; font-weight:300; font-style:italic; text-align:center; box-sizing:border-box;}
.boite-connexion .mdpforget:hover{text-decoration:underline;}
@media screen and (max-width: 760px){
	.boite-connexion{display:block; border-radius:0px; width:100%; padding:30px 30px; margin:0; max-width:100%; background-color:white; border:none; }
	.boite-connexion img{padding:0 0 10px 0; margin:0 auto; width:40%; }

}

/*NOUVEL UTILISATEUR*/
.boite-nouvel-utilisateur{display:block; border-radius: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 #815b48; 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; font-size:0.9rem; font-weight:300; text-transform:uppercase; letter-spacing:1px; color:#898b8d; text-align:center; border-top:solid 1px #444; border-bottom:solid 1px #444; box-sizing:border-box;}
.menu-principal ul{display:block; padding:0 0 30px 0; margin:0; box-sizing:border-box;}
.menu-principal ul li{display:block; padding:0; margin:0; box-sizing:border-box;}
.menu-principal ul li a{display:block; position:relative; padding:15px 10px 15px 60px; margin:0; border-left:solid 6px transparent; color:#898b8d; text-decoration:none; font-size:0.9rem; font-weight:400; box-sizing:border-box; transition:background-color 0.3s ease, color 0.3s ease 0.1s;}
.menu-principal ul .active a{border-color:#ff6c00; 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:#815b48; 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:#815b48; color:#fff;}
	.menu-principal ul li a:hover{color:#fff; background-color:#815b48;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:300px; float:left; padding:0 20px; margin:0; height:60px; line-height:60px; font-size:0.85rem; font-weight:700; text-align:center; text-transform:uppercase; color:#fff;  background-color:#815b48; 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;}

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


@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.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:#815b48;  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:#815b48; 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 #999; padding:30px 30px 30px 30px; margin:0; width:76%; box-sizing:border-box;}
.recherche .titre{display:inline-block; position:absolute; left:20px; top:-20px; height:40px; line-height:40px; padding:0 20px; margin:0; color:#815b48; 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: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.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:#ff6c00; color:white; font-size:0.9rem; 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.8rem; font-weight:300; color:#999; 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 #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:#999; outline:none; font-size:0.8rem; font-weight:700; box-sizing:border-box; transition:all 0.3s ease;}
.listing-fichier a:hover{color:#815b48; }
.listing-fichier a i{display:inline-block; vertical-align:sub;  padding:0 5px 0 0; margin:5px 0 0 0; font-size:1.2rem;}



/*LISTING LIENS*/
.listing-liens{display:block; padding:0 0 50px 0; margin:0; box-sizing:border-box;}
.listing-liens a{display:block; cursor:pointer; padding:2px 0; margin:5px 0 0 0; text-decoration:none; color:#222; outline:none; font-size:0.9rem; font-weight:400; 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.9rem; font-weight:500; color:#222; box-sizing:border-box; transition:all 0.3s ease;}
.listing-accordeon li .titre:hover{color:#815b48;}
.listing-accordeon li .titre:hover i{color:#815b48;}
.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:#815b48;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:#815b48;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:#815b48;}
.listing-accordeon .ouvert .titre{color:#815b48;}
.listing-accordeon .ouvert .titre i{color:#815b48;}
@media screen and (max-width: 760px){
	.listing-accordeon li .titre{padding:15px 60px 15px 0; font-size:0.8rem; font-weight:600; }
	.listing-accordeon li .titre .open .ferme{font-size:1.2rem; }
	.listing-accordeon li .titre .open .ouvert{font-size:1.2rem;  }

}


/*TABLEAU A---------------------------------------------------------------*/
.tableau-a{display:block; padding:0; margin:0; box-sizing:border-box;}
.tableau-a li{display:table; width:100%; border-spacing:0; padding:0; margin:0; border-bottom:solid 1px #ececec; font-size:0.8rem; font-weight:300; color:#222; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-a li.entete{background-color:#815b48; text-align:center; color:#fff; text-transform:uppercase; font-size:0.7rem; font-weight:700;}
.tableau-a.noborder li{border:none;}
.tableau-a.nohover li:hover{background-color:#fff !important; }
.tableau-a li .colonne{display:table-cell; vertical-align:middle; padding:0 5px; margin:0; height:50px; position:relative; box-sizing:border-box; }
.tableau-a.paddingright li .colonne{padding:0 20px 0 5px;}
.tableau-a li:hover{background-color:#ececec;}
.tableau-a li.entete:hover{background-color:#ff6c00;}
.tableau-a li .action{display:table; table-layout:fixed; width:100%; border-spacing:0; padding:0; margin:0; box-sizing:border-box;}
.tableau-a li .action li{display:table-cell; vertical-align:middle; padding:0; margin:0; border:none; box-sizing:border-box;}
.tableau-a li .action li button{display:inline-block; outline:none; font-size:1.2rem; padding:0; margin:0; width:40px; height:40px; border:none; background-color:transparent; color:white; border-radius:5px; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-a li .action li button.green{color:#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.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.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;}

@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 #815b48; 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 #815b48;}

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



	

}

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

}

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

}

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

}



/*TABLEAU B---------------------------------------------------------------*/
.tableau-b{display:block; padding:0; margin:0; box-sizing:border-box;}
.tableau-b li{display:block; padding:0; margin:0; box-sizing:border-box;}
.tableau-b li a{display:table; width:100%; border-spacing:0; padding:0; margin:0; border-bottom:solid 1px #ececec; text-decoration:none; font-size:0.9rem; font-weight:300; color:#222; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-b li a.alert{color:#d24848;}
.tableau-b li a.nonlu{font-weight:900;}
.tableau-b li.entete a{background-color:#815b48;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; }
.tableau-b.paddingright li a .colonne{padding:0 20px 0 5px;}
.tableau-b li a:hover{background-color:#f5f5f5;  border-bottom:solid 1px #ff6c00;}
.tableau-b li.entete a:hover{background-color:#ff6c00; 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 #815b48;}
	.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 #815b48;}
	

}

@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:#815b48;}
.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.8rem; font-weight:300; color:#999; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-d li a.alert{color:#d24848;}
.tableau-d li a.nonlu{font-weight:900;}
.tableau-d li.entete a{background-color:#815b48; text-align:center; color:#fff; text-transform:uppercase; font-size:0.7rem; font-weight:700;}
.tableau-d.noborder li a{border:none;}
.tableau-d.nohover li a:hover{background-color:#fff !important; border-bottom:solid 1px #ececec !important;}
.tableau-d li a .colonne{display:table-cell; vertical-align:middle; padding:0 5px; margin:0; height:50px; box-sizing:border-box; }
.tableau-d li a:hover{background-color:#ececec;  border-bottom:solid 1px #815b48;}
.tableau-d li.entete a:hover{background-color:#815b48;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:#815b48; font-size:2rem;}
.tableau-d li a .colonne i.ferme{display:block; color:#815b48; font-size:2rem;}
.tableau-d li.ouvert a{background-color:#ececec;  border-bottom:solid 1px #ececec;}
.tableau-d li.ouvert a .colonne i.ouvert{display:block;}
.tableau-d li.ouvert a .colonne i.ferme{display:none;}
.tableau-d li.ouvert .detail{display:block;}


/*TABLEAU E---------------------------------------------------------------*/
.tableau-e{display:block; padding:0; margin:0; box-sizing:border-box;}
.tableau-e .block{display:block; padding:0; margin:0; box-sizing:border-box;}
.tableau-e .block li{display:table; width:100%; border-spacing:0; padding:0; margin:0; border-bottom:solid 1px #ececec; font-size:0.8rem; font-weight:300; color:#999; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-e .block li.entete{background-color:#815b48; text-align:center; color:#fff; text-transform:uppercase; font-size:0.7rem; font-weight:700;}
.tableau-e.nohover .block li:hover{background-color:#fff !important; }
.tableau-e .block li .colonne{display:table-cell; vertical-align:middle; padding:0 5px; margin:0; height:50px; position:relative; box-sizing:border-box; }
.tableau-e .block li:hover{background-color:#ececec;}
.tableau-e .block li.entete:hover{background-color:#815b48;}
.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:#815b48;}
.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:#815b48; 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:#815b48; 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:#815b48; text-align:center; color:#fff; text-transform:uppercase; font-size:0.85rem; font-weight:700;  letter-spacing:1px; box-sizing:border-box;}
.tableau-accordeon li .titre{display:block; cursor:pointer; padding:15px 10px 15px 20px; margin:0; font-size:0.9rem; font-weight:700; color:#999; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-accordeon li .sous-titre{display:block; padding:0 10px 15px 20px; margin:0; font-size:0.85rem; font-weight:300; font-style:italic;  color:#898b8d; box-sizing:border-box;}
.tableau-accordeon li .contenu-cache{display:none; padding:10px 10px; margin:0; font-size:0.85rem; font-weight:300; background-color:#fff; border:solid 1px #ececec; color:#898b8d; box-sizing:border-box;}

/*TABLEAU ACCORDEON EVOLUE---------------------------------------------------------------*/
.tableau-accordeon-evolue{display:block; padding:0; margin:0; box-sizing:border-box;}
.tableau-accordeon-evolue li{display:block; padding:0 0 0 0; margin:0 0 0 0; border-bottom:solid 1px #ececec; box-sizing:border-box;}
.tableau-accordeon-evolue li.active .titre{background-color:#ececec; border:none;}
.tableau-accordeon-evolue li.entete{position:relative; margin:0 0 10px 0; border-radius:5px 5px; padding:20px 15px;background-color:#815b48; text-align:left; color:#fff; text-transform:uppercase; font-size:0.8rem; font-weight:400;  letter-spacing:1px; box-sizing:border-box;}
.tableau-accordeon-evolue li.entete .tableau-accordeon-toutafficher, .tableau-accordeon-evolue li.entete .tableau-accordeon-toutcacher{display:block; position:absolute; top:0; right:0; height:100%; width:190px; text-align:right; background-color:#333; border-radius:0 5px 5px 0; font-weight:700; color:white; padding:20px 15px 0 15px; font-size:0.7rem; font-style:italic; margin:0; cursor:pointer; text-transform:none; letter-spacing:normal; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-accordeon-evolue li.entete .tableau-accordeon-toutafficher:hover, .tableau-accordeon-evolue li.entete .tableau-accordeon-toutcacher:hover{color:#815b48;}
.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:#815b48; cursor:pointer; text-align:right; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-accordeon-evolue li .sous-titre .openmessage:hover{text-decoration:underline;}
.tableau-accordeon-evolue li .sous-titre .openmessage i{display:inline-block; padding: 0 0 0 4px; font-size: 1rem; vertical-align: top;}
.tableau-accordeon-evolue li .contenu-cache{display:none; padding:10px 15px; margin:0; font-size:0.8rem; font-weight:300; background-color:#fff; border:solid 1px #ececec; color:#898b8d; box-sizing:border-box;}
.tableau-accordeon-evolue li .contenu-cache .closemessage{display:block; padding:10px 0; margin:0; font-size:0.8rem; font-weight:300; color:#815b48; font-style:italic; cursor:pointer; text-align:right; box-sizing:border-box; transition:all 0.3s ease;}
.tableau-accordeon-evolue li .contenu-cache .closemessage:hover{text-decoration:underline;}
.tableau-accordeon-evolue li .contenu-cache .closemessage i{display: inline-block; padding: 0 4px 0 0; font-size: 1rem; vertical-align: top;}


/*PANNEAU ONGLET---------------------------------------------------------------*/
.panneau-onglet{display:block; padding:0; margin:0; height:50px; box-sizing:border-box;}
.panneau-onglet li{display:inline-block; border-radius:5px 5px 0 0; cursor:pointer; padding:0 10px; margin:0; height:50px; line-height:50px; font-size:0.7rem; text-transform:uppercase; font-weight:300; border:solid 1px #ececec; color:#999; box-sizing:border-box; transition:all 0.3s ease;}
.panneau-onglet li:hover{background-color:#815b48; color:white; border-color:#815b48;}
.panneau-onglet li.active{background-color:#815b48; color:white; border-color:#815b48;}
.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 #815b48;  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:#815b48;}
.mosaique-a li i{display:block; margin:0 auto; text-align:center; color:#815b48; font-size:3rem; padding:0 0 10px 0; height:60px; box-sizing:border-box; }
.mosaique-a li .titre{display:block; color:#815b48; 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:#ff6c00; text-decoration:none; box-sizing:border-box; transition:all 0.3s ease; }
.mosaique-a li:hover a{background-color:#815b48;}
.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:#815b48;}

@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:#815b48;}
.mosaique-c li .titre{display:block; color:#815b48; padding:0 0 10px 0; margin:0; font-size:0.9rem;font-weight:600; text-align:center;}
.mosaique-c li .introduction{display:block; color:#222; padding:0 0 0px 0; margin:0; font-size:0.85rem; font-weight:400; text-align:center;}
.mosaique-c li .reponse{display:block; position:absolute; top:-25px; left:0; width:100%; text-align:center; color:#222; padding:0; margin:0; font-size:1rem; font-weight:700; }


/*MOSAIQUE 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:#815b48;}
.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:#815b48; 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 10px 0; margin:0; font-size:0.9rem; min-height:35px; font-weight:400; text-align:center;}
.liste-produits li .prix{display:block; color:#815b48; 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 #815b48; box-sizing:border-box; font-size:0.9rem; text-transform:uppercase; color:#815b48; transition:all 0.3s ease;}
.liste-categories li:hover, .liste-categories li.active{border-color:#815b48; color:white; background-color:#815b48;}



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:#999; text-align:center; background-color:white; box-sizing:border-box;}
.lightbox-message-wrapper .lightbox-message-contenu{display:block; padding:0 10px; margin:0 0 15px 0; font-size:0.9rem; font-weight:400; text-align:center; line-height:1.2rem;  box-sizing:border-box; }
.lightbox-message-wrapper .lightbox-message-contenu i{display:none; margin:0 auto; text-align:center; font-size:2rem; padding:0 0 10px 0;  box-sizing:border-box; }
.lightbox-message-wrapper .retour-lightbox-simple{display:inline-block; cursor:pointer; height:40px; text-decoration:none; text-align:center; font-size:0.7rem; font-weight:700; text-transform:uppercase; letter-spacing:1px; line-height:40px; background-color:transparent; color:white; padding:0 20px; margin:0;  box-sizing:border-box; transition:all 0.3s ease;}
.lightbox-message-wrapper .retour-lightbox-simple:hover{background-color:#815b48 !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 #815b48; box-sizing:border-box;}
.menu-interne ul li{display:block; float:left; width:20%; padding:0 10px; margin:0; box-sizing: border-box;}
.menu-interne ul li a{display:block; padding:20px 10px 16px 10px;     border-radius:10px 10px 0 0; margin:0; text-decoration:none; color:#999; background-color:transparent; border:solid 1px #ececec;  border-bottom: none; text-align:center; font-size:1rem; font-weight:400; box-sizing:border-box; transition:all 0.4s ease;  }
.menu-interne ul li a:hover{background-color:#ff6c00; border-color:#ff6c00; color:white;}
.menu-interne ul li.active a{background-color:#815b48; border-color:#815b48; color:white;}
@media screen and (max-width: 1400px){
	.menu-interne ul li a{display:block; padding:10px 5px 10px 5px; border-radius: 5px 5px 0 0; font-size:0.85rem; text-transform:none; font-weight:600; }
	.menu-interne ul li a i{display:block; padding:0 0 5px 0; margin:0; font-size:1.2rem; text-align:center;}

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

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

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

}


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


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