/*------------------------------------------------ GENERIQUE ------------------------------------------------*/
*		{padding:0;margin:0;}
img		{border:none;}
a		{text-decoration:none; }
a:hover	{text-decoration:underline;}
hr		{display:none;}
li		{list-style-type:none;list-style-position:outside;}
/*----------------------------------------------- /GENERIQUE ------------------------------------------------*/

/*------------------------------------------- PROPRIETES ELEMENT --------------------------------------------*/
/* position */
.clear{clear:both;font-size:1px;line-height:0;}
.right, .right_2{float:right;}
.left, .left_2{float:left;}
.center{text-align:center;display:block;margin-left:auto;margin-right:auto;}

/* bordure */
.no_border{border:none;}

/* taille */
.taille30	{width:30%;}
.taille60	{width:60%;}
.taille100	{width:100%;}

/* centrage txt*/
.txt-c{text-align:center;}
.txt-l{text-align:left;}
.txt-r{text-align:right;}
.txt-j{text-align:justify;}

/* alignement vertical */
.valign-t{vertical-align:top;}
.valign-m{vertical-align:middle;}
.valign-b{vertical-align:bottom;}

/* position */
.rel{position:relative}

/* element de hauteur < 10px */
.lf{line-height:0;font-size:1px;}
/*------------------------------------------- /PROPRIETES ELEMENT --------------------------------------------*/

/*----------------------------------------------- MODELE SITE -------------------------------------------------*/
/* pour centrer le site*/
html {overflow-x:hidden;height:100%;}
body	{text-align:center;height:100%;}
#page	{margin-left:-50px;margin-right:-50px;text-align:left;width:901px;font:normal 11px arial;color:#992f02;}
*>/**/ #page	{margin-left:auto;margin-right:auto;}
*> /**/ body{overflow-y:scroll;overflow-x:hidden;}

body.solaire 	{background:url(../../img/modele/fd_page_solaire.jpg) repeat-x #faf2e9;}
body.antiage 	{background:url(../../img/modele/fd_page_antiage.jpg) repeat-x #ebf6fd;}
body.capillaire	{background:url(../../img/modele/fd_page_cap.jpg) repeat-x #edf4d9;}
body.transversal{background:#fef7ed;}

/* bandeau */
#bandeau	{position:relative; height:100px; width:1001px; margin:0 -50px; position:relative;}
#bandeau img{border:0;}
#logo		{position:absolute; top:0px; left:69px}
#menu 		{position:absolute; left:328px; top:52px; width:680px;}
#menu dl 	{float:left;}
#menu ul 	{ width:400px; height:10px; display:block;} 
#menu li 	{display:block; width:auto; list-style:none; float:left}
#sous_menu_1, #sous_menu_2, #sous_menu_3, #sous_menu_4 {position:absolute; height:25px;}
#sous_menu_1 	{left:0px;}
#sous_menu_2 	{left:160px; width:450px}
#sous_menu_3 	{width:600px}
#sous_menu_3 ul { width:auto;}
#sous_menu_4 	{width:600px}
#sous_menu_4 ul { width:auto;}

#menu .barre{width:18px;height:12px;background:url(../../img/modele/menu/barre_ondulee_ssmenu.gif) no-repeat;}/* barre niv 2 */
#menu .barre_bis{width:18px;height:12px;background:url(../../img/modele/menu_bis/barre_ondulee_ssmenu.gif) no-repeat;}/* barre niv 2 */
/* /bandeau */

/* poucet */
#poucet	{color:#000}
#poucet a{color:#000;text-decoration:underline;}
/* poucet */

/* navigation */
#navigation{}
.menu{}
.ss_menu{}

/* menu beaute */
#menu_beaute						{background:url(../../img/modele/visu_pages_beaute.jpg) no-repeat; width:350px; _width:220px; height:280px; padding:101px 35px 0 45px;}
#menu_beaute div.niveau_1 					{margin-left:45px; width:220px;}
#menu_beaute div.niveau_1 div				{background:url(../../img/po_dl/po_actu_select.gif) 0 7px no-repeat; padding:3px 0 3px 15px;}
#menu_beaute div.niveau_1 div a				{color:#992f02; font:bold 11px arial; text-decoration:none;}
#menu_beaute div.niveau_1 div a:hover		{color:#ff923d; font:bold 11px arial; text-decoration:none;}
#menu_beaute div.niv_ouvert 				{margin-left:45px; width:220px;}
#menu_beaute div.niv_ouvert div				{background:url(../../img/po_dl/po_actu_select.gif) 0 7px no-repeat; padding:3px 0 3px 15px;}
#menu_beaute div.niv_ouvert div a			{color:#992f02; font:bold 11px arial; text-decoration:none;}
#menu_beaute div.niv_ouvert div a:hover		{color:#ff923d; font:bold 11px arial; text-decoration:none;}
#menu_beaute div.niv_ouvert div a.on2		{color:#ff923d; font:bold 11px arial; text-decoration:none;}
#menu_beaute div.niv_ouvert div a:hover.on2	{color:#ff923d; font:bold 11px arial; text-decoration:none;}
/* //menu beaute */
/*/navigation */

/* corps_page */
#corps_page	{width:1001px; margin-top:5px; float:left; margin:0 -50px; position:relative;}
#col_gauche	{float:left;width:350px;}
#col_droite	{float:right;width:651px;text-align:justify}
#push		{float:right;width:160px;padding-right:50px;}
/* /corps_page */

/* pied_page */
#pied_page						{padding:10px 90px; float:left; position:relative; margin:0 -50px; position:relative;}
#pied_page .left ul li			{background:url(../../img/po_dl/po_pf.gif) 10px 2px no-repeat;padding:0 10px 0 28px;display:inline;}
#pied_page .left ul li a		{color:#992f02;}
#pied_page .right ul li			{padding-left:8px;display:inline;}
#pied_page .right ul li.premier	{background:none;padding:0;}
#pied_page .right ul li a		{color:#992f02;}
/* /pied_page */
/*------------------------------------------------ /MODELE SITE ------------------------------------------------*/

/*------------------------------------------- PROPRIETES SITE --------------------------------------------*/
/* texte  = txt article */
.txt					{color:#868689;font:normal 11px/14px arial;}
.txt td					{height:80px;}
table.txt a				{color:#868689; text-decoration:none;}
table.txt a:hover		{color:#868689; text-decoration:underline;}
table.txt-l a.tt-l			{color:#868689; text-decoration:none; font:bold 11px arial; text-transform:uppercase; text-align:left}
table.txt a.tt			{color:#868689; text-decoration:none; font:bold 11px arial; text-transform:uppercase;}
table.txt span.tt			{color:#868689; text-decoration:none; font:bold 11px arial; text-transform:uppercase;}
table.txt a:hover.tt	{color:#868689; text-decoration:underline;}
/* /texte */

/* tableau */
table.tableau	{border-collapse:collapse;font-size:10px;}
.tableau th		{border:1px solid #000;vertical-align:top;}
.tableau td		{border:1px solid #000;vertical-align:top;}
/* /tableau */

/* pagination */
.article .pagination 		{margin-top:20px;font:normal 11px arial;color:#868689;}
.article .pagination a		{color:#868689; text-decoration:underline; padding:0 3px;}
.article .pagination a:hover{color:#868689; text-decoration:none;}
.article .pagination strong	{color:#868689;}/* page actuelle */
/* /pagination*/

/* bt - lien */
.bt_lien{margin-top:15px;}
/* bt - lien */

#col_droite a.lire, a.lire{color:#000;font:bold 11px arial;}
#col_droite a:hover.lire, a:hover.lire{color:#000;}

/* haut de page */
a.bt_haut_de_page		{display:block;margin-top:15px;color:#000;background:url('../img/picto/haut_de_page.gif') no-repeat;padding:0 0 0 10px;}
a:hover.bt_haut_de_page	{color:#000;}

/* imprimer */
a.bt_imprimer		{display:block;margin-top:15px;color:#000;background:url('../img/picto/imprimer.gif') no-repeat;padding:0 0 0 25px;}
a:hover.bt_imprimer	{color:#000;}

/* separation */
.sep{}
/* separation */

/* formulaire */
fieldset	{border:none;}
caption		{display:none;}
table.form	{font:normal 11px/14px arial;}
table.form td, table.form th	{vertical-align:top;padding-top:10px;}
table.form th					{font-weight:normal;text-align:left;}
.form .saisie input				{font:normal 11px arial;color:#868689;border:1px solid #868689;background-color:white;}
.form .saisie textarea			{font:normal 11px arial;color:#868689;border:1px solid #868689;background-color:white;overflow:auto; width:90%}
.form .saisie select			{font:normal 11px arial;color:#868689;border:1px solid #868689;background-color:white;}
.form .checkbox, .form .radio	{background:transparent;border:none;margin-left:30px;margin-right:10px;}
.form .checkbox_premier, .form .radio_premier{background:transparent;border:none;margin-right:10px;}
*> .form option{padding:0 2px;}
.form .saisie			{color:#868689;}
.form .libelle			{color:#868689; font-weight:bold;}
.form .bt_form			{padding-top:15px;text-align:right;}
.form .libelle strong	{color:#f00;}
.form .no_marge			{padding-top:0;}
.form .saisie input.input_newsletter {width:200px;}
/* ---------- */
.form .obligatoire		{font:bold 10px arial;color:#000;padding-top:28px;}
.form .indication		{font-size:10px;color:blue;}
.cnil		{font:normal 10px arial;color:#000;padding-top:15px;}
.cnil a		{color:#000;}
/* /formulaire */

/* verif formulaire */
.verif_form			{font:bold 11px/14px arial;color:#ff923d;text-align:left;}
.titre_verif_form	{font-weight:bold;}
.intro_verif_form	{}
.verif_form ul		{color:#ff923d;}
.verif_form ul li	{background:url(../../img/po_dl/po_actu_select.gif) 0 5px no-repeat; padding-left:15px;}

.form span.verif_form_erreur	{color:#992f02;display:block; font-weight:bold}
.form input.verif_form_erreur	{background:white;color:#992f02;border:1px solid #992f02;}
.form select.verif_form_erreur	{background:white;color:#992f02;border:1px solid #992f02;}
.form textarea.verif_form_erreur{background:white;color:#992f02;border:1px solid #992f02;}

div.verif_form *	{}
div.verif_form ul	{width:auto;}
div.verif_form li	{width:auto;}
/* verif formulaire */
/*------------------------------------------- /PROPRIETES SITE --------------------------------------------*/


/*------------------------------------------- popup_dhtml -------------------------------------------*/
/* NE PAS MODIFIER */
.dialog {display: block;position: absolute;}
.dialog table.table_window { border-collapse: collapse; border-spacing: 0; width: 100%;margin: 0px;padding:0px;}
.dialog table.table_window td , .dialog table.table_window th {padding: 0; }
.dialog .title_window { -moz-user-select:none;}   
/* /NE PAS MODIFIER */   

html.popup_fiche{overflow-y: scroll;}

/* style fenetre */                                           
.overlay_popup {background-color: #000000;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.popup_nw { background: url(../../img/popup_dhtml/fd_g.gif) top left no-repeat; width:96px; height:37px;}
.popup_n {height:37px; }
.popup_ne { background: url(../../img/popup_dhtml/bt_ferm.gif) top right no-repeat; width:100px; height:37px;}
.popup_w {background:#ffffff; width:1px;}
.popup_e {background:#ffffff; width:1px;}
.popup_sw {background:#ffffff; height:1px; width:1px;}
.popup_s {background:#ffffff; height:1px;}
.popup_se, .popup_sizer{ background:#ffffff; height:1px;  width:1px;}
.popup_sizer {cursor:se-resize;}
.popup_close {	width: 65px;height: 16px;background: transparent url(/images/modele/fermer.gif) no-repeat 0 0;position:absolute;top:7px;right:0px;cursor:pointer;z-index:1000;}
.popup_title {display:none;}
.popup_content {overflow:auto;	color: #000;font-family: Tahoma, Arial, sans-serif; font: 12px arial;background:#FFFFFF;}
.table_window {background:  url(../../img/popup_dhtml/fd.gif) top left repeat-x;}
/*------------------------------------------- /popup_dhtml -------------------------------------------*/



/*------------------------------------------ structures de contenu ----------------------------------------*/
.bloc_img		{margin-bottom:0;margin-top:14px}
.bloc_img img	{margin-left:8px;margin-bottom:10px}
.precisions		{font-size:9px;}
.marge-droite	{margin-right:60px;}
.produit		{width:100px;float:right}

/*0mbre*/
.ombre 		{margin:10px 0 10px 0;margin-left:auto;margin-right:auto;text-align:left;}
.ombre .sep {width: 30px;}
.ombre .cent{width: 200px;}
.ombre .h	{background: url(../../img/modele/ombre/br_h.gif) top repeat-x;}
.ombre .d 	{background: url(../../img/modele/ombre/br_d.gif) right repeat-y;}
.ombre .b 	{background: url(../../img/modele/ombre/br_b.gif) bottom repeat-x;}
.ombre .g 	{background: url(../../img/modele/ombre/br_g.gif) lef repeat-y ;}
.ombre .hg 	{background: url(../../img/modele/ombre/br_hg.gif) top lef no-repeat;}
.ombre .hd 	{background: url(../../img/modele/ombre/br_hd.gif) top right no-repeat;}
.ombre .bd 	{background: url(../../img/modele/ombre/br_bd.gif) bottom right no-repeat;}
.ombre .bg 	{background: url(../../img/modele/ombre/br_bg.gif) bottom left no-repeat; padding:5px;}

/*newsletter*/
.newsletter_tab{width:50%;margin-left:100px;margin-top:10px;}
.newsletter_tab tr td.libelle{padding-right:15px;}

.mar_t { margin-top:5px;}
.mar_r { margin-right:5px;}
.mar_l { margin-left:15px;}
.mar_l_hp {margin-left: 60px;}
*>/**/.mar_l_hp {margin-left: 60px;}


.mar_t { margin:15px 0 0 0;}

.form .checkbox_newsletter, .form .radio_newsletter{background:transparent;border:none;margin-right:3px;}