.contenuPage:not(#gabarit_mobile_contenuPage) { 
	padding:0 4px 5px;
	display: grid;
	grid-gap: 0 4px;
	grid-template-columns: auto 300px;
	grid-auto-rows: minmax(0, auto);
	align-items: center;
	grid-template-areas: 'annonce_article indexBox_menu' 
		'. indexBox_menu';
}

.contenuPage:not(#gabarit_mobile_contenuPage) article { position:relative; grid-area: annonce_article; align-self: start; }

.contenuPage:not(#gabarit_mobile_contenuPage) #colonneDroite { grid-area: indexBox_menu; align-self: start; }

.dn { display:none; }

.dvp_loader {
	display:inline-block;
	margin-left:10px;
	width: 14px;
	height: 14px;
	position:absolute;
	top:calc(50% - 7px);
	left:-36px;
	z-index:2;
	border: 3px solid #000;
	border-right-color: transparent;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	from { transform: rotate(0deg);   opacity: 0.4; }
	50%  { transform: rotate(180deg); opacity: 1.0; }
	to   { transform: rotate(360deg); opacity: 0.4; }
}

#gabarit_mobile_contenuPage { padding:0; }

article > section {
	background: #fff;
	border: 1px solid #d7d9db;
	padding: 20px;
}

#gabarit_mobile_contenuPage article > section {
	background: #fff;
	border: 0;
	padding:0 10px;
	margin-top: 10px;
}

article > section > div.entete {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: max-content auto;
	grid-auto-rows: minmax(0, auto);
	align-items: start;
	margin-bottom:20px;
}

article > section > div.entete img.LogoFaqGlobal { width:120px; }

article > section > div.entete img.LogoFAQSRC { width:90px; }

.DivLogo{
	width:90px;
	float:left;
}
.LogoFAQSRC{
	width:80px;
	height:80px;
}

a.lientelechargement,a.lientelechargement:visited,a.lientelechargement:link{
	color:#243C47;
	text-decoration:none;
	text-decoration:none
}
a.lientelechargement:hover{
	text-decoration:underline;
	color:red;
	text-decoration:
	underline;color:red
}
span.lientelechargementpdf {
    background: url("https://www.developpez.com/template/kit/kiticopdf.gif") no-repeat scroll 0 0 transparent;
    color: #243C47;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: -1px;
    padding-left: 22px;
    text-align: left;
}

.AuteursPageFAQ a, .AuteursPageFAQ a:hover, .AuteursPageFAQ a:visited{
	font-weight:bold;
	color: #243C47;
}

h1.TitreFAQ,a.TitreFAQ,a.TitreFAQ:visited{
	color:#243C47;
	text-decoration:none;
	text-align:left;
	font-size:20px;
	letter-spacing:-1px;
	margin-bottom:0
}
.EditoFAQ{
	padding:20px 20px 0;
	margin-top:20px;
	color:#666;
	text-align:justify;
	text-decoration:none;
	border:1px solid #d0d6da;
	border-radius: 12px;
	border-radius:10px;
	overflow:hidden;
	background : rgba(155, 177, 188, 0.3);
}
.EditoFAQ a{
	color: #283D43;
}

.SommaireCompletFAQ{
	margin-top:20px;
	text-align:left;
	border:1px solid #638ad9;
	border-top:none;
	border-top-left-radius:12px;
	-moz-border-radius-topleft:12px;
	-webkit-border-top-left-radius:12px;
	border-top-right-radius:12px;
	-moz-border-radius-topright:12px;
	-webkit-border-top-right-radius:12px;
}
.SommaireFAQ{
	padding:0 10px;
	background: #96B1BE;
	background: -webkit-gradient(linear, left top, left bottom, from(#A9BFCA), to(#96B1BE));
	background: -moz-linear-gradient(top center, #A9BFCA, #96B1BE);
	background: -o-linear-gradient(top, #A9BFCA, #96B1BE);
	border-top-left-radius:12px;
	-moz-border-radius-topleft:12px;
	-webkit-border-top-left-radius:12px;
	border-top-right-radius:12px;
	-moz-border-radius-topright:12px;
	-webkit-border-top-right-radius:12px;
	text-shadow:rgba(0,0,0,.4) 0 1px 0;
	font-family:Verdana,sans-serif;
	text-decoration:none;
	vertical-align:middle;
	text-align:left;
}
span.TitreSommaireFAQ{
	font-weight:700;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	display:block;
	padding:7px 5px;
	line-height:normal;
}
span.TitreSommaireFAQ a.TitreSommaireFAQ{
	color:#fff;
}
span.TitreSommaireFAQ i.fas {
	position:relative;
	top:2px;
	left:10px;
	color: #000;
	font-size: 17px;
	text-shadow:rgba(229, 224, 224, 0.4) 0 1px 0;
	cursor:pointer;
}

#TitreSommaireFAQ,.LienEnteteQuestionFAQSRC,.LienQuestionFAQSRC{
	list-style:none;
}
.SommaireCompletFAQ > div.content {
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
}

.hr-separation{
	height:1px;
	border-width:0;
	color:#25465b;
	background:#638ad9;
	margin:1px 1px;
}

.LienDownloadFAQ{
	display:inline-block;
	padding:0px 20px 0 5px;
	text-align:left;
}

.LienDownloadFAQ > img{
	margin-right:2px;
}

.TitreFAQ1{
	font-weight:700;
	font-size:14px;
	color:#000;
	text-decoration:none;
	display:inline-block;
	padding-top:5px;
}


.HautPage{
	float:right;
	text-align:right;
	width:16px;
	vertical-align:middle;
	color:#fff;
	font-weight:700;
	width:45px;
}
.DivHautFAQ{
	width:20px;
	float:right;
}

.LienQuestionFAQSRC{
	font-size:12px;
	color:#000;
	text-decoration:none;
	margin-bottom:5px;
	font-weight:400}
a.LienQuestionFAQSRC:hover{
	background:#d9edff;
}
div.BarreNavigationFAQ{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding-top:10px;
	margin-top:20px;
	margin-bottom:20px;
}
div.BarreNavigationFAQ div.gauche{
	padding-top:3px;
}
.droite{
	height:30px;
	line-height:30px;
	padding-top:3px;
	float:right;
}

.gauche{
    float: left;
    padding-top: 3px;
}

.DivQuestionFAQ{
	border-radius:10px;
	margin-bottom:15px;
	border:1px solid #638ad9;
	border-top:none;
	width:100%;
	background:left top #fafafa;
}
.DivQuestionFAQ .double{
	display: grid;
	grid-gap: 0 10px;
	grid-template-columns: repeat(2, auto);
	grid-auto-rows: minmax(24px, auto);
	align-items: center;
}
.DivQuestionFAQ .double div.actions, 
.DivQuestionFAQ div.actions.simple{
	text-align:right;
}
.DivQuestionFAQ .double div.actions{
	padding:0 10px 0 0;
}
.DivQuestionFAQ div.actions.simple{
	height:24px;
	line-height:24px;
	padding:0 10px 0 0;
}
.DivQuestionFAQ .verrou{
	margin-right:10px;
}
.DivQuestionFAQ img[role="edit"]{
	position:relative;
	top:-1px;
	margin-right:10px;
	cursor:pointer;
}
.DivQuestionFAQ .icoSup img { position:relative; top:-1px; }
.DivQuestionEnteteFAQ{
	padding:5px 10px;
	background: rgb(140,166,183); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(140,166,183,1) 0%, rgba(115,147,168,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(140,166,183,1)), color-stop(100%,rgba(115,147,168,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(140,166,183,1) 0%,rgba(115,147,168,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(140,166,183,1) 0%,rgba(115,147,168,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(140,166,183,1) 0%,rgba(115,147,168,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(140,166,183,1) 0%,rgba(115,147,168,1) 100%); /* W3C */
	border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	text-shadow:1px 1px 0 rgba(0,0,0,.6);
	font-family:Verdana,sans-serif;
	text-decoration:none;
	vertical-align:middle;
	font-weight:700;
	font-style:italic;
}
.AQuestionFAQ{
	color:#fff;
	font-size:14px;
	text-decoration:none;
	line-height:14px;
	display:inline-block;
}
.AQuestionFAQ:hover {
	color:#fff;
	text-decoration:underline;
}
.DivQuestionTitreFAQ{
	vertical-align:middle;
	padding-left:5px;
	width:95%;
}
.DivQuestionAuteursFAQ{
	margin-right:20px;
	float:right;
	vertical-align:middle;
	text-align:right;
}
.DivQuestionContenuFAQ{
	padding:20px 20px 2px;
	text-align:justify;
	font-weight:400;
}
.DateQuestions,.AAuteurs{
	font-size:9px;
	padding:0 4px 4px;
	text-align:right;
	font-style:italic;
	color:#7e7e7e;
}
.DivQuestionContenuFAQ a, .DivQuestionContenuFAQ a:visited, .DivQuestionContenuFAQ a:hover,
.LienDownloadFAQ a, .LienDownloadFAQ a:visited, .LienDownloadFAQ a:hover{
	color: #036;
	text-align: center;
	font: bold 9pt Verdana,sans-serif;
}

#divResultSearch{
	width:100%;
}
#searchSubmit{ width:100px; margin:0; margin-left:0; padding:0; line-height:1.9; border-radius:0 .25rem .25rem 0; }
#resultSearch{
	background:url(https://www.developpez.com/template/kit/kitcours-input-fond.png) no-repeat left center #fff;
	border:1px solid #ddd;
	width:calc(100% - 100px);
	padding:4px;
}
.navigation{
	color:#35383c;
	font:14px arial,tahoma,arial,sans-serif;
	margin:0 0 4px;
	padding:0 0 0 7px;
	text-align:left;
	text-transform:uppercase;
}
.navigation span{
	margin-left:10px;
	margin-right:10px;
}
#resultats .nextprevious{
	font-weight:700;
	border-bottom:1px solid #35383c;
	cursor:pointer;
}
#resultats p.resultDescr{
	padding:0;
	margin:5px 20px 0;
	font-size:10px;
	font-style:italic;
}
#resultats span.url{
	margin:0 20px;
	font-size:10px;
	font-style:italic;
}
.theme,.resultItem{
	font-size:12px;
	font-weight:400;
	list-style-type:none;
	margin:3px 0 3px 20px;
	padding:0 0 1px 20px;
}
#resultats div.resultPuce{
	background:url(https://www.developpez.com/public/images/livrepuce.png) no-repeat left bottom;
	width:18px;
	height:15px;
	float:left;
}
#resultats li a{
	border-bottom:1px solid #35383c;
	color:#35383c;
	text-decoration:none;
}
#resultats .nextprevious:hover{
	color:#0062d9;
	border-bottom:1px solid #0062d9;
}
#resultats{
	display:none;
	color:#666;
	padding:2px 5px;
	margin-top:1px;
	margin-bottom:15px;
	text-align:justify;
	border:1px solid #ddd;
	background:url(https://www.developpez.com/template/kit/kitlivrebg.gif) left bottom;
}

.clearleft {
    clear: left;
}

.DivQuestionContenuFAQ ul{
	margin-bottom:0px;
}

.stamp {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: max-content auto;
	grid-auto-rows: minmax(0, auto);
	align-items: center;
    background-color: #FFFFFF;
    border: 1px solid #8888887d;
    border-radius: .25rem;
    box-shadow: 3px 3px 5px #8888884a;
    color: #003366;
    margin: 10px;
    text-decoration: none;
    width: 300px;
}

.stamp img {
    margin: 2px;
}
.stamp:hover {
    background-color: #EEEEEE !important;
    border-color: #638CDE;
    color: #003366;
}
.stamp:hover .stampTitle {
    background-color: #638CDE;
}

.stampTitle {
    background-color: #344E81;
    border-radius: 0 0 9px 9px;
    color: white;
    height: 51px;
    padding-top: 5px;
}

.LienProfil{color:#555}
.ImageProfil{height:60px;float:left;margin:5px}
.FormInline {
	display: inline-block;
	padding: 0 20px;
	background: none;
	overflow:hidden;
	position:relative;
	top:2px;
}
.FormInline input, 
.FormInline label { font-size:12px; }
.FormInline label { color:#000; text-shadow:none; font-weight:normal; margin:0 10px; }
.FormInline label input { margin-left:10px; position:relative; top:2px; }
.FormInline input[type="submit"] { 
	margin: 0 0 0 20px;
	padding: 0 20px;
	line-height: 20px;
	height: 20px;
	border: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	background:green;
}
.div-vide{height:2px;clear:left}
.FlecheRemonterSection{margin:-1px 5px 0 -5px; position: relative; top: -1px;}
.SommaireCompletFAQ > ul > .FlecheRemonterSection {
	margin: 0 10px 0 0;
	position: relative;
	top: 8px;
	float: left;
}
.ProposerReponse{margin-bottom:2px}
.DeplacerQuestion{display:block;text-align:right;}
.DeplacerQuestion > form{display:inline-block;margin-left:10px;}
.LienVide{float:left; margin-right:20px}
.bbcode_container{display:block}
.InputSize{width:calc(100% - 235px); height:1.55rem;}
.InputSubmitSize {
	width: 220px;
	margin: 0 0 0 0 !important;
	height: 1.6rem;
	line-height: 1.1rem;
	border-radius: 0 !important;
}
#divFaqEnglobe{display:flex; flex-wrap:wrap;}
.DivFaq{
	width:200px;
    margin: 5px;
    padding: 0;
    border: 1px solid #7a99ae;
    border-radius: 10px;
	text-align:center;
}
.titreFaq{
	display:block;
	font-weight: bold;
	background-color: #7a99ae; 
	border-top-right-radius: 8px; 
	border-top-left-radius: 8px; 
	height: 20px;
	line-height: 20px;
	color:#fff;
}
.DivFaq > div { padding:10px; text-align:left; }
.titreFaqGeneral{font-size:30px;}
.SpanFaq{
	min-width:200px;
/*	background-color:#add4d6; */
	margin:10px;
}
.InputTittre{width:80%;margin-bottom:5px}
.SelectQR{width:60%}

[data-cible="addForm"] label { display:block; }
[data-cible="addForm"] label > span { width:100%; }
[data-cible="addForm"] .field { width:70%; }

/*Ancien code balise style*/
.nonVisible{background:red}
.editPanel{display:none}
.userList{margin:4px}
.userList span{border: 1px solid #aaf;background-color: #ddf;margin:2px;padding:2px}
.userList a{font-size:8pt}
.userList img{cursor:pointer}
[role='add']{cursor:pointer}
section.SommaireCompletFAQ{/*display:table;*/width:100%}
.FAQFooter{clear:both}

p.licence { margin-top:20px; }

/* editPanel */
.editPanel > div {
	padding:20px 10px 10px;
	background:#86a1b352;
}

/* Mobile */
@media screen and (max-width: 1010px) {
	.contenuPage:not(#gabarit_mobile_contenuPage) { 
		grid-gap: 0;
		grid-template-columns: auto;
	}
	#colonneDroite{display:none}
	.droite {
		display: block;
		height: auto;
		line-height: 1;
		padding: 12px 0;
		float: none;
		font-weight: normal;
		font-size: 14px;
		letter-spacing: initial;
		text-decoration:underline;
	}
	.AuteursPageFAQ a {
		margin: 12px 0;
		display: block;
		padding: 0 20px;
	}
	.LogoFaqGlobal, 
	article > section > div.entete img.LogoFAQSRC{width:75px}
	.titreFaqGeneral{font-size:20px; margin-bottom:20px;}
	.SommaireCompletFAQ{display:inherit}
	.InputTittre,.InputSize{width:50%}
	.InputSubmitSize{width:48%}
	.DivQuestionTitreFAQ { width: 85%;}
	.FormInline { display: block; padding: 20px 0; }
	
	article > section > div.entete { grid-template-columns: 1fr; margin-bottom: 20px !important; }
	article > section > div.entete img.LogoFaqGlobal { margin: 0 auto; }
	#divFaqEnglobe { display: block; }
	.DivFaq { width: 100%; margin: 0 0 20px 0; }
}