html, body{ 
margin:0; 
padding:0; 
text-align:center;
background: url("../images/bg-body.gif") repeat;
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size: 100%;
color: rgb(89,72,63);
text-align:center;
} 
 
#pagewidth{ 
 height:1000px;
 margin: 0 auto;

 padding: 0;
 background: url("../images/bg-pagewidth.jpg") repeat-x;
 /*text-indent: -2000em;*/
}

#main{ 
 width:820px;
 margin: 0 auto;
 padding: 0;
 background: url("../images/bg-main.png") repeat-y;
 /*text-indent: -2000em;*/
} 

/* HEADER'S COMMON */
#header, #menu, #smenu, #content, #culdepage {
width: 800px;
margin: 0 10px;
}

/*	H1	*/
#header {
height: 100px;
background: url("../images/h1-header.jpg") no-repeat;
text-indent: -2000em;
}

/*	H2	*/
#menu {
height: 41px;
background: url("../images/h2-menu.jpg") no-repeat;
text-transform: uppercase;
font-weight: normal;
font-size: 16px;
line-height: 45px;
margin-top:-90px; /* hauteur du form d'identification +5px */
}

/*	GESTION DES LIEN DU MENU	*/
#menu a, #smenu a { color: white;}
#menu a { padding: 13px 20px; }
#smenu a { padding: 7px 20px; }
#menu .sel { background: url("../images/bg-menu-sel.jpg") repeat-x; }
#smenu .sel {background: url("../images/bg-smenu-sel.jpg") repeat-x;}
/*#menu .off, #smenu .off {background-color: none; }*/

/*	H3	*/
#smenu {
height: 39px;
background: url("../images/h3-smenu.jpg") no-repeat;
font-weight: normal;
font-size: 16px;
line-height: 37px;
}

#content h2, #content h3, #content h4 {
 text-transform: uppercase;
 color: rgb(255,121,13);
}

/*	FORM Identification	*/
#Identify {
color: white;
font-size: 80%;
position: relative;
top: -95px;
left: 600px;
width: 200px;
height: 85px;
text-align: right;
margin: 0;
padding : 5px 5px 0 0;
/*border: 1px solid red;*/
}
#Identify p  {
/*display: inline;*/
text-align: right;
line-height: 14px;
height: 28px;
margin: 0 10px 0 0;
padding: 0;
}
#Identify p.inline  {
display: inline;
text-align: right;

}
/*Boutons entete*/
#boutonPanier, #boutonSidentifier, #boutonDeconnexion {
width:103px;
height:26px;
border:0;
margin:0;
}
/*#boutonPanier {
display:block;
background: url("../images/bt-monpanier.gif") no-repeat;
text-indent: -2000em;
}*/

/*	DIV	*/
#content {
padding: 0 0 15px 0;
background: url("../images/bg-content.jpg") repeat-y;
}

/* Le Panier*/
#panier {
width:726px;
margin: 0 35px;
background-color: rgb(221,255,112);
border: 2px solid white;
}
#panier h3 {
width:726px;
height: 60px;
margin: 0;
background: url("../images/bg-panier-h3.gif") no-repeat;
text-indent: -2000em;
}
#panier p {
text-align: left;
margin: 4px 15px;
}
p.itemPanier {
border-top: 1px solid white;
line-height: 36px;
padding: 0 10px;
margin: 0 15px;
background-color: rgb(181,255,43);
}
#panier #panierAdresse {
text-align: center;
/*background-color: rgb(147,184,217);*/
}

/*	H5	*/
#culdepage {
height: 65px;
background: url("../images/h5-culdepage.jpg") no-repeat;
font-weight: normal;
line-height: 38px;
font-size: 70%;
}
/* H4 */
#titre {
width: 800px;
height: 59px;
margin: 0;
text-indent: -2000em;
}
/*	H4 - TITRES	*/
.sect0100 { background: url("../images/titre0100.jpg") no-repeat; }
.sect0110 { background: url("../images/titre0110.jpg") no-repeat; }
.sect0200 { background: url("../images/titre0200.jpg") no-repeat; }
.sect0210 { background: url("../images/titre0210.jpg") no-repeat; }
.sect0220 { background: url("../images/titre0220.jpg") no-repeat; }
.sect0230 { background: url("../images/titre0230.jpg") no-repeat; }
.sect0240 { background: url("../images/titre0240.jpg") no-repeat; }
.sect0250 { background: url("../images/titre0250.jpg") no-repeat; }
.sect0260 { background: url("../images/titre0260.jpg") no-repeat; }
.sect0300 { background: url("../images/titre0300.jpg") no-repeat; }
.sect0310 { background: url("../images/titre0310.jpg") no-repeat; }
.sect0400 { background: url("../images/titre0400.jpg") no-repeat; }
.sect0410 { background: url("../images/titre0410.jpg") no-repeat; }
.secterreur { background: url("../images/titreerreur.jpg") no-repeat; }


p, label {
	text-align: justify;
	font-size: 80%;
	line-height: 135%;
	margin: 0 85px 20px 85px;
	}

#formulaire p {
margin: 17px 0 3px 0;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}

#formulaire em {
color: rgb(255,121,13);
}

p.tag {
color: rgb(145,0,0);
text-align: right;
font-style: italic;
}
	
p.small { font-size: 70%; }

.left { float: left; margin: 0 20px; }
.right { float: right; margin: 0 20px; }
.clear { clear:both;}
.clearright { clear:right;}
.clearleft { clear:left;}

em { font-style: normal; }

a {
color: rgb(255,255,255);
margin: 0;
text-decoration: none;
}
a.orange { color: rgb(255,121,13); }
/*	SPECIAL	*/
img { border: 2px solid white; }
img.icone { 
border: 0;
float: left;
margin:5px;
}

/********************/
/*	Boutique TMP	*/
/********************/
#boutique {
width: 800px;
height: 295px;
margin-bottom: 80px;
background: url("../images/bg-boutique.jpg") no-repeat; 
}

#boutique p {
padding-top:280px;

}


/* hack FF pour masquer les contours pointillé sur les liens
-------------------------------------------------------*/
a{outline: none;}
:focus{-moz-outline-style: none;}

/*	SPECIAL	*/
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */