/* =============================================== Serena Site de presentation de la societe Serena et de ses logiciels Feuilles de style creees par Victor VILA en mars 2009 victor (at) adifco.fr 03 80 48 69 24 ADiFCO 14E rue Pierre de Coubertin 21 000 DIJON =============================================== */ /* 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:#373a49;background:url(../images/serena-filet.png) 0 0 repeat-x} /*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} .taleft {text-align:left} .bold {font-weight:bold} h2 {font-size:27px;color:#494949;padding:0 0 25px;text-align:left;} h3, dt {font-size:18px;color:#336699;margin:15px 0 15px 0;} .serena {font: italic bold 18px "Times New Roman", Times, serif;color:#003366;} img.ph {padding-top:30px} acronym {background:#99F;color:#fff} .normal {font-weight:normal} #bord {width:988px;margin:0 auto;background:url(../images/serena-corps.png) 50% 0 repeat-y;} #container {width:988px;margin:0 auto;background:url(../images/serena-base.png) 50% 0 no-repeat;} #entre {width:988px;margin:0 auto;background:url(../images/serena-base-2.png) 50% 0 no-repeat;} #tete {position:relative;width:988px;height:200px;background:url(../images/tete.jpg) 0 0 no-repeat;z-index:200;} #tete #logo {position:absolute;top:0;left:35px;} #tete #sap_partner { position:absolute; top:11px; left:730px; } #tete #menu {position:absolute;top:160px;left:480px;width:500px;display:block;text-align:left;font-size:15px;font-weight:bold;letter-spacing:2px;} /*#tete #menu, #menu ul {padding: 0;margin: 0;list-style: none;}*/ #tete #menu a {display: block;width: 10em;color:#fff;padding:14px 0 11px;} #tete #menu li {float: left;} #tete #menu li#accueil a{width: 88px;text-align:left;} #tete #menu li#serena a{width: 88px;text-align:left;padding-left:20px} #tete #menu li#sap a {width: 55px;text-align:left;padding-left:20px} #tete #menu li#societe a{width: 88px;text-align:left;padding-left:20px} #tete #menu li#doc a{width: 140px;text-align:left;padding-left:20px} #tete #menu li#contact a {width: 88px;text-align:left;padding-left:20px} #tete #menu li a:hover {/*background:#390*/color:#333300} #tete #menu li ul {position: absolute;z-index:300;width: 200px;top:47px;left: -999em;background:#e85113;border:1px solid #360;border-top:none;} #tete #menu li ul.sm li {clear:both;font-size:12px;text-align:left;letter-spacing:0;} #tete #menu li#serena ul.sm li a, #tete #menu li#sap ul.sm li a, #tete #menu li#societe ul.sm li a, #tete #menu li#doc ul.sm li a {font-size:12px;text-align:left;letter-spacing:0;width:160px;padding:10px 20px;} #tete #menu li:hover ul, #tete #menu li.sfhover#serena ul.sm , #tete #menu li.sfhover#sap ul.sm , #tete #menu li.sfhover#societe ul.sm ,#tete #menu li.sfhover#doc ul.sm {left: auto;} h1 {position:relative;z-index:100;font:bold 72px "Trebuchet MS", Arial, Helvetica, sans serif;color:#494949;padding:20px 0 0 0;text-align:left; border-bottom:3px solid #e1e1e1;width:910px;margin:20px auto 0;} h1 span {font: italic bold 45px "Trebuchet MS", Arial, Helvetica, sans serif;color:#9999cc;padding:0 0 0 20px;} #corps {position:relative;overflow:auto;width:988px;text-align:justify;margin:0 0 40px 0;padding:0px 0;min-height:400px;} #corps p {font-size:1.2em;padding:.5em 0} #corps ul {font-size:1.2em;padding:.5em 0} #corps dd {font-size:1.2em;} #corps dd.dlpar {font-size:1.2em;color:#336699} #corps #assistance, #corps #assistance_acc {height:60px;left:825px;margin:0;padding:0;position:absolute;top:55px;width:126px;z-index:150} #corps #assistance a, #corps #assistance_acc a {display:block;height:60px;width:126px;margin:0;padding:0;} #corps #assistance_acc {top:452px;} a#hotline {text-indent:-9999px;position:absolute;top:75px;left:700px;display:block;height:36px;width:126px;z-index:150; background:url(../images/hotline-teleconf.png) 0 0 no-repeat} a#hotline:hover {background:url(../images/hotline-teleconf.png) 0 -37px no-repeat} a#teleconf {text-indent:-9999px;position:absolute;top:75px;left:815px;display:block;height:36px;width:135px;z-index:150; background:url(../images/hotline-teleconf.png) 0 -74px no-repeat} a#teleconf:hover {background:url(../images/hotline-teleconf.png) 0 -110px no-repeat} #ppal {float:left;width:410px;float:left;padding:20px 30px 20px 45px;;font-size:12px;} #ppal h2 {font-size:27px;color:#336699;padding:0 0 25px;} #ppal h3 {font-size:18px;color:#336699;margin:15px 0 15px 0;} #ppal p {} #ppal ul {} #ppal li {list-style-type:circle;padding:4px 0;margin-left:15px;} #sec, #secentreprissimo {position:relative;float:left;width:445px;height:600px;background:url(../images/serena-pc.jpg) 50% 100% no-repeat;padding:0 0 0 25px;} #secentreprissimo {background:url(../images/serena-entrep.jpg) 50% 0 no-repeat;height:940px;} #sec img#pdf {position:absolute;top:6px;right:0;} #sec #pdf_doc {position:absolute;top:102px;right:15px;width:188px;padding:20px 20px 40px; background:url(../images/serena-pdf.png) 50% 100% no-repeat;z-index:200;display:none;} #sec #pdf_doc dd {padding:5px 0;} #sec #pdf_doc dd a {letter-spacing:0;text-decoration:none;} #sec img#capture{position:absolute;left:35px;top:162px;z-index:100} #sec_texte {position:relative;float:left;width:445px;height:600px;padding:25px 0 0 25px;} #sec_texte dl {font-size:13px;} #support {padding:20px 40px 20px} #support form {margin:20px auto 0 0} #support form label {width:140px} #support #c_ecran {background:#494949;color:#fff;left:700px;padding:20px;position:absolute;top:240px;width:210px;} #support #c_ecran a {color:#fff;font-weight:bold;font-size:1.2em;text-decoration:underline} #imgAssistance{position:absolute;top:75px;right:40px;} #assistanceH2{padding:30px 50px 0px;} dl#footer {clear:both;width:988px;margin:40px 0 0 0;color:#336699;font-size:12px;} dl#footer {} dl#footer dt {height:101px;background:url(../images/serena-pied-haut.jpg) 50% 0 no-repeat;} dl#footer dd {padding:5px 45px;text-align:center;} dl#footer dd a {text-decoration:underline;color:#336699;} dl#footer dd.dernier {padding:0;height:64px;background:url(../images/serena-pied-bas.jpg) 50% 100% no-repeat;} form {margin:20px auto 0;width:660px;} form label {display:block;float:left;width:210px;padding-right:10px;text-align:right;letter-spacing:1px;} form .envoy {margin-left:220px;} #base_slider{margin:20px auto 0;width:900px;background:#122437 url(../images/slider/mythes.jpg) 50% 0 no-repeat;height:313px;padding-top:60px;} /* Entreprissimo */ h1#entreprissimo { text-align:center;position:relative;z-index:100;font:bold 24px/120% Arial, Helvetica, sans serif;color:#336699;padding:0px 0 20px 0;border-bottom:3px solid #e1e1e1;width:910px;margin:20px auto 0; } h1#entreprissimo span { text-align:center;font:normal bold 28px/120% Arial, Helvetica, sans serif;color:#336699; } #cartefr { position: absolute; top:615px; left: 55px; }