/*---------------------------------------------------------------------- Feuille de styles de base Compatible avec : PC // Internet Explorer 5.5 ou plus, Firefox 1.0 ou plus, Opera MAC // Safari, Netscape, Opera Auteur : Olivier Fortier Courriel : ofortier@inpix.ca Compagnie : Inpix Solutions Interactives Site web : http://www.inpix.ca -----------------------------------------------------------------------*/ * { margin: 0px; padding: 0px; border: 0px;} body { margin: 10px 0px 0px 10px; background: url(../images/fd_general.gif) top left repeat; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; color: #525252; text-align: center; font-size: 100%;} #conteneur #col_primaire .section_image, #auto_desc p, #jeux_tech p { font-family: Verdana, Helvetica, Arial, sans-serif;} #conteneur #col_primaire .section_image p, #auto_desc p { line-height: 1.4em;} .float, .acote {font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; line-height: 1em!important;} /* Contient l'inrgralit du site */ #conteneur { position: relative; width: 960px; margin: 0 auto; text-align: left; } #entete { position: relative; width: 945px; height: 95px; border-top: 2px solid #bfbfbf; border-right: 1px solid #a0a0a0; border-bottom: 1px solid #656565; border-left: 1px solid #fefefe; background-color: #fefefe; } #entete #logo { position: absolute; width: 351px; background: url(../images/ligne_verticale.gif) top right repeat-y; } #pg_boutique #entete #logo { width: 244px; } #entete #outils { position: absolute; left: 351px; width: 595px;} #pg_boutique #entete #outils { left: 245px; width: 184px; height: 90px; background: url(../images/ligne_verticale.gif) top right repeat-y;} #entete #outils #liens { position: relative; min-height: 47px; width: 595px; background: url(../images/points_entete.gif) bottom left repeat-x; } #pg_boutique #entete #outils #liens { width: 100%} * html #entete #outils #liens { height: 47px; } #entete #outils #liens div.boiteicones { float: left; padding: 15px 15px 0px 15px; } #entete #outils #liens div.boiteicones img { position: relative; padding-right: 5px; padding-bottom: 10px; } @media all and (min-width:0px) { /* Force Opera placer l'icone au bon endroit */ head~body #entete #outils #liens img { position: relative; top: 4px; }} #entete #outils #liens a, #back_home a { font-size: 0.7em; color: #0b76fa; text-decoration: none; } #entete #outils #liens a:hover,#back_home a:hover { text-decoration: underline; } #entete #outils #liens div.boiterechercheavancee { float: right; position: relative; padding: 15px 15px 0px 15px; } #entete #outils #liens div.boiterechercheavancee img, #entete #outils #liens div.hide img, #entete #outils #liens div.show img { padding-right: 5px; padding-bottom: 10px; } #back_home { margin: 15px 0 0 18px;} #back_home a { padding: 2px 0 2px 20px; background: url(../images/ic_flecheretour.gif) 0 2px no-repeat;} #entete_pub { position: absolute; top: 7px; right: 10px; height: 79px;} #entete #outils #recherche { position: absolute; min-height: 47px; top: 47px; width: 595px; left: 1px; } * html #entete #outils #recherche { height: 47px; } * html #entete #outils #recherche input.bouton { position: relative; top: -3px; } *:first-child+html #entete #outils #recherche input.bouton { position: relative; top: -3px; } #entete #outils #recherche div.itemrecherche { float: left; padding: 15px; } #entete #outils #recherche div.itemrecherche input.texte { position: relative; top: -3px; width: 20em; height: 1.5em; padding-top: 0.2em; padding-left: 0.2em; margin-right: 10px; color: #898989; font-size: 1.3em; border: 1px solid #a7a6aa; } #entete #outils #recherche div.itemrecherche p { color: #00b100; font-size: 0.60em; } #entete #outils #recherche div.itemrecherche a { color: #0b76fa; font-weight: bold; text-decoration: none; } #entete #outils #recherche div.itemrecherche a:hover { text-decoration: underline; } #entete #outils #recherche div.itemrechercheavancee { float: right; padding: 19px 15px 15px 0px; } #entete #outils #recherche div.itemrechercheavancee p { font-size: 0.60em; color: #0b76fa; } #entete #outils #recherche div.itemrechercheavancee a { color: #717171; font-weight: bold; text-decoration: none; } #entete #outils #recherche div.itemrechercheavancee a:hover { text-decoration: underline; } /* Colonne contenant le contenu primaire, (en exclusivit, sign par...) */ #col_primaire { float: left; position: relative; display: inline; width: 418px; margin-top: 10px; margin-left: 10px; } * html #col_primaire { width: 421px;} #col_primaire div.boite { position: relative; width: 418px; margin-bottom: 10px; background-color: #fefefe; border-right: 1px solid #a0a0a0; border-bottom: 1px solid #656565; } #col_primaire img.contour { background-color: #ffffff; padding: 1px; border: 1px solid #a6a6a6; } #col_primaire a.fleches, #col_tertiaire a.fleches { color: #0b76fa; text-decoration: none; } #col_secondaire .fleches { color: #8e8e8e; } #col_primaire a.fleches:visited, #col_tertiaire a.fleches:visited { color: #0041A5; } #col_primaire a.fleches:hover, #col_tertiaire a.fleches:hover { text-decoration:underline;} #col_primaire h1 { font-size: 1.31em; color: #525252; padding-bottom: 30px; } #col_primaire h1 a { color: #0b76fa; text-decoration: none; } #col_primaire h1 a:visited { color: #0041A5; } #col_primaire h1 a:hover { text-decoration: underline;} #col_primaire h2 { font-size: 1.13em; color: #c24900; padding-bottom: 15px; } #col_primaire h2 a { color: #0b76fa; text-decoration: none; } #col_primaire h2 a:visited { color: #0041A5; } #col_primaire h2 a:hover { text-decoration:underline;} /* BUG40 ... l'icne Ajouter aux Favoris se retrouve dans un SPAN flottant dans un H1, un H2 ou un H3 selon le cas */ #col_primaire h1 span, #col_primaire h2 span { float: left; padding-right: 5px; } #col_primaire h1 img, #col_primaire h2 img { float: left; margin-top: 5px; } #col_primaire h3, #col_tertiaire h3 { font-size: 0.75em; color: #525252; padding-bottom: 3px; } #col_primaire h3 a, #col_tertiaire h3 a { color: #0b76fa; text-decoration: none; } #col_primaire h3 a:visited, #col_tertiaire h3 a:visited { color: #0041A5; } #col_primaire h3 a:hover, #col_tertiaire h3 a:hover { text-decoration:underline;} /* BUG40 ... l'icne Ajouter aux Favoris se retrouve flottant dans un H2 ou un H3 selon le cas */ #col_primaire h3 span, #col_tertiaire h3 span { float: left; padding-right: 5px; } #col_tertiaire #reagissez h3 span { padding-right: 0; float: none;} #col_primaire h3 img { float: right; margin-top: 4px; } .icn_vid { display: inline; float: none!important; margin: 0 0 0 5px;} #col_primaire h4 { font-size: 0.63em; color: #525252; } #col_primaire h5 { font-size: 0.69em; color: #525252; padding-bottom: 10px; font-weight: normal; } #col_primaire h6 { padding-bottom: 5px; } #col_primaire div.bandeau_premier { position: absolute; width: 70px; height: 70px; top: -16px; right: -18px; } /* Force Internet Explorer 6 et moins placer le bandeau au bon endroit */ * html #col_primaire div.bandeau_premier { right: -8px; } #col_primaire div.bandeau { position: absolute; width: 70px; height: 70px; top: -8px; right: -18px;} * html #col_primaire div.bandeau { right: -8px; top: -8px; } #col_primaire div.contenu { margin: 0px 10px 10px 10px; padding-top: 10px; } #col_primaire div.contenu_premier { margin: 0px 10px 10px 0px; padding-top: 10px; } #col_primaire div.contenu_articles { padding-top: 10px; } #col_primaire div.contenu_articles h1 { font-size: 1.3em; padding-bottom: 5px;} #col_primaire div.contenu_articles h1.commentaires { font-size: 1em; padding-bottom: 5px;} #col_primaire div.contenu_articles p { font-size: 0.75em; } #col_primaire div.contenu_articles h3 { padding-top: 0px; padding-bottom: 10px; } #col_primaire div.contenu_articles h3.defin { padding-top: 10px; } #col_primaire div.contenu_articles p.hein { margin: 10px 0px 10px 0px; } #col_primaire div.contenu_articles p.outils { width: 245px; overflow: hidden;} #col_primaire div.contenu_articles p.outils span { display: block; float: left; width: 20px;} #col_primaire div.contenu_articles p.outils strong { display: block; float: left; width: 225px;} #col_primaire div.contenu_articles p.group { width: 230px; overflow: hidden; padding-left: 3px;} #col_primaire div.contenu_articles p.group strong { width: 210px;} #col_primaire #footer { position: static;} #col_primaire div.contenu_basdepage { margin: 0px 10px 10px 10px; padding-top: 10px;} #col_primaire div.contenu_basdepage p { font-size: 0.7em; padding-left: 10px; padding-bottom: 5px; } #col_primaire div.contenu_basdepage a { color: #8e8e8e;text-decoration: none; } #col_primaire div.contenu_basdepage a:visited { color: #525252; } #col_primaire div.contenu_basdepage a:hover { text-decoration: underline; } #col_primaire div.section_image { position: relative; padding-top: 10px; /*padding-bottom: 15px;*/ } * html #col_primaire div.section_image { padding-bottom: 0px; position: static; /*position:relative;*/ } #col_primaire div.section_image h3 { padding: 0 0 15px 0; color: #c24900;} #col_primaire div.section_image div.overflow { width: 100%; overflow: hidden; } #col_primaire div.section_image div.overflow h2 { overflow: hidden; display: inline-block; padding-bottom: 0; max-width: 190px; } * html #col_primaire div.section_image div.overflow h2 { padding-bottom: 10px;} @media all and (min-width:0px) { /* Force Opera placer l'icone au bon endroit */ head~body #col_primaire div.section_image div.overflow h2 { padding-bottom: 10px; }} #col_primaire div.section_image div.overflow br { line-height: .5em;} #col_primaire div.section_image div.overflow h6 { margin-top: 10px; } * html #col_primaire div.section_image div.overflow h2 { display: inline; } #col_primaire div.section_image div.overflow h2.hein { min-width: 100%; } #col_primaire div.section_image img.float, #col_tertiaire img.float { background-color: #ffffff; padding: 1px; border: 1px solid #a6a6a6; margin-top: 0px; margin-bottom: 4px; display: block; } #col_primaire div.section_image div.float, #col_tertiaire div.float { float: left; color: #8e8e8e; font-size: 0.85em; padding-bottom: 1px; text-align: right; margin-right: 15px; padding-right:5px; } #col_primaire div.section_image div.float p, #col_tertiaire div.float p { position: relative; padding: 0px; margin-top: -4px; } * html #col_primaire div.section_image div.float p, * html #col_tertiaire div.float p { margin-top: 7px; clear: all; margin-right: -7px;} * html #col_primaire div.section_image div.float p { margin-right: 0px; } #col_primaire div.section_image img.float_altern, #col_tertiaire div.float_altern { background-color: #ffffff; padding: 1px; border: 1px solid #a6a6a6; margin-top: 0px; margin-bottom: 4px; } #col_primaire div.section_image div.float_altern p, #col_tertiaire div.float_altern p { position: relative; display: block; margin-top: -4px; } #col_primaire div.section_image div.float_altern, #col_tertiaire div.float_altern { float: right;color: #8e8e8e; font-size: 0.85em; padding: 1px; text-align: right; margin-left: 15px; } */ * html #col_primaire div.section_image div.float_altern p, * html #col_tertiaire div.float_altern p { margin-top: 7px; clear: all; margin-right: -7px;} #col_primaire div.section_image div.cadreimage { position: relative; padding-bottom: 1px; text-align: right; margin-left: 5px; margin-right: 15px; /*DANIEL: Fix l'image embarquait sur le titre au dessus (IE)*/margin-top: 15px;/*DANIEL:END*/} #col_primaire div.section_image div.cadreimage p { position: relative; font-size: 0.65em; color: #8e8e8e; text-align: right; display: block; padding-right : 5px; margin-top: 0px; } * html #col_primaire div.section_image div.cadreimage p { margin-top: 9px; margin-right: -9px; } #col_primaire div.section_image img.section1 { float: left; background-color: #ffffff; padding: 1px; border: 1px solid #a6a6a6; margin-top: -5px; margin-bottom: 4px; margin-right: 10px; } #col_primaire div.section_image div.centre { text-align: center; padding-bottom: 5px; } #col_primaire div.section_image div.centre div.float { margin-right: 0px; padding-bottom: 5px; } #col_primaire div.section_image p { font-size: 0.69em; line-height: 1.3em; } #col_primaire div.section_image p.section1 { font-size: 0.8em; line-height: 1.4em; } #col_primaire div.section_image a.comment { font-size: 0.95em; color: #c24900; text-decoration: none; font-weight: normal;} #col_primaire div.section_image a.comment:hover { color: #c24900; text-decoration: underline; } #col_primaire div.separation { width: inherit; height: 1px; border: 0px; border-top: 1px dotted #cccccc; line-height: 0px; font-size: 0px; margin-top: 10px; } * html #col_primaire div.separation { border: 0px; background: url(../images/point.gif) top repeat-x; } #col_primaire ul.crochet { margin-left: 0px; list-style-type: none; } #col_primaire ul.crochet li { background-image: url(../images/ic_crochet.gif); background-position: 0px 1em; background-repeat: no-repeat; padding-left: 15px; } #col_primaire #basdepage { position: relative; } /* Colonne contenant le contenu secondaire (rubriques, autres tidions, etc) */ #col_secondaire { float: left; display: inline; width: 185px; height: 700px; margin-top: 10px; } #col_secondaire h3 { font-size: 0.65em; color: #c24900; padding-top: 3px; padding-left: 12px; } #col_secondaire h5 { font-size: 0.69em; color: #525252; margin-left: 10px; } #col_secondaire h5 a { color: #525252; text-decoration: none; } #col_secondaire h5 a:hover { text-decoration: underline; } #col_secondaire p { font-size: 0.69em; color: #525252; margin-left: 10px; } #col_secondaire img { margin: 10px 0px 10px 0px; } #col_secondaire img.banniere, #col_secondaire div.contenucentre div.banniereinfo .boite_pub img { border: 2px solid #9e9992; margin-top: 0px; margin-bottom: 0px; } #col_secondaire img.contour, #col_tertiaire img.contour { background-color: #ffffff; padding: 1px; border: 1px solid #a6a6a6; } #col_secondaire ul.menu { list-style-type: none; margin-top: -10px; } #col_secondaire ul.menu li { width: 150px; background: url(../images/bg_col_secondaire_li.gif) top left no-repeat; background: url(../images/point_menu.gif) top repeat-x; padding: 4px 7px 5px 0px; border-top: border-style: dotted; } #col_secondaire ul.menu li a { color: #8e8e8e; text-decoration: none; } #col_secondaire ul.menu li a:hover { text-decoration: underline; } #col_secondaire ul.menu li.premier { width: 150px; background: none; padding: 7px 7px 4px 0px; border-top: 0px; } #col_secondaire ul.bullet { margin-left: -10px; padding: 7px 7px 7px 0px; margin-top: -10px; } #col_secondaire ul.bullet li { list-style-type: none; width: 150px; background: url(../images/bullet_col_secondaire.gif) left no-repeat; padding: 7px 7px 7px 0px; } #col_secondaire ul.bullet li a { color: #0b76fa; text-decoration: none; } #col_secondaire ul.bullet li a:hover { text-decoration: underline; } #col_secondaire div.boite { position: relative; width: 184px; border-right: 1px solid #A0A0A0; border-bottom: 1px solid #656565; margin-bottom: 10px; } #col_secondaire div.boite div.titre { background: url(../images/fd_tit_gauche.gif) left -25px no-repeat; padding-top: 10px; } #col_secondaire div.boite div.contenu { position: relative; background-color: #fefefe; padding: 10px 10px 0px 10px; } #col_secondaire div.boite div.contenucentre { background-color: #fefefe; padding: 10px 10px 10px 10px; text-align: center; } #col_secondaire div.contenucentre div.banniereinfo { position: relative; background-color: #c3c3c3; width: 124px; margin-left: 20px; text-align: left; } #col_secondaire div.contenucentre div.banniereinfo p { font-size: 0.6em; margin: 0px; padding: 0px; padding-left: 5px;} #col_secondaire div.contenucentre div.banniereinfo a { color: #616161; text-decoration: none;} #col_secondaire div.contenucentre div.banniereinfo img.bullet { position: relative; top: 8px; } #col_tertiaire div.contenu div.banniereinfo { background-color: #c3c3c3; } #col_tertiaire div.contenu div.banniereinfo p { text-align: left; padding-left: 5px; padding-bottom: 0px;} #col_tertiaire div.contenu div.banniereinfo a { font-size: 0.6em; color: #616161;text-decoration: none;} #col_tertiaire ul.crochet { margin-left: 20px; list-style-image: url(../images/ic_crochet.gif); } /* Colonne contenant le contenu tertiaire (connexion, sondages etc) */ #col_tertiaire { float: left; display: inline; width: 323px; margin-top: 10px; margin-left: 10px; } * html #col_tertiaire { margin-left: 7px; width: 320px; } #col_tertiaire h4 { font-size: 0.63em; color: #525252; padding-top: 5px; } #col_tertiaire div.boite_premiere { position: relative; width: inherit; margin-bottom: 10px; background-color: #fefefe; border-right: 1px solid #a0a0a0; border-bottom: 1px solid #656565; z-index: 15; } #col_tertiaire div.boite { position: relative; width: inherit; margin-bottom: 10px; background-color: #fefefe; border-right: 1px solid #a0a0a0; border-bottom: 1px solid #656565; } #col_tertiaire div.abonnezvous { position: absolute; top: 0; right: -50px; width: 91px; height: 126px; z-index: 10; } #col_tertiaire div.abonnezvous a { display: block; width: 91px; height: 126px; background: url(../images/icn-abonnement.png) 0 0 no-repeat; text-indent: -9000px;} #col_tertiaire div.abonnezvous a:hover { background-position: 0 bottom;} * html #col_tertiaire div.abonnezvous a { background-image: url(../images/icn-abonnement.gif);} #col_tertiaire div.abonnezvoussmall { position: absolute; top: -15px; right: -15px; width: 38px; height: 35px; z-index: 10; } #col_tertiaire div.contenu { margin: 0px 10px 10px 10px; padding-top: 10px; } #col_tertiaire div.contenusondage { margin: 0px 10px 10px 10px; padding-top: 10px; font-size: 0.7em; } #col_tertiaire div.marge { position: relative; width: 301px; border: 1px solid #cccccc; padding-bottom: 0px; } #col_tertiaire div.marge.special { border-top: none; } * html #col_tertiaire div.marge { width: 299px; } #col_tertiaire div.marge a { font-size: 1em; color: #0b76fa; text-decoration: none; } #col_tertiaire div.marge a:visited { color: #0041A5; } #col_tertiaire div.marge a:hover { text-decoration: underline;} #col_tertiaire div.marge p { padding-bottom: 5px; } #col_tertiaire div.marge h2 { font-size: 0.75em; color: #c24900; padding-bottom: 10px; } #col_tertiaire div.conteneurtitre { position: relative; background: url(../images/fleche_titre.gif) left 12px no-repeat; } #col_tertiaire div.conteneurtitre p { font-size: 0.7em; } /* BUG66 ... le sondage ne s'affiche pas correctement sur Mac, mais Absolunet n'ont pas utilis le code qui tait fourni. Donc, ces CSS devraient tre OK */ #col_tertiaire div.marge div.sondage { position: relative; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } #col_tertiaire div.marge div.sondage form { padding-bottom: 10px; } #col_tertiaire div.marge div.sondage p { width: 100%; overflow: hidden;} #col_tertiaire div.marge div.sondage input { display: block; float: left; /*width: 30px;*/ margin: 10px 10px 0 0; padding: 0; } #col_tertiaire div.marge div.sondage label { display: block; float: left; width: 245px; font-size: 0.7em; margin-top: 9px; line-height: 1.6em;} #col_tertiaire ul.bullet li { list-style-type: none; width: 150px; background: url(../images/bullet_col_tertiaire.gif) left 10px no-repeat;} @media all and (min-width:0px) { /* Forces Opera placer la puce au bon endroit */ head~body #col_tertiaire ul.bullet li { background: url(../images/bullet_col_tertiaire.gif) left 6px no-repeat; }} #col_tertiaire ul.bullet li a { color: #c24900; text-decoration: none; font-size: 0.7em; font-weight: bold; margin-left: 10px; } #col_tertiaire div.marge_actus { position: relative; width: 301px; border: 1px solid #cccccc; background: url(../images/fd_actus.gif) bottom left repeat-x; padding-bottom: 10px;} * html #col_tertiaire div.marge_actus { width: 299px; } #col_tertiaire div.marge_actus p { font-size: 0.7em; padding-bottom: 2px; } #col_tertiaire div.marge_actus a { font-size: 1em; color: #0b76fa; text-decoration: none; } #col_tertiaire div.marge_actus a:visited { color: #0041A5; } #col_tertiaire div.marge_actus a:hover { text-decoration: underline;} #col_tertiaire div.marge_actus h2 { font-size: 0.75em; color: #c24900; font-weight: bold; padding-bottom: 5px;} #col_tertiaire div.marge_actus h3 { width: 100%; overflow: hidden;} #col_tertiaire div.marge_actus p.date { font-size:0.7em; color: #c24900; margin-top: -5px;} #col_tertiaire div.marge div.fonctions { position: relative; font-size: 0.72em; top: 25px; padding-bottom: 20px; } #col_tertiaire div.fonctions ul { margin-left: 0px; list-style-type: none; } #col_tertiaire div.fonctions ul li { background-image: url(../images/ic_crochet.gif); background-position: 0 5px; background-repeat: no-repeat; padding-left: 15px; margin-top: 1em;} #col_tertiaire div.marge a.comment:link { font-size: 0.95em; color: #c24900; text-decoration: none; font-weight: normal; } #col_tertiaire div.marge a.comment:visited { color: #c24900; } #col_tertiaire div.marge a.comment:hover { color: #c24900; text-decoration: underline; } #col_tertiaire div.marge div.fonctions p { color: #525252; margin-top: 0px; padding-bottom: 0px;} #col_tertiaire div.marge div.fonctions a { color: #0b76fa; text-decoration: none; font-size: 0.85em; } #col_tertiaire div.marge div.fonctions a:visited { color: #0041A5; } #col_tertiaire div.marge div.fonctions a:hover { text-decoration:underline;} #col_tertiaire div.marge div.fonctions form { padding-bottom: 7px; padding-top: 12px; } #col_tertiaire div.fonctions div.ligne { width: 100%; overflow: hidden; padding-bottom: 7px; } #col_tertiaire div.ligne div.etiquette { float: left; width: 85px; padding-right: 10px; text-align: right; font-size: 0.85em;} #col_tertiaire div.ligne div.itemform { float: left; width: 150px; } #col_tertiaire input.texte { width: 12em; color: #525252; font-size: 1em; padding: 2px; border: 1px solid #a7a6aa; } *:first-child+html #col_tertiaire input.texte { margin-left: 4px; } * html #col_tertiaire input.texte { margin-left: 4px; } #col_tertiaire input.checkradio { border: 0px; } #col_tertiaire label.checkradio { padding-left: 10px; font-size: 0.85em; } #col_tertiaire div.ligne div.choixsondage { float: left; width: 100px; padding-right: 10px; font-size: 0.75em;} #col_tertiaire div.ligne div.resultatsondage { float: left; width: 150px; } #col_tertiaire div.ligne div.resultatsondage p { font-size: 0.65em; font-weight: bold; } /* Panneau de connexion une fois activ */ #col_tertiaire div.marge #connexion { position: relative; display: block; width: 301px; top: 0px; min-height: 150px; } * html #col_tertiaire div.marge #connexion { width: 299px; display: block; position: relative; height: 150px; } #col_tertiaire div.marge #connexion div.btn_connecter { position: absolute; width: 80px; min-height: 25px; border-right: 1px solid #cccccc; } #pg_boutique #col_tertiaire div.marge #connexion div.btn_connecter { border-top: 1px solid #cccccc; } * html #pg_boutique #col_tertiaire div.marge #connexion div.btn_connecter { top: 0; } * html #col_tertiaire div.marge #connexion div.btn_connecter { height: 25px; top: 1px; } #col_tertiaire div.marge #connexion div.btn_connecter a { display: block; padding: 5px 5px 0px 5px; font-size: 0.7em; font-weight: bold; color: #c24900; text-decoration: none; text-align: center; } #col_tertiaire div.marge #connexion div.btn_inscription { position: absolute; left: 81px; width: 107px; min-height: 25px; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background: url(../images/fd_outils_droite.gif) bottom left no-repeat; } * html #col_tertiaire div.marge #connexion div.btn_inscription { height: 25px; top: 1px; } #col_tertiaire div.marge #connexion div.btn_abonnement { position: absolute; left: 189px; width: 110px; min-height: 25px; border-bottom: 1px solid #cccccc; background: url(../images/fd_outils_droite.gif) bottom left no-repeat; } * html #col_tertiaire div.marge #connexion div.btn_abonnement { height: 25px; top: 1px; } #col_tertiaire div.marge #connexion div.btn_inscription a, #col_tertiaire div.marge #connexion div.btn_abonnement a { display: block; padding: 5px 5px 0px 5px; font-size: 0.7em; font-weight: bold; color: #8b8b8b; text-decoration: none; text-align: center; } #col_tertiaire div.marge #connexion .btn_manquant { position: absolute; left: 81px; height: 26px; width: 220px; border-bottom: 1px solid #ccc; border-right: 1px solid #fff;} * html #col_tertiaire div.marge #connexion .btn_manquant { width: 219px; left: 80px;} #col_tertiaire div.colonne_idee p, #col_tertiaire div.colonne_passe p { padding-top: 10px; } #col_tertiaire div.colonne_idee { float: left; width: 149px; font-size: 1em; } #col_tertiaire div.colonne_idee h2 { background: url(../images/fleche_titre.gif) left 12px no-repeat; padding-top: 10px; padding-left: 10px;} #col_tertiaire div.colonne_idee div.contenu { font-size: 0.7em; padding-top: 5px;} #col_tertiaire div.colonne_passe { float: right; width: 149px; font-size: 1em; } #col_tertiaire div.colonne_passe div.contenu { padding-left: 0; font-size: 0.7em; padding-top: 5px;} #col_tertiaire div.colonne_passe h2 { background: url(../images/fleche_titre2.gif) right 12px no-repeat; padding-top: 10px; padding-right: 10px; text-align: right; } /* Panneau d'inscription une fois activ */ #col_tertiaire div.marge #inscription { width: 301px; display: none; position: relative; padding-bottom: 30px;} * html #col_tertiaire div.marge #inscription { width: 299px; position: relative; } #col_tertiaire div.marge #inscription div.btn_connecter { position: absolute; width: 80px; min-height: 25px; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background: url(../images/fd_outils_droite.gif) bottom left no-repeat; } * html #col_tertiaire div.marge #inscription div.btn_connecter { height: 25px; top: 1px; } #col_tertiaire div.marge #inscription div.btn_inscription { position: absolute; left: 81px; width: 107px; min-height: 25px; border-right: 1px solid #cccccc; } * html #col_tertiaire div.marge #inscription div.btn_inscription { height: 25px; top: 1px; } #col_tertiaire div.marge #inscription div.btn_inscription a { display: block; padding: 5px 5px 0px 5px;font-size: 0.7em;font-weight: bold;color: #c24900;text-decoration: none; text-align: center; } #col_tertiaire div.marge #inscription div.btn_abonnement { position: absolute; left: 189px; width: 110px; min-height: 25px; border-bottom: 1px solid #cccccc; background: url(../images/fd_outils_droite.gif) bottom left no-repeat; } * html #col_tertiaire div.marge #inscription div.btn_abonnement { height: 25px; top: 1px; } #col_tertiaire div.marge #inscription div.btn_connecter a, #col_tertiaire div.marge #inscription div.btn_abonnement a { display: block; padding: 5px 5px 0px 5px; font-size: 0.7em; font-weight: bold; color: #8b8b8b; text-decoration: none; text-align: center; } /* Panneau d'abonnement une fois activ */ #col_tertiaire div.marge #abonnement { width: 301px; display: none; position: relative; } * html #col_tertiaire div.marge #abonnement { width: 299px; position: relative; } #col_tertiaire div.marge #abonnement div.btn_connecter { position: absolute; width: 80px; min-height: 25px; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background: url(../images/fd_outils_droite.gif) bottom left no-repeat; } * html #col_tertiaire div.marge #abonnement div.btn_connecter { height: 25px; top: 1px; } #col_tertiaire div.marge #abonnement div.btn_inscription { position: absolute; left: 81px; width: 107px; min-height: 25px; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background: url(../images/fd_outils_droite.gif) bottom left no-repeat; } * html #col_tertiaire div.marge #abonnement div.btn_inscription { height: 25px; top: 1px; } #col_tertiaire div.marge #abonnement div.btn_abonnement { position: absolute; left: 189px; width: 110px; min-height: 25px; } * html #col_tertiaire div.marge #abonnement div.btn_abonnement { height: 25px; top: 1px; } #col_tertiaire div.marge #abonnement div.btn_abonnement a { display: block; padding: 5px 5px 0px 5px; font-size: 0.7em; font-weight: bold; color: #c24900; text-decoration: none; text-align: center; } * html #col_tertiaire div.marge #abonnement div.btn_abonnement { height: 25px; top: 1px; } #col_tertiaire div.marge #abonnement div.btn_connecter a, #col_tertiaire div.marge #abonnement div.btn_inscription a { display: block; padding: 5px 5px 0px 5px; font-size: 0.7em; font-weight: bold; color: #8b8b8b; text-decoration: none; text-align: center; } .guillouverture { /*position: relative;*/ padding-right: 5px; top: 0px; /*/*/ line-height:0; /* */ } .guillfermeture { /*position: relative;*/ padding-left: 0; top: 0px; /*/*/ line-height:0; /* */ } p.tous { margin-top: 10px; padding-bottom: 10px; } #col_tertiaire p.tous, #col_primaire p.tous { margin-top: 15px; } div.sondage p.tous { font-size: 0.7em; } a.tous { color: #0b76fa; text-decoration: none; font-weight: normal; } a.tous:hover { text-decoration: underline;} a.tous:visited { color: #0041A5; } a.second { color: #8e8e8e; text-decoration: none; font-weight: normal; } a.second:hover { text-decoration: underline;} div.citation { padding-top: 5px; font-size: 1em; line-height: 1em; color: #c24900; } div.citation p { line-height: 1.5em;} #col_primaire div.citation p a, #col_tertiaire .boite div.citation p a { color: #C24900; text-decoration: none;} #col_primaire div.citation p a:hover, #col_tertiaire .boite div.citation p a:hover { text-decoration: underline;} #col_primaire div.citation p a:visited, #col_tertiaire .boite div.citation p a:visited { color: #C24900; } .spaced { margin-bottom: 15px!important;} .spaced_big { margin-bottom: 30px!important;} /* Fil d'ariane */ #fil_ariane { background : #f3f3f3 url(../images/bg_ariane.gif) repeat-x; font-size:0.63em; color:#0b76fa; border-bottom:1px dotted #ccc ; padding:3px; } #fil_ariane a { color: #0b76fa; text-decoration: none; } #fil_ariane a:visited { color: #0041a5;} #fil_ariane a:hover { text-decoration: underline; } .fil_ariane_float { float:left} .fil_ariane_float_altern { float:right;} .fil_ariane_float_altern_padding { float:right; padding-right:40px;} /* Fils RSS */ #col_primaire div.contenu_articles div.rss { margin-left: 25px; width: 90%; overflow: hidden; padding-bottom: 20px; } #col_primaire div.contenu_articles div.rss img { position: relative; top: 2px; margin-right: 10px; float: none; } #col_primaire div.contenu_articles div.rss div.boiterss { position: relative; padding: 5px; width: 95%; border: 1px dotted #8e8e8e; font-size: 0.9em; overflow: auto;} #col_primaire div.contenu_articles div.rss div.boiterss p a { padding: 0 5px 0 0;} #col_primaire div.contenu_articles div.rss p.descrss { font-size: 0.7em; margin-bottom: 10px; } #col_primaire div.contenu_articles div.intro p { margin-bottom: 10px; } #col_primaire div.contenu_articles div.intro p.intro { margin-top: 10px; } #col_primaire div.contenu_articles div.separation_rss { margin: 0px 0px 10px 0px; width: 100%; border-top:#ccc 1px dotted; } /* Recherche */ #col_primaire div.contenu_recherche { padding-top: 10px; width: 100%; overflow: hidden;} #col_primaire div.contenu_recherche h1 { font-size: 1.3em; padding-bottom: 0px; } #col_primaire div.contenu_recherche h3 img { float: none; position: relative; top: 2px; margin: 0px; padding: 0px;} #col_primaire div.contenu_recherche h5 { padding-top: 20px; padding-bottom: 5px; font-weight: bold; } #col_primaire div.contenu_recherche p { font-size: 0.75em; } #col_primaire div.contenu_recherche div.separation { width: inherit; height: 1px; border-top: 1px dotted #7f7f7f; line-height: 0px; font-size: 0px; margin: 10px 0px 0px 0px;} * html #col_primaire div.contenu_recherche div.separation { border: 0px; background: url(../images/point.gif) top repeat-x; } #col_primaire div.contenu_recherche div.separation_large { width: inherit; height: 1px; border-top: 1px dotted #7f7f7f; line-height: 0px; font-size: 0px; margin: 15px 0px 15px 0px;} * html #col_primaire div.contenu_recherche div.separation_large { border: 0px; background: url(../images/point.gif) top repeat-x; } #col_primaire div.contenu_recherche p.float { float: left; padding-top: 10px; } #col_primaire div.contenu_recherche p.float_altern { float: right; padding-top: 10px; } #col_primaire div.contenu_recherche img.contour { float: left; position: relative; margin-right: 5px; margin-bottom: 2px;} #col_primaire div.contenu_recherche div.pages { width: 100%; text-align: center; margin-top: 10px; padding: 5px; border-bottom: 1px dotted #cccccc; } #auto_recherche div.pages { width: 98%; text-align: center; margin-top: 10px; padding: 5px; border-bottom: 1px dotted #cccccc; } #auto_recherche div.pages p { margin: 0;} #col_primaire div.contenu_recherche div.pages span.present, #auto_recherche div.pages span.present { color: #8e8e8e; font-weight: bold; } /* Thematique #col_primaire div.contenu_recherche form fieldset { width: 93%; padding: 10px; border: 1px dotted #8e8e8e; margin-bottom: 15px; margin-top: 20px; } *:first-child+html #col_primaire div.contenu_recherche form fieldset, * html #col_primaire div.contenu_recherche form fieldset { border: 1px solid #cccccc; margin-bottom: 10px; } #col_primaire div.contenu_recherche form fieldset legend { font-size: 0.75em; font-weight: bold; } #col_primaire div.contenu_recherche form fieldset div.boiteform { position: relative; width: 100%; overflow: hidden; padding: 5px 0px 5px 0px; } #col_primaire div.contenu_recherche form fieldset div.boiteform label { display: block; position: relative; width: 100%; padding: 0px; margin: 0px; font-size: 0.8em;} #col_primaire div.contenu_recherche form fieldset div.boiteform select { display: block; position: relative; width: 100%; border:#ccc 1px solid; color:#525252; padding: 0px; margin: 0px; margin-bottom: 15px;} #col_primaire div.contenu_recherche form fieldset div.boiteform input { position: relative; padding: 0px; margin: 0px; } /* /* Thematique - version corrige par Absolunet */ #col_primaire div.contenu_recherche fieldset { width: 93%; padding: 10px; border: 1px dotted #8e8e8e; margin-bottom: 15px; margin-top: 20px; } *:first-child+html #col_primaire div.contenu_recherche fieldset, * html #col_primaire div.contenu_recherche form fieldset { border: 1px solid #cccccc; margin-bottom: 10px; } #col_primaire div.contenu_recherche fieldset legend { font-size: 0.75em; font-weight: bold; background: #fff; } #col_primaire div.contenu_recherche fieldset div.boiteform, .boiteform_gj { position: relative; width: 100%; overflow: hidden; padding: 5px 0px 5px 0px; } #col_primaire div.contenu_recherche fieldset div.boiteform label { display: block; position: relative; width: 100%; padding: 0px; margin: 0px; font-size: 0.8em;} #col_primaire div.contenu_recherche fieldset div.boiteform select { display: block; position: relative; width: 100%; border:#ccc 1px solid; color:#525252; padding: 0px; margin: 0px; margin-bottom: 15px;} #col_primaire div.contenu_recherche fieldset div.boiteform input { position: relative; padding: 0px; margin: 0px; } /* -------------------------------------------------------- */ /* guide jouet */ .jouet p, .jouet_large p { margin: 15px 0;} .boiteform_gj label { display: block; width: 140px; float: left; font-size: 0.8em;} .boiteform_gj select, .boiteform_gj input { display: block; width: 220px; float: left; border:#ccc 1px solid; color:#525252;} .jouet_large .boiteform_gj select, .jouet_large .boiteform_gj input { width: 400px;} .boiteform_gj .find { width: auto!important; height: auto; float: none; border: none; margin: 10px 0 0 140px;} .new_search { width: 100%; overflow: hidden; margin: 0 0 10px;} .new_search p { float: left; width: 450px;} .new_search a { float: right;} #gj_result table { width: 99%; border-collapse: collapse; font-size: 0.7em; margin: 10px 0 20px 2px; border-top: 1px dotted #8e8e8e; border-left: 1px dotted #8e8e8e;} #gj_result td { border-right: 1px dotted #8e8e8e; border-bottom: 1px dotted #8e8e8e; padding: 3px 4px; vertical-align:middle;} #gj_result td.table_header { background: #e1e1e1 url(../images/bg_table_header.gif) 0 0 repeat-x; padding: 5px 4px;} #gj_result td.table_header a { color: #525252;} #gj_result .gj_result_prod { width: 37%;} #gj_result .gj_result_cat { width: 17%;} #gj_result .gj_result_new { width: 6%; text-align: center;} #gj_result .gj_result_age { width: 11%; text-align: center;} #gj_result .gj_result_prix { width: 8%; text-align: center;} #gj_result .gj_result_man { width: 13%;} #gj_result .gj_result_cote { width: 8%; text-align: center;} /* Recherche résultats Jouets (2009) */ #jouet_results { width: 594px; float: left;} #jouet_results h3 { margin:10px 0 0 0;} /* légende */ #jouet_results table { width: 99%; border-collapse: collapse; font-size: .75em; margin: 0 0 20px 0; border-top: 1px dotted #ccc; border-left: 1px dotted #ccc;} * html #jouet_results table { border-top: solid; border-left: solid;} * html #jouet_results td { border-right: solid; border-bottom: solid;} #jouet_results #cote_results #table_cote { float: left; border-collapse: collapse; margin: 3px 0 0 1px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;} * html #jouet_results #cote_results #table_cote { display: inline;} #jouet_results #cote_results #table_cote { background: #fff url(../images/bg_auto_result.gif) 0 bottom repeat-x;} #jouet_results #cote_results #table_cote td { font-size: 0.8em; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3px 5px; vertical-align: top; background: none; } /* Icon légende */ #jouet_results .sceau_excellence { background: url(../images/jouets/sceau.gif) right 0 no-repeat!important; padding:0 30px 0 0; margin:0; } #jouet_results .lg_poubelle { background: url(../images/jouets/poubelle.gif) right 0 no-repeat!important; padding:0 25px 0 0; margin:0 } #jouet_results .lg_de6 { background: url(../images/jouets/de6.gif) right 0 no-repeat!important; padding:0 25px 0 0; margin:0; } #jouet_results .lg_de5 { background: url(../images/jouets/de5.gif) right 0 no-repeat!important; padding:0 25px 0 0; margin:0; } #jouet_results .lg_de4 { background: url(../images/jouets/de4.gif) right 0 no-repeat!important; padding:0 25px 0 0; margin:0; } #jouet_results .lg_de3 { background: url(../images/jouets/de3.gif) right 0 no-repeat!important; padding:0 25px 0 0; margin:0; } #table_cote span { text-align:right; display:block; min-height:28px; } * html #table_cote span { height:28px; } /* Icon tableau */ .sceau2009 { background: url(../images/jouets/sceau2009.gif) center center no-repeat; width:30px; height:35px; text-indent:-9000px; } .sceau2008 { background: url(../images/jouets/sceau2008.gif) center center no-repeat; width:30px; height:35px; text-indent:-9000px; } .sceau2007 { background: url(../images/jouets/sceau2007.gif) center center no-repeat; width:30px; height:35px; text-indent:-9000px; } .sceau2006 { background: url(../images/jouets/sceau2006.gif) center center no-repeat; width:30px; height:35px; text-indent:-9000px; } .sceau2005 { background: url(../images/jouets/sceau2005.gif) center center no-repeat; width:30px; height:35px; text-indent:-9000px; } .sceau2004 { background: url(../images/jouets/sceau2004.gif) center center no-repeat; width:30px; height:35px; text-indent:-9000px; } .sceau2003 { background: url(../images/jouets/sceau2003.gif) center center no-repeat; width:30px; height:35px; text-indent:-9000px; } .de6 { background: url(../images/jouets/de6.gif) center center no-repeat; width:20px; height:20px; text-indent:-9000px; } .de5 { background: url(../images/jouets/de5.gif) center center no-repeat; width:20px; height:20px; text-indent:-9000px; } .de4 { background: url(../images/jouets/de4.gif) center center no-repeat; width:20px; height:20px; text-indent:-9000px; } .de3 { background: url(../images/jouets/de3.gif) center center no-repeat; width:20px; height:20px; text-indent:-9000px; } .poubelle { background: url(../images/jouets/poubelle.gif) center center no-repeat; width:20px; height:28px; text-indent:-9000px; } .jouets .gj_result_prod img { margin:0 10px 0 0; } .jouets .gj_result_prod a { padding:10px 0 10px 0;} /* IE 6 */ * html #gj_result table { border-top: 1px solid #8e8e8e; border-left: 1px solid #8e8e8e;} * html #gj_result td { border-right: 1px solid #8e8e8e; border-bottom: 1px solid #8e8e8e;} /* IE 7 */ *+html #gj_result table { border-top: 1px solid #8e8e8e; border-left: 1px solid #8e8e8e;} *+html #gj_result td { border-right: 1px solid #8e8e8e; border-bottom: 1px solid #8e8e8e;} #gj_result .seperation_image_texte, #gj_result .seperation_image_texte td, #gj_result .seperation_image_texte tr { margin:0; padding:0; border:none; } #gj_result .seperation_image_texte td { font-size:1.4em; vertical-align:middle } .gj_image { width:38%; } .gj_item { width:60% } /* guide jouet end */ /* -------------------------------------------------------- */ /* recherche auto */ #auto_recherche {width: 100%;} #auto_recherche .cote { /*color: #c24900;*/} #auto_recherche .hidden { visibility: hidden;} #auto_recherche .selected { color: #525252;} #auto_recherche h4 { margin: 0 0 20px 0;} #auto_recherche h2 { color: #525252; padding: 0;} #auto_recherche p, #auto_recherche dl, #auto_fiche table { margin: 0 0 15px; font-size: 0.75em;} #col_primaire #auto_recherche .h1 { padding: 15px 0 0; margin: 0; width: 100%; overflow: hidden;} #col_primaire #auto_recherche .h1 h1 { padding: 0!important; margin: 0!important; } #col_primaire #auto_recherche .h1 .fiche_cat { margin: 0; padding: 8px 0 0; float:right; } /*#auto_recherche #list_cote { list-style-type: none; width: 100%; overflow: hidden; margin: 0 0 15px; font-size: 68.75%;} #auto_recherche #list_cote li { float: left; margin: 0 35px 2px 0; display: block;} #auto_recherche #list_cote li.first { margin-right: 15px;} #auto_recherche #list_cote li img { position: relative; top: 2px; padding: 0 3px 0 0;} #auto_recherche #list_cote li.clearall { float: none; margin: 0;} #auto_recherche #list_cote li.second { margin: 0 35px 0 70px;} #auto_recherche #list_cote #cote_non { margin-left: 49px;} #auto_recherche #list_cote #cote_new { margin-left: 34px;} #auto_recherche #list_cote #cote_redessin { margin-left: 16px;}*/ #auto_results #cote_results h3 { float: left; display: inline;} #auto_results #cote_results #table_cote { width: 72%; float: left; border-collapse: collapse; margin: 0 0 20px 10px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;} * html #auto_results #cote_results #table_cote { display: inline;} #auto_results #cote_results #table_cote { background: #fff url(../images/bg_auto_result.gif) 0 bottom repeat-x;} /*#auto_results #table_cote .table_header { font-size: 110%;}*/ #auto_results #cote_results #table_cote td { font-size: .9em; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3px 5px; vertical-align: top; width: 33%; background: none;} /* auto options */ #recherche_auto_options { width: 108px; float: left; margin: 0 12px 0 0;} #recherche_auto_options #form_auto_recherche { width: 106px; overflow: hidden; margin: 0 0 30px; border: 1px solid #ccc; background: url(../images/bg_auto_search.gif) left bottom repeat-x;} #recherche_auto_options #form_auto_recherche #nav { list-style-type: none; font-size: 62.5%; width: 100%; overflow: hidden; margin: 0 0 10px;} #recherche_auto_options #form_auto_recherche #nav li { float: left; display: block; height: 30px; text-align: center;} #recherche_auto_options #form_auto_recherche #nav li.other { background: #f9f9f9 url(../images/bg_auto_search_tab.gif) left bottom repeat-x; border-bottom: 1px solid #ccc;} #recherche_auto_options #form_auto_recherche #nav li a { display: block; height: 30px; font-weight: bold; color: #c24900; border-bottom: 1px solid #fff;} #recherche_auto_options #form_auto_recherche #nav li a:hover { text-decoration: none;} #recherche_auto_options #form_auto_recherche #nav li.other a { color: #8b8b8b;} #recherche_auto_options #form_auto_recherche #nav #men_recherche { width: 56px; padding: 0 1px 1px 0;} #recherche_auto_options #form_auto_recherche #nav #men_recherche a { width: 55px; border-right: 1px solid #fff;} #recherche_auto_options #form_auto_recherche #nav #men_recherche a span { display: block; padding: 8px 0 0;} #recherche_auto_options #form_auto_recherche #nav #men_recherche.other { border-right: 1px solid #ccc;} #recherche_auto_options #form_auto_recherche #nav #men_alpha { width: 47px; padding: 0 0 1px 1px;} #recherche_auto_options #form_auto_recherche #nav #men_alpha a { width: 46px; border-left: 1px solid #fff;} #recherche_auto_options #form_auto_recherche #nav #men_alpha a span { display: block; padding: 3px 0 0;} #recherche_auto_options #form_auto_recherche #nav #men_alpha.other { border-left: 1px solid #ccc;} #recherche_auto_options .i_sel { width: 100%; text-align: center;} #recherche_auto_options .i_sel select { border: 1px solid #ccc; background: #fff; font-size: 68.75%; width: 92px; margin: 0 auto 10px;} #recherche_auto_options #form_auto_recherche p { text-align: right; margin: 0 6px 10px 0;} #recherche_auto_options #recherche_az ul { font-size: 68.75%; list-style-type: none; padding: 0 0 10px 10px; line-height: 1.4em;} /*#recherche_auto_options .categ { border: 1px solid #ccc; padding: 5px 5px; margin: 0 0 20px;}*/ #recherche_auto_options .cat_list { list-style-type: none; margin: 5px 0 0 5px; font-size: 68.75%;} #recherche_auto_options .cat_list li { border-bottom: 1px #ccc dotted; line-height: 20px;} #recherche_auto_options .cat_list li.last { border-bottom: none;} * html #recherche_auto_options .cat_list li { border-bottom: solid;} /* auto_results */ #auto_results, #auto_fiche { width: 470px; float: left;} #auto_fiche { border-left: 1px solid #ccc; padding: 0 0 0 10px; width: 460px;} #auto_results table { width: 99%; border-collapse: collapse; font-size: .75em; margin: 0 0 20px 0; border-top: 1px dotted #ccc; border-left: 1px dotted #ccc;} #auto_results table td { font-size: .9em; border-right: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 6px 10px; vertical-align: top; background: url(../images/bg_auto_result.gif) 0 bottom repeat-x;} * html #auto_results table { border-top: solid; border-left: solid;} * html #auto_results td { border-right: solid; border-bottom: solid;} #auto_results table .table_header td { background: none; font-size: 1em; font-weight: bold;} #auto_results table .table_header td.auto_cote { background: #f8ece4;} #auto_results table .table_header td a { font-weight: bold; padding-right: 10px; background: url(../images/icn_orderby.gif) right -10px no-repeat;} #auto_results table .table_header td a.selected { background-position: right -70px;} #auto_results table .table_header td.asc a { background-position: right -40px;} #auto_results table .table_header td.asc a.selected { background-position: right -95px;} #auto_results table .auto_modele { width: 38%;} #auto_results table.cat .auto_modele { width: 61%;} #auto_results table .auto_modele div { width: 100%; overflow: hidden; margin: 0 0 10px; font-size: 1.1em;} #auto_results table .auto_modele .img { display: block; width: 69px; float: left; border: 1px slid #ccc;} #auto_results table .auto_modele .img img { border: 1px solid #ccc;} #auto_results table .auto_modele span { display: block; margin: 0 0 0 79px;} #auto_results table .auto_modele span img { margin: 5px 0 0; display: block;} #auto_results table .auto_cat { width: 20%;} #auto_results table .auto_prix { width: 13%;} #auto_results table.cat .auto_prix { width: 16%} #auto_results table td.auto_cote { width: 15%; background: #f8ece4 url(../images/bg_auto_result2.gif) 0 bottom repeat-x;} /* auto fiche */ #auto_fiche #auto_desc { width: 250px; float: left;} #auto_fiche #auto_tech { width: 202px; float: right; padding: 0;} #auto_fiche .autre_cote { font-weight: bold; font-size: 90%; color: #c24900;} #auto_fiche h3 { margin: 0 0 7px; } #col_primaire #auto_fiche div.section_image h3, #col_primaire #auto_fiche div.section_image p { padding:0px; } #auto_desc .price { font-size: 90%;} .cote_pop { color: #c24900;} .cote_autre { margin-top: 15px!important;} #auto_desc ol { list-style-type: none; margin: 0 0 20px; font-size: 120%;} #auto_desc ol li { margin: 0 0 10px;} #auto_desc ol p { margin: 0;} #auto_desc ol p img { margin: 0 0 0 5px;} /*#auto_fiche #auto_tech .picture_occasion { border: 1px solid #ccc;}*/ #auto_fiche #auto_tech .picture_occasion { margin: 0;} p.picture { margin: 0!important;} p.cite {font-size: 0.65em!important; color: #8E8E8E; text-align: right; margin: 0!important;} * html #auto_tech #choix { position: relative; z-index: -99999999999;} /* ie6 */ *:first-child+html #auto_tech #choix { position: relative; z-index: -99999999999;} /* ie7 */ #auto_tech #choix { margin: 15px 0 0;} #auto_tech #choix .meill { position: relative; margin: 0 15px 0 0; z-index: 0;} #auto_tech #choix.essence .meill { top: -10px;} #auto_tech .cote_right { overflow: hidden; float: right; margin: 0 0 5px;} #auto_tech .cote_right p { margin: 0;} #auto_tech .cote_right .cote { float: right; color: #c24900; font-weight: bold; font-size: 100%; line-height: 19px;} #auto_tech .cote_right .bt_infos { float: right; width: 30px; text-align: right; padding: 3px 0 0;} #auto_fiche .cote_global { display: inline; float: left; margin: 0; } #choix p img { margin-right:12px; } #auto_fiche table td.tech_result img.picto { margin-right:8px; } #auto_fiche .title_infos { width: 100%; overflow: hidden; margin: 0 0 7px;} #auto_fiche .title_infos h3 { display: inline; float: left; margin: 0;} #auto_fiche .title_infos .bt_infos, #auto_fiche .cote_global .bt_infos { float: right; width: 30px; text-align: right;} #auto_fiche table .bt_infos { float: right; width: 30px; text-align: right;} #auto_fiche table { width: 100%; border-collapse: collapse; margin: 0 0 20px 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc;} #auto_fiche table.style2 { background: #fff url(../images/bg_auto_result.gif) 0 bottom repeat-x;} #auto_fiche table td { font-size: .9em; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3px 4px; vertical-align: top;} #auto_fiche table .table_header { background: #f8ece4 url(../images/bg_auto_result2.gif) 0 bottom repeat-x; font-weight: bold;} #auto_fiche table.style2 .table_header { background: none;} #auto_fiche table .table_header td p { display: inline; float: left; margin: 0; font-size: 100%;} /* plus moins */ #auto_fiche #table_plusmoins { margin-top: 20px;} #auto_fiche #table_plusmoins .bt_infos { width: 15px;} #table_plusmoins img { display: block; margin: 0 0 10px; line-height: 15px;} #table_plusmoins .moins img { padding: 5px 0 0;} /* technique */ #table_tech .tech_nom { width: 45%;} #table_tech .tech_result { width: 55%;} /* attention */ #table_attention ul { margin: 0 0 10px 20px} /* cote */ #auto_fiche #table_cote .stars_cote, #auto_fiche #table_cote .cote { font-size: 82%;} #table_cote .stars_cote img {margin: 0 5px 0 0;} #table_cote .cote { color: #c24900; font-weight: bold;} /* securite */ #table_securite_char td { width: 50%;} #auto_fiche #table_securite_nhtsa { width: 48%; float: left;} #auto_fiche #table_securite_iihs { width: 48%; float: right;} #auto_fiche table td.test_cote { width: 55px; text-align: center; vertical-align: middle;} /* auto end */ /* -------------------------------------------------------- */ /* recherche jeux video */ /* jeux fiche */ #jeux_desc { width: 250px; float: left; } #jeux_tech { width: 202px; float: right; padding: 0; } #jeux_tech p { line-height: 1.6em; margin:0; } #jeux_tech .property { padding:6px 4px; border-top:1px dotted #CCCCCC; border-bottom:1px dotted #CCCCCC; } #jeux_tech .evaluation { padding:6px 4px; border-bottom:1px dotted #CCCCCC; margin-bottom:25px; } #logo_fiche_cat { display:inline; float:right; margin:0; } #jeux_title { margin-bottom:10px; } ul.console_list li a, ul.console_list li span.selected { font-weight:normal; display:block; background-repeat:no-repeat; background-position: center left; padding:6px 0 6px 35px; } #recherche_auto_options ul.console_list li { line-height:15px; } /* jeux video end */ /* -------------------------------------------------------- */ /* video */ #player_video { margin: 0 0 10px;} .video_list { clear: both; text-align: left; font-size: 130%; padding-top: 5px; width: 398px; overflow: hidden; position: relative;} .video_list a, .video_list_banque a { font-weight: bold;} .video_list .selected a { color: #525252;} .video_list ul { list-style-type: none; margin: 0!important; padding: 0!important; } .video_list ul li { float: left; width: 110px; position: relative;} .video_list ul li.middle { margin: 0 34px;} .video_list ul li.clearer { margin: 0; width: 398px;} .video_list ul .video_thb { margin: 0 0 5px; width: 110px; position: relative;} .video_list ul .video_thb img, .video_list_banque .video_thb img { padding: 1px; border: 1px solid #a6a6a6;} .video_list ul .selected .video_thb img { filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50;} .video_list ul .video_thb span { position: absolute; cursor: pointer; bottom: 5px; right: 5px; display: block; width: 13px; height: 11px; background: url(../images/btn_video_play.gif) 0 0 no-repeat; text-indent: -9000px;} .video_list ul .selected .video_thb span { position: absolute; top: 0; left: 0; display: block; width: 106px; height: 61px; background: url(../images/icn_video_play.png) 45px 17px no-repeat;} * html .video_list ul .video_thb span { position: absolute; top: 42px; right: 5px;} * html .video_list ul .selected .video_thb span { position: absolute; top: -4px; left: 0; background-image: url(../images/icn_video_play.gif)} /* banque */ .sub_contenu { margin: 0 0 10px;} .sub_contenu h3, .sub_contenu h4 { padding: 0 0 0 10px!important;} .sub_contenu h3 a { color: #c24900!important; padding-left: 13px; background: url(../images/puce_video.gif) 0 2px no-repeat; font-weight: normal;} .sub_contenu h3.close a { background-position: 0 -13px;} .video_list_banque { width: 100%; overflow: hidden; padding: 10px 0 0 10px;} .title_switch { font-weight: bold!important;} * html .video_list_banque { width: 98%;} .video_list_banque ul { list-style-type: none; margin: 0!important; padding: 0!important; width: 100%; overflow: hidden;} .video_list_banque p { padding: 0!important;} .video_list_banque li { float: left; width: 110px; margin: 0 30px 5px 0;} .video_list_banque li.clearer { width: 100%;} .video_list_banque li.last { margin-right: 0;} .video_list_banque ul .video_thb { margin: 0 0 5px;} .float_video { margin-bottom: 5px; position: relative;} .float_video .separation { width: 398px; height: 1px; border: 0px; border-top: 1px dotted #cccccc; line-height: 0px; font-size: 0px; margin-top: 10px; } /* video end */ /* -------------------------------------------------------- */ /* boutique */ #panier .achats { background: #dfe2e2 url(../images/fleche_achat.gif) 5px 8px no-repeat; padding: 3px 5px 0 17px; font-size: 60%!important;} #panier table { margin: 12px 0; font-size: 70%!important; position: relative;} #panier table td { padding: 3px; vertical-align: top;} #panier table .table_header, #panier table .table_footer { font-weight: bold; font-size: 90%!important;} #panier table .table_footer span { font-weight: normal;} #panier table .table_header td { border-bottom: 1px solid #d6d6d6; text-align: center;} #panier table .table_footer td { border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6;} #panier table .table_header .td_art { text-align: left;} #panier table .td_art { width: 100px; } #panier table .td_qte { width: 63px; text-align: center; position: relative;} #panier table .td_prx_c { width: 61px; text-align: right;} #panier table .td_prx_a { width: 57px; text-align: right;} #panier .td_qte .sp_qte { display: block; width: 100%; position: relative;} #panier .td_qte a { position: absolute; left: 40px; display: block; width: 5px; height: 4px; background: url(../images/btn_qte_small.gif) 0 0 no-repeat; text-indent: -9000px; overflow: hidden;} #panier .td_qte .bt_plus { top: 2px;} #panier .td_qte .bt_moins { top: 9px; background-position: 0 -4px;} #panier .bt_cmd { width: 100%; overflow: hidden; padding: 0!important;} #panier .bt_cmd a { float: right; display: block; width: 77px; height: 15px; background: url(../images/btn_commander.gif) 0 0 no-repeat; text-indent: -9000px;} .contenu_offres #boutique p, .contenu_offres #boutique ul { font-size: 100%!important;} #boutique p, #boutique ul { font-size: 70%!important;} #boutique .title { border-bottom: 1px solid #d6d6d6; margin: 0 0 15px;} #boutique .title .all { margin: 5px 0 15px; font-size: 60%!important;} #boutique .title_new { padding: 15px 0 5px;} #boutique .title_new h1 { padding-top: 0!important;} #boutique #sm { margin: 8px 0 3px -3px; font-size: 60%!important;} #boutique #sm li { list-style-type: none; display: inline; padding: 0 3px;} #boutique #sm li a { color: #c24900; font-weight: bold;} #boutique h1 a.selected, #boutique #sm li a.selected { color: #525252!important;} #boutique h1 a.selected:hover, #boutique #sm li a.selected:hover { text-decoration: none; cursor: default;} #boutique .section { border-bottom: 2px solid #d6d6d6; margin: 0 0 10px;} #boutique .img_guide img { padding: 1px; border: 1px solid #d6d6d6;} #boutique h2 { color: #525252;} #boutique h4 { font-size: 70%; border-bottom: 1px solid #d6d6d6; margin: 20px 0 8px ;padding: 0 0 3px;} #boutique h5 { color: #e2001a; font-weight: bold; padding: 5px 0 0;} #boutique .guide h2, #boutique .guide h3 { padding-bottom: 5px!important;} #boutique .spaced { margin: 0!important;} #boutique .spaced p { padding-bottom: 8px;} #boutique .spaced .desc { font-size: 110%!important;} #boutique .citation { padding: 0;} #boutique .citation p { padding: 0 0 8px; line-height: 1.3em;} #boutique .new { background: url(../images/icn_new.gif) 0 0 no-repeat; color: #e2001a; padding: 0 0 0 11px; font-weight: bold; font-style: italic;} #boutique .guide .no_new { padding-top: 13px!important;} #boutique .price { /*font-size: 60%!important;*/ margin: 0 0 8px;} #boutique .price li { margin: 0!important; padding: 0!important; line-height: 1.3em!important; list-style-type: none;} #boutique .price span { font-weight: bold;} #boutique .info_sup li { display: block; line-height: 1.3em!important; list-style-type: none; padding: 0 0 8px 11px; background: url(../images/icn_info_sup.gif) 0 5px no-repeat;} * html #boutique .info_sup li { height: 1%;} #boutique .table_matiere { margin: 0 0 8px 18px;} #boutique .table_matiere li { line-height: 1.3em!important;} #boutique .bt_ajout a { display: block; width: 108px; height: 15px; background: url(../images/btn_add_shop.gif) 0 0 no-repeat; text-indent: -9000px;} #boutique .guide.alt { margin: 0!important;} #boutique .img_guide { float: right; padding: 15px 0 8px 8px;} #boutique .prime { width: 123px; float: right; padding: 40px 0 8px 8px; text-align: right;} #boutique .prime .img_guide { float: none; padding: 0;} #boutique .guides2 { margin: 0 0 10px;} #boutique .guides2 .guide { width: 275px; overflow: hidden; float: left; margin: 0 35px 0 0; display: inline;} #boutique .guide_line .guide { border-top: 1px solid #d6d6d6; padding: 8px 0 0;} #boutique .guides3 .guide { width: 175px; overflow: hidden; float: left; margin: 0 30px 0 0; padding: 8px 0 0; display: inline; border-top: 1px solid #d6d6d6;} #boutique #main { width: 366px; float: left; margin: 0 0 10px;} #boutique #side { width: 192px; float: right; padding: 15px 0 0; margin: 0 0 10px;} #boutique #side .img_guide { float: none; padding: 0 0 5px;} #boutique #side .guide { width: 100%; overflow: hidden; margin: 0 0 15px;} #boutique #side .guide .img_guide { float: right; padding: 0 0 5px 5px;} #boutique .press { font-size: 60%!important;} #boutique .press_author { font-size: 60%!important; font-style: italic; text-align: right; padding: 0 0 8px; border-bottom: 1px solid #d6d6d6;} #table_cmd { margin: 35px 0 0;} #table_cmd h3 { margin: 0!important;} #table_cmd .bt_supp a { display: block; width: 70px; height: 15px; background: url(../images/btn_supp.gif) 0 0 no-repeat; text-indent: -9000px;} #table_cmd .img_guide { float: none; padding: 0;} #table_cmd td { padding: 10px 3px; vertical-align: top;} #table_cmd .table_tax td { padding: 0 3px;} #table_cmd .table_header td, #table_cmd .table_subtot td, #table_cmd .table_tot td { border-bottom: 1px solid #d6d6d6;} #table_cmd .table_conditions td, #table_cmd .table_subtot td, #table_cmd .table_tot td { border-top: 1px solid #d6d6d6;} #table_cmd .table_header, #table_cmd .table_subtot, #table_cmd .table_tot { font-weight: bold;} #table_cmd .table_tot span { font-weight: normal;} #table_cmd .table_subtot div, #table_cmd .table_tax div, #table_cmd .table_tot div { width: 305px; margin: 0 0 0 465px;} #table_cmd .td_img { width: 85px;} #table_cmd .table_tot .td_img { text-align: right;} #table_cmd .td_cmd { width: 529px;} #table_cmd .td_qte { width: 85px; text-align: center;} #table_cmd .td_prx { width: 85px; text-align: right;} #table_cmd .td_tot { width: 85px; text-align: right;} #table_cmd .mt { width: 10px;} #table_cmd .td_qte .sp_qte { display: block; width: 100%; position: relative;} #table_cmd .td_qte a { position: absolute; left: 55px; display: block; width: 7px; height: 6px; background: url(../images/btn_qte_small.gif) right 0 no-repeat; text-indent: -9000px; overflow: hidden;} #table_cmd .td_qte .bt_plus { top: 0;} #table_cmd .td_qte .bt_moins { top: 10px; background-position: right -6px;} #boutique .cond { text-align: right; padding: 10px 0 0!important;} #boutique .boutonconfirmez { text-align: right;} #info_facture { float: left; width: 45%;} #info_livraison { float: left; width: 49%;} /* boutique end */ /* mod accueil */ .min_jouet { position: relative; min-height: 28px;} * html .min_jouet { height: 28px;} .min_jouet img { position: absolute; top: -5px; right: 5px;} .min_jouet a { display: block; width: 102px;} .min_car { position: relative;} .min_car img { position: absolute; right: 0;} .min_car a { display: block; width: 102px;} #box_summer { position: relative;} #box_summer_inner { padding: 10px 0 10px 100px;} #box_summer .img { position: absolute; top: -5px; left: -5px;} #box_summer h2 { padding: 0!important;} #box_summer h4 { padding: 0 0 8px!important; color: #b7b7b7;} #box_summer h3 { width: 100%; overflow: hidden;} #box_video { margin: 0 0 1px; padding: 8px 0 10px 18px; background: #e1e4e3 url(../images/bg_box_video.jpg) 0 0 no-repeat;} #box_video h2 { height: 40px; padding: 0 0 5px 10px!important; background: url(../images/t_playlist_video.jpg) 10px 0 no-repeat; text-indent: -9000px;} #vid_playlist dl { width: 270px; overflow: hidden; font-size: 11px; margin: 0 0 5px; padding: 0 0 5px; border-bottom: 1px solid #e8eae9;} #vid_playlist dl.last { border: none; padding: 0; margin: 0;} #vid_playlist dt { float: left; width: 85px; margin: 0 5px 0 0; padding: 1px; border: 1px solid #a6a6a6;} #vid_playlist dt a { display: block; position: relative;} #vid_playlist dt a span { position: absolute; display: block; width: 15px; height: 15px; top: 16px; left: 38px; text-indent: -9000px; cursor: pointer; background: url(../images/icn_playlist_video_play.png) 0 0 no-repeat;} * html #vid_playlist dt a span { background-image: url(../images/icn_playlist_video_play.gif);} #vid_playlist dd { float: left; width: 174px; min-height: 50px; border: 1px solid #a6a6a6; background: #e1e1e1 url(../images/bg_playlist_video.gif) 0 0 repeat-x; } * html #vid_playlist dd { height: 50px;} #vid_playlist dd ul { list-style-type: none; padding: 5px; font-weight: bold;} #box_video_foot { padding: 3px 5px; background: #e0e3e2; text-align: right; font-size: 11px;} #box_video_foot p { padding: 0!important;} /* box news/partenaires */ #col_tertiaire .nom-partenaire { margin: -10px 0 10px; font-size: .7em;} #col_tertiaire .nom-partenaire span { font-weight: normal;} #col_tertiaire .multi-link { padding: 5px 10px 0; line-height: 1.4em;} #col_tertiaire .marge .multi-link { padding-bottom: 10px;} #col_tertiaire #box-news-partner .float_news { float: right; width: 110px; margin: 0 0 5px 5px;} #col_tertiaire #box-news-partner .float_news p { width: 108px; padding-right: 2px; text-align: right; font-size: 0.625em; color: #8E8E8E;} #col_tertiaire #box-news-partner h3 { width: auto;} #col_tertiaire #box-news-partner #news { width: 100%; overflow: hidden;} #col_tertiaire #box-news-partner #news ul { float: left; width: 2000px; min-height: 110px; list-style-type: none;} * #col_tertiaire #box-news-partner #news ul { height: 110px;} #col_tertiaire #box-news-partner #news ul li { float: left; width: 281px;} /*#col_tertiaire #box-news-partner #news ul li.hidden { display: none;}*/ /* 09-09-04 */ * html #col_tertiaire #ThickerContainer { margin-top:40px; margin-left:5px; } * html #col_tertiaire #ThickerContainer .nom-partenaire { margin-top:-5px;} #box-news-partner h2 { float: left;} #box-news-partner #news-nav { float: right; list-style-type: none; margin: 0 0 10px;} #box-news-partner #news-nav li { float: left; } #box-news-partner #news-nav a { display: block; width: 17px; height: 19px; background: url(../images/bt-news.gif) 0 0 no-repeat; text-indent: -9000px;} #box-news-partner #news-nav a:hover { background-position: right 0;} #box-news-partner #news-nav #nav-next a { background-position: 0 bottom; margin: 0 0 0 5px;} #box-news-partner #news-nav #nav-next a:hover { background-position: right bottom;} /* page partenaire */ #col_primaire #partenaires h3 { color: #c24900; /*padding: 0 0 3px;*/} #col_primaire #partenaires .split { padding-bottom: 10px; border-bottom: 1px dotted #ccc;} * html #col_primaire #partenaires .split { border-bottom: 1px solid #ccc;} *+html #col_primaire #partenaires .split { border-bottom: 1px solid #ccc;} #col_primaire #partenaires .split { padding-top:15px; } #col_primaire #partenaires .split .float img.float { float:none!important; } #col_primaire #partenaires .split ul { list-style-type:disc; margin-left:20px; } #col_primaire #partenaires .float { float: left;} #col_primaire #partenaires ul { list-style-type: none; margin-left: 0; } h2 span.opc { color: #333;} h4 span.opc a { color: #C24900;} .opc-logo { margin: 10px 0!important;} .space { margin-bottom: 10px;} #col_primaire #partner-tag { float: right; position: relative; right: -10px; width: 114px; height: 38px; padding: 6px 0 0 14px; color: #fff; font-size: 68%; background: url(../images/bg-partner-tag.gif) 0 0 no-repeat;} #col_primaire .title-article #partner-tag { margin-top: 15px; width: 134px;} #col_primaire .title-article .float { width: 440px; } #col_primaire .title-article .interlignage h1 span { line-height:normal!important; } #col_primaire .title-article .interlignage h4 { line-height:normal; } * html #col_primaire .title-article .interlignage h1 a { display:block; } *+html #col_primaire .title-article .interlignage h1 a { display:block; } #col_primaire #partenaires .mission { width: 100%; overflow: hidden; margin: 10px 0 5px; padding: 0 0 5px; background: url(../images/vertical-split.gif) 160px 0 repeat-y;} #col_primaire #partenaires .mission .logo { display: block; float: left; width: 160px; overflow: hidden; padding: 10px 0 0; text-align: center;} #col_primaire #partenaires .mission .logo img { padding: 0 0 5px;} #col_primaire #partenaires .mission .logo a { font-size: 90%; font-weight: bold;} #col_primaire #partenaires .mission div { float: left; width: 380px; padding: 0 0 0 30px; font-size: 90%; line-height: 1em;} #col_primaire #partenaires .mission div strong { display: block; margin: 0 0 5px;} #col_primaire #partenaires .to-use { margin: 10px 0 25px;} #col_primaire #partenaires .to-use li { line-height: 1.2em; margin: 0 0 5px; padding: 0 0 0 17px; background: url(../images/icn_tableau_sm_new.gif) 0 1px no-repeat; font-weight: bold;} #col_primaire #partenaires .to-use li a { padding: 0 17px 0 0; background: url(../images/icn-ext-link.gif) right 3px no-repeat;} #col_primaire #partenaires .toread li { line-height: 1.2em; margin: 0 0 10px; padding: 0 17px 10px 17px; border-bottom: 1px dotted #ccc; background: url(../images/icn_articles_sm.gif) 0 2px no-repeat;} * html #col_primaire #partenaires .toread li { border-bottom: 1px solid #ccc;} *+html #col_primaire #partenaires .toread li { border-bottom: 1px solid #ccc;} #col_primaire #partenaires .toread li.last { border: none; padding-bottom: 0;} #col_primaire #partenaires .toread h3 { font-size: 100%;} #col_primaire #partenaires .toread h4 { font-size: 80%; margin: 0 0 8px;} #col_primaire #partenaires .toread p { font-size: 90%;} #col_tertiaire #partner-list { width: 100%; overflow: hidden; list-style-type: none;} #col_tertiaire #partner-list li { line-height: 1.2em; float: left; width: 263px; margin: 0 0 5px; padding: 0 9px 5px; border-bottom: 1px dotted #ccc;} * html #col_tertiaire #partner-list li { border-bottom: 1px solid #ccc;} *+html #col_tertiaire #partner-list li { border-bottom: 1px solid #ccc;} #col_tertiaire #partner-list li.last { border: none; padding-bottom: 0; margin: 0;} #col_tertiaire #partner-list li p { width: 50%; float: left; overflow: hidden; padding: 0;} #col_tertiaire #partner-list li p.logo { text-align: center;} #col_primaire #partenaires #header-partenaires h1 { padding: 0 0 8px;} #col_primaire #partenaires #header-partenaires h1 span { position: relative; left: -10px; float: none; border-left: 6px solid #e2001a; padding: 3px 0 3px 7px;} #col_primaire #partenaires #header-partenaires h2 { color: #525252; font-size: 90%; font-weight: normal; padding: 0 0 0 3px;} #header-partenaires { margin: 18px 0 10px;} #header-partenaires h1 { margin: 0 0 15px!important;} #header-partenaires .title { float: left; width: 310px; margin: 0 15px 0 0; padding: 0 0 10px; background: url(../images/vertical-split.gif) right 0 repeat-y;} #header-partenaires .title p { font-size: 68%; font-weight: bold; padding: 5px 0 0 3px;} #header-partenaires .opc { float: left; width: 145px; text-align: center;} #col_primaire #partenaires .partner-list { width: 100%; overflow: hidden; list-style-type: none; padding: 10px 0 0; border-top: 1px dotted #ccc;} * html #col_primaire #partenaires .partner-list { border-top: 1px solid #ccc;} *+html #col_primaire #partenaires .partner-list { border-top: 1px solid #ccc;} #col_primaire #partenaires .partner-list li { float: left; width: 573px; margin: 0 0 10px; padding: 0 10px 10px; border-bottom: 1px dotted #ccc;} * html #col_primaire #partenaires .partner-list li { border-bottom: 1px solid #ccc;} *+html #col_primaire #partenaires .partner-list li { border-bottom: 1px solid #ccc;} #col_primaire #partenaires .partner-list img { float: right; margin: 5px 0 5px 5px;} #col_primaire #partenaires .partner-list h3 { font-size: 100%; color: #333; margin: 0 0 4px;} #col_primaire #partenaires .partner-list h4 { font-size: 80%; margin: 0 0 8px; font-weight: normal;} #col_primaire #partenaires .partner-list p { font-size: 90%;} #col_primaire #partenaires .partner-list .article { padding: 0 0 0 17px; background: url(../images/icn_articles_sm.gif) 0 2px no-repeat;} #col_primaire #partenaires .partner-list .outil-link { margin: 0 0 8px;} #col_primaire #partenaires .partner-list .outil-link p { margin: 0 0 2px; padding: 0 0 0 17px; background: url(../images/icn_tableau_sm_new.gif) 0 1px no-repeat;} .partner-inner { padding: 0 5px;} .ls-partner-outils { list-style-type: none; font-size: 67%; margin: 0 0 15px; line-height: 1.2em;} .ls-partner-outils li { margin: 0 0 3px; padding: 0 0 0 17px; background: url(../images/icn_tableau_sm_new.gif) 0 1px no-repeat; } .ls-partner-outils li a { padding: 0 17px 0 0; background: url(../images/icn-ext-link.gif) right 3px no-repeat;} *+html .ls-partner-outils li a { display:inline-block; } .ls-partner-lire { list-style-type: none; font-size: 67%; margin: 0 0 15px; line-height: 1.2em;} .ls-partner-lire li { margin: 0 0 3px; padding: 0 0 0 17px; background: url(../images/icn_articles_sm.gif) 0 1px no-repeat; } .archived-article { background: url(../images/icn-archived-t.gif) 10px 20px no-repeat;} .archived-article h1, .archived-article h4 { margin-left: 55px!important;} .archived-folder { background: url(../images/icn-archived-t-folder.jpg) 2px 20px no-repeat;} .archived-folder h1, .archived-folder h4 { margin-left: 55px!important;} /* Navigation des pages au bas de certains articles */ #col_primaire div.bas_pages { width: 100%; font-size: 0.80em; text-align: center; overflow: hidden; margin-top: 10px;} #col_primaire div.bas_pages p.precedents { float: left; font-weight: bold; } #col_primaire div.bas_pages p.suivants { float: right; font-weight: bold; } /* Boite flottante */ #col_primaire div.boiteflottante { float: right; font-size: 0.7em;} /* Interstice */ #interstice_horiz { position: absolute; width: 650px; left: 50%; margin-left: -325px; margin-top: 50px; background: url(../images/fd_actus.gif) bottom left repeat-x; background-color: #ffffff; border: 1px solid #bbbbbb; text-align: left; z-index: 2000;} #interstice_horiz h2 { font-size: 1em; color: #c24900; } #interstice_verti { position: absolute; width: 350px; left: 50%; margin-left: -125px; margin-top: 50px; background: url(../images/fd_actus.gif) bottom left repeat-x; background-color: #ffffff; border: 1px solid #bbbbbb; text-align: left; z-index: 2000;} #interstice_horiz h2, #interstice_verti h2 { font-size: 1em; color: #c24900; } #interstice_horiz h3, #interstice_verti h3 { font-size: 1em; color: #525252; } #interstice_horiz a, #interstice_verti a { font-size: 1em; color: #0b76fa; text-decoration: none; } #interstice_horiz a:hover, #interstice_verti a:hover { text-decoration: underline; } #interstice_horiz a:visited, #interstice_verti a:visited { color: #0041A5; } #interstice_horiz p, #interstice_verti p { padding-bottom: 10px; } #interstice_horiz div.titre, #interstice_verti div.titre { padding: 5px; background: url(../images/bg_abonnezvous.gif) bottom left repeat-x; border-bottom: 1px solid #bbbbbb; background-color: #ffffff; overflow: hidden; font-size: 0.75em; font-weight: bold; color: #525252; } #interstice_horiz div.titre img, #interstice_verti div.titre img { position: relative; float: right; top: 2px; right: 2px; } #interstice_horiz div.contenu, #interstice_verti div.contenu { margin: 10px; width: 96%; font-size: 0.75em; overflow: hidden; } #interstice_horiz div.contenu div.colonne, #interstice_verti div.contenu div.colonne { float: left; position: relative; width: 45%; margin: 10px 15px 10px 0px; } #interstice_horiz div.contenu input.texte, #interstice_verti div.contenu input.texte { width: 75%; border: 1px solid #a7a6aa; color: #525252; background-color: #ffffff; } #interstice_horiz div.contenu div.colonne input.texte, #interstice_verti div.contenu div.colonne input.texte { width: 95%; border: 1px solid #a7a6aa; color: #525252; background-color: #ffffff; } #interstice_horiz div.contenu textarea, #interstice_verti div.contenu textarea { width: 50%; border: 1px solid #a7a6aa; color: #525252; background-color: #ffffff; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1em; } #interstice_horiz div.contenu div.colonne textarea, #interstice_verti div.contenu div.colonne textarea { width: 90%; border: 1px solid #a7a6aa; color: #525252; background-color: #ffffff; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1em; } #interstice_horiz div.contenu p.label, #interstice_verti div.contenu p.label { padding: 0px!important; } #interstice_horiz input.radio, #interstice_verti input.radio { float: left; margin-right: 5px; } #interstice_horiz div.label, #interstice_verti div.label { float: left; width: 90%; padding-bottom: 10px!important; } *:first-child+html #interstice_horiz div.label, *:first-child+html #interstice_verti div.label { position: relative; top: 2px; } /* Sommaire du magazine */ #col_primaire div.contenu_articles div.float { float: left; color: #8e8e8e; font-size: 0.85em; padding-bottom: 1px; text-align: right; margin-right: 15px; } #col_primaire div.contenu_articles h3.sommaire { color: #525252; margin-top: 15px; padding-bottom: 0px; } #col_primaire div.contenu_articles h3.sommaire2 { color: #525252; margin-top: 0px; padding-bottom: 0px; } #col_primaire div.contenu_articles h2.sommaire { color: #525252; margin-top: 20px; padding-bottom: 0px; } #col_primaire div.contenu_articles h4.sommaire { color: #c24900; margin-top: 15px; } #col_primaire ul.sommaire { margin-left: 20px; font-size: 0.75em; margin-top: 15px;} #col_primaire div.contenu_articles div.separation { margin: 20px 0px 10px 0px; width: 100%; border-top:#ccc 1px dotted; } /* Hein */ #col_primaire .hein div.float p { position: relative; padding-top: 3px!important; } * html #col_primaire .hein div.float p { position: fixed; padding-top: 4px!important; } /* Bloc commentaire */ #col_primaire h3.commentaire img { float: none; position: relative; top: 3px; } /* Code qui se trouvait anciennement dans articles.css */ /* Ajout image BG "x Façons de simple de lire ce dossier */ .description_small { width:180px!important; } #col_tertiaire div.marge_actus div.formulaire { position: relative; border-bottom: 1px solid #CCC; } #col_tertiaire div.marge_actus .ajouteImage { background:url(../images/femme_pensif_small.png) right bottom no-repeat; } * html #col_tertiaire div.marge_actus .ajouteImage { background:url(../images/femme_pensif_small.jpg) right bottom no-repeat; } /* Fix bug IE 6 Png w BG-Position */ .bt { border-top: 1px solid #CCC;} #col_tertiaire div.marge_actus div.noborder { border: 0;} #col_tertiaire div.marge_actus div.formulaire form { padding-bottom: 10px; } #col_tertiaire div.marge_actus div.formulaire label { position: relative; display: inline; font-size: 0.70em; } #col_tertiaire div.marge_actus div.formulaire input { position: relative; margin-left: 0px; } #col_tertiaire div.marge_actus div.formulaire div.ligne { position: relative; width: 100%; overflow: hidden; margin-bottom: 10px;} #col_tertiaire div.marge_actus div.formulaire div.ligne div.radio { float: left; width: 20px; margin-right: 5px; } #col_tertiaire div.marge_actus div.formulaire div.ligne div.description { float: left; width: 240px; } #col_tertiaire div.marge_actus div.formulaire div.ligne div.description label { display: block; padding-bottom: 5px; } #col_tertiaire div.marge_actus div.formulaire div.ligne h3 { padding-bottom: 5px; } #col_tertiaire div.marge_actus div.formulaire div.ligne div.description p { font-size: 0.7em; line-height: 1.2em; } #col_tertiaire div.marge_actus div.formulaire div.ligne div.description ul { list-style-position:outside; padding-left: 8px; margin-left: 8px;} #col_tertiaire div.marge_actus div.formulaire div.ligne div.description li { margin-top: 0px; } #col_tertiaire div.marge_actus div.formulaire div.ligne div.description .souligne { text-decoration: underline; } #col_tertiaire div.marge_actus div.formulaire div.contenu { margin-bottom: 0px; padding-bottom: 0px; } #col_tertiaire div.marge_actus div.contenu_altern { margin: 0 0 0 10px; padding-bottom: 0px; } /* Visionneuse nouvelle */ .bloc_visionneuse { background:none!important; padding-bottom:0px!important; } .bloc_visionneuse h2 { padding-bottom:10px!important; } #visionneuse_nouvelle { width:299px; margin:0 0 0 -9px; padding:0; position:relative; border-top:1px solid #CCCCCC; } #visionneuse_nouvelle h3 { display:block; height:auto; padding:8px 10px 8px 13px; width:276px!important; outline:none; color:#0B76FA; font-size:0.75em!important; font-weight:bold; background: url(../images/accordion/accordion-bg-close.gif) 0 bottom no-repeat; } #visionneuse_nouvelle h3:hover { text-decoration:underline; } #visionneuse_nouvelle h3.ui-state-active { background: none; background-color:#fff; height:auto; } #visionneuse_nouvelle h3 span.icn-statut { padding:0 0 0 13px; } /* Etat mouse out */ #visionneuse_nouvelle h3.ui-state-default span.icn-statut { background: url(../images/accordion/icon-close.gif) 1px 3px no-repeat; background-repeat:no-repeat; } /* Etat mouse over */ #visionneuse_nouvelle h3.ui-state-active span.icn-statut { background: url(../images/accordion/icon-open.gif) 0px 2px no-repeat; background-repeat:no-repeat; } #visionneuse_nouvelle h3.ui-state-active span.icn-statut { text-decoration:underline; cursor:pointer; } #visionneuse_nouvelle div.visionneuse-contenu-nouvelle { margin:0 0 0 0!important; overflow:hidden; padding:0 5px 0 23px; width:271px!important; background: url(../images/accordion/border-dotted.gif) 0 bottom repeat-x;} #visionneuse_nouvelle div img { margin:3px 13px 0 0; float:left; display:block; border:1px solid #a6a6a6; } #visionneuse_nouvelle div p { margin:0 0 0 3px; } #visionneuse_nouvelle div span { font-weight:bold; } #visionneuse_nouvelle div.espacer { height:1px; font-size:0px; } /* BUG IE6 */ * html .bloc_visionneuse .contenu { margin-right:0!important; } /* Fin */ .clearall { clear: both; display: block; height: 0; line-height: 0px; font-size: 0px; visibility: show ;} .clear { clear: left; display: block; height: 0; line-height: 0px; font-size: 0px; visibility: hidden; } .clear_altern { clear: right; display: block; line-height: 0px; height: 0;font-size: 0px; visibility: hidden; } .sup { font-size: 0.8em; position:relative; top: -3px;} /* Liens global */ a:link { color: #0b76fa; text-decoration:none } a:visited { color: #0041A5; text-decoration:none } a:hover { text-decoration:underline; } .erreur { color: #ff0000!important; } div.erreur p { background:url(../images/icn_error.gif) 0 0 no-repeat; padding-left: 24px;} .debug { border: 1px solid #ff0000!important; } /* Hides from IE-mac \*/ * html .clear, * html .clear, * html .clear_altern {height: 1%; font-size: 0px; line-height: 0px; } /* End hide from IE-mac */ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block;} /* Hide from IE Mac \*/.clearfix { display:block;}/* End hide from IE Mac */ * html .clearfix { height:1px; } /* Classe mettre pour modifier la grosseur du texte */ body.plusgros #col_primaire { font-size: 120%; } body.pluspetit #col_primaire { font-size: 80%; } .handcursor { cursor:hand; cursor:pointer; color:#0b76fa; width:10px; height:10px; float:left;} .handcursor_locked { cursor:hand; cursor:pointer; /*color:#525252;*/ color:#0b76fa; height:10px; float:left; } .handcursor_text { cursor: hand; cursor: pointer; color: #0b76fa; padding: 0px!important; margin: 0px; } /* Fix bug qui affiche la délimitation bloc abonnezvous1 */ #abonnezvous1 a:focus { outline:none; } /* 09-09-04-*/ a:focus { outline:none!important; } /* Force Internet Explorer 6 et moins placer le menu au bon endroit */ #menu { position: relative; width: 751px; min-height: 40px; margin-left: 195px; margin-top: 10px; border-right: 1px solid #9e9e9e; border-bottom: 1px solid #636363; background-color: #fefefe; z-index: 10; } * html #menu { margin-left: 193px; width: 750px; height: 40px; } #menu ul { width: 750px; text-align: center; padding-top: 8px; } #pg_boutique #menu ul { width: 675px; text-align: left; padding-left: 0!important; right:0px; left:15px; } #pg_boutique #menu p { float:right; padding:14px 12px 0 0; margin:0; } *:first-child+html #menu ul { padding-top: 13px; } @media all and (min-width:0px) { /* Force Opera placer les lments du menu au bon endroit */ head~body #menu ul { padding-top: 13px; }} * html #menu ul { padding-top: 12px; } #menu li { font-size: 0.685em; font-weight: bold; display: inline; list-style-type: none; padding-left: 10px; } #menu li.premier { padding-left: 0px; } #menu li a { color: #c24900; text-decoration: none; } #menu li a:hover { text-decoration: underline; } #menu li a.selected { color: #525252;} span.selected { font-weight: bold; color: #000;} #menu li { padding-left: 10px;# } /* from absolunet */ #dhtmltooltip{ position: absolute; left: -300px; width: 150px; border: 1px solid black; padding: 2px; background-color: white; visibility: hidden; z-index: 1000000; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);} /* from absolunet */ #dhtmlpointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden;}