body { font-family: Arial, sans-serif; font-size:12px; background-color:#01273A; color: #000000; }
h1 { color: #ffffff; font-size: 12px; font-style: italic; font-weight: normal; margin: 0px; width: 100%; text-align: center; display: inline-block; }
h1.accueil {  }
h1.boutique { margin-bottom: 10px; }
form { margin:0; padding:0; }
input { font-family: Arial, sans-serif; font-size:12px; }
table { margin:0; padding:0; }
img { border:0; }
#container { position:relative; width:990px; height:447px; margin: auto; }
#accueil { margin-top:10px; position: absolute; width:990px; height:447px; }
.clear { clear:both; }
.pied_site { float:left; width:769px; font-size:12px; position: absolute; right: 26px; line-height: 18px; text-align: center; }
#pied { top: 465px; }
#pied2 { top: 485px; }
#pied3 { top: 560px; }
#footer_menu { top: 540px; color: #ffffff; font-size: 10px; }
#footer_menu a { color: #c6d217; }
#footer_menu h2 { color: #01273a; font-size: 12px; display: block; text-align: left; margin: 0px; }
#societe { top: 660px; font-size: 10px; font-style: italic; text-align: right; }
#societe a { text-decoration: underline; color: #ffffff; }
.pied_site a { color:#FFFFFF; text-decoration:none; }
.pied_site a:hover { color:#FFFFFF; text-decoration:underline; }
.pied_site span { color:#FFFFFF; margin: 0px 13px; }
#footer_desc { position: relative; background: #01273a; line-height: 14px; padding-top: 10px; font-size: 10px; clear: both; color: #ffffff; text-align: justify; }
#footer_desc h2 { margin: 0px; font-size: 10px; width: 100%; text-align: center; margin-bottom: 5px; }
#footer_desc a { color: #c6d217; text-decoration: none; }
#societe_footer { text-align: right; background: #01273a; }
#societe_footer a { color: #ffffff; font-size: 10px; font-weight: normal; font-style: italic; }
#phpmyvisites img { border:0; display: none; visibility: hidden; width: 0px; height: 0px; }
.cache { display: none;	visibility: hidden; overflow: hidden; position: absolute; }
.left_title { position: relative; width: 100px; height: 20px; text-decoration: none; font-size: 14px; font-weight: normal; letter-spacing: 0.5px; display: block; color: #ffffff; text-align: left; padding: 0px; margin: 0px; top: -28px; left: 38px; margin-bottom: -20px; }

/* Etapes commandes (dans plusieurs pages */
.etape_commande { margin : 0; padding : 0; width : 575px; text-align : center; font : 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color : #ffffff; font-weight : bold; text-transform : uppercase; position : relative; top: 0px; left: 2px; float : left; list-style-type:none; } 
.etape_commande ul { margin:0; padding:0; width : auto; height : auto; position : relative; float : left; display : inline; list-style-type : none; } 
.etape_commande ul li { margin : 0; padding : 0; width : 140px; position:relative; float : left; border : 1px; height : auto; border : 1px solid #ffffff; background : url("../images/fondTR9.png") repeat; } 
.etape_commande ul li a { font : 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color : #ffffff; font-weight : bold; text-transform : uppercase; text-decoration : none; background : url("../images/fondTR9.png") repeat; } 
.etape_commande ul li a.active { font : 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; background : #ffffff; color : #2E4B97; font-weight : bold; text-transform : uppercase; text-decoration : none; } 
.etape_commande ul li:hover { background : url("../images/fondTR9.png") repeat; } 
.etape_commande ul li.active { border : 1px solid #d5d6d4; background : #ffffff; color : #2778ac; } 
.etape_commande ul li.valide, .etape_commande ul li a.valide { background : url("../images/fondTR9.png") repeat; font : 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color : #ffffff; font-weight : bold; text-transform : uppercase; text-decoration : none; } 
.etape_commande ul li.verrouiller { background : url("../images/fondTR9.png") repeat; }
