/* CSS Document */
html{
  height:100%;
  background-image: url('../image/sigle.jpg'); background-size: cover;
    background-color: rgba(255, 255, 255, 0.9);
    background-blend-mode: lighten;
}
body {
min-height:97%;
position: relative;
	}
a{ 
text-decoration:none; 
color:blue; 
} 
							a:hover
							{
							color:#f00;
							}

footer
{
left: 0px;
width:100%;
height: 10px;
position: absolute;
bottom: 0;
}
#tempsphp
{
text-align:right;
right: 3px;
font-size: 9px;
/*align-content: right;*/
}
#creepar
{
text-align:center;
font-size:13px;
}
							header_
							{
							position: fixed;
							top: 0;
							width: 80%;
							padding-right: 5px;
							background-color: aqua;
							}
#menu_bloc	
{
position: fixed;
/*background-color: aqua;*/
left: 0px;
top: -10px;
width: 80px;
/*height: 100%;		*/
}
							#menu 	
							{
							font-size: 75%;
							float: left;
							margin: 0;
							padding: 0;
							border: 0;
							}
/* /////////////////entête//////////////////////////*/

							#psedo_deco 
							{
							font-family: "alex-brush", allura, "aguafina-script", "alexa-std", arizonia, "dr-sugiyama", italianno, "marck-script", tangerine;
							top:4px; left : 0px;
							padding-left: 3%;
							position: fixed;
							background-color: aqua;
							}
#titre_entete 
{
font-size: 22px;
font-weight: bold;
font-family: "alex-brush", allura, "aguafina-script", "alexa-std", arizonia, "dr-sugiyama", italianno, "marck-script", tangerine;
top:1px;	
position: fixed;
background-color: aqua;width: 100%;
}
#entete
{
background-color: aqua;
position: fixed;
top: 0;
left: 0px;
width: 100%;
}


							#date_jour
							{
							position: fixed;
							top:4px;
							text-align:right;
							right: 3px;
							font-size: 12px;
							align-content: right;
							background-color: aqua;
							}
#tableau_dentete
{
background-color: aqua;
border:0;
}
/* ///////////////////////////////////////////*/
.img_suppr
{
height:25px;
}
							#corps 
							{
							overflow : auto;
							top: 10px;
							padding-left: 0px;
							width: 100%;
							padding-bottom: 15px;
							
							}
/*.imgdefond
{
  position: absolute;
  z-index: -1;   
  width: 100%;
  height: 100%;
  background-image:url('../image/sigle.jpg') 0 0 no-repeat;
 background-size: cover;
  opacity: 0.7;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}*/
							#corps h1
							{
								padding-left: 80px;
							}
						/*	#corps #col2_1
							{
								position: 
								width: 50%;
								padding-left: 0%;
							}
							#corps #col2_2
							{
								position: relative;
								width: 50%;
								padding-left: 50%;
							}*/
#conteneur
{
    display: flex;
    flex-wrap: nowrap;
}
#conteneur_vertical
{
    display: flex;
    flex-direction: column;
	justify-content: center;
	align-items: center;
}

.element:nth-child(1)
{
    order: 1;
}
.element:nth-child(2)
{
    order: 2;
}
.element:nth-child(3)
{
    order: 3;
}
#imprimable
{
display:block;
}
							#nonimprimable
							{
							display:none;
							}

/*	/////////////////////////////////////////////////////////////////////////////////////////////////////
	/////																							/////
	/////										edition tableaux									/////
	/////																							/////
	///////////////////////////////////////////////////////////////////////////////////////////////////// */
table 
{
border-collapse: collapse;
width: 100%;
}

.Cell_sans_bord
{
	border:none;
	border-bottom: none;
	border-left: none;
	border-color: white;
}

.Tableau_non_ventil th, .Tableau_non_ventil td, .Tableau_non_ventil tr
{
border:solid;
	border-collapse: collapse;
 border-spacing: 0px;	
border-width: 1px;
}
.Posi_centre
{
align-content: center;
}

.bouton a, .bouton a:hover {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	Font-Weight: Bold;
	color: #000000;
	padding: 1px 2px;
	background: -moz-linear-gradient(
		top,
		#0ee68f 0%,
		#C0C0C0 50%,
		#0c8a1f);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#0ee68f),
		color-stop(0.50, #c4bac4),
		to(#0c8a1f));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #000080;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(73,209,105,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(73,209,105,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(73,209,105,1);
	text-shadow:
		1px 1px 0px rgba(255,0,0,0),
		1px 1px 0px rgba(255,0,0,0);
}
.bouton a:hover {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	Font-Weight: Bold;
	color: #000000;
	padding: 1px 2px;
	background: -moz-linear-gradient(
		top,
		#0ee68f 0%,
		#C0C0C0 50%,
		#0c8a1f);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#0ee68f),
		color-stop(0.50, #c4bac4),
		to(#0c8a1f));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #000080;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(73,209,105,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(73,209,105,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(73,209,105,1);
	text-shadow:
		1px 1px 0px rgba(255,0,0,0),
		1px 1px 0px rgba(255,0,0,0);
}
#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
 float:left;
 margin:auto;
 padding:0;
 /*background-color:black;*/
 }
#menu li a {
 display:block;
 width:70px;
/* color:white;*/
 text-decoration:none;
 padding:5px;
 }
#menu li a:hover {
/* color:#FFD700;*/
 }
 #menu ul li ul {
 display:none;
 }
 #menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
 #menu li ul {
 position:absolute;
 }