/* CSS Document Groupe Doux */ /** Global **/ html, body {height: 100%; } body { height:100%; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:0.69em; color:#34342d; } input{ outline:none; } .clearBoth { clear:both; height:1px; font-size:1px; } .hr-pseudo { border-bottom:1px dotted #CEC8C0; width:80%; margin:10px 0 10px 15px; padding:0; } .hr-pseudo-contenu { border-bottom:1px dotted #34342E; width:100%; margin:0; padding:0; } .hr-pseudo-contenu-cible { border-bottom:1px dotted #34342E; width:80%; margin:5px 0 10px 37px; padding:0; } /** Titres **/ h1, h2, h3, h4, h5 { color:#34342E; } h1 { font-size: 1.95em; } h2 { font-size: 1.65em; font-weight:normal; background:url(../images/h1_icone.gif) no-repeat scroll left 5px;margin:0 0 10px 0; padding:0 0 0 15px; } h3 { font-size: 1.15em; margin:5px 0 5px 0; padding:0;} h4 { font-size: 1.25em; } h5 { font-size: 1.10em; } /** Liens **/ a { color: #34342d;text-decoration: none; } a:link { color: #34342d; } a:visited { color: #34342d; } a:hover, a:focus, a:active { color: #f29400; outline:none; } a img { border: none; } /** Image de fond **/ #imagedefond { position:absolute;top:0; left:0; width:100%; height:100%; min-width:970px;/*min-height:600px;*/overflow:hidden;z-index:0; } #imagedefond img{ position:fixed;min-width:600px; } /** Gestion de la page **/ #container {width:100%; margin:0 auto;} #rub-home #container{min-height:100%;width:960px;} #rub-home #container #principal{bottom:55px; position:absolute; width:960px;} #home #container { position: absolute; bottom:55px; width:100%; } #content { width:960px; margin: 0 auto;} #size { display:none; } #rub-home #size { } #rubrique #size { height: 766px; } /** Header **/ #head { float:left; width:100%; } #home #head { margin-top: 130px; } #header { position:absolute; width:960px; height:141px; background: transparent url(../images/header-fond.png) no-repeat top left; } .pt_br #header { background: transparent url(../images/header-fond-pt-br.png) no-repeat top left; } #header-contenu { position:relative; z-index:100; width:960px; height:141px; } /** Logo **/ #logo { float:left; width:264px; height:143px; } #logo img { margin-top: 20px; margin-left: 70px; } #logo a:hover { filter : alpha(opacity=80); -moz-opacity : 0.8; -khtml-opacity: 0.8; opacity : 0.8; } #logo a.accueil span { display:none; } .en #logo a.accueil span {margin-left:-12px;} .pt_br #logo a.accueil span {margin-left:-21px;} #logo a.accueil:hover span { display:inline; position:absolute; z-index:500; top:80px; left:90px; text-align:left; padding:4px; color:#FFFFFF; font-size:0.9em;} .txt-invisible { display:none; } #slogan { float:right; margin:40px 0 0 0; } #slogan h1 { margin:0; padding:0; color:#FFFFFF; font-weight:normal; font-size: 2.10em; } #slogan h2 { margin:0; padding:0; color:#FFFFFF; font-weight:normal; font-size: 1.80em; } /** Moteur de recherche **/ #search { float: right; width:170px; height:14px; margin:72px 0 0 0; padding:0; } #search .entree { width:104px; font-size:0.90em; background:none; color:#34342d; margin:0 1px 0 0; border:0 none; } #search .bouton { font-size:0.90em; background:none; color:#34342d; border:medium none; width:33px; cursor:pointer; } /** Menu **/ #menu-horizontal { float:left; width:100%; height:18px; margin:-38px 0 0 0; padding:0; } #menu-horizontal ul {list-style-type:none; margin:0; padding:0; } #menu-horizontal ul li {display: inline;} #menu-horizontal ul li div { text-align:center; float:left; margin:2px 0 0 2px; } #menu-horizontal ul li.menu-1 div { width:104px; } #menu-horizontal ul li.menu-2 div { width:158px; } #menu-horizontal ul li.menu-3 div { width:158px; } #menu-horizontal ul li.menu-4 div { width:158px; } #menu-horizontal ul li.menu-5 div { width:104px; } #menu-horizontal ul li.menu-6 div { width:158px; } #menu-horizontal ul li.menu-7 div { width:106px; } .pt_br #menu-horizontal ul li.menu-1 div { width:79px; } .pt_br #menu-horizontal ul li.menu-2 div { width:177px; } .pt_br #menu-horizontal ul li.menu-3 div { width:200px; } .pt_br #menu-horizontal ul li.menu-4 div { width:156px; } .pt_br #menu-horizontal ul li.menu-5 div { width:85px; } .pt_br #menu-horizontal ul li.menu-6 div { width:141px; } .pt_br #menu-horizontal ul li.menu-7 div { width:104px; } #menu-horizontal ul li a { color:#FFFFFF; font-weight: bold; font-size:1em} #menu-horizontal ul li a.actif { color:#f29400; font-weight: bold; font-size:1em} #menu-horizontal ul li a:hover {color:#f29400; } /** Home **/ /*#actualites-photo img { border: 2px solid #FFFFFF; }*/ /** Content **/ #principal { position:absolute; width:961px; /*height:100%;*/ } #home #principal {position:absolute; width:961px; height:173px; background:transparent url(../images/principal_fond.png) top left no-repeat ; margin:10px 0 0 0; } #home #principal-contenu { position:relative; width:961px; height:173px; margin:10px 0 0 0; } /** CONTENT BOX ET BOTTOM **/ .monContainer{ position:absolute; bottom:0; } .myTop{width:960px;margin:0 0 6px 0;} .rub{height:440px;} .myTop .topLeft{float:left;height:1px;width:162px;} .myTop .topRight{width:798px;float:left;margin:0 0 6px 0;} .myBottom{clear:both;height:172px;position:relative;width:960px;} .myBottom .bottomLeft{width:162px;float:left;} .myBottom .bottomRight{width:798px;float:right;} /** Colonne de gauche **/ #left { float:left; width:162px; height:100%; } /** Navigation des sous-rubriques a gauche **/ #sous-nav { float: left; display: block; margin-bottom: 2px; } #sous-navigation { position:absolute; width:162px; height:440px; background:url(../images/engagements-bis_fond.png) no-repeat top left; } #sous-navigation-contenu { position:relative; z-index:9999; width:161px; height:420px; padding:20px 0 0;} #sous-navigation-contenu h4 { color:#CEC8C0; font-size:1em; margin:10px 20px 0 20px; } #sous-navigation-contenu h4 a {color:#CEC8C0; display:block; } #sous-navigation-contenu h4 a:hover { color:#FFFFFF; } #sous-navigation-contenu h4 a.actif, #sous-navigation-contenu h4 a.actifenfants { color:#FFFFFF; } #sous-navigation-contenu h4 a.enfants { background:url(../images/engagements_triangle-droite.gif) bottom right no-repeat; } #sous-navigation-contenu h4 a.actifenfants, #sous-navigation-contenu h4 a.enfants:hover { background:url(../images/engagements_triangle-bas.gif) bottom right no-repeat; } #sous-navigation-contenu ul { list-style-type:none; margin:10px 0 10px 10px; padding:0 11px 0 0;} #sous-navigation-contenu ul li { line-height:0.80em} #sous-navigation-contenu ul li a { color:#ffffff; padding: 0 0 0 10px; background:url(../images/acces-profil_puce-hover.gif) no-repeat scroll left 6px; display:block; line-height:1.60em; font-size:1em; } #sous-navigation-contenu ul li a.actif { color:#d88707; padding: 0 0 0 10px; background:url(../images/acces-profil_puce.gif) no-repeat scroll left 6px; display:block; line-height:1.60em; font-size:1em; } #sous-navigation-contenu ul li a:hover { color:#d88707; background:url(../images/acces-profil_puce.gif) no-repeat scroll left 6px; } /** Acces profil **/ #access { float:left; display: block; width:162px;} .rub-plan #access {top:445px;position:absolute;} .rub-plan .frame-ascenseur-100-plan ul li {list-style-type:disc;} #acces-profils { position:absolute;width:162px; height:172px; background:url(../images/acces-profil_fond.png) top left no-repeat;filter : alpha(opacity=80); -moz-opacity : 0.8; -khtml-opacity: 0.8; opacity : 0.8} #home #acces-profils { background: none; } #acces-profils-contenu {position:absolute;z-index:9999; width:162px; height:172px; margin-top: -5px; } #acces-profils-contenu h4 { margin:6px 0 -2px 24px; padding:5px 0 0 0; font-size:1.00em; } #acces-profils-contenu ul { list-style-type:none; margin:22px 0 0 15px; padding:0; } #acces-profils-contenu ul li { line-height:0.80em; } #acces-profils-contenu ul li a { padding: 0 0 0 10px; background:url(../images/acces-profil_puce.png) no-repeat scroll left 7px; display:block; line-height:1.90em; font-size:1em; } #acces-profils-contenu ul li a.actif { color:#d88707; } #acces-profils-contenu ul li a:hover { color:#d88707; } /** Colonne de droite **/ #right { width: 792px; } /** Home d'une rubrique **/ #rubmax-titre { margin:0 0 0 0px; padding-bottom:26px; } #rubmax-titre h2 { margin:0; color:#60554c; font-size:2.10em; background-image:none;padding:0 0 0 7px; } #rubmax-menu-central-haut {width:258px; height:10px;margin:0 0 0 7px; background:url(../images/bloc-central-haut.png) top left no-repeat; } #rubmax-menu-central { border:0 solid red; width:258px; margin:0 0 0 7px; padding:0; background:url(../images/bloc-central-fd-repeat.png) top left repeat-y; } #rubmax-menu-central-texte { position:relative; z-index:100;margin:0 0 0 0px; width:258px; } #rubmax-menu-central-texte ul { list-style-type:none; margin:0 14px;padding:5px 0 0 0; } #rubmax-menu-central-texte ul li { line-height:1.80em; border-bottom:1px dotted #cec7c0; } #rubmax-menu-central-texte ul li a{ color:#cec7c0; padding: 0; display:block; font-size:1em; font-weight:bold; } #rubmax-menu-central-texte ul li a.actif{ color:#ffffff; padding: 0; display:block; font-size:1em; } #rubmax-menu-central-texte ul li a:hover{ color:#ffffff; } #rubmax-menu-central-texte ul li a.active{ color:#cec7c0; padding: 0; background:url(../images/engagements_triangle-droite.gif) scroll right 5px no-repeat; display:block; font-size:1em; font-weight:bold; } #rubmax-menu-central-texte ul li a.active:hover { color:#ffffff; background:url(../images/engagements_triangle-bas.gif) scroll right 10px no-repeat; } #rubmax-menu-central-bas {width:258px; height:10px;margin:0 0 0 7px; background:url(../images/bloc-central-bas.png) top left no-repeat; } /* Titre Side*/ .long .maNav{float:left;width:271px;} .long #rubmax-titre{float:left;margin:30px 0 0;} /** Actualites**/ #actualites { width:945px; height:172px; margin:0 0 0 5px; padding:0;} #actualites p { margin:2px 0 2px 0; font-size:1em; } #actualites img.newsletter { margin-top: 10px; } #actualites h3 { float:left;margin:10px 0 0 30px; padding:0; font-size:1.15em;; width:515px; border-bottom:1px dotted #34342d; } #actualites h4 { font-size: 1.05em; color:#f29400; margin:0; padding:0; } #actualites-photo { float:right;height:138px;margin:0 17px 0 21px;padding:19px 0 0 15px;width:206px;background:url(../images/separ.gif) left 17px no-repeat;} .en #actualites-photo {padding:19px 0 0 15px} .pt_br #actualites-photo {padding:19px 0 0 15px} #actualites .ensavoirplus { position: absolute; bottom: 19px; height:78px; background-color:#f29400; margin:0 0 0 148px; padding:0; } /*#actualites-photo #tout-sur-la-volaille {display:block; width:213px;height:78px;background-image: url(../images/home-tout-sur-la-volaille.png);background-position: bottom;margin-top:5px;}*/ #actualites-photo #tout-sur-la-volaille {} #actualites-photo #tout-sur-la-volaille #bton-rapport-fr {padding: 0 0 10px 0px} #actualites-photo #tout-sur-la-volaille #bton-rapport-fr a {background-image:url(../images/Doux-and-you_fr.png);background-position:center top;display:block;height:62px;width:213px;} #actualites-photo #tout-sur-la-volaille #bton-rapport-fr a:hover { display:block; height:62px;background-position: center bottom;} #actualites-photo #tout-sur-la-volaille #bton-rapport-en {padding: 72px 0 0px 0px} #actualites-photo #tout-sur-la-volaille #bton-rapport-en a {background-image:url(../images/Doux-and-you_en.png);background-position:center top;display:block;height:62px;width:213px;} #actualites-photo #tout-sur-la-volaille #bton-rapport-en a:hover { display:block; height:62px;background-position: center bottom;} #actualites-photo #tout-sur-la-volaille #bton-rapport-pt_br {padding: 72px 0 0px 0px} #actualites-photo #tout-sur-la-volaille #bton-rapport-pt_br a {background-image:url(../images/Doux-and-you_pt_br.png);background-position:center top;display:block;height:62px;width:213px;} #actualites-photo #tout-sur-la-volaille #bton-rapport-pt_br a:hover { display:block; height:62px;background-position: center bottom;} #actualites-photo #tout-sur-la-volaille #bton-tout-sur-la-volaille {} #actualites-photo #tout-sur-la-volaille #bton-tout-sur-la-volaille a {background-image:url(../images/home-tout-sur-la-volaille.png);background-position:center top;display:block;height:62px;width:213px;} #actualites-photo #tout-sur-la-volaille #bton-tout-sur-la-volaille a:hover { display:block; height:62px;background-position: bottom;} .fr #actualites .ensavoirplus {width:95px;} .en #actualites .ensavoirplus {width:77px;} .pt_br #actualites .ensavoirplus {width:80px;} #actualites .ensavoirplus a { color:#FFFFFF; padding:0 0 0 7px; margin:0; background: transparent url(../images/ensavoirplus_puce.gif) no-repeat scroll left 4px;font-size:0.9em; line-height:1.8em} #actualites .ensavoirplus-1 a:hover { color:#34342d; } #actualites-1 { float:left; width:245px; height:95px; margin:10px 0 0 30px; } #actualites-2 { float:left; width:245px; height:95px; margin:10px 0 0 22px; } #liste_article{margin:10px 0 0 0;} #selectionAnnee{margin:10px 0} #selectionAnnee span{float:left;margin:0 10px 0 0;} #contentToutActu #imprimer {margin:5px 0 !important;width:39px;} /*** Carousel actu ***/ #carouselActu{background:url(../images/carouselActu.png) no-repeat 0 17px;float:right;height:138px;padding:17px;width:460px;} /*.en #carouselActu {position:relative;right:250px;} .pt_br #carouselActu {position:relative;right:250px;}*/ #myCarousel {margin:10px 0 0;} #myCarousel li {width:460px;height:118px;list-style-type:none;float:left;} #myCarousel li a.imgActu{width:284px;height:118px;float:left;overflow:hidden;} #myCarousel li img{border-right:1px dotted #CCCCCC;float:left;margin:0 6px 0 0;padding:0 6px 0 0;width:271px;} #myCarousel li .carouselContent{background:url(../images/carouselBG.png) no-repeat;float:left;height:112px;padding:0 0 10px 8px;position:relative;width:167px} #myCarousel li .carouselContent p{line-height:1.2em;bottom:8px;color:#FFFFFF;font-size:0.85em;position:absolute;width:162px;} #myCarousel li .carouselContent a{color:#ffffff;} #myCarousel li .carouselContent p strong.titre{text-transform:uppercase;font-weight:bold;} .jcarousel-clip {left:-4px;} .jcarousel-next{display:block;width:11px;height:14px;cursor:pointer;position:absolute;background:url(../images/carouselNext.png) no-repeat;right:-26px;top:58px;} .jcarousel-prev{display:block;width:11px;height:14px;cursor:pointer;position:absolute;background:url(../images/carouselPrev.png) no-repeat;left:-36px;top:58px;} /** Texte **/ #zone-texte { display: block; } .news #zone-texte { height: 541px ; width: 814px ; } #contenu { position:absolute; width:792px; height:440px; background:url(../images/contenu-1-bis-zoom_fond.png) top left no-repeat; margin:0 0 0 5px; } /*#article #contenu { width: 500px; height: 278px; background:url(../images/zoom-lightbox_fond.png) top left no-repeat; }*/ #article #contenu { height:391px;width:621px; background:url(../images/light_box_fond.png) top left no-repeat; } .newsletter #article #contenu { height:260px !important;} .news #contenu { height: 541px !important; width: 814px !important; background: url(../images/gestion-crise_fond.png) top left no-repeat !important; } #contenu-long { position:absolute; width:792px; height:617px; background:url(../images/contenu-1-0-zoom_fond.png) top left no-repeat; margin:0 0 0 167px; } #contenu-texte { position:relative; z-index:8999; width:705px; height:393px; padding:30px 42px 0 44px; } /*#article #contenu-texte-bis {height:371px;padding:25px 0 0 35px;width:597px; }*/ #article #contenu-texte {height:371px;padding:15px 0 0 29px;width:597px; } .newsletter #article #contenu-texte {height:250px;} .news #contenu-texte { height: 541px !important; width: 814px !important; padding:25px 0 0 35px !important; } #contenu-texte-long { position:relative; z-index:8999; width:705px; height:550px; padding:30px 42px 0 210px; } #fildariane { color:#59564F; font-size:0.90em; margin:0 0 10px 0; } #contenu-texte-texte { overflow-y:scroll; margin:0 0 10px 0; float: left; } #contenu-texte-texte p { margin:0px 20px 10px 0; } #contenu-texte-texte ul { margin:5px 0 5px 40px; } #contenu-texte-texte ul li{margin:0px 0 5px 0px;} #contenu-texte-texte a { text-decoration: underline; } .rub-plan #contenu-texte-texte a { text-decoration: underline; } .rub-plan #contenu-texte-texte p { margin:5px 20px 10px 0; } #article #contenu-texte-texte { color:#34342D;height:283px !important;margin-left:3px;overflow:auto;width:572px !important;margin-top:8px;} .newsletter #article #contenu-texte-texte {height:210px !important;} .news #contenu-texte-texte-news { color:#34342D; height: 390px !important; /*height: 384px !important;*/ width: 757px !important; clear:both; overflow: auto; } #contenu-texte-texte-news p { margin:0px 20px 10px 0; } #contenu-texte-texte-news ul { margin:5px 0 5px 40px; } #contenu-texte-texte-news ul li{margin:0px 0 5px 0px;} #contenu-texte-texte-news a { text-decoration: underline; } #informations_complementaires { height: 104px; display: block; float:left; margin-left: 6px; margin-top: 5px; width:560px; padding: 20px 15px;} #informations_complementaires img { margin-right: 18px;} #informations_complementaires ul { list-style-type:none;margin:0px 0 0 116px;padding:0;} #informations_complementaires ul li { background:transparent url(../images/acces-profil_puce.png) no-repeat scroll left 7px;} #acceder_au_site { float: left; display:block; height: 104px; margin-left: 2px; margin-top: 5px; width: 160px; padding-top: 44px; text-align: center; } #acceder_au_site a { color: #FFFFFF !important; font-weight: bold; } .flashRubrique #contenu-texte-texte { height: 335px !important; } .frame-ascenseur { width: 100%; height:297px;} .frame-ascenseur-50 { width:50%; height:297px;} .frame-ascenseur-100 { height:520px; } #imprimer { position: relative; z-index:9999; width:70px; height:15px; /*margin-top:10px;*/margin-top:-6px; } #imprimer a { color:#817e78; } #imprimer a:hover { color:#d88707; } .imprimer { float:right;} #article .imprimer { bottom:10px;margin-top:0 !important;position:absolute;right:0;} .imprimer-box { margin-right: 20px; margin-top: -25px !important; } .imprimer-50 {float:left;margin-left:265px;margin-top:3px !important; } #encart-image { float:right; width:345px; height:300px; margin:10px 0; } #encart-image img { border: 2px solid #FFFFFF; } /** Zooms **/ #bloc-zoom { display: block; position: absolute; margin:0 0 0 1px; width: 798px; } .maRub #bloc-zoom { margin:0 0 0 6px;} .rub #bloc-zoom { margin:0 0 0 6px;} .zooms { margin:0px 0px 0px 7px; float:left; width:391px; position:relative; } .zoom {width:391px;height:171px;display:block;background:url(../images/zoom_fond.png) top left no-repeat;} #zoom-gauche{ margin:0px 0px 0px 0px;} .zoom-contenu {margin:-171px 0 0 0;padding:14px 30px 0;height:156px;} .zoom-contenu ul {margin: 3px 0 3px 13px;clear:both;} .zoom-contenu p {float:left; width: 330px;} .zoom-contenu div.image {float:left;width:190px;} .zoom-contenu div.image p {width:190px;margin-top:2px;} .zoom-contenu h3 {font-size:1.40em;border-bottom:1px dotted #34342E;color:#303133;padding:0 0 3px; } .zoom-ensavoirplus { background-color:#F29400;display:block;height:13px;padding:2px 0 0 0;position:absolute;top:140px;right:30px;} .zoom-ensavoirplus-image{background-color:#F29400;display:block;height:13px;padding:2px 0 0;position:absolute;right:180px;top:140px;} .fr .zoom-ensavoirplus {width:89px;} .fr .zoom-ensavoirplus-image{width:89px;} .en .zoom-ensavoirplus {width:76px;} .en .zoom-ensavoirplus-image{width:76px;} .pt_br .zoom-ensavoirplus {width:80px;} .pt_br .zoom-ensavoirplus-image {width:80px;} .zoom-ensavoirplus a, span.zoom-ensavoirplus-image a {text-decoration:none !important;color:#FFFFFF; padding:0 0 0 18px; margin:0; background: transparent url(../images/ensavoirplus_puce.gif) no-repeat scroll left 2px;font-size:0.8em} .ensavoirplus a{text-decoration:none !important;color:#FFFFFF; padding:0 0 0 17px !important; margin:0; background: transparent url(../images/ensavoirplus_puce.gif) no-repeat scroll left 4px !important;font-size:0.8em} .ensavoirplus a:hover, .zoom-ensavoirplus a:hover, span.zoom-ensavoirplus-image a:hover {color:#494742 !important;text-decoration:none;} .zoom-photo {float:right;margin:3px -2px 0 0; } .zoom-photo img { border: 2px solid #FFFFFF; } #zoom-img-substitut { float:right; margin:-150px 0 0 0; width:390px; height:170px;} /** Error **/ .colonne-erreur { margin:0px 0px 0px 6px; float:left; width:343px; position:relative; } .bloc-erreur {width:343px;height:162px;display:block;background:url(../images/erreur404_fond-bloc.png) top left no-repeat;} .bloc-erreur-contenu {margin:-162px 0 0 0;padding:14px 30px 0;height:162px;} .bloc-erreur-contenu p {float:left; width: 330px;} .bloc-erreur-contenu h3 { font-size:1.40em;border-bottom:1px dotted #34342E;color:#303133;padding:0 0 3px; } .erreur-back-home { width:342px; height:45px; display:block; background:url(../images/erreur404_fond-lien.png) top left no-repeat; } .erreur-back-home-contenu { margin:-45px 0 0 0;padding:14px 30px 0; } .erreur-back-home-contenu span { color: #FFFFFF; background:url(../images/puce-orange-pleine.gif) no-repeat scroll left -1px; padding-left: 10px; } .erreur-back-home-contenu a { color: #FFFFFF; font-weight: bold; } .erreur-back-home-contenu a:hover { color: #FFFFFF; font-weight: bold; text-decoration: underline; } .erreur404 .myContainer{bottom:57px;position:absolute;height:230px;} .erreur404 #principal{bottom:1px;height:156px;position:absolute;width:960px;} .erreur404 #container {min-height:100%;width:960px;} .logo404{background:url(../images/logo-groupe-doux.gif) left top no-repeat;display:block;height:100px;width:200px;position:relative;z-index:5000;top:50px;} .logo404 h1{display:none;} /** Page Profil **/ #profil .myContainer{bottom:56px;position:absolute;} .profil-long .myBottom .bottomLeft {float:left;position:relative;top:0px !important;width:162px;} #profil .myBottom .bottomLeft{float:left;position:relative;top:0px;width:162px;} /** Page Cible **/ #btn_consommateurs { position:absolute; width:162px; height:25px; background:url(../images/btn_profil-left.png) top left no-repeat;} .profil-long #btn_consommateurs {background:url(../images/btn_profil-left-large.png) top left no-repeat !important;height:40px;} #btn_consommateurs-contenu { position:relative; z-index:100; width:162px; height:25px; } #btn_consommateurs-contenu span { color: #f29400; font-size:1em;padding:5px 0 0 10px; margin:0 0 0 20px; background:url(../images/acces-profil_puce.gif) no-repeat scroll left 9px; display:block; } #btn_consommateurs-contenu span:hover { color: #FFFFFF; } .profil-long #btn_profil_restant{background:url(../images/acces-profil_fond3.png) no-repeat left 16px;height:160px;position:absolute;width:162px;z-index:100; filter : alpha(opacity=80); -moz-opacity : 0.8; -khtml-opacity: 0.8; opacity : 0.8} .profil-long #btn_profil_restant-contenu{color:#000000;position:relative;top:13px;z-index:666;} #btn_profil_restant{background:url(../images/acces-profil_fond2.png) no-repeat left 3px;height:160px;position:absolute;width:162px;z-index:100;filter : alpha(opacity=80); -moz-opacity : 0.8; -khtml-opacity: 0.8; opacity : 0.8} #btn_profil_restant-contenu{color:#000000;position:relative;top:0px;z-index:666;} #btn_profil_restant-contenu ul{list-style-type:none;margin:6px 0 0 15px;padding:0;} #btn_profil_restant-contenu ul li{line-height:0.8em;} #btn_profil_restant-contenu ul li a{background:transparent url(../images/acces-profil_puce.png) no-repeat scroll left 7px;display:block;font-size:1em;line-height:1.9em;padding:0 0 0 10px;} .colonne-cible { float:left; width:392px; margin:0 3px} .bloc-1 { position:absolute; width:392px; height:176px; background:url(../images/zoom_fond.png) left top no-repeat; } .bloc-1-contenu {height:154px;margin:0 0 8px;position:relative;width:392px;z-index:100;padding:15px 0 0 0} .bloc-1-contenu h3 {font-size:1.4em; margin:0px 0 0 38px } .bloc-1-contenu p {font-size:1em; margin:0 38px 5px 38px } .bloc-1-contenu ul {font-size:1em; margin:0 38px 0px 55px } .bloc-1-contenu a {text-decoration:underline;} .cible-ensavoirplus { background-color:#F29400; display:block; height:15px; padding:0; position:absolute; bottom:25px; width:89px; right:30px; } .cible-ensavoirplus-image { background-color:#F29400; display:block; height:15px; padding:0; position:absolute; bottom:25px; width:89px; right:180px; } .cible-ensavoirplus a, span.cible-ensavoirplus-image a { color:#FFFFFF; padding:0 0 0 18px; margin:0; background: transparent url(../images/ensavoirplus_puce.gif) no-repeat scroll left 4px; font-size:0.8em;text-decoration:none; } .cible-ensavoirplus a:hover, span.cible-ensavoirplus-image a:hover {text-decoration:none;color:#494742 !important;} .bloc-1-contenu .zoom-photo {float:right;position:absolute;right:32px;top:40px; } .bloc-1-contenu .p-image p { margin-right:-34px; } #container-btn-cible { float:left; width:100%; height:46px; margin:0 0 0 0px;padding:0 0 0 2px;} #liste-btn-cible { list-style: none ; padding: 0; overflow: hidden; position:absolute;float:left; height:45px; margin:5px 0 0 5px;width:800px;} #liste-btn-cible li {float: left; width: 199px; height:45px; padding:16px 0 0 0;background:url(../images/btn_article2.png) left 0px no-repeat; filter : alpha(opacity=80); -moz-opacity : 0.8; -khtml-opacity: 0.8; opacity : 0.8;} #liste-btn-cible li a {display: block ; line-height: 1em ; padding:0 0 0 17px ;color:#fff; font-weight:bold; } #liste-btn-cible li a:hover { color:#f29400; } li.eleveursextranet {background:none no-repeat scroll left 0 transparent !important;opacity:1 !important;padding:0px 0 0 !important;} .eleveursextranet a{padding:0 0 0 0px !important;background:url(../images/eleveurs-extranet.png) left top no-repeat;} .eleveursextranet a:hover{background:url(../images/eleveurs-extranet.png) left bottom no-repeat;} /** Plan du site **/ .frame-ascenseur-100-plan h3 {font-size:1.15em;margin:5px 0;padding:0;} .frame-ascenseur-100-plan ul { list-style-type:none; margin:-14px 0 0 0; padding:0; } .frame-ascenseur-100-plan ul li {} .frame-ascenseur-100-plan ul li a{ padding: 0 0 0 10px; line-height:1.5em; } .frame-ascenseur-100-plan ul li a.actif{color:#d88707} .frame-ascenseur-100-plan ul ul { list-style-type:none; margin:0 0 0 15px; padding:0; } .frame-ascenseur-100-plan ul li ul li { list-style-type:none !important;line-height:0.80em;background:url(../images/puce-orange-pleine.png) no-repeat scroll left -1px;} .frame-ascenseur-100-plan ul li ul li a{ padding: 0 0 0 10px; line-height:1.5em;font-weight:normal } .frame-ascenseur-100-plan ul ul ul { list-style-type:none; margin:0 0 0 15px; padding:0; } .frame-ascenseur-100-plan ul li ul li ul li { line-height:0.80em; background:url(../images/puce-orange-chevron.png) no-repeat scroll left 5px; } .frame-ascenseur-100-plan ul li ul li ul li a{ padding: 0 0 0 10px;line-height:1.90em; font-size:1em} .rub-plan #contenu-texte-texte #print ul li ul li { line-height:1em;background:none; list-style:circle !important; list-style-type:circle !important; } /** Footer **/ #foot { display: block; width: 100% } #footer { position: absolute; left: 0; bottom: 0; width:100%; height:48px; background:url(../images/footer_fond-repeat.png) repeat-x top left; } #footer-container { width:960px; height:48px; margin-left:auto; margin-right:auto; margin-top:-48px; } #footer-container #langues {float:left; position:absolute; width:250px; height:24px; margin:10px 0 0 0; font-size:0.95em } #footer-container #langues a:hover {color:#FFFFFF; cursor:pointer} #footer-container #langues .anglais { width:60px; height:24px; padding:4px 0px 0px 10px; margin:0; background:url(../images/btn_langues-gb.png) left top no-repeat ; border:0 solid #fff;display:block;float:left;} .en #footer-container #langues .anglais {background:transparent url(../images/btn_langues-br.png) no-repeat scroll left top;padding:4px 0 0 16px;} #langues .bresilien { width:60px; height:24px; padding:4px 0px 0px 10px; margin:0; background:url(../images/btn_langues-br.png) left top no-repeat ; border:0 solid #fff;display:block;float:left;} #footer-container ul { position: relative; padding:0; list-style-type:none; margin:11px 0 0 0; float:right; } #footer-container ul li { display:inline; } #footer-container ul li a { padding:0 5px 0 5px; color:#f29400; border-right:1px solid #f29400; font-size:0.95em; } #footer-container ul li a:hover { color:#FFFFFF; } /** Formulaire **/ .spip_forms { border: 0px; font-size:1em; font-family:Arial, Helvetica, sans-serif; } .spip_forms ul {margin: 2px 0 2px 0px !important;} .spip_forms #input-1-email_1{float:left;margin:0 0 0 0px;} .spip_forms .spip_form_choix_multiple{margin:0 0 0 210px !important;} .spip_forms fieldset { border:1px solid #59564f; margin:0px;width:630px; } .spip_forms legend { padding: 0.2em 0.5em; border:1px solid #59564f; color:#59564f; font-size:1em; text-align:right; } .spip_forms .spip_form_label label, .spip_forms .spip_form_label .label { color:#59564F;float:left;font-weight:bold;margin-right:0.5em;text-align:right;width:58%; } .spip_forms .spip_form_label {color:#494949;display:block;float:left;font-weight:bold;height:16px;margin:0 10px 0 0;text-align:right;width:200px;} .spip_forms .formo, .spip_forms .fondo { border:1px solid #fff;background-color:#fff; margin:1px; color:#59564f; float:left; width:25%; } .spip_forms .formo:hover { background-color:#ccc; } .spip_forms formo-focus { border:1px solid #ccc; background-color:#ccc; } .spip_forms .spip_bouton input, .formo-button { border:1px solid #fff;background-color:#55514b; margin:5px 0 10px 180px; color:#FFFFFF; width:120px; } .spip_forms .spip_bouton input:hover { border:1px solid #D88707; background-color:#D88707; color:#000000; } .spip_forms form .formo-focus, .spip_forms form input.formo-focus:focus, .spip_forms form textarea.formo-focus:focus, .formo-focus { border:1px solid #ccc; background-color:#ccc; width:25%; font-size:1em; } .spip_forms form .forml-focus, .spip_forms form input.forml-focus:focus, .spip_forms form textarea.forml-focus:focus, .forml-focus {background-color:#CCCCCC;border:1px solid #FFFFFF;color:#59564F;float:left; font-family:Arial, Helvetica, sans-serif; width:25%; } .spip_forms .forml, .spip_forms .fondl { border:1px solid #fff;background-color:#ffffff; margin:1px; color:#59564f; float:left; width:25%; } textarea {font-size:1em;font-family:Arial, Helvetica, sans-serif;} .spip_forms .spip_form_ok { filter : alpha(opacity=70); -moz-opacity : 0.7; -khtml-opacity: 0.7; opacity : 0.7; } /* formulaire newsletter */ #TB2_ajaxContent{height:580px !important ;width:900px !important ;} #TB2_ajaxWindowTitle {display:none;} #TB2_closeAjaxWindow {padding:7px 28px 5px 0;} .form_4{} .form_4 .spip_form_label_obligatoire, .form_4 .spip_form_label_details{display:none !important;} .form_4 .spip_form_label {float:left;font-weight:bold;height:16px;margin:0 10px 0 0;width:100px !important;} .form_4 .spip_form_label label{width:100% !important;float:left;} .form_4 fieldset{width:500px !important;border:none;} .form_4 fieldset legend{display:none;} #input-4-ligne_1, #input-4-ligne_2, #input-4-email_1{width:380px !important;} .form_4 .spip_bouton input, .formo-button {margin:0 74px 0 0 !important; cursor:pointer;} .form_4 .spip_form_champ {margin-top:5px;} .form_4 .textestatique_1 {clear:both;float:left;margin:0px 0 0 114px;} /** ScroolBar jQuery **/ .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; margin:11px 0 10px 0; width:700px; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa; } .jScrollPaneDrag { position: absolute; background: #8c8783; cursor: pointer; overflow: hidden; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; background: url(../images/basic_arrow_up.gif) repeat-x 0 0; } a.jScrollArrowUp:hover { background-color: #f60; background-position: 0 -15px; } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; background-color: #666; height: 9px; background: url(../images/basic_arrow_down.gif) repeat-x 0 0; } a.jScrollArrowDown:hover { background-position: 0 -15px; } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -30px; } /** Thickbox **/ #TB_overlay { z-index: 100000; } #TB_window { z-index: 100002; background: none; color:#FFFFFF; border:0px; margin-left:-315px !important; margin-top:-220px !important; } #TB_window a, #TB_window a:link {color: #000000;} #TB_closeWindowButton{color: #FFFFFF !important;} #TB_secondLine { color: #FFFFFF; } #TB_load { z-index: 100003;} #TB_HideSelect { z-index: 99999;} #TB_title { background: none; } #TB_ajaxContent { overflow:hidden;height:361px !important;width:590px !important; } #TB_ajaxContent h2{margin:9px 0;} #TB_ajaxContent p{color:#34342D;} #TB_closeAjaxWindow { margin-right: -138px; } #TB2_overlay { z-index: 100000; } #TB2_window { z-index: 100002; background: none; color:#FFFFFF; border:0px;width:930px !important; height:560px !important;} #TB2_window a, #TB2_window a:link {color: #000000;} #TB2_closeWindowButton{color: #FFFFFF !important;} #TB2_secondLine { color: #FFFFFF; } #TB2_load { z-index: 100003;} #TB2_HideSelect { z-index: 99999;} #TB2_title { background: none; display:none;} #TB2_ajaxContent { overflow:hidden; } #TB2_ajaxContent h2{margin:9px 0;} #TB2_ajaxContent p{color:#34342D;} /** Tableau **/ table { text-align:center; } .tableau-fond-gris {background-color:#70665e; color:#FFFFFF; } .tableau-fond-blanc { background-color:#FFFFFF; color:#59564f;border:1px solid #70665e} .tableau-fond-orange { background-color:#ff9900; color:#FFFFFF; background:url(../images/tab-fond-header.gif) top left repeat-x} .texte-taille-9 {font-size:0.9em;} .image-droite {margin-left:15px; margin-bottom:3px;float:right; border:2px solid #FFFFFF;} .image-gauche {margin-right:15px; margin-bottom:3px;float:left; border:2px solid #FFFFFF;} .image-droite-sans-bordure {margin-left:15px; margin-bottom:3px;float:right;} .image-gauche-sans-bordure {margin-right:15px; margin-bottom:3px;float:left;} .texte-taille-14 { font-size:14px } .texte-taille-20 { font-size:28px } .spip_surligne { background-color: #FFFFFF;} .postuler {font-weight:bold;font-size:1.2em} .pt_br .spip_form_label_obligatoire {width:130px; !important;} /******************************/ /*================================== Hide lists on page load ====================================*/ .stylish-select ul.newList {left:-9999px;} /*================================== red curvy example ====================================*/ ul.newList * {margin:0; padding:0;} ul.newList a {color: #000; text-decoration:none; display:block;} ul.newList {margin:0; padding:0; list-style:none; color:#000; width:59px; background:#fff; position:absolute; border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;} .newListSelected {width:59px; color:#000; height:14px; padding:0px 0 0 6px; float:left; background:url(../images/selectBox.gif) no-repeat;} .newListSelected span {width:59px; display:block;} ul.newList li a {display: block;} ul.newList li a:focus {-moz-outline-style: none;} .selectedTxt {width:59px; overflow:hidden; height:16px; padding:0 0px 0 0;} .newList{margin:0px !important;} .hiLite {background:#9C9C9C !important; color:#fff!important;} .hiLite a {background:#9C9C9C !important; color:#fff!important;} .newListHover {background:#ccc!important; color:#000!important; cursor:default;} .newListSelHover, .newListSelFocus {background-position:0 bottom; cursor:default;} .newListOptionTitle {font-weight:bold;} .newListOptionTitle ul {margin:3px 0 0;} .newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;} ul.newList li{margin:0px !important;} ul.newList li a {font-size:0.8em;text-decoration:none !important;} ul.newList li a:hover{text-decoration:none !important;} /******************************/ /* Prehome Voeux 2010 */ #fancyPrehome{width:678px;height:508px;background:#1b1613;padding:18px;} #fancyPrehome #leftColumnPH{width:577px;height:508px;float:left;margin:0 18px 0 0;} #fancyPrehome #leftColumnPH .img1{margin:0 13px 10px 0;} #fancyPrehome #leftColumnPH .img2{margin:0 0 10px 0;} #fancyPrehome #leftColumnPH #videoBox{width:576px;height:324px;margin:0 0 18px 0} #fancyPrehome #leftColumnPH #footer1{width:142px;margin:0 17px 0 0;} #fancyPrehome #leftColumnPH #footer2{width:418px;} #fancyPrehome #leftColumnPH #footer2 a{width:418px;height:25px;} #fancyPrehome .footerPH{height:25px;background:#372B24;float:left;} #fancyPrehome #rightColumnPH{width:83px;height:508px;float:left;} #fancyPrehome #rightColumnPH .img3{margin:0 0 14px 0;} #fancyPrehome #rightColumnPH #footer3{width:83px;} #selectionAnnee:after, #textActu:after, #imprimer:after, #contentToutActu:after, #contenu-texte-texte:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* Prehome Rapport interactif*/ #fancyPrehome-rapport{width:900px;height:600px;text-align:center;} #fancyPrehome-rapport a{background-color:#F29400;padding:3px 5px 3px 5px;color:#FFFFFF !important;font-weight:bold;margin:0px 10px 0px 0px;} #fancyPrehome-rapport a:hover{color:#000000 !important;} /* Prehome Pere Dodu*/ #fancyPrehome-peredodu{width:898px;height:410px;text-align:center;} #fancyPrehome-peredodu #wrapper{width:866px;height:330px;text-align:left;border:16px solid #fff;} #fancyPrehome-peredodu #colGauche {float:left;width:250px;border-right:16px solid #fff;} #fancyPrehome-peredodu #colGauche img{border-bottom:16px solid #fff;} #fancyPrehome-peredodu #colGauche .message{background:#382D27;color:#F29400;font-size:1.4em;height:150px;line-height:1.1em;padding:10px;text-align:left;} #fancyPrehome-peredodu #colGauche .message a {color:#F29400;text-decoration:underline;} #fancyPrehome-peredodu #colGauche .message a:hover {color:#fff;} #fancyPrehome-peredodu #colDroite {float:left;} #fancyPrehome-peredodu a#close{background-color:#F29400;padding:3px 5px 3px 5px;color:#FFFFFF !important;font-weight:bold;margin:0px 10px 0px 0px;} #fancyPrehome-peredodu a#close:hover{color:#000000 !important;} /* Prehome Rapport 2010*/ #fancyPrehome-rapport2010{width:955px;height:600px;text-align:center;} #TB2_ajaxContent{overflow:visible;} /* Prehome Prix dExcellence*/ #prixdexcellence { position: relative; width: 755px; height: 445px; padding: 30px; background: url("../images/prixdexcellence_bgs.png") left top no-repeat; } #prixdexcellence .photo { float: left; width: 280px; margin: 0 0 20px; } #prixdexcellence .texte { float: right; width: 445px; line-height: normal; } #prixdexcellence .texte img { margin: 0 0 10px; } #prixdexcellence .bottom a { display: block; float: right; overflow: hidden; height: 64px; width: 161px; background: url("../images/prixdexcellence_bgs.png") -600px -520px no-repeat; text-indent: -99999px; } #prixdexcellence .bottom a:hover { background-position: -600px -584px; } #prixdexcellence .bottom a.telecharger { float: left; width: 590px; background-position: left -520px; } #prixdexcellence .bottom a.telecharger:hover { background-position: left -584px; } #prixdexcellence .fermer, #prixdexcellence .fermer:hover { position: absolute; top: -25px; right: 0; color: #fff !important; text-decoration: none; } /* Prehome Voeux 2012 */ #fancyPrehome2012{width:900px;height:450px;background:#1b1613;padding:18px;} #fancyPrehome2012 .img2012{width:596px;height:284px;margin:70px 0 0 152px;} #fancyPrehome2012 .noSwf{width:596px;height:auto;margin:10px 0 0 152px;color:#cccccc;} #fancyPrehome2012 .noSwf h4{color:#555555;font-size:1em;text-align:center;} #fancyPrehome2012 .noSwf p{display:block;margin: 0 auto;width:112px;} #fancyPrehome2012 .fermer, #fancyPrehome2012 .fermer:hover { position: absolute; top: -25px; right: 0; color: #fff !important; text-decoration: none; }