/* CSS Document */

/**********/
/* TEXTES */
/**********/

/* Conseil d'expert */
.expert {
	width:217px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:5px 0px 5px 0px;
}
.expert .titre {
	width:100%;
	height:23px;
	background-image:url(../images/modeles/expertH.gif);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#f29400;
	padding:0 3px 0 3px;
}

.expert .contenu {
	min-height: 100%;
	background-image: url(../images/modeles/expertM.gif);
	background-repeat: no-repeat;
	background-color: #fdf2dc; /*padding-left: 75px;*/
	height: 70px;
	text-align: left;
	vertical-align: top;
	padding: 3px 3px 0 76px;
}

.expert .lien {
	background-image:url(../images/modeles/expertB.gif);
	background-repeat:no-repeat;
	height:37px;
	text-align:right;
	vertical-align:top;
}

.expert .lien a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#673b15;
	text-decoration:none;
}

.expert a:hover {
	text-decoration:underline;
}

/* Conseil d'expert 2 */
.expert2 {
	width:815px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:5px 0px 5px 0px;
}
.expert2 .titre {
	width:100%;
	height:23px;
	background-image:url(../images/modeles/expertH2.gif);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#f29400;
	padding:0 3px 0 3px;
}

.expert2 .contenu {
	min-height: 100%;
	background-image: url(../images/modeles/expertM.gif);
	background-repeat: no-repeat;
	background-color: #fdf2dc; /*padding-left: 75px;*/
	height: 70px;
	text-align: left;
	vertical-align: top;
	padding: 3px 3px 0 76px;
}

.expert2 .lien {
	background-image:url(../images/modeles/expertB2.gif);
	background-repeat:no-repeat;
	height:37px;
	text-align:right;
	vertical-align:top;
}

.expert2 .lien a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#673b15;
	text-decoration:none;
}

.expert2 a:hover {
	text-decoration:underline;
}

/* Mise en avant produit */
.mea, .mea p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:5px 0px 5px 0px;
}

.mea .miniature {	
	vertical-align:top;
}

.mea .miniature img {
	width:102px;
	height:104px;
}

.mea .description {
	background-image:url(../images/modeles/meaR.gif);
	background-repeat:repeat-y;
}

.mea .haut {
	background-image:url(../images/modeles/meaH.gif);
	background-repeat:no-repeat;
	background-position: 100% 0;
	height:21px;
	width:185px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#7e7e7e;
	padding:3px 0px 3px 10px;
	border: 0 solid #878889;
	border-left-width: 1px
}

.mea .milieu {
	background-color:#FFFFFF;
	border-left:1px solid #878889;
	border-right:1px solid #878889;
	padding:3px 3px 3px 3px;
	width:180px;
}

.mea .bas {
	background-image:url(../images/modeles/meaB.gif);
	background-repeat:no-repeat;
	background-position: 100% 0;
	text-align: left;
	font-size:8px; /* feinte */
	height:11px;
}

.mea .lien {
	/*text-align:right;*/
}

.mea .lien a {
	display:block;
	width:76px;
	background-image:url(../images/modeles/meaLien.gif);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#13a5e1;
	text-decoration:none;
	padding-left:25px;
	text-align:left;
	padding-top:7px;
	padding-bottom:6px;
	margin-top:5px;
}

.mea .lien a:hover {
	text-decoration:underline;
}

/* Mise en avant produit 2 */
.mea2, .mea2 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:5px 0px 5px 0px;
}

.mea2 .miniature {	
	vertical-align:top;
}

.mea2 .miniature img {
	width:102px;
	height:104px;
}

.mea2 .description {
	background-image:url(../images/modeles/meaR.gif);
	background-repeat:repeat-y;
	width:715px;
}

.mea2 .haut {
	background-image:url(../images/modeles/meaH2.gif);
	background-repeat:no-repeat;
	background-position: 100% 0;
	height:21px;
	width:465px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#7e7e7e;
	padding:3px 0px 3px 10px;
	border: 0 solid #878889;
	border-left-width: 1px
}

.mea2 .milieu {
	background-color:#FFFFFF;
	border-left:1px solid #878889;
	border-right:1px solid #878889;
	padding:3px 3px 3px 3px;
	/*width:100%;*/
	/*border:1px solid red;*/
}

.mea2 .bas {
	background-image:url(../images/modeles/meaB3.gif);
	background-repeat:no-repeat;
	background-position: 100% 0;
	text-align: left;
	font-size:8px; /* feinte */
	height:11px;
}

.mea2 .lien {
	/*text-align:right;*/
}

.mea2 .lien a {
	display:block;
	width:76px;
	background-image:url(../images/modeles/meaLien2.gif);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#13a5e1;
	text-decoration:none;
	padding-left:25px;
	text-align:left;
	padding-top:7px;
	padding-bottom:6px;
	margin-top:5px;
}

.mea2 .lien a:hover {
	text-decoration:underline;
}


/******************/
/* TITRE NIVEAU 1 */
/******************/

a h1 {
	cursor:pointer;
}

.titre1Vitalite {
	color:#ca4826;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	font-style:italic;
	background-image:url(../images/modeles/titre1Vitalite.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	width:100%;
	display:block;
	padding-bottom:2px;
	margin:0px;
	text-decoration: none;
}

.titre1Confort {
	color:#ed008c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	font-style:italic;
	background-image:url(../images/modeles/titre1Confort.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	width:100%;
	display:block;
	padding-bottom:2px;
	margin:0px;
	text-decoration: none;
}

.titre1Minceur {
	color:#00a7a6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	font-style:italic;
	background-image:url(../images/modeles/titre1Minceur.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	width:100%;
	display:block;
	padding-bottom:2px;
	margin:0px;
	text-decoration: none;
}

.titre1Harmonie {
	color:#ca4826;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	font-style:italic;
	background-image:url(../images/modeles/titre1Harmonie.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	width:100%;
	display:block;
	padding-bottom:2px;
	margin:0px;
	text-decoration: none;
}

.titre1Forme {
	color:#b97c0a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	font-style:italic;
	background-image:url(../images/modeles/titre1Forme.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	width:100%;
	display:block;
	padding-bottom:2px;
	margin:0px;
	text-decoration: none;
}

.titre1BienEtre {
	color:#289e46;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	font-style:italic;
	background-image:url(../images/modeles/titre1BienEtre.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	width:100%;
	display:block;
	padding-bottom:2px;
	margin:0px;
	text-decoration: none;
}

.titre1Beaute {
	color:#0c4da2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	font-style:italic;
	background-image:url(../images/modeles/titre1Beaute.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	width:100%;
	display:block;
	padding-bottom:2px;
	margin:0px;
	text-decoration: none;
}


/******************/
/* TITRE NIVEAU 2 */
/******************/

div.titre2 {
	/*margin-right:-10px;*/
	height:62px;
}
div.titre2 h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:bold;
	font-style:italic;
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:2px;
	margin:0px;
	margin-top:38px;
	padding-right:60px;
	overflow:hidden;
	float:right;
	line-height:19px;
}

div.titre2 img {
	/*position:relative;
	left:-13px;*/
	float:right;
	clear:right;
}

.titre2Vitalite {
	color:#ca4826;
	background-image:url(../images/modeles/titre2Vitalite.gif);
}

.titre2Forme {
	color:#b97c0a;
	background-image:url(../images/modeles/titre2Forme.gif);
}

.titre2Confort {
	color:#ed008c;
	background-image:url(../images/modeles/titre2Confort.gif);
}

.titre2BienEtre {
	color:#289e46;
	background-image:url(../images/modeles/titre2BienEtre.gif);
}

.titre2Minceur {
	color:#00a7a6;
	background-image:url(../images/modeles/titre2Minceur.gif);
}

.titre2Beaute {
	color:#0c4da2;
	background-image:url(../images/modeles/titre2Beaute.gif);
}

.titre2Harmonie {
	color:#ca4826;
	background-image:url(../images/modeles/titre2Harmonie.gif);
}


/******************/
/* TITRE NIVEAU 3 */
/******************/

div.titre3 {
	height:30px;
	clear:both;
}

div.titre3 h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-style:italic;
	font-weight:bold;
	padding-right:50px;
	background-position:bottom;
	background-repeat:repeat-x;
	float:right;
	clear:right;
	margin:0px;
}

.titre3Vitalite {
	color:#ca4826;
	background-image:url(../images/modeles/titre1Vitalite.gif);
}

.titre3Confort {
	color:#ed008c;
	background-image:url(../images/modeles/titre1Confort.gif);
}

.titre3Forme {
	background-image:url(../images/modeles/titre1Forme.gif);
	color:#b97c0a;
}

.titre3Minceur {
	color:#00a7a6;
	background-image:url(../images/modeles/titre1Minceur.gif);
}

.titre3Harmonie {
	color:#ca4826;
	background-image:url(../images/modeles/titre1Harmonie.jpg);
}

.titre3Forme {
	color:#b97c0a;
	background-image:url(../images/modeles/titre1Forme.gif);
}

.titre3BienEtre {
	color:#289e46;
	background-image:url(../images/modeles/titre1BienEtre.gif);
}

.titre3Beaute {
	color:#0c4da2;
	background-image:url(../images/modeles/titre1Beaute.gif);
}


/*****************/
/* PUCE NIVEAU 1 */
/*****************/

div.puce1 {
	background-image:url(../images/modeles/puce1.gif);
	background-repeat:no-repeat;
	background-position:5px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6a717e;
	padding-left:15px;
        text-decoration: none;
	/*text-transform:uppercase;*/
}


/*****************/
/* MEDIA ARTICLE */
/*****************/

div.mediaArticle {
	margin:5px 0px 5px 0px;
}

div.mediaArticle table {
	width:100%;
}


div.mediaArticle table thead tr {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#5b6066;
	background-color:#e1e1e1;
}

div.mediaArticle table thead tr th {
	text-align:center;
	padding-left:10px;
	border-top:1px solid #878889;
	
}

div.mediaArticle thead tr th.debut {
	border-left:1px solid #878889;
}

div.mediaArticle thead tr th.fin {
	background-image:url(../images/modeles/mediaArticleH.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:21px;
	border:none;
}

div.mediaArticle tbody tr td {
	padding-left:10px;
}

div.mediaArticle tbody tr td.debut {
	border-left:1px solid #878889;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#7e7e7e;
	text-align:left;
	padding-left:20px;
	width:10%;
}

div.mediaArticle tbody .designation {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7e7e7e;
	text-align:left;
	/*padding-left:30px;*/
	width:65%;
}

div.mediaArticle tbody .quantite input {
	border:1px solid #868686;
	width:26px;
}
div.mediaArticle tbody .quantite{
	text-align:center;
	width:8%;
}
div.mediaArticle tbody .prix {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ff9000;
	text-align:center;
	/*padding-left:30px;*/
	width:10%;
}

div.mediaArticle tbody tr td.fin {
	border-right:1px solid #878889;
	width:10%;
}

div.mediaArticle tbody tr td.fin a {
	display:block;
	width:76px;
	background-image:url(../images/modeles/meaLien2.gif);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#13a5e1;
	text-decoration:none;
	padding-left:25px;
	text-align:left;
	padding-top:7px;
	padding-bottom:6px;
	margin-top:5px;
}

div.mediaArticle tbody tr td.fin a:hover {
	text-decoration:underline;
}

div.mediaArticle tfoot tr td {
	border-bottom:1px solid #878889;
	font-size:10px;
}

div.mediaArticle tfoot tr td.debut {
	background-image:url(../images/modeles/mediaArticleBG.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	border:none;
}

div.mediaArticle tfoot tr td.fin {
	background-image:url(../images/modeles/mediaArticleBD.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	border:none;
}



/*****************/
/*         LAYER         */
/*****************/

div.layer {
	left:560px;
	position:absolute;
	z-index:5000;
	width:260px;
	display:none;
}
div.layer table {
	width:100%;
}
div.layer table thead tr {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#5b6066;
}
div.layer table thead th.titre,div.layer table thead th.debut{
	background-color:#e1e1e1;
}
div.layer table thead tr th {
	text-align:center;
	border-top:1px solid #686868;
}
div.layer thead tr th.debut {
	border-left:1px solid #686868;
}
div.layer thead tr th.fin {
	background-image:url(../images/modeles/layer_H.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:21px;
	padding-left:10px;
	border:none;
}
div.layer tbody tr td {
	padding-left:0px;
	padding-bottom:0px;
	background-color: #fff;
}
div.layer tbody .designation {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7e7e7e;
	text-align:center;
}

div.layer tbody tr td.debut {
	border-left:1px solid #686868;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	color:#7e7e7e;
	padding-left:10px;
}
div.layer a.bouton1 {
	color:#888888;
	background-image: url(../images/modeles/bt_poursuivre.gif);
	width:165px;
}
div.layer a.bouton2 {
	color: #3da500;
	text-indent: 10px;
	background-image: url(../images/modeles/bt_recap.gif);
	width:254px;
}
div.layer a.bouton_ok {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
	text-align:center;
	display: block;
	line-height: 29px;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	height:29px;
	background-repeat: no-repeat;
	background-position: 0 0px;
}

div.layer a.bouton1:hover{
	background-position: 0 -29px;
}

div.layer a.bouton2:hover{
background-position: 0 -29px;
}

div.layer tbody tr td.fin {
	border-right:1px solid #878889;
	background-color: #fff;
}

div.layer tbody tr td.fin a:hover {
	text-decoration:underline;
}

div.layer tfoot tr td {
	border-bottom: 1px solid #686868;
	font-size: 10px;
	background-color: #fff;
}
div.layer tfoot tr td.debut {
	background-image:url(../images/modeles/layer_BG.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	border:none;
	background-color: transparent;
}
div.layer tfoot tr td.fin {
	background-image:url(../images/modeles/layer_BD.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-color: transparent;
	border:none;
}