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

.contenuPage#gabarit_mobile_contenuPage { padding:0; grid-gap: 0; grid-template-columns: auto; }

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

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

#gabarit_mobile_contenuPage #colonneDroite { display:none; }

.contenuPage { padding-top:1px; }

/* CHECKBOX */
.checkBlok .checkbox { display:inline-block; padding:2px 10px 10px; margin:0; }
.checkBlok .checkbox label:after { content: ''; display: table; clear: both; }
.checkBlok .checkbox .cr {
    position: relative;
	top:4px;
    display: inline-block;
    border: 1px solid #abc9b2;
	color: rgba(4, 8, 2, 0.5);
	background-color: #fff;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: none;
    margin-right: .2em;
}
.checkBlok .checkbox .cr .cr-icon { 
	position: absolute; line-height: 0; top: 37%; left: 20%; 
}
.checkBlok .checkbox label input[type="checkbox"] { 
	display: none; 
}
.checkBlok .checkbox label input[type="checkbox"] + .cr > .cr-icon { 
	transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all .3s ease-in; 
}
.checkBlok .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon { 
	transform: scale(1) rotateZ(0deg); opacity: 1; 
}
.checkBlok .checkbox label.off { 
	opacity:.3;
}
.checkBlok .checkbox label input[type="checkbox"]:disabled + .cr { 
	opacity: .05; 
	border-color:red;
	cursor:default;
}

.radiosCat {
	display: inline-block;
	padding: 2px 10px 10px;
	margin: 0;
}
.radiosCat label {
	display: inline;
	font-weight: 400;
	cursor: pointer;
}
.radiosCat label input {
	position:relative;
	top:2px;
	margin-right:10px;
}

.dvp_loader {
	width: 14px;
	height: 14px;
	border: 4px solid #5d8198;
	border-right-color: transparent;
	border-radius: 50%;
	box-shadow: 0 0 25px 2px #eee;
	animation: spin 1s linear infinite;
	position:absolute;
	top:3px;
	right:4px;
	z-index:10;
}

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

#ajoutImgUploadAjax {
	padding:1rem; 
	position:relative;
}

#ajoutImgUploadAjax .dvp_loader {
	margin-left: 20px;
	position: relative;
	display: inline-block;
	top: 3px;
	width:10px;
	height:10px;
	border: 3px solid #f00;
	border-right-color: transparent;
}

.button {
	border-color:#5E8198;
	padding:.25rem 1.255rem;
	margin-left:5px;
	font-weight:normal;
	background: #7aa0b9;
	background: -moz-linear-gradient(top, #7aa0b9 0%, #5e8198 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7aa0b9) color-stop(100%,#5e8198));
	background: -webkit-linear-gradient(top, #7aa0b9 0%,#5e8198 100%);
	background: -o-linear-gradient(top, #7aa0b9 0%,#5e8198 100%);
	background: -ms-linear-gradient(top, #7aa0b9 0%,#5e8198 100%);
	background: linear-gradient(to bottom, #7aa0b9 0%,#5e8198 100%);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.button:hover {
	background: #89b3ce;
	background: -moz-linear-gradient(top, #89b3ce 0%, #5e8198 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89b3ce) color-stop(100%,#5e8198));
	background: -webkit-linear-gradient(top, #89b3ce 0%,#5e8198 100%);
	background: -o-linear-gradient(top, #89b3ce 0%,#5e8198 100%);
	background: -ms-linear-gradient(top, #89b3ce 0%,#5e8198 100%);
	background: linear-gradient(to bottom, #89b3ce 0%,#5e8198 100%);
}
.button:disabled {
	border-color:#E0E0E0;
	padding:4px 8px 6px;
	margin-left:5px;
	font-weight:normal;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #646464 !important;
	text-shadow: 1px 1px 1px #fff;
}

.button.ajouter { 
	display:block;
	width:calc(100% - 44px);
	color:#fff !important;
	border-color: #009ec3;	
	font-size:.75rem;
	letter-spacing:.07rem;
	text-shadow: 1px 1px 1px #018dae;
	padding:.3rem 1rem .25rem !important;
	background: #00b7ea;
	background: -moz-linear-gradient(top,  #00b7ea 0%, #009ec3 100%);
	background: -webkit-linear-gradient(top,  #00b7ea 0%,#009ec3 100%);
	background: linear-gradient(to bottom,  #00b7ea 0%,#009ec3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 );
}

.button.ajouter:hover, .button.ajouter:focus, .button.ajouter:active { 
	background: #00b7ea !important;
	background: -moz-linear-gradient(top,  #00b7ea 0%, #298db4 100%) !important;
	background: -webkit-linear-gradient(top,  #00b7ea 0%,#298db4 100%) !important;
	background: linear-gradient(to bottom,  #00b7ea 0%,#298db4 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#298db4',GradientType=0 ) !important;
}

.button.deplacer {
	margin:30px 0 0 -32px; 
	width:calc(100% + 32px); 
	padding:0;
	background: #5385aa;
	background: -moz-linear-gradient(top, #5385aa 0%, #447294 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5385aa) color-stop(100%,#447294));
	background: -webkit-linear-gradient(top, #5385aa 0%,#447294 100%);
	background: -o-linear-gradient(top, #5385aa 0%,#447294 100%);
	background: -ms-linear-gradient(top, #5385aa 0%,#447294 100%);
	background: linear-gradient(to bottom, #5385aa 0%,#447294 100%);
}
.button.deplacer:hover, .button.deplacer:focus, .button.deplacer:active {
	background: #5385aa !important;
	background: -moz-linear-gradient(top, #447294 0%, #31536c 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#447294) color-stop(100%,#31536c)) !important;
	background: -webkit-linear-gradient(top, #447294 0%,#31536c 100%) !important;
	background: -o-linear-gradient(top, #447294 0%,#31536c 100%) !important;
	background: -ms-linear-gradient(top, #447294 0%,#31536c 100%) !important;
	background: linear-gradient(to bottom, #447294 0%,#31536c 100%) !important;
}

.p-2 { width:100%; }

.breadcrumbs { margin-right:4px; }

/* RECHERCHE */

#recherche .form-control, #recherche .btn { line-height:1; font-size:.8rem; }
#recherche .form-control { height: auto; }
#recherche  #resultSearch {
    background: url(https://www.developpez.com/template/kit/kitcours-input-fond.png) no-repeat 4px center #fff;
    border: 1px solid #5e8198;
    width: 80%;
}
#auteurs #recherche  #resultSearch { width:auto; }
#recherche  .input-group-append input {
    margin-left:-1px;
	margin-top:0;
}

/* GABARIT */

#gabaritENTETE.flex-row { margin-bottom:0 !important; }
#gabaritENTETE .p-2 { width:auto; margin-right:15px; }
#gabaritENTETE .p-2:nth-child(2) { width:100%; }
#gabaritENTETE .p-2:nth-child(2) p span { margin-left:20px; font-size:.8rem; display:inline-block; position:relative; top:-2px; }
#gabaritENTETE .p-2:nth-child(2) p span i { margin-right:20px;  }
#gabaritENTETE .p-2 .descr { font-size:.7rem; }
#gabaritENTETE .p-2:nth-child(3) { margin-right:0; padding:0 !important; }
#gabaritENTETE .p-2:nth-child(3) a { position:relative; xtop:calc(50% - 24px); top:-3px; }

#recherche { width:calc(100% - 4px); }

#gabaritDL { margin-top:15px; }
#gabaritDL .p-2 { width:100%; padding: 0 0 1rem !important; }
#gabaritDL .listingCat .p-2 { padding: .5rem !important; }
#auteurs #gabaritDL .p-2, 
#addEditCat #gabaritDL .p-2 { padding: 2px 0 !important; }
#auteurs #gabaritDL .infoextrauser { margin-left:8px; margin-right:8px; }
#gabaritDL .p-2.contenu { padding: 0 0.5rem 1rem !important; }

#gabaritDL #menu { white-space:nowrap; margin-right:10px; }
#auteurs #gabaritDL #menu, 
#addEditCat #gabaritDL #menu { margin-top:0; }
#gabaritDL #menu .bloc.sticky { position: fixed; top:15px; }

#gabaritDL #menu .entete { 
	color:#fff;
	text-align:center;
	background: #7192a8 url(https://forum.developpez.net/images/buttons/newbtn_middle.png) repeat-x;
	font-size:.9rem;
	padding:4px;
	letter-spacing:.1rem;
	text-shadow:1px 1px 0 #516c7e;
	-webkit-border-radius: .25rem .25rem 0 0;
	border-radius: .25rem .25rem 0 0;
}
#auteurs #gabaritDL #menu .entete, 
#addEditCat #gabaritDL #menu .entete { 
	font-size:.8rem;
}

#gabaritDL #menu .menu { 
	background-color:#96b1be33; 
	border:1px solid #96b1be;	
	border-top:0;
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(234,239,242,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(234,239,242,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(234,239,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#3396b1be',GradientType=1 );
}
#gabaritDL #menu .menu:first-child { border-top:1px solid #96b1be; }

#gabaritDL #menu .menu a { display:block; padding:10px; padding-left:8px; font-weight:bold; font-size:.7rem; color:#596c7d; }

#gabaritDL #menu .menu a:hover { 
	text-decoration:none;
	color:#475765;
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(150,177,190,0.3) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(150,177,190,0.3) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(150,177,190,0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#3396b1be',GradientType=1 );
}

#gabaritDL #menu .menu:first-child a { padding-top:10px; }

#gabaritDL #menu .menu:last-child a { padding-bottom:10px; }

#gabaritDL #menu .menu a i { margin-right:8px; }

#gabaritDL h3:not(.titre), 
#gabaritAccueilDL h3:not(.titre), 
#gabaritDL #modCatDl { 
	color: #fff;
	text-align: center;
	background: #7192a8 url(https://forum.developpez.net/images/buttons/newbtn_middle.png) repeat-x;
	padding: 6px 10px;
	letter-spacing: .1rem;
	text-shadow: 1px 1px 0 #516c7e;
	-webkit-border-radius: .25rem;
	border-radius: .25rem;
	margin-top:15px;
	margin-bottom:15px;
	font-size:.9rem;
}
#gabaritDL h3:first-of-type { margin-top:0; }
#gabaritDL #modCatDl {
	margin-top: 5px;
	margin-bottom: 20px;
	padding: 10px 0;
	background: none;
}
#gabaritDL #modCatDl .p-2 {
	padding-bottom:0 !important;
}
#gabaritDL #modCatDl .p-2 span, 
#gabaritDL #modCatDl .p-2 a {
	display:block;
	height:30px;
	line-height:30px;
}
#gabaritDL #modCatDl .p-2 { 
	margin:0 5px; 
	background: #7192a8 url(https://forum.developpez.net/images/buttons/newbtn_middle.png) repeat-x; 
	-webkit-border-radius: .25rem;
	border-radius: .25rem;
}
#gabaritDL #modCatDl .p-2.dernier { margin-right:0; }
#gabaritDL #modCatDl .p-2[role="edit"] {
	margin-left:0;
	background: #258dc8;
	background: -moz-linear-gradient(top,  #258dc8 0%, #20709e 100%);
	background: -webkit-linear-gradient(top,  #258dc8 0%,#20709e 100%);
	background: linear-gradient(to bottom,  #258dc8 0%,#20709e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#20709e',GradientType=0 );
}
#gabaritDL #modCatDl .p-2[role="add"] {
	background: #299a0b;
	background: -moz-linear-gradient(top,  #299a0b 0%, #0a8210 100%);
	background: -webkit-linear-gradient(top,  #299a0b 0%,#0a8210 100%);
	background: linear-gradient(to bottom,  #299a0b 0%,#0a8210 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#0a8210',GradientType=0 );
}
#gabaritDL #modCatDl .p-2[role="del"] {
	background: #a90303;
	background: -moz-linear-gradient(top,  #a90303 0%, #9b0606 44%, #7a0202 100%);
	background: -webkit-linear-gradient(top,  #a90303 0%,#9b0606 44%,#7a0202 100%);
	background: linear-gradient(to bottom, #a90303 0%,#9b0606 44%,#7a0202 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90303', endColorstr='#7a0202',GradientType=0 );
}
#gabaritDL #modCatDl .p-2[role="move"] {
	background: #cc68ce;
	background: -moz-linear-gradient(top,  #cc68ce 0%, #9b4e9a 47%, #72336f 100%);
	background: -webkit-linear-gradient(top,  #cc68ce 0%,#9b4e9a 47%,#72336f 100%);
	background: linear-gradient(to bottom, #cc68ce 0%,#9b4e9a 47%,#72336f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc68ce', endColorstr='#72336f',GradientType=0 );
}
#gabaritDL #modCatDl .p-2[role="info"] {
	background: #ff670f;
	background: -moz-linear-gradient(top,  #ff670f 0%, #da570b 100%);
	background: -webkit-linear-gradient(top,  #ff670f 0%,#da570b 100%);
	background: linear-gradient(to bottom,  #ff670f 0%,#da570b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#da570b',GradientType=0 );
}
#gabaritDL #modCatDl .p-2 a { color:#fff; }
#gabaritDL #modCatDl .p-2[role="edit"] a { text-shadow: 0 0 2px #000; }
#gabaritDL #modCatDl .p-2[role="add"] a { text-shadow: 0 0 2px #003802; }
#gabaritDL #modCatDl .p-2[role="del"] a { text-shadow: 0 0 2px #500; }
#gabaritDL #modCatDl .p-2[role="move"] a { text-shadow: 0 0 2px #471f46; }
#gabaritDL #modCatDl .p-2[role="info"] { text-shadow: 0 0 2px #ab470d; }
#gabaritDL #modCatDl .p-2 a:hover { color:#fff; }

#gabaritAccueilDL h3.admin { 
	position:relative;
	color: #fff;
	background-color: #e64141;
	text-shadow: 1px 1px 0 #ab0000;
}
#gabaritAccueilDL h3.admin span.avertadmin { 
	display:block;
	position:absolute;
	top:8px;
	right:10px;
	font-size:.8rem;
	letter-spacing:.05rem;
	color:yellow;
}

h3.titre header div.reference { display:inline-block; cursor:help; }
h3.titre header div.reference i.glyphicon { top:.345rem; left:1.5rem; color:#ff8300; font-size:1.8rem; }
h3.titre header div.reference div { display:inline-block; position:relative; top:-4px; left:-5px; color:#ff8300; font-size: .8rem; letter-spacing: 0.5rem; } 
h3.titre header div.reference div span { color:#fff; font-weight:normal; text-transform:full-width; }

#resources #trierpar { margin-bottom:15px; text-align:right; }
#resources #trierpar span { margin-right:10px; }
#resources #trierpar a.tag { margin-right:10px; padding:.35rem 1rem .4rem; background:rgb(149, 149, 149); text-shadow:1px 1px 0 #575757; }
#resources #trierpar a.tag.actif { background: rgb(45, 169, 35); }
#resources #trierpar a.tag:hover { box-shadow: none; transition: none; background:rgb(129, 129, 129); }
#resources #trierpar a.tag.actif:hover { background: rgb(39, 151, 30); }
#resources #trierpar a.tag:last-child { margin-right:0; }
#resources #trierpar a.tag i { top:1px; left:5px; font-size:.65rem; }

#gabaritAccueilDL .outil,  
#gabaritDL .outil { 
	position:relative;
	border: 1px solid #96B1BE; 
	background: #ffffff;
	background: -moz-linear-gradient(-45deg, #ffffff 0%, rgba(186, 229, 242, 0.3) 100%);
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,rgba(186, 229, 242, 0.3) 100%);
	background: linear-gradient(135deg, #ffffff 0%,rgba(186, 229, 242, 0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#36BAE5F2',GradientType=1 );
	-webkit-border-radius: .25rem;
	border-radius: .25rem;
}
#gabaritAccueilDL .outil:hover, 
#gabaritDL .outil:hover { 
	border: 1px solid #96B1BE; 
	background: #ffffff;
	background: -moz-linear-gradient(-45deg, #ffffff 0%, rgba(186, 229, 242, 0.48) 100%);
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,rgba(186, 229, 242, 0.48) 100%);
	background: linear-gradient(135deg, #ffffff 0%,rgba(186, 229, 242, 0.48) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F9FFFF',GradientType=1 );	
}
#gabaritAccueilDL .outil.off, 
#gabaritDL .outil.off { 
	position:relative;
	border: 1px solid #BE9696; 
	background: #ffffff;
	background: -moz-linear-gradient(-45deg, #ffffff 0%, rgba(242, 186, 186, 0.34) 100%);
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,rgba(242, 186, 186, 0.34) 100%);
	background: linear-gradient(135deg, #ffffff 0%,rgba(242, 186, 186, 0.34) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F9FFFF',GradientType=1 );
	-webkit-border-radius: .25rem;
	border-radius: .25rem;	
}
#gabaritAccueilDL .outil.off:hover, 
#gabaritDL .outil.off:hover {  
	background: #ffffff;
	background: -moz-linear-gradient(-45deg, #ffffff 0%, rgba(242, 186, 186, 0.44) 100%);
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,rgba(242, 186, 186, 0.44) 100%);
	background: linear-gradient(135deg, #ffffff 0%,rgba(242, 186, 186, 0.44) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#36BAE5F2',GradientType=1 );	
}
#gabaritAccueilDL h3.titre header a, 
#gabaritDL h3.titre header a { font-size:1.4rem; }
#gabaritAccueilDL h3.titre header a, #gabaritDL h3.titre header a { color:#233564 !important; }
#gabaritAccueilDL .outil.off h3.titre header a, 
#gabaritDL .outil.off h3.titre header a { color:#BB1616 !important; }
#gabaritAccueilDL .outil.off h3.titre header a:hover, 
#gabaritDL .outil.off h3.titre header a:hover { border-color:#BB1616 !important; }
#gabaritAccueilDL .description, 
#gabaritDL .description { background:none; margin-top:10px; padding:0 20px 20px; font-size:.8rem; line-height:1.3rem;}
#gabaritAccueilDL .outil.off .description, 
#gabaritDL .outil.off .description { color:#600; }
#gabaritAccueilDL .sousTitre, 
#gabaritDL .sousTitre { background:none; color:#358ed2; font-weight:normal; }
#gabaritAccueilDL .sousTitre.infos, 
#gabaritDL .sousTitre.infos { padding: 0 20px 20px; }
#gabaritAccueilDL .outil.off .sousTitre, 
#gabaritDL .outil.off .sousTitre { font-weight:normal; color:#C37C7C !important; }
#gabaritAccueilDL .outil .sousTitre div.infoDL, 
#gabaritDL .outil .sousTitre div.infoDL, 
#gabaritAccueilDL .outil .sousTitre .extraPlus, 
#gabaritDL .outil .sousTitre .extraPlus { font-weight:normal; color:#358ed2; } 
#gabaritAccueilDL .outil .sousTitre div.infoDL span span.nb, 
#gabaritDL .outil .sousTitre div.infoDL span span.nb { margin: 0 .1rem; font-size: .85rem; letter-spacing: .06rem; }
#gabaritAccueilDL .outil .sousTitre div.infoDL span.auteur a { font-weight:bold; }
#gabaritAccueilDL .outil.off .sousTitre div.infoDL, 
#gabaritDL .outil.off .sousTitre div.infoDL, 
#gabaritAccueilDL .outil.off .sousTitre .extraPlus, 
#gabaritDL .outil.off .sousTitre .extraPlus { font-weight:normal; color:#C37C7C; }
#gabaritDL .outil .sousTitre div.infoDL .auteur { padding-bottom:4px; display:inline-block; }
#gabaritDL .outil .sousTitre div.infoDL .auteur a.extraPlus { font-weight:bold; font-size:1rem; padding-right:0; }
#gabaritAccueilDL .errorMessage, 
#gabaritDL .errorMessage { 
	margin-top:20px;
	padding:2px 10px;	
	-webkit-border-radius: .25rem; 
	border-radius: .25rem; 
	color: #4d616a; 
	background:none; 
	background-color: #96b1be4d; 
	border-color: #96b1be; 
	font-size:.9rem; 
}
#gabaritAccueilDL .errorMessage i, 
#gabaritDL .errorMessage i {
	top:2px;
	font-size:1.5rem;
}
#gabaritAccueilDL .errorMessage span, 
#gabaritDL .errorMessage span {
	position:relative;
	top:-5px;
	left:10px;
}
#gabaritAccueilDL .outil.off div.errorMessage, 
#gabaritDL .outil.off div.errorMessage { 
	color:#6c1b1b99;
	font-size:.8rem;
	position: absolute;
	top: 18px;
	right: 23px;
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
	text-align: right;
	font-style: italic;
}


/* MENU */

.flex-row { margin-bottom:0; }


/**/

.list-group-item { 
	padding:0; 
	border:1px solid rgba(118, 149, 170, 0.37); 
	background: rgb(255,255,255);
	background: -moz-linear-gradient(-45deg, #ffffff 0%, rgba(186,229,242,0.21) 100%);
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,rgba(186,229,242,0.21) 100%);
	background: linear-gradient(135deg, #ffffff 0%,rgba(186,229,242,0.21) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#36BAE5F2',GradientType=1 );
}
.list-group-item:hover { 
	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(186,229,242,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(186,229,242,1) 100%);
	background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(186,229,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bae5f2',GradientType=1 );
}
.list-group-item a {
	padding:0.75rem 1.25rem;
	width:100%;
	position:relative;
	z-index:1;
	color:#233540;
	font-weight:bold;
}
.list-group-item a:hover {
	text-decoration:none;
}
.list-group-item > .badge {
	float: none;
	position: absolute;
	right: 10px;
}



/* RECHERCHE */
ul.recherche {  
	xmargin-bottom:10px;
}
ul.recherche .list-group-item { 
	background: rgb(255,255,255);
	background: -moz-linear-gradient(-45deg, #ffffff 0%, rgba(186,229,242,0.21) 50%, rgba(76, 153, 177, 0.2) 100%);
	background: -webkit-linear-gradient(-45deg, #ffffff 0%, rgba(186,229,242,0.21) 50%, rgba(76, 153, 177, 0.2) 100%);
	background: linear-gradient(135deg, #ffffff 0%, rgba(186,229,242,0.21) 50%, rgba(76, 153, 177, 0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#36BAE5F2',GradientType=1 );
}
ul.recherche .list-group-item:hover {  
	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(186,229,242,1) 30%, rgba(186,229,242,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(186,229,242,1) 30%,rgba(186,229,242,1) 100%);
	background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(186,229,242,1) 30%,rgba(186,229,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bae5f2',GradientType=1 );
}
ul.recherche .list-group-item.noresult {  
	padding: .75rem 1.25rem;
	text-align:center;
}
ul.recherche .list-group-item.noresult span {  
	width:100%;
}
ul.recherche .list-group-item a {  
	margin-bottom: 0;
	color:#384954;
	font-weight:normal;
	padding:.45rem 1.25rem;
}
ul.recherche .list-group-item a i { 
	margin-right:.6rem;
	font-size:.7rem;
}

#alerterMod .breadcrumbs { width: calc(100% - 55px); margin: 0 auto 20px; }

/* DETAILS */
#download { padding-right:20px; }
#download h1.titre, 
#addEditDl h1.titre, 
#alerterMod h1.titre, 
#auteurs h1 header, 
#addEditCat h1 header { 
	padding:0;
	margin-top:20px;
	-webkit-border-radius: .25rem;
	border-radius: .25rem;
	background-color: #447294;
	color: #fff;
	font-weight: bold;
	font-size: 1.4rem;
	line-height:1.4;
}
#download h1.titre { margin-top:0; margin-bottom:20px; font-size: 1.3rem; letter-spacing: .1rem; line-height:2rem; background-color:#dae3ea; color:#345974; }
#download h1.titre.off { background-color:#a71b1b33; color:#a71b1b; }
#download h1 header, 
#addEditDl h1.titre header, 
#alerterMod h1.titre header { margin:2px 10px 3px 10px; }
#alerterMod p.informations { margin:20px 0; font-size:.9rem; }
#alerterMod p.informations i { margin-left:20px; margin-right:10px; }
#auteurs h1 header, 
#addEditCat h1 header { padding:0 10px 20px 10px; margin-top:0; background:none; color:#447294; }
#auteurs h1 header { padding-left:0; margin-top: 10px; }
#addEditCat h1 header { padding-top:20px; }
#download h1 header img { vertical-align:middle; margin-right:10px; margin-top:-2px; }
#download #prezdetails { padding:0; margin-top:20px; border-top:0; }
#download #prezdetails #prez { position:relative; padding: 0.5rem 0 0.5rem 2rem !important; }
#download #prezdetails #prez .titreDl { font-size:1.4rem; color:#447294; font-weight:bold; margin-bottom:20px; }
#download #prezdetails #prez .titreDl .p-2 { padding-top: 0 !important; }
#download #prezdetails #prez #mod { position:absolute; bottom:10px; width:calc(100% - 2rem); height:22px; padding:5px 10px 5px 0; }
#download #prezdetails #prez #mod div { font-size:.8rem; white-space:nowrap; }
#download #prezdetails #prez #mod div a { color:#888; cursor:pointer; }
#download #prezdetails #prez #mod div a i { margin-right:10px; }
#download #prezdetails #details { 
	width:auto; 
	max-width:260px; 
	margin-left: 0;
	margin-right: 0;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
#download #prezdetails .badge-info { color: #345974; background-color: #44729433; }
#download #prezdetails.off .badge-info { color: #a71b1b; background-color: #a71b1b33; }
#download #prezdetails .badge-light { width:100%; padding:5px 0; font-size:.7rem; color: #fff; background-color: #444; }
#download #prezdetails .badge-success { width:calc(100% - 20px); padding:1rem .5rem; font-size:.8rem; white-space:normal; }
#download #prezdetails .description { background: none; font-size: .9rem; line-height: 1.3rem; letter-spacing: .03rem; color:#11222f; padding-bottom: 20px; }
#download #prezdetails .liens { padding:0.2rem 0 !important; }
#download #prezdetails .actions { 
	width:auto;
	padding:0 0.4rem !important;
	margin:0.2rem 0 0.2rem -.3rem !important;
	background-color:#00801d;
	-webkit-border-radius: 0 0.25rem 0.25rem 0;
	border-radius: 0 0.25rem 0.25rem 0;
}
#download #prezdetails .actions .dvp_loader {
	display:none;
	width:8px;
	height:8px;
	top:0;
	right:0;
	left:24px;
}
#download #prezdetails .liens .p-2 { line-height:50px; }
#download #prezdetails .liens .p-2 img { width:40px; }
#download #prezdetails #infosDl { padding: 10px; line-height:1.3rem; font-size: .7rem; white-space:nowrap; }
#download #prezdetails #plateformesDl { white-space:initial; }
#download #prezdetails #plateformesDl.multiple { white-space:pre-line; }
#download #prezdetails #infosDl .auteur.user { margin-bottom:20px; text-align:center; }

#download #prezdetails #infosDl .extraPlus { color:#447294; margin-left:10px; font-size:.8rem; position:relative; top:1px; }
#download #prezdetails #infosDl .auteur.user .extraPlus { margin-left:0; font-size:.7rem; padding-right:0; }
#download #prezdetails #tags { padding:10px; }
#download #prezdetails #tags .tags { margin:0; font-family:inherit; }
#download #prezdetails #tags .tags span.tag { border-radius:0; font-weight:normal; padding:0; text-align:left; display:block;background:none; line-height:1.1rem; }
#download #prezdetails #tags .tags span.tag:hover { box-shadow:none; transition:none; text-decoration:underline; }
#download #prezdetails #tags .tags span.tag a { color:#000 !important; }

#download #prezdetails #navDetails { padding:10px; }
#download #prezdetails #navDetails span { display: block; line-height: 1.2rem; vertical-align: baseline; white-space: nowrap; }
#download #prezdetails #navDetails span a { color:#000 !important; font-size:.7rem; }

#download #prezdetails .glyphCommun { position:relative; cursor:pointer; }
#download #prezdetails .glyphMod { top:7px; }
#download #prezdetails .glyphAlert { top:10px; }
#download #prezdetails .glyphCommun a { color:#fff; }
#download #prezdetails .glyphMod a:hover { color:#ff8900; }
#download #prezdetails .glyphAlert a:hover { color:#f00; }

#download #prezdetails .image { padding-bottom:10px; }

#download .tools { height: auto; background-color: #dae3ea; padding:5px 10px; margin-top:20px; text-align:right; -webkit-border-radius: .25rem; border-radius: .25rem; }
#download .tools.off { background-color:#a71b1b33; }
#download .tools a { font-size:.8rem; color:#345974; padding:0 20px; line-height:1.6; }
#download .tools.off a { color:#a71b1b; }
#download .tools a:hover, 
#download .tools a:focus { color:#345974; border-color:#345974; box-shadow:none; }
#download .tools.off a:hover, 
#download .tools.off a:focus { color:#a71b1b; border-color:#a71b1b; box-shadow:none; }
#download .tools a i { position:relative; top:2px; margin-right:2px; }

.pagination { 
	-webkit-border-radius: .5rem; 
	border-radius: .5rem; 
	background: #354d5d;
	background: -moz-linear-gradient(top,  #354d5d 0%, #0e3a57 100%);
	background: -webkit-linear-gradient(top,  #354d5d 0%,#0e3a57 100%);
	background: linear-gradient(to bottom,  #354d5d 0%,#0e3a57 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#354d5d', endColorstr='#0e3a57',GradientType=0 );
	border:1px solid #354d5d;
}
.pagination a { flex:auto; font-size:.8rem; text-align:center; background:none; color:#fff; padding:0 10px; line-height:30px; }
.pagination a:not(.currentPage):hover { text-decoration:none; background-color:#4a6a79; }
.pagination .currentPage { background-color:#265d76; -webkit-box-shadow: inset 0 0 8px 1px #0e3a57; box-shadow: inset 0 0 8px 1px #0e3a57; }
.pagination .currentPage:hover { background-color:#265d76; text-decoration:none; }
.pagination a:first-child {  -webkit-border-radius: .5rem 0 0 .5rem; border-radius: .5rem 0 0 .5rem; }
.pagination a:last-child {  -webkit-border-radius: 0 .5rem .5rem 0; border-radius: 0 .5rem .5rem 0; }

#addEditDl { padding:0; }
#addEditDl .input-group { margin-bottom:40px; }
#addEditCat .input-group, 
#alerterMod .input-group { margin-bottom:20px; }
#addEditDl .affecterType .input-group-prepend .button { margin:0; line-height:1; -webkit-border-radius: 0 .25rem .25rem 0; border-radius: 0 .25rem .25rem 0; } 
#addEditDl .input-group-prepend { height:28px; margin-right: -3px; } 
#addEditCat .input-group-prepend, 
#alerterMod .input-group-prepend { height:auto; }
#addEditDl .custom-select, 
#addEditCat .custom-select, 
#alerterMod .custom-select { padding:0 1.75rem 0 0.75rem; }
#addEditDl .input-group-text, 
#addEditCat .input-group-text, 
#alerterMod .input-group-text { font-size:.8rem; width:calc(100% - 2px); color:#fff; background-color:#447294; border-color:#447294;height: 34px; }
#addEditCat .input-group-text, 
#alerterMod .input-group-text { width:auto; font-size:.7rem; }
#addEditDl .form-control:focus, 
#addEditCat .form-control:focus, 
#alerterMod .form-control:focus { box-shadow:none; }
#addEditDl .form-control, 
#addEditDl .custom-select, 
#addEditDl .checkBlok .checkbox .cr, 
#addEditCat .form-control, 
#alerterMod .form-control, 
#addEditCat .custom-select, 
#alerterMod .custom-select, 
#addEditCat .checkBlok .checkbox .cr { border:1px solid #44729499; }
#addEditDl .form-control:not(textarea), 
#addEditCat .form-control:not(textarea), 
#alerterMod .form-control:not(textarea) { font-size:.8rem; }
#addEditCat .form-control:not(textarea), 
#alerterMod .form-control:not(textarea) { width:260px; }
#addEditDl .form-control[role="logo"] {  -webkit-border-radius: 0 .25rem .25rem 0; border-radius: 0 .25rem .25rem 0; }
#addEditDl .input-group-textarea { margin-bottom: 40px; }
#addEditDl .input-group-textarea.editeur .input-group-prepend { margin-bottom: 15px; }
#addEditDl .input-group-textarea .input-group-prepend { 
	display:block; 
	-webkit-border-radius: .25rem .25rem 0 0; 
	border-radius: .25rem .25rem 0 0; 
	margin-right: -1px;
}
#alerterMod form { width: calc(100% - 34px); text-align:center; margin:0 auto; }
#alerterMod .input-group-textarea .input-group-text { 
	width:100%; 
	-webkit-border-radius: .25rem .25rem 0 0; 
	border-radius: .25rem .25rem 0 0; 
}
#alerterMod .input-group-textarea textarea { 
	width:100%; 
	-webkit-border-radius: 0 0 .25rem .25rem; 
	border-radius: 0 0 .25rem .25rem; 
}
#alerterMod .button { padding:0 2rem; margin-top:20px; background: #447294; border-color:#447294; }
#addEditDl .input-group-textarea.editeur textarea {
	width:calc(100% - 34px); 
}	
#addEditDl .input-group-textarea textarea { 
	width:calc(100% - 15px); 
	-webkit-border-radius: 0 0 .25rem .25rem; 
	border-radius: 0 0 .25rem .25rem; 
	font-size:.8rem; 
	padding:1rem; 
	margin-top: 4px;
}
#addEditDl h1.titre { margin-bottom:20px; }
#addEditDl div.bloc1 { 
	padding:1rem; 
	-webkit-border-radius: .25rem; 
	border-radius: .25rem; 
}
#addEditDl div.bloc1 .auteurEditeur {
	margin-bottom:20px;
}	
#addEditDl div.bloc1 .auteurEditeur .p-2, 
#addEditDl .langue .p-2, 
#addEditDl .pj .p-2 { 
	border:1px solid #447294b3;  
	-webkit-border-radius: .25rem; 
	border-radius: .25rem; 
	text-align:center;
	padding:0 !important;
	font-weight:bold;
	xcolor:#447294b3;
	color: #182732;
	background-color: #c5dcedb3;
}
#addEditDl .pj .p-2 { 
	border:1px solid #9ac3c9; 
	background-color:#bcdee3;
	color:#1c5b6f;
}
#addEditDl div.bloc1 .auteurEditeur .p-2.active, 
#addEditDl .langue .p-2.active, 
#addEditDl .pj .p-2.active { 
	background-color: #35873a;
	border-color: #35873a;  
	color:#fff;	
}
#addEditDl .pj .p-2.active { 
	background-color: #396c88;
	border-color: #356a87;  
	color:#fff;	
}
#addEditDl .pj .p-2 { margin-left:5px; margin-right:5px; }
#addEditDl .pj .p-2:nth-child(1) { margin-left:0; }
#addEditDl .pj .p-2:nth-child(3) { margin-right:0; }
#addEditDl div.bloc1 .auteurEditeur .p-2:nth-child(1), 
#addEditDl .langue .p-2:nth-child(1) { margin-right:5px; }
#addEditDl div.bloc1 .auteurEditeur .p-2:nth-child(2), 
#addEditDl .langue .p-2:nth-child(2) { margin-left:5px; }
#addEditDl div.bloc1 .auteurEditeur .p-2 label, 
#addEditDl .langue .p-2 label, 
#addEditDl .pj .p-2 label { display:block; padding:.275rem .5rem .3rem !important; cursor:pointer; }
#addEditDl .pj .p-2 label { font-size:.7rem; }
#addEditDl div.bloc1 .auteurEditeur .p-2 label input[type="radio"], 
#addEditDl .langue .p-2 label input[type="radio"], 
#addEditDl .pj .p-2 label input[type="radio"] { display:none; }
#addEditDl div.bloc1 .userList { margin-bottom:40px; }
#addEditDl div.bloc1 .uploadFormMembre { margin-bottom:0; }
#addEditDl div.bloc1 .uploadFormMembre .flex-row { width: 100%; }
#addEditDl div.bloc1 .uploadFormMembre .p-2 { padding:0 !important; width: auto; }
#addEditDl div.bloc1 .uploadFormMembre .p-2:nth-child(1) .input-group-text { -webkit-border-radius: .25rem 0 0 .25rem; border-radius: .25rem 0 0 .25rem; }
#addEditDl div.bloc1 .uploadFormMembre .p-2:nth-child(2) { width: 100%; }
#addEditDl div.bloc1 .uploadFormMembre .p-2:nth-child(2) input { width: calc(100% - 20px); -webkit-border-radius: 0; border-radius: 0; }
#addEditDl div.bloc1 .uploadFormMembre .p-2 a.button { 
	-webkit-border-radius: 0 .25rem .25rem 0; 
	border-radius: 0 .25rem .25rem 0; 
	padding:0.355rem 1.75rem 0.35rem;
	background: #598baf;
	background: -moz-linear-gradient(top, #598baf 0%, #447294 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#598baf) color-stop(100%,#447294));
	background: -webkit-linear-gradient(top, #598baf 0%,#447294 100%);
	background: -o-linear-gradient(top, #598baf 0%,#447294 100%);
	background: -ms-linear-gradient(top, #598baf 0%,#447294 100%);
	background: linear-gradient(to bottom, #598baf 0%,#447294 100%);
}
#addEditDl div.bloc1 .uploadFormMembre .p-2 a.button:hover { 
	background: #944444;
}
#addEditDl div.bloc1 .userList .resUser { 
	display:block;
	padding-bottom:15px; 
}
#addEditDl div.bloc1 .userList .resUser a { 
	font-weight:bold;
	color:#000;
}
#addEditDl div.bloc1 .userList .resUser[userid="-1"] a, 
#addEditDl div.bloc1 .userList .resUser[userid="-1"] a:hover { 
	text-decoration:none;
	cursor:auto;
}
#addEditDl div.bloc1 .userList .resUser a i {
	margin-right:10px;
}
#addEditDl div.bloc1 .userList .resUser small { 
	display:inline-block;
	margin-left:15px;
	cursor:auto;
}
#addEditDl div.bloc1 .userList .resUser span.descrAEbtn { 
	padding: .2rem .5rem;
	margin-left: 15px;
	border: 1px solid #dedede;
	background-color: #eaeaea;
	-webkit-border-radius:.25rem;
	border-radius:.25rem;
	color:#4f4e4e;
	cursor:pointer;
}
#addEditDl div.bloc1 .userList .resUser span.descrAEbtn:hover { 
	background: #dfdfdf;
	border-color: #b6b4b4;
}

#addEditDl div.bloc1 .userList .usernameResult { 
	margin:0 20px 40px;
	display:none;
	border: 1px solid #6a9cb533;
	border-top:0;
	background: #8ba3b31a;
	margin:0 10px;
	padding: 10px;
	color:#37606f;
}
#addEditDl div.bloc1 .userList .usernameResult h5 { 
	font-size:.75rem;
	background-color:#e3e3e3;
	color:#000;
	white-space:nowrap;
}
#addEditDl div.bloc1 .userList .usernameResult .userResultItem { 
	position:relative;
	margin:10px 0 12px;
	padding: 0 0 4px;
	background:white;
	border: 1px solid #46778033;
	-webkit-border-radius:.25rem;
	border-radius:.25rem;
}
#addEditDl div.bloc1 .userList .usernameResult .userResultItem:hover {
	cursor:pointer;
	background:#e2e2e2;
}
#addEditDl div.bloc1  div.userList .usernameResult .userResultItem span {
	display:inline-block;
	border: 1px solid #c8c8c8;
	background-color: #d8d8d8;
	margin: 2px;
	margin-bottom:10px;
	padding: 2px 10px 3px !important;
	-webkit-border-radius:.25rem;
	border-radius:.25rem;
}
#addEditDl div.bloc1 .userList .usernameResult .userResultItem span.username {
	border: 0;
	background: none;
	padding-bottom: 0;
	margin-bottom: 0;
	white-space:nowrap;
	min-width:150px;
}
#addEditDl div.bloc1 .userList .usernameResult .userResultItem span.usertitle {
	border: 0;
	background: none;
	padding-bottom: 0;
	margin-bottom: 0;
	text-align:right;
	white-space:nowrap;
}
@media screen and (max-width: 1000px) {
	#addEditDl div.bloc1 .userList .usernameResult .userResultItem span.usertitle {
		display:none;
	}
}
#addEditDl div.bloc1 .userList .usernameResult .userResultItem div.action {
	position:absolute;
	top:-3px;
	right:0;
}
#addEditDl div.bloc1 .userList .usernameResult .userResultItem span.action {
	border: 0;
	background: none;
	padding: 2px 20px;
	margin: 5px 0 0 10px;
	font-weight:bold;
}
#addEditDl div.bloc1 .userList .usernameResult .userResultItem span.action:hover {
	cursor:pointer;
	color:red;
}

#addEditDl h5 { 
	border:0; 
	margin-top: 0;
	background-color: #447294;
	color:#fff;
	padding:0.375rem 1.4rem;
	font-size:1rem;
	-webkit-border-radius: .25rem; 
	border-radius: .25rem;
	font-weight:bold;
}
#addEditDl h5.titre { 
	background-color: #449446;
	margin-bottom:30px;
}

#addEditDl h5 span { font-size:.7rem; font-weight:normal; line-height:1rem; margin-left:10px; }
#addEditDl h5.titre span { margin-left:0; display:block; }
#addEditDl h5 span a { color:#fff; text-decoration:underline; }
#addEditDl .categoriesEdit { padding:1rem 1rem 40px; }
#addEditDl .treePart, .deplacercat { 
	margin-left:42px;
}
#addEditDl .treePart i.catExpand, 
#form .treePart i.catExpand { 
	color:#819099;
	padding: .2rem .255rem .285rem;
	cursor:pointer;
}
#addEditDl .treePart i.catExpand:hover, 
#form .treePart i.catExpand:hover {
	color:#455056;
}
#addEditDl .treePart i.catExpand.off, 
#form .treePart i.catExpand.off { opacity:0 !important; cursor:default; }

#addEditDl .langue, 
#addEditDl .compatibilite { padding:1rem 1rem 40px; }

#addEditDl .piecesjointes .add { text-align:right; margin-top:15px; margin-right:2px; }
#addEditDl .piecesjointes .add a { 
	cursor:pointer;
	color:#000;
	margin:40px 0 0;
	width:calc(100% - 32px);
}
#addEditDl .piecesjointes .add a:hover {
	text-decoration:none;
}
#addEditDl .piecesjointes .add a i { margin-right:8px; }

#addEditDl .piecesjointes .editPanel {
	display:none;
	margin:.55rem 0 1.25rem;
	border:0;
}
#addEditDl .piecesjointes .editPanel .input-group .input-group-textRadio {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1%;
	margin-bottom: 0;
	text-align: left;
	padding: .375rem .5rem;
	background-color: #e9ecef;
	border: 1px solid #ced4da;
	border-left:0;
	font-size:.8rem;
	line-height:1.1;
}
#addEditDl .piecesjointes .editPanel .alert.description {
	background:none;
	padding:10px 0 14px;
	text-align:center;
	font-size:.75rem;
}
#addEditDl .piecesjointes .editPanel .choixPJ {
	text-align:center;
	-webkit-border-radius: .25rem; 
	border-radius: .25rem;
}
#addEditDl .piecesjointes .editPanel .choixPJ .panel { background:none; border:0; border-radius:0; box-shadow:none; -webkit-box-shadow:none; }
#addEditDl .piecesjointes .editPanel .choixPJ .panel .expandPanel { display:none; }
#addEditDl .piecesjointes .editPanel .choixPJ .panel .recupValInputFile span[role="viderFile"] i { 
	position: relative;
	top: 3px;
	left: 20px;
	cursor: pointer;
	color: red;
	text-shadow: 0px 0px 1px #000c;
}
#addEditDl .piecesjointes .editPanel .choixPJ .panel:nth-child(1) { text-align:center; }
#addEditDl .piecesjointes .editPanel .choixPJ .panel:nth-child(1) label { width:100%; padding:0; }
#addEditDl .piecesjointes .editPanel .choixPJ .panel:nth-child(1) label span.file {
	display:block;
	margin:0;
	background:#447294;
	color:#fff !important;
	border:0;
	padding:.125rem 0;
	font-weight:bold;
	overflow: hidden;
	text-overflow: ellipsis;
}
#addEditDl .piecesjointes .editPanel .choixPJ .panel:nth-child(1) label span.file:hover { background:#3b6380; }
#addEditDl .piecesjointes .editPanel .choixPJ .panel:nth-child(1) .recupValInputFile { display:none; margin: 30px 0 15px; }

#addEditDl .piecesjointes .editPanel .choixPJ .panel .input-group { margin-bottom: 12px; }
#addEditDl .piecesjointes .editPanel .choixPJ .panel .input-group-prepend { height:28px; }
#addEditDl .piecesjointes .editPanel .choixPJ .panel .form-control:not(textarea) { height:15px; padding:0.375rem 0.5rem 0.355rem; }
#addEditDl .piecesjointes .editPanel .choixPJ .panel .form-control.edition { height:14px; }

#addEditDl .piecesjointes .editPanel .choixPJ .panel .input-group-textarea { margin-bottom:0; }
#addEditDl .piecesjointes .editPanel .choixPJ .panel .input-group-textarea .input-group-prepend { height:30px; }
#addEditDl .piecesjointes .editPanel .choixPJ .panel .input-group-textarea .input-group-prepend .input-group-text { 
	-webkit-border-radius: .25rem .25rem 0 0; 
	border-radius: .25rem .25rem 0 0;
	padding:0.175rem;
	padding-left:.6rem;
	width:calc(100% - 16px);
}
#addEditDl .piecesjointes .editPanel .choixPJ .panel .input-group-textarea .input-group-prepend .input-group-text select { margin-left:10px; margin-top:1px; }
#addEditDl .piecesjointes .editPanel .choixPJ .btnaction input.envoyer {
	padding:0 50px;
	margin-top:20px;
	line-height:1.5rem;
	font-weight:bold;
	letter-spacing:.2rem;
	font-size:.8rem;
	background: #3f3f3f;
	background: -moz-linear-gradient(top,  #3f3f3f 0%, #0e0e0e 100%);
	background: -webkit-linear-gradient(top,  #3f3f3f 0%,#0e0e0e 100%);
	background: linear-gradient(to bottom,  #3f3f3f 0%,#0e0e0e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#0e0e0e',GradientType=0 );
	border:1px solid #000;
	color:#fff !important;	

}
#addEditDl .piecesjointes .editPanel .choixPJ .btnaction input.envoyer:hover {
	background: #9c5353;
	background: -moz-linear-gradient(top,  #9c5353 0%, #663535 100%);
	background: -webkit-linear-gradient(top,  #9c5353 0%,#663535 100%);
	background: linear-gradient(to bottom,  #9c5353 0%,#663535 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c5353', endColorstr='#663535',GradientType=0 );
	border-color:#5d3a3a;
}
#addEditDl .piecesjointes .editPanel .choixPJ .btnaction input.envoyer.add:hover {
	background: #25834f;
	background: -moz-linear-gradient(top,  #25834f 0%, #006d21 100%);
	background: -webkit-linear-gradient(top,  #25834f 0%,#006d21 100%);
	background: linear-gradient(to bottom,  #25834f 0%,#006d21 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25834f', endColorstr='#006d21',GradientType=0 );
	border-color:#006d21;
}
#addEditDl .piecesjointes .editPanel .choixPJ .btnaction:nth-child(1) input.envoyer {
	margin-top:20px;
}

#addEditDl .piecesjointes .editPanel .choixPJ .panel.ou {
	font-weight:bold;
	color:#1d405a;
	font-size:1.2rem;
	letter-spacing:.1rem;
}

#addEditDl .piecesjointes .editPanel.ajout {
	display:block;
	margin:0;
	margin-bottom:40px;
	padding:0;
}
#addEditDl .piecesjointes .editPanel.ajout form {
	border: 1px solid #dfdfdf;
	background-color: #f0f9fc;
	padding:20px;
}
#addEditDl .piecesjointes .linkForm, 
#addEditDl .piecesjointes div.ajoutseul {
	display:none; 
	border:0;
	margin-top:10px;
	-webkit-border-radius: .25rem; 
	border-radius: .25rem;
}
#addEditDl .piecesjointes div.ajoutseul { display:block; }
#addEditDl .piecesjointes .flex-row:nth-child(1) { margin-top:0; }
#addEditDl .piecesjointes .list-group-item { padding:0.15rem 1.25rem; }
#addEditDl .piecesjointes .list-group-item.actif { background:rgb(242, 242, 242); }
#addEditDl .piecesjointes .list-group-item i[role="edit"], 
#addEditDl .piecesjointes .list-group-item a { 
	cursor:pointer; 
	color:#447294; 
	border: 1px solid transparent;
	width: 1.6rem;
	height: 1.6rem;
	line-height: 1.6rem;
	text-align: center;
	-webkit-border-radius: 1.6rem; 
	border-radius: 1.6rem;
	background: transparent;
}
#addEditDl .piecesjointes .list-group-item a { padding:0; display: inline-block; }
#addEditDl .piecesjointes .list-group-item a i { top:2px; }
#addEditDl .piecesjointes .list-group-item i[role="edit"]:hover, 
#addEditDl .piecesjointes .list-group-item a:hover { color:#3a5f7a; }
#addEditDl .piecesjointes .list-group-item i[role="edit"].actif { 
	color:red; 
	border-color:#e37070;
	background:#ffdfdf;
}

#addEditDl .validerForm { text-align:center; }
#addEditDl .validerForm span { 
	padding:.525rem 50px;
	font-weight:bold;
	letter-spacing:.2rem;
	border-color: #ff3019;
	background: #ff3019;
	background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%);
	background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
	background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
}

#addEditDl .images {
	margin-bottom:30px;
}
#addEditDl .images .image {
	float:none;
	display:inline-block;
	padding:.5rem;
	border:1px solid #d4dbdc;
	-webkit-border-radius: .25rem; 
	border-radius: .25rem;
}
#addEditDl .images .image img {
	max-width: 100px;
	max-height: 100px;
}

#addEditDl.suppression { width:100%; }
#addEditDl.suppression h1.titre { margin-top:0; }
#addEditDl.suppression h1.titre header div.p-2:nth-child(2) span { color:yellow; font-size:1rem; white-space:nowrap; letter-spacing:.1rem; }
#addEditDl.suppression div.alert form { display:inline-block; margin-left:20px; }

#addEditDl #formulaire { padding:20px; }
#addEditDl #formulaire nav .etapesEcran { align-items:center; margin-bottom:40px; text-align:center; }
#addEditDl #formulaire nav .etapesEcran .p-2 { 
	position:relative; 
	z-index:2; 
	font-size:.7rem; 
	background-color:#7c9cb4; 
	color:#fff; 
	padding:0 !important; 
	height:23px;
	line-height:23px;
	cursor:pointer;
	margin:0 10px;	
}
#addEditDl #formulaire nav .etapesEcran .p-2[ecran="1"] { margin-left:0; }
#addEditDl #formulaire nav .etapesEcran .p-2[ecran="4"] { margin-right:0; }
#addEditDl #formulaire nav .etapesEcran .p-2:not(.actif) { z-index:1; background-color:#44729433; color:#447294; }
#addEditDl #formulaire nav .etapesEcran .p-2 span.bkg, 
#addEditDl #formulaire nav .etapesEcran .p-2 span.bkg2 { height: 23px; width: 14px; background:#fff; position: absolute; top: 0;  }
#addEditDl #formulaire nav .etapesEcran .p-2 span.bkg { z-index:1; left:0; }
#addEditDl #formulaire nav .etapesEcran .p-2 span.bkg2 { right:0; z-index:3; }
#addEditDl #formulaire nav .etapesEcran .p-2 span.motif, 
#addEditDl #formulaire nav .etapesEcran .p-2 span.q1, 
#addEditDl #formulaire nav .etapesEcran .p-2 span.q2 { height: 0; width: 0; position: absolute; }
#addEditDl #formulaire nav .etapesEcran .p-2 span.motif { 
	border-top: 12px solid transparent;
	border-bottom: 11px solid transparent;
	border-left: 14px solid #7c9cb4;
	top: 0;
	right:0;
	z-index:3;
}
#addEditDl #formulaire nav .etapesEcran .p-2 span.q1 { 
	border-top: 14px solid #7c9cb4;
	border-left: 16px solid transparent;
	top: 0;
	left:-2px;
	z-index:2;
}
#addEditDl #formulaire nav .etapesEcran .p-2 span.q2 { 
	border-left: 16px solid transparent;
	border-bottom: 14px solid #7c9cb4;
	bottom: 0;
	left:-2px;
	z-index:2;
}
#addEditDl #formulaire nav .etapesEcran .p-2:not(.actif) span.motif { border-left: 14px solid #44729433; }
#addEditDl #formulaire nav .etapesEcran .p-2:not(.actif) span.q1 { border-top: 12px solid #44729433; }
#addEditDl #formulaire nav .etapesEcran .p-2:not(.actif) span.q2 { border-bottom: 12px solid #44729433; }
#addEditDl #formulaire .navigation { text-align:center; }
#addEditDl #formulaire .navigation .button { 
	border-color:#3e8531;
	padding:.25rem 1.255rem;
	margin-left:5px;
	font-size:.95rem;
	letter-spacing:0.1rem;
	font-weight:normal;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	color: #fff;
	background: #6c757d;
	border-color: #6c757d;
}
#addEditDl #formulaire .navigation .button:hover, 
#addEditDl #formulaire .navigation .button:focus { 
	color: #fff;
	background: #5a6268;
	border-color: #545b62;
}
#addEditDl #formulaire .navigation #submit {
	background: #4c974a;
	border-color: #578653;
}
#addEditDl #formulaire .navigation #submit:hover,
#addEditDl #formulaire .navigation #submit:focus {
	background: #3f813d;
}
#addEditDl #formulaire .navigation [role="retour"] {
	background: #a64e4e;
	border-color: #8e3f3f;
}
#addEditDl #formulaire .navigation [role="retour"]:hover,
#addEditDl #formulaire .navigation [role="retour"]:focus {
	background: #944141;
}

#auteurs .breadcrumbs { margin-right:0; }
#auteurs .dvpBadge2 { margin-bottom:0; }
#auteurs .dvpBadge2 div.infouser a { margin:0 10px; }

.path, .path .pathPart {  
	border: 0;
	margin-top: 0;
	background-color: #447294;
	color: #fff;
	padding: 0.375rem .4rem;
	font-size: .8rem;
	-webkit-border-radius: .25rem;
	border-radius: .25rem;
	font-weight: bold;
}

#addEditCat .informations p {
	font-weight: bold;
	font-size: 1rem;
	border-bottom: 1px solid #0c5460;
	margin-bottom: 20px;
	padding-bottom: 6px;
}
#addEditCat .informations ul {
	padding:0 10px;
}
#addEditCat .informations ul li {
    padding-bottom: 10px;
	list-style-type:disclosure-closed;
	padding-left:10px;
}
#addEditCat div.cat {
    color: #395260;
    font-weight: bold;
    font-size: 1.2rem;
    letter-spacing: .1rem;
    margin-left: 10px;
}
#addEditCat div.cat i {
    margin-right: 10px;
}
#addEditCat .uploadForm .checkbox {
	padding-left:0;
	display:block;
}
#addEditCat .uploadForm .checkbox .cr {
    margin-left:20px;
}
#addEditCat .uploadForm .checkbox label {
    float:none;
	width:100%;
	text-align:left;
}
#addEditCat .uploadForm .button.deplacer {
   margin: 20px 0 0;
	width: calc(100% - 5px);
	font-size:.8rem;
}

.centrerVerticalement {
	display:flex;
	-ms-flex-align:center;
	-webkit-box-items:center;
	-webkit-box-align:center;
	align-items:center;
	margin-left:1px;
}

.showtopic .postUser, 
.showtopic .postMessage { 
	border-color:#c6d4df;
}

.showtopic .postUser { 
	width:250px; 
	border-right: 0;
	border-bottom:0;
	padding:1rem .5rem !important;
	text-align:center;
	background: #4472941a;
}
.showtopic .postMessage { 
	width:100%; 
	padding:1rem !important;
	border-bottom:0;
}

.showtopic .postUser.premier { -webkit-border-radius: .25rem 0 0 0; border-radius:.25rem 0 0 0; }
.showtopic .postMessage.premier { -webkit-border-radius: 0 .25rem 0 0; border-radius:0 .25rem 0 0; }
.showtopic .postUser.dernier { -webkit-border-radius: 0 0 0 .25rem; border-radius:0 0 0 .25rem; border-bottom:1px solid #c6d4df; }
.showtopic .postMessage.dernier { -webkit-border-radius:0 0 .25rem 0; border-radius:0 0 .25rem 0; border-bottom:1px solid #c6d4df; }

.showtopic .username { padding:0 !important; white-space:nowrap; }
.showtopic .username a { font-size: 1rem; font-weight: bold; text-decoration:none; }
.showtopic .avatar { width:auto;padding:0 !important; }
.showtopic .avatar img { float:none; margin-top:15px; }
.showtopic .user { padding:0 !important; white-space:nowrap; }
.showtopic .user a { display:block; }
.showtopic .user .title { display:block; margin-top:15px; font-size:.8rem; }
.showtopic .user .date { margin:0; margin-top:15px; padding:0; font-size:.75rem; }

.responses { padding:10px 0; text-align:right; }
.responses a.button { margin-right:0; }

#signalerUnPb .modal-content { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
#signalerUnPb .modal-header { padding:.5rem 1rem; background-color:#447294; color:#fff; }
#signalerUnPb h5 { border:0; font-size:1.1rem; }
#signalerUnPb .modal-body p { font-size: .9rem; line-height: 1.5rem; }
#signalerUnPb .modal-body p:nth-child(2) { padding-bottom: 15px; }
#signalerUnPb .modal-body .form-control { width: calc(100% - 30px); font-size:.9rem; line-height:1; height:20px; }
#signalerUnPb .modal-footer { border-top:0; padding:0 1rem 1rem; }
#signalerUnPb .modal-footer .btn-primary { border-color:#447294; background-color:#447294; }
#signalerUnPb .modal-footer .btn { line-height:1; font-size:.9rem; }

.descriptionLicence {
	display:none;
}

.licenceDescr {
	position:relative;
}

.descriptionLicence {
	position:relative;
	top:-36px;
	left:20px;
	color: #004cff;
}

.descriptionLicence b {
	display:inline-block;
	font-size:1.2rem;
	margin:0 10px;
	vertical-align:top;
}

.descriptionLicence span {
	display:inline-block;
	width:calc(100% - 50px);
	font-size:.8rem;
	margin-top:8px;
}

/** mobile **/
#gabarit_mobile_contenuPage { overflow:hidden; }

#gabarit_mobile_contenuPage h1:first-of-type, 
#gabarit_mobile_contenuPage h2:first-of-type, 
#gabarit_mobile_contenuPage h3:first-of-type, 
#gabarit_mobile_contenuPage h4:first-of-type, 
#gabarit_mobile_contenuPage h5:first-of-type, 
#gabarit_mobile_contenuPage h6:first-of-type { padding-top:10px; }

#gabarit_mobile_contenuPage #gabaritENTETE .p-2 { padding-top:0 !important; margin-right:0; }
#gabarit_mobile_contenuPage #gabaritENTETE .p-2:first-child { padding:0 !important; }
#gabarit_mobile_contenuPage #gabaritENTETE .p-2 > p.nbRessources { font-size:15px; }

#gabarit_mobile_contenuPage .btnNavActions { margin-bottom:30px; }
#gabarit_mobile_contenuPage .btnNavActions > a { margin: 0px 0 8px; width: 100%; }

#gabarit_mobile_contenuPage #recherche #resultSearch { width:100%; -webkit-border-radius:.25rem .25rem 0 0; border-radius: .25rem .25rem 0 0; }
#gabarit_mobile_contenuPage #recherche .btn { width: 100%; margin: -1px 0 0; -webkit-border-radius: 0 0 .25rem .25rem; border-radius: 0 0 .25rem .25rem; }

#gabarit_mobile_contenuPage #gabaritDL h3:not(.titre), 
#gabarit_mobile_contenuPage #gabaritAccueilDL h3:not(.titre), 
#gabarit_mobile_contenuPage #gabaritDL #modCatDl { padding:10px; }

#gabarit_mobile_contenuPage #resources #trierpar { text-align:center; margin-bottom:12px; }
#gabarit_mobile_contenuPage #resources #trierpar a.tag { line-height:32px; }

#gabarit_mobile_contenuPage #gabaritAccueilDL .outil, 
#gabarit_mobile_contenuPage #gabaritDL .outil { 
	border-radius:0; 
	margin:3px -10px; 
	padding:20px 4px 4px;
	border:0; 
	border-bottom:1px solid #B3CCD3; 
	-webkit-box-shadow:0 1px 6px 2px #B3CCD3D1;
	box-shadow:0 1px 6px 2px #B3CCD3D1;
}

#gabarit_mobile_contenuPage #gabaritAccueilDL .outil.off, 
#gabarit_mobile_contenuPage #gabaritDL .outil.off {
	border-bottom: 1px solid rgba(242, 186, 186, 0.44);
	-webkit-box-shadow: 0 1px 6px 2px #B3CCD3D1;
	box-shadow: 0 1px 6px 2px rgb(231, 208, 208);
}

#gabarit_mobile_contenuPage #gabaritAccueilDL .outil.off div.errorMessage, 
#gabarit_mobile_contenuPage #gabaritDL .outil.off div.errorMessage {
	position: relative;
	right: 0;
	width: 100%;
}

#gabarit_mobile_contenuPage #gabaritAccueilDL .errorMessage span, 
#gabarit_mobile_contenuPage #gabaritDL .errorMessage span { 
	font-size:11px; 
	top:0;
	left:0;
	display:block;
	width:100%;
	text-align:center;
}

#gabarit_mobile_contenuPage  #gabaritAccueilDL h3.admin span.avertadmin {
	top: -13px;
	right: 3px;
	font-size: 10px;
	color: black;
	text-shadow: none;
}

#gabarit_mobile_contenuPage .outil .entete {  
	display: grid;
	grid-gap: 0 20px;
	grid-template-columns: 80px auto;
	grid-auto-rows: minmax(0, auto);
	align-items: center;
}
 
#gabarit_mobile_contenuPage .outil .entete > i, 
#gabarit_mobile_contenuPage .outil .entete > img, 
#gabarit_mobile_contenuPage .outil .entete > div { align-self:start; }

#gabarit_mobile_contenuPage .outil .entete > i { text-align:center; }

#gabarit_mobile_contenuPage .outil .entete > img { margin:0 auto; }

#gabarit_mobile_contenuPage .outil .entete > div { text-align:left; }

#gabarit_mobile_contenuPage .outil .entete > div > a {  
	color: #233564 !important;
	font-size: 1.2rem;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0;
	font-weight: bold;
	line-height:1;
}

#gabarit_mobile_contenuPage .outil .entete > div > a.propose {  
	display:block;
	font-size: 12px;
	text-align:left;
}

#gabarit_mobile_contenuPage .outil .entete > div > .tags { margin:0; }

#gabarit_mobile_contenuPage .outil .entete > div .infoDL > div > div > div:first-child { margin-left:0 !important; }

#gabarit_mobile_contenuPage #gabaritAccueilDL .description, 
#gabarit_mobile_contenuPage #gabaritDL .description { padding:0 10px 20px; font-size:12px; }

#gabarit_mobile_contenuPage #gabaritAccueilDL .sousTitre.infos, 
#gabarit_mobile_contenuPage #gabaritDL .sousTitre.infos { padding:0 10px 20px; margin-right:0; }
#gabarit_mobile_contenuPage .sousTitre > a, 
#gabarit_mobile_contenuPage .auteur > a { padding-right:5px; }

#gabarit_mobile_contenuPage .breadcrumbs { margin-right: 0 !important; }

#gabarit_mobile_contenuPage #download #prezdetails { margin-top: 0; }

#gabarit_mobile_contenuPage #download #prezdetails #details { max-width:100%; }

#gabarit_mobile_contenuPage #download #prezdetails .liens > a { display:inline-block; width:100%; }

#gabarit_mobile_contenuPage #download #prezdetails .badge-success { width: 100%; }

#gabarit_mobile_contenuPage #download #prezdetails .actions { width: 40px; text-align: center; }

#gabarit_mobile_contenuPage #download #prezdetails .glyphMod { top: 5px; left:2px; }

#gabarit_mobile_contenuPage #download #prezdetails .glyphAlert { top: 7px; left:2px; }

#gabarit_mobile_contenuPage #download #prezdetails #prez { padding-left:0 !important; }

#gabarit_mobile_contenuPage  #download h1.titre { padding-top:0; }

#gabarit_mobile_contenuPage #download .tools > a { display:block; text-align:left; padding:3px; }

#gabarit_mobile_contenuPage #download .topic { margin-top:30px !important; }

#gabarit_mobile_contenuPage .showtopic { display: block !important; }

#gabarit_mobile_contenuPage .showtopic .postUser { 
	width:100%; 
	border-radius:.25rem .25rem 0 0;
	-webkit-border-radius:.25rem .25rem 0 0;
	border:1px solid #c6d4df;
	border-bottom:0;
	display: grid;
	grid-gap: 0 14px;
	grid-template-columns: 46px auto;
	grid-auto-rows: minmax(0, auto);
	align-items: center;
	padding:10px 3px !important;
}

#gabarit_mobile_contenuPage .showtopic .postUser > div { align-self:start; text-align:right; }

#gabarit_mobile_contenuPage .showtopic .postUser > div:not(.avatar) { text-align:left; }

#gabarit_mobile_contenuPage .showtopic .user .title, 
#gabarit_mobile_contenuPage .showtopic .user .date { margin-top:0; }

#gabarit_mobile_contenuPage .showtopic .avatar img { margin: 0; }

#gabarit_mobile_contenuPage .showtopic .postMessage { padding: 10px !important; margin-bottom:20px; border-bottom:1px solid #ddd; }

#gabarit_mobile_contenuPage #gabaritDL #menu { margin-right: 0; margin-bottom:30px; }

#gabarit_mobile_contenuPage #gabaritDL .p-2.contenu { padding: 0 0 1rem !important; }

#gabarit_mobile_contenuPage #addEditDl #formulaire { padding: 1rem 0 2rem; }

#gabarit_mobile_contenuPage #addEditDl #formulaire nav .etapesEcran { margin-bottom:20px; }

#gabarit_mobile_contenuPage #addEditDl #formulaire nav .etapesEcran .p-2 { margin: 5px; }

#gabarit_mobile_contenuPage #addEditDl .piecesjointes .editPanel .choixPJ .panel:nth-child(1) label span.file { padding:.25rem 1.255rem; }

#gabarit_mobile_contenuPage #addEditDl .piecesjointes .editPanel .choixPJ .panel .input-group  { display:block; }
#gabarit_mobile_contenuPage #addEditDl .piecesjointes .editPanel .choixPJ .panel .input-group-prepend  { display:block; margin:0; height:auto; }
#gabarit_mobile_contenuPage #addEditDl .input-group-text, 
#gabarit_mobile_contenuPage #addEditCat .input-group-text, 
#gabarit_mobile_contenuPage #alerterMod .input-group-text  { display:block; width:100%; border-radius:.25rem .25rem 0 0; -webkit-border-radius:.25rem .25rem 0 0; padding:0.175rem; white-space:break-spaces; }
#gabarit_mobile_contenuPage #addEditDl .piecesjointes .editPanel .choixPJ .panel .form-control:not(textarea) {
	height: auto;
	padding: 0.275rem 0.5rem 0.275rem;
	margin-top: -1px;
	border-radius: 0 0 .25rem .25rem;
	width: 100%;
}
#gabarit_mobile_contenuPage #addEditDl .piecesjointes .editPanel .choixPJ .panel .input-group { margin-bottom:40px; }
#gabarit_mobile_contenuPage #addEditDl .piecesjointes .editPanel .choixPJ .panel .input-group-textarea .input-group-prepend .input-group-text select { display:block; margin: 0; }
#gabarit_mobile_contenuPage #addEditDl .input-group-textarea textarea { width: 100%; }

#gabarit_mobile_contenuPage #addEditDl div.bloc1 { padding: 0; -webkit-border-radius: 0; border-radius: 0; }
#gabarit_mobile_contenuPage #addEditDl .input-group { display: block; }
#gabarit_mobile_contenuPage #addEditDl .input-group-prepend { height:auto; margin-right:0; }
#gabarit_mobile_contenuPage #addEditDl .input-group input, 
#gabarit_mobile_contenuPage #addEditDl .input-group select {
	width: 100%;
	line-height: 1;
	height: auto;
	border-radius: 0 0 .25rem .25rem;
}
#gabarit_mobile_contenuPage #addEditDl .input-group select { line-height:2; margin-top:-3px; }
#gabarit_mobile_contenuPage #addEditDl div.bloc1 .uploadFormMembre .flex-row { display:block !important; }
#gabarit_mobile_contenuPage #addEditDl div.bloc1 .uploadFormMembre .p-2 a.button {
	position: relative;
	top: 10px;
	margin: 0;
	border-radius: .25rem;
	-webkit-border-radius: .25rem;
	width: 100%;
	display: flex;
	padding: 0 10px;
}
#gabarit_mobile_contenuPage #addEditDl div.bloc1 .userList .resUser span.descrAEbtn { display:block; }
#gabarit_mobile_contenuPage #addEditDl div.bloc1 .userList .usernameResult .usernameResultInter { display:block !important; }

#gabarit_mobile_contenuPage .navigation .button {
	border-color: #3e8531;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

#gabarit_mobile_contenuPage .btnGenTopic > a { margin: 0; padding: 3px 10px; width: 100%; display: block; }

#gabarit_mobile_contenuPage #addEditDl .piecesjointes .add a { width: 100%; }

#gabarit_mobile_contenuPage #alerterMod form { width: 100%; }

#gabarit_mobile_contenuPage #addEditCat .input-group, 
#gabarit_mobile_contenuPage #alerterMod .input-group, 
#gabarit_mobile_contenuPage #addEditCat .input-group-prepend, 
#gabarit_mobile_contenuPage #alerterMod .input-group-prepend { display:block; }

#gabarit_mobile_contenuPage #alerterMod .input-group select { width:100%; border-radius:0 0 .25rem .25rem; -webkit-border-radius:0 0 .25rem .25rem; }

#gabarit_mobile_contenuPage #addEditCat .path { margin-top:10px; }

#gabarit_mobile_contenuPage #addEditCat .form-control:not(textarea) {
	width: 100%;
	-webkit-border-radius: 0 0 .25rem .25rem;
	border-radius: 0 0 .25rem .25rem;
	margin-bottom: 20px;
}

#gabarit_mobile_contenuPage #addEditDl .form-control, 
#gabarit_mobile_contenuPage #addEditDl .custom-select,  
#gabarit_mobile_contenuPage #addEditCat .form-control, 
#gabarit_mobile_contenuPage #alerterMod .form-control, 
#gabarit_mobile_contenuPage #addEditCat .custom-select, 
#gabarit_mobile_contenuPage #alerterMod .custom-select { width:100%; }

#gabarit_mobile_contenuPage {  }
select.custom-select {height: 34px;}