/* feuille de style - Deco diams */ body { scrollbar-arrow-color:EC008C; scrollbar-track-color:ffffff; scrollbar-shadow-color:ffffff; scrollbar-face-color:#ffffff; scrollbar-highlight-color:ffffff; scrollbar-darkshadow-color:ffffff; margin: 0 0 0 0px; padding: 0 0 0 0; scrollbar-3dlight-color:EC008C; background: url(../images/fond/bg.gif) left top repeat; } h1 { width: 240px; height: 115px; display: inline; margin: 0 ; padding: 0 ; } h1 a { width: 240px; height: 115px; display: block; text-indent: -5000px; overflow: hidden } h3 { margin: 15px 0 10px 0px; } #main { width:766px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0px auto; position:relative; border: 1px solid #ecbcd8 } #header { width: 766px; height: 218px; background: #ec008c url(../images/fond/header.png) left top no-repeat; } #nav { width: 100%; margin: 0 0 0 0px; padding: 25px 0 0 0; overflow: hidden; } #nav li { float: left; margin: 0 0 0 0px; padding: 0 0 0 0; } #nav li a { display: block; text-indent: -5000px; overflow: hidden; margin: 0 0 0 0px; padding: 0 0 0 0; } #nav li a.peinture { width: 127px; height: 76px; background: url(../images/menu/peinture_off.gif) left top no-repeat; } #nav li a.peinture:hover { width: 127px; height: 76px; background: url(../images/menu/peinture_on.gif) left top no-repeat; } #nav li a.kit { width: 126px; height: 76px; background: url(../images/menu/kit_off.gif) left top no-repeat; } #nav li a.kit:hover { width: 126px; height: 76px; background: url(../images/menu/kit_on.gif) left top no-repeat; } #nav li a.transfer { width: 121px; height: 76px; background: url(../images/menu/asec_off.gif) left top no-repeat; } #nav li a.transfer:hover { width: 121px; height: 76px; background: url(../images/menu/asec_on.gif) left top no-repeat; } #nav li a.mirror { width: 122px; height: 76px; background: url(../images/menu/accessoires_off.gif) left top no-repeat; } #nav li a.mirror:hover { width: 122px; height: 76px; background: url(../images/menu/accessoires_on.gif) left top no-repeat; } #nav li a.video { width: 122px; height: 87px; background: url(../images/menu/video_off.gif) left top no-repeat; position:relative; top: -13px; left: 2px; } #nav li a.video:hover { width: 122px; height: 87px; background: url(../images/menu/video_on.gif) left top no-repeat; } #nav li ul li a { color: #fff } #nav li.peinture ul li { background-color: #bed600 } #nav li.kit ul li { background-color: #842d02 } #nav li.transfer ul li { background-color: #60c5ba } #nav li.mirror ul li { background-color: #662d91 } #nav li.video ul li { background-color: #fcaf17 } ul#lastMenu li { position:relative; top: -4px; left: 0px; } /* Sous niveau */ #nav li ul { width: 186px; overflow: hidden; margin: 0; padding: 3px 0 7px 0; position: absolute; left: -999px } #nav li ul li { float: left; height: auto; text-align: left; background: none; padding: 3px 0px; margin: 0 0 0 0px; width: 186px; } #nav li ul li a { display: block; font: bold 12px verdana; margin: 0 0 0 0px; text-decoration: none; height: auto; padding: 0 0 0 5px; text-indent: 0 } #nav li ul li a:hover { text-decoration: underline; } /* Appel du 1er sous menu */ #nav li ul {position: absolute; left: -999px; } #nav li:hover ul , ul#nav li.sfhover ul { display: block; left: auto; } .secondMenu { position: absolute; top: 126px; right: 0px; } .secondMenu * { margin: 0 0 0 0px; padding: 0 0 0 0; border: none} #container { padding: 20px 0 0 0; background-color: #fff; } #content { } #cont { } /* accueil */ .en-tete-accueil { width:766px; overflow:hidden;} #footer { overflow: hidden; padding: 0 0 10px 0; } #footer p.first { width: 380px; color: #662d91; font: normal 11px verdana; font-weight: normal; padding: 0 0 0 20px } .fright { color: #662d91; float: right; height: 56px; padding: 0 66px 0 0; background: url(../images/fond/oz.png) right top no-repeat; text-align :right; } .fright a { color: #662d91;} /* */ li { margin: 0 ; padding: 0 ; list-style: none; color: #662D91 } .clear { clear:both; line-height:0; height:0; } /* Accueil */ .spirale { width: 741px; height: 71px; padding: 5px 0 6px 5px; margin: 0 0 15px 0px; background: url(../images/fond/spirale.gif) left top no-repeat; } .spirale p { color: #ed008c } .bg_1 { float: left; width: 391px; height: 179px; padding: 35px 0 0 0; background: url(../images/fond/bg_1.png) left top no-repeat; position:relative; } .bg_2 { float:left; height:170px; padding:44px 0 0; position:relative; width:365px; background: url(../images/fond/bg_2.png) left top no-repeat; position:relative; } .bg_3 { float: left; width: 391px; height: 186px; padding: 35px 0 0 0; background: url(../images/fond/bg_3.png) left top no-repeat; position:relative; } .bg_4 { float: left; width: 367px; height: 179px; padding: 35px 0 0 0; margin: 0 0 15px 0px; background: url(../images/fond/bg_4.png) left top no-repeat; position:relative; } .bg_1 p { width: 132px; padding: 0 10px 0 22px } .bg_2 p { width: 123px; padding: 15px 10px 0 39px } .bg_3 p { width: 147px; padding: 34px 5px 0 24px} .bg_4 p { padding: 25px 10px 0 35px; width: 118px; } .bg_1 p.savoir a { display: block; width: 170px; height: 40px; position: absolute;bottom: 10px; right: 0px; text-indent: -5000px; overflow: hidden; } .bg_2 p.savoir a { display: block; width: 170px; height: 40px; position: absolute;bottom: 10px; right: 0px; text-indent: -5000px; overflow: hidden; } .bg_3 p.savoir a { display: block; width: 170px; height: 40px; position: absolute;bottom: 0px; right: 0px; text-indent: -5000px; overflow: hidden; } .bg_4 p.savoir a { display: block; width: 170px; height: 40px; position: absolute;bottom: 0px; right: 0px; text-indent: -5000px; overflow: hidden; } p.centerSlogan { margin: 10px 0 10px 0px; text-align: center; } p.marges { padding: 0 20px } p.marges a { color: #662d91 } .first { margin: 0 75px 0 0px; } .marquee{background:none repeat scroll 0 0 #60C5BA;color:#692C90;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:bold;line-height:13px;padding:8px 0;} .title-home {display:inline; width:470px; padding: 15px 0 0 0} /* fiches */ table.premierProduits { background-color: #fef0f8; margin: 0 auto 15px auto; width: 90% } table.premierProduits td { background-color: #fef0f8; margin: 0 auto; width: 33%; text-align: center; padding: 10px } table.premierProduits td a { color: #662d91 } table.tableColor { background-color: #fef0f8; margin: 0 auto; width: 90% } table.tableColor a { color: #662d91 } /* Kit deco */ .format2 { padding: 0 20px } .format2 h3 { padding: 25px 0 15px 0; } .paraFloat { } .paraFloat p { float: left; width: 225px; } .float3Para { overflow: hidden; clear: both; zoom:1; } .float3Para p { float: left; margin: 0 ; padding: 0 } .float3Para .first1 { width: 40%; text-align: center; } .float3Para .second { width: 20%; padding: 80px 0 0 0px; text-align: center; } .float3Para .second a { color: #662d91 } .float3Para .three { width: 40%; text-align: center; } .border2 { border: 1px solid #eb1492 } /* Videos */ .format .object { width: 445px; margin: 0 auto; } /* themesdesc */ .format .fleftTitre { float: left; margin: 0 25px 0 0px; } /* Tout savoir / peinture */ .bl1_savoir { float: left; width: 270px; margin: 0 0 0 10px; padding: 110px 0 0 0; } .bl2_savoir { float: left; width: 220px; margin: 0 15px 0 5px } .bl3_savoir { float: left; width: 220px; } p.centerIMG { text-align: center; } p.centerIMG .first { margin: 0 120px 0 0px; } /* Le trio / peinture */ .fLeft1 { float: left; padding: 0 0 0 15px; text-align: center; } .fLeft2 { float: left; padding: 0 0 0 63px; text-align: center; } .fLeft1 span, .fLeft2 span { margin: 6px 0 0px 0px; display: block; } .floatPara2 { overflow: hidden; } .floatPara2 p { float: left; width: 50% } /* peinture/savoir */ .centerliens { text-align: center; } .centerliens a { /*display: block; float: left; margin: 0 20px; */ } /* Contact */ .carnet { width: 590px; height: 332px; margin: 0 auto; padding: 10px 20px; background: url(../images/fond/carnet5.gif) left top no-repeat; overflow: hidden; } .carnet6 { width: 590px; height: 65px; padding: 10px 20px; margin: 0 auto; background: url(../images/fond/carnet6.gif) left top no-repeat; clear: both; } .carnet6 p { margin: 0 0 0 0px; padding: 0 0 0 0; } .contactform { } .contactform .colonne1 { float: left; width: 280px; padding: 0 0 0 14px } .contactform .colonne2 { float: left; width: 290px; } .contactform .colonne2 label.lbleft{ width: 160px; } .contactform label.lbleft { display: block; float: left; width: 80px; height: 15px; padding: 0 0 0 15px; background: url(../images/puce/1.gif) left top no-repeat; } .contactform p.bita { font: italic normal 11px arial } p.conformement { width: 613px; margin: 0 auto 35px auto; font: normal 9px arial; text-align: center; } .contactform p.centerbut { clear: both; text-align: center; } /* quizzForm */ form.quizzForm .colonne1 { float: left; width: 316px } form.quizzForm .colonne2 { float: left; width: 316px } form.quizzForm .colonne1 label , form.quizzForm .colonne2 label { display: block; width: 125px; float: left; padding: 2px 0 0 19px; height: 18px; background: url(../images/puce/1.gif) left top no-repeat; } form.quizzForm p.centerbut { clear: both; text-align: center; } textarea#reponse1, textarea#reponse2 { width: 613px; } /* */ .format .parafloatMirroir { float: left; text-align: center; } .format .parafloatCoussin { float: left; text-align: center; } .format .parafloatMirroir1 { float: left; text-align: center; padding: 0 50px 0 135px } .format .parafloatCoussin1 { float: left; text-align: center; padding: 0 50px 0 95px } /* PARAMETRES GENERAUX */ /* définition de la police texte, tableau (couleur, police taille) */ .td,p,body,table {FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR:#662D91; FONT-SIZE:12px; LINE-HEIGHT:13px;} .emploi {FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR:#662D91; FONT-SIZE:11px; LINE-HEIGHT:11px;} .rose {FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR:#ED008C; font-weight:bold; FONT-SIZE:13px; LINE-HEIGHT:13px;} .rose2 {FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR:#EC008C; font-weight:bold; FONT-SIZE:12px; LINE-HEIGHT:11px;} .sstitre {FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR:#662D91; font-weight:bold; FONT-SIZE:16px; LINE-HEIGHT:15px; padding: 20px 0 15px 0px; } .center { text-align: center; } .fr { float: right; position:relative; top: -5px; left: -25px; } .format { padding: 0 30px } .format p { margin: 0 0 10px 0px; } .fRight { float: right; } .flleft { float: left; } .flright { float: right; } .cb { clear: both; } .tr { text-align :right; } .fleft { float: left; margin: 0 10px 10px 0px; } .fright2 { float: right; margin: 0 0 10px 10px; } .bordered { border: 1px solid #e63b8a } .violet2 { color: #662D91 } /*Couleurs personnalisables admin */ .idee1 {BACKGROUND-COLOR: #EC008C; color: #ffffff} .idee2 {BACKGROUND-COLOR:#FEF0F8; color:#662D91} .idee3 {BACKGROUND-COLOR:#ffffff; color:#EC008C} /* fond bandeau haut mon compte */ #bandeau {BACKGROUND-COLOR:#164476} /* fond bas de page */ #bas {BACKGROUND-COLOR:#F0F0F0} /* scroll orange */ FORM {margin:0px;} /* personnalisation des liens hypertextes */ A:link {font-family: Tahoma; font-size: 11px; font-weight:bold; text-decoration: underline; color:662D91;} A:visited {font-family: Tahoma; font-size: 11px; font-weight:bold; text-decoration: underline; color:662D91;} A:active {font-family: Tahoma; font-size: 11px; font-weight:bold; text-decoration: underline; color:662D91;} A:hover {font-family: Tahoma; font-size: 11px; font-weight:bold; text-decoration: none; color:662D91;} /* personnalisation des liens hypertextes */ a.violet2:link {font-family: Tahoma; font-size:11px; font-weight:bold; text-decoration: underline; color:662D91;} a.violet2:visited {font-family: Tahoma; font-size:11px; font-weight:bold; text-decoration: underline; color:662D91;} a.violet2:active {font-family: Tahoma; font-size:11px; font-weight:bold; text-decoration: underline; color:662D91;} a.violet2:hover {font-family: Tahoma; font-size:11px; font-weight:bold; text-decoration: none; color:662D91;} /* personnalisation des liens hypertextes */ a.rose:link {font-family: Tahoma; font-size:11px; font-weight:bold; text-decoration: underline; color:white;} a.rose:visited {font-family: Tahoma; font-size:11px; font-weight:bold; text-decoration: underline; color:white;} a.rose:active {font-family: Tahoma; font-size:11px; font-weight:bold; text-decoration: underline; color:white;} a.rose:hover {font-family: Tahoma; font-size:11px; font-weight:bold; text-decoration: none; color:white;} a.rose2:link {font-family: Tahoma; font-size:11px; font-weight:bold; text-decoration: underline; color:ED008C;} a.rose2:visited {font-family: Tahoma; font-size:11px; font-weight:bold; text-decoration: underline; color:ED008C;} a.rose2:active {font-family: Tahoma; font-size:11px; font-weight:bold; text-decoration: underline; color:ED008C;} a.rose2:hover {font-family: Tahoma; font-size:11px; font-weight:bold; text-decoration: none; color:ED008C;} /* bloc sous menu vert 1*/ #ssmenu1z {BACKGROUND-COLOR: #BED600; color: #ffffff; padding:7px; padding-left:20px; width:170px} #ssmenu1z ul {list-style: none; padding: 0; margin: 0;} #ssmenu1z li {list-style: none; padding: 0; margin: 0} /* personnalisation des liens hypertextes */ a.vert:link {font-family: Tahoma; font-size:13px; font-weight:bold; text-decoration: none; color:white;} a.vert:visited {font-family: Tahoma; font-size:13px; font-weight:bold; text-decoration: none; color:white;} a.vert:active {font-family: Tahoma; font-size:13px; font-weight:bold; text-decoration: none; color:white;} a.vert:hover {font-family: Tahoma; font-size:13px; font-weight:bold; text-decoration: underline; color:white;} /* bloc sous menu vert 1*/ #ssmenu2z {BACKGROUND-COLOR: #60C5BA; color: #ffffff; padding:7px; padding-left:20px; width:170px} #ssmenu2z ul {list-style: none; padding: 0; margin: 0;} #ssmenu2z li {list-style: none; padding: 0; margin: 0} /* personnalisation des liens hypertextes */ a.bleu:link {font-family: Tahoma; font-size:13px; font-weight:bold; text-decoration: none; color:white;} a.bleu:visited {font-family: Tahoma; font-size:13px; font-weight:bold; text-decoration: none; color:white;} a.bleu:active {font-family: Tahoma; font-size:13px; font-weight:bold; text-decoration: none; color:white;} a.bleu:hover {font-family: Tahoma; font-size:13px; font-weight:bold; text-decoration: underline; color:white;} /* bloc sous menu orange 3*/ #ssmenu3z {BACKGROUND-COLOR: #FCAF17; color: #ffffff; padding:7px; padding-left:20px; width:170px } #ssmenu3z ul {list-style: none; padding: 0; margin: 0;} #ssmenu3z li {list-style: none;padding: 0; margin: 0} /* personnalisation des liens hypertextes */ a.orange:link {font-family: Tahoma; font-size:13px; font-weight:bold; text-decoration: none; color:white;} a.orange:visited {font-family: Tahoma; font-size:13px; font-weight:bold; text-decoration: none; color:white;} a.orange:active {font-family: Tahoma; font-size:13px; font-weight:bold; text-decoration: none; color:white;} a.orange:hover {font-family: Tahoma; font-size:13px; font-weight:bold; text-decoration: underline; color:white;} /* bloc sous menu violet 4*/ #ssmenu4z {BACKGROUND-COLOR: #662D91; color: #ffffff; padding:7px; padding-left:20px; width:170px} #ssmenu4z ul {list-style: none; padding: 0; margin: 0;} #ssmenu4z li {list-style: none; padding: 0; margin: 0} /* personnalisation des liens hypertextes */ a.violet:link {font-family: Tahoma; font-size:13px; font-weight:bold; text-decoration: none; color:white;} a.violet:visited {font-family: Tahoma; font-size:13px; font-weight:bold; text-decoration: none; color:white;} a.violet:active {font-family: Tahoma; font-size:13px; font-weight:bold; text-decoration: none; color:white;} a.violet:hover {font-family: Tahoma; font-size:13px; font-weight:bold; text-decoration: underline; color:white;} /* bloc sous menu marron 5*/ #ssmenu5z {BACKGROUND-COLOR: #842D02; color: #ffffff; padding:7px; padding-left:20px; width:170px} #ssmenu5z ul {list-style: none; padding: 0; margin: 0;} #ssmenu5z li {list-style: none; padding: 0; margin: 0;} /* personnalisation des liens hypertextes */ a.marron:link {font-family: Tahoma; font-size:13px; font-weight:bold; text-decoration:none; color:white;} a.marron:visited {font-family: Tahoma; font-size:13px; font-weight:bold; text-decoration:none; color:white;} a.marron:active {font-family: Tahoma; font-size:13px; font-weight:bold; text-decoration:none; color:white;} a.marron:hover {font-family: Tahoma; font-size:13px; font-weight:bold; text-decoration: underline; color:white;} a.bas:link {font-family: Tahoma; font-size: 11px; font-weight:normal; text-decoration:underline; color:#662d91;} a.bas:visited {font-family: Tahoma; font-size: 11px; font-weight:normal; text-decoration:underline; color:#662d91;} a.bas:active {font-family: Tahoma; font-size: 11px; font-weight:normal; text-decoration:underline; color:#662d91;} a.bas:hover {font-family: Tahoma; font-size: 11px; font-weight:normal; text-decoration:none; color:#662d91;} /* champs de formulaire */ .form {background:#EC008C; font-weight:normal; text-decoration:none; color:#ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11 px; border: 1px outset; border-color:#FBCCE8} /*Couleurs personnalisables admin */ #admin1 {BACKGROUND-COLOR: #EC008C; color: #ffffff} #admin2 {BACKGROUND-COLOR:#FEF2F9; color:#EC008C} a.admin:link {text-decoration: none; color:#666666; font-weight: bold;font-size:11px} a.admin:visited {text-decoration: none; color:#666666; font-weight: bold; font-size:11px} a.admin:hover {text-decoration: underline; color:#8FC126; font-weight: bold; font-size:11px} /* administration : couleur de contour tableau gestion produits */ .couleur1 { background-color: #ffffff; border-color: #eeeeee #eeeeee #eeeeee #eeeeee; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; ; margin-top: 25px; margin-right: 25px; margin-bottom: 25px; margin-left: 25px } /* administration : couleur de contour tableau gestion produits */ .contour { background-color: #ffffff; border-color: #ECBCD8 #ECBCD8 #ECBCD8 #ECBCD8; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }