#box{
	width:100%;
	background-color:#fff;
	margin-top:10px;
	z-index: 0;
}



body{
	/*background-color:#fff;*/
	background-color:#fff;/**/
	width:1890px;
	/*padding: 0 40px 0 40px;*/
	font-family: consolas;
	/*box-shadow: 0 0 5px;*/
	scrollbar-face-color: #3F4655;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #3F4655;
	scrollbar-darkshadow-color: #3F4655;
	scrollbar-track-color: #3F4655;
	scrollbar-arrow-color: #FFFFFF;
}

.submitAff{
	height:20px;
	width:75px;
	text-align:left;
}


#containt{
	width:1710px;
	margin-left:175px;
	background-color:#fff;/*#d5d5d5*/
	font-size:14px;
	font-weight:bold;
	border-radius:20px;
	float:center;
	z-index: 1;
}

#FondTable{
	background-color:#f18a1b;///*blue*/
	z-index: 1;
	overflow:auto;
}
#FondTableG{
	width:1720px;/*1714px*/
	background-color:#f18a1b;/*blue*/
	z-index: 1;
	overflow:auto;
}

div.items p:not(:target) {display: none}
div.items p:target {display: block}

#Affutilisateur{
	border-radius:2px;
	color:black;
	text-align:left;
	font-size:25px;
	width:100px;
	height:50px;
	position: absolute;
	top: 450px;
	left:1%;
	z-index: 4;
}

#Btnexcel{
	border-radius:2px;
	color:white;
	text-align:center;
	font-size:20px;
	width:50px;
	height:50px;
	position: absolute;
	top: 300px;
	left:1%;
	z-index: 2;
}

#Btnparametrage{
	border-radius:2px;
	color:white;
	text-align:center;
	font-size:20px;
	width:50px;
	height:50px;
	position: absolute;
	top: 250px;
	left:1%;
	z-index: 2;
}

#Btnplann{
	border-radius:2px;
	color:white;
	text-align:center;
	font-size:20px;
	width:50px;
	height:50px;
	position: absolute;
	top: 350px;
	left:1%;
	z-index: 2;
}

#Btnexit{
	border-radius:2px;
	color:white;
	text-align:center;
	font-size:20px;
	width:50px;
	height:50px;
	position: absolute;
	top: 400px;
	left:1%;
	z-index: 2;
}

#NbJours{
	border-radius:2px;
	color:white;
	text-align:center;
	font-size:20px;
	width:50px;
	height:50px;
	position: absolute;
	top: 400px;
	left:1%;
	z-index: 2;
}

#erreur{
	border-radius:2px;
	background-color:#d5d5d5;
	color:red;
	text-align:center;
	font-size:20px;
	width:900px;
	/*height:100px;*/
	position: absolute;
	box-shadow:0 0 5px;
	-webkit-border-radius: 4px;
	top: 10px;
	left:50%;
	margin-left:-450px;
	z-index: 4;
}

*[id]:before { 
  display: block; 
  content: " "; 
  /*margin-top: -75px; // A modifier selon ses besoins
  height: 75px; *// 
  visibility: hidden; 
}




/* Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {*/
#form{
	width:1200px;
	/*height:100%;
	margin: 0 auto;*/
	background-color:#d5d5d5;/*#d5d5d5*/
	border-radius:2px;
	/*padding:5px 35px 35px 35px;*/
	box-shadow:0 0 5px;
	font-size:14px;
	font-weight:bold;
	/*float:center;*/
	display: flex;
}
/*}*/

td /* Toutes les cellules des tableaux... */
{
    /*border: 1px solid black;auront une bordure de 1px */
	vertical-align: top;
	/*height:25px;*/	
}


#calendrier{
	border-radius:2px;
	background-color:#c5c5c5;
	font-size:25px;
	font-weight:bold;
	box-shadow:0 0 5px;
	-webkit-border-radius: 4px;
	position: absolute;
	width:170px;
	/*top: 20px;
	left:50%;*/
	margin-left:-177px;
}
#legende{
	border-radius:2px;
	background-color:#c5c5c5;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	width:130px;
	height:90px;
	box-shadow:0 0 5px;
	-webkit-border-radius: 4px;
	position: absolute;
	top: 550px;
	left:1%;
}
#TabUtil{
	border-radius:2px;
	background-color:#c5c5c5;
	font-size:25px;
	font-weight:bold;
	box-shadow:0 0 5px;
	-webkit-border-radius: 4px;
	/*position: absolute;
	top: 20px;
	left:50%;
	margin-left:-177px;*/
}

#Copyright{
	border-radius:2px;
	color:white;
	text-align:center;
	box-shadow:0 0 0;
	font-size:10px;
	font-weight:bold;
	width:77px;
	height:40px;
	border: 1px solid black;
	position: fixed;
	padding:5px 0px 5px 0px;
	bottom: 24px;
	left:1%;/*50%*/
	z-index: 3;
}

#CopyrightIm{
	width:80px;
	height:51px;
	background-image : url(../images/logoD.jpg);
	opacity:0.5;
	position: fixed;
	bottom: 25px;
	left:1%;
	z-index: 2;
}
#infoLogIn{
	border-radius:2px;
	color:black;
	background-color:#fff;
	text-align:center;
	box-shadow:0 0 0;
	font-size:12px;
	font-weight:bold;
	width:150px;
	height:20px;
	border: 1px solid black;
	position: fixed;
	padding:5px 0px 5px 0px;
	top: 200px;
	left:50%;
	margin-left:-25px;
}
#AfAjAf{
	
	/*width:10px;
	height:10px;
	background:white;*/
	/*margin:24px;
	border-radius:16px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.16);
	overflow: hidden;
	transition:transform .4s;*/
	/*visibility:hidden;
	background-color:red;*/
	width:5px;
	height:5px;
	/*position: absolute;*/
	position: relative;
	z-index:4;
}

#AfAjAf2{
	
	/*width:10px;
	height:10px;
	background:white;*/
	/*margin:24px;
	border-radius:16px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.16);
	overflow: hidden;
	transition:transform .4s;*/
	/*visibility:hidden;
	background-color:red;*/
	width:5px;
	height:5px;
	/*position: absolute;*/
	position: relative;
	z-index:4;
	margin-top:85px;
	margin-left:45px;
}
#AfAjAf3{
	
	/*width:10px;
	height:10px;
	background:white;*/
	/*margin:24px;
	border-radius:16px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.16);
	overflow: hidden;
	transition:transform .4s;*/
	/*visibility:hidden;
	background-color:red;*/
	width:5px;
	height:5px;
	/*position: absolute;*/
	position: relative;
	z-index:4;
	/*margin-top:85px;*/
	margin-left:45px;
}
/*#AfAjAf:hover{
	cursor:pointer;
	transform:scale(1.08);
}*/

.BtnAF{
	font-family:courier, courier new, serif;
	border-color:#d5d5d5;
	border-radius:10px;
	font-weight:bold;
}

.BtnAFC{
	font-family:courier, courier new, serif;
	border-color:#d5d5d5;
	font-size:16px;
	/*color:red;
	margin-top:-10px;
	height:50px;*/
	font-weight:bold;
	border-radius:10px;
	background-color:yellow;
	/*background-image: url("../images/conges.png");
	background-size: cover;*/
}

.BtnAFR{
	font-family:courier, courier new, serif;
	border-color:#d5d5d5;
	font-size:12px;
	color:white;
	margin-left:10px;
	margin-top:-3px;
	height:20px;
	width:90px;
	font-weight:bold;
	/*border-radius:10px;*/
	background-color:purple;
	/*background-image: url("../images/conges.png");
	background-size: cover;*/
}
.BtnAFR2{
	font-family:courier, courier new, serif;
	border-color:#d5d5d5;
	font-size:12px;
	color:white;
	margin-left:10px;
	margin-top:1px;
	height:20px;
	width:90px;
	font-weight:bold;
	/*border-radius:10px;*/
	background-color:purple;
	/*background-image: url("../images/conges.png");
	background-size: cover;*/
}
.BtnAFR3{
	font-family:courier, courier new, serif;
	border-color:#d5d5d5;
	font-size:12px;
	color:white;
	margin-left:10px;
	margin-top:-5px;
	height:20px;
	width:90px;
	font-weight:bold;
	/*border-radius:10px;*/
	background-color:purple;
	/*background-image: url("../images/conges.png");
	background-size: cover;*/
}


#Cellule{
	width:100px;
	height:100px;
}
#CellAffaire{
	width:100px;
	height:80px;
	/*background-color:pink;*/
}
#CellObs{
	width:100px;
	height:20px;
	/*background-color:yellow;*/
}
#celluleUtilisateur{
	background-color:#DCDCDC;
	width:150px;
	height:100px;
	font-size:20px;
	vertical-align: middle;
	/*position: absolute;*/
}
#btnAjout{
	overflow: hidden;
	transition:transform .4s;
	width:8px;
	height:8px;
	position: absolute;
}
#btnAjout:hover{
	
	/*width:20px;
	height:20px;
	position: absolute;*/
	cursor:pointer;
	transform:scale(5.08);
}
#retourMail{
	box-shadow:0 0 5px;
	border-radius:20px;
	display: inline-block;
	padding:10px 10px 0px 10px;
	/*width:360px;
	height:100%;*/
	background-color:#D5D5D5;
	/*padding:10px;
	vertical-align:middle;*/
	text-align:center;
	z-index:5;
	position: absolute;
	top: 300px;
	left:50%;
	margin-left:-180px
}
#txtHours{
	width:50px;
	/*height:100px;*/
}

.dropdownmenu {
  background-color: #80bdcc;
  display: flex;
  flex-direction: row-reverse;
}
.dropdownmenu ul {
  display: none;
}
.dropdownmenu,
.dropdownmenu ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.dropdownmenu a {
  display: block;
  width: 100px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  background-color: #317f92;
  text-decoration: none;
  padding: 3px 10px;
  text-align: center;
}
.dropdownmenu li {
  position: relative;
}
.dropdownmenu li:hover ul {
  display: block;
  position: absolute;
  top: 41px;
  left: 0px;
  z-index: 100;
}
.dropdownmenu ul a:hover {
  background-color: #ac9933;
}

br {
 content: "";
 display: block;
 margin-bottom: 10px; 
}
.marge {
margin-left: 5em;
}

/* Modale */
.modal {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 0; right: 0;
	bottom: 0; left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	/*background: rgba(77, 77, 77, .7);*/
	transition: all .4s;
}
		
.modal:target {
	
	visibility: visible;
	opacity: 1;
	z-index:5;
}
	
.modal_content {
	box-shadow:0 0 5px;
	-webkit-border-radius: 10px;
	/*border-radius: 4px;*/
	position: relative;
	max-width: 90%;
	background: white;
	padding: 1.5em 2em;
}

.modal_close {
	position: absolute;
	top: 10px;
	right: 10px;
	color: grey;
	text-decoration: none;
}
/* Modale */
 
#lineDescr{
	width:800px;
	height:550px;
	background-image: url("../images/description.png");
  }


@media screen {

.sigPad {
  margin: 0;
  padding: 0;
  width: 250px;
  }

.sigPad label {
  display: block;
  margin: 0 0 0.515em;
  padding: 0;

  color: #000;
  font: italic normal 1em/1.375 Georgia,Times,sans-serif;
  }

.sigPad label.error {
  color: #f33;
  }

.sigPad input {
  margin: 0;
  padding: 0.2em 0;
  /*width: 248px;*/

  border: 1px solid #000000;

  font-size: 1em;
  }

.sigPad input.error {
  border-color: #f33;
  }

.sigPad button {
  margin: 1em 0 0 0;
  padding: 0.6em 0.6em 0.7em;

  background-color: #A44040;
  border: 0;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;

  cursor: pointer;

  color: #ffffff;
  font: bold 1em/1.375 "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align: left;
  }

.sigPad button:hover {
  background-color: #000000;

  color: #fff;
  }

.sig {
  display: none;
  }

.sigNav {
  display: none;
  height: 2.25em;
  margin: 0;
  padding: 0;
  position: relative;

  list-style-type: none;
  }

  .sigNav li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    }

    .sigNav a,
    .sigNav a:link,
    .sigNav a:visited {
      display: block;
      margin: 0;
      padding: 0 0.6em;

      background-color: #fff;

      color: #A44040;
      font-weight: bold;
      line-height: 2.25em;
      text-decoration: underline;
      }

    .sigNav a.current,
    .sigNav a.current:link,
    .sigNav a.current:visited {
      background-color: #A44040;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      -moz-border-radius-topleft: 8px;
      -moz-border-radius-topright: 8px;
      -webkit-border-top-left-radius: 8px;
      -webkit-border-top-right-radius: 8px;

      color: #fff;
      text-decoration: none;
      }

    .sigNav .typeIt a.current,
    .sigNav .typeIt a.current:link,
    .sigNav .typeIt a.current:visited {
      background-color: #eee;

      color: #555;
      }

    .sigNav .clearButton {
      bottom: 0.2em;
      display: none;
      position: absolute;
      right: 0;

      font-size: 0.75em;
      line-height: 1.375;
      }

.sigWrapper {
  clear: both;
  height: 250px;

  border: 1px solid #eee;
  }

.sigWrapper.current {
  border-color: #000000;
  }

.signed .sigWrapper {
  border: 0;
  }

.sigWrapper2 {
  clear: both;
  height: 550px;
  border: 1px solid #eee;
  }

.sigWrapper2.current {
  border-color: #000000;
  }

.signed .sigWrapper2 {
  border: 0;
  }

.pad {
  position: relative;
  }

  .current .pad {
    cursor: url("../images/pen.png") 8 8, crosshair;
    }

.typed {
  height: 250px;
  margin: 0;
  padding: 0 5px;
  position: absolute;
  z-index: 90;

  cursor: default;

  color: #145394;
  font: normal 1.875em/50px "Journal",Georgia,Times,serif;
  }
  
  .typed2 {
  height: 550px;
  margin: 0;
  padding: 0 5px;
  position: absolute;
  z-index: 90;

  /*cursor: default;*/

  color: #145394;
  font: normal 1.875em/50px "Journal",Georgia,Times,serif;
  }
  
  
  
.typeItDesc,
.drawItDesc {
  display: none;
  margin: 0.75em 0 0.515em;
  padding: 0.515em 0 0;

  border-top: 3px solid #A44040;

  color: #000;
  font: italic normal 1em/1.375 Georgia,Times,sans-serif;
  }

p.error {
  display: block;
  margin: 0.5em 0;
  padding: 0.4em;

  background-color: #f33;

  color: #fff;
  font-weight: bold;
  }

}