@charset "utf-8";
/* CSS Document */
body {
    /*width: 100%;*/
    background-position:top;
	background-position:left;
    background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url("images/test.png")
}
a {
	color: #00F;
	text-decoration: none;
}
a visited {
	color: #00C;
	text-decoration: none;
}
p, td {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin: 0 0 1em 0;
}
.center {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	/*background-color:#FFF;*/
}
.button_red {
	background-color:#C30;
	border-color:#C30;
	color:white;
}
.button_blue {
	background-color:#0CF;
	border-color: #0CF;
	color:white;
}
.button_green {
	background-color:#9C0;
	border-color: #9C0;
	color:white;
}
.button_orange {
	background-color:#C90;
	border-color: #C90;
	color:white;
}
.image_supprimer_input {
	background:url(images/icone_pdf.png);
	width:50px;
	height:50px;
	border:none;
}
.image_mail {
	background:url(images/icone_mail.png);
	width:40px;
	height:40px;
	border:none;
}
.t1r {
	border-right:dashed 1px grey;	
}
.t2b {
	border-bottom:dashed 1px grey;
}
.t3b {
	border-bottom:solid 1px red;
}
.t3bd {
	border-bottom:dashed 1px red;
}
.th1 {
	border: thin 1px grey;
	border-collapse: collapse;
	padding-top:4px;
	padding-bottom:4px;
	text-align:center;
	font-weight:bold;
	background-color:#FFC;
}
.th2 {
	border: thin 1px grey;
	border-collapse: collapse;
	text-align:center;
	background-color: #CCC;
}
.th2w {
	border: thin 1px grey;
	border-collapse: collapse;
	text-align:center;
	/*background-color: #CCC;*/
}
.th2b {
	border: thin 1px grey;
	border-collapse: collapse;
	text-align:center;
	font-size:12px;
	/*font-weight:bold;*/
	background-color: #CCC;
}
.th4r {
	border: thin 1px grey;
	border-collapse: collapse;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color: #F00;
	background-color: #CCC;
}
.th4v {
	border: thin 1px grey;
	border-collapse: collapse;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color: #090;
	background-color: #CCC;
}
.th3 {
	border: thin 1px grey;
	border-collapse: collapse;
	padding-top:6px;
	padding-bottom:6px;
	text-align:right;
	background-color:#666;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
}
.th3b {
	border: thin 1px grey;
	border-collapse: collapse;
	padding-top:6px;
	padding-bottom:6px;
	text-align:center;
	background-color:#666;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}
/* glisser deposer */
#sortable { list-style-type: none; margin: 0; padding: 0 0 0 2px; width: 90%; }
#sortable li { margin: 0 3px 3px 3px; padding: 3px; padding-left: 1.5em; font-size: 12px; height: 22px; }
#sortable li span { position: absolute; margin-left: -1.3em; }
#save-reorder{ padding: 6px; background:#12a574;color:#fff;}
.wrapper{width:90%; margin: 0 auto;}

/* boutons radio */



 /* The alert message box */
.alert_old {
	width: 50%;
	padding: 20px;
	background-color: #f44336; /* Red */
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: white;
	margin-bottom: 15px;
}

/* The close button */
.closebtn {
	font-family: Verdana, Geneva, sans-serif;
	margin-left: 15px;
	color: white;
	font-weight: bold;
	float: right;
	font-size: 30px;
	line-height: 20px;
	cursor: pointer;
	transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
  color: black;
} 
/* end message alert */

* {box-sizing: border-box;}

.grid {
	width: 1200px;
	margin: auto;
	display: grid; 
	grid-template-columns: 50% 50%; 
}
.container {
	width: 1200px;
	/* height: 15em; */
	padding: 6px;    
	justify-content: space-between;
	align-content: space-between;
}
.alert {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f44336; /* Rouge */
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: white;
	padding: 20px;    
	justify-content: space-between;
	align-content: space-between;
}
.alert_v {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	background-color: #093; /* Vert */
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: white;
	padding: 20px;    
	justify-content: space-between;
	align-content: space-between;
}

.item {
  padding: 6px;
  background-color: #FFFFEE;
  border-left: thin dashed #F00;
  border-right: thin dashed #F00;
}
.nom {
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;	 
}
.t1 {
	font-weight: bold;
	color: #900;
	font-size: 14px;
}
.f9px {
	font-size: 9px;
}
.red {
	font-weight: bold;
	color: #F00;
}
.redlight {
	color: #F00;
}
.black {
	color: #000;
}
.green {
	font-weight: bold;
	color: #0C0;
}
.orange {
	font-weight: bold;
	color: #F60;
}
.blue {
	font-weight: bold;
	color: #00F;
}
.violet {
	font-weight: bold;
	color: #F0F;
}
.fusch {
	font-size: 12px;
	font-weight: bold;
	color: #F0F;
}
.login_cr {
	width: 400px;
	margin: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
/*
label {
	display: block;
	width: 150px;
	float: left;
}
*/

/* MENU DEROULANT */
/* https://www.pierre-giraud.com/html-css-apprendre-coder-cours/creation-menu-deroulant/ */
/*Reset CSS*/
/*
*{
    margin: 0px;
    padding: 0px;
}
*/
nav{
    width: 1200px;
    margin: 0 auto;
    background-color: #CCC;
    position: sticky;
    top: 0px;
}
nav ul{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
    list-style-type: none;
    display: flex;
}
nav ul li{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
    flex: 1 1 auto;
    text-align: center;
    position: relative;
}
nav a{
    display: block;
    text-decoration: none;
    color: black;
    border-bottom: 2px solid transparent;
    padding: 10px 0px;
}
nav a:hover{
    color: orange;
    border-bottom: 2px solid gold;
}
.sous{
    display: none;
    box-shadow: 0px 1px 2px #CCC;
    background-color: #FFC;
    position: absolute;
    width: 100%;
    z-index: 1000;
}
nav > ul li:hover .sous{
    display: flex;
    flex-flow: column wrap;
}
.sous li{
    flex: 1 1 auto;
    text-align: left;
}
.sous a{
    padding: 10px;
    border-bottom: none;
}
.sous a:hover{
    border-bottom: none;
    background-color: RGBa(200,200,200,0.1);
}
.deroulant > a::after{
    content:" ▼";
    font-size: 12px;
}
.conteneur{
  margin: 50px 20px;
  height: 1500px;
}
/* deguiser un lien en bouton */
a.stylebouton {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  border: solid thin #929292;
  text-shadow: none;
  background: #F6F6F6;
  background-image: -webkit-linear-gradient(top, #58FF58, #009900);
  background-image: -moz-linear-gradient(top, #58FF58, #009900);
  background-image: -ms-linear-gradient(top, #58FF58, #009900);
  background-image: -o-linear-gradient(top, #58FF58, #009900);
  background-image: linear-gradient(to bottom, #58FF58, #009900);
  color: buttontext;
  padding: 3px 8px;
  margin: 2px;
  text-decoration: none;
  font-family: Arial;
  font-size: 13.1999998092651px;
}

a.stylebouton:hover {
  background-image: -webkit-linear-gradient(top, #009900, #58FF58);
  background-image: -moz-linear-gradient(top, #009900, #58FF58);
  background-image: -ms-linear-gradient(top, #009900, #58FF58);
  background-image: -o-linear-gradient(top, #009900, #58FF58, #009900);
  background-image: linear-gradient(to bottom, #009900, #58FF58);   
}
.fdv {
	color:#000;
	/*background: #afa; */
	background: #AAFFAA;
}
.fdv:hover {
	background: #58FF58;
}
.fdr {
	color:#FFF;
	background:#FE544B;
}
.fdr:hover {
	background: #F00;
}
input[type=file]::file-selector-button {
	color:#000;
	background: #AAFFAA;
}
input[type=file]::file-selector-button:hover {
  background: #58FF58;
}

 
/*
input[type="submit"] {
	border: #22bb44 1px solid;
	background: #afa;
	width: 80%;
}
input[type="submit"]:hover {
    background: #0f7;
    cursor: pointer;
}
*/