/* BASE */ /* -------------------------- */ body { font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif, verdana, arial; height:100%; min-height:100%; } a { text-decoration:none; } a:hover { text-decoration:underline; } /* CONTAINER */ /* -------------------------- */ #wrapper { overflow:visible; position:relative; margin:0; height:100%; min-height:100%; width:980px; z-index:10; } body { background:url(../media/images/division/bg-repeat-international.jpg) repeat-x top left; } body#home { background:url(../media/images/accueil/bg-repeat.jpg) repeat-x top left; } body#divisions { background:url(../media/images/division/bg-repeat-international.jpg) repeat-x top left; } #leftBackground { position:fixed; top:0; left:0; width:260px; height:2000px; background:#0c446b; } /* MENU LEFT */ /* -------------------------- */ #columnMenu { overflow:hidden; float:left; width:230px; padding:0 0 0 30px; } #columnMenu #mainLogo { display:inline-block; margin:20px 0 0 0; } #columnMenu #mainLogo img { display:block; } #mainMenu { list-style:none; margin-top:35px; } #mainMenu li { overflow:hidden; display:block; width:220px; margin-bottom:15px; background:url(../media/images/bg-menu-idle.png) no-repeat top left; color:#fff; } #mainMenu li:hover { background:url(../media/images/bg-menu-selected.png) no-repeat top left; } #mainMenu li a { display:block; width:205px; height:23px; padding:4px 0 0 15px; color:#ffffff; font-size:1.4em; text-decoration:none; } #mainMenu li a:hover { } #mainMenu li.active { background:url(../media/images/bg-menu-selected.png) no-repeat top left; } #mainMenu li.active a.active { color:#98dbff; } #mainMenu li.toggle a { display:block; width:205px; height:23px; padding:4px 0 0 15px; color:#ffffff; font-size:1.4em; text-decoration:none; background:url(../media/images/a-deploy-idle.png) no-repeat 190px 11px; } #mainMenu li.toggle a:hover { background:url(../media/images/a-deploy-selected.png) no-repeat 190px 11px; } #mainMenu li.toggle.active a { background:url(../media/images/a-deploy-selected.png) no-repeat 190px 11px; } #mainMenu li.toggle.active ul { display:block !important;} #mainMenu li.toggle.active ul li.active a { color:#98dbff; } #mainMenu li ul { margin:10px 0 0 30px; } #mainMenu li ul li { width:190px; background:none; margin-bottom:5px; } #mainMenu li ul li:hover { background:none; } #mainMenu li ul li a { width:190px; margin:0; padding:0; height:auto; color:#4faada; background:none; } #mainMenu li ul li a:hover { color:#98dbff; background:none; } #mainMenu li.toggle ul { margin:0 0 0 30px; padding-top:10px; } #mainMenu li.toggle ul li { width:190px; background:none; } #mainMenu li.toggle ul li:hover { background:none; } #mainMenu li.toggle ul li a { width:190px; margin:0; padding:0; height:auto; color:#4faada; background:none; font-size:1.2em; line-height:1em; } #mainMenu li.toggle ul li a:hover { color:#98dbff; background:none; } /* MAIN CONTENT */ /* -------------------------- */ #mainContent { overflow:visible; position:relative; float:left; width:720px; min-height:100%; padding:0; } #mainContent #language { position:absolute; top:0; right:0; } div#mainContent #language a { display:inline-block; padding:5px 10px; color:#fff; text-decoration:none; background:#168bbb; } #mainContent #language a:hover { text-decoration:underline; } body#home #mainContent { background:url(../media/images/accueil/bg-maincontent.jpg) no-repeat top left; } #wrapContent { padding:25px 0 30px 30px; overflow:visible; min-height:600px; } #wrapContent h1 { width:390px; margin-bottom:10px; min-height:120px; font-size:1.8em; color:#669900; font-weight:normal; } #wrapContent h2 { display:inline-block; margin-top:30px; font-size:1.4em; color:#0c4369; zoom:1; *display:inline; } #wrapContent p { color:#3e3e3e; font-size:1.3em; } #wrapContent a { color:#168bbb; } .img-accompagnement { position:absolute; top:40px; right:0px; } /* HOME */ /* -------------------------- */ #products-listing { position:relative; left:390px; width:300px; margin:10px 0 60px; } #products-listing li { overflow:hidden; width:300px; height:113px; margin-bottom:3px; background:url(../media/images/accueil/li-shadow.png) no-repeat bottom left; } #products-listing li img { display:block; float:left; } #products-listing li div { position:relative; height:110px; } #products-listing li h2 { float:right; width:180px; margin:10px 0 5px; color:#fff; font-size:1.3em; } #products-listing li p { float:right; width:170px; margin:0 10px 0 0; color:#fff; font-size:1em; line-height:11px; } #products-listing li h2 a { padding-right:15px; color:#fff; background:url(../media/images/accueil/dot.png) no-repeat right 4px; } #products-listing li .more { position:absolute; bottom:10px; right:10px; } #products-listing li .green { background:#90c22b; } #products-listing li .orange { background:#fb7d01; } #products-listing li .yellow { background:#e8b417; } #products-listing li .red { background:#c22b6e; } #products-listing li .blue { background:#0b4f7e; } /* COMPAGNIE */ /* -------------------------- */ #compagnie h2 { } #compagnie .profil h1 { } #compagnie .profil h2 { margin:10px 0; padding-left:25px; color:#90c22b; background:url(../media/images/profil/toggle-off.png) no-repeat top left; cursor:pointer; } #compagnie .profil h2:hover { text-decoration:underline; } #compagnie .profil h2.on { color:#0c4369; background:url(../media/images/profil/toggle-on.png) no-repeat top left; } #compagnie .profil h3 { margin:30px 0 5px 0; } #compagnie h3 { font-size:1.4em; color:#0c4369; } #compagnie ul.compagnieList { margin-bottom:20px; padding-left:20px; } #compagnie ul.compagnieList li { margin-bottom:5px; font-size:1em; } #compagnie ul.profilList { margin-left:50px; list-style:disc; } #compagnie ul.profilList li { margin:0; color:#0c4369; font-size:1.2em; } .collapse .content { position:relative; zoom:1; } #compagnie .img-preview { position:absolute; top:0; right:0; } #compagnie .near-img { } #compagnie ul.expertiseList { margin-left:50px; list-style:decimal; } #compagnie ul.expertiseList li { margin:0; color:#0c4369; font-size:1.2em; } #compagnie ul.valeursList { list-style:none; } #compagnie ul.valeursList li { padding:0 0 10px 25px; font-size:1.2em; color:#3E3E3E; background:url(../media/images/ico_check-blue.png) no-repeat left 2px; } #usine li { display:inline; margin:0 3px 5px 0; } #usine li img { } /* DIVISIONS */ /* -------------------------- */ .btn-tooltip { display:inline-block; position:relative; top:3px; *top:-10px; left:5px; zoom:1; *display:inline; } .btn-tooltip img { display:block; } .triggertip { padding-right:25px; background:url(../media/images/dot-tooltips.png) no-repeat right 0; } #listingIndustriel ul { list-style:disc; } #listingIndustriel ul li { padding:0 0 3px 0; margin:0 0 5px 30px; font-size:1.2em; color:#3E3E3E; line-height:1.5em; } #listingIndustriel ul li a { text-decoration:underline; } #listingIndustriel ul li a:hover { color:#054660; } #listingIndustriel h4 { margin-top:30px; font-size:1.2em; } #pdf-citerne { list-style:disc; } #pdf-citerne li { margin-left:30px; font-size:1.2em; } #img-citerne { list-style:none; display:block; margin:10px 0 30px 0; } #img-citerne li { display:inline; } #divisions #contactContent h3 { margin-top:20px; color:#0D3B5C; } /* ENGAGEMENT */ /* -------------------------- */ #engagement ul.engagementList { } #engagement ul.engagementList li { padding:0 0 10px 25px; font-size:1.2em; color:#3E3E3E; background:url(../media/images/ico_check-blue.png) no-repeat left 2px; } /* HISTORIQUE */ /* -------------------------- */ #flowtabs { margin:60px 0 10px 0; text-align:center; } #flowtabs li { display:inline-block; margin:0 5px; zoom:1; *display:inline; } #flowtabs li a { display:block; font-weight:bold; font-size:1.1em; } #flowtabs li a.current { position:relative; top:5px; background:url(../media/images/timeline-selected.png) no-repeat top left; width:77px; height:23px; padding:2px 0 0 0; color:#fff; text-align:center; } #flowpanes { position:relative; width:690px; height:620px; background:#e6f6fc; cursor:pointer; } #flowpanes h2 { margin:0; font-size:1.2em; } #flowpanes p { margin-bottom:15px; font-size:0.8em; } #flowpanes hr { display:block; margin:15px 0; border:none; height:6px; min-height:6px; background:transparent url(../media/images/historique/border.png) no-repeat top left; *zoom:25%; *margin:0 0 15px; *color:#a3c3e2; } #flowpanes { position:relative; overflow:hidden; clear:both; } #flowpanes div { float:left; display:block; cursor:pointer; font-size:14px; } #flowpanes .items { width:20000em; position:absolute; top:0; clear:both; margin:0; padding:0; border:none; } #flowpanes .items div { width:636px; height:565px; padding:20px; margin:6px; border:1px solid #fff; } #flowpanes .less, #flowpanes .less a { color:#999 !important; font-size:11px; } #navHistorique { display:block; margin:10px 0 20px; } .prev { float:left; padding-left:10px; color:#168bbb; font-size:1.2em; background:url(../media/images/img-prev.png) no-repeat left 5px; } .next { float:right; padding-right:10px; color:#168bbb; font-size:1.2em; background:url(../media/images/img-next.png) no-repeat right 5px; } .prev:hover, .next:hover { text-decoration:underline; } /* CARRIERES et JOINDRE */ /* -------------------------- */ #carrieres h3, #nousJoindre h3 { margin:20px 0 0 0; color:#0d3b5c; } #carrieres h3 img, #nousJoindre h3 img { position:relative; top:9px; margin-right:10px; } ul.informations { margin-top:20px; } ul.informations li { padding:0 0 3px 0; font-size:1.2em; color:#3E3E3E; line-height:1.5em; } #contactContent { overflow:hidden; margin-top:10px; } #contactContent h3 { margin-top:0; } #contactContent h3#qualipak { margin-top:40px; } #contactContent h4 { margin:17px 0 18px 0; font-size:1.5em; color:#0D3B5C; } #contactContent .contact-left { float:left; width:50%; } #contactContent .contact-right { float:right; width:50%; } #contactContent ul { margin-top:20px; } #contactContent ul li { padding:0 0 3px 0; font-size:1.2em; color:#3E3E3E; line-height:1.5em; } .logos-contact li { display:inline-block; margin:0 20px 5px 0; zoom:1; *display:inline; } #carrieres h1 { height:auto; min-height:30px; margin:0; } #nousJoindre h1 { height:auto; min-height:50px; margin:0; } /* PROTECTION */ /* -------------------------- */ #protection ul { margin:10px 0 10px 30px; list-style:disc; } #protection ul li { font-size:1.2em; } /* FICHES SIGNALETIQUES */ /* -------------------------- */ #fichesSignaletiques ul.fiche { margin-left:30px; list-style:disc; } #fichesSignaletiques ul.fiche li { font-size:1.2em; } #fichesSignaletiques h1 { height:auto; min-height:30px; margin:0; } /* SALLE PRESSE */ /* -------------------------- */ #sallePresse h1 { height:auto; min-height:50px; margin:0; } /* SITEMAP */ /* -------------------------- */ .sitemapContent { margin-left:40px; } .sitemapContent ul { list-style:none; } .sitemapContent .topmenu2 { text-decoration:none; cursor:text; } .sitemapContent .topmenu2:hover { text-decoration:none; cursor:text; } .sitemapContent .topmenu3 { text-decoration:none; cursor:text; } .sitemapContent .topmenu3:hover { text-decoration:none; cursor:text; } .sitemapContent .topmenu4 { text-decoration:none; cursor:text; } .sitemapContent .topmenu4:hover { text-decoration:none; cursor:text; } .sitemapContent strong { display:block; font-size:1.4em; margin-top:10px; } .sitemapContent .nav1 { margin-left:20px; } #planSite h1 { height:auto; min-height:30px; margin:0; } /* BREADCRUMB */ /* -------------------------- */ ul#breadcrumb { padding:30px 0 30px 0; margin:0; } ul#breadcrumb li { display:inline-block; zoom:1; *display:inline; } ul#breadcrumb li span { padding-right:10px; margin-right:5px; font-size:1.4em; color:#0c4369; background:url(../media/images/breadcrumb-arrow.png) no-repeat right 5px; } ul#breadcrumb li.last span { padding:0; background:none; } ul#breadcrumb li a { display:inline-block; padding-right:10px; margin-right:5px; font-size:1.4em; color:#0c4369; background:url(../media/images/breadcrumb-arrow.png) no-repeat right 5px; } ul#breadcrumb li.last a { padding:0; background:none; } /* SEARCH */ /* -------------------------- */ #search ol li { border-top:1px solid #b0d6e6; margin-top:15px; padding-top:15px; } .highlight { background:#fdfb59; } /* TOOLTIP */ /* -------------------------- */ #tooltip1 { overflow:hidden; cursor:pointer; } .tooltip { display:none; background:#fff; border:4px solid #90c22b; padding:10px; -moz-box-shadow:0 1px 10px #000; -webkit-box-shadow:0 1px 10px #000; z-index:300; } /* FOOTER */ /* -------------------------- */ hr.clear { } #footer { position:relative; } #footer-left { position:absolute; left:-230px; top:0px; width:230px; } #footer-left input.inputTxt { float:left; width:167px; height:20px; padding:6px 0 0 22px; background:url(../media/images/bg-search.png) no-repeat top left; border:0; } #footer-left input.searchBtn { float:left; display:block; width:31px; height:26px; background:url(../media/images/btn-search.png) no-repeat top left; border:0; } #footer-left input.searchBtn:hover { background-position:bottom left; } #footer-left ul { display:inline-block; width:100%; padding-top:20px; text-align:right; } #footer-left ul li { display:inline; margin-right:10px; } #footer-left a { color:#66ccff; font-size:1em; font-family:arial; } #footer-left a:hover { } #footer-left p { color:#fff; text-align:right; margin-right:10px; } #footer #footerMenu { width:710px; margin:0 0 0 10px; padding-top:15px; border-top:1px solid #ebf6fa; text-align:right; } #footer #footerMenu li { display:inline; margin-left:35px; } #footer #footerMenu li a { color:#168bbb; font-size:1.2em; }