/* ------------------------------------------------------------------*/ /*@autor Xavier Sebillotte 2009 */ /* ------------------------------------------------------------------*/ /* ------------------------------- */ /* 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 {} ol,ul {list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} :focus {outline: 0;}/* remember to define focus styles! */ ins {text-decoration: none;}/* remember to highlight inserts somehow! */ del {text-decoration: line-through;}/* remember to highlight inserts somehow! */ table { border-collapse: collapse; border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */ a:link {} a:visited {} a:hover {} a:active {}/* Pseudo class order A tag*/ a{text-decoration:none;} a {color:#000} a:hover{color:#000; } .displaynone { display:none; } /* -------------------------------------- */ /* COMMON CLASSES /* ------------------------------------- */ #accessibility { position: absolute; left: -2000px; top: -2000px; display: none; } #source { position: absolute; left: -2000px; top: -2000px; display: none; } .hidden {display:none; visibility:hidden !important;} /* positionnement flottant */ .floatL {float:left;} .floatR {float:right;} .clear{clear:both;} .exposant { vertical-align: super; font-size: 0.90em; position: relative; top: 2px; line-height:6px; } .inn { vertical-align: super; font-size: 0.80em; position: relative; top: 2px; line-height:6px; } /* ---------------------------------------- */ /* STRUCURE /* ---------------------------------------- */ body {font-family:Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size:12px; background-color:#FFFFFF; } #container {width:100%; } /* ------------------------------- */ /* Header /* ------------------------------- */ #header{ width:1000px; height:129px; } .header-bioprojet { background: url(../images/bg-header.gif) left top no-repeat; } .header-pharma { background: url(../images/bg-header-pharma.gif) left top no-repeat; } .header-biotech { background: url(../images/bg-header.gif) left top no-repeat; } #header #menu { position:relative; top:35px; left:208px } #menutable { height:21px; } #menutable img { height:21px; margin: 0 6px 0 6px; } #menutable td { border-right: solid 1px #FFFFFF; } #menutable td a { margin:0 } #menutable td.end { border-right: none; } /* ------------------------------- */ /* Main table /* ------------------------------- */ #main { background-color:#FFFFFF; } #maintable { vertical-align:top; } #maintable td { vertical-align:top; } #maintable td.colL { width:220px; } #maintable td.colM { width:716px; border-right:dashed 1px #999999; } #maintable td.colR { width:286px; } #maintable .colM .content { width:454px; padding: 29px 0 0 39px;} #maintable .colMUnique .content { padding: 29px 0 0 222px;} #maintable .colM .content img.rubrique { height:38px; margin:0 0 3px 0; } #maintable .colM .content a { color:#000; text-decoration:underline; } #maintable .colM .content a:hover { color:#000; text-decoration:none; } #maintable .content p { margin: 0 0 0 7px; } #maintable .colM .content ul { margin: 10px 0 15px 22px; list-style: URL(../images/puce-square.jpg) outside square; } #maintable .colM .content li { margin: 2px 0 2px 0; font-weight:bold; } #maintable .colM .content li span.sup { padding: 0 3px 0 0; } #maintable .colM .content span.gras { color:#fe6500; font-weight:bold; } #maintable .colM .visuel { padding:35px 0 0 30px; } #maintable .colM .visuel img { display:block; float:left; margin:0 0 0 0;} #maintable .colM .visuel img.img1 { margin:20px 0 0 5px;} #maintable .colM .visuel img.img2 { margin:5px 0 0 15px;} #maintable .colM .headquarters { margin:115px 20px 0 90px; } #maintable .colM .headquarters img.rubrique { display:block; width:89px; height:18px; margin:0 0 3px 80px; } #maintable .colM .headquarters p { clear:both; color:#3a3a3a; margin: 0 5px 0 0; text-align:right; } #maintable .colM .headquarters a { color:#3a3a3a; text-decoration:none; } #maintable .colM .headquarters a:hover { color:#3a3a3a; text-decoration:underline; } #maintable .colR .content { color:#3a3a3a; width:280px; margin: 0 0 0 15px; } #maintable .colR .content p { margin: 0 0 0 23px; } #maintable .colR .content img.facade { clear:both; display:block; margin:40px 0 0 15px; } #maintable .colR .content img.logo { display:block; margin: 0 0 20px 24px; width:129px; height:89px; } #maintable .colR .content img.rubrique-home { display:block; width:181px; height:18px; margin:0 0 3px 0; } #maintable .colR .content img.rubrique { display:block; width:181px; height:18px; margin:0 0 3px 17px; } #maintable .colR .content a { color:#3a3a3a; text-decoration:none; } #maintable .colR .content a:hover { color:#3a3a3a; text-decoration:underline; } #maintable .colR .content ul { margin: 2px 0 15px 40px; list-style: URL(../images/puce-pharma.gif) outside square; text-indent: -0.35em; } #maintable .colR .photo h3{ position:relative; top: -16px; left:46px; color:#fe6500; font-size:11px; width: 200px; } #maintable .colR .photo img { width:181px; height:261px; } /* ------------------------------- */ /* Map table /* ------------------------------- */ #maptable { vertical-align:top; } #maptable td { vertical-align:top; } #maptable td.colM { width:500px; height:500px; } #maptable td.colR { width:500px; height:500px; } #maptable .colM .content { width:250px; padding: 29px 0 0 222px;} #maptable .colM .content img.logo { display:block; margin: 0 0 20px 5px; width:129px; height:89px; } #maptable .colM .content img.rubrique { display:block; width:181px; height:18px; margin:0 0 3px 0px; } #maptable .content p { margin: 0 0 0 5px; } #maptable .colM .content ul { margin: 2px 0 15px 22px; list-style: URL(../images/puce-pharma.gif) outside square; text-indent: -0.35em; } #maptable .colM .content a { color:#3a3a3a; text-decoration:none; } #maptable .colM .content a:hover { color:#3a3a3a; text-decoration:underline; } #maptable .colR .content { width:485px; padding: 29px 0 30px 0; } #maptable .colR iframe { border:solid 3px #8b8b8b; } #maptable .colR .enlarge { background: URL(../images/puce-pharma.gif) 0 0 no-repeat; } #maptable .colR .content a { display:block; margin:12px 0 0 11px; color:#3a3a3a; text-decoration:none; } #maptable .colR .content a:hover { color:#3a3a3a; text-decoration:underline; } /* ------------------------------- */ /* Mebntions /* ------------------------------- */ #mentions .content { width:400px; padding: 9px 0 0 29px;} #mentions .content img.logo { margin:0 0 30px 0; } #mentions .colM .content a { color:#000; text-decoration:underline; } #mentions .colM .content a:hover { color:#000; text-decoration:none; } #mentions .content p { margin: 0 0 0 7px; } #mentions .content span.gras { color:#fe6500; font-weight:bold; } /* ------------------------------- */ /* Footer /* ------------------------------- */ #footer { width:100%; height:36px; color:#b5b5b5; font-size:10px; background: url(../images/bg-footer.jpg) left top repeat-x; } #footer .content { text-align:center; padding:10px 0 0 0; } #footer a { color:#b5b5b5; text-decoration:none; } #footer a:hover { color:#000000; text-decoration:none; }