/* REGLES GÉNÉRALES */

body{
	width:100%;
}

div, h1, h2, h3, span, a{
	font-family:Tahoma;
}

.clearer{
	clear:both;
}

.full{
	width:100%;
}

/* POLICES */
.gras{
	font-weight:bold;
}

a.orange{
	color:#F58434;
	text-decoration:none;
	font-size:11px;
}

a.orange:hover{
	text-decoration:underline;
}

h1{
	font-size:12px;
	font-weight:bold;
	color:#6E6E6E;
	background-image:url('/images/fleche1.gif');
	background-repeat:no-repeat;
	background-position:0% 100%;
	padding-left:16px;
}

h1.sans-puce{
	background-image:none;
}

h2{
	font-size:11px;
	color:#F58434;
	text-decoration:underline;
	background-image:url('/images/img.gif');
	background-repeat:no-repeat;
	background-position:0% 60%;
	padding-left:10px;
}

h2.gris{
	color:#6E6E6E;
	text-decoration:none;
}

/* DIVISIONS DE BASE */
div#conteneur{
	margin:0 auto;
	min-width:1000px;
}

div#logo{
	background-image: url('/images/texture_top_mid.gif');
}

div#box-langue{
	float:right;
	color:#868484;
	font-size:10px;
	text-align:center;
	margin:10px 10px;
}

div#header{
	background-color:#F58434;
	height:164px;
	width:100%;
}

div#header div.gauche{
	width:25%;
	float:left;
	background-image:url('/images/plebus1.gif');
	background-repeat:no-repeat;
	padding-top:40px;
	padding-left:20px;
}

div#header div.droite{
	width:49%;
	height:164px;
	float:right;
	background-image:url('/images/plebus2.gif');
	background-repeat:no-repeat;
	background-position:right top;
}

div#menu{
	background-image:url('/images/bg_menu.gif');
	background-repeat:repeat-x;
	padding-top:2px;
	padding-bottom:4px;
	height:20px;
	
}

div#menu span {
	display:block;
	white-space:nowrap;
}

div#menu span a{
	padding:0px 25px;
	font-weight:bold;
	display:inline-block;
	font-size:11px;
	color:white;
	text-decoration:none;
	border-right:solid 1px #737373;
}

div#contenu{
	padding:10px;
}

div#footer{
	background-image:url("/images/texture_bas_mid.gif");
	background-repeat:repeat-x;
	height:26px;
	text-align:right;
	font-family:Verdana;
	font-size:11px;
	color:#8F8E8E;
	padding-right:12px;
	padding-top:20px;
}

div#footer a{
	color:#F58434;
	text-decoration:none;
} 

/* ACCUEIL */
div.box-produit-vedettes{
	float:left;
	margin:10px 0px;
	margin-right:15px;
	margin-bottom:20px;
	width:170px;
}

div.box-titre-vedette{
	height:25px;
}
div.box-produit-vedettes img{
	margin-top:10px;
}

div.box-produit-vedettes span{
	color:#6E6E6E;
	font-size:11px;
	display:block;
}
 
div.box-plebus{
	color:#6E6E6E;
	font-size:11px;
}

div.box-plebus img{
	margin:5px;
}

div.box-accueil-bas-gauche{
	margin-right:30px;
}

div.box-accueil-bas-droite{
	width:181px; 
	float:right;
	background-color:#979797;
	color:#FFFFFF;
	font-size:11px;
	padding:15px 10px;
}

div.box-accueil-bas-droite table{
	width:100%;
	margin-top:10px;
}

div.box-accueil-bas-droite div#info-liquidation{
	text-align:center;
	margin-top:10px;
}

/* PRODUITS */
div.produits div.gauche{
	float:left;
}

div.produits div.droite{
	float:right;
	width:200px;
}

div.box-produit{
	width:300px;
	padding:10px 10px 5px 10px;
	margin:5px 0px;
	border-bottom:dotted 1px grey
}

div.box-produit img{
	float:left;
	margin:0px 10px 10px 0px;
}

div.box-produit a{
	color:#F58434;
	text-decoration:none;
	font-size:11px;
}

div.box-produit h1 a{
	color:#6E6E6E;
	text-decoration:none;
	font-size:11px;
}

div.box-1produit{
	width:500px;
	padding:10px 10px 5px 10px;
	margin:5px 0px;
	border-bottom:dotted 1px grey
}

div.box-1produit #image-prod{
	float:left;
	margin:0px 10px 10px 0px;
}

div.box-1produit a{
	color:#F58434;
	text-decoration:none;
	font-size:11px;
}

div.box-1produit h1 a{
	color:#6E6E6E;
	text-decoration:none;
	font-size:11px;
}

a.suivre{
	font-weight:bold;
	background-image:url('/images/arr.gif');
	background-repeat:no-repeat;
	background-position:100% 60%;
	padding-right:8px;
}

table.fiche-technique{
	margin:10px;
	background-color:#f3f3f3;
	border:solid 1px grey;
}

table.fiche-technique tr td{
	padding:3px 5px;
	border:solid 1px grey;
	color:#6E6E6E;
	font-size:11px;
}

table.fiche-technique tr h3{
	font-weight:bold;
	color:#F58434;
}


div.developpement div.gauche{
	float:left;
	width:600px;
	font-size:11px;
	color:#6E6E6E;
}

/* CONTACT */
div.contact div.gauche{
	float:left;
	width:450px;
	border-right:dotted 1px grey;
}

div.contact div.droite{
	float:right;
	margin-right:270px;
}

table.formulaire-contact{
	width:250px;
	font-size:11px;
	margin:30px 30px;
}

table.formulaire-contact tr{
	height:25px;
}

table.formulaire-contact tr th{
	font-weight:bold;
	color:#6E6E6E;
	vertical-align:top;
	padding-right:5px;
	width:55px;
}

table.formulaire-contact tr td{
	vertical-align:top;
	text-align:left;
	width:350px;
}

div.infos-contact{
	font-size:11px;
	margin:20px;
	color:#6E6E6E;
	background-color:#F3F3F3;
	padding:10px;
	width:250px;
}

div.infos-contact a{
	text-decoration:none;
	color:#FF9966;
}

/* FORMULAIRES */
table.formulaire-detail{
	width:500px;
	font-size:12px;
	margin:8px 0px;
}

table.formulaire-detail tr td{
	padding:2px 0px;
	vertical-align:top;
}

table.formulaire-detail tr td .input-text, table.formulaire-detail tr td .input-upload{
	width:95%;
}

table.formulaire-detail tr td .input-select{
	width:98%;
}

.input-text{
	background-color: #EEEEEE;
	border:solid 1px #7F7F7F;
	padding:2px 4px;
}

.input-button{
	background-color:#D6D6D6;
	border:1px solid #7F7F7F;
	padding:1px 4px; 
	font-size:12px;
}

.input-upload{
	background-color: #EEEEEE;
	border:solid 1px #7F7F7F;
	padding:2px 4px;
}

.input-select{
	background-color: #EEEEEE;
	border:solid 1px #7F7F7F;
	font-size:12px;
	padding:1px 2px; 
}

table.tableau-listing{
	width:400px;
	font-size:12px;
}

table.tableau-listing tr td{
	padding:5px;
	border:solid 1px grey;
}

/* CONNEXION ADMIN */
table.connexion{
	margin:0 auto;
	font-size:12px;
}

table.connexion td, th {
	padding:3px;
}

table.connexion .titre th {
	font-weight:bold;
	text-align:center;
}

/* MESSAGES */
table.box-succes{
	width:80%;
	border:solid 3px #636161;
	margin:10px 0px;
}

table.box-succes tr td{
	vertical-align:top;
	text-align:left;
}

table.box-succes span.titre{
	display:block;
	font-size:14px;
	font-weight:bold;
	margin:7px 0px;
}

table.box-succes span.message{
	color:#009900;
}

table.box-erreur{
	width:80%;
	border:solid 3px #636161;
	margin:10px 0px;
}

table.box-erreur tr td{
	vertical-align:top;
	text-align:left;
}

table.box-erreur span.titre{
	display:block;
	font-size:14px;
	font-weight:bold;
	margin:7px 0px;
}

table.box-erreur span.message{
	color:red;
}

/* ADMINISTRATION */
div.admin h1{
	margin:8px 0px;
}