body {
	background-color: #c8cfe1;
	background-image: url(../images/general/fond.jpg) ;
	background-repeat: repeat-x ;
	font-family:Franklin Gothic Medium, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 0;
	padding: 0;
}
a img {
	border: 0px;
}
hr.clear {
	clear: both;
	visibility: hidden;
}
#header {
	height: 172px;
}
#conteneur {
	position: absolute;
	margin-left: -450px;
	left: 50%;
	width: 900px;
}
#centre {
	margin-left: 190px;
	margin-top: 5px;
}
.cadre {
	background-color:#859ede ;
	border: 1px black solid;
	padding-bottom: 15px;
}
.cadre h1, .cadre h2 {
	background-color: #c2cadf;
	text-align: center;
	font-size: 18px;
	height: 25px;
	margin: 0px;
	border-bottom: 1px black solid;
	color: #4d5256;
}
#gauche {
	width: 180px;
	position: absolute;
	left: 0;
	margin-top: 5px;
}
.lien_fleche, .lien_fleche_blanche {
	background-image: url(../images/general/fleche.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	text-decoration: none;
	color: #3f3f3f;
}
.lien_fleche_blanche {
	background-image: url(../images/general/fleche_blanche.jpg);
}
.liste_categorie a {
	text-decoration: none;
	color: #3f3f3f;
	font-size: 15px;
}
.liste_categorie div div {
	background-color: White;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid Black;
	width: 80%;
}
.liste_categorie div div:hover {
	border: 2px solid Black;
}
#pied {
	margin-top: 30px;
	margin-bottom : 10px;
	height: 30px;
	text-align: center;
}
#pied a {
	font-weight: 900;
	text-decoration: none;
	color: #000000 ;
}
.promo {
	background-color:#859ede;
	width: 100%;
	border: 1px black solid;
	margin-bottom: 8px;
	height: auto;
}
.div_h1_promo {
	text-align: center;
	height: 30px;
	margin: 0px;
	background-image: url(../images/general/fond_h1_promo.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
}
.div_h1_promo h1 {
	
	font-size: 22px;
	display: block;
	color: gray;
	margin: 0px;
	padding:0px;
	height: 30px;
}
.ombre_promo {
	display: block;
	position: relative;
	color: White;
	top: -30px;
	left: -1px;
	margin: 0px;
	padding: 0px;
}
.promo h4 {
	float: right;
	margin-right: 15px;
	font-size: 15px;
}

h3.prix {
	float: right;
	font-weight: 900;
	color: gray;
	font-size: 35px;
	margin: 0px;
	position: relative;
}
.ombre {
	position: absolute;
	top: -2px;
	left: -2px;
	color: red;
}
p {
	margin: 0 0 10px 0;
}

#menu {
	width: 816px;
	height: 30px;
	margin-left: 84px;
}
.onglet {
	float: left;
	height: 30px;
	width: 132px;
	border: 1px solid Black;
}
.onglet a {
	display: block;
	width: 100%;
	height: 100%;
}
.onglet a:hover {
	background: transparent;
}
.bord {
	background-position: bottom;
	width: 30px;
	height: 32px;
	float: left;
	background-repeat: no-repeat;
}
#bord_droit {
	background-image: url(../images/general/cote_droit.gif);
}
#bord_gauche {
	background-image: url(../images/general/cote_gauche.gif);
}
#onglet_accueil a {
	background-image: url(../images/general/accueil_nonselect.jpg);
}
#onglet_accueil a:hover {
	background: transparent;
}
#onglet_accueil  {
	background-image: url(../images/general/accueil_select.jpg);
}
#onglet_magasins a {
	background-image: url(../images/general/magasins_nonselect.jpg);
}
#onglet_magasins a:hover {
	background: transparent;
}
#onglet_magasins  {
	background-image: url(../images/general/magasins_select.jpg);
}
#onglet_promos a {
	background-image: url(../images/general/promos_nonselect.jpg);
}
#onglet_promos a:hover {
	background: transparent;
}
#onglet_promos {
	background-image: url(../images/general/promos_select.jpg);
}
#onglet_groupe a {
	background-image: url(../images/general/groupe_nonselect.jpg);
}
#onglet_groupe a:hover {
	background: transparent;
}
#onglet_groupe  {
	background-image: url(../images/general/groupe_select.jpg);
}
#onglet_contact a {
	background-image: url(../images/general/contact_nonselect.jpg);
}
#onglet_contact a:hover {
	background: transparent;
}
#onglet_contact {
	background-image: url(../images/general/contact_select.jpg);
}
#fil_a {
	margin-top: 1px;
	background-color: #c1cadf;
	height: 25px;
	border: 1px solid black;
	font-size: 13px;
	padding-left: 10px;
	padding-top: 2px;
	color: #3f3f3f;
}
#fil_a a {
	font-size: 18px;
	color: #3f3f3f;
	text-decoration: none;
}
.produit_image {
	margin-left:50px; 
	margin-top: 20px;
	display: inline; 
	padding: 0px;
	float: left;
}
.produit_image img {
	border: 0px;
	padding: 0px;
}
.produit_image legend {
	font-size: 15px;
}
/*--- description -*/
.cadre .description {
	margin-right: 5px;
}
.description {
	background-image: url(../images/general/description_gauche.gif);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #FFFFFF;
	color: #000000 ;
	/*margin-right: 5px;*/
	float: left;
}
.cadre>.description,.promo>.description
{
	width: 50%;
	float: right;
}
.description2 {
	background-image: url(../images/general/description_droit.gif);
	background-repeat: repeat-y;
	background-position: right;
}
.description_haut {
	height: 54px;
	background-image: url(../images/general/description_haut.gif);
	background-repeat: repeat-x;
	
}
.description_haut_gauche {
	background-image: url(../images/general/description_haut_gauche.gif);
	background-repeat: no-repeat;
	float: left;
	height: 54px;
	width: 54px;
}
.description_haut_droit {
	background-image: url(../images/general/description_haut_droit.gif);
	height: 54px;
	width: 54px;
	float: right;
	background-repeat: no-repeat;
}
.description_centre {
	margin-left: 54px;
	margin-right: 54px;
}
.description_centre p {
	font-weight: 600;
	font-size: 14px;
}
.description_bas {
	height: 54px;
	background-image: url(../images/general/description_bas.gif);
	background-repeat: repeat-x;
}
.description_bas_gauche {
	background-image: url(../images/general/description_bas_gauche.gif);
	height: 54px;
	width: 54px;
	float: left;
	background-repeat: no-repeat;
}
.description_bas_droit {
	background-image: url(../images/general/description_bas_droit.gif);
	height: 54px;
	width: 54px;
	float: right;
	background-repeat: no-repeat;
	
}
/*--- fin description -*/

.catalogue_table {
	margin-top: 30px;
	border: 1px solid #c2cadf;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}
.catalogue_table td {
	border: 1px solid #c2cadf;
	height: 55px;
	background-color: White;
}
.catalogue_table td a {
	font-weight: 600;
}
.catalogue_table td span {
	float: right;
}
.catalogue_table_first_td {
	width: 10%;
	text-align: center;
	margin-top: 2px;
}
#magasin img {
	margin-top: 30px;
	margin-left: 10px;
	float:left;
}
#magasin div form select {
	width: 250px;
}
#magasin div {
	margin-right: 40px;
	float: right;
}
#magasin div p {
	
	margin-top: 80px;
	font-size: 15px;
	color: White;
}
#detail_magasin {
	margin-top: 50px;
	width: 350px;
}
#detail_magasin table {
	width: 100%;
	font-size: 15px;
}
#detail_magasin table th {
	text-align: right;
	color: White;
	font-weight: normal;
}
#detail_magasin table td {
}
#fieldset_detail_magasin, #fieldset_contact {
	margin-left: 10px;
	margin-right: 10px;
}
#fieldset_detail_magasin legend, #fieldset_contact legend {
	color: black;
	font-weight: 600;
}
.table_contact {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.table_contact td,.table_contact th {
	width: 30%;
	font-weight: normal;
}
.table_contact td {
	width: 70%;
}
.table_contact tr td input {
	width: 80%;
}
.table_contact tr td textarea {
	width: 80%;
	height: 120px;
}
#contact_submit {
	margin-top: 30px;
	width:100px;
}
#contact h4 {
	color: red;
	text-align: center;
}
#contact {
	color: white;
	font-size: 15px;
}
#contact p, #contact h3 {
	margin-left: 100px;
	margin-right: 100px;
}
img.chargement {
	display: none;
}

