body {
	margin:0; 
	padding:0; 
	font-family:  'Open Sans', sans-serif; 
    font-weight: normal;
	font-size:14px;
    color: #000;
	text-align:center;
	display:flex;
	flex-direction:column;
	min-height:100vh;
	background-color:rgb(218,218,218);
}
/*bandeau haut*/
header{
	display:flex;
	flex-direction:column;
}
.banner_wide{background-color: #ffffff; border-bottom: 1px solid #000000;width:100%;height:90px;display:flex;flex-direction:row;justify-content:center;}
.banner_maincol {width:1204px;display:flex;flex-direction:row;justify-content:flex-end;}
.banner_logo {width:300px;background-image: url(gestion/i/logo_geniwal.png); background-repeat: no-repeat; background-position:0;}
.boite_menu1 {width:100%; text-align: right;display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-start;margin-top:2px;}
/* fin bandeau haut*/
/*menu haut*/
.lien_menu1, .lien_menu1:hover, .lien_menu1:active, .lien_menu1:visited {
	padding:2px 8px 6px 25px ;
	background-color: #eeeeee; 
	color: #606060;
	text-decoration: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-left: 3px;
	cursor:pointer;
	background-position:  6px 5px;
	background-repeat: no-repeat;
	background-size: 14px;
	font-size:14px;
	
}
.lien_menu1:hover {
	background-color: #606060;
	color: #ffffff;
}
.vers_entree {
	background-image: url(gestion/i/padlock_off.svg);
}
.vers_entree:hover {
	background-image: url(gestion/i/padlock_hover.svg);
}
.vers_accueil {
	background-image: url(gestion/i/home.png);
}
.vers_accueil:hover {
	background-image: url(gestion/i/home.png);
}
.vers_stop {
	background-image: url(gestion/i/logout.png);
}
.vers_stop:hover {
	background-image: url(gestion/i/logout.png);
}
/* fin menu haut*/
/* pied de page*/
#pdp1 {
	background-color:#222;
	padding:20px;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	color:#fff;
	
}
#pdp2 {
	padding: 0 20px 0 20px;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	background-color:#000;
	color:#fff;
}
#pdp_gauche {
	text-align: left;
}/* fin pied de page*/
/* espace entre menu haut et pdp*/
main{
	display:flex;
	flex-direction:column;
	margin:auto;
	width:95%;
	flex:1 1 auto;
	
}
/* fin espace entre menu haut et pdp*/
/* menu droit */
aside{
	flex-shrink:0;
	margin-left:30px;
}
/* fin menu droit */
/* menu droit liste*/
.items_a_droite {
	padding: 10px;
	display: flex;
	flex-direction: column;
	text-align: left;
	border-bottom:1px solid #960606;
}
.items_a_droite:hover{
	opacity:0.5;
}
/* fin menu droit liste*/
/* partie sous le titre de page */
section{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
/* fin partie sous le titre de page */
/* partie article + aside */
.partie2{
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	flex-wrap:nowrap;
	background-color:#fff;
	margin-bottom:50px;
	padding-top:10px;
}
/* fin partie contenu + aside */
/* partie accueil gestion */
.partie1{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	flex-wrap:wrap;
	margin:0 0 50px 0;
}
/* vignette de accueil gestion */
.vignette{
	width:150px;
	display:flex;
	flex-direction:column;
	margin:20px;
}
.vignette:hover{
	opacity:0.5;
}
.module_r{
display:flex;
	flex-direction:column;
	justify-content:flex-start;
	flex-wrap:no-wrap;
	align-items:flex-end;
	margin-right:30%;
}
/* boite haut rouge bas blanc tour gris */
.box_document {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background:linear-gradient(180deg,#650404,#960606);
text-decoration:none;
color : #ffffff;
height:40px;
}
.box_document:hover {
color : #b0b0b0;
}
.box_document_contenu {
	box-sizing: border-box;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px; 
	background-color:#eeeeee;  
	border:1px solid #cccccc;
	padding:6px;
	overflow:hidden;
}
.doc_box_item {
background: #ffffff;border-radius: 4px;border:1px solid #cccccc;line-height:normal; text-align: center; min-height:90px;}
/* fin boite haut rouge bas blanc tour gris */
hr{
width:50%;
color: #960606;
text-align:center;
}
table {
	padding: 2px;
	margin: 0px auto;
	border: 0px;
	border-collapse:collapse;
	empty-cells:show;
}
img { 
	vertical-align:middle;
	border:0;
	}
input,select,textarea {
	border: 2px #cccccc solid;
	padding:2px;
	margin:4px;
	border-radius: 4px;
	font-size:14px;
	vertical-align:middle;
	background-color:#fff;
	}
input:focus, input:hover, select:focus, select:hover, textarea:focus,textarea:hover {
background-color:#ccc;
}
input:focus:valid{
border: 2px solid #13a95e;
}
input:focus:invalid{
border: 2px solid #960606;
}
h1{
font-family: 'Oswald', sans-serif; text-transform: uppercase; line-height: normal;text-align:left;
}
h2{
font-family: 'Oswald', sans-serif; line-height: normal;border-bottom:1px solid #fff;padding-bottom:30px;
}
h3,h5{
font-family: 'Oswald', sans-serif; line-height: normal;
}
h4{
font-family: 'Oswald';
color:#960606;
}
th{
background: linear-gradient(180deg,#960606,#650404);
color:#ffffff;
height:24px;
}
a {color:#960606;text-decoration:none;}
a:hover{color:#960606;text-decoration:underline;}

/*popup aide*/
#pop{
position:fixed;
top:0px;
left:0;
display:none;
}
#pop:target {
z-index:1200;
display:block;
}
.pop > div{
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:flex-end;
max-width:550px;
padding:5px;
border-radius:10px;
background-color:#c0df74;
border:5px ridge #000;

}
.aide{
background-color:#398914;
color:#fff;
border-radius:20px;
font-size:16px;
width:20px;
height:20px;
text-align:center;
padding:5px;
margin:5px;
}
a[class="aide"]:hover {color:#fff;text-decoration:underline;}
/* fin popup aide*/
/* bouton rouge submit */
.ovale_rouge{
	background:linear-gradient(180deg,#960606,#650404);
	border-radius:5px;
	margin: 10px;
	font-size: 17px;
	color: #eeeeee;
	vertical-align:middle;
	height:40px;
	padding:10px;
}
.ovale_rouge:hover{
	background:radial-gradient(circle,#eee,#a9a9a9);
	color: #960606;
	border:2px dotted #960606;
}
/* fin bouton rouge submit */
/* 2 boutons submit en bas de page */
.bouton_bas{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:no-wrap;
	margin-top:30px;
}
/* pourtour des mails */
.pourtour{
text-align:left;
border:4px inset #ccc;
padding:5px;
}
/* couleur alternence ligne tableau */
#alterne:nth-child(odd) {
	background-color:#eeeeee;
}
/* formulaire inscription */
#inscription{
width:98%;
font-size:14px;
font-family:arial;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	/*flex-wrap:no-wrap;*/
text-align:justify;
border:2px #cccccc solid;
padding:5px;
border-radius:3px;
color:#000;
margin:auto;
}

/* module de recherche*/
.recherche
{
display:flex;
flex-direction:row;
justify-content:flex-end;
align-items:center;
margin:0px;
padding:0px;
height:30px;
}

/* fin module de recherche*/
/* module de modif nmd*/
.modification
{
display:flex;
flex-direction:column;
justify-content:flex-start;
margin:1px;
padding:1px;

}
.modification label
{
	width:200px;
	text-align:right;
}
.modification input:not([type=submit]), .modification textarea
{
	flex:1;
}

.modification p
{ 
	display:flex;
	flex-direction:row;
	align-items:center;
	margin:1px;
}
.cat
{
	font-weight: bold;
	text-decoration: underline;
	font-size:18px;
	padding-top:15px;
}