/**** FEUILLE DE STYLE FELOR ALGO ************************************************************************************/ /*****************************************************************************************************************************/ /**** GÉNÉRAL ************************************************************************************/ * { font-family:Arial, Helvetica, sans-serif; } body { margin:0; padding:0; font-size:12px; color:#333; text-align:center; background:#8cd2f0 url(../img/bg.jpg) no-repeat 0 0; } td { font-size:12px; color:#333; } h1, h2, h3, h3 *, h4, h5, h6 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0; } img { border:0; } p { margin:0 0 10px 0; text-align:justify; } form { margin:0; padding:0; } input[type=text], select, textarea { font-size:12px; color:#333; vertical-align:middle; border:1px solid #999; } input[type=text]:focus, select:focus, textarea:focus { color:#64af23; border:1px solid #64af23; } /* couleurs */ .bleu { color:#0f4696; } .vert { color:#64af23; } .jaune { color:#ffa000; } .color { color:#ffa000; } /* liens */ a { color:#000; text-decoration:underline; } a:hover { color:#64af23; text-decoration:underline; } /* listes */ ul { margin:0 0 10px 0; padding:0; } ul li { margin:0; padding:0; } ul li { list-style-type:none; list-style-image:url(../img/li.gif); margin:0 0 0 30px; padding:0; text-align:justify; } /* Alignements */ .align_right { text-align:right; } .align_left { text-align:left; } .align_center { text-align:center; } .left { float:left; } .right { float:right; } .clear { clear:both; height:1px; font-size:1px; } .spacer { clear:both; height:2px; font-size:1px; } /**** STRUCTURE ************************************************************************************/ #all { position:relative; margin:10px 0 0 40px; width:920px; text-align:left; float:left; } /**** HEADER ************************************************************************************/ #header { height:180px; position:relative; } h1 { font-size:40px; color:#333; text-transform:uppercase; position:absolute; top:14px; left:180px; } h2 { font-size:36px; color:#6eaf23; position:absolute; top:50px; left:180px; } #header ul { position:absolute; } #header ul.col1 { top:110px; left:150px; } #header ul.col2 { top:110px; left:420px; } #header ul li { font-size:16px; } #logoFelor { position:absolute; top:0; left:0; } #logoAlgo { position:absolute; top:0; right:0; } /**** FOOTER ************************************************************************************/ #footer { position:relative; text-align:center; margin-left:110px; } #footer ul { background-color:#64af23; padding:3px 10px; } #footer ul li { list-style-type:none; margin:0; padding:0; color:#fff; display:inline; } #footer ul li a { margin:0; padding:0 5px; color:#fff; font-size:11px; text-decoration:none; } #footer ul li a:hover { text-decoration:underline; } #CoordPrint { display:none; } .paiement { background:#fff url(../img/bg_blanc.gif) repeat-x 0 100%; padding:4px 10px 2px 10px; text-align:center; margin-bottom:2px; } /**** CONTENT ************************************************************************************/ #content { height:auto !important; position:relative; padding:0 0 20px 0; } h3 { font-size:55px; color:#0f4696; margin-bottom:20px; font-weight:normal; } h4 { font-size:18px; color:#508c0f; text-transform:uppercase; } .inc { margin:0 0 0 110px; } .retour a { width:50px; height:47px; float:left; background:url(../img/retour.gif) no-repeat 0 0; margin:5px 10px 0 0; } a.retour { width:50px; height:47px; float:left; background:url(../img/retour.gif) no-repeat 0 0; margin:5px 0px 0 0; } label { color:#333; font-weight:bold; } .input_contact { width:190px; } /**** HOME ************************************************************************************/ #home { margin-top:40px; } #home h3 { font-size:40px; line-height:40px; } #home h4 { font-size:24px; color:#508c0f; text-transform:uppercase; margin-top:20px; } .peinturealgo { float:right; margin:-30px 0 0 0; } /**** GAMME ************************************************************************************/ .algoHome { margin-top:10px; } .algoVisu { float:left; width:285px; } .algoName { float:left; text-align:left; position:relative; width:300px; margin-top:20px; } .algoName h3 a { color:#0f4696; text-decoration:none; background-repeat:no-repeat; padding-left:50px; background-position:0 15px; } .algoName h3 a:hover { text-decoration:none; } .algoName span { font-size:12px; position:absolute; bottom:15px; } .pictos { float:right; text-align:right; margin-top:35px; } #prim .algoName span { color:#ffaf00; } #prim .algoName h3 a:hover { color:#ffd200; } #prim .algoName h3 a { background-image:url(../img/f_jaune.gif); } #prim .algoName span { right:10px; } #mat .algoName span, #mat .algoName h3 a:hover { color:#00a0dc; } #mat .algoName h3 a { background-image:url(../img/f_bleu.gif); } #mat .algoName span { right:35px; } #satin .algoName span, #satin .algoName h3 a:hover { color:#ff9600; } #satin .algoName h3 a { background-image:url(../img/f_orange.gif); } #satin .algoName span { right:0; } #brill .algoName span, #brill .algoName h3 a:hover { color:#64af23; } #brill .algoName h3 a { background-image:url(../img/f_vert.gif); } #brill .algoName span { right:20px; } /**** FICHE PRODUIT ************************************************************************************/ #colGauche { float:left; width:610px; } #colDroite { margin-left:620px; position:relative; } /* Tableau Tarifs */ #tarifs { } #tarifs table { width:610px; border-collapse:collapse; } #tarifs table th, #tarifs table td { border:2px solid #0066b3; } #tarifs table th { background-color:#c7d2eb; text-align:center; font-style:italic; font-weight:normal; font-size:10px; vertical-align:middle; } #tarifs table th strong { float:left; font-style:italic; font-weight:bold; font-size:14px; text-transform:uppercase; border-bottom:1px solid #0066b3; padding:0 10px; } #tarifs table td { background-color:#fff; padding:5px 10px; vertical-align:top; } #tarifs table td ul { margin:0 0 20px 0; padding:0; } #tarifs table td ul li { margin:0; padding:0; list-style-type:none; list-style-image:none; text-align:right; } #tarifs table td p { text-align:left; } /* Caractéristiques techniques */ #proprietes { float:left; margin:5px 0; padding:15px 0 15px 55px; background:url(../img/infos.gif) no-repeat 0 50%;} #proprietes a { font-size:16px; text-decoration:underline; } #proprietes a:hover { color:#ffa000; } /* Palette Coloris */ #coloris { float:right; margin-top:5px; } #coloris ul, #coloris ul li { margin:0; padding:0; list-style-type:none; list-style-image:none; text-align:right; } #coloris ul li { margin:0; padding:0; display:inline; } #coloris ul li a img { margin:0; padding:0; border:1px solid #fff; } #coloris ul li img.commande { margin:0; padding:0; border:1px solid #fff; cursor:pointer;} /* Visuel packshot */ #visuel { text-align:center; margin-top:70px; padding-bottom:5px; background:url(../img/ombre.gif) no-repeat 50% 100%; } #submitCommand { text-align:center; margin:15px auto;} /**** COMMANDE ************************************************************************************/ table.contenu { width:100%;} /* Tableau Commande */ table.commande { border-collapse:collapse; width:100%;} table.commande th, table.commande td { border:2px solid #0066b3; text-align:center; } table.commande td.align_right { text-align:right; } table.commande th { background-color:#c7d2eb; text-align:center; font-style:italic; font-weight:normal; font-size:10px; vertical-align:middle; } table.commande th strong { float:left; font-style:italic; font-weight:bold; font-size:14px; text-transform:uppercase; border-bottom:1px solid #0066b3; } table.commande td { background-color:#fff; padding:5px; vertical-align:top; } table.commande td.middle { background-color:#fff; padding:5px; vertical-align:middle; } /* Tableau sans bordure */ table.noborder, table.noborder tr td { border:none; vertical-align:middle; padding:0; } /* Tableau Recap Colonne Droite */ .recap { border:2px solid #64af23; padding:20px 0; background-color:#fff; margin-bottom:20px; } .recap table { width:255px; margin:0 auto; } .recap table th, .recap table td{ vertical-align:middle; } .recap table th { text-align:center; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#64af23; } .recap table td { padding:2px 5px; } .recap table td.align_right { text-align:right; } table tr.td1 td { background-color:#b5d518; text-align:left; } table tr.td2 td { background-color:#ebff82; text-align:left; } table tr.total td { background-color:#0066b3; text-align:left; color:#fff; font-size:14px; font-weight:bold; } /* Tableau Transport */ .transport { margin:20px 0 0 0; font-size:10px; float:right; } .transport p { font-weight:bold; } /* Tableau Commande */ table.tabWhite { background-color:#fff; border:2px solid #0066b3; border-collapse:collapse; width:100%; margin-bottom:20px; } table.tabWhite th { font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#0066b3; } table.tabWhite td.align_right { text-align:right; } table.tabWhite td, table.tabWhite th { text-align:left; padding:5px; vertical-align:top; } #selectPaiement td input { margin-left:30px; } #div_moi_pay { font-size:10px; color:#787878; height:70px; } /* Bouton Commander */ .btSubmit { text-align:right; } img.teinte { width:20px; height:20px; cursor:pointer; } .zone { background-color:#fff; padding:30px 10px; text-align:center; } /**** CGV ************************************************************************************/ #cgv h4 { border-bottom:1px solid #508c0f; margin:20px 0 5px 0; } #cgv h4 small { font-style:italic; font-size:12px; text-transform:none; } #cgv table { width:100%; border-collapse:collapse; } #cgv table th, #cgv table td { border:2px solid #0066b3; vertical-align:middle; } #cgv table th { background-color:#c7d2eb; padding:5px; text-align:center; font-style:italic; font-weight:normal; vertical-align:middle; } #cgv table th strong { float:left; font-style:italic; font-weight:bold; font-size:14px; text-transform:uppercase; border-bottom:1px solid #0066b3; padding:0 10px; } #cgv table td { background-color:#fff; padding:5px 10px; }