/** * Pix-l Communication - v.4 (refonte 2009) * www.pix-l.fr * alexandre at pix-l dot fr * * Contents * 1. Reset * 2. General * 3. Clear-fix * 4. Spip-specifique * n. Styles Contextuels * * @author alexandre, paul * @version spip.2.0.9 */ /* 1. Reset - Correction des styles par defaut / mise a zero multinavigateurs */ 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,img { 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; } /*q:before,q:after { content:''; }*/ abbr,acronym { border: 0; } /* Clearfix => @see http://www.webtoolkit.info/css-clearfix.html */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* Contain floats: h5bp.com/q */ .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; } /* 2. General */ body { background: #FFF url(../_imgs/body-bg-y.png) top center repeat-y; font-family: "Trebuchet MS"; font-size:12px; line-height:17px; } h1, h2, h3 , h4, h5, h6 { font-family:Georgia; vertical-align:top; } object { display:block; margin:10px 0 } acronym { border-bottom:1px dotted #000; cursor: help;} input.text, input.password, textarea { background:#e6e6e6; border:1px solid #acacac; font-size:13px; color:#6F6F6F; font-family:Arial, Helvetica, sans-serif; padding:2px 5px; } input.password, input.text { background:url(../_imgs/sprite.gif) -1797px -184px no-repeat ; height:12px; border:1px solid #994e56; font-size:11px; } a { text-decoration:none; color:#850007; } a:hover { text-decoration:underline; } input.fondo, input.sup_lien { cursor:pointer; } /* 3. Clear-fix */ .clear { float:none !important; height:0 !important; border:none; margin:0; padding:0; display:block !important; width:0 !important; clear:both !important; font-size:none; line-height:none;} /* 4. Spip-specifique */ .article .formulaire_spip li { background:none; padding:0 } .article .formulaire_spip textarea { vertical-align:top } .spip_out { background:url(../_imgs/external.png) center right no-repeat; padding-right:15px;} .spip_documents img { margin:0 0 } .bugajaxie { display:block; height:0; line-height:0; font-size:0; margin:0 } .article .formulaire_ecrire_auteur ul { margin:0 } .erreur_message { font-size:11px; color:red; } .spip_documents_center { text-align:center; display:block } .formulaire_spip .submit { background:url(../_imgs/sprite.gif) top right no-repeat; border:none; color:transparent; height:20px; width:75px; } /* Styles contextuels */ .wrapper-bg { background: url(../_imgs/body-bg.png) top center no-repeat; } #wrapper, #header { width:911px; margin:0 auto;} .contenu-principal { width:707px; float:left; margin-top:1px; } .contenu-principal .tags { margin-bottom:4px !important; } #__ss_916047 a { display:none !important;} /* header */ #header { height:147px; background: url(../_imgs/header-ombre.png) bottom right no-repeat; position:relative; } #header #ban { height:106px; background: url(../_imgs/header-bg.png) top left no-repeat; width:900px; margin-left:4px; } #header-flash { position:absolute; left:4px; z-index:9; } #header #logo { margin: 0 0 0 20px; padding-top:5px; z-index:10; position:absolute; } #header #logo span { visibility:hidden; } #header #logo a:hover { text-decoration:none;} #header #menu { width:900px; height:33px; background-color:#000; margin-left:4px; } #header #menu ul { width:900px; height:33px; } #header #menu li { float:left; height:33px; position:relative; } #header #menu li a { display:block; height:33px; background:url(../_imgs/menu-sprite.png) no-repeat; font-size:0; border:none; line-height:0;} #header #menu li a.spip_out { padding:0 } #header #menu li span { display:none; border:none; } #header #menu li a:hover span {} #header #menu li a:hover span.fleche, #header #menu li a.on span.fleche { position:absolute; display:block; width:22px; height:12px; left:50%; margin-left:-11px; top:-5px; background:url(../_imgs/menu-arrow.png) top left no-repeat; } #header #menu .item1 a { width:51px; background-position:0 0 } #header #menu .item2 a { width:77px; background-position:-51px 0; } #header #menu .item3 a { width:106px; background-position:-128px 0; } #header #menu .item4 a { width:145px; background-position:-234px 0; } #header #menu .item5 a { width:127px; background-position:-379px 0; } #header #menu .item6 a { width:99px; background-position:-506px 0; } #header #menu .item7 a { width:125px; background-position:-605px 0; } #header #menu .item8 a { width:49px; background-position:-730px 0; } #header #menu .item9 a { width:45px; background-position:-779px 0; } #header #menu .item10 a { width:38px; background-position:-824px 0; } #header #menu .item11 a { width:38px; background-position:-862px 0; } #header #menu .item1 a:hover, #header #menu .item1 a.on { background-position:0 -33px; } #header #menu .item2 a:hover, #header #menu .item2 a.on { width:77px; background-position:-51px -33px; } #header #menu .item3 a:hover, #header #menu .item3 a.on { width:106px; background-position:-128px -33px; } #header #menu .item4 a:hover, #header #menu .item4 a.on { width:145px; background-position:-234px -33px; } #header #menu .item5 a:hover, #header #menu .item5 a.on { width:127px; background-position:-379px -33px; } #header #menu .item6 a:hover, #header #menu .item6 a.on { width:99px; background-position:-506px -33px; } #header #menu .item7 a:hover, #header #menu .item7 a.on { width:125px; background-position:-605px -33px; } #header #menu .item8 a:hover, #header #menu .item8 a.on { width:49px; background-position:-730px -33px; } #header #menu .item9 a:hover, #header #menu .item9 a.on { width:45px; background-position:-779px -33px; } #header #menu .item10 a:hover, #header #menu .item10 a.on { width:38px; background-position:-824px -33px; } #header #menu .item11 a:hover, #header #menu .item11 a.on { width:38px; background-position:-862px -33px; } #header object { margin:0 } /* carroussel */ #carroussel { background:url(../_imgs/carroussel-bg.png) top left no-repeat; width:908px; height:213px;} #carroussel { margin:0 } /* news */ #news { background:url(../_imgs/news-ombre.png) bottom right no-repeat; height:274px; } #news .content { height:262px; width:700px; background:url(../_imgs/news-content-bg.png) top left no-repeat; margin-left:2px; padding-top:15px; } #news .content h1 { font-size:14px; font-weight:bold; color:#850007 } #news .content .actu-principal { margin:0 0 0 10px; width:410px; height:235px; padding-right:10px; border-right:2px solid #bc797d; position:relative; float:left; } #news .content .actu-principal ul { height:235px; } #news .content .actu-principal li { width:410px; display:inline;float:left;overflow:hidden; padding-right:10px;} #news .content .actu-principal h1 { margin-bottom:10px; font: normal normal normal 16px/22px Georgia; } #news .content .actu-principal h1 a { color:#850007} #news .content .actu-principal img { float:left; margin-right:10px; } #news .content .actu-principal .carousel-wrap { width:408px; } #news .content .actu-principal .carousel-control { position:absolute; width:7px; text-indent:-999em; height:13px; top:-5px; cursor:pointer; z-index:50; background:url(../_imgs/arrow-sprite.png) no-repeat;} #news .content .actu-principal .carousel-next { background-position:-18px 0; right:5px; } #news .content .actu-principal .carousel-next:hover { background-position:-18px -13px; } #news .content .actu-principal .carousel-previous { right:20px;} #news .content .actu-principal .carousel-previous:hover { background-position:0 -13px; } #news .content .actu-principal a { color:#000 } #news .content .actu-principal a:hover { text-decoration:none; color:#850007; } #news .content .actu-secondaire { width:230px; float:left; padding:0 10px; } #news .content .actu-secondaire ul { margin-bottom:10px; } #news .content .actu-secondaire li { background: url(../_imgs/sprite.gif) 0 4px no-repeat; padding-left:15px; } #news .content .actu-secondaire li a { color:#000 } #news .content .actu-secondaire .actu-titre { font-size:14px; display:block; margin:3px 0 10px; color:#850007; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } /* carroussel-ref */ #carroussel-ref { background:url(../_imgs/ref-bg.png) top left no-repeat; width:907px; height:95px; margin-left:4px; margin-bottom:10px; } #carroussel-ref .browse { background:url(../_imgs/arrow-sprite.png) -30px 0px no-repeat; margin:32px 7px; width:14px; height:26px; display:block } #carroussel-ref .prevPage { background-position: -5px 0 } #carroussel-ref .left { margin-left:4px; } #carroussel-ref .right { margin-right:0px; } #carroussel-ref .dock-item { float:left; } #carroussel-ref .dock-item h2 { display:none; } #carroussel-ref .scrollable { width:845px; } #carroussel-ref .scrollable .item { display:inline-block; height:55px; margin:15px 5px 20px 20px } #carroussel-ref .scrollable img { padding:5px; margin:0; background-color:#FFF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #carroussel-ref a.disabled { background:url(../_imgs/arrow-sprite.png) -8px 0; opacity:0.2 !important; } /* article */ .contenu-article { font: normal normal normal 1.1em/19px Georgia ; } .contenu-article .art { margin-bottom:25px; } .contenu-article .art .doc { float:left; margin-right:10px; } .contenu-article .art .chapo { } .contenu-article .art .chapo a { color:#000; text-decoration:none; } .contenu-article h1 { margin: 0 0 5px; color:#850007; font: 24px/28px Georgia; } .contenu-article h2 { margin: 0px 0 5px; padding-bottom:5px; background:url(../_imgs/separateur.png) bottom left no-repeat; color:#850007; font: 16px/20px Georgia; } .contenu-article h2 a { color:#850007; } .contenu-article .tags { margin-bottom:-4px; font-size:11px; color:#8F8F8F; font-family:Arial, Helvetica, sans-serif; background:url(../_imgs/tag_blue.png) center left no-repeat; padding-left:20px; } .contenu-article strong.chapo { margin-bottom:15px; display:block; } .contenu-article .article { background:url(../_imgs/article-bg.png) top left; padding:15px 60px 15px 20px; } #rubrique3 .article, #rubrique4 .article { padding:15px 20px 15px 20px; } .article ul { margin:10px 0 } .article li { background:url(../_imgs/sprite.gif) -265px -250px no-repeat; padding-left:20px; margin-bottom:5px; } .article li ul li { background:url(../_imgs/sprite.gif) 0 4px no-repeat; } .article-bottom { background:url(../_imgs/article-bg.png) bottom left; height:75px; width:707px; } .article .article-aside { float:left; width:204px; padding:4px 10px 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } .article .article-aside ul { margin-bottom:10px; } .article .article-aside li { background:url(../_imgs/sprite.gif) 0 6px no-repeat; } .article .article-aside .doc { width:243px; height:98px; margin-bottom:-10px; background:url(../_imgs/sprite.gif) -260px -3px no-repeat; } .article .article-aside .autres-actus li { padding-left:15px; } .article .article-aside .autres-actus li h3 { line-height:14px; } .article .article-aside .autres-actus li a { font: 11px/12px Verdana, Geneva, Arial, Helvetica, sans-serif; } .article .article-aside .autres-actus li a:hover { text-decoration:underline; } .titre-aside { margin:0 0 10px; font-size:18px; } .date { font:10px Arial, Helvetica, sans-serif; } .rubrique-art-liste h2 { font-weight:bold; } .rubrique-art-liste li { } .rubrique-art-liste .chapo { border-bottom:1px solid #808080; padding: 0 0 10px 0 } .slider-pix {width:420px; float:right;} .visuel { position:relative; margin-right:-5px; background:url(../_imgs/ombre21.png) top right; width:393px; height:300px; padding:12px ; } .visuel .masquedezoro { position:absolute; top:0; left:0; width:389px; height:188px; z-index:20; background:url(../_imgs/masque.png) top left no-repeat;} .ligneune .visuel { height:230px; width:300px; background:url(../_imgs/ombre2.png) top right; } #photos { margin-left:10px; } #photos img { float:left; } .visuel_deux { width:410px; margin-right:-5px; margin-bottom:0px; margin-left:10px; } .doc_deux { float:left; width:85px; height:85px; padding:8px; background:url(../_imgs/ombrePM.png) center center no-repeat; } * html .doc_deux { margin-right:4px } .contenu-article .contenu p { margin-bottom:10px; } /* références */ #rubrique3 h2 { margin:20px 0 10px } .contenu .ref { width:158px; height:110px; float:left; margin:0 5px 10px 0; } .contenu .ref img { background:url(../_imgs/reference-bg.png) bottom right no-repeat; padding:0 5px 5px 1px } .contenu .ref h3 { font-size:11px; font-weight:bold; } .contenu .ref h3 a { color:#000 } #rubrique3 .autres-ref { clear:both; } #rubrique3 .autres-ref a { background:url(../_imgs/puce-ref.png) center left no-repeat; padding-left:15px; margin-left:5px; color:#000; } /* diapo */ #s3slider { width: 390px; /* important to be same as image width */ height: 300px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ } #s3sliderContent { width: 390px; /* important to be same as image width or wider */ position: absolute; /* important */ top: 0; /* important */ margin-left: 0; /* important */ margin-top:0; } .s3sliderImage { float: left; /* important */ position: relative; /* important */ display: none; /* important */ } .s3sliderImage span { position: absolute; /* important */ left: 0; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 390px; background-color: #000; filter: alpha(opacity=80); /* here you can set the opacity of box with text */ -moz-opacity: 0.8; /* here you can set the opacity of box with text */ -khtml-opacity: 0.8; /* here you can set the opacity of box with text */ opacity: 0.8; /* here you can set the opacity of box with text */ color: #fff; font-weight:bold; font-size:12px; display: none; /* important */ } #s3sliderContent li { padding:0; margin:0; } .top { top: 0; left: 0;} .bottom { bottom: 0; left: 0;} /* rubrique contact */ #rubrique4 .col-gauche { width:265px; float:left; margin-right:20px; } #rubrique4 .addr { width:245px; font-weight:bold; margin:10px 0; font-family: "Trebuchet ms"; font-size:12px; } #rubrique4 .addr p { margin:0 } #rubrique4 .formulaire_spip label { display:block; margin-bottom:2px; font-family:Arial, Helvetica, sans-serif; } #rubrique4 .formulaire_spip input, #rubrique4 .formulaire_spip textarea { width:245px; padding:2px 5px; } #rubrique4 .formulaire_spip input { width:193px; margin-bottom:2px; } #rubrique4 .formulaire_spip .boutons { width:257px; text-align:right; } .qrcode-contact { width:380px; margin-top:63px; float:left;} .qrcode-contact .qrcode_img { display:block; float:left; margin-right:10px; } .qrcode { width:265px; float:left; margin-right:20px; } .qrcode li { margin:0 } .contact { width:360px; float:left; } .qrcode h5, .contact h5 { font-weight:bold; color:#850007; margin-bottom:5px; } .code { width:210px; height:90px; } .contact .code { padding-left:100px; background:url(../_imgs/contact.gif) top left no-repeat} .qrcode-contact .gmap { width:270px; float:left; } .qrcode-contact h2 { background:none; padding:0; margin-top:10px; } .qrcode-contact .gmap a { float:left; width:100px; display:block; text-align:center; padding:0; background:none;} .qrcode-contact .gmap p a { float:none; display:inline;} /* rubrique */ #rubrique1 .contenu, #rubrique2 .contenu, #rubrique3 .contenu, #rubrique4 .contenu, #rubrique5 .contenu { width:100%; border:none; } #rubrique1 .article-aside { display:none; } /* menu droit */ #menu-droit { width:200px; float:left; margin-left:0px; margin-top:2px; } #menu-droit li { margin-bottom:7px; height:62px; } #menu-droit li a { display:block; height:62px; text-indent:-999em; background:url(../_imgs/menu-droite-sprite.png) no-repeat;} #menu-droit li.item1 a { background-position:0 0 } #menu-droit li.item2 a { background-position:0 -70px } #menu-droit li.item3 a { background-position:0 -137px } #menu-droit li.item4 a { background-position:0 -208px } #menu-droit li.item1 a:hover { background-position:-214px 0 } #menu-droit li.item2 a:hover { background-position:-214px -70px } #menu-droit li.item3 a:hover { background-position:-214px -137px } #menu-droit li.item4 a:hover { background-position:-214px -208px } #menu-droit .box { background:url(../_imgs/colonne-bloc-bg.png) bottom left no-repeat; margin-left:1px; padding:15px; padding-left:10px; padding-top:0 } #menu-droit .box-top { background:url(../_imgs/colonne-bloc-bg.png) top left no-repeat; height:15px; margin-left:1px; } #menu-droit .box .titre-rub { background:url(../_imgs/col-droite-titre-bg.png) top left no-repeat; height:25px; width:170px; margin-bottom:5px; } #menu-droit #rub-ref5 .titre-rub { background-position: -5px -26px } #menu-droit #rub-ref3 .titre-rub { background-position: 0px 0px } #menu-droit #rub-ref11 .titre-rub { background-position: -4px -50px } #menu-droit .box .titre-rub span { display:none; } #menu-droit .box li { height:auto; background:url(../_imgs/sprite.gif) -717px 4px no-repeat; padding-left:15px; } #menu-droit .box li a { background:none; display:inline; height:auto; color:#FFFFFF; text-indent:0; } #menu-droit .box li .logos { display:block; margin:10px 0 } /* nl */ #rubrique6 .contenu { width:100%;border:none; } #rubrique6 form p { margin:10px 0 } #rubrique6 fieldset { margin:10px 0 } #rubrique6 legend { display:none; } #rubrique6 .formulaire_spip .spip_bouton input { background:url(../_imgs/sprite.gif) top right no-repeat; border:none; color:transparent; height:20px; width:75px; } #rubrique6 .formulaire_spip .spip_bouton { text-align:right; } #rubrique6 .formulaire_inscription #mail_inscription_ { width:193px; } /* footer */ .footer-top { border:none; margin:0; width:911px; background:url(../_imgs/footer-bg.png) top left no-repeat; height:3px; margin-bottom:5px; margin-left:3px; } #footer { width:911px; margin-bottom:20px; padding-bottom:10px; color:#eceded; } #footer a { color:#eceded } #footer .footer-box { margin: 0 10px; border-left:1px solid #918e91; padding-left:5px; width:190px; } #footer .logo { width:220px; } #footer .spip_out { background:none; } #footer h6 { font-family:arial; font-weight:bold; } .spip-logo { vertical-align:middle;} .spip-go { margin:15px; } /* vcard */ .vcard { width:160px; margin:0 0 0 10px ; float:left; } .menu, .articles { float:left; margin-left:5px;} .articles { width:200px; } .articles li, .menu li { background: url(../_imgs/sprite.gif) 0 4px no-repeat; padding-left:15px; } .logo { float:left; } .tools { width:140px; margin:5px 0 10px 54px; } .tools li { height:25px; width:30px; margin-right:2px; float:left;} .tools a { text-indent:-999em; height:25px; display:block; background:url(../_imgs/footer-tools.png) no-repeat; } .tools .item1 a { background-position:0 1px } .tools .item2 a { background-position:-30px 1px } .tools .item3 a { background-position:0 -23px } .tools .item4 a { background-position:-32px -27px } .liste-des-listes { display:none;} /* Espace clients */ .contenu.espace-client { font: normal normal normal 11px/18px Georgia; } .contenu-article .article.article-espace-client { padding:15px; } .espace-client { width:437px; float:left; padding-right:10px; } .espace-client.enlarged { width:674px; padding-right:0; } .espace-client label, .espace-client input.text, .espace-client input.password { font-family:Arial, Helvetica, sans-serif; } .espace-client input.text, .espace-client input.password { margin-bottom:10px; display:block; width:193px; } .report-bug-bloc label[for="champ_texte"], .report-bug-bloc label[for="champ_titre"] { font-size:13px; font-weight:bold; } .espace-client .formulaire_login form { width:235px; margin:25px auto; } .espace-client .submit { margin-left:130px; } .espace-client .logo { margin:20px auto; float:none; display:block; } .col-espace-client { float:left; width:217px; padding-left:10px; border-left:1px solid #850007; } #espace-client-banniere { background:url(../_imgs/espace-clients-banniere.png); width:674px; height:66px; overflow:hidden; text-indent:-9999em; margin:0; } .espace-client-outils { width:674px; height:25px; overflow:hidden; background:#000; } .article .espace-client-outils { margin:0 0 10px 0; } .espace-client-outils li { margin:0 0 0 40px; float:left; } .espace-client-outils li, .espace-client-outils li a { display:block; width:35px; height:25px; padding:0; overflow:hidden; } .espace-client-outils li a { color:transparent; background:#000 url(../_imgs/espace-clients-outils.gif) no-repeat; text-indent:-999em; } .espace-client-outils li a span { visibility:hidden; } .espace-client-outils .outil-accueil a { background-position:0 0; } /* exception pour le premier icone: ça fait moche le blanc au début de la ligne */ .espace-client-outils .outil-accueil a.active, .espace-client-outils .outil-accueil a:hover { background-position:0 -62px; } /*.espace-client-outils .outil-accueil a.active { background-position:0 -129px; }*/ .espace-client-outils .outil-concept a { background-position:-71px 0; } .espace-client-outils .outil-concept a:hover { background-position:-71px -62px; } .espace-client-outils .outil-concept a.active { background-position:-71px -129px; } .espace-client-outils .outil-compte-rendu a { background-position:-145px 0; } .espace-client-outils .outil-compte-rendu a:hover { background-position:-145px -62px; } .espace-client-outils .outil-compte-rendu a.active { background-position:-145px -129px; } .espace-client-outils .outil-animation a { background-position:-219px 0; } .espace-client-outils .outil-animation a:hover { background-position:-219px -62px; } .espace-client-outils .outil-animation a.active { background-position:-219px -129px; } .espace-client-outils .outil-tickets a { background-position:-294px 0; } .espace-client-outils .outil-tickets a:hover { background-position:-294px -62px; } .espace-client-outils .outil-tickets a.active { background-position:-294px -129px; } .espace-client-outils .outil-infos a { background-position:-371px 0; } .espace-client-outils .outil-infos a:hover { background-position:-371px -62px; } .espace-client-outils .outil-infos a.active { background-position:-371px -129px; } .espace-client-outils .outil-contact a { background-position:-445px 0; } .espace-client-outils .outil-contact a:hover { background-position:-445px -62px; } .espace-client-outils .outil-contact a.active { background-position:-445px -129px; } .espace-client-outils .outil-fichiers a { background-position:-522px 0; } .espace-client-outils .outil-fichiers a:hover { background-position:-522px -62px; } .espace-client-outils .outil-fichiers a.active { background-position:-522px -129px; } .espace-client-outils .outil-deconnexion a { background-position:-639px 0; } .espace-client-outils .outil-deconnexion a:hover { background-position:-639px -62px; } .espace-client-outils .first { margin-left:0; } .espace-client-outils .last { float:right; } .col-espace-client .espace-client-outils { margin:10px 0 0 0; width:216px; height:auto; background:#fff; } .col-espace-client .espace-client-outils li { margin:10px 0 0 0; float:none; } .col-espace-client .espace-client-outils li, .col-espace-client .espace-client-outils li a { display:block; width:216px; height:27px; padding:0; overflow:hidden; } .col-espace-client .espace-client-outils li a { background:#000 url(../_imgs/espace-clients-outils-col-droite.gif) no-repeat; } /* en positif /**/ .col-espace-client .espace-client-outils .outil-concept a { background-position:0 -5px; } .col-espace-client .espace-client-outils .outil-concept a:hover { background-position:-251px -5px; } .col-espace-client .espace-client-outils .outil-compte-rendu a { background-position:0 -37px; } .col-espace-client .espace-client-outils .outil-compte-rendu a:hover { background-position:-251px -37px; } .col-espace-client .espace-client-outils .outil-animation a { background-position:0 -70px; } .col-espace-client .espace-client-outils .outil-animation a:hover { background-position:-251px -70px; } .col-espace-client .espace-client-outils .outil-tickets a { background-position:0 -104px; } .col-espace-client .espace-client-outils .outil-tickets a:hover { background-position:-251px -104px; } .col-espace-client .espace-client-outils .outil-infos a { background-position:0 -138px; } .col-espace-client .espace-client-outils .outil-infos a:hover { background-position:-251px -138px; } .col-espace-client .espace-client-outils .outil-contact a { background-position:0 -171px; } .col-espace-client .espace-client-outils .outil-contact a:hover { background-position:-251px -171px; } .col-espace-client .espace-client-outils .outil-fichiers a { background-position:0 -205px; } .col-espace-client .espace-client-outils .outil-fichiers a:hover { background-position:-251px -205px; } .col-espace-client .espace-client-outils .outil-deconnexion a { background-position:0 -239px; } .col-espace-client .espace-client-outils .outil-deconnexion a:hover { background-position:-251px -239px; } /* en négatif /** .col-espace-client .espace-client-outils .outil-concept a:hover { background-position:0 -5px; } .col-espace-client .espace-client-outils .outil-concept a { background-position:-251px -5px; } .col-espace-client .espace-client-outils .outil-compte-rendu a:hover { background-position:0 -37px; } .col-espace-client .espace-client-outils .outil-compte-rendu a { background-position:-251px -37px; } .col-espace-client .espace-client-outils .outil-animation a:hover { background-position:0 -70px; } .col-espace-client .espace-client-outils .outil-animation a { background-position:-251px -70px; } .col-espace-client .espace-client-outils .outil-tickets a:hover { background-position:0 -104px; } .col-espace-client .espace-client-outils .outil-tickets a { background-position:-251px -104px; } .col-espace-client .espace-client-outils .outil-infos a:hover { background-position:0 -138px; } .col-espace-client .espace-client-outils .outil-infos a { background-position:-251px -138px; } .col-espace-client .espace-client-outils .outil-contact a:hover { background-position:0 -171px; } .col-espace-client .espace-client-outils .outil-contact a { background-position:-251px -171px; } .col-espace-client .espace-client-outils .outil-fichiers a:hover { background-position:0 -205px; } .col-espace-client .espace-client-outils .outil-fichiers a { background-position:-251px -205px; } .col-espace-client .espace-client-outils .outil-deconnexion a:hover { background-position:0 -239px; } .col-espace-client .espace-client-outils .outil-deconnexion a { background-position:-251px -239px; } /**/ .col-espace-client .espace-client-outils .first { margin-top:0; } table.table-std th { /*text-align:center;*/ font-weight:bold; color:#888; } table.table-std th, table.table-std td { padding:3px 5px; } table.table-std tr.alterner { background:#EFEFEF; } table.table-std thead { border-bottom:1px solid #CCC; } .btn { cursor:pointer; font:12px/18px; font-weight:bold; color:#6D6B6D; } /* codes couleurs tickets */ .status { border-bottom:1px solid #fff; } .resolu .status { background-color:#cceedd; } .redac .status { background-color:#ffd850; } .ouvert .status { background-color:#c8c8ff; } .en_attente .status { background-color:#888; } /* reference: couleurs de Mantis #ffa0a0 > nouveau #ff50a8 > commentaire #ffd850 > accepté #ffffb0 > confirmé #c8c8ff > affecté #cceedd > résolu #e8e8e8 > fermé */ /* tickets */ .tickets-tools .btn:hover, .tickets-liste .btn:hover { color:#850007; text-decoration:none; } /* .tickets-tools .btn { padding-left:24px; } .tickets-tools .editer { background:url(../_imgs/icone-editer.png) no-repeat; } .tickets-tools .liste { background:url(../_imgs/icone-home.png) no-repeat; } .tickets-tools .rapporter { background:url(../_imgs/icone-add.png) no-repeat; } .tickets-tools .revenir { background:url(../_imgs/icone-back.png) no-repeat; } */ .severite-1 { font-weight:bold; } .submit { cursor:pointer; } .tickets-liste .editer { float:right; color:#000; } .tickets-liste .type { width:15%; text-align:center; } .tickets-liste .titre { width:40%; } .tickets-liste .date { width:10%; text-align:center; } .tickets-liste .action { width:8%; text-align:center; } .espace-client .tickets-tools { margin-top:-5px; margin-bottom:25px; } .tickets-tools { text-align:center; padding:5px 0; border-bottom:5px solid #000; } .tickets-tools a { font-weight:bold; color:#000; } .tickets-tools a:hover { color:#850007; text-decoration:none; } .tickets-tools li { display:inline; padding:0 12px; background:none; } .affiche-ticket-wrap .details-ticket, .affiche-ticket-wrap .corps, .affiche-ticket-wrap .commentaires .liste, .affiche-ticket-wrap .commentaires .nouveau, .formulaire_editer_ticket_client ul { float:left; } .affiche-ticket-wrap .details-ticket, .formulaire_editer_ticket_client .half-l { width:255px; } .formulaire_editer_ticket_client .half-r { width:390px; } .formulaire_editer_ticket_client .half-l label { width:85px; display:inline-block; text-align:right; padding-right:5px; } .formulaire_editer_ticket_client .half-l input, .formulaire_editer_ticket_client .half-l select { width:135px; border:1px solid #ACACAC; display:inline-block; } .formulaire_editer_ticket_client .half-l .editer_titre label, .formulaire_editer_ticket_client .half-l .editer_titre input { display:block; width:216px; text-align:left; background:none; } .affiche-ticket-wrap .commentaires { clear:left; padding-top:20px; position:relative; width:100%; } .espace-client input.text { border:1px solid #ACACAC; background:none; } .formulaire_editer_ticket_client .half-r input.text { width:100%; } .details-ticket dt, .details-ticket dd { float:left; display:block; } .details-ticket dt { width:85px; text-align:right; padding-right:5px; color:#888888; clear:left; } .details-ticket dd { width:135px; } .details-ticket .rapporteur { font-weight:bold; } /* .affiche-ticket-wrap .corps { padding:10px; width:399px; background:#E6E6E6; } */ .affiche-ticket-wrap .corps .ticket-content { padding:10px; background:#E6E6E6; } .affiche-ticket-wrap .commentaires .liste { padding:3px 10px 10px 10px; width:370px; } .affiche-ticket-wrap .commentaires .nouveau { padding:3px 0 0 10px; width:274px; } .message-info .date { float:right; } .message-texte { padding:3px 15px; } .commentaires h3 { font-weight:bold; } .formulaire_commenter_ticket textarea { width:262px; } /* .btn.editer { float:right; color:#000; padding-left:30px; background:url(../_imgs/icone-editer.png) no-repeat; } .message-texte { padding:0 15px; border-left:1px solid #ACACAC; border-right:1px solid #ACACAC; } .espace-client .corps .affiche-ticket-wrap .corps .tickets-tools { text-align:center; background:#000; padding:5px 0; } .tickets-tools a { color:#fff; font-weight:bold; } .tickets-tools li:hover { background:#fff; } .btn { cursor:pointer; font:normal normal normal 12px/18px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Geneva, "Trebuchet MS", Arial, sans-serif; } */ /* filtres */ .exposed-filters-wrapper { margin:5px 0; width:100%; } .exposed-filters { float:right; /*width:40%;*/ } .exposed-filters fieldset { margin:5px; padding:0 10px 5px 10px; border:1px solid #888; /* float:left; */ width:300px; display:block; } .exposed-filters fieldset.collapsed { border:0 none; border-top:1px solid #888; } .exposed-filters fieldset label { width:120px; display:inline-block; } .exposed-filters fieldset label.radio { width:auto; display:inline; } .exposed-filters fieldset legend { padding:0 3px; background:#fff; } .exposed-filters-wrapper .exposed-filters .submit { float:right; /*margin:5px 0 0 0;*/ padding:0 5px; } .exposed-filters .form-element { padding:5px 0; clear:both; } .exposed-filters input, .exposed-filters select, .exposed-filters label { font:normal 12px/18px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Geneva, "Trebuchet MS", Arial, sans-serif; } .exposed-filters label.radio { font-weight:bold; padding-left:3px; } .exposed-filters .checkbox, .exposed-filters .radio { cursor:pointer; } .exposed-filters .input-group-wrapper input, .exposed-filters .input-group-wrapper label { width:auto; font-size:12px; line-height:12px; } .exposed-filters .input-group-wrapper { clear:both; float:right; width:195px; padding:0; vertical-align:top; } .exposed-filters .input-group-wrapper dd, .exposed-filters .input-group-wrapper dt { float:left; display:block; font-size:12px; line-height:12px; } .exposed-filters .input-group-wrapper dt { clear:left; width:150px; } .exposed-filters .col { float:left; width:50%; } /* update 21:47 25/02/2011 - gagner de l'espace pour avoir la date de création .espace-client .etendue-col-interne, .espace-client .etendue-col-externe { width: 897px; background:url(../_imgs/article-bg-etendu.png) no-repeat 0 0; } .espace-client .etendue-col-externe { padding-top:10px; } .espace-client .etendue-col-interne { padding-bottom:10px; background-position:0 100%; } */ /* update 12:12 28/03/2011 - plus de colonne de droite dans l'espace client */ .article-bg-etendu { width:911px; } .contenu-article .article-bg-etendu--top { background:url(../_imgs/article-bg-etendu-top.png) no-repeat 0 0; height:31px; } .contenu-article .article-bg-etendu--middle { background:url(../_imgs/article-bg-etendu-middle.png) repeat-y 0 0; } .contenu-article .article-bg-etendu--bottom { background:url(../_imgs/article-bg-etendu-bottom.png) no-repeat 0 0; height:78px; } #wrapper .article-bg-etendu--middle { padding:0 15px; } .article-bg-etendu #espace-client-banniere { background:url(../_imgs/espace-clients-banniere-etendu.png) no-repeat 0 0; } .article-bg-etendu #espace-client-banniere, .article-bg-etendu .espace-client.enlarged, .article-bg-etendu .espace-client-outils { width:100%; } .article-bg-etendu .espace-client { width:643px; } .article-bg-etendu .exposed-filters { margin:0 20px 0 0; } .article-bg-etendu .affiche-ticket-wrap .details-ticket, .article-bg-etendu .formulaire_editer_ticket_client .half-l { width:280px; } .article-bg-etendu .formulaire_editer_ticket_client .half-r { width:520px; } .article-bg-etendu .affiche-ticket-wrap .corps { width:500px; } .article-bg-etendu .affiche-ticket-wrap .commentaires .liste { width:450px; } .article-bg-etendu .affiche-ticket-wrap .commentaires .nouveau, #bloc-ecrire-commentaire { width:360px; } .article-bg-etendu .affiche-ticket-wrap .commentaires .fixed { position:fixed; top:0; } .article-bg-etendu .affiche-ticket-wrap .commentaires .absolute { position:absolute; } .article-bg-etendu .formulaire_commenter_ticket textarea { /*width:306px;*/ width:100%; } .form-element.wide-element label, .form-element.wide-element dl.input-group-wrapper { width:300px; margin:5px 0; } .form-element.wide-element dl.input-group-wrapper dt, .form-element.wide-element dl.input-group-wrapper label { width:275px; margin:0; } .form-element.wide-element dl.input-group-wrapper dt { padding-left:10px; } .formulaire_editer_ticket_client .exposed-filters, .formulaire_editer_ticket_client .exposed-filters fieldset, .formulaire_editer_ticket_client .exposed-filters fieldset.collapsed { width:100%; } .formulaire_editer_ticket_client .form-element.wide-element label, .formulaire_editer_ticket_client .form-element.wide-element dl.input-group-wrapper label { width:90%; } .formulaire_editer_ticket_client .form-element.wide-element dl.input-group-wrapper { width:100%; margin:5px 0; } .formulaire_editer_ticket_client .form-element.wide-element dl.input-group-wrapper dt { width:85%; margin:0; } .exposed-filters fieldset fieldset.sub-fs, .exposed-filters fieldset fieldset.sub-fs .form-element.wide-element dl.input-group-wrapper { width:270px; } .exposed-filters fieldset fieldset.sub-fs label { width:90px; } .exposed-filters fieldset fieldset.sub-fs .form-element.wide-element dl.input-group-wrapper dt, .exposed-filters fieldset fieldset.sub-fs .form-element.wide-element dl.input-group-wrapper label { width:250px; padding:0; } .formulaire-nouveau-ticket-temps .exposed-filters { float:none; } .formulaire-nouveau-ticket-temps label { width:135px; display:inline-block; } .formulaire-nouveau-ticket-temps .submit-wrap { width:215px; } h3.std-h3 { font-size:14px; color:#850007; } #ticket-documents-wrap { float:left; width:500px; background:#FFF; } #ticket-documents-wrap input.submit { margin-top:20px; } #voir-documents-attaches { float:none; width:100%; } .affiche-ticket-wrap h3 { margin:15px 0 5px 0; font-weight:bold; color:#850007; } #ajax-get-dest-alerte .exposed-filters, #bloc-ecrire-commentaire .exposed-filters { margin:0 0 0 0; float:none; } #bloc-ecrire-commentaire .exposed-filters dl, #bloc-ecrire-commentaire .exposed-filters fieldset { width:340px; } #ajax-get-dest-alerte .exposed-filters dl dt, #bloc-ecrire-commentaire .exposed-filters dl dt { width:auto; padding:0 10px 0 0; } #ajax-get-dest-alerte .exposed-filters dl dd, #bloc-ecrire-commentaire .exposed-filters dl dd { width:315px; margin:0; clear:none; } #ajax-get-dest-alerte .exposed-filters dl dd { width:470px; } #ajax-get-dest-alerte .exposed-filters label, #bloc-ecrire-commentaire .exposed-filters label { width:100%; } .exposed-filters .reason { font-style:italic; color:limegreen; } .details-ticket .exposed-filters { padding:5px 0 10px 0; } .details-ticket .exposed-filters, .details-ticket table { width:250px; } .details-ticket table.table-std td, .details-ticket table.table-std th, .details-ticket .temps-passe table.table-std td, .details-ticket .temps-passe table.table-std th { padding:2px; font:9px/10px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Geneva, "Trebuchet MS", Arial, sans-serif; word-wrap:break-word; text-align:center; } /* a.modif-prefs { padding:2px 0 3px 0; display:block; } a.modif-prefs { text-indent:-200px; overflow:hidden; width:16px; height:16px; float:left; background:url(/plugins/tickets_clients/imgs/edit-user.png) no-repeat; } dd.edit-user-with-label label { float:left; } dd.edit-user-with-label label { padding-right:18px; } */ #ajax-get-dest-alerte dd, #bloc-ecrire-commentaire dd, #bloc-ecrire-commentaire dt, #ajax-get-dest-alerte dt { line-height:16px; } dd.edit-user-with-label { position:relative; } dd.edit-user-with-label:hover label { text-decoration:underline; } #ajax-get-dest-alerte dd.edit-user-with-label label, #bloc-ecrire-commentaire dd.edit-user-with-label label { width:auto; } a.modif-prefs { position:absolute; right:0; text-indent:-200px; overflow:hidden; width:16px; height:16px; background:url(/plugins/tickets_clients/imgs/edit-user.png) no-repeat; } .gestion-compte.exposed-filters { float:none; } .gestion-compte.exposed-filters legend a { font-weight:bold; /* text-transform:uppercase; */ padding:10px; } .gestion-compte.exposed-filters fieldset, .gestion-compte.exposed-filters fieldset label, .gestion-compte.exposed-filters .input-group-wrapper, .gestion-compte.exposed-filters .input-group-wrapper dt, .gestion-compte.exposed-filters .input-group-wrapper dd, .gestion-compte.exposed-filters fieldset fieldset.sub-fs, .gestion-compte.exposed-filters fieldset fieldset.sub-fs .form-element.wide-element dl.input-group-wrapper dd, .gestion-compte.exposed-filters fieldset fieldset.sub-fs .form-element.wide-element dl.input-group-wrapper label, .gestion-compte.exposed-filters fieldset fieldset.sub-fs .form-element.wide-element dl.input-group-wrapper { width:auto; } .gestion-compte.exposed-filters .input-group-wrapper { float:none; } .gestion-compte.exposed-filters fieldset fieldset.sub-fs .form-element.wide-element dl.input-group-wrapper dt { width:270px; } .gestion-compte.exposed-filters .formulaire_preferences_auteur_tickets .radio-group label { width:90%; } .gestion-compte.exposed-filters .radio-wrap, .gestion-compte.exposed-filters .inner-input-block, .gestion-compte.exposed-filters .form-element.text, .gestion-compte.exposed-filters .form-element.submit-wrap { margin:10px; } .gestion-compte.exposed-filters .form-element.checkbox { margin:0 10px; padding:0; } .gestion-compte.exposed-filters .radio-wrap input { vertical-align:top; margin-top:3px; } .gestion-compte.exposed-filters fieldset.preferences-format-alertes, .gestion-compte.exposed-filters fieldset.preferences-surveillance { margin:20px auto; width:60%; padding:10px; } .gestion-compte.exposed-filters #email-destinataire-alerte-test { width:70%; } #ref-cms { height:20px; line-height:20px; } #ref-cms a { display:inline-block; height:20px; line-height: 20px; } .affiche-ticket-wrap .corps .ticket-content { width:570px; }