/************************************************************ * * @ Name : gabarit.css * @ Author : Deliens Reynald * @ Created : 2009.04.06 * @ Updated : * * @ Description : Design the global structure * ************************************************************/ a {text-decoration:none;} span.clear {display:block;font-size:0;line-height:0;clear:both;} /** background du body (home et contenus) *******************/ html {font-size:62.5%;} body {background:#203a55 url(../images/gabarit/bg-body.jpg) left top repeat-x;} /** masterContainer *****************************************/ div#masterContainer {width:99.3em; margin:0 auto;} div#header {background:url(../images/gabarit/logo.jpg) 0 0 no-repeat;height:14.9em;width:99.3em;margin:0 0 0 0;} div#header h1 {position:relative;top:2em;left:8em;width:20em;} div#header a {color:#fccb00;font:0.9em/1.454em Georgia, Verdana, arial, sans-serif;letter-spacing:0.3em;} div#header a:hover {color:#fede58;} div#content {background:#267142 url(../images/gabarit/bg_content.gif) 0 0 repeat-x;} div#header #lang {float:right;width:100px;padding:2em 0 0 0;} #langIcofr {display:block;background-image:url('../images/gabarit/langue_en_off.gif');background-repeat:no-repeat;width:50px;height:15px;} #langIcofr:hover, #langIcofr:focus {background-image:url('../images/gabarit/langue_en_on.gif');background-repeat:no-repeat;} #langIcofr img {display:none;} #langIcoen {display:block;background-image:url('../images/gabarit/langue_fr_off.gif');background-repeat:no-repeat;width:50px;height:15px;} #langIcoen:hover, #langIcoen:focus {background-image:url('../images/gabarit/langue_fr_on.gif');background-repeat:no-repeat;} #langIcoen img {display:none;} #mainMenu {background:url(../images/gabarit/bg_menu.gif) 0 0 no-repeat;padding:1em 0 1em 0;margin:0 0 0 1.5em;height:100%;width:97em;height:3em;} #jsddm {margin: 0;padding: 0 0 0 3em} #jsddm li {float: left;list-style: none;font:bold 14px "Trebuchet MS", Tahoma, Arial;background:url(../images/gabarit/bg-mainNav-bracket2.jpg) right top no-repeat;display:block;} #jsddm li span a {background-color:#733900;} #jsddm li a {display: block;padding: 3px 12px;text-decoration: none;width: 140px;color: #000;white-space: nowrap;font-weight:bold;} #jsddm li.home a {display: block;padding: 0.2em 0em 0.3em 1em;text-decoration: none;width: 60px;color: #EAFFED;white-space: nowrap} #jsddm li.act a {display: block;padding: 0.2em 0.2em 0.3em 1.3em;text-decoration: none;width: 210px;color: #EAFFED;white-space: nowrap} #jsddm li.vol a {display: block;padding: 0.2em 0.2em 0.3em 1em;text-decoration: none;width: 130px;color: #EAFFED;white-space: nowrap} #jsddm li.who a {display: block;padding: 0.2em 0.2em 0.3em 1.3em;text-decoration: none;width: 140px;color: #EAFFED;white-space: nowrap} #jsddm li.infos a {display: block;padding: 0.2em 0.2em 0.3em 1.3em;text-decoration: none;width: 90px;color: #EAFFED;white-space: nowrap} #jsddm li a:hover {background: #fff;color:#733900;} #jsddm li ul {margin: 0.4em 0 0 0;padding: 0;position: absolute;visibility: hidden;} #jsddm li ul li {float: none;display: inline;font:bold 14px "Trebuchet MS", Tahoma, Arial;} #jsddm li ul li a {width: 400px;color:#a67d01;background-color:#e2be02;} #jsddm li.who ul li a {width: 200px;} #jsddm li.vol ul li a {width: 200px;} #jsddm li.act ul li a {width: 400px;} #jsddm li.infos ul li a {width: 200px;} #jsddm li ul li a:hover {background:url(../images/gabarit/bg-nav-on.jpg) 0 0 repeat-x;} /* #mainMenu ul {margin:0;padding:0;} #mainMenu li {list-style-type:none;display:block;margin:0;float:left;} #mainMenu li a {display:block;color:#fff;font:bold 1.4em/1.454em "Trebuchet MS", Verdana, arial, sans-serif;padding:11px 37px;} #mainMenu li.on a {color:#fff;} #mainMenu li a:hover {color:#fff;} #mainMenu li span {background:url(../images/gabarit/bg-mainNav-bracket.jpg) right top no-repeat;padding:0 0 0 0;display:block;} */ div#lang {display:block;width:20em;} div#lang a {color:#fff;line-height:3em;padding:0.2em;font:9px Verdana, Tahoma, Arial;display:block;width:15em;} a.switch {background:#fff url(../images/gabarit/picto_lang_en.gif) left top no-repeat;width:8em;margin:0 0 0 0;color:#fff;} a:hover.switch {background:#fff url(../images/gabarit/picto_lang_en_on.gif) left top no-repeat;width:8em;margin:0 0 0 0;color:#fff;} div#contentFrame {background:#fff url(../images/gabarit/content_tl.gif) left top no-repeat;width:96.5em;margin:0 0 0 1.3em;} div#contentFrameOne {background: url(../images/gabarit/content_rl.gif) right top no-repeat;} div#contentFrameTwo {background: url(../images/gabarit/content_br.gif) right bottom no-repeat;} div#contentFrameThree {background: url(../images/gabarit/content_bl.gif) left bottom no-repeat;} div#innerContent {padding:1em;} td#leftCol {width:100%;padding:0 2em 0 0;} td#rightCol {width:20em;} td#leftCol a {color:#ee7f01;} td#leftCol a:hover {color:#733900;} div#toolbar {border-bottom:0.1em #ddd solid;margin:0 0 2em 0;} div#toolbar .date {font:1.1em/1.454em Tahoma, Verdana, arial, sans-serif;color:#95989c;float:left;} div#toolbar .print a {font:1.1em/1.454em Tahoma, Verdana, arial, sans-serif;color:#95989c;float:right;background: url(../images/gabarit/content/picto_print.gif) 0 0.2em no-repeat;padding:0 0 0 1.5em;} td#leftCol ul, td#rightCol ul {margin:0;padding:0;} td#leftCol ul li, td#rightCol ul li {list-style-type:none;margin:0;padding:0;font:1.2em/1.454em Verdana, arial, sans-serif;color:#2f6591;padding:0 0 0 1.5em;background: url(../images/gabarit/content/picto_arrow.gif) 0.2em 0.4em no-repeat;} td#leftCol ul li a, td#rightCol ul li a {color:#dd8107;font: 1.0em/1.454em Verdana, arial, sans-serif;} td#leftCol ul li a:hover, td#rightCol ul li a:hover {color:#733900;} td#leftCol ul li.pdf, td#rightCol ul li.pdf {background: url(../images/gabarit/content/picto_pdf_white.gif) 0 0.2em no-repeat;padding:0 0 0 1.5em;} div#footer {background: url(../images/gabarit/bg_footer.gif) 0 0 no-repeat;text-align:center;font-size:1.1em;margin:0 0 3em 0;padding:0 0 0 0;color:#fff;font:1.2em/1.454em Tahoma, Verdana, arial, sans-serif;height:5.8em;} ul#footerInfos {padding:0.5em 0; text-align:center;} ul#footerInfos li {display:inline; font:1.0em/1.454em "Trebuchet MS", Verdana, arial, sans-serif; line-height:1.455em; color:#ffffff;} ul#footerInfos li a {line-height:1.455em; color:#ffffff;font:1.0em/1.454em "Trebuchet MS", Verdana, arial, sans-serif;} ul#footerInfos li a:hover {color:#DDD; text-decoration:underline;} /** logo sanofi-aventis ***************************/ /* div#masterContainer div#mc2 div#mc3 a#headerLogo {float:right;} #congressLogo {width:90.6em;} div#congressLogoC {padding:0 0 1em 0;} div#header {width:90.6em;} div#header div#headMenu {background:#fff url(../images/gabarit/content/bg-headMenu.jpg) left top no-repeat;width:90.6em;} div#header div#headMenu ol#toolsMenu{float:left; margin:2.15em 0 0 0;padding:0;} div#header div#headMenu ol#toolsMenu li{display:inline; color:#fff; font:1.1em/1.454em tahoma, arial, sans-serif;padding:0 0.5em 0 0.7em;} div#header div#headMenu ol#toolsMenu li span{background:url(../images/gabarit/bg-tools-bracket.jpg) right top no-repeat;padding:0 1.3em 0 0;} div#header div#headMenu ol#toolsMenu li a{color:#b4add7; font-family:tahoma, arial, sans-serif;} div#header div#headMenu ol#toolsMenu li a:hover{color:#fff;} #mainMenuu {background:url(../images/gabarit/bg-mainNav.jpg) left top no-repeat;padding:0 0 1em 0;margin:0;height:100%;width:90.6em;} #mainMenuu ul {margin:0;padding:0;} #mainMenuu li {list-style-type:none;display:block;margin:0;float:left;} #mainMenuu li a {display:block;color:#8389a6;font:bold 1.6em/1.454em "Trebuchet MS", Verdana, arial, sans-serif;padding:12px 18px;} #mainMenuu li.on a {color:#fff;} #mainMenuu li a:hover {color:#fff;} #mainMenuu li span {background:url(../images/gabarit/bg-mainNav-bracket.jpg) right top no-repeat;padding:0 0 0 0;display:block;} #secMenu {margin:0 0 0 0;padding:0 0 1em 1em;} #secMenu li {display:inline; color:#fff;font:bold 1.2em tahoma, arial, sans-serif;padding:0 0.5em 0 0.7em;} #secMenu li span {background:url(../images/gabarit/bg-tools-bracket.jpg) right top no-repeat;padding:0 1.3em 0 0;} #secMenu li a {color:#8389a6;font-weight:bold;} #secMenu li a:hover {color:#fff;} #secMenu li.on a {color:#fff;} div#mainContainer {background:#2e323d url(../images/gabarit/bg-content-lt.jpg) left top no-repeat;} div#mainContainer2 {background: url(../images/gabarit/bg-content-rt.jpg) right top no-repeat;} div#mainContainer3 {background: url(../images/gabarit/bg-content-rb.jpg) right bottom no-repeat;} div#mainContainer4 {background: url(../images/gabarit/bg-content-lb.jpg) left bottom no-repeat;} div#content {padding:2em;color:#fff;} td#mainContent {width:100%;} td#slots {width:22em;padding:0 1em 0 0;} div#footer {text-align:center;font-size:1.1em;margin:2em 0 2em 0;padding:0 0 2em 0;color:#fff;font:1.2em/1.454em Tahoma, Verdana, arial, sans-serif;} div#footer span {background:url(../images/gabarit/bg-tools-bracket.jpg) right top no-repeat;padding:0 1.3em 0 0;margin:0 1em 0 0;} div#footer a {color:#b4add7;text-decoration:underline;} div.slotHome {background:#414352 url(../images/gabarit/bg-slotHome.jpg) left top repeat-x;width:25em;float:left;margin:0 3em 2em 0;padding:1em;} */ /************************* SLOTS *****************************/ .genSlot {background-color:#eefbe6;width:30em;margin:0 0 2em 0;} .genSlotInner {padding:1em;} .slotTitleOne {background: url(../images/gabarit/slots/slot_livre.jpg) right top no-repeat;height:4em;} .slotTitleTwo {background: url(../images/gabarit/slots/slot_question.jpg) right top no-repeat;height:4em;} .slotTitleTwit {background: url(../images/gabarit/slots/slot_twit.jpg) right top no-repeat;height:5em;} .slotTitleOne h1, .slotTitleTwo h1 {padding:0.3em 0 0 2.5em;margin:0;} .slotTitleTwit h1 {padding:0.3em 0 0 7.5em;margin:0;color:#7bdff8;} .slotTitleTwit h1 a {color:#7bdff8;font-size:0.8em;padding:0 0.5em;} .slotTitleTwit h1 a:hover {color:#fff;background-color:#7bdff8;}