body{
	width : 1100px;
	height : 99%;
	margin-top : 40px;
	margin-bottom : 20px;
	padding-top: 20px;
	font-family : arial, verdana, sans-serif;
	font-size : 80%;
	margin: auto;
	background-image : url("../images/fond_wauters.png");
	background-repeat : repeat-x ;
	background-color: #BDBFC0;
}


/* Contient toute la partie contenue dans haut.php**/
#haut{
	width:1030px;
	margin:auto;
	/*background-color : grey;*/
	z-index : 2;
	position : relative;
}

#logo{
	position : relative;
	z-index : 4;
}

#banniere{
	height : 100px;
}

#baniere_bis{
	width : 1002px;
	border: 1.5px solid grey;
	border-radius : 10px;
	margin : auto;
	height : 60px;
	position : relative;
	z-index : 3;
	top : -60px;
	left : 3px;
}

.slogan{
	width : 902px;
	position : relative;
	left : 150px;
	top : 35px;
	font-weight : bold;
	font-size : 1.5em;
	color : #002c6b;
}

.slogan2{
	position : relative;
	left : 170px;
	font-weight : normal;
}

#menu{
	height : 30px;
	width : 1002px;
	margin : auto;
	margin-top : 10px;
	
}

#btn_menu{
	float: left; 
	width : 200px; 
	text-align : center;
	height : 30px;
	vertical-align : bottom;
}

#btn_menu:hover {
	background-color : grey;
}

/* Contenu de la page d'accueil**/
#milieu{
	width : 1002px;
	margin : auto;
	margin-top : 10px;
	height : 550px;
	position : relative;
	z-index : 2;
	font-size : 14px;
}

/*Contenu des pages (sauf page d'accueil*/
#milieu_bis{
	width : 1002px;
	margin : auto;
	margin-top : 10px;
	min-height : 400px;
	/*max-height : 2000px;*/
	position : relative;
	z-index : 2;
	font-size : 14px;
	background-image:url("../images/bande_1px_inf.png");
	background-color : white;
	background-repeat:repeat-x;
	border-radius : 10px;
	border:1px solid grey;
	margin-bottom : 7px;
	padding-bottom : 15px;
}

/* contenu de chaque "carré" **/
#milieu_bis p{
	width : 800px;
	margin-left : 100px ;
	line-height : 23px;
}
#milieu_bis p.tech{
	width : 300px;
	margin-left : 50px ;
	font-size:1.5em;
	line-height : 32px;
}
/* Titre de chaque "carré" **/
#milieu_bis h1{
	text-align : center;
	font-size : 16px;
	color : #002c6b;
}

#milieu_bis ul{
	width : 800px;
	margin-left : 50px ;
	line-height : 23px;
}

#milieu_bis table{
	margin: auto;
}

/* "lire la suite**/
#suite{
	font-size : 11px;
}

#suite a{
	text-decoration : none;
}


/* Contenu de chaque carré de la page d'accueil
	G pour gauche, H pour haut
	D pour droite et B pour bas. **/
#M_GH {
	background-image:url("../images/bande_1px_320px.png");
	background-repeat:repeat-x;
	border-radius : 10px;
	float : left;
	height : 320px;
	width : 745px;
	border:1px solid grey;
}

#M_GH p {
	width : 600px;
	margin-left : 100px ;
	line-height : 23px;
	text-align: justify;
}

h1 {
	font-size : 18px;
	color : #002c6b;
	text-align : center;
	margin-top:5px;
}

#M_DH {

	background-image:url("../images/bande_1px_320px.png");
	background-repeat : repeat-x;
	border-radius : 10px;
	height : 320px;
	width : 245px;
	float : right;
	border:1px solid grey;
	text-align : center;
	line-height : 20px;
}

#anim_actu{
	width : 240px;
	height: 50px;
	border: 0px solid grey;
	margin : auto;
	margin-top : 0px;
	text-align : center;
	padding-top : 30px;
}

#M_GB {
	background-image:url("../images/bande_1px_210px.png");
	border-radius : 10px;
	margin-top:10px;
	float : left;
	width : 295px;
	height : 210px;
	border:1px solid grey;
}

#M_GB p {
	width : 235px;
	background-color:#44EEFF;
}

#M_MB {
	background-image:url("../images/bande_1px_210px.png");
	border-radius : 10px;
	margin-top:10px;
	margin-left:8px;
	float : left;
	width : 205px;
	height : 210px;
	border:1px solid grey;
}

#M_MB p {
	width : 190px;
	line-height : 23px;
	text-align: justify;
	margin-left:8px;
	margin-top:-2px;
}

#M_DB {
	background-image:url("../images/bande_1px_210px.png");
	border-radius : 10px;
	margin-top:10px;
	float : right;
	width : 480px;
	height : 210px;
	border:1px solid grey;
}


/* Encart "Contact" **/
#contactW{
	width : 255px;
	text-align : left;
	line-height : 23px;
	float : left;
	margin-left : 15px;
	margin-top:-2px;
}

#contactB{
	width : 195px;
	text-align : right;
	line-height : 23px;
	float : right;
	margin-right : 15px;
	margin-top:-2px;
}


/* partie de bas.php*/
#bas{
	background-image : url("../images/bande_bas_20px.png");
	height : 20px;
	width : 1002px;
	margin : auto;
	margin-top : 0px;
	position : relative;
}


img.logos {
	margin: 10px;
}

img.logo {
	margin-top: 11px;
	margin-left: 7.5px;
	width : 35px;
}

#logos{
	width : 50px;
	float : left;
	/*padding-top:20px;*/
}

#texte {
	width : 240px;
	float : right;
	text-align: justify;
	line-height : 18px;
	margin-right: 5px;
}
#formlogin {
	float:left;
	margin-left: 50px;
	margin-top: -50px;
	/*background-color: #33AEFD;**/
	line-height : 23px;
	padding: 15px;
}
#pied {
	padding-top:2px;
}
input.txt {
	width: 200px;
	font-family : arial, verdana, sans-serif;
}
legend {
	font-size : 16px;
	color : #002c6b;
	font-weight : bold;
}

/* ACCES CLIENT */
#principal{
	width:100%;
	height:74%;
	border:0px;
	float:left;
	margin:0px;
	padding-top: 0.5%;
}
#centre{
	width:99%;
	height:350px;
	margin: auto;
	border: 0px solid;
	overflow-y:auto;
	overflow-x:hidden;
}
#tableau_stock_entete{
	margin-bottom:0;
	border-spacing:0px;
	padding:0px;
	width:98%;
	margin:auto;
	margin-top:1%;
	clear:both;
	border:0px;
}
#tableau_stock{
	border-spacing: 0px;
	border: 1px transparent;
	width:100%;
	/*height:100%;*/
}
.col_code{
	width:11%;
	text-align:left;
	vertical-align:middle;
}
.col_des{
	width: 36%;
	text-align: left;
	vertical-align:middle;
}
.col_client{
	width: 7%;
	text-align: left;
	vertical-align:middle;
}
.col_site{
	width: 7%;
	text-align: left;
	vertical-align:middle;
}
.col_lot{
	width: 10%;
	text-align: left;
	vertical-align:middle;
}
.col_fam{
	width: 6%;
	text-align: left;
	vertical-align:middle;
}
.col_mag{
	width: 6%;
	text-align: left;
	vertical-align:middle;
}
.col_vendable{
	width: 7%;
	text-align: left;
	vertical-align:middle;
}
.col_qte{
	width: 12%;
	text-align: left;
	vertical-align:middle;
}
.col_lon{
	width: 10%;
	text-align: center;
	vertical-align:middle;
		
}
.col_lar{
	width: 10%;
	text-align: center;
	vertical-align:middle;
		
}
.col_poids{
	width: 10%;
	text-align: center;
	vertical-align:middle;	
}

