html{
	height:100%;
	}
body{
	background-color: #EDEDED;
	color: black;
	font-family: "Segoe UI", Verdana, serif;
	font-size:12pt;
	margin:0;
	padding:0;
	position:relative;
	min-height: 100%;
}
table{
}

#titre{
	color:#CCCCCC;
	font-size:27px;
	font-weight:bold;
	width:1180px;
	height:50px;	
	position:relative;
	top:40px;
	margin: auto;	
	text-shadow:1px 1px #111111, 2px 2px #000000;
	text-align: center;
}

#header{
	margin:auto;
	width:100%;
	height:200px;
	background-color:#222222;	
	padding-bottom:20px;
	box-shadow:0 0 20px #000000;
	position:relative;
	border-bottom:solid #444444 8px;	
}
#blockheader{
	width:1180px;
	height:150px;
	position:relative;
	top:-35px;
	margin-right: auto;
	margin-left: 0px;
}

#connection{
	height: 150px;
	width: 350px;
	padding: 10px;
	top:100px;
	position:relative;
	background-color:#222222;
	border-radius:10px;
	border:4px solid #111111;
	box-shadow:0 0 5px #000000 inset;
	margin:auto;
}

#connection table{
	margin:auto;
	margin-top: 15px;
	margin-bottom: 10px;
	text-align: left;
	color:#EDEDED;
	font-size:23px;
}

#co{
	font-size:23px;
	top:75px;
	position:relative;
	text-align: center;
	font-weight: bold;
	color: #222222
}

#deconnection{
	position: relative;
	top:-20px;
	height: 80px;
	width: 217px;
	padding:10px;
	background-color:#EDEDED;
	border-radius:10px;
	border:4px solid #111111;
	box-shadow:0 0 5px #000000 inset;
	color:#222222;
	font-size:18px;
	margin-right: auto;
	margin-left: 30px;
}

#deco{
	position: relative;
	margin: auto;
	top:10px;
	left:52px;
	font-weight: bold;
	color: #222222;
	text-decoration: none;
}
#deco:hover{
	text-decoration: underline;
}

#footer{
	width:100%;
	height:50px;
	background-color:#222222;
	border-top:solid #444444 8px;
	bottom:0px;
	box-shadow:0 -5px 5px #858585;
	position:absolute;	
	color:#CCCCCC;
	font-size:12px;
	text-align:center;
	padding-top: 20px;
}

#spacer {     
  clear: both;
height:100px;  
}

#corps{
	min-height: 420px;
	background-color:#EDEDED;
	text-align: center;
}

.centreImage{
	top: 50px;
	position: relative; 
	width:466px;
}

#menu{
	text-align: center;
	position:relative;
	font-weight: bold;
	color: #222222;
	font-size: 20px;
	width:440px;
	margin:auto;
	top:-80px;
}
#menu a{
	color: #222222;
	text-decoration: none;
}
#menu a:hover{
	text-decoration: underline;
}

#containmenu{
	background-color: #DDDDDD;
	text-align: center;
	position:relative;
	height: 27px;
	top:97px;
	box-shadow:0px 0px 3px 3px #858585;
}

.listeClient{
	position: relative;
	margin: auto;
	border: solid 3px;
	border-collapse: collapse;
	width: 90%;
	margin-top : 30px;
	text-align: center;
}

.listeClient th{
	border: solid 2px;
	padding: 5px;
	background-color: #222222;
	color: #DDDDDD;
}

.listeClient tr{
	border: solid 2px;
	padding: 2px;
}

.listeClient td{
	border: solid 1px;
	padding: 2px;
}

.listeClient tr:nth-child(odd){
	background-color: #EDEDED;
}

.listeClient tr:nth-child(even){
	background-color: #DDDDDD;
}

#ajouter{
	background-color: #222222;
	color: #DDDDDD;
	border: solid #222222;
	border-radius: 5px;
	padding: 1px;
	position : relative;
	width: 100px;
	top : 10px;
	left: 42px;
	font-weight: bold;
	text-decoration: none;
	margin:0px;
}

.ajouter{
	background-color: #222222;
	color: #DDDDDD;
	border: solid #222222;
	border-radius: 5px;
	padding: 1px;
	position : relative;
	width: 100px;
	top : 10px;
	left: 42px;
	font-weight: bold;
	text-decoration: none;
	margin:0px;
}

.ajout{
	padding: 1px 21px 1px 22px;
	text-decoration: none;
	color: #DDDDDD;
	border-radius: 5px;
}

.ajout:hover{
	color: #222222;
	background-color: #DDDDDD;
}

.infoCli{
	margin:auto;
	text-align: left;
	border:solid #222222 2px;
	border-radius: 5px;
	padding: 5px;
	margin-top:15px;
	height: 213px;
}

.infoCli6{
	margin:auto;
	text-align: left;
	border:solid #222222 2px;
	border-radius: 5px;
	padding: 5px;
	margin-top:15px;
	height: 85px;
	width: 200px;
}

#formCli{
	margin:auto;
}

.infoCli3{
	margin:auto;
	text-align: left;
	border:solid #222222 2px;
	border-radius: 5px;
	padding: 5px;
	width:540px;
}

textarea{
	resize:none;
}

#bajout{
	margin-top:10px;
	padding:5px;
	margin-left:500px;
}

#validation{
	position: relative;
	top: 50px;
	font-size: 25px;
}


.info{
	color:#222222;
	font-weight: bold;
}

#nomCli{
	float:left;
	margin-left:30px;
	margin-top:15px;
	font-size: 25px;
	font-weight: bold;
	color: #222222
}

#sousMenu{
	position: relative;
	top:15px;
	font-weight: bold;
	color: #222222;
	font-size: 20px;
	margin:auto;
	width: 900px;
}

#sousMenu a{
	font-weight: bold;
	color: #222222;
	font-size: 18px;
	text-decoration: none;
}

#sousMenu a:hover{
	text-decoration: underline;
}

#infoCli4{
	margin:auto;
	text-align: left;
	border:solid #222222 2px;
	border-radius: 5px;
	padding: 5px;
	width:90%;
	position: relative;
	top:30px;
}

#contrat{
	font-size:25px;
	font-weight: bold;
	position: relative;
	margin-left: 50px;
	margin-top: 50px;
	width:110px;
	color: #222222
}

#contrat2{
	font-size:25px;
	font-weight: bold;
	position: relative;
	margin-left: 50px;
	margin-top: 50px;
	margin-bottom: 30px;
	width:110px;
	color: #222222
}

#ajouter2{
	background-color: #222222;
	color: #DDDDDD;
	border: solid #222222;
	border-radius: 5px;
	padding: 1px;
	position : relative;
	width: 100px;
	top : -30px;
	left: 170px;
	font-weight: bold;
	text-decoration: none;
	margin:0px;
}

#contratnf{
	font-size:20px;
	font-weight: bold;
	position: relative;
	margin-left: 50px;
	margin-top: 0px;
	width:215px;
	color: #222222
}

.contratnf2{
	font-size:20px;
	font-weight: bold;
	position: relative;
	margin-left: 50px;
	margin-top: 50px;
	width:200px;
	color: #222222
}

#infoCont{
	margin:auto;
	text-align: left;
	border:solid #222222 2px;
	border-radius: 5px;
	padding: 5px;
	margin-top:50px;
	height: 130px;
	width:300px;
}

#bajout2{
	margin-top:10px;
	padding:5px;
	margin-left:250px;
}

#infoArt{
	margin:auto;
	text-align: left;
	border:solid #222222 2px;
	border-radius: 5px;
	padding: 5px;
	margin-top:50px;
	height: 150px;
	width:200px;
}

#bajout3{
	margin-top:10px;
	padding:5px;
	margin-left:150px;
}

#infotype{
	margin:auto;
	text-align: left;
	border:solid #222222 2px;
	border-radius: 5px;
	padding: 5px;
	margin-top:50px;
	height: 50px;
	width:200px;
}

#infons{
	margin:auto;
	text-align: left;
	border:solid #222222 2px;
	border-radius: 5px;
	padding: 5px;
	margin-top:50px;
	height: 200px;
	width:200px;
}

.listeFacture{
	position: relative;
	margin-left:50px;
	border: solid 3px;
	border-collapse: collapse;
	width: 1000px;
	margin-top: 20px;
}

.listeFacture th{
	border: solid 2px;
	padding: 5px;
	background-color: #222222;
	color: #DDDDDD;
}

.listeFacture tr{
	border: solid 2px;
	padding: 2px;
}

.listeFacture td{
	border: solid 1px;
	padding: 2px;
}

.listeFacture tr:nth-child(odd){
	background-color: #EDEDED;
}

.listeFacture tr:nth-child(even){
	background-color: #DDDDDD;
}

#listeFacture2{
	position: relative;
	margin-left:50px;
	border: solid 3px;
	border-collapse: collapse;
	width: 1000px;
	margin-top: 50px;
}

#listeFacture2 th{
	border: solid 2px;
	padding: 5px;
	background-color: #222222;
	color: #DDDDDD;
}

#listeFacture2 tr{
	border: solid 2px;
	padding: 2px;
}

#listeFacture2 td{
	border: solid 1px;
	padding: 2px;
}

#listeFacture2 tr:nth-child(odd){
	background-color: #EDEDED;
}

#listeFacture2 tr:nth-child(even){
	background-color: #DDDDDD;
}

.ajouter3{
	background-color: #222222;
	color: #DDDDDD;
	border: solid #222222;
	border-radius: 5px;
	padding: 1px;
	position : relative;
	width: 100px;
	top : 10px;
	left: 65px;
	font-weight: bold;
	text-decoration: none;
	margin:0px;
}

#total{
	font-size:15px;
	font-weight: bold;
	position: relative;
	margin-left: 50px;
	margin-top: 20px;
	width:200px;
	color: #222222
}

#total2{
	font-size:20px;
	font-weight: bold;
	position: relative;
	margin-left: 50px;
	margin-top: 30px;
	width:200px;
	color: #222222
}

#infoCrid{
	text-align: center;
	position: relative;
	margin: auto;
	border: solid 3px;
	border-collapse: collapse;
	width: 97%;
	margin-top : 20px;
}

#infoCrid th{
	border: solid 2px;
	padding: 5px;
	background-color: #222222;
	color: #DDDDDD;
}

#infoCrid tr{
	border: solid 2px;
	padding: 2px;
}

#infoCrid td{
	border: solid 1px;
	padding: 2px;
}

#infoCrid tr:nth-child(odd){
	background-color: #EDEDED;
}

#infoCrid tr:nth-child(even){
	background-color: #DDDDDD;
}

#crid{
	margin:auto;
	text-align: left;
	border:solid #222222 2px;
	border-radius: 5px;
	padding: 15px;
	width:90%;
	position: relative;
	margin-top:30px;
}

#param{
	margin:auto;
}

#etab{
	margin:auto;
	text-align: left;
	border:solid #222222 2px;
	border-radius: 5px;
	padding: 10px;
	position: relative;
	top:30px;
}

#etab2{
	margin:auto;
	text-align: left;
	border:solid #222222 2px;
	border-radius: 5px;
	padding: 10px;
	position: relative;
	width: 400px;
	top:30px;
}

.label{
	font-weight: bold;
}

#modifier{
	background-color: #222222;
	color: #DDDDDD;
	border: solid #222222;
	border-radius: 5px;
	padding: 1px;
	position : relative;
	width: 109px;
	top : 5px;
	left: 42px;
	font-weight: bold;
	text-decoration: none;
	margin:0px;
}

#modifier2{
	background-color: #222222;
	color: #DDDDDD;
	border: solid #222222;
	border-radius: 5px;
	padding: 1px;
	position : relative;
	width: 231px;
	top : 5px;
	font-weight: bold;
	text-decoration: none;
	margin:auto;
}

#modifier3{
	background-color: #222222;
	color: #DDDDDD;
	border: solid #222222;
	border-radius: 5px;
	padding: 1px;
	position : relative;
	width: 109px;
	top : 5px;
	left: 42px;
	font-weight: bold;
	text-decoration: none;
	margin:auto;
}
.modif{
	padding: 1px 21px 1px 22px;
	text-decoration: none;
	color: #DDDDDD;
	border-radius: 5px;
}

.modif:hover{
	color: #222222;
	background-color: #DDDDDD;
}

#categ{
	margin:auto;
	text-align: left;
	border:solid #222222 2px;
	border-radius: 5px;
	padding: 15px;
	position: relative;
	top:30px;
}

#infoCateg{
	text-align: center;
	position: relative;
	margin: auto;
	border: solid 3px;
	border-collapse: collapse;
	width: 300px;
	margin-top : 20px;
}

#infoCateg th{
	border: solid 2px;
	padding: 5px;
	background-color: #222222;
	color: #DDDDDD;
}

#infoCateg tr{
	border: solid 2px;
	padding: 2px;
}

#infoCateg td{
	border: solid 1px;
	padding: 2px;
}

#infoCateg tr:nth-child(odd){
	background-color: #EDEDED;
}

#infoCateg tr:nth-child(even){
	background-color: #DDDDDD;
}

#edition{
	margin:auto;
	border:solid #222222 2px;
	border-radius: 5px;
	padding: 15px;
	position: relative;
	top:30px;
}

#edition legend{
	text-align: left;
}

#edition td{
	font-weight: bold;
	color: #222222;
	text-decoration: none;
	border:solid #222222 2px ;
	border-radius: 5px;
	padding: 3px;
	margin-top: 3px;
	text-align:center;
}

.redit{
	font-weight: bold;
	color: #222222;
	text-decoration: none;
}

.redit:hover{
	text-decoration: underline;
}

.infoCli5{
	margin:auto;
	text-align: left;
	border:solid #222222 2px;
	border-radius: 5px;
	padding: 5px;
	margin-top:15px;
	height: 240px;
}

#recherche{
	margin-top:20px;
	margin-left: 30px;
}

#recherche2{
	margin-top:-30px;
	margin-left: 30px;
}

#recherche3{
	margin-top:40px;
	margin-left: 30px;
	margin-bottom: -30px;
}

#recherche4{
	margin-top:40px;
	margin-left: 30px;
}

#edition3{
	background-color: #222222;
	color: #DDDDDD;
	border: solid #222222;
	border-radius: 5px;
	padding: 1px;
	position : relative;
	width: 134px;
	font-weight: bold;
	text-decoration: none;
	margin: auto;
	margin-top:40px;
	margin-right: 107px;
}

#edition2{
	background-color: #222222;
	color: #DDDDDD;
	border: solid #222222;
	border-radius: 5px;
	padding: 1px;
	position : relative;
	width: 148px;
	font-weight: bold;
	text-decoration: none;
	margin:auto;
	margin-top:10px;
	margin-right: 100px;
}

#edition4{
	background-color: #222222;
	color: #DDDDDD;
	border: solid #222222;
	border-radius: 5px;
	padding: 1px;
	position : relative;
	width: 211px;
	font-weight: bold;
	text-decoration: none;
	margin:auto;
	margin-top:40px;
	margin-right: 100px;
}

#bord{
	margin:auto;
	text-align: left;
	border:solid #222222 2px;
	border-radius: 5px;
	padding: 5px;
	margin-top:50px;
	height: 100px;
	width:250px;
}