/* FEUILLE DE STYLES CUISINES LOUARN **************************************************************************************************/

body									{ font:11px arial, Helvetica; margin:0; padding:0; background:#b4b4b4 url(../img/bg.jpg) repeat-x 0 0; }
table,td,th 							{ font:11px arial, Helvetica; color:#333; margin:0; padding:0; vertical-align:top; }
p										{ font:11px arial, Helvetica; margin:0 0 5px 0; padding:0; color:#333; text-align:justify; }

/* DIV PRINCIPAUX ***************************************************************************************************************/
/* couleurs */
.rouge									{ color:#f00; }
.blanc									{ color:#fff; }
.jaune									{ color:#fae600; }
.gris_fonce								{ color:#5a5a5a; }
.gris_inter								{ color:#919191; }
.gris_clair								{ color:#b3b3b3; }
.gris									{ color:#5a5a5a; }
.noir									{ color:#000; }


/* alignements */
.right									{ text-align:right; }
.left									{ text-align:left; }
.center									{ text-align:center; }

.right_img_border						{ float:right; margin: 0 0 10px 20px; border:3px solid #ed0000; }
.left_img_border						{ float:left; margin: 0 10px 10px 0; border:3px solid #ed0000; }
.right_img								{ float:right; margin: 0 0 10px 20px; }
.left_img								{ float:left; margin: 0 10px 10px 0; }

.bt_top_page							{ float:right; margin:0 15px 10px 0; border:none; }

/* titres */
h1										{ font:normal 24px arial, Helvetica; color:#f00; background:url(../img/h1.gif) no-repeat 0 5px; padding:0 0 5px 25px; margin:10px 0 0 0; }
h1 b									{ font:bold 24px arial, Helvetica; }
h2, h2 a								{ font:normal 16px arial, Helvetica; color:#333; padding:10px 0 5px 0; margin:0; }
h3										{ font:bold 14px arial, Helvetica; color:#8c8c8c; padding:10px 0 0 0; margin:0; }
h4										{ font:bold 16px arial, Helvetica; color:#b3b3b3; padding:10px 0 0 0; margin:5px 15px 5px 15px; border-bottom:1px solid #b3b3b3; }
h4 b									{ color:#fff; }
h5										{ font:bold 20px arial, Helvetica; color:#fff; padding:2px 0 0 0; background-color:#f00; text-align:center; margin:0 20px 5px 0; border:2px solid #f00; }
h6										{ font:bold 16px arial, Helvetica; color:#fae600; margin:10px 0 -8px 0; padding:0 0 0 15px; }

/* liens */
a										{ color:#f00; font:11px arial, Helvetica; text-decoration:none; }
a:hover									{ text-decoration:underline; color:#999; }

.lien_toppage							{ text-align:right; }
.lien_toppage a							{ font-size:9px; color:#969682; text-decoration:none; }
.lien_toppage a:hover					{ font-size:9px; color:#ee1093; text-decoration:none; }

/* listes */
ul										{ list-style-type:square; margin-top:5px; }
li										{ padding:0; margin:0; font-size:11px; color:#333; text-align:justify; }



/* STRUCTURE *****************************************************************************************************************/
#structure			 					{ width:920px; margin:0; padding:0; }

/* LEFT */
#col_left				 				{ width:300px; margin:0; padding:0; }
#col_left img			 				{ border:none; }

/* HEADER */
#header				 					{ width:620px; height:128px; margin:0; padding:0; }
#header a img		 					{ border:none; margin:0; padding:0; }

/* NAVIGATION */
#nav				 					{ width:620px; height:25px; margin:0; padding:0; background:url(../img/bg_nav.gif) no-repeat 0 0; vertical-align:top; }

/* CONTENT */
#content								{ width:620px; height:452px; margin:0; padding:0; background:url(../img/bg_page.gif) no-repeat 0 0; }

/* BOTTOM */
#bottom									{ width:920px; height:62px; margin:0; padding:0; background:url(../img/bg_bottom.gif) no-repeat 0 0; }
#bottom div								{ text-align:right; margin:3px 10px 0 0; padding:0; }
#bottom div a							{ font-size:14px; color:#fff; }
#bottom div a.jaune:hover				{ text-decoration:none; color:#fae600; }
#bottom div a.orange:hover				{ text-decoration:none; color:#fa9700; }
#bottom div div 					{ float:right; margin-left:30px; }

/* COORDONNES */
#coordonnees td							{ width:145px; font-weight:bold; text-align:center; }
#coordonnees td a						{ color:#f00; font-size:16px; text-decoration:none; font-weight:bold; }
#coordonnees td a:hover					{ color:#f00; }
#coordonnees td span					{ color:#5a5a5a; }


/* FOOTER */
#footer									{ float:right; margin-top:35px; text-align:right; font-size:9px; color:#fff; }
#footer a								{ color:#fff; text-decoration:none; font-size:9px; }
#footer a:hover							{ color:#fff; text-decoration:underline; }


/* CONTENU ******************************************************************************************************************/
.inc									{ margin:5px 22px 5px 0; width:auto; height:380px; overflow-x:hidden; overflow-y:auto; }
.inc2									{ width:470px; height:380px; margin:5px 0 0 105px; padding:0 10px 0 0; overflow-x:hidden; overflow-y:auto; }
.conditions, .conditions a				{ font-weight:bold; font-size:10px; color:#333; line-height:10px; margin:20px 0 0 0; }

/* MENU TEXTUEL */
#ul_menu								{ margin:0; padding:0; list-style-type:none; list-style-image:none; float:left; z-index:100; }
#ul_menu li								{ display:inline; list-style-type:none; float:left; position:relative; margin:0 1px 0 0; padding:0; text-align:center; }
#ul_menu li a,
#ul_menu li a:hover						{ text-decoration:none; display:block; }
#ul_menu li a#o_presentation			{ background:url(../img/o_presentation.gif) no-repeat 0 0; width:148px; height:20px !important; height:25px; margin:0; padding:5px 0 0 0; }
#ul_menu li a#o_cuisines				{ background:url(../img/o_cuisines.gif) no-repeat 0 0; width:91px; height:20px !important; height:25px; margin:0; padding:5px 0 0 0; }
#ul_menu li a#o_sallesdeau				{ background:url(../img/o_sallesdebain.gif) no-repeat 0 0; width:123px; height:20px !important; height:25px; margin:0; padding:5px 0 0 0; }
#ul_menu li a#o_placards				{ background:url(../img/o_placards.gif) no-repeat 0 0; width:95px; height:20px !important; height:25px; margin:0; padding:5px 0 0 0; }
#ul_menu li a#o_electromenagers			{ background:url(../img/o_electromenagers.gif) no-repeat 0 0; width:123px; height:20px !important; height:25px; margin:0; padding:5px 0 0 0; }
#ul_menu li a							{ color:#fff; font-size:13px; }
#ul_menu li a#o_presentation:hover,
#ul_menu li a#o_cuisines:hover,
#ul_menu li a#o_sallesdeau:hover,
#ul_menu li a#o_placards:hover,
#ul_menu li a#o_electromenagers:hover,
#ul_menu li a#o_presentation.actif,
#ul_menu li a#o_cuisines.actif,
#ul_menu li a#o_sallesdeau.actif,
#ul_menu li a#o_placards.actif,
#ul_menu li a#o_electromenagers.actif	{ background-position:0 -25px; }
 
#ul_menu ul								{ list-style-type:none; list-style-image:none; position:absolute; margin:0; padding:0; width:300px; z-index:100; }
#ul_menu ul li							{ background-color:#5a5a5a; background-image:inherit; /*position:relative;*/ display:block; float:none; margin:0; padding:2px; z-index:100; }
#ul_menu ul li a						{ color:#fff; padding:2px 10px 2px 10px; height:auto; text-align:left; }
#ul_menu ul li a:hover					{ color:#ff0; text-decoration:none; }

.cadre									{ border:2px solid #333; background-color:#ddd; }
.noborder								{ border:none; }
.separateur								{ padding:0 2px 0 2px; background:url(../img/separateur.gif) repeat-y 0 0; }


/* PAGE PRODUITS ***************************************************************************************************************/
table.tab_produit						{ background-color:#5a5a5a; width:580px; margin:0 0 20px 0; }
table.tab_produit td					{ border-collapse:collapse; }
table.tab_produit td.description		{ width:100%; }
table.tab_produit td.description p		{ color:#fff; margin:5px 15px 0 15px; font-size:12px; }
table.tab_produit td.caracteristique	{ color:#5a5a5a; font:bold 10px arial, Helvetica; background-color:#fff; padding:5px 15px 0 15px; }
table.tab_produit td.caracteristique2	{ color:#5a5a5a; font:bold 10px arial, Helvetica; background-color:#fff; padding:5px 15px 0 0; }
table.tab_produit td.photo				{ width:215px; }
table.tab_produit td.photo img			{ border:1px solid #fff; width:213px; margin:0; }
table.tab_produit td.thumbs				{ width:68px; }
table.tab_produit td.thumbs img			{ border:1px solid #fff; width:65px; margin:0 0 4px 0; float:left; clear:left; }
table.tab_produit td.thumbs img.last	{ border:1px solid #fff; width:65px; margin:0; float:left; clear:left; }

table.tab_produit td.presentation		{ background-color:#333; padding:20px 0; }
table.tab_produit td.presentation h6	{ font-size:14px; margin:0; text-align:center; }
table.tab_produit td.presentation h6 b	{ color:#fff; }

/* PAGE MENTIONS ***************************************************************************************************************/
.tab_mentions							{ background-color:#000; width:100%; margin:10px 0 20px 80px; }


/* PAGE CONTACT *****************************************************************************************************************/
.input_contact							{ width:190px; }

/* FORMULAIRES */
form									{ margin:0; padding:0; }
label									{ font-size:11px; margin:0 10px 0 0; padding:0; color:#333; font-weight:bold; float:right; }
input[type=text], select, textarea		{ color:#333; font:normal 12px arial, Helvetica; border:1px #333 solid; }
input[type=text]:hover,
select:hover,
textarea:hover							{ border:1px #f00 solid; }

/****************************************************************************************************************/
/* POPUP */
/****************************************************************************************************************/
#bgPub                      { position:absolute; top:0; left:0; z-index:1000; width:100%; height:100%; background-image:url(../img/black-70.png); }
#pub					              { position:absolute; left:50%; top:50%; width:600px; height:448px; margin-left:-300px; margin-top:-224px; z-index:2000; }
div.close                   { text-align:right; background-color:#000; padding:2px 5px; }
div.close a                 { font-size:10px; color:#fff; text-decoration:underline; }
div.close a:hover           { color:#f00; }