@import url(categories.css);
/* jaune #D3E337 */
/* vert A3CD41*/
/* fluo D2FE39*/
/* le foncé BED014*/
/*le marron 563841*/

*{
margin :0;
padding:0;
}

body {
	margin:0;
  padding:0;	
	background-color:#563841;
  font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
  background:#D2FE39 url("images/vague.gif") center 27px no-repeat;
}

#page {	
  margin:0px 0 0 0;
	background-color:#D2FE39;
	position:absolute;
  left: 50%; 
  margin-left: -500px;  /*moitié de la largeur */
	width:990px;
	/*border: 1px solid #413F4F !important; */
	padding:0;
}
#page p.mots{
  margin:-20px 0 0 0;
  text-align:right;
  padding:5px 0;
}	
#header {
  background: #FFF url(images/header.jpg) 0 0 no-repeat;
	height:210px;
	margin:0;
	padding:28px 0 0 0;
	text-align:center;
	color:#CCD340;
	line-height:10px;
}

#conteneur {
  background: transparent url(images/conteneur.jpg) 0 0 repeat-y;
	padding:0;
	margin:0;
}

#gauche{
  margin:-45px 4px 0 0;
	float:left;		
	width:197px;
	padding:0 20px 0 20px;
}
#droite {
	float:left;
	margin:-39px 0 0 0;
	padding:0px;
	width:730px;
}

#menu{
  height:15px;
}
#texte{
  padding:20px 10px 10px 10px;
  overflow:auto;
}

#footer {
  margin:0;
  padding:106px 5px 0 0;
	background: #D2FE39 url(images/footer.jpg) 0 0 no-repeat;	
	font-size:10px;
	text-align:right;
}

#flashcontent{
  float:right;
  margin:10px 0 0 0;
}
#header div.phrase{
  position:absolute;
  background: url(images/slogan.jpg) 0 0 no-repeat;
  /*margin:25px 0 0 290px;*/
  top:50px;
  left:290px;
  width:320px;
  height:78px;
  text-align:center;
  line-height:25px;
}
#header div.phrase h1{
  display:none;
}
#header div#retour_accueil{
  position:absolute;
  top :5px;
  left:0;
  width:300px;
  height:180px;
}
#header div#tel{
  position:absolute;
  top :120px;
  left:340px;
  color:#563841;
  padding:20px 20px 0 15px;
  line-height:5px;
}
#header div#tel a{
  font-size:10px;
  margin:0;
  padding:0;
}
#header div#tel a img{
  margin:0;
  padding:0;
}
#form_recherche{
  position:absolute;
	background: transparent url(images/fond-rech.jpg) top right no-repeat;
  width:410px;
  height:61px;
  margin:0 5px 0 0;
  padding:5px 0 0 0;
  top:130px;
  left:560px;
}
#form_recherche label{
  font-size:12px;
  font-weight:bold;
  color:#D2FE39;
  margin:10px 0 0 15px;
  padding:0;
  float:left;
  display:inline;
}
#form_recherche label a{
  color:#FFF;
  font-size:9px;
}
#menu ul li{
  display:inline;
  padding:5px 18px 2px 18px;
  border-right:1px solid #563841;
}
#menu ul li a{
  color:#563841;
}
#menu ul li:hover, #menu ul li.on{
  background-color:#563841;
  color:#FFF;
}
#menu ul li a:hover, #menu ul li a.on{
  color:#D2FE39;
}

#show-room{
  float:left;
  padding:10px 25px 35px 10px;
  background: transparent url("images/showroom.jpg") 0 0 no-repeat;
}
#show-room p{
  font-size:16px;
  font-weight:bold;
  text-align:center;
  color:#D2FE39;
  line-height:24px;
}
#show-room p a{
  font-size:20px;
  color:#D2FE39;
}
#show-room p a:hover{
  color:#FFFFFF;
}


.liste_produits{
  float:left;
  background: transparent url("images/fond_nouveautes.jpg") 0 0 no-repeat;
  width:380px;
  height:155px;
  padding:6px 0 0 25px;
  margin:8px 0 3px 0px;
}
.liste{
  margin:0;
  margin-top:15px;
  height:125px; 
}
.liste ul{
  width:370px;
  margin:0;
  padding:0;
}
.liste ul li{
  display:block;
  float:left;
  margin-right:20px;
  text-align:center;
}

#promotions{
  margin:15px 10px;
}

#promotions ul li{
  margin-bottom:40px;
  border:1px dotted #D2FE39;
  display:block; 
  padding:10px;
}
#promotions ul li img{
  float:left;
  width:150px;
  margin-right:10px;
}
div.titre_actu{
	margin:0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style:italic;
	color:#563841;
}
div.titre_actu a{
  font-style:normal;
  font-size: 16px;
}
div.titre_actu a:hover{
  color:#563841;
}
/*ancien tout en largeur
#liste_produits{
  background: transparent url("images/liste_produits.jpg") 0 0 no-repeat;
  width:597px;
  height:181px;
  padding:15px 0 0 18px;
  margin:50px 0 0 60px;
}
#liste{
  margin-top:15px;
  width:565px;
  height:125px;
  overflow:none; 
}
#liste ul{
  width:580px;
}
#liste ul li{
  display:block;
  float:left;
  margin-right:15px;
  text-align:center;
}
*/
div.accueil{
  margin:0px;
}
div.accueil p{
  font-size:12px;
  color:#563841;
  text-align:justify;
}
div.accueil p.intro{
  font-size:16px;
  color:#563841;
}
div.accueil p.intro strong{
  color:#563841;
}


ul#menu_footer  li{
  display:inline;
  padding:2px 22px 0 22px;
  border-left:1px solid #563841;
}
ul#menu_footer  li a{
  color:#563841;
}
#footer p{
  margin-top:30px;
  margin-left:30px;
  text-align:center;
  color:#B2BE35;
}
/*-basics-----------------------------*/
hr{
  height: 1px;
  margin: 0;
  padding: 0;
  color: #CCC;
  background-color: #CCC;
  border: 0;
} 
hr.clear{
  margin:0;
  padding:0;
  clear:both;
  visibility:hidden;
  background-color:#FFFFFF;
  height:0;
} 

h1{
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0.3px;
	font-size: 18px;
  color:#563841;
	text-decoration: none;
}

h2{
	margin:0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style:italic;
	color:#BED014;
	font-weight: bold;
}
h2 a{
  margin-left:135px;
  color:#D2FE39;
  font-style:normal;
  font-size: 12px;
}
h2 a:hover{
  color:#FFF;
}
h3{
	font-family: arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	padding:5px;
	margin:5px 0;
	display:block;
	background:#D2FE39;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #504F55;
	font-weight: bold;
	text-decoration: none;
	padding-left:5px;
	display:block;
}


p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	padding:5px 15px 5px 10px;
	color: #563841;
	text-align:justify;
}

small{float:right;}
p small {float:none;}

table {
  /*width:100%;*/
  border:0;
  padding:0; 
  margin:0;
}

dl, dt, dd {display:block;}
dt {font-weight: bold;}
dd {border-left:1px solid #fff;}


th {
  text-align:left;
}

img {
  border: 0px;
}



/*-----------liens-----------------------------*/
a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color:#0FA1B8;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	display:inline;
}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	display:inline;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	font-variant: normal;
	color:#563841;
}
a.search:hover {color:#FFFFFF;line-height:5px;}

a.plan {color:#444444; margin-left:30px;line-height:20px;font-size:13px;font-weight:normal;}
a.plan:hover {color:#AAAAAA; text-decoration:underline;}

a.esp {font-size:14px;font-weight:bold;}
a.esp:hover {color:#AAAAAA; text-decoration:underline;}






/*---------texte pages générales---------------------*/
#texte ul.plan {
	list-style-type:square;
	margin-left:50px;
	margin-top:10px;
}

#texte ul.plan li {
	padding-left:5px;
	font-size:10px;
	margin:5px 0;
}





/*------------------Formulaires----------------------------------------------- */

form#form_contact {
	background: url(images/fond_form_contact.gif) 0 0px no-repeat;
	margin:0;
	width:530px;
	padding:15px;
	height:420px;
	font-size:12px;
}
div.attention{
  width:180px;
  background-color:#EEE;
  border:1px solid red;
  color:#FF0000;
  padding:10px;
  margin-top:30px;
}



input.valider{
  width:63px;
  height:40px;
  border:0;
}
input { 
	font-family: Verdana;
	font-size: 10px;
	border: 1px solid #CCC;
	color: #000;
	background-color:#FFF;
	margin:5px 0;
	height:15px;
	padding:2px 0 1px 0;
}
input.checkbox { 
  border:0;
  background-color:transparent;
}
input[type=file]{
  height:20px;
  border: 1px solid #CCC;
} 
select { 
	font-family: Verdana;
	font-size: 10px;
	border: 1px solid #CCC;
	width:180px;
	margin:5px 0 3px -15px;
}
.focus{
 	background-color:#E6EA9B; 
}

textarea { 
	font-family: Verdana;
	font-size: 10px;
	color: #000;
	border: solid 1px #CCC;
	margin:5px 0;
}
input.submit { 
	border: 1px solid #99C;
	color: #99C;
	background-color:#444;
	font-family: Verdana;
	font-size: 10px;
	display:inline;
	padding:0 0 2px 0;
}
input.ok { 
	padding:2px 0 5px 0;
	height:20px;
	font-weight:bold;
	background-color:#E6EA9B;
	color:#0FA1B8;
}
input.ok:hover { 
	padding:2px 0 5px 0;
	height:20px;
	font-weight:bold;
	background-color:#0FA1B8;
	color:#E6EA9B;
}
/******************************/
.message{
  color:#FF0000;
  font-size:10px;
  background: transparent url(images/erreur.jpg) 0 0 no-repeat;
  padding:2px 0 5px 25px;
}
.confirmation p{
  font-weight:bold;
  font-size:14px;
}
table.contact td{
  font-size:12px;
}