/* CSS Document */ /**********************General********************/ body{margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif;} #imageBanner{position:absolute;z-index:1;top:16px;height:79px;right:0px;width:352px;background:transparent url(/archives/growthandjobs_2009/images/banner-right.png) no-repeat top right;} #title-en{background:transparent url(/archives/growthandjobs_2009/images/title_en.png); height:80px} #title-de{background:transparent url(/archives/growthandjobs_2009/images/title_de.png); height:80px} #title-fr{background:transparent url(/archives/growthandjobs_2009/images/title_fr.png); height:80px} li{ margin:0} /*a{ text-decoration:none;}*/ a:hover{text-decoration:underline;} img{border:none} .separator{height:10px; background:url(/archives/growthandjobs_2009/images/separator-bg.gif) repeat-x; margin:10px 30px; clear:left;} .separator2{height:10px; background:url(/archives/growthandjobs_2009/images/separator-bg.gif) repeat-x; margin:0 0; clear:left;} .clear{clear:both;} .clearLeft{clear:left;padding-top:10px;} .clearRight{clear:right} .noclear{clear:none} #fontSize{ position:absolute; padding:2px; right:0} #title-en, #title-de, #title-fr{margin-top:-8px} /**********************min width**************************/ .conteneur { /* Conteneur du site */ min-width: 980px; /* largeur mini du site (sauf IE) */ width: auto; /* auto ou % */ } /************************Central Col******************************/ #container{margin:0; padding:0; width:100%; font-size:85%; background:url(/archives/growthandjobs_2009/images/content-bg.gif) no-repeat top left;} .content {margin-left: 200px; font-size:95%; margin-right:0} .c3{margin-right: 240px;} /* content below the mediagallery */ #content-home {padding-left:10px; } /*Block 1 : Pixels division styles*/ #block1{ padding:20px 20px 20px 20px; position:relative; zoom:1} /*#block1 .sub-block-left{ margin-right:252px; min-height:300px;}*/ /*#block1 .sub-block-left{min-height:300px;}*/ #block1 .sub-block-left{width:270px; float:left; min-height:250px;} /*Block 2 : Percent division styles*/ #block2{ position:relative; padding-bottom:20px; zoom:1} #block2 a{ color:#111; display:block;text-decoration:none;}/*color:#0066cc;*/ #block2 a:hover{text-decoration:underline;} #block2 .sub-block-left{ width:49%; float:left; text-align:center; font-weight:bold } #block2 .sub-block-right{width:49%; margin-left:50%; text-align:center; font-weight:bold } /*Block 3 : no division styles*/ #block3{padding:20px; zoom:1} /* .best-practices{ border:solid 1px #d6d6d6; background-color:#f4f4f2; padding:4px;} .best-practices img{ float:left; padding:3px 10px 3px 5px;}*/ #block3 h5{margin:0; color:#0082c8; font-style:normal; text-decoration:none; font-size:85%;padding-top:25px; margin-bottom:5px;} #block3 h5 a, #block3 h5 a:link{color:#0066cc; text-decoration:underline;} #block3 h5 a:hover{text-decoration:none;} #block3 p {margin-bottom:0px;} #block3 .text p {margin-bottom:6px;}/*margin-bottom:16px;*/ /* .related-hp {background:url(../images/indent.gif) left bottom no-repeat;} .related-hp a{padding-left:15px;text-decoration:underline;color:#0082C8;} */ /* mod lb hp*/ #content-home p a {background:url(/archives/growthandjobs_2009/images/indent.gif) left bottom no-repeat;padding-left:15px;text-decoration:underline;color:#0066cc;} .related-link {border:solid 1px #d6d6d6; background-color:#fafbfd; padding:6px 10px 0 10px;} .related-link ul { padding:10px 0 10px 10px; margin:0; } .related-link li { background:url(/archives/growthandjobs_2009/images/indent.gif) top right no-repeat; font-size:85%; margin-bottom:12px; } /*general text styles*/ h2 {padding:0 0 20px 0; margin:0; color:#64A115;}/*font-size:18px;color:#2e75ad*/ h3{padding:10px 0 0 0; margin:0;font-size:92%; color:#000;}/*font-size:18px; padding:0 0 20px 0;0 0 10px 0; 100%*/ h4{color:#111; font-weight:bold; font-style:normal;} h5{margin:0; color:#0082c8; font-style:normal; text-decoration:underline; font-size:80% } .gradient{background:url(/archives/growthandjobs_2009/images/rightnav-title-bg.jpg) repeat-x center} .border-grey{border:solid 1px #d6d6d6; margin: 10px 0; padding:10px; font-size:85%}/*11px*/ .border-grey h3 {padding:0;color:#64A115;font-size:110%;}/*color:#2e75ad;*/ .border-grey h4 {padding-left:5px;} .border-grey ul {padding-left:27px;/margin-left:0px;} .border-grey p.previous-doc{padding-left:16px;padding-top:10px;font-size:100%;font-weight:bold;} .head-text{padding:0 50px 0 0; font-size:12px; font-weight:bold} .head-nav{padding:3px 0 5px 5px; font-size:95%;} /* font-size 11px border:solid 1px #d6d6d6; background-color:#F9F9F9*/ .head-nav p{font-size:92%} .head-nav a{font-size:92%} .head-nav ul{padding-left:5px;/padding-left:0px;/margin-left:5px}/*padding-left:20px;/margin-left:20px*/ /*.head-nav ul li{list-style-type:square;padding-left:10px;background:none}*//*padding-left:10px;*/ .head-nav ul li{ background:transparent url(/archives/growthandjobs_2009/images/bullet_blue.gif) no-repeat 0 6px; list-style-image:none; list-style-position:outside; list-style-type:none; margin-bottom:12px; margin-left:-10px; padding-left:15px; } .text a{color:#0066cc; text-decoration:underline;} .text a:hover{text-decoration:underline;}/*none*/ .text img.illuLeft{margin:0 15px 10px 0; border:solid 1px #d6d6d6;}/*margin:0 15px 10px 0;85*/ .text h4{ color:#111111; font-weight:bold;} .text h5, #block3 .text h5{ color:#333333; font-weight:bold; text-decoration:none; font-size:12px} .text li{list-style:none; background:none; margin-left:-10px; padding-left:15px; margin-bottom:10px;} .text ul.content-list li{ background:transparent url(/archives/growthandjobs_2009/images/bullet_blue.gif) no-repeat 0 6px; list-style-image:none; list-style-position:outside; list-style-type:none; margin-bottom:12px; margin-left:-10px; padding-left:15px; }/*{list-style:square; list-style-position:inside;font-size:85%;}*/ .text .related-link li{list-style:none;background:url(/archives/growthandjobs_2009/images/indent.gif) left bottom no-repeat; margin-left:-10px; padding-left:15px;margin-bottom:12px;} #content-home .related-link {border:none; background-color:#FFF; padding-left:0px;} #content-home .related-link li{list-style:none;background:url(/archives/growthandjobs_2009/images/indent.gif) left bottom no-repeat; margin-left:-10px;_margin-left:0px; padding-left:15px;margin-bottom:6px;/*12*/} .text .border-grey li{list-style:none; background:url(/archives/growthandjobs_2009/images/indent.gif) left bottom no-repeat; margin-left:-10px; padding-left:15px; margin-bottom:10px;} /*.text li{list-style:none; background:url(../images/indent.gif) left bottom no-repeat; margin-left:-10px; padding-left:15px; margin-bottom:10px;}*/ .text ul{margin-top:10px; margin-bottom:0px;} .text ul.content-list {padding-left:210px;font-size:85%;/margin:0px;} /************************Navigations******************************/ #leftNav { width: 190px; float: left; padding-top:15px;} #leftNav ul { padding:0; margin:0} #leftNav ul li { list-style-type:none; background:url(/archives/growthandjobs_2009/images/leftnav-bg.jpg) center; border-right:solid 1px #e3e4dc; border-bottom:1px solid #bdcbd7; border-right:1px solid #bdcbd7; } #leftNav ul li a{ display:block; color:#454545; font-weight:bold; font-size:90%; padding:5px 5px 5px 10px;text-decoration:none} /* #home { background:url(../images/home.gif) top right; } */ #rightNav {width: 240px; float: right; padding:15px 5px 0 0 } #rightNav h4{font-size:90%; padding:3px 0 5px 6px;} #rightNav ul { padding:0; margin:0} #rightNav ul li{list-style:none; font-size:80%; border-bottom:1px dashed #64A115; padding:3px 0 10px 10px; margin-bottom:5px;line-height:1.5}/*8px 0 7px 10px;border-bottom:1px dashed #fbc595;padding:0 0 7px 10px;*/ #rightNav a{ color:#0066cc; text-decoration:underline;} #rightNav a:hover{ text-decoration:underline}/* none*/ #rightNav p{color:#0082c8; font-weight:bold; margin:0; font-size:80%; padding-left:10px} #rightNav p a{color:#0066cc; font-weight:bold; margin:0; font-size:95%; padding-left:0px} #rightNav p .section-bottom{margin-bottom:20px} #rightNav .secondarylist {margin-top: 15px; text-align: left;} #rightNav .secondarylist li {background:transparent url(/archives/growthandjobs_2009/images/picto_video.gif) no-repeat; padding-left: 20px;} .video-box{ text-align:center; font-size:10px;} #rightNav .video-box p{ color:#000; padding-bottom:4px} .video-box p img{ margin-bottom:-4px;} /***********************Footer***********************************/ .date { border:medium none; color:#000000; font-size:70%; padding:10px 0 10px; clear:both;} /************************Menu On/Off system**************************/ #container #leftNav ul li.pushed a{color:#FFF; background-image:none; background-color:#2e75ad;} #container #leftNav ul li a:hover{color:#FFF; background-image:none; background-color:#2e75ad; text-decoration:none;} /*#block3 h4{margin:-15px 0 10px 0;}*/ #block3 h4{margin:10px;}/*margin:0px 0 10px 0;*/ .conteneur { /* Conteneur du site */ min-width: 1000px; /* largeur mini du site (sauf IE) */ width: auto; /* auto ou % */ } * html .conteneur_minwidth_IE { /* largeur mini du site pour IE */ padding-left: 1000px; /* valeur largeur mini pour IE */ } * html .conteneur_container_IE { /* complément à .minwidth pour IE */ margin-left: -1000px; /* négatif valeur largeur mini pour IE */ position: relative; } * html .conteneur_minwidth_IE, * html .conteneur_container_IE, * html .conteneur_layout_IE { /* complément à .minwidth pour IE */ height: 1px; } /* media gallery*/ #top .mediaText { font-size: 85%; } #top .mediaFrame { border:1px solid #64A115;/*border:1px solid #f49343;*/ } #block1 #content-home p a {background:none;padding-left:1px;text-decoration:underline;color:#0066cc;}