/* =============================================== La PLV Site de presentation des possibilites de la publicite sur le lieu de vente Feuilles de style creees par Victor VILA en novembre 2008 victor (at) adifco.fr 03 80 48 69 24 ADiFCO 14E rue Pierre de Coubertin 21 000 DIJON vert #3f0 gris #444 =============================================== */ /* http://meyerweb.com/eric/tools/css/reset/ =============================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; } body { line-height : 1; } ol, ul { list-style : none; } blockquote, q { quotes : none; } blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; } :focus { outline : 0; } ins { text-decoration : none; } del { text-decoration : line-through; } /* Tete =============================================== */ html {background:#fff} body {font: normal 62.5%/1.5 Arial, Helvetica, sans-serif;color:#444;background:url(../images/filet.jpg) 0 0 repeat-x;padding:0 0 20px 0} /*Outils */ a {text-decoration:none;color:#444;} #ppal a, #sec a {letter-spacing:1px;text-decoration:underline;} .clear {clear:both;} .cadre, .cadree {border:1px solid #444;background:#fff;padding:10px;} .cadre {margin:0 auto;display:block} .center {text-align:center} #container {width:980px;margin:0 auto;} #tete {position:relative;width:980px;height:320px;background:url(../images/tete.jpg) 0 0 no-repeat} #tete #logo {position:absolute;top:0;left:0;} #tete #plan {position:absolute;display:block;top:0;padding:0;margin:0;right:9px;width:80px;text-align:center;height:24px;background: #FBFBF9 url(../images/plan.png) 0 0 no-repeat;border:none} #tete #plan a {text-align:center;font-size:9px;color: #BC9973;} #tete #menu {position:absolute;top:25px;left:580px;width:390px;text-align:right;font-size:15px;font-weight:bold;letter-spacing:2px;} #tete #menu a:hover {color:#3f0} #tete #menu #categories {position:absolute;top:35px;right:0px;width:255px;} #tete #menu #categories ul {background:#fff;border:1px solid #444;border-top:none;border-right:1px solid #444;} #tete #menu #categories ul li {display:block;border-bottom:dotted 1px #444;text-align:left;} #tete #menu #categories a {width:241px;background:#fff;display:block;padding:6px;height:20px;font:normal 11px/20px Arial, Helvetica, sans-serif;} #tete #menu #categories a:hover {background:#444;color:#eee} #tete h1 {position:absolute;left:10px;top:180px;width:630px;font-size:2.5em} #corps {width:980px;overflow:auto;text-align:justify;margin:0 0 40px 0; } #corps p {font-size:12px;padding:.5em 0} #gamme {background:#444;width:980px;height:210px;margin:30px 0} #gamme h2 {color:#fff;text-align:center;font-size:1.4em} #gamme #scroll {width:940px;height:140px;background:#fff;margin:0 auto;overflow:scroll;} #gamme ul {} #gamme li {display:inline;margin-right:20px;white-space: nowrap;height:140px;width:50px;} #gamme li a img {width:50px;border:1px solid #333;} #ppal {width:560px;float:left;padding:40px 30px 20px 20px;display:inline;} #ppal h2 {font-size:2em;margin:0 0 15px 0} #ppal h3 {font-size:1.8em;margin:15px 0 15px 0} #ppal p {} #ppal ul {font-size:12px} #ppal li {list-style-type:circle;padding:4px 0;margin-left:15px;} #sec {width:294px;float:left;display:inline;border:3px solid #444;background:#e8eed7;padding:40px 20px 20px 50px;} #sec h3 {position:relative;font-size:1.8em;margin:0 0 15px 0;} #sec h3 img.puce, #sec h4 img.puce {position:absolute;top:0;left:-55px;} #sec h4 {position:relative;font-size:1.6em;margin:15px 0 15px 0} #sec p {} #sec ul {font-size:12px;} #sec li {list-style-type:disc;padding:4px 0;margin-left:15px;} #footer {width:980px;clear:both;float:none;display:block;height:1%;margin:40px 0 0 0;border-top:1px solid #aaa;} #footer p {padding:20px 20px 0} #footer p, #footer p a {color:#aaa} #central {width:650px;border:3px solid #444;background:#e8eed7;padding:20px;margin:30px auto} #central h3{font:bold 1.8em/1.5 Arial, Helvetica, sans-serif;margin:20px 0} #central h3 span {font-family:monospace;font-size:1.2em} form#contact {} form label {display:block;float:left;width:210px;padding-right:10px;text-align:right;letter-spacing:1px;} form .envoy {margin-left:220px;} #plan {margin-top:20px;padding:40px 39px;background:#eee url(../images/galerie.png) 0 0 repeat-x;overflow:auto;border:2px solid #e1cfbb} #plan dl {width:500px;margin:0 auto} #plan dt {font:bold 1.8em/1.5 Arial, Helvetica, sans-serif;border-bottom:2px solid #444; background:url(../images/puce_m.png) 0 50% no-repeat;padding:.5em 0 .5em 52px} #plan dd {font-size:1.2em;padding:.5em 0 .5em 52px} #plan dd a {} #plan dd a:hover {} #slide {height:121px;background:#444/*url(../images/galerie.png)*/ 50% 100% ;padding:10px;position:relative;overflow:hidden;border:7px solid #c99;} #slide .divimg {position:absolute;top:20px;left:15px;background:#fff;} #slide h5 {padding-left:130px;font-size:1.4em;text-align:left;margin-top:6px;} #slide h5 a {text-decoration:none;color:#000;color:#c99} #slide p {padding-left:130px;color:#eee;font-size:1em;padding-right:5px;} #slide .base1 {width:100px;height:100px;background:#fff;display:table;#position:relative;border:3px solid #c99} #slide .base2 {display:table-cell;vertical-align: middle;#position:absolute;top:50%} #slide .base3 {#position:relative;top:-50%} #slide .base3 img {display:block;margin:0 auto}