/* HAUT DE PAGE */

body {
  background: transparent url(../img/header_motif.jpg) repeat-x left top;
  background-color: inherit;
  text-align: center;
  width: 100%;
  height: 170px;
  color: #535151;
  font-family: "Trebuchet MS", Arial, Verdana, Helvetica , sans-serif;
  font-size: 11px;
  line-height: 1.5em;
  margin: 0;
  }

#header {
  background: transparent url(../img/header.jpg) no-repeat;
  background-color: inherit;
  color: inherit;
  margin: 0 auto;
  width: 714px;
  height: 172px;
  }

img {
  border: 0;
  }

.img_catalogue {
  margin: 10px;
  float:left;
}

.floatleft {
  float: left;
  margin: 0px 10px 10px 0px;
}

form {
  padding: 0;
  margin: 0;
  }

.clear {
  clear: both;
}

a {
color: #3d3d3d;
font-size: 11px;
text-decoration: none;
}

a:active {
color: #3d3d3d;
font-size: 11px;
text-decoration: none;
}

a:visited {
color: #3d3d3d;
font-size: 11px;
text-decoration: none;
}

a:hover {
color: #000;
font-size: 11px;
}


/* ------------- */

/* NOUVEAUTES */

.item {
  float: left;
  width: 25%;
  margin-bottom: 4em;
}

.ligne {
  width: 100%;
}

.ligne img {
  border: 4px solid #F8D615;
  margin: 0;
  padding: 0;
  }

.ligne p {
color: black;
font-weight: bold;
margin: 0;
padding: 0;
}

 a {
color: grey;
font-size: 11px;
text-decoration: none;
}

a:hover {
color: black;
font-size: 11px;
}

/* IMG PRODUIT */

.img_ho {
 text-align: justify;
  }

.mini {
  margin: 2% 10% 0% 0%;
  }


#image {
  float: left;
  display: inline;
  }

#etat {
  float: right;
  width: 149px;
  margin-right: 20px;
  }

/* ------------- */


/* FORMULAIRE */
#align {
  text-align: left;
  }

#nom_champs {
  float: left;
  width: 50%;
  padding: 0;
  line-height: 2em;
}

#champs {
  float: left;
  width: 30%;
  line-height: 2.3em;
}

#nom_champs ul {
  list-style: none;
  }


#entete {
  width: 25%;
  float: right;
}

/* ----------- */


/* STYLE TEXTES */

h1 {
  font-family: "Trebuchet MS", Arial, Verdana, Helvetica , sans-serif;
  font-size: 24px;
  margin: 0;
  padding: 0;
  }

h2 {
  font-family: "Trebuchet MS", Arial, Verdana, Helvetica , sans-serif;
  font-size: 22px;
  margin: 0;
  padding-top: 12px; 
  }

h3 {
  font-family: "Trebuchet MS", Arial, Verdana, Helvetica , sans-serif;
  font-size: 20px;
  margin: 22px 0px 22px 0px;
  padding: 0;
  }

h4 {
  font-family: "Trebuchet MS", Arial, Verdana, Helvetica , sans-serif;
  font-size: 16px;
  display: inline;
  margin: 0;
  padding: 0;
  }

.carac {
  border-left: 8px solid #FAD513;
  border-top: 1px solid #E5E5E5;
  border-right: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  padding: 20px;
  color: #535151;
  font-family: "Trebuchet MS", Arial, Verdana, Helvetica , sans-serif;
  font-size: 12px;
}

.carac_d {
  width: 60%;
  text-align: left;
  float: right;
}

.carac_g {
  width: 40%;
  text-align: left;
  float: left;

  }

#retour {
  float: right;
  }

#pied {
  padding-top: 20px; 
  }

/* ------------- */




/* TITRE PRODUIT */


.titre_m {
  background: transparent url(../img/titre_m.jpg) repeat-x top center;
  background-color: inherit;
  color: inherit;
  height: 41px;
}

.titre_g {
  background: transparent url(../img/titre_g.jpg) no-repeat top left;
  background-color: inherit;
  color: inherit;
  width: 10px;
  height: 41px;
  float: left;
}

.titre_d {
  background: transparent url(../img/titre_d.jpg) no-repeat top right;
  background-color: inherit;
  color: inherit;
  height: 41px;
}


/* --------- */




/* DIVS PRINCIPAUX */

#page {
  width: 720px;
  height: 100%;
  margin: 0 auto;
  text-align: left;
  }

#info {
  width: 580px;
  float: left;
  margin-top: 50px;
  }

#menu {
  width: 118px;
  float: right;
  padding-right:15px;
  }

/* --------- */



/* MENU IMG */

.menu {
	margin: 0;
	padding: 50px 0 0 0;
	width: 118px;
	list-style: none;
}

.menu li {
	padding: 0;
	margin: 0;
	height: 36px;
}

.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000em;
	height: 36px;
        padding-bottom: 20px;
}

#nouv {background: url(../img/but_nouv2.jpg) no-repeat; }
#nouv a {background: url(../img/but_nouv.jpg) no-repeat; }
#catalogue {background: url(../img/but_catalogue2.jpg) no-repeat; }
#catalogue a {background: url(../img/but_catalogue.jpg) no-repeat; }
#astuce {background: url(../img/but_astuce2.jpg) no-repeat; }
#astuce a {background: url(../img/but_astuce.jpg) no-repeat; }
#serv {background: url(../img/but_serv2.jpg) no-repeat; }
#serv a {background: url(../img/but_serv.jpg) no-repeat; }
#contact {background: url(../img/but_contact2.jpg) no-repeat; }
#contact a {background: url(../img/but_contact.jpg) no-repeat; }
#nouv a:hover, #catalogue a:hover, #astuce a:hover, #serv a:hover, #contact a:hover {background: none; }

.menu > #nouv {background: url(../img/but_nouv2.jpg) no-repeat; padding-bottom: 20px;}
.menu > #nouv a {background: url(../img/but_nouv.jpg) no-repeat; }
.menu > #catalogue {background: url(../img/but_catalogue2.jpg) no-repeat; padding-bottom: 20px;}
.menu > #catalogue a {background: url(../img/but_catalogue.jpg) no-repeat; padding-bottom: 20px;}
.menu > #astuce {background: url(../img/but_astuce2.jpg) no-repeat; padding-bottom: 20px;}
.menu > #astuce a {background: url(../img/but_astuce.jpg) no-repeat; padding-bottom: 20px;}
.menu > #serv {background: url(../img/but_serv2.jpg) no-repeat; padding-bottom: 20px;}
.menu > #serv a {background: url(../img/but_serv.jpg) no-repeat; padding-bottom: 20px;}
.menu > #contact {background: url(../img/but_contact2.jpg) no-repeat; padding-bottom: 20px;}
.menu > #contact a {background: url(../img/but_contact.jpg) no-repeat; padding-bottom: 20px;}
.menu > #nouv a:hover, #catalogue a:hover, #astuce a:hover, #serv a:hover, #contact a:hover {background: none; padding-bottom: 20px;}

/* --------- */


/* LISTE COFFRETS */

ul.coffret {
  margin : 0;
  padding: 20px;
  list-style-type: none;
}

li.coffret {
  background: transparent url(../img/puce.jpg) no-repeat top left;
  background-color: inherit;
  color: inherit;
  padding: 0px 0px 5px 25px;
  font-weight: bold;
}

/* ------------ */