/*---------------------------------------------------------------------- Feuille de styles de base Compatible avec : PC // Internet Explorer 6 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 Adaptation : Pascal-André Allaire Courriel : paallaire@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/bg.gif) top left repeat-x; background-color:#AC0014; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; color: #525252; text-align: center; font-size: 100%;} /* Contient l'inrégralité du site */ #conteneur { position: relative; width: 960px; margin: 0 auto; text-align: left; } #entete { position: relative; width: 945px; height: 95px; border-right: 1px solid #a0a0a0; border-bottom: 1px solid #656565; background-color: #fefefe; padding-top:4px; } /* -entete -----------------------------------------------------------------------*/ #entete #logo { padding:15px 0 0 0;float:left; margin-left:18px; } /*#entete #outils {width:694px; float:left; padding:0px 0px 5px 0px; margin:0px 7px 0px 0px; height:82px; }*/ /* -recherche -----------------------------------------------------------------------*/ #recherche { height: 47px; margin:25px 0 0 0; padding-right:18px; float:right; } * html #recherche { height: 47px; } #recherche p { color: #00b100; font-size: 0.60em; text-align:right; } #recherche input.texte { width: 20em; height: 1.5em; padding-left: 0.2em; margin-bottom: 5px; color: #898989; font-size: 1.3em; border: 1px solid #a7a6aa; } #entete #recherche p.reference {margin-left:15px; font-family:Tahoma, Arial, Verdana; font-weight:bold; font-size:0.8em;} /* -Menu gauche -----------------------------------------------------------------------*/ .contenu_gauche { position:relative; background:#FFF; padding:5px 0 12px 0; } .logo_menu_gauche { padding-left:8px; } #menu_gauche { padding:0; margin:0; list-style:none; } #menu_gauche li { padding:0 0 15px; } #menu_gauche li a { width:141px; height:161px; display:block; text-indent:-9999px; overflow:hidden; background:no-repeat top left; } #menu_gauche li.Mission a { background-image:url(/org/images/btn_mission.gif); } #menu_gauche li.Rapport a { background-image:url(/org/images/btn_rapport.gif); } #menu_gauche li.AbonnezVous a { background-image:url(/org/images/btn_abonnezvous.gif); } #menu_gauche li.Boutique a { background-image:url(/org/images/btn_boutique.gif); } #menu_gauche li a:hover { background-position: top right; } /* -rss -----------------------------------------------------------------------------------*/ #rss{background:url(/images/icone_filrss.gif) no-repeat scroll left center;float:right;font-size:0.7em;font-weight:normal;margin:0pt 20px;padding:12px 0px 12px 25px;} #rss a{color:#810000;} #rss a:visited{color:#810000;} #rss a:hover{color:#810000;} /* #entete #recherche div.itemrecherche { float: left; padding: 15px } #entete #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 #recherche div.itemrecherche p { color: #00b100; font-size: 0.60em; } #entete #recherche div.itemrecherche a { color: #4E74A4; font-weight: bold; text-decoration: none; } #entete #recherche div.itemrecherche a:hover { text-decoration: underline; } #entete #recherche div.itemrechercheavancee { float: right; padding: 19px 15px 15px 0px; } #entete #recherche div.itemrechercheavancee p { font-size: 0.60em; color: #4E74A4; } #entete #recherche div.itemrechercheavancee a { color: #717171; font-weight: bold; text-decoration: none; } #entete #recherche div.itemrechercheavancee a:hover { text-decoration: underline; } */ /* -menu ul li -----------------------------------------------------------------------*/ #menu ul { position:relative; width: 600px; padding-top: 12px; float:left; overflow:hidden; } #menu li { font-size: 11px; font-weight: bold; line-height:14px; float:left; list-style-type: none; padding-left:23px; } #menu li a { color: #e2001a; text-decoration: none; } #menu li a:hover { color: #640000; text-decoration: underline; } #menu li a.selected { color: #640000; } #menu li.selected,#menu li.selectedPremier,#menu li.premier { color: #640000; } /* -col_primaire 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: #4E74A4; text-decoration: none; } #col_secondaire .fleches { color: #8e8e8e; } #col_primaire a.fleches:visited, #col_tertiaire a.fleches:visited { color: #4E74A4; } #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: #4E74A4; text-decoration: none; } #col_primaire h1 a:visited { color: #4E74A4; } #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: #4E74A4; text-decoration: none; } #col_primaire h2 a:visited { color: #4E74A4; } #col_primaire h2 a:hover { text-decoration:underline;} /* BUG40 ... l'icône 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: #4E74A4; text-decoration: none; } #col_primaire h3 a:visited, #col_tertiaire h3 a:visited { color: #4E74A4; } #col_primaire h3 a:hover, #col_tertiaire h3 a:hover { text-decoration:underline;} /* BUG40 ... l'icône 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_primaire h3 img { float: right; margin-top: 4px; } #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; } /* -contenu Colonne primaire -----------------------------------------------------------------------*/ #col_primaire div.contenu { margin: 0px 10px 10px 10px; padding-top: 10px; } #col_primaire div.banniere { margin: 0px 10px 10px 10px; padding-top: 0px; padding-bottom: 0px; } #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 .listePub { margin-bottom:5px;} #col_primaire div.contenu_articles p.group strong { width: 210px;} #col_primaire div.contenu ul li a { font-weight:bold; font-size:1em;} #col_primaire div.contenu ul li a.pasGras { font-weight:normal; } /* - Bas de page ( footer ) -----------------------------------------------------------------------*/ #col_primaire div.contenu_basdepage { margin: 0px 10px 5px 10px; padding-top: 10px; } #col_primaire div.contenu_basdepage p { color: #8e8e8e;font-size: 0.7em; position: relative; padding-left: 10px;padding-right: 10px; padding-bottom: 5px; text-align:center; } #col_primaire div.contenu_basdepage a { color: #8e8e8e;text-decoration: none; } #col_primaire div.contenu_basdepage a:visited { color: #8e8e8e; } #col_primaire div.contenu_basdepage a:hover { text-decoration: underline; } /* -section_image Colonne primaire -----------------------------------------------------------------------*/ #col_primaire div.section_image { position: relative; padding-top: 10px; /*padding-bottom: 15px;*/ } * html #col_primaire div.section_image { padding-bottom: 0px; 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;} #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; } #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:both; 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:both; 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: 1em; color: #810000; text-decoration: none; font-weight: normal;} * html #col_primaire div.section_image a.comment { font-size: 1.1em!important; } *+html #col_primaire div.section_image a.comment { font-size: 1.1em!important; } #col_primaire div.section_image a.comment:hover { color: #810000; 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; } #col_primaire div.separation2 { width: inherit; height: 1px; border: 0px; border-top: 1px dotted #cccccc; margin:10px 0 10px 0; } * 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; } /* -col_secondaire 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: #525252; padding-top: 3px; padding-left: 12px; padding-bottom:10px; } #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; padding:2px 10px 10px 0px; } #col_secondaire img.banniere { margin-top: 0px; padding: 10px 0 10px 0; } #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; } #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: #4E74A4; 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 10px 12px } #col_secondaire div.boite div.banniere { position: relative; background-color: #fefefe;padding: 10px 7px 10px 7px; } #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: 5px; } #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); } /* -col_tertiaire 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; bottom: -75px; right: -40px; width: 135px; height: 130px; z-index: 10; } #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; } * html #col_tertiaire div.marge { width: 299px; } #col_tertiaire div.marge a { font-size: 1em; color: #4E74A4; text-decoration: none; } #col_tertiaire div.marge a:visited { color: #4E74A4; } #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 h3 { padding-top: 10px; } #col_tertiaire div.tous a { color:#810000; } #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;} #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: 0px;} * html #col_tertiaire div.marge_actus { width: 299px; } #col_tertiaire div.marge_contact { position: relative; width: 301px; border: 1px solid #cccccc; background: url(/images/fd_contact.gif) bottom left repeat-x; padding-bottom: 0px;} * html #col_tertiaire div.marge_contact { width: 299px; } #col_tertiaire div.marge_contact p, #col_tertiaire div.marge_actus p { font-size: 0.7em; padding-bottom: 2px; } #col_tertiaire div.marge_contact a, #col_tertiaire div.marge_actus a { font-size: 1em; color: #4E74A4; text-decoration: none; padding-top:10px; } #col_tertiaire div.marge_contact a:visited, #col_tertiaire div.marge_actus a:visited { color: #4E74A4; } #col_tertiaire div.marge_contact a:hover, #col_tertiaire div.marge_actus a:hover { text-decoration: underline;} #col_tertiaire div.marge_contact h2, #col_tertiaire div.marge_actus h2 { font-size: 0.75em; color: #525252; font-weight: bold; padding-bottom: 5px;} #col_tertiaire div.marge_contact h3, #col_tertiaire div.marge_actus h3 { width: 100%; overflow: hidden; padding-bottom:0; margin-bottom:0;} #col_tertiaire div.marge_contact p.date, #col_tertiaire div.marge_actus p.date { font-size:0.7em; color: #525252;} #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_contact a.tous, #col_tertiaire div.marge_actus a.tous { font-size: 1em; color: #810000; text-decoration: none; padding-top:10px; } #col_tertiaire div.marge_contact a.tous:visited, #col_tertiaire div.marge_actus a.tous:visited { color: #810000; } #col_tertiaire div.marge_contact a.tous:hover, #col_tertiaire div.marge_actus a.tous:hover { text-decoration: underline;} #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: #810000; text-decoration: none; font-size: 0.95em; } #col_tertiaire div.marge div.fonctions a:visited { color: #810000; } #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; } /* -Connexion ( boîte conneixion ) ------------------------------------------------------------------------------ */ #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; } * 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: #640000; text-decoration: none; text-align: center; } /* -Bouton devenez un membre ami */ #col_tertiaire div.marge #connexion div.btn_inscription { position: absolute; left: 81px; width: 220px; 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; width: 218px; } #col_tertiaire div.marge #connexion 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; } #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; } /* -Devenez un membre ami ( Panneau d'inscription une fois activé ) ------------------------------------------------------------------------------ */ #col_tertiaire div.marge #inscription { width: 301px; display: none; position: relative; padding-bottom: 0px;} * 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: 220px; min-height: 25px; border-right: 1px solid #cccccc; } * html #col_tertiaire div.marge #inscription div.btn_inscription { height: 25px; top: 1px; width:218px } #col_tertiaire div.marge #inscription div.btn_inscription a { display: block; padding: 5px 5px 0px 5px;font-size: 0.7em;font-weight: bold;color: #640000;text-decoration: none; text-align: center; } #col_tertiaire div.marge #inscription div.btn_connecter a{ display: block; padding: 5px 5px 0px 5px; font-size: 0.7em; font-weight: bold; color: #8b8b8b; text-decoration: none; text-align: center; } 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: #4E74A4; 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: #810000; 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: #810000; } /* -Fil d'ariane ------------------------------------------------------------------------------ */ #fil_ariane { background : #f3f3f3 url(/images/bg_ariane.gif) repeat-x; font-size:0.63em; color:#4E74A4; border-bottom:1px dotted #ccc ; padding:3px; } #fil_ariane a { color: #4E74A4; 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; } #col_primaire div.contenu_recherche div.pages span.present { color: #8e8e8e; font-weight: bold; } /* -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: #4E74A4; 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; } /* Bloc commentaire */ #col_primaire h3.commentaire img { float: none; position: relative; top: 3px; } .clearall { clear: both; display: block; height: 0; line-height: 0px; font-size: 0px; visibility:visible;} .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;} /* -Boite coulisses ( membre ami ) ------------------------------------------------------------------------------ */ #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi { margin:10px 0 15px 0; } #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi h2 { margin:0 0 10px 5px; font-size:0.7em; } #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi p.points { margin:0 0 10px 0px; background: url(/images/fleche_titre.gif) no-repeat 0 1px!important; display:block; padding:0 0 0 9px } /* -Boite inscription ( membre ami ) ------------------------------------------------------------------------------ */ #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription { margin:10px 0 15px 0px; } #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription h2 { color:#A30013; font-size:1.2em; margin:0 0 0 5px!important; } #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription a.don { font-size:0.6em; line-height:1em; display:block; margin:0 0 10px 5px; padding-top:5px!important; } #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription #fleche_flash { position:absolute; right:145px; top:-7px; } #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription .contribution { padding:0 0 0px 5px!important; } #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription #inscription_membre_ami { margin:0 0 10px 0px;} #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription #inscription_membre_ami input { display:block; padding:0 0 0 3px; } #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription #inscription_membre_ami div.espace_entre_btnRadio { margin:4px 0 4px 0; } #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription #inscription_membre_ami .radio { float:left; width:20px; } #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription #inscription_membre_ami label { float:left; width:75px; font-size:0.7em; line-height:1.3em;} #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription #inscription_membre_ami div.espace_entre_btnRadio label { float:left; width:75px; font-size:0.7em; line-height:1em;} * html #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription #inscription_membre_ami div.espace_entre_btnRadio label { line-height:1.8em;} *+html #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription #inscription_membre_ami div.espace_entre_btnRadio label { line-height:1.8em;} #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription #inscription_membre_ami div.espace_entre_btnRadio label.montant{ line-height:1.2em; } * html #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription #inscription_membre_ami div.espace_entre_btnRadio label.montant{ line-height:1em; margin-top:4px;} *+html #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription #inscription_membre_ami div.espace_entre_btnRadio label.montant{ line-height:1em; margin-top:4px;} #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription #inscription_membre_ami .input_autre_montant { font-size:0.7em; width:80px; float:left; padding:1px; margin:0; border:1px solid #A7A6AA; background-color:#FBFBFB; color:#898989; } * html #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription #inscription_membre_ami .input_autre_montant { margin-top:2px; } *+html #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription #inscription_membre_ami .input_autre_montant { margin-top:2px; } #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription #inscription_membre_ami div.condition { margin:10px 0 0 0; } #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription #inscription_membre_ami div.condition label {width:250px; font-size:0.7em; } #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription #inscription_membre_ami p.erreur { padding:5px; } #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription #inscription_membre_ami hr { border-top:1px solid #CCCCCC; margin:5px 0 5px 0; height:1px } * html #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription #inscription_membre_ami hr { border:none; color:#CCCCCC; } *+html #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription #inscription_membre_ami hr { border:none; color:#CCCCCC; } /*visible ou cacher*/ #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription #inscription_membre_ami div.cache { display:none;} #col_tertiaire div.marge_contact div.conteneurtitre_MembreAmi div.contenu_MembreAmi_inscription #inscription_membre_ami div.visible { display:block;} /* -Liens global ------------------------------------------------------------------------------ */ a:link { color: #4E74A4; text-decoration:none } a:visited { color: #0041A5; text-decoration:none } a:hover { text-decoration:underline; } .erreur { color: #ff0000!important; } .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; } /* -Taille police Classe à mettre à pour modifier la grosseur du texte ------------------------------------------------------------------------------ */ body.plusgros #col_primaire { font-size: 120%; } body.pluspetit #col_primaire { font-size: 80%; } .handcursor { cursor:pointer; color:#4E74A4; width:10px; height:10px; float:left;} .handcursor_locked { cursor:pointer; /*color:#525252;*/ color:#4E74A4; height:10px; float:left; } .handcursor_text { cursor:pointer; color: #4E74A4; padding: 0px!important; margin: 0px;} /* Hide from Mac/IE5 @media all and (min-width:0px) { head~body #menu ul { padding-top:13px;#}} html*#menu ul{ bottom:5px;} * html #menu ul { padding-top: 12px; width:600px; bottom:0px; } +html #menu ul { padding-top: 12px; width:600px; bottom:0px; } *:first-child+html #menu ul { padding-top: 13px; bottom:0px; } */ /* End hide from Mac/IE5 */ @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; }} @media all and (min-width:0px) { head~body #col_primaire div.section_image a.comment { font-size: 1.1em;# }} html*#col_primaire div.section_image a.comment{ font-size: 1em!important; } /* safari */ @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; }}