body { background-color: #000; margin: 0; padding: 0 0 30px; }

/* HOME */
#home_page { width: 770px; margin-right: auto; margin-left: auto; padding-top: 40px; }
#flash_home { padding-bottom: 10px; }
.lk_home { color: #d6c482; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; text-align: center; }
.space_lk { text-align: center; margin: 0; padding-bottom: 30px; }
.lk_home:hover { color: #ede3bd; text-decoration: none; }
#home_page #plan { background-position: 100px 0; margin-left: 0; padding-left: 100px; }
#home_page #signature { right: 100px; }



/* HEADER */
#header { }
#bloc_logos { position: relative; width: 990px; height: 85px; margin-right: auto; margin-left: auto; }
#logo_01 { position: absolute; top: 12px; z-index: 1;}
#logo_02 { position: absolute; top: 22px; right: 0; z-index: 1; }
#bande_produits_flash { padding-bottom: 10px; }
/* HEADER / MOTEUR*/
#fd_moteur { background-image: url(http://www.treoitalia.com/images.php?fichier=fd_menu.gif); background-repeat: repeat; background-attachment: fixed; background-position: 0 0; position: absolute; right: 120px; bottom: 0; width: 210px; height: 16px; z-index: 2; }
#scg { position: absolute; left: 0; width: 15px; height: 15px; z-index: 2; }
#scd { position: absolute; right: 0; width: 15px; height: 15px; z-index: 2; }
#moteur { position: absolute; right: 135px; bottom: -18px; z-index: 50; }
#moteur_ok { vertical-align: middle; width: 21px; height: 23px; cursor: pointer; }
#loupe { vertical-align: middle; width: 20px; height: 23px; margin-right: 6px; }
#search { color: #fff; font-size: 12px; font-weight: bold; background-color: #900; background-image: url(http://www.treoitalia.com/images.php?fichier=fd_moteur.gif); background-repeat: repeat-x; background-position: 0 0; vertical-align: middle; width: 136px; height: 16px; padding-top: 4px; padding-left: 4px; border: solid 1px; }
/* HEADER / MENU */
.bande_rouge { background-image: url(http://www.treoitalia.com/images.php?fichier=fd_menu.gif); background-repeat: repeat; background-attachment: fixed; background-position: 0 0; height: 30px; z-index: 0; }
#menu_up { font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; position: absolute; top: 90px; z-index: 50; margin: 0; padding: 0; list-style-type: none; }
#menu_up li { position: relative; float: left; margin: 0; padding: 0 35px 0 5px; }
#menu_up a { color: #fff; text-decoration: none; display: block; }
#menu_up a:hover { color: #000; }
.ombre_menu { vertical-align: middle; position: absolute; top: -5px; right: 0; width: 40px; height: 30px; z-index: 2; }
#espace_pro_connect { background-image: url(http://www.treoitalia.com/images.php?fichier=Espace_pro_up.gif); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 10px; right: 150px; width: 270px; height: 50px; z-index: 1; }
#bt_deco { position: absolute; top: 12px; right: 0; z-index: 2; cursor: pointer; }
/* COL Gauche */
#conteneur { width: 990px; margin-right: auto; margin-left: auto; }
#col_G { position: relative; width: 214px; z-index: 150; float: left; padding-top: 35px; }
#newsletter { color: #666; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; padding-left: 16px; }
#newsletter p { margin: 0; padding: 4px 0; }
#newsletter input { color: #fff; background-color: #000; vertical-align: middle; height: 19px; margin: 0; padding: 2px 0 0 2px; border: solid 1px #363636; }
#msg_newsletter { color: #bcbcbc; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #000; background-image: url(http://www.treoitalia.com/images.php?fichier=chk_on_email.gif); background-repeat: no-repeat; background-position: 10px 10px; position: absolute; top: 85px; left: -10px; width: 175px; height: 15px; z-index: 1; padding: 10px 6px 10px 28px; border: solid 1px #404040; }
#bt_news { vertical-align: middle; }
/* FORM  */
form { margin: 0; padding: 0; }

/* MENU */
#TI_produits { width: 159px; height: 25px; margin-left: 8px; padding-bottom: 20px; }
.suckerdiv{ padding-top: 30px; }

/* CORNERS  */
#corners_up { background-color: #fff; position: relative; width: 770px; height: 8px; }
#corners_down { background-color: #fff; position: relative; width: 770px; height: 8px; }
#CHG { position: absolute; z-index: 1; }
#CHD { position: absolute; right: 0; z-index: 1; }
#CBG { position: absolute; z-index: 1; }
#CBD { position: absolute; z-index: 1; right: 0; }
/* COL DROITE */
.col_D {
	width: 770px;
	/*min-height: 730px;
	height: auto;
	_height: 730px;
	height: 1%;*/
	overflow: hidden;
}
/* HOME PAGE */
#home { padding-top: 10px; }
#contenu { background-color: #fff; }
#bande_produits { margin-bottom: 10px; }
#bloc_news { background-image: url(http://www.treoitalia.com/images.php?fichier=fd_news.gif); position: absolute; top: 180px; right: -787px; width: 278px; height: 372px; z-index: 100; padding-top: 60px; }
#carousel { width: 510px; height: 480px; }
/* LISTE */
#liste { background-color: #fff; background-repeat: no-repeat; background-position: 0 0; padding-top: 100px; }
#fd_h1 {
	/*filter:progid:DXImageTransform.Microsoft.alpha(opacity=70);*/
	background-color: #fdf1d2; height: 36px; filter:alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
#liste_h1 { color: #900; font-size: 24px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; text-transform: uppercase; position: absolute; z-index: 10; margin: 0; padding: 4px 0 0 30px; }
.desc_liste { color: #090909; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 16px; margin: 0; padding: 20px 30px 0; }
#prod_liste { padding-top: 20px; padding-bottom: 50px; padding-left: 30px; }
.produit { color: #d6c482; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #fff; text-align: center; width: 210px; height: 250px; float: left; margin-right: 10px; margin-bottom: 10px; padding: 5px 10px; border: solid 1px; }
.produit-over { color: #a49047; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #fff; text-align: center; margin-right: 10px; margin-bottom: 10px; padding: 5px 10px; width: 210px; height: 250px; float: left; border: solid 1px; cursor: pointer; }
.produit h3, .produit-over h3 { margin: 0; padding: 0; }
#retour_liste, #fil_ariane { font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; position: absolute; z-index: 10; padding-top: 6px; padding-left: 8px; }
#fil_ariane, #fil_ariane a { color: #fdf1d2; }
#fil_ariane a:hover { text-decoration: none; }
#fd_ariane { background-color: #000; height: 24px; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
#fd_retour_liste { background-color: #000; width: 180px; height: 20px; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
#retour_liste a { color: #fff; }
#retour_liste a:hover { text-decoration: none; }
#corner_retour { position: absolute; width: 10px; height: 20px; z-index: 10; margin-left: 180px; }
#visuel { position: relative; width: 330px; height: 316px; z-index: 0; }
#fd_visuel { width: 330px; height: 316px; }
#big { position: absolute; top: 16px; left: 30px; width: 270px; z-index: 2; }
#fiche_liste { padding-top: 20px; padding-bottom: 30px; padding-left: 20px; }
#fiche_liste h1 { color: #900; font-size: 24px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0; }
#fiche_liste h2 { color: #900; font-size: 20px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; margin: 0; padding: 2px 0 8px; }
#fiche_liste h3 { color: #000; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; margin: 0; padding: 0 0 8px; }
#bloc_droit { width: 360px; float: right; padding-top: 20px; padding-right: 16px; padding-bottom: 10px; }
#bloc_droit #desc { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#grille_produits { color: #6a481a; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; width: 98%; }
#grille_produits td { padding: 4px; }
#grille_produits .left { padding-left: 14px; }
#grille_produits .entete { color: #6a481a; border-top: 1px solid #e0c993; }
#grille_produits .enteteLeft { color: #6a481a; padding-left: 14px; border-top: 1px solid #e0c993; }
.style1 { background-color: #e0c993; }
.style2 { background-color: #eadfc3; border-top: 1px solid #fff; }
#grille_produits a { color: #900; font-weight: bold; }
#grille_produits a:hover { font-weight: bold; text-decoration: none; }
#grille_produits .cell_bt { text-align: right; }
/* FICHE  */
#mdd { position: absolute; top: 25px; right: -18px; width: 87px; height: 87px; z-index: 4; }
#bio { position: absolute; top: 130px; right: -8px; width: 57px; height: 63px; z-index: 4; }
#download { position: absolute; left: 48px; bottom: 18px; z-index: 4; }
#download a { color: #2dc027; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; padding: 2px 4px; }
#download a:hover { color: #fff; font-weight: bold; background-color: #2dc027; text-decoration: none; }
#picto_download { vertical-align: middle; width: 22px; height: 22px; }
#BT_download { margin-right: 10px; }
#boutons_fiche { padding-bottom: 10px; }
#bloc_scroller { background-color: #000; position: absolute; width: 230px; height: 60px; z-index: 10; margin-top: -40px !important; margin-left: 540px; }
#corner_scroller { position: absolute; left: -10px; width: 10px; height: 60px; z-index: 10; }
/* PAGES FIXES   */
.back_home { color: #d6c482; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; position: absolute; left: 0; z-index: 1; }
.back_home:hover { text-decoration: none; }
#societe, #equipe, #presse, #presence, #ns_contacter,#liens, #resultat, #fiche_news, #mentions_legales { position: relative; width: 770px; padding-top: 10px; padding-bottom: 80px; padding-left: 200px; }
#societe h1, #equipe h1, #presse h1, #presence h1, #ns_contacter h1, #liens h1, #resultat h1,#fiche_news h1 { color: #900; font-size: 24px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; padding-left: 20px; }
#societe p { line-height: 18px; }
#contenu_societe { color: #bcbcbc; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-left: 50px; }
#equipe { color: #bcbcbc; }
#equipe h2 { color: #000; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #d6c482; text-align: center; margin: 0 0 10px; padding: 2px 6px; }
#equipe label { color: #5a5a5a; }
#equipe .fiche { font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; width: 218px; float: left; margin-right: 10px; margin-bottom: 20px; padding: 10px; border: solid 1px #3c3c3c; }
#equipe .nom { color: #d6c482; font-weight: bold; padding-top: 10px; padding-bottom: 4px; }
#equipe p { margin: 0; padding: 2px 0; }
#equipe a { color: #d6c482; text-decoration: underline; }
#equipe a:hover { color: #898163; text-decoration: none; }
.bloc_presse { color: #d6c482; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; position: relative; width: 510px; height: 90px; margin-bottom: 10px; padding: 10px 10px 10px 150px; border: solid 1px #2b2b2b; }
.bloc_presse p { margin: 0; padding: 0; }
.bloc_presse .journal { font-size: 18px; font-weight: bold; }
.article_vignette { position: absolute; left: 10px; }
.logo_journal { position: absolute; right: 10px; }
.date { font-size: 12px; }
.type_fichier { color: #900; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; position: absolute; bottom: 10px; }
.type_fichier a { color: #900; }
.type_fichier a:hover { text-decoration: none; }
.ico_type { vertical-align: middle; }
#liste_references { color: #d6c482; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; font-style: normal; width: 250px; float: right; padding: 10px; border: solid 1px #2b2b2b; }
#liste_references h2 { font-size: 14px; font-weight: bold; text-transform: uppercase; word-spacing: 1px; letter-spacing: 1px; }
#liste_references li { margin: 0; padding: 0 0 6px; }
#presence .ti{color: #d6c482; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight:bold; text-decoration: none; clear: left; padding-top: 10px; padding-bottom: 16px;}
#accueil_boutiques { color: #666; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; font-style: normal; padding-top: 20px; padding-left: 24px; }
#accueil_boutiques p { margin: 0; padding: 0; }
#accueil_boutiques h3 { color: #d6c482; font-weight: bold; margin: 0; padding: 0 0 4px; }
#accueil_boutiques a { color: #666; }
#accueil_boutiques a:hover { color: #666; text-decoration: none; }
.ti_img { clear: left; padding-top: 10px; padding-bottom: 16px; }
.bloc_boutique { width: 220px; float: left; margin-right: 8px; margin-bottom: 12px; }
.visuel_boutique { margin-top: 10px; border: solid 1px #666; }
.visuel_boutique:hover { margin-top: 10px; border: solid 1px #d6c482; }
.un_lien { color: #666; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; border-bottom: 1px solid #2b2b2b; }
.un_lien a { color: #900; }
.un_lien a:hover { color: #da6060; text-decoration: none; }
.un_lien p { margin: 0; padding: 0; }
.visu { position: absolute; right: 10px; }
#keyword { color: #d6c482; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; }
#nbre_result { color: #d6c482; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; padding-bottom: 20px; }
#info_result { background-image: url(http://www.treoitalia.com/images.php?fichier=fd_bloc_resultats.gif); background-repeat: no-repeat; background-position: 0 0; width: 516px; height: 77px; padding-top: 20px; padding-left: 20px; }
#resultat .r_lien { color: #666; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; }
#resultat .chemin { font-size: 10px; margin: 0; padding: 0; }
.r_lien a { color: #900; font-size: 14px; }
.r_lien a:hover { color: #da6060; text-decoration: none; }
.c_news { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 4px 20px 20px; }
.c_news a { color: #900; }
.c_news a:hover { text-decoration: none; }
.c_news h2 { color: #900; font-size: 26px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; }
#fiche_news { position: relative; }
#abs { position: absolute; left: 20px; }
#autres_news { color: #bcbcbc; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; left: -250px; width: 150px; float: left; margin: 0; padding: 0; list-style-type: square; }
#autres_news li { padding-top: 4px; padding-bottom: 4px; }
#autres_news a { color: #bcbcbc; }
#autres_news a:hover { color: #bcbcbc; text-decoration: none; }

/* MENTIONS LEGALES */
#mentions { width: 700px; margin-right: auto; margin-left: auto; padding: 20px; }
#mentions, #mentions a:link, #mentions a:visited { color: #747474; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#mentions a:hover, #mentions a:active { color: #3f3f3f; text-decoration: none; }
#mentions h1 { color: #424242; margin: 0; padding: 20px 0; }
#mentions h2 { color: #424242; font-size: 12px; }
#mentions .pmentions  { margin: 0 0 10px; padding-bottom: 14px; border-bottom: 1px solid #2b2b2b; }
.prestataire { text-align: center; width: 200px; height: 130px; margin: 0; padding-right: 10px; padding-left: 10px; }
#les_prestataires {  }
#bloc_affichage {  }
#bloc_affichage #infos_nav { list-style-type: square; }
#bloc_affichage ul { margin: 0; padding: 0; list-style-type: square; }
#bloc_affichage li { width: 100px; margin-left: 18px; padding-top: 4px; padding-bottom: 6px; }
.version { font-size: 8px; }



/* FORMULAIRE */
form { color: #5a5a5a; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#form_contact { padding-left: 25px; }
#form_contact label { width: 125px; float: left; }
#form_contact h3 { color: #d6c482; font-size: 12px; font-weight: bold; background-color: #151515; margin: 0 0 12px; padding: 8px; }
#form_contact em { color: #900; font-size: 9px; margin-bottom: 10px; padding-bottom: 10px; }
#form_contact textarea, #form_contact input { border: solid 1px #151515; }
#form_contact textarea { color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 10px; }
#form_contact #BT_Envoyer { cursor: pointer; }
#bt_form { width: 134px; margin-right: auto; margin-left: auto; }
#ns_contacter #msg { color: #5ca353; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(http://www.treoitalia.com/images.php?fichier=chk_on_email.gif); background-repeat: no-repeat; background-position: 10px 10px; padding: 10px 20px 12px 32px; border: solid 1px #151515; }
#ns_contacter #msg_error { color: #e12224; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(http://www.treoitalia.com/images.php?fichier=chk_off_email.gif); background-repeat: no-repeat; background-position: 10px 10px; margin-bottom: 8px; padding: 10px 20px 12px 32px; border: solid 1px #151515; }
.etoile_rouge { color: #900; }
/* FOOTER */
#footer { background-color: #090909; background-image: url(http://www.treoitalia.com/images.php?fichier=fd_espacePro.gif); background-repeat: no-repeat; background-position: 0 0; position: relative; width: 990px; height: 70px; }
#F_CHD { position: absolute; right: 0; z-index: 1; }
#F_CBD { position: absolute; z-index: 1; right: 0; bottom: 0; }
#espace_pro { position: relative; width: 178px; padding-top: 16px; padding-left: 38px; }
#espace_pro p { margin: 0; padding: 4px 0 0; }
#espace_pro input { font-size: 10px; width: 116px; height: 11px; margin: 0; }
#EP_bt_valid { position: absolute; top: 3px; right: -1px; cursor: pointer; }
#bloc_adresse { color: #dedede; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; position: absolute; top: 16px; right: 16px; }
/* PLAN */
#plan { background-image: url(http://www.treoitalia.com/images.php?fichier=pointilles_zone_plan.gif); background-repeat: repeat-y; background-position: 220px 0; position: relative; width: 770px; margin: 0; padding: 0 0 0 220px; }
.bloc_liens { width: 180px; float: left; margin-right: 10px; margin-bottom: 0; padding-bottom: 18px; padding-left: 18px; }
.bloc_liens a { color: #aaa; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none; }
.bloc_liens a:hover { color: #fff; text-decoration: underline; }
.bloc_liens h5 { color: #d6c482; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; margin: 0; padding: 12px 0; }
.bloc_liens ul { margin: 0; padding: 0; list-style-type: none; }
.bloc_liens li { margin: 0; padding: 0; }
#signature { color: #666; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; position: absolute; right: 0; }
#signature a { color: #666; }
#signature a:hover { color: #a0a0a0; text-decoration: none; }