/* FEUILLE DE STYLE PHARMACIE DE LA PAIX BY USEWEB.FR */

/************************************* Propriétés du corps de page **************************************************/
body							{ background:#fff url(../img/bg.jpg) repeat-x 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; text-align:justify; margin:0; padding:0; }

p, td							{ font-family: Arial, Helvetica, sans-serif; font-size:11px; }
p								{ margin:0 0 10px 0; padding:0; }
table td						{ text-align:justify; }

/* Propriétés des puces */
ul								{ margin-top:10px; }
li								{ margin:2px 0 0 0; list-style-type:square; }
ul.liens						{ margin-top:15px; }
ul.liens li						{ margin:3px 0 0 0; list-style-type:square; }

ul.livert						{ list-style-image:url(../img/li2_vert.gif); margin:0 0 0 20px; padding:0; }
ul li							{ padding:0; margin:0; text-align:left; }

/* Propriétés des liens */
a								{ font-family: Arial, Helvetica, sans-serif; color:#769d06; text-decoration:none; font-weight:bold; }
a:hover							{ text-decoration:underline; color:#9b9b9b; }

.liens_line						{ text-align:center; margin:10px 0 10px 0; padding:0; font-size:14px; font-weight:bold;  }
.liens_line	a					{ font-family: Arial, Helvetica, sans-serif; color:#85d305; text-decoration:underline; text-transform:uppercase; }
.liens_line a:hover				{ text-decoration:underline; color:#9b9b9b; }

/* alignements */
.center							{ text-align:center; }
.td_center td,
.td_center th					{ text-align:center; vertical-align:middle; }
.right							{ text-align:right; }
.left							{ text-align:left; }

.img_right						{ float:right; margin:0 0 10px 20px; }
._img_left						{ float:left;  margin:0 20px 10px 0;}


/**************************************************************************************/
/* Propriétés de la div STRUCTURE */
#structure						{ margin:27px 0 0 0; padding:0; width:950px; }

#header							{ width:950px; height:70px; }
#col_gauche						{ width:21px; background:url(../img/bg_col_gauche.gif) repeat-y 0 0; }
#col_middle						{ width:720px; background-color:#fff; }
#col_droite						{ width:209px; background:url(../img/bg_col_droite.gif) repeat-y 0 0; vertical-align:top; }

/* Propriétés de la div CONTENU */
#contenu						{ margin:8px; padding:0; }

#flash							{ width:700px; height:160px; /*border:1px solid #aaa;*/ margin:15px 0 0 0; }
#hr_violet						{ background:url(../img/hr_violet.gif) repeat-x 0 0; width:100%; }

/* Propriétés de la div PAGE */
#page							{ float:right; margin:10px 40px 0 0; padding:0; width:430px; }

#footer							{ text-align:right; margin:10px 0 10px 0; padding:0; font-size:10px; color:#aaa; }
#footer a						{ color:#aaa; text-decoration:underline; }
#footer a:hover					{ color:#9acc36; text-decoration:underline; }

/**************************************************************************************/
/* MENU HAUT */
dl, dt, dd,
dd ul li, dd ul					{ margin:0; padding:0; list-style-type:none; color:#333; }

#menu							{ background:url(../img/menu_out.gif) repeat-x 0 0; width:100%; }
#menu_css dl					{ float:left; width:10em; }
#menu_css dt					{ cursor:pointer; text-align:center; font-weight:bold; background:url(../img/menu_out.gif) repeat-x 0 0; border-right:1px solid #fff; height:19px; padding:5px 0 0 0; }
#menu_css dt:hover				{ background:url(../img/menu_over.gif) repeat-x 0 0; }
#menu_css dt.actif				{ background:url(../img/menu_over.gif) repeat-x 0 0; }
#menu_css dt a					{ color:#fff; text-transform:uppercase; }
#menu_css dd					{ position:absolute; display:none; margin-top:2px; background-color:#d769a5; width:150px; padding:5px 0 5px 0; }
#menu_css dd li a				{ color:#fff; padding:2px 10px 2px 10px; text-align:left; font-weight:normal; }
#menu_css li a:hover,
#menu_css dt a:hover			{ color:#9b2864; }
#menu_css li a,
#menu_css dt a					{ text-decoration:none; display:block; border:none; }



/* SIDEBAR */
#sidebar							{ float:left; margin:10px 0 0 0; padding:0; width:211px; }
#sidebar_bg							{ background-color:#f1f1f1; }
ul#ul_sidebar						{ background:#fff; font-size:11px; text-align:left; margin:0; padding:0; width:195px; }
ul#ul_sidebar li					{ list-style-type:none; margin:0; padding:4px 0 4px 20px; border-bottom:1px solid #fff; }
ul#ul_sidebar li.rub				{ border-bottom:1px solid #ccc; }
ul#ul_sidebar li a					{ color:#808080; font-size:11px; text-transform:uppercase; font-weight:bold; }
ul#ul_sidebar li a:hover			{ text-decoration:none; }
li.li_orange						{ background:#f1f1f1 url(../img/li_orange.gif) no-repeat 0 0; }
li.li_violet						{ background:#f1f1f1 url(../img/li_violet.gif) no-repeat 0 0; }
li.li_rose							{ background:#f1f1f1 url(../img/li_rose.gif) no-repeat 0 0; }
li.li_bleu2							{ background:#f1f1f1 url(../img/li_bleu2.gif) no-repeat 0 0; }
li.li_bleu							{ background:#f1f1f1 url(../img/li_bleu.gif) no-repeat 0 0; }
li.li_vert							{ background:#f1f1f1 url(../img/li_vert.gif) no-repeat 0 0; }

ul#ul_sidebar li.li_orange a:hover,
ul#ul_sidebar li.li_orange a.actif	{ color:#ff9100; }
ul#ul_sidebar li.li_violet a:hover,
ul#ul_sidebar li.li_violet a.actif	{ color:#c40f73; }
ul#ul_sidebar li.li_rose a:hover,
ul#ul_sidebar li.li_rose a.actif	{ color:#d769a5; }
ul#ul_sidebar li.li_bleu2 a:hover,
ul#ul_sidebar li.li_bleu2 a.actif	{ color:#008ca0; }
ul#ul_sidebar li.li_bleu a:hover,
ul#ul_sidebar li.li_bleu a.actif	{ color:#00c3dc; }
ul#ul_sidebar li.li_vert a:hover,
ul#ul_sidebar li.li_vert a.actif	{ color:#9acc36; }

/**************************************************************************************/
/* COLONNE DROITE */
.cadre_droite						{ margin-top:30px; }

.bg_cadre_right						{ background:url(../img/bg_cadre_right.gif) repeat-y 0 0; }
.bg_conseil							{ background:url(../img/conseil_middle.gif) no-repeat 100% 100%; height:80px; }
.bg_bien_etre						{ background:url(../img/bien_etre_middle.gif) no-repeat 100% 100%; height:80px; }

.contenu_cadre_right				{ margin:10px 0 0 10px; text-align:left; padding-right:10px; }
.contenu_cadre_right ul				{ list-style-image:url(../img/li2_violet.gif); margin:0 0 0 20px; padding:0; }
.contenu_cadre_right ul li			{ padding:0; margin:0; text-align:left; }

.contenu_cadre_right ul.livert		{ list-style-image:url(../img/li2_vert.gif); margin:0 0 0 20px; padding:0; }
.contenu_cadre_right ul li			{ padding:0; margin:0; text-align:left; }

.img_produit-du-mois				{ text-align:center; margin:10px 0 0 0; }


/**************************************************************************************/
/* Formulaire */
form								{ text-align:left; margin:0; }
input[type=text], textarea			{ text-align:left; padding:0; border:1px #9acc36 solid; margin:3px; }
input[type=submit]					{ text-align:center; background:#9acc36; color:#fff; font-weight:bold; padding:0 15px 0 15px; border:2px #769d06 solid; margin:3px; }
input[type=submit]:hover			{ background:#d769a5; border:2px #cf398c solid; margin:3px; color:#fff; }
form input							{ vertical-align: middle; }
label								{ float:left; width:80px; font-weight:bold; }

legend								{ padding:0 5px 0 5px; margin:0 0 0 10px ; color:#85d305; font-size:18px; text-transform:uppercase; }
fieldset							{ border:2px solid #efefef; padding:5px 0 0 0; }

/**************************************************************************************/
/* Propriétés de la div H1 et H2 */ 

h1									{ color:#808080; font-weight:normal; font-size:24px; margin:0 0 10px 0; padding:0; }
h1 span								{ color:#cccccc; }
h2									{ color:#cf398c; font-size:14px; font-weight:normal; margin:0; }
h3									{ color:#769d06; font-size:12px; font-weight:bold; margin:0; }
h4									{ font-size:12px; font-weight:bold; margin:10px 0 0 0; padding:0 0 0 15px; }

/* Propriétés des class couleurs */

div.page_orange h4					{ color:#ff8214; background:url(../img/li2_orange.gif) no-repeat 0 2px; }
div.page_orange .zone				{ border:1px solid #ff8214; background-color:#fff0dc; }
div.page_orange a img.cadre			{ border:1px solid #ff8214; }
div.page_orange a:hover img.cadre	{ border:1px solid #9b9b9b; }

div.page_vert h4					{ color:#769d06; background:url(../img/li2_vert.gif) no-repeat 0 2px; }
div.page_vert .zone					{ border:1px solid #769d06; background-color:#e1f0b4; }
div.page_vert a img.cadre			{ border:1px solid #769d06; }
div.page_vert a:hover img.cadre		{ border:1px solid #9b9b9b; }

div.page_rose h4					{ color:#d769a5; background:url(../img/li2_rose.gif) no-repeat 0 2px; }
div.page_rose .zone					{ border:1px solid #d769a5; background-color:#fae1f0; }
div.page_rose a img.cadre			{ border:1px solid #d769a5; }
div.page_rose a:hover img.cadre		{ border:1px solid #9b9b9b; }

div.page_violet h4					{ color:#cf398c; background:url(../img/li2_violet.gif) no-repeat 0 2px; }
div.page_violet .zone				{ border:1px solid #cf398c; background-color:#ffe1f0; }
div.page_violet a img.cadre			{ border:1px solid #cf398c; }
div.page_violet a:hover img.cadre	{ border:1px solid #9b9b9b; }

div.page_bleu h4					{ color:#00c3dc; background:url(../img/li2_bleu.gif) no-repeat 2px; }
div.page_bleu zone					{ border:1px solid #00c3dc; background-color:#d7fafa; }
div.page_bleu a img.cadre			{ border:1px solid #00c3dc; }
div.page_bleu a:hover img.cadre		{ border:1px solid #9b9b9b; }

div.page_bleu2 h4					{ color:#008ca0; background:url(../img/li2_bleu2.gif) no-repeat 0 2px; }
div.page_bleu2 .zone				{ border:1px solid #008ca0; background-color:#dcfaff; }
div.page_bleu2 a img.cadre			{ border:1px solid #008ca0; }
div.page_bleu2 a:hover img.cadre	{ border:1px solid #9b9b9b; }

/* Propriétés des class couleurs */

.vert								{ color:#769d06; }
.vert2								{ color:#9acc36; }
.vert12								{ color:#769d06; font-size:12px; font-weight:bold; }

.violet								{ color:#cf398c; }
.violet12							{ color:#cf398c; font-size:12px; font-weight:bold; }

.rose								{ color:#d769a5; }
.rose12								{ color:#d769a5; font-size:12px; font-weight:bold; }

.orange								{ color:#ff8214; }
.orange12							{ color:#ff8214; font-size:12px; font-weight:bold; }

.bleu								{ color:#00c3dc; }
.bleu12								{ color:#00c3dc; font-size:12px; font-weight:bold; }

.bleu_f								{ color:#008ca0; }
.bleu_f12							{ color:#008ca0; font-size:12px; font-weight:bold; }

.gris								{ color:#999; }


/* Propriétés de SEPARATEUR_H */
#pictos								{ text-align:center; width:100%; margin:30px 0 0 0; padding:0; }
#pictos img							{ margin:0 0 5px 0; padding:0; }

/* Propriétés de SEPARATEUR_H */
.hr									{ text-align:center; width:100%; background:url(../img/hr.gif) repeat-x 50% 50%; border:none; margin:5px 0 5px 0; padding:0; }

/* Propriétés de HAUTPAGE */
.noborder							{ text-decoration:none; border:none; }

/* Propriétés de ZONE */
.zone								{ padding:10px 10px 0 10px; margin:10px 0 10px 0; }

/* Propriétés de CADRE
.cadre								{ border:2px solid #9acc36; margin:2px; } */

/* Propriétés de ALIGN_RIGHT/LEFT */
.align_right						{ float:right; margin:0 10px 0 0; }
.align_left							{ float:left; margin:10px 10px 5px 10px; border:none; }

/* Propriétés de TOPAGE */
.topage								{ text-align:right; margin:10px 0 20px 0; border:0; }
.topage a							{ font-size:10px; font-weight:bold; color:#ff8214; border-bottom:1px dotted #ff8214; text-decoration:none; }
.topage a:hover						{ color:#769d06; border-bottom:1px dotted #769d06; }

/* Propriétés de TABLEAU COLONNE */
table.double_col					{ width:430px; margin:5px 0 0 0; padding:0; }
table.double_col td					{ width:50%; vertical-align:top; padding:1px 0 1px 10px; }

table.tri_col						{ width:430px; margin:5px 0 0 0; padding:0; }
table.tri_col td					{ width:33%; vertical-align:top; padding:1px 0 1px 10px; }

.td1								{ background-color:#f1f1f1; }
.td2								{ background-color:#ebebeb; }

table.tab_maquillage				{ width:430px; margin:5px 0 0 0; padding:0; }
table.tab_maquillage td				{ vertical-align:middle; padding:5px 10px 5px 5px; }

/* Propriétés de CONDITIONS */
.conditions							{ color:#999; font-size:10px; font-weight:normal; }