:root{
    --jaune:#FC7818; /* orange Aude d'Ortho #E3F42F; /* #ddde00; */
    --jaunetexte:#CC6113; /* orange texte Aude d'Ortho /* #a1a200; */
    --jaunesombre:#9E4B0F;
    --bleu:#2d3c6f; /* #516292; /* #102668; */
    --paon:#067790;
    --lapis:#26619c;
    --cielgris:#d7e1ff;
    --grissombre:#212529;
    --grispointille:#7c88ac;
    --noir:#16181b;
}

li {
    list-style:none;
}
ul{
  margin:0rem;
  padding:0rem;
}

/* JR
a{
    font-size:100%;
    font-weight:normal;
    color:var(--bleu);
}
*/

h1.arriereplan{
    text-align:center;
    color:var(--bleu);
}
h2.arriereplan{
    text-align:center;
    color:var(--bleu);
}
p.message{
    margin-left:3rem;
}



div.sommaire article{
    background-color:var(--bleu);
    color:white;
    padding:2em 7% 0.5em 7%;
}
div.sommaire article h3{
    color:var(--jaune);
    font-size:300%;
}
div.sommaire article{
    font-size:90%;
    line-height:1.1em;
}
div.sommaire article a{
    color: var(--grissombre);
    background-color:var(--jaune);
    border-color:var(--jaune);
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


div.une{
    display:flex;
    background-color:white;
    justify-content:center;
}
div.une nav{
    flex-basis:27%;
    font-size:80%;
    margin:0 2%;
    padding:0.5rem;
}
div.une nav.pointille li:not(:last-child) {
    padding-bottom:2px;
    border-bottom:2px dotted gray;
}
div.une nav.pointille article{
    display:none;
}
div.une nav.fleche li{
    line-height:2em;
}
div.une h3{
    font-weight:bold;
    font-size:350%;
    color:var(--bleu);
    text-align:left;
    margin-top:1rem;
}
div.une h3 span{
    font-family: 'ElegantIcons';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    min-width:3.5rem;
}
div.une h4{
    font-weight:bold;
    font-size:120%;
    color:var(--bleu);
    text-align:left;
}
div.une h4 span{
    font-weight:normal;
    font-size:80%;
    color:var(--bleu);
    text-align:left;
}
div.une a.frontpage{
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: var(--jaune);
    color:var(--bleu);
    border-radius:0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
div.une a.frontpage:hover{
    color: var(--grissombre);
    background-color: var(--jaunesombre);
}




nav.chemin{
    margin-top:5px;
    color:var(--bleu);
}
nav.chemin ul li{
    display:inline-block;
    margin:0px 3px;
}
nav.chemin ul li:not(:last-child):after{
    font-family: 'ElegantIcons';
    content:"5";
    position:relative;
    top:-1px;
    margin-left:.25rem;
}

/*
.menudroite{
  min-width:12rem;
}
*/
.menudroite ul{
  border: 1px solid rgba(0,0,0,.15);
  border-radius: .25rem;
}
li.dropdown-item{
  border:none;
  line-height:1.2rem;
  margin:0rem;
  padding: .25rem .25rem .25rem 1.5rem;
}
li.dropdown-item a{
  font-size:80%;
  font-family:"Open Sans";
  font-weight:bolder;
  color:var(--bleu);
  text-transform:uppercase;
  white-space:normal;
  position:relative;
}
li.dropdown-item a i{
  position:absolute;
  left:-1rem;
}
li.dropdown-item:hover a{
  color:var(--jaunesombre);
  text-decoration:none;
}

nav.docs{
  border-top:2px dotted var(--grispointille);
  margin:1rem 0rem;
} 
nav.docs h3{
  color:var(--jaune);
  margin-top:1rem;
}

nav.select, form.inline_form{
  margin-right:1rem;
}

nav.select{
  position:relative;
}
nav.select ul{
  display:none;
  position:absolute;
  top:2.25rem;
  background-color:white;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: .25rem;
  width:14rem;
  z-index:1000;
}
nav.select h3, form.inline_form h3{
  font-size: 1.5rem;
  margin-bottom:.5rem;
}
nav.select div.first{
  border: 1px solid rgba(0,0,0,.15);
  border-radius: .25rem;
  width:14rem;
  text-align:center;
  height:2.25rem;
}

form.inline_form p{
  display:inline-block;
  }

#liste_sites tr:hover{
  background-color:#fcfcd6;
}
#liste_sites td{
  padding:0.5rem;
}
#liste_sites td:first-child{
  width:25%;
}
#liste_sites td:first-child a{
  font-weight:bold;
}
#liste_sites td:first-child a:hover{
  text-decoration:none;
  color:var(--jaunesombre);
}
#liste_sites td:nth-child(n+3) a{
  font-size:80%;
}
form.inline_form input[type=submit], form.inline_form input[type=reset]{
  display:inline-block;
  background-color:var(--jaune);
  border: 1px solid transparent;
  border-radius: .25rem;
  text-decoration:none;
  color: var(--grissombre);
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  padding: .375rem .75rem;
  margin:0rem 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
form.inline_form input[type=submit]:hover, form.inline_form input[type=reset]:hover{
  background-color:white;
  color:var(--bleu);
  border-color:var(--bleu);
}
form.inline_form input[type=text]{
  vertical-align: middle;
  padding: .375rem .25rem;
  margin:0rem 0.5rem 0rem 0rem;
  font-size: 1rem;
  line-height: 1.5rem;
}


.buttonline{
  margin-left:.5rem;
  margin-bottom:1rem;
  }
.buttonline h3{
  font-size: 1.5rem;
  margin-bottom:.5rem;
  padding-left:.2rem;
}
/* pour petits écrans
nav.buttonline ul{
  display:flex;
}
*/
.buttonline ul li{
  width:15rem;
  margin:0.25rem 0.25rem;
  float:left;
}
.buttonline a{
  display:block;
  width:15em;
  background-color:var(--jaune);
  border: 1px solid transparent;
  border-radius: .25rem;
  text-decoration:none;
  color: var(--grissombre);
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.buttonline a:hover{
  background-color:white;
  color:var(--bleu);
  border-color:var(--bleu);
  cursor:pointer;
}

.sous > div > table{
  margin-top:1rem;
  font-size:0.8rem;
}
#liste_lycees td, #liste_lycees th{
  padding:0rem .5rem;
}
#liste_lycees th{
  background-color:var(--jaune);
  font-family:"Economica";
  font-size:1rem;
  text-transform:uppercase;
}
#liste_lycees th span.infobulle span{
  display:none;
}
#liste_lycees th span.infobulle:hover{
  cursor:pointer;
}
#liste_lycees th span.infobulle:hover span{
  position:absolute;
  z-index:1000;
  display:block;
  background-color:#ddd;
	border:5px solid #ddd;
	border-radius:5px;
  font-weight:normal;
  text-transform:none;
}
#liste_lycees th.web{
  width:5rem;
}
#liste_lycees td:nth-child(3){
  text-align:center;
  padding:0;
}
#liste_lycees th.forumge{
  width:12rem;
}

/* --- cartes --- */
#menu_cartes{
  display:flex;
  justify-content:center;
}
#menu_cartes ul li{
  width:80%;
  margin-left:10%;
  padding:.5rem;
  border:1px solid transparent;
  border-radius:0.25rem;
}
#menu_cartes li:hover{
  cursor:pointer;
  border-color:var(--bleu);
}
#map0, #map1, #map2{
  border:1px solid red;
}
#map1{
  border:1px solid blue;
}
#map2{
  border:1px solid black;
}
#carte, #carte0-0,#carte0-1,#carte0-2,#carte1-0,#carte1-1,#carte1-2,#carte2-0,#carte2-1,#carte2-2{
  width:600px;
  height:600px;
}
#carte{
  display:none;
}



/* --- réponses à une recherche --- */
#rr0, #rr1, #rr2, #rr3{
	margin-right:1em;
}
#rr0 i, #rr1 i, #rr2 i, #rr3 i{
  color:var(--jaune);
  font-size:2rem;
  margin-right:1rem;
}
#rr0 tr, #rr1 tr, #rr2 tr, #rr3 tr{
  display:none;
}
#rr0 table tbody tr:nth-child(-1n+4), #rr1 table tbody tr:nth-child(-1n+4), #rr2 table tbody tr:nth-child(-1n+4), #rr3 table tbody tr:nth-child(-1n+4){
  display:table-row;
}
#rr0 tr:nth-child(even), #rr1 tr:nth-child(even), #rr2 tr:nth-child(even), #rr3 tr:nth-child(even){
  border-bottom:2px dotted var(--grispointille);
  background-color:transparent;
  font-size:80%;
}
#rr0 tr:nth-child(even) td>div, #rr1 tr:nth-child(even) td>div, #rr2 tr:nth-child(even) td>div, #rr3 tr:nth-child(even) td>div{
  overflow:hidden;
  max-height:4rem;
}
#rr0 td:first-child,#rr1 td:first-child,#rr2 td:first-child,#rr3 td:first-child{
  padding:0.25rem 0.5rem 0rem 0rem;
  width:10rem;
  vertical-align:top;
}
#rr0 a,#rr1 a,#rr2 a,#rr3 a{
  font-weight:bold;
  color:var(--bleu);
  text-transform:uppercase;
}
#rr0 a:hover,#rr1 a:hover,#rr2 a:hover,#rr3 a:hover{
  color:var(--jaunesombre);
  text-decoration:none;
}
span.exhibe{
  color:var(--jaunesombre);
}

/* ---- partie rédacteurs ---- */
/* ---- espace principal ---- */
div#corps{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin:0px 1rem;
}

div#corps .menucol{
	border:1px solid var(--lapis);
	border-radius:5px;
	padding:10px;
	margin:5px 50px;
}
div#corps .menucol table{
	margin:0px auto;
}
div#corps > nav{
	width:25%;
}
div#corps > form{
	border:none;
}

/* --- partie gauche --- */
div.gauche{
	width:15%;
	vertical-align:top;
	padding-right:1rem;
	border-right:2px solid var(--lapis);
	min-height:400px;
	-webkit-flex-basis:15%;
	-webkit-flex-grow:1;
	-ms-flex-preferred-size:15%;
	    flex-basis:15%;
	-webkit-box-flex:1;
	    -ms-flex-positive:1;
	        flex-grow:1;
}
div.gauche ul{
	border:none;
    padding-left:1rem;
}
div.gauche nav{
	margin-top: 10px;
}
div.gauche nav ul li{
	margin-bottom:3px;
}
div.gauche a{
    font-size:100%;
    font-weight:normal;
    color:var(--bleu);
}

div.gauche h3{
	font-size:150%;
	border-bottom:1px solid var(--paon);
	margin-bottom:5px;
}
div.gauche form{
	margin:10px;
	border:1px solid var(--lapis);
	border-radius:5px;
	padding:5px;
}

.sansbord div.gauche{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	border:none;
	width:25%;
}
.sansbord div.gauche img{
	margin:auto;
}



/* --- partie centrale --- */

div.central{
	padding:0px .5rem .5rem .5rem;
	min-height:400px;
	position:relative;
	-webkit-flex-basis:60%;
	-webkit-flex-grow:5;
	-ms-flex-preferred-size:60%;
	    flex-basis:60%;
	-webkit-box-flex:5;
	    -ms-flex-positive:5;
	        flex-grow:5;
    font-size:80%;
    
}
div.central h3{
	text-align:center;
    font-size:1.2rem;
	color:var(--bleu);
}
div.central h3 span{
	font-size:20px;
}
div.central nav{
	margin-top: 30px;
}
div.central nav a{
    font-size:100%;
    font-weight:normal;
    color:var(--bleu);
}
div.central nav.mdp{
	margin-top:10px;
	border:1px solid var(--lapis);
	border-radius:5px;
	padding:5px;
}

div.central article{
	padding-top:10px;
}
div.central p, div.central div{
	margin:0.5rem .5rem .5rem 1rem;
}
div.central form{
	margin-top:10px;
	border:1px solid var(--lapis);
	border-radius:5px;
	padding:5px;
}
div.central form fieldset{
	width:40%;
	display:inline-block;
	vertical-align:top;
	margin:2rem 1rem;
	background-color:var(--cielgris);
	position:relative;
	border:1px solid var(--paon);
	border-radius:3px;
	padding:3px;
}
div.central form fieldset legend{
	background-color:var(--cielgris);
	position:absolute;
	top:-1.5rem;
    left:0.5rem;
	font-weight:bold;
    font-size:100%;
    color:var(--bleu);
    border-radius:3px;
    width:auto;
    padding:0.1rem 0.5rem;
}
div.central form fieldset p.texte{
	padding:5px;
}
div.central form label{
	display:inline-block;
	padding:0px 5px;
	min-width:5rem;
}
div.central form label.bouton_fichier{
    display:none;
}
div.central form label.bouton_fichier2{
	background-color:#000091;
    color:white;
    border:1px solid #b6b6b3;
    border-radius:3px;
    padding:4px 15px 3px 15px;
    line-height:19px;
    height:19px;
    font-size:90%;
}
div.central form label.bouton_fichier2:hover{
	background-color:#00b0b6;
}
div.central form button.bouton_fichier{
    width:60px;
}
div.central form input.bouton_fichier{
	display:inline-block;
}
div.central form input.bouton_fichier2{
	display:none;
}
div.central form table label{
	display:inline-block;
	padding:0px 5px;
    min-width:0px;
}
div.central form span.help{
	display:inline-block;
	padding:2px 5px;
	margin-left:182px;
}
div.central form textarea{
	clear:both;
	width:90%;
	height:200px;
	vertical-align:top;
}
div.central form table textarea{
	clear:both;
	width:95%;
	height:auto;
	vertical-align:top;
}

div.central form.docs_ajouter{

}

div.central video{
	width:600px;
	height:337px;
}

div.central.connexion{
	margin:10px 10%;
}
div.central.connexion fieldset{
	width:80%;
}



/* ---- partie droite --- */
div.droite{
	width:25%;
	min-width:334px;
	-webkit-flex-basis:25%;
	-webkit-flex-grow:2;
	-ms-flex-preferred-size:25%;
	    flex-basis:25%;
	-webkit-box-flex:2;
	    -ms-flex-positive:2;
	        flex-grow:2;
    font-size:80%;
    position:relative;
}
div.droite form{
	margin-top:10px;
	border:1px solid var(--lapis);
	border-radius:5px;
	padding:5px;
}
div.droite form:first-child{
	margin-top:47px;
}
div.droite form fieldset{
	margin:43px 5px;
	background-color:var(--cielgris);
	position:relative;
	border:1px solid var(--paon);
	border-radius:3px;
	padding:3px;
}
div.droite form fieldset legend{
	background-color:white;
	/*position:absolute;
	top:-22px;*/
	font-weight:bold;
	padding:3px;
	border:1px solid var(--paon);
}
div.droite form fieldset p.texte{
	padding:5px;
}
div.droite form label{
	display:block;
	padding:0px 5px;
}
div.droite form table label{
	display:inline-block;
	padding:0px 5px;
}
div.droite form span.help{
	display:inline-block;
	padding:2px 5px;
	margin-left:182px;
}

div.droite h3{
    font-size:1.2rem;
	margin-bottom:5px;
    color:var(--bleu);
}
div.droite .docs{
    border:1px solid var(--lapis);
	border-radius:5px;
	padding:5px;
}

/*--- bacorge ---*/
.bacorge p{
  margin-bottom : .5rem;
}
.bacorge label{
  font-size:90%;
  margin-right:.5rem;
  vertical-align:top;
}
.bacorge select{
  font-size:80%;
  margin-right:.5rem;
}
.bacorge_res{
  font-size:80%;
}
.bacorge_res th{
  padding:0 .25rem;
}
.bacorge_res tr td{
  cursor:pointer;
}
.bacorge_res tr:nth-child(n+2):hover{
  background-color:#F6F4D0;
}
.histoclick {
    cursor:auto;
}
.tableaustats th {
    max-width:100px
}

.tableaustats caption{
  caption-side:top;
}

.ligne_cachee {
   display:none;
}

.extend td{
   cursor:auto;
   text-align:center;
   background:#6785b9;
   color:white;
   font-size:20px;
}

.bacorge_ecole > ul{
  margin-bottom:1rem;
}
.bacorge_mastere{
  list-style:square inside;
}