/* Liste des fichiers correspondants dans fichier Excel "Organisation CSS" --- --- --- --- */
/*  ---- ---------------------------------------------------- */
.fonAdmin{
	min-height:400px; 
	background-color: #1a1a1a; 
	width: 80%;
	margin-left:auto;
	margin-right:auto;
	padding: 20px;
	border-radius: 10px;
	color: #333;
}

.contenuForm{
	margin-left: 12%;
	width: 83%;
}
.contenuForm h4{
	color: #1e1e1e;
}
.menuForm{
	position: fixed;
	top: 100px;
	width: 12%;
}

.espace20{
	margin: 10px;
	padding: 20px;
	border-radius:10px;
}

.titreForm{
	background-color:#fff; 
	font-size:larger; 
	padding-right:5px; 
	padding-left: 5px; 
	color: #333; 
	text-align:center; 
	width:10%;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.TtableForm{
	margin-top:90px; 
	display:flex; 
	justify-content: space-between; 
	align-items: center;
	color:#ffffff;
}
.menuForm ul{
	list-style:none;
	margin-left: 10px;
	padding-left:0;
}
.menuForm li{
	margin-left: 0px;
	padding-top: 10px;
	max-width: 100%;
}

.menuEtapes{
	font-size:smaller;
	color:#99F;
	margin-left: 10px;
	padding-left: 15px;
}

.menuEtapes li{
	padding-top: 0px;
}

div:target {
    padding-top: 7em; 
    margin-top: -7em; 
}

.modif {
	margin-left: 20px; 
	width:95%; 
	margin-bottom: 20px;
}
.width95{
	width:95%; 
}
.width100{
	width:100%; 
}

.zoneliens{
	width: 15%;
	text-align:center;
	border-radius: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.zonebefore{
	background-color:#99cc99; 
	color:#000;
	width: 17%;
	border-radius: 5px;
}
.zonelocal{
	display:flex; 
	justify-content: space-between;
	align-items: center; 
	background-color:#996633; 
	padding-top: 5px; 
	padding-bottom: 5px;
}
.zonephoto{
	display:flex; 
	justify-content: space-between; 
	align-items: center;
	background-color:#999; 
	padding-top: 5px; 
	padding-bottom: 5px;
}

.zonephoto img{
	max-height: 4em;
}

.zonetranspa{
	display:flex; 
	justify-content: space-between; 
	align-items: center;
	padding-top: 5px; 
	padding-bottom: 5px;
}
.zone10{
	display:flex; 
	align-items: center;
	padding-top: 5px; 
	padding-bottom: 5px;
	background-color:#ccc;
}
.zone10 > div {
  margin: 0.5%;
}
.zone10 > div:first-child{
  width: 20%;
}

.zonetheme{
	 background-color:#1a1a1a; 
	 margin: 10px; 
	 padding: 10px; 
	 border-radius: 5px; 
	 border: thin inset #FC9;
}
.zoneverif{
	display:flex; 
	justify-content: space-between; 
	align-items: center;
	background-color:#696; 
	padding-top: 5px; 
	padding-bottom: 5px;
	flex-wrap: wrap;
}

.zoneverif > div {
  width: 33%;
}

.border td {
	border: solid thin #fff;
	border-collapse:collapse;
	padding: 10px;
}
.Circuits table.border td {
	border-color: #600;
}

.modif a{
	text-decoration:underline;
}

.fondgris {
	background-color:#999; 
	color: #fff;
}

/*input[type='checkbox']:checked {
}*/

.checked {
	background: #fff;
	color : #600;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 0px;
}

.btnSave{
	background-color: #FC6; 
	color:#930; 
	padding:10px; 
	font-weight:bold; 
	font-size:large;
	border-radius: 5px;
	box-shadow: 3px 3px #333;
	margin-top: 10px;
}
.btnSave:hover{
	background-color:#fce0a9;
	color:#c14000; 
}
button.btnInvisible {
	border: none; 
	background-color:transparent
}
button.btnInvisible:hover{
	text-decoration:underline;
}

.lienClair{
	color: #ccc;
}
.lienClair:hover{
	text-decoration:underline;
}

.lienblancnoir{
	color: #fff;
}
.lienblancnoir:hover{
	color: #333;
}
.lienorangenoir{
	color: #f90;
}
.lienorangenoir:hover{
	color: #333;
}
/* ----- Formulaire récup ------------------------- */

.titreSpip{
	color:#Fff;
	}

label.radio{
	padding-right: 5%;
	padding-left: 5%;
}

label.radio > input{
	display:none;
}

label.radio > input + span {
	padding-right: 5%;
	padding-left: 5%;
}

label.radio.vert > input + span,
label.radio.rouge > input + span {
	/*background: #666; */
}

label.radio > input:checked + span {
	padding-right: 5%;
	padding-left: 5%;
}

label.radio.vert > input:checked + span {
	background:#3C0; 
	color: #fff;
}

label.radio.rouge > input:checked + span {
	background:red; 
	color: #000;
}

label.radio.grisclair > input:checked + span {
	background:#FFF; 
	color: #000;
}
label.radio.noir > input:checked + span {
	background:#333333; 
	color: #fff;
}
label.radio.jaune > input:checked + span {
	background:#FF9; 
	color: #000;
}
label.radio.bleu > input:checked + span {
	background:#39F; 
	color: #fff;
}

.AffichStyle,
.AffichStyle td {
	border: thin solid #ffffff;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	text-align:center;
}

.TableauTri{
	display:flex;
	background-color:#333366;
	text-align:left;
}
.TableauTri > div {
	padding: 10px;
}
.TableauTri > div:first-child {
	width: 3%;
	color:#9999cc;
}
.TableauTri > div:nth-child(2n) {
	width: 10%;
	color:#666699;
	font-size:smaller;
	margin-left:3px;
}
.TableauTri > div:nth-child(3n) {
	width: 57%;
}
.TableauTri > div:nth-child(4n) {
	width: 10%;
	background-color:#ccccff;
	font-size: medium;
	color: #333;
}
.TableauTri > div:nth-child(5n) {
	width: 20%;
}

.Bsup{
	background-color:#ff0000; 
	border-radius:4px; 
	color:#fff; 
	padding: 5px; 
	font-size:smaller;
	border: thin outset #ffffff ; 
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .5);
}

.Bsup:hover{
	background-color:#000000; 
	color:#ff0000;
	border: thin outset #ff0000 ; 
}

.pagePhotos{
	min-height:450px; 
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}

.pagePhotos > div {
  margin: 0.2%;
  width: 16%;
}

.pagePhotos img {
	max-width: 100%;
	max-height: 10em;
}

.btnDiscret{
	background-color: #999;
	border-radius: 5px;
	box-shadow: 3px 3px #333;
	margin-left: 5px; 
	margin-right: 5px; 
}

.btnDiscret:hover{
	background-color: #888;
}