/************************/
/************************/
/** TEXTES OFFICIELS **/
/************************/
/************************/

/** Navigation **/
section.droit.consultations.navigation { margin-top: 20px;  margin-bottom: 30px;}
section.droit.consultations.navigation hr { border: none; display: block; width: 100%; background-color: #000; height: 1px;}
section.droit.consultations.navigation a { display: inline-flex; align-items: center; color: #000; text-decoration: none; margin: 8px 0px 8px 0px} /* Modifié le 23 03 2023*/
section.droit.consultations.navigation a img { width: 22px; height: 22px; margin-right: 10px;}

/** Pagination **/
/*section.droit.consultations.pagination { display: flex; justify-content: flex-end; margin-top: 20px;}
section.droit.consultations.pagination > nav > ul { padding: 0;}
section.droit.consultations.pagination > nav > ul > li { padding: 0;list-style: none; display: inline-block;}
section.droit.consultations.pagination > nav > ul > li > a {color: #000; background-color: #F7EB00; font-size: 13px; text-decoration: none;   padding: 5px 12px 5px 12px; background-color: #F4F4F4;}
section.droit.consultations.pagination > nav > ul > li > a:hover {background-color: #F7EB00; padding: 5px 12px 5px 12px;}
section.droit.consultations.pagination > nav > ul > li > a.droit.page-active  { background-color: #F7EB00; font-weight: bolder;}*/
.droit.pagination            { display:flex; justify-content:flex-end; margin:20px 0; }
.droit.pagination a          { height:19px; margin:0 0 5px 5px; font-size:14px; line-height:18px; text-decoration:none; transition:200ms; }
.droit.pagination span       { height:19px; padding:5px 12px; margin:0 0 5px 5px; font-size:14px; line-height:18px; text-decoration:none; }
.droit.pagination .on        { padding:5px 12px; background:#F7EB00; color:#000; font-weight:bold; }
.droit.pagination .off       { padding:5px 12px; background:#F4F4F4; color:#282828; }
.droit.pagination .off:hover { background:#F7EB00; color:#000; }
.droit.pagination span       { background:#F4F4F4; color:#282828; }

/** Content + Formulaire **/
section.droit.consultations.content {align-items: start}
section.droit.consultations.formulaire > form > div.droit.form.grid { display: grid; grid-template-columns:50% auto; column-gap: 20px; row-gap: 10px; margin-bottom: 10px;}
section.droit.consultations.formulaire > form > div.droit.form.grid > div.form.motcles { grid-column:1 / 3; }
section.droit.consultations.formulaire > form > div.droit.form.grid > div.form.motcles > input[type=date] {width: 100%;}
section.droit.consultations.formulaire > form > div { margin-bottom: 10px; display: grid; grid-template-columns: repeat(3, 1fr);}
section.droit.consultations.formulaire > form > div.form.date > label {grid-column: 1/4; grid-row: 1;}
section.droit.consultations.formulaire > form > div.form.valider > a.btn.effacer {margin-top: 10px;}
section.droit.consultations.formulaire > form > div.form.valider > input.btn {margin-top: 10px;}

/** Filtre **/
section.droit.consultations.dernierspublies {margin-top: 0px;}
section.droit.consultations.dernierspublies > nav ul { padding: 0; margin: 20px 0px 20px 0px;}
section.droit.consultations.dernierspublies > nav ul li { list-style: none; display: inline-flex; font-size: 12px; color: #707070; gap: 10px; align-items: center;}
section.droit.consultations.dernierspublies > nav ul li span { font-weight: bold; color: #000; font-size: 14px;}
section.droit.consultations.dernierspublies > nav > ul > li > div { display: flex; align-items: center; gap:10px;}
section.droit.consultations.dernierspublies > nav > ul > li > div > label { padding: 0 0 0 2rem; position: relative; cursor:pointer; }

section.droit.consultations.dernierspublies > nav > ul > li > div > input[type=radio] { margin: 0;  position : absolute; opacity: 0;}
section.droit.consultations.dernierspublies > nav > ul > li > div > input[type=radio] + label::before { content: ''; position: absolute; height: 8px; width : 8px; border-radius: 50%; background-color: #F7EB00; }
section.droit.consultations.dernierspublies > nav > ul > li > div > input[type=radio] + label::after { content: ''; position: absolute; height: 8px; width : 8px; border-radius: 50%; }
section.droit.consultations.dernierspublies > nav > ul > li > div > input[type=radio] + label::before {left: 0.5rem; display: inline-block; height: 13px; width : 13px; border: 0.05rem solid #707070; background: white;}
section.droit.consultations.dernierspublies > nav > ul > li > div > input[type=radio]:checked {left: 0.5rem; top: 2px; border: 0.25rem solid #F7EB00; }
section.droit.consultations.dernierspublies > nav > ul > li > div > input[type=radio]:checked + label::before { border: 0.05rem solid #F7EB00; }
section.droit.consultations.dernierspublies > nav > ul > li > div > input[type=radio]:checked + label::after {left: 10px; top: 2px; border: 1px solid #F7EB00; height: 8px; width : 8px; background-color: #F7EB00; }
section.droit.consultations.dernierspublies > nav > ul > li > div > input[type=radio]:checked + label { font-weight: bold; color: #000; }
section.droit.consultations.dernierspublies > nav > ul > li > div > input[type=radio]:focus + label::before {border: 1px solid #F7EB00; }

section.droit.consultations.aucunresultat { display:block; background:#FFF; margin-top:20px; padding:8px 30px; text-align:center; font-size:13px; line-height:20px; color:#686868; font-weight:bold; }

/************************/
/************************/
/** RESPONSIVE **/
/************************/
/************************/

@media screen and (max-width:1140px) {
	section.droit.consultations.content { display: grid; grid-template-columns: 63% 35%; column-gap: 2%;}
	section.droit.consultations.formulaire > form > div.droit.form.grid {grid-column-start: 1; grid-column-end: 3; grid-template-columns: 1fr 1fr;}
	section.droit.consultations.formulaire {margin-top: 0px;}
}

/** Tablette **/
@media screen and (max-width:960px) {
	section.droit.consultations.content {display: block;}
}

/** Mobile **/
@media screen and (max-width:500px) { 
	section.droit.doctrine.navigation {display: none;}
	section.droit.consultations.titre { margin-top: 30px;}
	section.droit.consultations.formulaire > form > div.droit.form.grid { display: flex; flex-direction: column;}
	section.droit.consultations.dernierspublies > nav ul li { display: inline-block; }
	section.droit.consultations.dernierspublies > nav > ul > li > div { margin-top: 10px;}
}