html{
height:100%;
width:100%;
}
body {
background:#d0be93 url('img/fond.png') repeat-x top;
color:#333;
font-family: Arial,Verdana,sans-serif;
margin:0;
padding:0;
height:100%;
width:100%;
}
H3{ display:inline; }
#conteneur{
position: relative;
width:940px;
margin:0 auto;
padding:0;
text-align:left;
min-height:100%;
}
*html #conteneur{
height:100%;
}
#header{
display:block;
height:355px;
border : 0px solid #000;
}
#logo{
display:block;
height:213px;
width:350px;
float:left;
margin-top:30px;
border : 0px solid #000;
/*background:url('img/alea/stickers.png') no-repeat 0px 0px;*/
}
#presentation{
display:block;
height:220px;
width:500px;
margin:0px;
text-align:justify;
}
#presentationbas{
display:block;
height:auto;
width:480px;
margin:0px;
text-align:justify;
}
#contenu{
position:relative;
padding-bottom:20px;
height:auto;
width:940px;
overflow:hidden;
}
#contenu2{
position:relative;
padding-bottom:20px;
height:auto;
width:740px;
overflow:hidden;
margin:auto;
}
#tableau_glo{
width:430px;
display:block;
height:auto;
overflow:hidden;
float:right;
margin:0px;
}
#dernier-element {
padding-bottom: 13px;
margin-bottom: 0;
}
#premier-element {
position:absolute;
margin-top: 0;
}
#footer{
text-align:center;
clear:both;
padding-top:10px;
width: 100%;
height:100px;
}
/*************************** Police ***/
#presentation h1, #presentationbas h1{
font-size:18px;
font-weight:bold;
padding-top:10px;
padding-left:5px;
margin:0;
}
#presentation h2, #presentationbas h2{
font-size:12px;
padding-left:5px;
margin:0;
}
p {
display:inline;
color:#282316;
font-size:12px;
line-height:1.2em;
}
/*************************couleur police***/
#presentation h1,#presentation h2, #presentationbas h1,#presentationbas h2{
color:#483e24;
}
#footer a,#footer a:visited, #footer {
color:#483e24;
font-weight:bold;
font-size:11px;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}
/**********************************MENU*/
.dl,.help  {
height:24px;
width:24px;
margin:0;
padding:0;
}
a.info{
position:relative; 
z-index:24;
text-decoration:none}

a.info:hover{z-index:25;display: block;}

a.info span{display: none;}

a.info:hover span{
font-size:12px;
display:block; 
position:absolute;
bottom:1em; right:2em; width:15em;
border:1px solid #e4cd4b;
background-color:#ffff9b; color:#332c1b;
text-align: justify;
font-weight:normal;
padding:3px;
}
#menu{
display:block;
width:585px;
height:130px;
}
#menu ul {
float:left;
list-style:none;
margin:0;
overflow:hidden;
padding:0;
margin-top:100px;
height:40px;
}
#menu ul li {
display:block;
float:left;
height:40px;
}
#menu ul li a {
display:block;
float:left;
padding:60px 0 0;
}
#menu_com a {
background: url('img/btn_com.png') no-repeat 0 0;
height:40px;
width:165px;
}
#menu_compte a {
background: url('img/btn_compte.png') no-repeat 0 0;
height:40px;
width:170px;
}
#menu_contact a {
background: url('img/btn_contact.png') no-repeat 0 0;
height:40px;
width:119px;
}
#menu_stickbis a {
/*background: url('img/btn_contact.png') no-repeat 0 0;*/
height:40px;
width:119px;
border:1px solid #CC0000;
}

#menu_stick {
display:block;
float:left;
margin-top:58px;
height:14px;
width:130px;
border:0px solid #CC0000;
}
#menu_com a:hover {
background: url('img/btn_com_hover.png') no-repeat 0 0;
}
#menu_compte a:hover {
background: url('img/btn_compte_hover.png') no-repeat 0 0;
}
#menu_contact a:hover {
background: url('img/btn_contact_hover.png') no-repeat 0 0;
}
/*********************MENU COMPTE****/
#menu_compte_droite{
float:right;
padding-right:140px;
padding-top:5px;
}
.menuA{
display:block;
height:70px;
width:175px;
}
.menuB{
display:block;
height:70px;
width:175px;
margin-top:15px;
}
/*********************Tableau commande*****/
.lienmarron,.lienmarron:visited{
color:#483e24;
text-decoration:none;
}
.lienmarron:hover{
text-decoration:underline;
}
.lienblanc,.lienblanc:visited{
color:#fff;
text-decoration:none;
}
.lienblanc:hover{
text-decoration:underline;
}
.lienblanc2,.lienblanc2:visited{
color:#fff;
text-decoration:none;
display:block;
}
tr:hover .lienblanc2{
color:#000;
}
#tableau_liste_commande {
float:left;
padding:0;
padding-left:60px;
}
.tableauPmarron,.tableauGmarron,.tableauPbeige,.tableauPbeige2,.tableauPbeige4,.tableauPbeige3,.tableauPorange,.tableauPmarclair,.tableauPblanc2,.tableauPorafonc,.tableauPb,.tableauPnoir{
font-size:13px;
color:#fff;
}
.tableauPnul{
	padding:1px;
	font-size:13px;
	color:#282316;
	font-family:Geneva,Arial,Verdana,sans-serif;
}
.tableauPmarron{
font-weight:bold;
background:#282316 url('img/tableauPm.png') repeat-x;
padding:4px;
}
.tableauGmarron{
font-weight:bold;
background:#282316 url('img/tableauGm.png') repeat-x;
}
.tableauPbeige{
font-weight:bold;
background:#a39268;
padding-left:3px;
padding-right:3px;
}
.tableauPbeige2{
font-weight:bold;
background:#a39268;
padding-left:3px;
width:150px;
}
.tableauPbeige4{
font-weight:bold;
background:#a39268;
padding:3px;
width:127px;
}
.tableauPb{
width:80px;
font-weight:bold;
background:#a39268;
padding:3px;
}
.tableauPbeige3{
font-weight:bold;
background:#d0be93;
padding-left:0px;
}
.tableauPmarclair{
font-weight:bold;
background:#763a12;
}
.tableauPorange{
font-weight:bold;
background:#ff6600;
padding:3px;
}
.tableauPnoir{
font-weight:bold;
background:#000;
padding:3px;
}
.tableauPblanc{
color:#000;
font-size:13px;
background:#fff;
width:175px;
height:24px;
}
.tableauPblanc2{
color:#000;
background:#fff;
width:175px;
height:24px;
}
.tableauPorafonc{
font-weight:bold;
background:#3F1E08 url('img/tableauPo.png') repeat-x;
padding:3px;
}
.cdeattente{
font-weight:bold;
text-align:left;
height:24px;
background:#a39268;
font-size:13px;
color:#fff;
}
.cdenregle{
font-weight:bold;
text-align:left;
height:24px;
background:#ff6600;
font-size:13px;
color:#fff;
}
.cderegle{
font-weight:bold;
text-align:left;
height:24px;
background:#763a12;
font-size:13px;
color:#fff;
}
.cderegle:hover,.cdelivre:hover,.cdenregle:hover,.cdeattente:hover{
background:#fff;
color:#463c23;
cursor:pointer ;
}
#tableau_commande {
float:left;
padding:0;
position:relative;
height:auto;
margin:0;
padding-left:20px;
}
#tableau_votre_commande {
float:right;
padding:0;
padding-right:40px;
}
#tableau_detail_commande {
float:left;
padding:0;
width:490px;
padding-left:70px;
}
#tableau_mes_commandes,#tableau_modifier_infos{
float:left;
padding:0;
padding-left:70px;
width:450px;
}
#tableau_creer_connexion,#btn_connex,#adress_liv,#adress{
display:block;
}
/******************Formulaire *******/
.formulaire{
font-size:13px;
font-weight:normal;
padding:2px;
margin:0px;
border:0px;
width:175px;
}
.inputmenu{
border:0px solid #fff;
}
.formulaire1 {
overflow:auto;
height:105px;
width:340px;
font-size:13px;
font-weight:normal;
padding:3px;
margin:0px;
border:0px;
}
.formulaire2{
font-size:13px;
font-weight:normal;
margin:0px;
border:0px;
width:356px;
}
.formulaireB{
font-size:13px;
font-weight:normal;
width:93px;
height:24px;
margin:0px;
border:0px;
}
.txtmarron{
font-size:13px;
font-weight:bold;
margin:0px;
border:0px;
color:#282316;
}
.txtmarrongros{
font-size:18px;
font-weight:bold;
margin:0px;
border:0px;
color:#282316;
}
a{
font-size:13px;
font-weight:bold;
margin:0px;
border:0px;
color:#282316;
}
.texte{
font-size:10px;
margin:0px;
border:0px;
color:#000;
font-family: Geneva,Arial,Verdana,sans-serif;
}