/***********************************************************************************/
/************************ EURO BRICO CENTER*****************************************/
/***********************************************************************************/


body {
	background: url('../../images/bg_body.jpg') repeat-y ;
	margin: 0px;
}

div#conteneur {
	width: 956px;
	padding: 0px 0px 0px 0px;
	background-color:#FFFFFF;
	margin: auto;
	font: 12px  Arial, Helvetica, sans-serif;
}

img {
	border: 0;
}

form {
	margin:0;
	padding:0
}

h1.titre {
	margin: 5px;
	font-size: 16px;
	color:#00264c
}

/*************/

p.erreur { color: #c00; font-weight: bold; text-align: center }
span.erreur { font-size: 11px; color: #c00 }
span.rouge { color: #c00 }

div#haut{
	width: 956px;
	height:129px;
	background: url('../../images/banniere_haut.jpg') ;
}

a#logo{
	position:absolute;
	width: 142px;
	height:103px;
	margin-top:20px;
	margin-left:50px;
}

#menu_haut {
	margin: 0;
	padding: 0;
	list-style: none;
	position:absolute;
	margin: 20px 0 0 350px;
}

#menu_haut li {
	float: left;
	color: #003766;
	font-size:11px;
}

#menu_haut li a {
	color: #003766;
	text-decoration: none;
	font-weight:bold;
	margin-left: 7px;
	margin-right: 23px;
}

#menu_haut li a:hover {
	color: #000000;
	text-decoration:underline;
	
}
div#slogan{
	position:absolute;
	width:270px;
	height:22px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:20px;
	margin-left:126px;
}

#contenu {
	width:956px;
	background:  url('../../images/bg_tableau.jpg') #cbd7ff  repeat-x ;
}

table#contenu td {
	vertical-align: top;
}

td#gauche {
	width:198px;
}

td#gauche1 {
	width:23px;
}

div#fond {
	width:23px;
	height: 475px;
	background: url('../../images/bg_gauche1.jpg');
}

td#centre {
	width:553px;
}

td#droite {
	width: 182px;	
	background: url('../../images/bg_droite.jpg') #ccd8a7 repeat-y  ;
	
}
/********************************************************************************************/
div#menu {
	width: 198px;
	background-color:#002f5d;

}



/**********************MENU ***********************************/
#menu h2{
	width:170px;
	display:block;
	margin:0;
	/*height:23px;*/
	text-decoration:none;
	text-transform:uppercase;
	margin-left: 1px;
	padding-bottom: 10px;
/*	margin-bottom: 2px;*/
	padding-left:25px;
	padding-top: 4px;
	background: url('../../images/menu1.jpg') no-repeat ;
}

#menu h2 a{
	color: #ffffff;
	font-size:14px;
	margin-bottom:20px;
	font-weight:bold;
	text-decoration:none;
}
	
#menu h2 a:hover{
	color: #ff9900;
}

h2.menutitre {
	font-size:14px;
	color:#ffffff;
	cursor:pointer;
	text-decoration:none;
}

h2.menutitre:hover {
	color:#ff9900;
}
	
	
#menu ul {
	margin: 0 ;
	padding: 0;
	list-style: none;
}

#menu li {
	width:196px;
	margin-left: 1px;
}

#menu li a {
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	display:block;
	width: 150px;
	padding: 2px 0 2px 45px;
	margin-bottom:2px;
	color:#ffffff;
}

#menu li a:hover {
	color: #ffffff;
	background:#ffbf00 url('../../images/fleche3.jpg') no-repeat 30px 6px;
}

#menu li a.decale {
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	display:block;
	background:none;
	width: 140px;
	padding: 2px 0 2px 55px;
	margin-bottom:2px;
	color:#ffffff;
}

#menu li a.decale:hover {
	text-decoration:underline;

}



/****************************************************************************************************/

div#photo {
	width: 553px;
	background: url('../../images/photo.jpg') no-repeat;
	height: 107px;
}

div#search{
	width:198px;
	height:101px;
	background: url('../../images/recherche.jpg') no-repeat ;
}


div#text_search{
	position:absolute;
	width:100px;
	height:20px;
	font-weight:bold;
	font-size: 14px;
	color:#FFFFFF;
	margin-top: 42px;
	margin-left: 12px;
}

div#menu_bas{
	width: 553px;
	height:46px;
}

div#menu_bas  a {
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	font-weight:bold;
	padding-left: 18px;
	padding-top: 15px;
}

div#menu_bas a:hover {
	color: #FFFF00
}


a.pres{
	display:block;
	width: 111px;
	height:31px;
	float: left;
	background: url('../../images/pres.jpg') ;
}

a.fournisseur{
	display:block;
	width: 134px;
	height:31px;
	float: left;
	background: url('../../images/fournisseur.jpg') ;
}

a.contact{
	display:block;
	width: 131px;
	height:31px;
	float: left;
	background: url('../../images/contact.jpg') ;
}

a.plan{
	display:block;
	width: 105px;
	height:31px;
	float: left;
	background: url('../../images/plan.jpg') ;
}

div#arbo {
	width: 523px;
	height: 18px;
	color:#ffffff;
	font-size: 11px;
	font-style: italic;
	padding-top: 5px;
	padding-left: 30px;
	background: url('../../images/bg_arbo.jpg') no-repeat ;
}

div#arbo a {
	text-decoration:none;
	color:#ffffff;
}


div#arbo a:hover {
	color: #a55e08;
}

div#page {
	width:527px;
	height: 486px;
	padding:13px;
	color:#000000;
	/*background: url('../../images/bg_page2.jpg') no-repeat top left ;*/
}

html>body #page {
	height: auto;
	min-height:486px;
}

div#banniere{
	position:absolute;
	width:182px;
	height:420px;
	margin-top:107px;
	background: url('../../images/logo_entreprise.jpg') ;
}
	
div#haut_droite{
	position:absolute;
	width:182px;
	height:108px;
	background: url('../../images/haut_droite.jpg') ;
}

#contenu_bas {
	width:956px;
	height: 72px;
	background: url('../../images/bg_tableau2.jpg') ;
}

table#contenu_bas td {
	vertical-align: top;
}


div#ekinoxe{
	width:134px;
	height:25px;
	margin-top: 11px;
	margin-left: 67px;
}


div#lien {
	width: 200px;
	height: 25px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#lien a {
	text-decoration: none;
	color:#000000;
}

div#lien a:hover{
	color: #0000FF;
}

div#adresse{
	width:480px;
	height:40px;
	font-weight:bold;
	padding-left:20px;
	line-height: 20px;
	color:#660000;
	margin-top: 15px;
}

div#horaire{
	width:100px;
	height: 15px;
	font-style:italic;
	font-weight:bold;
	text-decoration:underline;
	color: #00264c;
	margin-top: 293px;
	margin-left:18px;
}

div#jour{
	width:140px;
	height: 30px;
	color: #00264c;
	margin-top: 8px;
	margin-left:18px;
}

div#samedi{
	width:140px;
	margin-top: 8px;
	margin-left:18px;
	color: #00264c;
}

div#dimanche{
	width:140px;
	height: 15px;
	color: #00264c;
	font-weight:bold;
	margin-top: 8px;
	margin-left:18px;
}

table#table_recherche{
	margin-top:62px;
	margin-left:12px;
}

.champs3{
	width:115px;
	height:15px;
}
td.b_ok{
	padding-top:5px;
	padding-left:10px;
}

div#newsletter{
	width:198px;
	height:103px;
	background: url('../../images/newsletter.jpg') no-repeat ;
}

div#text_news{
	position:absolute;
	width:100px;
	height:20px;
	font-weight:bold;
	font-size: 14px;
	color:#FFFFFF;
	margin-top: 22px;
	margin-left: 12px;
}

table#table_news{
	margin-top:42px;
	margin-left:12px;
}


div#flash{
	width:198px;
	height:186px;
	background: transparent url('../../images/bg_flash.jpg') no-repeat  ;
}

div#titre_flash{
	position:absolute;
	width:105px;
	height:25px;
	color:#ffffff;
	font-size:16px;	
	margin-left:50px;
	margin-top: 10px;
}



/*************************************************************************************************************/
marquee{
	position:absolute;
	margin-top:40px;
	height: 120px;
	font-size:11px;
	text-align:left;
	margin-left: 5px;
	color:#ffffff;
	width:185px;
}

marquee h1{
	font-size:13px;
	font-weight:bold
}

marquee h1 a{
color: #000000;
}

/*********************SITEMAP*************************************/

#page h1.rub  {
	margin-top: 10px;
	margin-bottom: 10px;	
}

#page h1.rub a {
	text-decoration: none;
	color:#250c07;
	font-size:13px;
	padding-left:30px;
}

#page h1.rub a:hover {
	color: #FF6600
}

#page ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#page li a {
	margin: 0;
	padding-left:50px;
	font-weight:bold;
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration: none;
	color: #00264c;
}

#page li {
	padding-top: 2px;
	padding-bottom: 2px;
}

#page li a:hover {
	color:#000000;
}

/**************GESTION DES PRODUITS****************/
.photo {
	width:167px;
	height:168px;	
}

.produit {
	width:168px;
	height:auto;
	float:left;
	margin:10px 3px 10px 3px;
}

.head_pdt1 {
	width:125px;
	height:15px;
	position:absolute;
	text-align:left;
	padding:3px 0 0 35px;
}


.head_pdt1 h1 {
	font-size:11px;
	margin:0;
}

.head_pdt1 h1 a {
	color:#ffffff;
	text-decoration:none;
}


.head_pdt2 {
	width:80px;
	height:15px;
	position:absolute;	
	text-align:left;
	margin:148px 0 0 50px;
}


.head_pdt2 h3 {
	font-size:12px;
	margin:0;
}

.head_pdt2 h3 a {
	color:#00264c;
	text-decoration:none;
}

.head_pdt2 h3 a:hover {
	color:#ffffff;
}

/*********PRODUIT DETAIL**************/

a.page_zoom{
	color:#000000;
	text-decoration: none;
}

a.page_zoom1{
	color:#000000;
	margin-left:300px;
	text-decoration: none;
}

a.recommander{
	color: #000099;
	font-weight:bold;
	text-decoration:none;
}

a.recommander:hover{
	color: #990000;
}

.prix_produit{
	font-size:14px;
	color:#000000;
	font-weight:bold;
}

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

a.produit_ass:hover{
	color:#ff0000;
}


div.description{
	color:#00264c;
	font-weight:bold;
	padding-left:10px;
	font-size: 13px;
	margin-top:20px;
}

a.page_membre{
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}
	
a.page_membre:hover{
	color:#0000FF;
}


div#zoom{
	position: absolute;
}

div#zoom  img{
	border: 2px solid #999999;
	margin-left: 10px;
}

div.texte{
	text-align:justify;
	padding-left:25px;
	padding-top: 10px;
	width: 380px;
}

div.titre_detailproduit{
	color:#00264c;
	font-weight:bold;
	font-size: 13px;
	padding-left:20px;
	width: 380px;
	height:20px;
}


div.desc{
	color:#00264c;
	font-weight:bold;
	padding-left:10px;
	font-size: 13px;
	width: 110px;
	height:20px;
}

div.marque{
	color:#00264c;
	font-weight:bold;
	padding-left:20px;
	font-size: 13px;
	width: 450px;
	height:20px;
}

img.bordure{
	border: 1px solid #999999;
	margin-left:40px;
	margin-top:10px;
}

img.miniature{
	border: 1px solid #999999;
}

div.association{
	color:#00264c;
	font-weight:bold;
	padding-left:10px;
	font-size: 13px;
	margin-top:20px;

}

#assoc {
margin-left:30px;
	
}

table#assoc td {
	vertical-align: middle;
}

div#multipage{
	text-align:center;
	clear:both;
}

div#multipage a{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
	
div#multipage a:hover{
	color: #000066;
}
	
	a.retour {
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color: #000000;
}

 a.retour:hover {
	color: #8d0d02;
}

.champs_contact{
	border: 1px solid  #4e4e4e;
	width: 270px;
}

td#nom_contact {
	margin: 5px;
	font-weight: bold;
	font-size: 16px;
	color:#00264c;
	padding-bottom:20px;
}
	
a.lien_article{
	color:#000000;
	padding-bottom: 15px;
	font-size: 13px;
	font-weight: bold;
}

a.lien_article:hover{
	color: #00264c;
}

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

a.retour:hover{
	color: #003300;
}

div#select img{
	margin-left:20px;
	border: 1px solid #999999;
	margin-top: 30px;
}

div#select {
	width: 520px;
	height:300px;
}