@charset "ISO-8859-1";

/****** Généralités ******/

* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background: #FFF url(../imgs/fond-ombre.png) repeat-y 50% 955px;
}

#body_ {
	background: url(../imgs/degrades-partie-haut.png) repeat-x 0% 0%;
}

.clear {
	height: 1px;
	font-size: 1px;
	clear: both;
}
.sep {
	background: url(../imgs/bordures/pointilles.gif) repeat-x 0% 0%;
	font-size: 1px;
	height: 2px;
	margin: 20px 0;
}
.sep hr {
	display: none;
}


.bloc-ombre {
	background: url(../imgs/fond-ombre.png) no-repeat;
	margin: 0px auto;
	padding: 0 8px;
	width: 723px;
}
.bloc-blanc {
	background-color: #FFF;
}


/****** Entête ******/

#entete {
	margin: 0px auto;
}

#entete,
#entete_ {
	height: 69px;
}

#carel {
}

#carel a {
	display: block;
	height: 69px;
	width: 220px;
	background: url(../imgs/logo-carel.jpg) no-repeat;
	float: left;
}
#carel span {
	display: none;
}

/**** Menu principal ****/

#menu {
	height: 69px;
	width: 503px;
	float: left;
}

#menu a {
	display: block;
	float: left;
	height: 100%;
	background-position: top;
}
#menu a:hover {
	background-position: bottom;
}

#menu a span {
	display: none;
}


#cheques-cadeaux {
	background-image: url(../imgs/bouton-cheques-cadeaux.jpg);
	width: 89px;
}

#contact {
	background-image: url(../imgs/bouton-contact.jpg);
	width: 77px;
}

#boutiques {
	width: 82px;
	background-image: url(../imgs/bouton-boutique.jpg);
}

#liens {
	width: 59px;
	background-image: url(../imgs/bouton-liens.jpg);
}

#carvil {
	background-image: url(../imgs/bouton-carvil.jpg);
	width: 66px;
}

#panier {
	background-image: url(../imgs/bouton-panier.jpg);
	width: 130px;
}


/****** Corps ******/

#corps {
	background: url(../imgs/fond-contenu.jpg) no-repeat 50% 0%;
}

#corps_ {
	background: url(../imgs/trame-fond-fin.png) repeat-x 0px 437px;
	min-height: 822px;
}


/**** Menu secondaire ****/

#entete-collections {
	clear: left;
	width: 723px;
	height: 30px;
	background-color: #FFF;
	position: relative;
}

#titre-saison {
	position: absolute;
	left: 34px;
	top: 12px;
	background: url(../imgs/titre-collections.png) no-repeat 0% 0%;
	width: 221px;
	height: 8px;
	font-size: 8px;
}
#titre-saison span {
	display: none;
}

#entete-collections a {
	display: block;
	position: absolute;
	width: 199px;
	height: 17px;
	/* "right: 14px" engendre un décalage de 1px sous IE6. */
	left: 490px;
	top: 7px;
	background: url(../imgs/bouton-collection-precedente.png) no-repeat 0% 0%;
}

#entete-collections a:hover {
	background-position: 0% 100%;
}

#entete-collections a span {
	display: none;
}

/** Collections **/

#collections a {
	width: 144px;
	height: 25px;
	display: block;
	float: left;
	background-position: center bottom;
	background-repeat: no-repeat;
}
#collections a span {
	display: block;
	width: 100%;
	background-position: top;
	height: 25px;
	cursor: hand;
}
#collections a span span {
	display: none;
}
#collections a:hover span{
	background-position: bottom;
}

#couleurs-vitamines span {
	background: url(../imgs/collections/couleurs-vitamines-bouton.png);
}

#sport-attitude {
	width: 146px !important;
}
#sport-attitude span {
	background: url(../imgs/collections/sport-attitude-bouton.png);
}

#sexy-but-chic span {
	background: url(../imgs/collections/sexy-but-chic-bouton.png);
}

#intemporelle {
	width: 147px !important;
}
#intemporelle span {
	background: url(../imgs/collections/intemporelle-bouton.png);
}

#mariage {
	width: 142px !important;
}
#mariage span {
	background: url(../imgs/collections/mariage-bouton.png);
}


/** Newsletter **/

#newsletter {
	clear: left;
	background: url(../imgs/bouton-newsletter.png) no-repeat center top;
	display: block;
	height: 17px;
}
#newsletter:hover {
	background-position: center bottom;
}
#newsletter span {
	display: none;
}



/**** Blocs de contenu ****/

#contenu_ {
	min-height: 747px;
	position: relative;
}

#contenu-haut {
	height: 363px;
}

#contenu-bas {
	background: url(../imgs/degrade-partie-bas.png) repeat-x;
	padding: 20px 36px 86px;
	min-height: 330px;
}


/****** Généralités sur les contenus ******/

#contenu h3 {
	margin: 0px;
	padding: 0px;
	font-size: 2.5em;
	background-position: left top;
	background-repeat: no-repeat;
}
#contenu h3 span {
	display: none;
}


#contenu h5,
#contenu h6,
#contenu p {
	margin: 1em 0;
}

#contenu h5 {
	font-size: 1.5em;
	color: #FF7E37;
}

#contenu h6 {
	font-size: 1.25em;
	color: #5E3E00;
}

#contenu ul {
	padding: 0 0 0 10px;
}

#contenu ul li {
	margin: 0.5em 0;
	list-style: inside;
}

#contenu strong {
	color: #FF7E37;
}

#contenu a {
	color: #5E3E00;
}
#contenu a:visited {
	color: #DF6C2E;
}
#contenu a:hover {
	color: #5E3E00;
}

/**** Pied ****/

#pied {
	position: absolute;
	width: 607px;
	left: 58px;
	bottom: 0px;
	margin: 0;
}

#lien-credits-mandchou {
	display: block;
	margin: 0 auto;
	background: url(../imgs/logo-mandchou.png) no-repeat 0% 0%;
	width: 118px;
	height: 14px;
}

#lien-credits-mandchou span {
	display: none;
}

/**** Formulaires ****/

#contenu div.erreurs {
	color: #F30;
	margin-bottom: 1em;
}

#contenu div.erreurs p {
	font-weight: bold;
	margin: 0.5em 0;
}

#contenu div.erreurs ul {
	margin: 0.5em 0;
	padding: 0 0 0 20px;
}

#contenu div.erreur ul li {
	list-style-position: inside;
}

#contenu input,
#contenu select,
#contenu textarea {
	border: 1px solid #737373;
	background-color: #FFF;
	font-size: 1.1em;
}

#contenu input.hidden,
#contenu input.image {
	border: none;
}

#contenu div.erreur label {
	color: #F30;
}

#contenu div.erreur input,
#contenu div.erreur select,
#contenu div.erreur textarea {
	border-color: #F60;
}