/* {{{ Styles globaux */

* {margin: 0; padding: 0;}
body {font-family: arial,sans-serif; font-size:12px;}
img {border: none;}
img.line {
   float: left; visibility: hidden; 
}
.pair {background-color: #EEB;}
.impair {background-color: #CC9;}
hr.clear {clear:both; visibility: hidden}
a:link, a:visited {
   text-decoration: none;
   color: #330;
} /* }}} */
a:hover {
   color: #FE6700;
}
/* {{{ #page */
#page {
   background-color: #FFF;
   position: absolute;
   left: 0;
   right: 0;
   padding: 0 5px;
   top: 25px;
   /* width: 950px;
   left: 50%;
   margin-left: -475px;
   top: 100px; */
}
/* }}} */
/* {{{ #tete */
#tete {
   height: 64px;
   background-image:url('http://www.ampmdistribution.com/design/image/ampm_bandeau.jpg');
   background-position: 0 0;
   background-repeat: no-repeat;
   background-color: #000;
}
#tete p.logo img {
   float: right;
}
/* }}} */
/* {{{ #menu */
#menu {
   height: 25px;
   background-color: #330;
}
#menu  ul {
	margin:0;
	padding-left:5px; 
	list-style: none;
}
#menu  li {
	float:left; 
	margin:0;
   height: 25px;
}
#menu  a {
	float:left;
	display:block;
	padding:5px 8px 5px 5px;
	text-decoration:none;
	font-weight: bolder;
	color: #FFF;
   background-color: #330;
}
#menu  a:hover {
	color: #FE6700;
   background-color: #552;
}
	
#menu  a { float:none; }
#menu li.active {
}
#menu .active a {
	padding-bottom: 5px;
	color: #FE6700;
}
#menu li.spacer {
   width:15px;
   background-color: white;
}
#menu p.spacer {width: 100%; height: 1px; }
/* }}} */
/* {{{ #contenu */
#contenu {
   background-color: #FFF;
}
#contenu h2 {
   text-align: center;
   margin: 50px 0 25px 0;
   font-size: 18px;
}
#contenu h3 {
   margin: 10px 150px 10px 80px;
   font-size: 16px;
}
#contenu p {
   font-size: 16px;
   margin: 5px 150px 0 80px;
}
#contenu table {
   margin: 30px auto;
   font-size: 14px;
   background-color: #DDA;
}
#contenu td, #contenu th {
   padding: 1px 3px;
}
#contenu .message {
   padding: 5px;
   font-size: 14px;
}
#contenu .large {
   width: 95%;
}
/* }}} */
/* {{{ #pied */
#pied{
   float: left; clear:both;
   width: 100%;
   background-color: #330;
   color: #FFF;
   height: 30px;
   padding: 5px 0;
}
#pied a {
   color: #FFF;
   font-weight: bold;
}
#pied  a:hover {
	color: #FE6700;
}
/* }}} */
/* {{{ class */
.droite { text-align: right;}
.centre { text-align: center;}
.login a, .login a:visited, a.login {color: #330;}
.prix {font-weight: bold;}
/* }}} */
/* {{{ panier_small */
p.panier_small {
   background-color:#FE6700;
   font-weight: bold;
   font-size: 12px;
   text-align: center;
   padding: 5px 1px;
   display: block;
   float: right;
   color: #FFF;
   width: 220px;}
p.panier_small a {
   color: #FFF;
}
/* }}} */
/* {{{ article_small */
dl.article_small {
   float: left;
   background-color:#EEF7F9;
   margin: 3px 5px;
   border: solid 1px #ABC3D4;
   min-width: 175px;
   _width: 175px;}
.article_small dt {
   text-align:center;
   color:#CB0505;
   font-weight:bold;
   padding:3px;
   background-color: #ABC3D4;
   height: 30px;
   }
.article_small dd {text-align: center; padding: 5px;}
.article_small dd a {font-weight: bold;}
/* }}} */
/* {{{ article_big */
dl.article_big {
   float: left;
   background-color:#EEF7F9;
   margin: 3px 5px;
   border: solid 1px #ABC3D4;
   width: 800px;}
.article_big dt {
   text-align:center;
   color:#CB0505;
   font-weight:bold;
   padding:3px;
   background-color: #ABC3D4;}
.article_big dd {text-align: center; padding: 5px;}
.article_big dd a {font-weight: bold;}
.article_big img {vertical-align:middle;}
#contenu .article_big dd p {text-align: left; padding: 5px; margin: 0;}
/* }}} */
/* {{{ panier_big */
table.panier_big {
   width: 80%;
   margin: auto;
   /*width: 168px;*/}
/* }}} */
/* {{{ salon */
dl.salon {
   margin: 10px 150px 20px 80px;
   border: 1px solid #330;
}
.salon dt {
   background-color: #330;
   padding: 4px;
   font-weight: bold;
   color: #FFF;
   font-size: 14px;
}
.salon dd {
   background-color: #CC9;
   padding: 4px;
   font-size: 14px;
}
/* }}} */
/* {{{ .client */
dl.client {
   width: 350px;
   margin: 15px 0 0 20px;
   border: 1px solid #330;
   float: left;
}
.client dt {
   background-color: #330;
   padding: 4px;
   font-weight: bold;
   color: #FFF;
   font-size: 12px;
}
.client dd {
   background-color: #CC9;
   padding: 4px;
   font-size: 12px;
}
.client label{
   font-weight: bold;
   float: left;
   width: 80px;
   text-align: right;
   padding-right: 3px;
}
/* }}} */
/* {{{ .commande */
dl.commande {
   width: 580px;
   margin: 15px 0 0 20px;
   border: 1px solid #330;
   float: left;
}
.commande dt {
   background-color: #330;
   padding: 4px;
   font-weight: bold;
   color: #FFF;
   font-size: 12px;
}
.commande dd {
   background-color: #CC9;
   padding: 4px;
   font-size: 12px;
}
#contenu .commande table {
   width: 570px; margin: 0 auto;
}
.commande td {
   text-align: center;
   font-size: 12px;
}
/* }}} */
/* {{{ .inscription */
dl.inscription {
   width: 580px;
   margin: 15px auto;
   border: 1px solid #330;
}
.inscription dt {
   background-color: #330;
   padding: 4px;
   font-weight: bold;
   color: #FFF;
   font-size: 12px;
   text-align: center;
}
.inscription dd {
   background-color: #CC9;
   padding: 4px;
   font-size: 12px;
}
#contenu .inscription table {
   width: 570px; margin: 0 auto;
}
.inscription td {
   font-size: 12px;
}
/* }}} */
/* {{{ .alerte */
dl.alerte {
   width: 450px;
   margin: 15px auto;
   border: 1px solid #330;
   padding: 0;
}
.alerte dt {
   background-color: #330;
   padding: 4px;
   font-weight: bold;
   color: #FFF;
   font-size: 12px;
   text-align: center;
}
.alerte dd {
   background-color: #CC9;
   padding: 4px;
   font-size: 12px;
}
/* }}} */
/* {{{ .bienvenue */
dl.bienvenue {
   width: 350px;
   margin: 50px 0 0 25px;
   border: 1px solid #330;
   padding: 0;
   float: left;
}
.bienvenue dt {
   background-color: #330;
   padding: 4px;
   font-weight: bold;
   color: #FFF;
   font-size: 14px;
   text-align: center;
}
.bienvenue dd {
   background-color: #CC9;
   padding: 15px 4px 4px 4px;
   font-size: 12px;
}
#contenu .bienvenue p {margin: 7px; font-size: 14px;}
/* }}} */
/* {{{ .moulin */
dl.moulin {
   width: 300px;
   margin: 50px 0 0 25px;
   border: 1px solid #330;
   padding: 0;
   float: left;
}
.moulin dt {
   background-color: #330;
   padding: 4px;
   font-weight: bold;
   color: #FFF;
   font-size: 14px;
   text-align: center;
}
.moulin dd {
   background-color: #CC9;
   padding: 4px;
   font-size: 12px;
}
#contenu .moulin p {margin: 7px; font-size: 14px;}
/* }}} */
/* {{{ .confiance */
dl.confiance {
   width: 200px;
   margin: 50px 0 0 25px;
   border: 1px solid #330;
   padding: 0;
   float: left;
}
.confiance dt {
   background-color: #330;
   padding: 4px;
   font-weight: bold;
   color: #FFF;
   font-size: 12px;
   text-align: center;
}
.confiance dd {
   background-color: #CC9;
   padding: 4px;
}
#contenu .confiance p {margin: 10px; font-size: 12px;}
/* }}} */
a.actu {color: #FE6700; font-size: 14px; font-weight: bold; background-color: #FFF; padding: 2px 0px;}