@charset "utf-8";
html,body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
/*-----En-tête-----*/
#entete{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 70px;
	min-height: 10%;
	position: relative;
	overflow: hidden;
	background-color: transparent;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	border: none;
}

.alignementGauche {
	width:33%;
	height:70px;
	padding: 0;
	border:none;
	display: inline-block;
	vertical-align: middle;
	text-align:left;
}

.alignementCentre {
	width:33%;
	height:70px;
	padding: 0;
	border:none;
	display: inline-block;
	vertical-align: middle;
	text-align:center;
}

.alignementDroite {
	width:33%;
	height:70px;
	padding: 0;
	border:none;
	display: inline-block;
	vertical-align: middle;
	text-align:right;
}

/*-----Pied de page-----*/
#piedPage {
	margin: 0;
	padding: 0;
	width: auto;
	height: 50px;
	position: absolute;
	bottom: 0;
	background-color: transparent;
}

#documentation {
	margin-left: auto;
	margin-right: auto;
	padding: 2%;
	width: auto;
	height: 50px;
	position: absolute;
	bottom: 25%;
	background-color: transparent;
}


#piedPageDynamique {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	position: relative;
	bottom: 0;
	background-color: transparent;
}
/*-----Format logo-----*/
.logo{
	width: auto;
	height: 70px;
	border: none;
}

/*-----Nom de site-----*/
.nomSite{
	font-size: 40px;
	text-align: center;
	margin: 0;
	padding-top: 20px;
	color:black;
	position: relative;
	font-family:"aguafina-script";
	z-index: 2;
}

#container{
	width: 400px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 10%;
}

#containerMessages{
	width: 400px;
	height: 70px;
	margin-left:auto;
	margin-right:auto;

}

#container h1{
	width: 38%; margin: 0 auto;
	padding-bottom: 10px;
}

#container h2{
	margin: 0;
	color:black;
	font-size: 18px;
}

#containerMessages h1{
	width: 38%; margin: 0 auto;
	padding-bottom: 10px;
}

#containerMessages h2{
	margin: 0;
	color:black;
	font-size: 18px;
}


#container2{
	width: 400px; margin: 0 0;
	margin-left:auto;
	margin-right:auto;
	margin-top: 5%;
	vertical-align:middle;
}

#container2 h1{
	width: 38%; margin: 0 auto;
	padding-bottom: 10px;
}

#container2 h2{
	margin: 0;
	color:black;
	font-size: 18px;
}


.formulaire{
	width: 100%;
	padding: 40px;
	border: 1px solid #f1f1f1;
	background: #fff;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.2), 0 5px 5px 0 rgba(0,0,0,0.25);
}

.zonetext{
	background-color:white;
	color: black;
	padding: 10px 5px;
	margin: 8px 0;
	border: 1px solid #000000;
	cursor: pointer;
	width: 100%;
}

.zonetextlong{
	background-color:white;
	color: black;
	padding: 10px 5px;
	margin: 8px 0;
	border: 1px solid #000000;
	cursor: pointer;
	width: 100%;
}

.submit{
	background-color: #F30;
	color: white;
	padding: 14px 20px;
	margin: 8px 0;
	border: 1px solid #F30;
	cursor: pointer;
	width: 100%;
}

.submit:hover{
	background-color: white;
	color: #F30;
	border: 1px solid #F30;
}

/*-----Barre des menus-----*/
#nav {
		margin:0;
		padding:0;
		border: 1px solid #333;
		border-top-color: #707070;
		background-color: #5E5E5E;
		background: -moz-linear-gradient(bottom , #666666 0pt, #5E5E5E 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent;
		background: -webkit-linear-gradient(bottom , #666666 0pt, #5E5E5E 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent;
		background: -ms-linear-gradient(bottom , #666666 0pt, #5E5E5E 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent;
		background: -o-linear-gradient(bottom , #666666 0pt, #5E5E5E 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent;
		background: linear-gradient(bottom , #666666 0pt, #5E5E5E 50%, #707070 51%, #808080 100%) repeat scroll 0 0 transparent;
		text-align: center;
		height: 36px;
		-webkit-box-shadow: 0 1px 3px #999;
		-moz-box-shadow: 0 1px 3px #999;
		box-shadow: 0 1px 3px #999;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
}

#nav li {
	display: inline;
	list-style: none;
}

#nav .btmenu {
		height: 36px;
		margin:0;
		padding: 0 35px;
		line-height: 36px;
		border-left: 1px solid #555;
		border-right: 1px solid #888;
		text-decoration: none;
		color: white;
		text-shadow: -1px -1px 0 #444;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size: 1em;
		background-color: transparent;
    }

	c{
		height: 36px;
		margin:0;
		padding: 0 35px;
		line-height: 36px;
		border-left: 1px solid #555;
		border-right: 1px solid #888;
		text-decoration: none;
		color: white;
		text-shadow: -1px -1px 0 #444;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size: 1em;
		background-color: transparent;		
	}



#nav :first-child a {
		border-left: 0;
    }
#nav :last-child a {
		border-right: 0;
    }
#nav .btmenu:hover,

#nav .btmenu:focus {
		background-color: #3E3E3E;
		background: -moz-linear-gradient(bottom , #444444 0pt, #3E3E3E 50%, #505050 51%, #606060 100%) repeat scroll 0 0 transparent;
		background: -webkit-linear-gradient(bottom , #444444 0pt, #3E3E3E 50%, #505050 51%, #606060 100%) repeat scroll 0 0 transparent;
		background: -ms-linear-gradient(bottom , #444444 0pt, #3E3E3E 50%, #505050 51%, #606060 100%) repeat scroll 0 0 transparent;
		background: -o-linear-gradient(bottom , #444444 0pt, #3E3E3E 50%, #505050 51%, #606060 100%) repeat scroll 0 0 transparent;
		background: linear-gradient(bottom , #444444 0pt, #3E3E3E 50%, #505050 51%, #606060 100%) repeat scroll 0 0 transparent;
		text-shadow: -1px -1px 0 #000;
    }
	
	
#affichage{
	width: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 2%;
	padding-top:0;
	vertical-align: middle;
	border:none;
}

th,td{
	border:0.1px solid;
	padding: 10px;
	font-size: 12px;
}

th{
	background-color: gray;
	padding: 10px;
}

td[scope="acc"]{
	font-size: 14px;
	border: none;
	background-color: white;
	text-align: left 
}


/*----Différents menus----*/
#accueil , #commandes , #stocks {
	display:none;
}  

#accueil:target {
	display:block;
}

#commandes:target {
	display:block;
}

#stocks:target {
	display:block;
}

#container_tableau{
	width:100%;
	height: 72vh;
	overflow-y:scroll;
	overflow-x:visible;
}

#tableau_cde{
	width:100%;
  	border-collapse: collapse;
	border:none;
}

#barreRecherche{
	padding:4px;
	width:100%;
	height: auto;
	border:none;
}

#motcle{
	height: 30px;
	width: 210px;
	border: 1px solid;
	padding: 0;
}

.btfind{
	height: 30px;
	width: 150px;
	border: none;
	background-color: gray;
	color: white;
}

textarea {
	resize: none;
	border:1px solid #000000;
	width:100%;
	margin:8px 0;
	padding:10px 5px;
}