body{
font-family:"Trebuchet MS",Arial,sans-serif;
margin:0 auto;
padding:0;
width:1000px;
background:#B7C6D7 url(../images/bg_product.gif) repeat-x;
}
.cleardiv{clear:both}
a:link,a:visited{
text-decoration:none;
color:#333;
}
a:hover{
text-decoration:underline;
}
p{margin:0;padding:0}
#content{
float:left;
width:1000px;
min-height:500px;
height:500px;
height:auto !important;
padding:10px;
background:white;
}
*html #content{
 position: absolute;
  width : 1000px;
  left : 50%;
  margin-left : -500px;
}
*+html #content{
 position: absolute;
  width : 1000px;
  left : 50%;
  margin-left : -500px;
}
#content h1{
margin:5px 0;
padding:0;
font-size:18px;
color:#315AA0
}
#content #menu {
width:1000px;
}
#content #menu div{
float:right;
width:100px;
height:35px;
margin:0 2px;
background:url(../images/onglet_menu.gif) no-repeat;
text-align:center
}
#content #menu a{
color:#315AA0;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
}
#content #menu div{
width:100px;
height:35px;
margin:0 2px;
background:url(../images/onglet_menu.gif) no-repeat;
padding:2px;
}
#content #outils{
float:left;
width:100%;
padding:2px 5px;
text-align:left;
}
#content #outils span{
font-size:14px;
color:#333;
font-weight:bold;
}
#content #outils a{
font-size:14px;
background:#B7C6D7;
color:white;
padding:3px;
margin:0px 2px
}
#content #produits{
float:left;
width:980px;
background:#315AA0;
min-height:100px;
height:100px;
height:auto !important;
padding:10px;
margin:10px 0;
}
#content .produit{
float:left;
width:99%;
background:#B7C6D7 url(../images/bg_product.gif) repeat-x;
border-top:1px solid white;
min-height:50px;
height:50px;
height:auto !important;
padding:5px;
}
#content .produit div{
margin-right:2px;
padding:3px;
}
#content .produit .titre{
float:left;
width:100%;
border-bottom:2px dotted #315AA0;
margin-bottom:10px;
}
#content .produit .titre h2{
margin:0;
padding:0;
color:white;
font-size:18px;
font-weight:bold;
text-transform:uppercase
}
#content .produit .photo{
float:left;
width:30%;
min-height:50px;
height:50px;
height:auto !important;
text-align:center
}
#content .produit .photo p{
margin:0;
padding:0
}
#content .produit .photo img{
border:1px solid white
}
#content .produit .photo a{
color:#4E4B44;
font-size:12px;
}
#content .produit .desc{
float:left;
width:46%;
min-height:50px;
height:50px;
height:auto !important;
}
#content .produit .desc p{
margin:0;
padding:0;
color:#333;
font-size:14px;
}
#content .produit .action{
float:left;
width:20%;
min-height:50px;
height:50px;
height:auto !important;
text-align:center;
}
#content .produit .action p{
margin:0;
padding:0;
color:#333;
font-size:12px;
font-weight:bold;
}
#content .produit .action p.cmd a{
color:#EB1A44;
font-size:12px;
}
#content #nav{
float:left;
width:100%;
padding:2px 0;
margin:2px 0;
text-align:center;
}
#content #nav p{
margin:0;
padding:0;
font-size:12px;
color:#333;
}
#content #nav a{
font-size:15px;
color:white;
}
#content #search{
float:left;
width:auto;
text-align:left;
}

#content #search input{
width:280px;
background:#E6F1F3 url(../images/background_input.jpg) no-repeat scroll 0 0;
border:1px solid #BAD4E5;
color:#556876;
font-family:Verdana,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:2px 0 10px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:5px;
}
#content #search input:hover,#header #search input:focus{
background:#E6F1F3 url('../images/background_inputhover.jpg') no-repeat scroll 0 0;
}
#content #search label{
font-size:19px;
color:#315AA0;
font-weight:bold;
margin-right:10px;
}
*html #content #search label{
display:block;
float:left;
font-size:19px;
color:#315AA0;
font-weight:bold;
}
#content #search input.btn,#content #login input.btn{
width:auto;
background:none;
border:none;
margin:0;
padding:0;
}
*html #content #search input.btn,*html #content #login input.btn{
width:auto;
background:none;
border:none;
margin:0;
padding:0;
margin-top:-5px
}

/*VALIDATION*/
.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
	font-size:11px
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

/*LOGIN*/
#content #login{
width:100%;
background:white;
min-height:50px;
height:50px;
height:auto !important;
}
#content #login h1{
width:100%;
margin:0;
padding:2px 0;
text-align:center;
color:white;
background:#B7C6D7
}
#content #login input{
width:200px;
background:#E6F1F3 url(../images/background_input.jpg) no-repeat scroll 0 0;
border:1px solid #BAD4E5;
color:#556876;
font-family:Verdana,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:2px 0 10px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:5px;
}
#content #login input:hover,#header #login input:focus{
background:#E6F1F3 url('../images/background_inputhover.jpg') no-repeat scroll 0 0;
}
#content #login label{
width: 10em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
font-size:19px;
color:#315AA0;
font-weight:bold;
}
#content #login #zone{
width:50%;
padding-left:200px;
}
#content #login #zone p{
text-align:left;
padding-left:200px;
font-size:11px;
color:red
}
#content #user{
height:20px;
width:990px;
text-align:right;
padding:3px 10px;
font-size:11px;
color:#EB1A44;
}
#content #user a{
font-size:11px;
color:#EB1A44;
}