/* CSS Document */

* {
margin:0;
padding:0;
}

p {margin: 10px 0 10px 0;}

A {
	text-decoration:none;
	font-weight:normal;
	border:none;
	color:#880000;
}

A:hover {
color:#C40000;
}


A IMG {
	border:none;
}

A.menu{
color:#880000;
}
A.menu:hover{
text-decoration:underline;
}
A.visited {
	color: #880000;
}

a.droit{
color:#000000;font-weight:bold;text-decoration:none;
}
a.droit:hover{
text-decoration:underline;
}

H1 {
font-size: 20px;
font-weight:bold;
text-align:left;
color:#880000;
/*outline-color:#006600;
outline-style:solid;
outline-width:thin;*/
}
H2 {
margin-top:16px;
margin-bottom: 6px;
font-size: 18px;
font-weight:normal;
border-bottom: 1px solid #CCCCCC;
}
H3 {
margin-top:14px;
margin-bottom: 6px;
font-size: 16px;
font-weight:normal;
}
H4 {
margin-top:2px;
margin-bottom: 0px;
font-size: 14px;
font-weight:bold;
}

H5 {
font-size: 5px;
border-bottom: 1px solid #CCCCCC;
}

tr {
vertical-align:top;
}

td {
padding: 0px;
}

table {
border-spacing: 0px;
border:none;

font-size:x-small;
}

/* ----------- Page ---------- */

body {
font-family: Arial, Helvetica, sans-serif;
font-size:x-small;
background-color:#5b0000;
background-image:url(../site/modele_r1_c1.jpg);
background-position:top;
background-repeat:repeat-x;
margin-top:10px;
}

#header {
width:100%;
height: 210px;
/*background:#999999 url(../skin/header.jpg) top left no-repeat;*/
}
#header A.header_retour {
	display:block;
	height:100%;
	width:100%;
	/*display:none;*/
}


/* ----------- boutique ---------- */
.bandeau_processus{
border:none;
width:500px;
}

.affiche_produit {

border:none;
width:90%;
}

.affiche_gamme {
align:center;
border:none;
width:80%;
}
.affiche_accueil {
border:none;
width:90%;
}

.affiche_panier {
border:none;
width:90%;
}

.etat_commande {
text-align:left;
border:none;
width:90%;
}

.boutons {
border:none;
width:auto;
}

.affiche_login {
text-align:left;
width:90%;
}

.affiche_inscription {
border:none;
width:90%;
}

.affiche_livraison {
text-align:left;
border:none;
width:80%;
}

.liste_parrain {
text-align:right;
vertical-align:middle;
border:none;
width:50%;
}

.produit {
	margin: 4px;
	height:100%;
	/*clear:both;*/
}
.produit A {
	float:left;
}
.fiche_produit P {
	width:400px;
	float:right;
	text-align:left;
}
.produit IMG, .fiche_produit IMG {
	margin: 4px;
	float:left;
}

/* ----------- milieu de la page ---------- */
#centre {
float:left;
background: #000000 url() top left repeat-y;
/*background-color:#9999CC;*/
/*margin-left: 260px;
margin-right: 260px;*/
width:530px;
/*height:150px;*/
}
#contenu_page {
	padding-left: 40px;
	padding-right: 20px;
}
#hautcentre {
	/*background: transparent url() top left no-repeat;*/
	width:450px;
	height: 32px;
}
#bascentre {
	/*background: transparent url() top left no-repeat;*/
	width:450px;
	height: 51px;
}

.chemin_page {
	font-size:10px;
}

/* ----------- colonnes ---------- */
#gauche {
/*position: absolute;*/
/*background:transparent url() top left repeat-y;*/
float:left;
margin-right:20px;
/*left:0;*/
width: 210px;
}
#droite {
/*position: absolute;*/
/*background:transparent url() top left repeat-y;*/
/*background: #D3E5FD url() top left repeat-y;*/
/*right:0;*/
float:right;
width: 210px;
}
hr.hr_cache {
	clear:both;
	visibility: hidden;
	/*background-color:#FF0000;
	color:#FF0000;
	border: 1px solid #FF0000;*/
}
#pied {
height: 64px;
font-size: 9px;
color:#666666;
/*text-align: center;
top:30px;*/
/*background: #555 url(../skin/bas_page.png) top left no-repeat;*/
}
#pied P{
	margin-top:0px;
	padding-top:40px;
	color:#82BBEB;
}
#pied A{
	color:#B6D6FD;
}

/* ----------- menu ---------- */
.tab_menu {
  position: relative;
  
border:none;
width:180;
vertical-align:top;

}
.tab_menu_main1{
/*height:100%;*/
  position: relative;
 /*  min-height: 100%;*/
/*background-image:url(/img/site/fond-gauche.png); */
background-repeat:repeat-y;
}

.tab_menu_main{
  position: relative;
   min-height: 100%;
/*background-image:url(../site/site_r2_c1.png);*/
background-repeat:no-repeat;
background-position:top;
}

.menugauche dt {
/*margin-bottom: 5px;*/
/*margin-left: 0px;*/
/*padding-left: 10px;*/

/*background: transparent top left repeat-y;*/
/*border: 1px solid red;*/
/*background-color:#6C5446;*/
display:block;
}
.menugauche dd {

}
.menugauche ul {

}
.menugauche ul li {
/*margin-bottom: 5px;*/

width: 100%;
/*background: transparent;*/
text-decoration:none;
list-style-type:none;
/*line-height:10px;*/
}
.menugauche ul li a, .menudroit ul li a {
margin: 0;
color: #000;
font-size: 10px;
border: none;
}
.menugauche a {
/*background:#0066CC url(../skin/menu_gauche.jpg) top left no-repeat;*/
display:block;
width:190px;
height:22px;
text-align:right;
padding-right:20px;
padding-top:8px;
/*margin: 0 2px;*/
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
font-weight:bold;
}
.menugauche a:hover {
background-position: 0 -30px;
text-decoration: none;
}
.menugauche a.menu_actif{
background-position: 0 -60px;
}

#basgauche {
	background: transparent url() top left no-repeat;
	width:100%;
	height: 51px;
}

/* ----------- formulaire mail ---------- */
LABEL { 
	DISPLAY: inline ; 
	FLOAT: left ; 
	WIDTH: 140px ; 
	font-weight: normal ; 
	margin-left: 20px ; 
}

.boite_form{
	border: 1px solid #204F93;
	/*background:#f6d599;*/
	width: 60%;
}

.bouton_form{
	border: 1px solid #204F93;
	/*background: #f6d599;*/
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #204F93;
}

.mail_erreur{
	color:#FF0000;
}

.bonjour_nom{
	text-align:left;
	width:710px;
	padding-left:25px;
}

.titre_tableau{
		font-weight:bold;
	vertical-align:middle;
}

.contenu_tableau{
	font-weight:normal;
	vertical-align:middle;
}

.debuggage{
color:#000000;
}

/* ----------------- FORMULAIRES --------------------*/

input.text{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
border-width:1px;
border-style:solid;
border-color:#00ff00;
margin-bottom:5px;


}
.select{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
}

/*-------- AJOUT THOMAS CONSTRUCTION PAGE --------- */
div.cellule-gauche{
height:200px;
/*background-image:url(../site/modele_r3_c3.jpg);
background-repeat:no-repeat;
padding-left:5px;
padding-right:5px;
}*/
div.cellule-droite{
height:200px;
background-image:url(../site/modele_r3_c4.jpg);
background-repeat:no-repeat;
padding-left:5px;
padding-right:5px;
}
div.cellule-bas{
font-size:xx-small;
font-weight:bold;
text-align:right;
padding-right:10px;
padding-top:5px;
}