/*********************************************************LOGIN*/

body.login {
 background-image: url("../images/fond-login.jpg");
 background-position: center top;
 background-repeat: repeat-x;
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
}
.txt12px {font-size: 12px;}

.txt12pxtitre {
	font-size: 12px;
	color: #444;
	font-weight: bold;
	text-align:center;
}

.txt12pxtitre2 {
	font-size: 12px;
	color: #444;
	font-weight: bold;
	text-align:right;
}
#login {
 position: relative;
 background-color: #FFF;
 width: 440px;
 margin: auto;
 margin-top: 0px;
 padding: 0px 10px 0px 10px;
}
#entete {float: left;
 position: relative;}
#connect {
 float: left;
 position: relative;
 width: 240px;
 padding: 5px 0px 0px 0px;
}
#connect input {
 float: right;
 position: relative;
 border: 1px solid #C8BFB6;
 width: 118px;
 height: 18px;
 margin: 4px 0px 10px 8px;
 font-size: 9px;
}
#lien {
 float: left;
 width: 145px;
 margin: 0px 0px 0px 0px;
}
#lien a, #lien a:link, #lien a:active, #lien a:visited {
 float: left;
 font-size: 9px;
 color: #848486;
 margin: 0px 0px 0px 5px;
}
#lien a:hover {text-decoration: none;}
.message_login_err {
 float: left;
 font-weight:bold;
 font-size: 9px;
 color: #FF0000;
 margin: 0px 0px 0px 5px;
}
#connect input.bt {
 float: right;
 width: 81px;
 height: 23px;
 border: 1px solid #FFF;
}
#visuel {
 float: right;
 width: 186px;
 margin: 1px 0px 0px 0px;
}
#footerLogin {
 background-image: url("../images/login-footer.gif");
 background-position: 0% 0%;
 background-repeat: no-repeat;
 padding: 25px 0px 0px 25px;
 margin: 0px 0px 0px 0px;
 font-size: 10px;
 color: #E08133;
 height: 70px;
}
#footerLogin a, #footerLogin a, #footerLogin a, #footerLogin a {
 font-size: 10px;
 color: #E08133;
 text-decoration: none;
}
#footerLogin a:hover {text-decoration: underline;}

/*******************************************************PAGES DU SITE*/
body {
 background-image: url("/images/fond.jpg");
 background-position: center top;
 background-repeat: repeat-x;
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 background-color:#FFFFFF;
}
#pageCorps {
 position: relative;
 background-color: #FFF;
 width: 760px;
 margin: auto;
 margin-top: 0px;
 padding: 0px 10px 0px 10px;
 border-top: 1px solid #FFF;
}

#menu {
 float: left;
 background-color: #D1000D;
 height: 32px;
 width: 760px;
 padding-bottom:-3px;
 margin: 0px 0px 29px 0px;
}
#menu .right {float: right;}


/**************espace connexion**********************/
#espacePerso {
 float: right;
 width: 200px;
 margin: 0px;
 padding: 0px 0px 0px 19px;
}
#espacePerso p.nom {
 font-size:14px;
 color:#000;
 margin:19px 0px 0px 0px;
}
#espacePerso p {
 margin: 0px;
 font-size:10px;
}
#espacePerso p.connexion {
margin: 7px 0px 0px 0px;
 padding: 0px 0px 5px 0px;
}
.txt11px {font-size: 11px;}
.rouge {color: #D1000D;}
.bold {font-weight: bold;}
.right {float: right;}
.left {float:left;}


/************Infos***********************************/
#info {
 float: left;
 width: 405px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 23px;
}

.date {
 font-family: Arial, Helvetica, sans-serif;
 color:#666666;
 font-size:10px;
 }
#photoInfo {
 float: left;
 border: 3px solid #E8E8E8;
 padding: 1px;
 margin: 2px 8px 0px 0px;
}
#info a, #info a:link, info a:active, info a:visited {
 width: 70%;
 font-size: 12px;
 line-height: 16px;
 font-weight: bold;
 color: #D11915;
}
#info a:hover {text-decoration: none;}
#info a.infosPlus, #info a.infosPlus:link, info a.infosPlus:active, info a.infosPlus:visited {
 float:none;
 font-size: 12px;
 line-height: 16px;
 font-weight: bold;
 color: #D11915;
}
#info a.infosPlus:hover {text-decoration: none;}
#info p {
 float: left;
 width: 70%;
 font-size: 12px;
 line-height: 16px;
 color: #0A0A0E;
 margin: 0px 0px 10px 0px;
}


/************InfosPage***********************************/
#infopage {
 float: left;
 width: 700px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 23px;
}

.infopage {
 float: left;
 width: 700px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 23px;
}
.infopageh3{
 display: block;
 Font-size: 18px;
 font-weight: normal;
 color:#A3A4A8;
}
.date {
 font-family: Arial, Helvetica, sans-serif;
 color:#666666;
 font-size:10px;
 }
#photoInfo {
 float: left;
 border: 3px solid #E8E8E8;
 padding: 1px;
 margin: 2px 8px 0px 0px;
}
.infopage a, .infopage a:link, .infopage a:active, .infopage a:visited {
 font-size: 12px;
 line-height: 16px;
 font-weight: bold;
 color: #D11915;
}
.infopage a:hover {text-decoration: none;}

.infopage p {
 float: left;
 line-height: 16px;
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 0px 5px;
 color: #444;
 font-weight: bold;
 font-size: 12px;
}

.p2 {
 line-height: 16px;
 color: #444;
 font-size: 12px;
 margin: 0px 0px 10px 0px;
 /*padding: 0px 0px 0px 23px;*/
}

/*********Etats des stocks**************************/
#etatStock {
 float: right;
 width: 243px;
 background-color: #F2E9DF;
 padding: 0px 0px 0px 0px;
 margin: 0px 10px 0px 50px;
}
#etatStock p {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 15px 0px;
 font-size: 12px;
}
#etatStock input {
 border: 1px solid #C8BFB6;
 width: 130px;
 height: 15px;
 margin: 0px 0px 0px 5px;
}
#etatStock input.quantite {
 font-size:9px;
 color:#000;
 border: 1px solid #C8BFB6;
 width: 24px;
 height: 15px;
 padding-left:1px;
 margin: 0px 0px 0px 5px;
}
#etatStock input.go {
 clear: both;
 width: 243px;
 height: 29px;
 border: 0px solid #FFF;
 margin: 0px 0px 0px 0px;
}


/*********Etats des stocks 2**************************/
#etatStock2 {
float:left;
 /*width: 600px;*/
 padding: 0px 0px 0px 0px;
 margin: 0px 10px 0px 10px;
}
#etatStock2 p {
 margin: 0px 0px 0px 0px;
 padding: 15px 15px 0px 15px;
 font-size: 12px;
}
#etatStock2 input {
 border: 1px solid #C8BFB6;
 /*width: 130px;
 height: 15px;*/
 margin: 0px 0px 0px 5px;
}
#etatStock2 input.quantite {
 font-size:9px;
 color:#000;
 border: 1px solid #C8BFB6;
 width: 24px;
 height: 15px;
 padding-left:1px;
 margin: 0px 0px 0px 5px;
}
#etatStock2 input.go {
 clear: both;
 margin: 0px 0px 0px 0px;
  border: 0px solid #C8BFB6;
}

/*********************************************************Page formulaire et destockage et rubrique***********************/
#pageCorps h1 {
float:left;
width:80%;
font-weight:normal;
font-size:20px;
color:#D1000D;
margin:0px; 
/*padding-left:18px;*/
}

#pageCorps h2 {
float:left;
width:80%;
font-weight:bold;
font-size:14px;
color:#D1000D;
margin:0px; 
padding:8px 0px 0px 18px;
}

#pageCorps p.text {
font-weight:normal;
float:left;
width:90%;
font-size:12px;
line-height:16px;
color:#000;
margin:0px; 
padding:5px 0px 5px 18px;
}

.item {
 /*float: left;*/
 color: #444;
 /*width: 180px;*/
 font-weight: bold;
 font-size: 12px;
 margin: 10px 0px 10px 0px;
 padding:0px 10px 0px 5px;
}
.item2 {
 color: #444;
 font-size: 12px;
 margin: 10px 0px 10px 0px;
 padding:0px 0px 0px 4px;
}
#pageCorps input.txt {
 width: 300px;
 height: 17px;
 margin: 10px 0px 0px 0px;
 border: 1px solid #EEB34D;
 font-size: 12px;
}

#pageCorps textarea.txt {
 width: 300px;
 margin: 10px 0px 0px 0px;
 border: 1px solid #EEB34D;
 font-size: 12px;
}

#pageCorps select.txt {
 float: left;
 margin: 10px 0px 5px 0px;
 font-size: 12px;
}

#pageCorps input.radio2 {
 margin: 0px 0px 0px 0px;
 width:12px;
 height:12px;
 background-color: #FFFfff;
 border: 1px solid #FFFfff;
}
#pageCorps input.valider {
 background-color: #EEB34D;
 border:1px solid #FFF;
 width: 81px;
 height: 23px;
 margin: 20px 0px 25px 212px;
 padding:0px;
}
/*********************************************************************Page "Déstockages"*****************************************/
#pageCorps input.commander {
 float:right;
 background-color: #EEB34D;
 border:1px solid #FFF;
 width: 81px;
 height: 23px;
 margin: 20px 0px 25px 0px;
 padding:0px;
}

#pageCorps input.qut {
 width:15px;
 height: 12px;
 margin: 0px;
 padding:1px;
 border: 1px solid #C8BFB6;
 font-size:9px;
}
/****************************************************table des listes - Page "Déstockages"*****************************************/
table.liste {
float:left;
margin-left:0px;}

td.entete {
	font-size:11px;
	color: #ffffff;
	text-align:center;
	font-weight: bold;
	border-bottom: 2px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background-color: #D1000D;
	margin: 0px 0px 0px 0px;
	padding:2px;
}

td.list0 {
	text-align:center;
	font-size:10px;
	color: #000;
	border-bottom: 2px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background-color: #F2E9DF;
	margin: 0px 0px 0px 0px;
	padding: 2px 1px 2px 4px;
}

td.list1 {
	font-size:10px;
	color: #000;
	border-bottom: 2px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background-color: #FBF8F4;
	margin: 0px 0px 0px 0px;
	padding: 2px 1px 2px 4px;
}

.pad18px {padding-left:16px;}

/***************************FOOTER*********************************/
#footer {
 background-image: url("/images/footer-fd.gif");
 background-position: 0% 100%;
 background-repeat: no-repeat;
 background-color: #F2E9DF;
 padding: 22px 8px 0px 25px;
 margin: 18px 0px 40px 0px;
 height: 48px;
 width: 727px;
}
#footer p {
 font-size: 11px;
 color: #E08133;
 margin: 0px;
}
#footer a, #footer a:link, #footer a:link, #footer a:link {
 font-size: 11px;
 color: #E08133;
 margin: 0px;
 text-decoration: none;
}
#footer a:hover {text-decoration: underline;}
#footer p.mentions {
 float: right;
 font-size: 11px;
 color: #898A8B;
 text-align: right;
 vertical-align: bottom;
 margin: 20px 0px 0px 0px;
}

a.choisirgen, a.choisirgen:link, a.choisirgen:active, a.choisirgen:visited {
 text-decoration: none;
 background-image: url(/images/bt-fd-lien.gif);
 background-position: 0% 0%;
 background-repeat: no-repeat;
 font-size: 11px;
 font-weight: bold;
 color: #000;
 padding: 0px 0px 0px 20px;
}

.contact_tab {
 float: left;
 line-height: 16px;
 color: #444;
 font-weight: bold;
 font-size: 14px;
}

.contact_titre_tab {
 color:#FF0000;
 font-size:16px;
 font-weight:bold;
}