/* FEUILLE DE STYLES ATREFLAM **************************************************************************************************/

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


/* STRUCTURE */
#tablo							{ width:920px; margin:0; padding:0;}
td.td_top						{ background:url(../img/logo_bottom.jpg) 0 0 no-repeat; width:920px; height:43px; margin:0; padding:0; }

.content_tot					{ width:747px; background:#fff url(../img/bg_page.jpg) 0 0 no-repeat; margin:0; padding:0; }
.page							{ margin:20px 10px 0 50px; }
.accueil						{ background:url(../img/bg_acc1.jpg) 0 0 no-repeat; width:747px; height:404px; }
#col_gauche						{ background:#fff url(../img/bg_page.jpg) 0 0 no-repeat; margin:0; padding:0; width:250px; border-right:2px dotted #a2a2a2; }
#content_gauche					{ margin:20px 10px 0 50px; }
#content						{ width:497px; background-color:#fff; margin:20px 10px 0 20px; padding:0; }

#footer p						{ margin-top:5px; color:#a2a2a2; font-size: 10px; }
#footer a, #footer a:hover		{ color:#a2a2a2; font-size: 10px; }

/* DIV PRINCIPAUX ***************************************************************************************************************/
/* couleurs */
.gris							{ color:#333; }
.orange							{ color:#e65a00; font-weight:bold; }
.jaune							{ color:#ffb400; }


/* Séparateurs */
.separator_h					{ width:100%; border-top:2px dotted #ccc; margin:5px 0 0 0; height:10px; }


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

/* titres */
h1								{ font:bold 14px arial; text-transform:uppercase; margin:15px 0 0 0; text-align:right; padding:0; color:#fff; }
h2								{ font:bold 16px arial; text-transform:uppercase; color:#e65a00; margin:10px 0 5px 0; }
h3								{ font:bold 12px arial; text-align:left; text-transform:uppercase; color:#333; margin:0; }
h4								{ font:bold 11px arial; text-align:center; color:#333; margin:0; }

/* liens */
a								{ color: #ff5400; font-size:11px; }
a img							{ border:none; }
a:hover							{ text-decoration: underline; color:#cc0000; }

.lien_gris 						{ color:#8a8a8a; font-size:10px; text-decoration:none; }
.fabricant 						{ background-color:#e65a00; }
.fabricant a					{ color:#fff; font-size:10px; text-decoration:none; }
.fabricant a:hover				{ color:#fff; font-size:10px; text-decoration:none; padding:0 5px 0 5px; border-width:0 5px 0 5px; border-style:solid; border-color:#fff; }


/* listes */
li.menu							{ float:right; margin:0 0 0 20px;  padding:10px 0 0 0; list-style:none; display:inline; font-weight:bold; text-transform:uppercase; border-left:2px dotted #333; }
li.menu a						{ padding:0 10px 0 10px; color:#fff; text-decoration:none; }
li.menu a:hover					{ text-decoration:none; color:#333; }
li.menu a.actif							{ text-decoration:none; color:#333; }

ul								{ list-style-image: url(../img/puce.gif); font-size:11px; margin:0 0 5px 0; padding:2px 0 2px 20px; }
ul.ul_menu						{ list-style-image: url(../img/puce.gif); font-size:11px; margin:0 0 5px 5px; }
ul li								{ padding:2px 0 0 2px; margin:0; }


/* Homepage */
.accueil h2           { text-align:center; font-size:18px; color:#000; text-transform:none; font-weight:normal; }
.accueil p            { text-align:center; font-size:10px; color:#c00; margin:10px 0; }
/*ul.ul_acc						{ margin:0 0 0 40px; padding:0 20px 0 10px; }
ul.ul_acc li					{ list-style-image: url(../img/puce.gif); font-size:11px; margin:0; line-height:11px; font-weight:bold; }
.newsHome						{ width:245px; color:#e65a00; text-align:center; margin:10px 0 5px 30px; }
.newsHome strong				{ display:block; }
.adressHome						{ text-align:center; font-size:18px; margin:15px 0 30px 0; }
.adressHome b					{ font-size:30px; color:#e65a00; }*/

/* Produits */
table.produits					{ width:490px; }
td.fiche1						{ text-align:center; padding:5px; background-color:#e5e5e5; width:243px; }
td.fiche2						{ text-align:center; padding:5px; background-color:#f0f0f0; width:243px; }


/* Formulaires */
legend							{ font:12px arial; color:#333; font-weight:bold; padding:0 10px 0 5px; text-transform:uppercase; }
label							{ font-size:11px; margin:0 10px 0 0; padding:0; color:#333; font-weight:bold; float:right; }
fieldset						{ border:3px solid #e0e0e0; padding:5px; width:500px;}

input[type=text], select, textarea	{ border:1px #e0e0e0 solid; }
input[type=text]:hover, select:hover, textarea:hover { border:1px #ff5400 solid; }
input.bouton					{ width:51px; height:22px; background:url(../img/bouton.gif) 0 0 no-repeat; color:#ff5400; margin:2px 0 0 5px; }
input.bouton:hover				{ border:none; }
input[type=submit]				{ text-align:center; background:#fff; padding:0 15px 0 15px; border:3px #e0e0e0 solid; margin:3px; }
input[type=submit]:hover		{ border:3px #e65a00 solid; margin:3px; }

.cadre							{ border:3px solid #e0e0e0; margin:10px; }
.cadre_fiche					{ border:3px solid #e0e0e0; }
.cadre_right					{ border:3px solid #e0e0e0; float:right; margin:10px 0 10px 10px; }
.cadre_left						{ border:3px solid #e0e0e0; float:left; margin:10px 10px 10px 0; }


/* Pub Flash PAGE ACCUEIL ########################################### */
#bgPub                  { position:absolute; top:0; left:0; z-index:1000; width:100%; height:100%; background-image:url(../img/black-50.png); }
#pub					{ position:absolute; left:50%; top:50%; width:660px; height:260px; margin-left:-330px; margin-top:-130px; 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:#F80; }
/* FIN Pub Flash PAGE ACCUEIL ####################################### */