html, body {
	margin-top: 75px;
	padding: 0;
	border: 0;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
}

.brouge { 
	background-color:#bb3e02;
	border-bottom: 2px solid white;
	width:15px;
	height:15px;
} 
.bvert { 
		background-color:#3da249;
		border-bottom: 2px solid white;
		width:15px;
		height:15px;

} 
.bbleu { 
	background-color:#49c2e5;
	border-bottom: 2px solid white;
	width:15px;
	height:15px;

} 

a {
	color: #FFFFFF;
	text-decoration: none;
}

input {
	border: 1px solid #FFFFFF;
	background: #FFFFCC;
}

img {
	border: 0px;
}

a:hover {
	color: #000000; /* #8496B3;*/
	text-decoration: none;
}

#page {
	width: 771px;
	height: 600px;
	margin: auto;
}

#entete {
	width: 770px;
	height: 166px;
	margin: auto;
}

#menu {
	border: 1px solid #FFFFFF;
	height: 260px;
	width:120px;
	padding-left: 15px;
	padding-top: 5px;
	clear: both;
	font-color: #FFFFFF;
	text-decoration: none;
	text-transform:capitalize;
	font-weight: bold;
	font-size: 95%;
}
#meteo {
	left:20%;
	width:120px;
	height:60px;
	/*height: 665px;*/
	float: left;
	position: absolute;
	border:1px solid #ffffff;

}

#compteur {
	left: 75%;
	width:150px;
	height:20px;
	top:310px;
	/*height: 665px;*/
	float: left;
	position: absolute;
	border: 1px solid #FFFFFF;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-transform:none;
}
#compteur_bas {
	left: 75%;
	width:150px;
	height:20px;
	top:625px;
	/*height: 665px;*/
	float: left;
	position: absolute;
	border: 1px solid #FFFFFF;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-transform:none;
}



#content_droite {
	left: 75%;
	width:150px;
	height:250px;
	top:350px;
	/*height: 665px;*/
	float: left;
	position: absolute;
	border: 1px solid #FFFFFF;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-transform:none;
}


#content_centre {
	left:35%;
	width:590px;
	top:350px;
	/*height: 665px;*/
	float: left;
	position: absolute;
	border: 1px solid #FFFFFF;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-transform:none;
}

#accueil {
	left:35%;
	width:400px;
	top:320px;
	/*height: 665px;*/
	float: left;
	position: absolute;
	border: 1px solid #FFFFFF;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-transform:none;

}
#footer {
	top: 70px;
	width: 800px;
	/*height: 30px;*/
	text-transform:none;
	position:relative;
	clear: both;
	left:20%;
	
}


/* VOIR SI NECESSAIRE
#content {
	height: 665px;
	height: 100%;
	float: left;
	}*/

/* Type de fond d'ecran */
.tb {background-image:url(../images/fd_r.jpg);}
.syn{background-image:url(../images/fd_b.jpg);}
.gaz{background-image:url(../images/fd_v.jpg);}

/*Couleur fond menus */
.tbf {background-color:#bb3e02; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;};
.synf {background-color:#49c2e5; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;};
.gazf {background-color:#3da249; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;};
.normalf {background-color:#FFFFFF;};

/* Couleur fond tableau */
.tbt {background-color:#bb3e02;};
.synt {background-color:#49c2e5;};
.gazt {background-color:#3da249;};
.normalt {background-color:#FFFFFF;};

/* Type de texte */
.normal {font-weight: normal;}
.gras {font-weight: bold;}
.italique {font-style: italic;}
.souligne {text-decoration: underline;}
.barre {text-decoration: line-through;}
.maj {text-transform:uppercase;}

/* Alignement du texte */
.center {text-align: center;}
.justify {text-align: justify;}
.droite {text-align: right;}
.gauche {text-align: left;}
.padding {padding-top: 4px;}
.padding2 {padding-top: 2px;}
.padding10{padding-top: 10px;}
.margeg {margin-left: 10px;}
.margeg1 {margin-left: 20px;}
.margeg10 {margin-left: 400px;}
.marged {margin-right: 10px;}
.vcenter {vertical-align: middle;}

/* Couleur du texte */
.blanc {color: #FFFFFF;}
.rouge {color: red;}
.vert {color: green;}
.violet {color: #BA32C3;}
.bordeau {color: #A81E28;}
.bleu {color: #4577E9;}
.pourpre {color: #A0A0E6;}
.noir {color: #000000;}
.orange {color: #F1961F;}
.txt_famille {color: #625BE8;}
.txt_sfamille {color: #7D7A7A;}

.petit {font-size: 0.8em;}

.titre {color: #4577E9;}
.ligne {border-bottom: 1px solid white;}

.titreRubrique {
	font-size: 1.2em;
	border-bottom: 1px solid gray;
	color: #5BC060;
	text-transform: uppercase;
	margin-left: 10px;
	margin-right: 10px;
}

.titre1 {
	border-bottom: 1px solid gray;
	font-size: 1.2em;
	color: #4577E9;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
}

.titre2 {
	color: #2678C5;
}

.texte  {
	font-family: Arial;
	font-size: 10pt;
	/*color: #333333;*/
}

.tableau {width: 100%;}
.cellulep {float: left; width: 6.4%;}
.celluleq {float: left; width: 7.8%;}
.cellulen {float: left; width: 8.5%;}
.cellulel {float: left; width: 25%;}
.celluler {float: left; width: 74%;}
.cellulem {float: left; width: 49%;}
.cellulet {float: left; width: 32%;}
.cellulev {float: left; width: 1%;}
.cellule20 {float: left; width: 20%;}
.cellule25 {float: left; width: 25%;}
.cellule50 {float: left; width: 50%;}
.cellule10 {float: left; width: 10%;}
.cellule12 {float: left; width: 12%;}
.cellule15 {float: left; width: 15%;}
.cellule80 {float: left; width: 80%;}
.cellule60 {float: left; width: 60%;}
.cellule75 {float: left; width: 75%;}
.cellule90 {float: left; width: 90%;}
.cellule100 {float: left; width: 100%;}
.border {border: 1px solid white;}

#arbo_boutique {
	min-width: 200px;
}

#arbo_boutique li {
	list-style-type: none;
}

#arbo_boutique a {
	text-decoration: none;
	display: block;
	cursor: pointer;
}

.boutique {
	width: 700px;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
}

.celluleBoutique {
	width: 200px;
	height: 260px;
	margin-left: 25px;
	background: url("../img/boutique21.gif");
	float: left;
	margin-top: 10px;
}

.famille {
	padding-left: 10px;
	font-size: 1.2em;
}

.sfamille {
	padding-left: 10px;
	font-size: 1.1em;
}

.ssfamille {
	padding-left: 15px;
}

.produit {
}

.selected {
	background: #D9D9D9;
}

.lignePanier {
	min-width: 80%;
}

.cellulePanier {
	float: left;
}

.entete {
	background-color: #E7E7E7;
}

.bouton {
	height: 24px;
	background: url("../img/vide.gif") no-repeat;
}
.ligne2 {background-color: #C9DCF7;}
.ligne3 {background-color: #F7EEEE;}