/* http://rhum:81/suez-env_2008/site/wizard/cms/sitasud_14/css/images/ */ /**************** FEUILLE DE STYLE - GRILLES *****************/ /* PRINT */ #print_css {display:none;} #fil-ariane {display:none;} .titre_print {display:none;} /* RESET WHITE SPACE */ * {padding:0; marggin:0;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0;} fieldset {border:0; } address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal; } ol,ul {list-style:none; } caption,th {text-align:left; } h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} /* RESET WHITE SPACE */ html, body { height:100%} body {font:11px Verdana, Arial, Helvetica, sans-serif; text-align:justify; color: #000000; background-color:#FFFFFF; background-color:#FFFFFF; background-image:url("images/bgr-gene.gif"); background-repeat:repeat-x;} /************* OBJETS GLOBALS *********************/ a {text-decoration:none; outline:none; position:relative;color:#} p {} a:hover {text-decoration:underline;} img { border:none; } ul, li {list-style:none; text-align:left;} #page ul li{background:url("gammes/puces/puces-color2-gamme-2.gif"); background-repeat:no-repeat; background-position: left 3px ; padding-left:15px;} #page ul li ul li{background:url("gammes/puces/puce-gamme1-crosshair.gif"); background-repeat:no-repeat; background-position: left 3px ; padding-left:15px;} /********** MISC CLASSES *************/ .offline { border:1px solid red;} .btn-back { text-align: right; padding-top: 20px;} .bloc-list-01 {padding-bottom:2px;} .left {float:left;} .right {float:right;} .txt-left {text-align:left;} .txt-right {text-align:right;} .clear {clear:both; padding-bottom:2px;} .bold{font-weight:bold;} .italique {font-style:italic;} .masquer-colonne{display:none;width:1px;} /*****hp****************/ .gridac {background-color:#cccccc;} #global {width:986px; margin: 0 auto; padding:0;border-top:0; height: auto; margin-top:5px;} #center {background:url("images/bgr-center.png"); background-repeat:repeat-y;width:986px;margin-left:3px;} *html #center {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sitasud.fr/cms/sitasud_14/css/images/bgr-center.png', sizingMethod='scale');background: none;width:980px;} #center table{width:890px; margin-left:48px; /*margin-top:30px;*/} #center table table {width:100%; margin-left:0px; margin-top:0px;} /*********** HEADER **********************/ #header {margin-left:3px;width:986px;position:relative;} /* EDITO */ .edito_content{background:url("images/decoupe_tpl_middle.png") repeat-y; height:auto; width:464px; padding:15px 15px 15px 15px;} #actualites-edito .titre{width:300px; text-align:left;} #actualites-edito .edito_top{background:url("images/decoupe_tpl_top.png") no-repeat; /*height:55px;*/ width:501px; padding:3px 45px 15px 25px;} #actualites-edito .edito_middle{background:url("images/decoupe_tpl_middle.png") repeat-y; height:auto; width:501px; padding:0 15px 0 25px;} #actualites-edito .edito_middle .contenu{width:450px;} #actualites-edito .edito_bottom{background:url("images/decoupe_tpl_bottom.png") no-repeat; height:14px; width:501px;} /* MENU GAUCHE */ #col-gauche {background:url("gammes/menu-gauche/fd-bas-menu-gauche-gamme-1.gif"); background-repeat:no-repeat; background-position:bottom left;} #col-gauche .menugauche {background:url("gammes/menu-gauche/fd-rpt-menu-gauche-gamme-1.gif"); background-repeat:repeat-y; width:161px; margin-bottom:300px;} #col-gauche .menugauche .menugauche-top {background:url("gammes/menu-gauche/fd-haut-menu-gauche-gamme-1.gif"); background-repeat:no-repeat; width:161px; height:23px;} /* niveau 1 */ .menugauche-n-1{background:url("gammes/menu-gauche/puce-triangle-1.gif"); background-repeat:no-repeat; background-position:center left; padding-left:15px; margin-top:10px;min-height:35px;height:auto !important; height:35px; padding-right:5px;font-familly:tahoma;font-size:11px;text-transformation:uppercase;} .menugauche-n-1 a{color:#CF691E; font-size:12px; display:block; padding-top:10px;margin-bottom:5px; text-align:left;text-transformation:uppercase;} .menugauche-n-1 a:hover {text-decoration:none;text-transformation:uppercase; font-weight:bold;} /* current */ .menugauche-n-1-current {background:url("gammes/menu-gauche/puce-triangle-1.gif"); background-repeat:no-repeat; background-position:center left; padding-left:15px; margin-top:10px;min-height:35px;height:auto !important; height:35px; padding-right:5px;font-familly:tahoma;font-size:11px;text-transformation:uppercase;} .menugauche-n-1-current a{color:#CF691E; font-size:12px; font-weight:bold; display:block; padding-top:10px;margin-bottom:5px; text-align:left;text-transformation:uppercase;} .menugauche-n-1 a:hover {text-decoration:none;text-transformation:uppercase; font-weight:bold;} /* offline */ .menugauche-n-1-offline {background:url("gammes/menu-gauche/puce-triangle-1.gif"); background-repeat:no-repeat; background-position:center left; padding-left:15px; margin-top:10px;min-height:35px;height:auto !important; height:35px; padding-right:5px;font-familly:tahoma;font-size:11px;text-transformation:uppercase;} .menugauche-n-1-offline a{color:#ff2b2b; font-size:12px; display:block; padding-top:10px;margin-bottom:5px; text-align:left;text-transformation:uppercase;} .menugauche-n-1-offline a:hover {text-decoration:none;text-transformation:uppercase; font-weight:bold;} /* niveau 2 */ .menugauche-n-2 {background:url("gammes/menu-gauche/puce-rond-1.gif"); background-repeat:no-repeat; background-position:center left; padding-left:15px; margin-top:2px; margin-left:13px; padding-right:5px;} .menugauche-n-2 a{color:#343434; font-size:11px; display:block; padding-top:5px; text-align:left;} .menugauche-n-2 a:hover {text-decoration:none; font-weight:bold;} /* current */ .menugauche-n-2-current {background:url("gammes/menu-gauche/puce-rond-1.gif"); background-repeat:no-repeat; background-position:center left; padding-left:15px; margin-top:2px; margin-left:13px; padding-right:5px;} .menugauche-n-2-current a{color:#343434; font-size:11px; font-weight:bold; display:block; padding-top:5px; text-align:left;} .menugauche-n-2-current a:hover {text-decoration:none; font-weight:bold;} /* offline */ .menugauche-n-2-offline {background:url("gammes/menu-gauche/puce-rond-1.gif"); background-repeat:no-repeat; background-position:center left; padding-left:15px; margin-top:2px; margin-left:13px; padding-right:5px;} .menugauche-n-2-offline a{color:#ff2b2b; font-size:11px; display:block; padding-top:5px; text-align:left;} .menugauche-n-2-offline a:hover {text-decoration:none; font-weight:bold;} /* niveau 3 */ .menugauche-n-3 {background:url("gammes/menu-gauche/puce-rond-1.gif"); background-repeat:no-repeat; background-position:center left; padding-left:15px; margin-top:2px; margin-left:30px; padding-right:5px;font-weight:normal;} .menugauche-n-3 a{color:#343434; font-size:11px; display:block; padding-top:5px; text-align:left;font-weight:normal;} .menugauche-n-3 a:hover {text-decoration:none; font-weight:bold;} /* current */ .menugauche-n-3-current {background:url("gammes/menu-gauche/puce-rond-1.gif"); background-repeat:no-repeat; background-position:center left; padding-left:15px; margin-top:2px; margin-left:30px; padding-right:5px;font-weight:normal;} .menugauche-n-3-current a{color:#343434; font-size:11px; font-weight:bold; display:block; padding-top:5px; text-align:left;font-weight:normal;} .menugauche-n-3-current a:hover {text-decoration:none; font-weight:bold;} /* offline */ .menugauche-n-3-offline {background:url("gammes/menu-gauche/puce-rond-1.gif"); background-repeat:no-repeat; background-position:center left; padding-left:15px; margin-top:2px; margin-left:30px; padding-right:5px;font-weight:normal;} .menugauche-n-3-offline a{color:#ff2b2b; font-size:11px; display:block; padding-top:5px; text-align:left;font-weight:normal;} .menugauche-n-3-offline a:hover {text-decoration:none; font-weight:bold;} /* niveau 4 */ .menugauche-n-4 {background:url("gammes/menu-gauche/puce-rond-1.gif"); background-repeat:no-repeat; background-position:center left; padding-left:15px; margin-top:2px; margin-left:40px; padding-right:5px;font-weight:normal;} .menugauche-n-4 a{color:#343434; font-size:11px; display:block; padding-top:5px; text-align:left;font-weight:normal;} .menugauche-n-4 a:hover {text-decoration:none; font-weight:bold;} /* current */ .menugauche-n-4-current {background:url("gammes/menu-gauche/puce-rond-1.gif"); background-repeat:no-repeat; background-position:center left; padding-left:15px; margin-top:2px; margin-left:40px; padding-right:5px;font-weight:normal;} .menugauche-n-4-current a{color:#343434; font-size:11px; font-weight:bold; display:block; padding-top:5px; text-align:left;font-weight:normal;} .menugauche-n-4-current a:hover {text-decoration:none; font-weight:bold;} /* offline */ .menugauche-n-4-offline {background:url("gammes/menu-gauche/puce-rond-1.gif"); background-repeat:no-repeat; background-position:center left; padding-left:15px; margin-top:2px; margin-left:40px; padding-right:5px;font-weight:normal;} .menugauche-n-4-offline a{color:#ff2b2b; font-size:11px; display:block; padding-top:5px; text-align:left;font-weight:normal;} .menugauche-n-4-offline a:hover {text-decoration:none; font-weight:bold;} /***************lexique************/ .results .titre-glossaire:first-letter { text-transform:uppercase; } /**************** FOOOTER **************/ #footer {background:url("images/bgr-bottom.png"); background-repeat:no-repeat; height:63px; width:986px;margin-left:3px;} *html #footer {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sitasud.fr/cms/sitasud_14/css/images/bgr-bottom.png', sizingMethod='scale');background: none;width:980px;} /**********WEBRING*************/ #footer {} #footer ul li{list-style:none; display:inline; background:url("gammes/puces/puce-footer.gif"); background-repeat:no-repeat; background-position:2px 4px; margin-top:10px;padding-left:12px; margin-left:3px} #footer a { color:#FFFFFF; text-transform:uppercase; font-weight:bold; font-size:10px;} #footer a:hover {color:#FFFFFF;} #footer #footer-placement {width:900px; margin-left:auto; margin-right:auto;padding-top:15px;} #footer .footer-left {float:left; width:10px; height:30px; background:url("images/bgr-footer-left.gif"); background-repeat:no-repeat;} #footer .footer-middle {float:left; width:881px; height:30px; background:#b9b9b9 url("images/bgr-footer-name.gif"); background-repeat:no-repeat; background-position:right center;} *html #footer .footer-middle{width:877px; height:30px; overflow:hidden;} #footer .footer-right {float:left; width:9px; height:30px; background:url("images/bgr-footer-right.gif"); background-repeat:no-repeat;} #footer .footer-middle div {padding-top:7px;} /* TITRE PAGE */ #titre-page {padding:30px 0;} #flash-titre{padding-top:15px;padding-left:15px;font-size:18px;color:#097d38;} .col-centre-contenu {padding: 0px 35px 65px 35px;min-height:400px;} h1.titre {margin-bottom:20px; float:left; width:80%; display:block;} div.bouton_action {float:right; width:20%; display:block; text-align:center;} .afficher_colone{} #col-centre {background:url("images/bgr-center-page.gif"); background-repeat:no-repeat; background-position:bottom right;} #col-centre .col-centre-contenu {background:url("images/bgr-contenu.gif"); background-repeat:no-repeat; min-height:300px; height:auto !important; height:300px; padding-bottom:40px;} /*PAGE TYPE*/ .libelle-cp {text-indent:15px;padding-bottom:15px; font-size:14px;color:#ACC22D;font-weight:bold;} .libelle-cp-no-puce {padding-bottom:15px; font-size:14px;color:#ACC22D; font-weight:bold;} .pagetype .libelle-cp {text-indent:15px;padding-bottom:15px; font-size:14px;color:#ACC22D;font-weight:bold;} .pagetype table{border: medium solid #adc22d;width: 50%;border-collapse:collapse;text-align:center;font-size:11px;} .pagetype table tr{height:25px;} .pagetype .int-tab{font-weight:bold;} .pagetype table td{width:100px;} .pagetype table .pays{text-align:left;font-weight:bold;width:auto;text-indent:10px;} .pagetype table .couleur{background-color:#e9efd3;} .pagetype td, th{border: thin solid #adc22d;width: 50%;} /* FRIENDS */ #friends { margin:0 0 15px 15px;} #friends .title-friends {color:#CF691E; font-weight:bold; font-size:16px;} #friends .titre {color:#CF691E; font-weight:bold; background-image:url("gammes/puces/gamme-4-puces-rose.gif"); background-repeat:no-repeat; background-position:center left; padding-left:10px;} #friends label {float:left; width:55px; color:#000000;} #friends input {float:left; width:250px; border:1px solid #a7a7a7;} #friends #formulaire-friends-left {width:320px; float:left;} #friends #formulaire-friends-left .text {color:#a7a7a7;} #friends #formulaire-friends-left #email2 {float:none; width:215px;} #friends #formulaire-friends-right {width:320px; float:left; margin-left:4px;} #friends #formulaire-friends-right textarea {width:300px; height:165px; border:1px solid #a7a7a7; font-size:11px; padding:0;margin:0;} #friends #formulaire-friends-right .valider {width:145px; height:17px; background-color:#CF691E; color:#FFFFFF; font-weight:bold; border:none; cursor:pointer; float:left; margin-top:10px;} #friends #formulaire-friends-right .annuler {width:145px; height:17px; background-color:#CF691E; color:#FFFFFF; font-weight:bold; border:none; cursor:pointer; float:left;margin-left:10px; margin-top:10px;} /* **************************** ALTERNATIVE TEXTE FLASH HEADER BANDEAU ************************************** */ /* LOGO */ #menu { overflow:hidden;} #menu #cont-header { background-color:#FFF;} #menu .logo{float: left; width:335px; height:200px; background:url("images/print_logo.jpg");} #menu .logo a { display:block; height:100%; width:100%;} /* NAVIGATION ACCESSIBILITE */ #nav_acces_web{margin: 0 0 0 30px; visibility: hidden; position: absolute; z-index: 5; } #nav_acces_web li{ padding: 0 0 0 15px;} #nav_acces_web li a {color: #565654;} /* LANGUE */ #menu .langue{float: left; margin: 0 0 0 30px;} #menu .langue li {display: inline; padding: 0 0 0 15px;} #menu .langue li a{color: #565654;} /* RECHERCHE */ #menu .recherche{float: left; margin: 0 0 0 30px;} #menu .recherche .submit { width:50px;} /* MENU */ #menu .menu{padding-left:30px; float:left;} #menu .menu ul.espace { float:left; margin:0 5px; } #menu .menu li.niveau { list-style: square; margin: 0 0 15px 0; padding-bottom:15px;} #menu .menu li.niveau a{font-weight: bold; color: #CF691E;} #menu .menu li.niveau li {list-style: circle; margin-left : 25px; } #menu .menu li.niveau li a{font-weight: normal; color: #565654;} /* FOCUS */ #col-droite .focus-right-modele {background:url("gammes/focus/bgr-focus-modele-rpt.gif"); background-repeat:repeat-y; width:204px; margin-left:5px;} #col-droite .focus-right-modele-top {background:url("gammes/focus/bgr-focus-modele-top.gif"); background-repeat:np-repeat; width:204px; height:35px; font-weight:bold; color:#FFFFFF; padding-left:50px; font-size:14px;} #col-droite .focus-right-modele-center-texte {background:url("gammes/focus/bgr-focus-modele-bottom.gif"); background-repeat:no-repeat;width:204px; background-position:bottom left; padding:15px;} #col-droite .focus-right-modele-center-intro {color:#cf691e; font-weight:bold; padding-bottom:5px;} #col-droite .focus-right-modele a {color:#FFFFFF;} #col-droite .focus-right-modele-center-puces {background:url("gammes/focus/bgr-focus-modele-bottom.gif"); background-repeat:no-repeat;width:204px; background-position:bottom left; padding:15px;} #col-droite .focus-right-modele-center-puces ul li{background:url("gammes/puces/fleche-blanche.gif"); background-repeat:no-repeat; background-position:center left; padding-left:15px;} #col-droite .focus-right-modele-center-pdf {background:url("gammes/focus/bgr-focus-modele-bottom.gif"); background-repeat:no-repeat;width:204px; background-position:bottom left; padding:15px;} #col-droite .focus-right-modele-center-pdf ul li{background:url("images/pdf.gif"); background-repeat:no-repeat; background-position:center left; padding-left:18px;} #col-droite .focus-right-modele-center-image {background:url("gammes/focus/bgr-focus-modele-bottom.gif"); background-repeat:no-repeat;width:204px; background-position:bottom left; padding:15px 0;} #content .slide{ background: transparent url() left top no-repeat; color: #333; } #content .slide .min{ overflow: hidden; width: 215px; height: 95px; position: absolute; margin: 0 0 0 3px; _margin: 0 0 0 1px; _width: 215px; _height: 95px; _position: absolute; _left: auto; } #content .slide .min img{ margin: 2px 10px 2px 2px; border: 1px solid transparent; /*width: 60px;*/ height: 32px; } #content .slide .min img:hover{ border: 1px solid #c6c6c6; } #content .slide .containerInterne{ position: absolute; padding:15px;} #content .slide .navSlide{ padding:104px 0 0; text-align:center; } #content .slide .navSlide a, #content .slide .navSlide a:hover, #content .slide .navSlide a:active, #content .slide .navSlide a:visited{ cursor: pointer; } /*SITEMAP*/ #sitemap, #sitemap ul, #sitemap li{ margin:0; padding:0; list-style:none; } #sitemap{} #sitemap ul{ display:none; } #sitemap li{ line-height:200%; margin-top:1px; background:#eee; position:relative; width:100%; } /* IE leaves a blank space where span is added so this is to avoid that */ * html #sitemap li{ float:left; display:inline; } #sitemap li a{padding-left:28px;} #sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;} #sitemap li span, #sitemap li span.collapsed{background:url("images/collapsed.gif") no-repeat 0 0;} #sitemap li span.expanded{background:url("images/expanded.gif") no-repeat 0 0;} /* second level */ #sitemap li li{ background:#fff; } #sitemap li li a{padding-left:56px;} #sitemap li li span{left:28px;} /* third level */ #sitemap li li li a{padding-left:84px;} #sitemap li li li span{left:56px;} .containerInterne{ padding:0 15px; } .oActu{ font-size:11px; margin-top:16px; } .oActu .titre{ font-weight:bold; margin-bottom:3px; } #autres-centre .pagination{ bottom:11px; left:6px; position:relative; font-size:10px; }