/* ----------------------------------------------------------- */ /* Feuilles de styles des squelettes par defaut pour SPIP 1.9 */ /* ----------------------------------------------------------- */ /* taille typo * Base 100% * ------------------------------------- * 20px 1.27em * 19px 1.21em * 18px 1.15em * 17px 1.09em * 16px 1.03em * 15px 0.96em * 14px 0.88em * 13px 0.82em * 12px 0.77em * 11px 0.71em * 10px 0.65em * 9px 0.59em * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE */ /* Oranje pale : fef9f3 */ /* Blu pale : f6fbfd */ /* Purple pale : fdf9fa */ /* Pomme pale : f9f9f4 */ /* Mangue pale : faf7f5 */ /* Oranje clair clair : ffff84 */ /* Blu clair clair : 9ed9f2 */ /* Purple clair clair : ef9fc9 */ /* Pomme clair clair : c0d57e */ /* Mangue clair clair : f8e7d5 */ /* Oranje clair : fab900 */ /* Blu clair : 83c7b5 */ /* Purple clair : 877592 */ /* Pomme clair : cbd300 */ /* Mangue clair : f7b26b */ /* Oranje : f08931 */ /* Blu : 1d8ca1 */ /* Purple : 6b395a */ /* Pomme : 889f17 */ /* Mangue : 24447d */ /* Oranje fonce : 194b70 */ /* Blu fonce : 8b2045 */ /* Purple fonce : 50725d */ /* Pomme fonce : c96e1d */ /* Mangue fonce : 24447d */ /* ------------------------------------------ /* Correction des styles HTML par defaut /* ------------------------------------------ */ body { background: #FFF; text-align: center; font-size: 1em; color: #333; } img, table { margin: 0; padding: 0; border: none; } ul, ol, li { margin: 0; padding: 0; } ul { list-style: none; } h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; } H2 { font-size: 14px; font-weight: bold;} H3 { font-size: 16px; font-weight: bold; margin-top: 10px;} .section_1 H3 { color: #194b70;} .section_2 H3 { color: #8b2045;} .section_3 H3 { color: #50725d;} .section_4 H3 { color: #c96e1d;} .section_9 H3 { color: #24447d;} /* ------------------------------------------ /* Disposition a l'ecran des blocs principaux /* ------------------------------------------ */ #page { background: url(../IMG/page/bg_droite.gif) top right repeat-y #ffffff; text-align: left; margin-left: auto; margin-right: auto; padding: 0px; width: 929px; } .coin_ombre { float: right; width: 13px; margin-bottom: -17px;} #ombrebas { background: url(../IMG/page/bg_bas.gif) top left no-repeat #ffffff;} #conteneur { margin-right: 13px;} .page_sommaire #conteneur { background-color: #f5f8fa; } /* Fonds pages */ .section_1 { background-color: #fbf2e1;} .section_2 { background-color: #e9f7ff;} .section_3 { background-color: #f9f1ff;} .section_4 { background-color: #eefce5;} .section_9 { background-color: #fff2ec;} .section_M { background-color: #eff2f4;} #conteneur #contenu { padding: 0px; padding-top: 15px; background-color: transparent;} #sup_nav { margin-top: -15px; margin-bottom: 30px;} #col_actus #sup_nav { margin-left: -5px;} .item_plus { font-size: 11px; color: #000000; padding: 1px; padding-left: 15px; background: url(../IMG/menu/itemplus.gif) 0px 2px no-repeat transparent;} .item_plus { font-size: 11px; color: #000000; padding: 1px; padding-left: 15px; background: url(../IMG/menu/itemplus.gif) 0px 2px no-repeat transparent;} #item_plus_1 { background-image: url(../IMG/menu/itemplus_1.gif);} #item_plus_2 { background-image: url(../IMG/menu/itemplus_2.gif);} #item_plus_3 { background-image: url(../IMG/menu/itemplus_3.gif);} #item_plus_4 { background-image: url(../IMG/menu/itemplus_4.gif);} #item_plus_9 { background-image: url(../IMG/menu/itemplus_9.gif);} .item_plus.alt { background-position: 12px 2px; padding-left: 27px;} #col_actus { position: relative; float: left; width: 205px; margin-left: 5px;} #actus { position: relative; background: url(../IMG/home/bg_actus_2.png) top left repeat-y transparent; border: 1px solid #e1e7e8; font-size: 12px;} #col_boutons { margin-left: 220px; margin-right: 205px;} #col_bannieres { float: right; width: 200px; margin-right: 5px;} .angle { float: right; margin-top: -1px; margin-right: -1px; z-index: 1;} #actus .angle { position: relative;} #onglet_rub_1 .angle, #onglet_rub_3 .angle { float: left; margin-left: -1px;} .titre_onglet { padding: 5px; font-size: 13px; font-weight: bold; text-transform: uppercase;} .contenu_onglet { padding: 5px;} .titre_actu {color: #4d7295; margin-top: 5px; font-size: 12px;} .contenu_onglet A { font-weight: bold; color: #4d7295;} .corps_actu { margin-bottom: 10px; line-height: 13px;} .liresuite { position: relative; font-size: 11px; padding-right: 3px;} #onglet_rub_1 .liresuite, #onglet_rub_3 .liresuite { width: 50%;} .ongletrub { float: left; width: 48%; margin-right: 1%; margin-bottom: 10px; border: 1px solid #000000; border-top: 0px;} *|HTML .ongletrub { margin-right: 1.5%;} #onglet_rub_1 { background: url(../IMG/home/bg_onglet_1.png) top left repeat-y transparent; border-color: #fbd5ad; border-left: 0px;} #onglet_rub_2 { background: url(../IMG/home/bg_onglet_2.png) top right repeat-y transparent; border-color: #c7d3d4; margin-right: 0px; border-right: 0px;} #onglet_rub_3 { background: url(../IMG/home/bg_onglet_3.png) top left repeat-y transparent; border-color: #d1b8bf; border-left: 0px;} #onglet_rub_4 { background: url(../IMG/home/bg_onglet_4.png) top right repeat-y transparent; border-color: #d7dcb3; margin-right: 0px; border-right: 0px;} #onglet_rub_1 A { color: #f08931;} #onglet_rub_2 A { color: #1d8ca1;} #onglet_rub_3 A { color: #6b395a;} #onglet_rub_4 A { color: #889f17;} #col_boutons .angle { text-transform: uppercase; font-weight: bold; font-size: 15px; padding: 2px; width: 54%; text-align: right; margin-top: -200px;} *|HTML #col_boutons .angle { position: relative; width: 58% !important;} #angle_rub_1, #angle_rub_3 { text-align: left !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='IMG/home/bg_bouton_gauche.png');} #angle_rub_2, #angle_rub_4 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='IMG/home/bg_bouton_droite.png');} *|HTML #angle_rub_1, *|HTML #angle_rub_3 { background: url(../IMG/home/bg_bouton_gauche.png) bottom right repeat-y transparent;} *|HTML #angle_rub_2, *|HTML #angle_rub_4 { background: url(../IMG/home/bg_bouton_droite.png) bottom left repeat-y transparent; } .illu { float: left; width: 50%; height: 200px; overflow: hidden;} #onglet_rub_1 .illu, #onglet_rub_3 .illu { float: right;} .texte_home { margin-left: 50%; margin-top: -170px; padding: 5px; font-size: 12px; line-height: 13px; cursor: pointer;} *|HTML .texte_home { margin-top: 25px;} #onglet_rub_1 .texte_home, #onglet_rub_3 .texte_home { margin-left: 0px; margin-right: 50%;} .banniere { color: #cccccc; margin-top: 18px; font-size: 12px;} .bubbles { float: right; padding-right: 10px; margin-top: -110px;} /* Entete */ #entete { position: relative; width: 100%; padding-bottom: 17px; background-color: #ffffff; border-bottom: 1px solid #969799; } .page_sommaire #entete { background: url(../IMG/home/bg_head.jpg) top left repeat-x #ffffff;} .page_article #entete, .page_rubrique #entete, .page_mot #entete { height: 110px;} .page_article #entete { padding-bottom: 16px;} *|HTML .page_article #entete { padding-bottom: 17px;} .page_breve #entete { height: 60px; padding-bottom: 0px; border-bottom: none;} #conteneur.section_1 #entete { border-color: #f08931;} #conteneur.section_2 #entete { border-color: #1d8ca1;} #conteneur.section_3 #entete { border-color: #6b395a;} #conteneur.section_4 #entete { border-color: #889f17;} #conteneur.section_9 #entete { border-color: #ea6659;} #entete #nom_site_spip, #entete a .spip_logos { display: block; float: left; font-weight: bold; font-size: 1.5em; } #entete a { text-decoration: none; } #entete .formulaire_recherche { position: relative; float: right; width: 155px; margin-left: -155px; margin-top: 60px;} /* Recherche */ #entete INPUT { border: 1px solid #999999; background-color: #ffffff; color: #666666;} #entete INPUT#envoirech { color: #ffffff; padding: 0px ;background: url(../IMG/entete/bg_rech_m.gif) top left repeat-y #858585; font-size: 12px;} *|HTML #entete INPUT#envoirech { font-size: 13px;} .page_sommaire #entete .formulaire_recherche { position: absolute; left: 100%; margin-top: 15px;} .section_1 #entete INPUT { border-color: #e15d0d; color: #e15d0d;} .section_1 #entete INPUT#envoirech { background: url(../IMG/entete/bg_rech_1.gif) top left repeat-y #e15d0d;} .section_2 #entete INPUT { border-color: #4b898d; color: #4b898d;} .section_2 #entete INPUT#envoirech { background: url(../IMG/entete/bg_rech_2.gif) top left repeat-y #4b898d;} .section_3 #entete INPUT { border-color: #50142f; color: #50142f;} .section_3 #entete INPUT#envoirech { background: url(../IMG/entete/bg_rech_3.gif) top left repeat-y #50142f;} .section_4 #entete INPUT { border-color: #688925; color: #688925;} .section_4 #entete INPUT#envoirech { background: url(../IMG/entete/bg_rech_4.gif) top left repeat-y #688925;} .section_9 #entete INPUT { border-color: #da4031; color: #da4031;} .section_9 #entete INPUT#envoirech { background: url(../IMG/entete/bg_rech_9.gif) top left repeat-y #da4031;} /* Resultats recherche */ UL.ulrech { margin-top: 1em !important;} UL.ulrech LI { border-bottom: 1px dotted #cccccc; color: #000000; font-size: 0.9em; padding: 4px; margin-top: 0px; margin-bottom: 0px; padding-bottom: 1em;} UL.ulrech LI A { display: block; padding: 0.5em !important;} .ulrech H3 { font-size: 1.3em; color: #666666; padding-left: 0px !important; margin-left: 0px !important;} .ulrech A:link, .ulrech A:visited, .ulrech A:hover, .ulrech A:active { padding: 0px !important; margin-bottom: 5px;} A.resultrech:link, A.resultrech:visited, A.resultrech:hover, A.resultrech:visited { text-decoration: underline !important; margin-top: 6px;} LI.rech_1 A.resultrech { color: #f08931 !important;} LI.rech_2 A.resultrech { color: #1d8ca1 !important;} LI.rech_3 A.resultrech { color: #6b395a !important;} LI.rech_4 A.resultrech { color: #889f17 !important;} LI.rech_9 A.resultrech { color: #24447d !important;} LI.rech_M A.resultrech { color: #666666 !important;} LI.rech_1 { background-color: #fef9f3;} LI.rech_2 { background-color: #f6fbfd;} LI.rech_3 { background-color: #fdf9fa;} LI.rech_4 { background-color: #f9f9f4;} LI.rech_9 { background-color: #faf7f5;} LI.rech_M { background-color: #f5f8fa;} .titrerech { font-weight: bold; margin-bottom: 0px; margin-top: 2px; color: #666666;} /* Menu */ #menu { clear: left; background: url(../IMG/menu/bg_menu.gif) top left repeat-x transparent; height: 20px; overflow: visible; z-index: 99; position: relative;} #widgets { float: left; width: 276px; background: url(../IMG/menu/gauche_menu_int.gif) top left no-repeat #ffffff; height: 20px;} .page_sommaire #widgets { background: url(../IMG/menu/gauche_menu.gif) top left no-repeat #969799;} .item_menu { float: left; width: 120px; font-size: 11px; background: url(../IMG/menu/bg_menu.gif) top left #969799; height: 20px; overflow: visible; background-repeat: repeat-x; margin-bottom: 0px;} #item_menu_1.item_menu.on, #item_menu_1 A:hover { background-image: url(../IMG/menu/bg_titre_1.gif);} #item_menu_2.item_menu.on, #item_menu_2 A:hover { background-image: url(../IMG/menu/bg_titre_2.gif);} #item_menu_3.item_menu.on, #item_menu_3 A:hover { background-image: url(../IMG/menu/bg_titre_3.gif);} #item_menu_4.item_menu.on, #item_menu_4 A:hover { background-image: url(../IMG/menu/bg_titre_4.gif);} #item_menu_9.item_menu.on, #item_menu_9 A:hover { background-image: url(../IMG/menu/bg_titre_9.gif);} A.item-titre { display: block; text-align: center; padding: 4px; padding-bottom: 3px; text-transform: uppercase; color: #ffffff; font-weight: bold;} .sous_menu { position: absolute; width: 120px; color: #000000; display: none; z-index: 99;} .sous_menu UL LI A:hover { background-image: none !important;} #sous_menu_1 { background: url(../IMG/menu/bg_sub_1.png) 0px 18px no-repeat transparent;} #sous_menu_2 { background: url(../IMG/menu/bg_sub_2.png) 0px 18px no-repeat transparent;} #sous_menu_3 { background: url(../IMG/menu/bg_sub_3.png) 0px 18px no-repeat transparent;} #sous_menu_4 { background: url(../IMG/menu/bg_sub_4.png) 0px 18px no-repeat transparent;} #sous_menu_9 { background: url(../IMG/menu/bg_sub_9.png) 0px 18px no-repeat transparent;} .sous_menu UL { padding: 2px; padding-top: 15px; padding-bottom: 0px;} .sous_menu UL LI { padding: 4px; padding-left: 18px; list-style: none; border-bottom: 1px solid #ffffff; background: url(../IMG/menu/puce_li.gif) 4px 7px no-repeat transparent;} #sous_menu_1 UL LI { border-color: #f08931;} #sous_menu_2 UL LI { border-color: #1d8ca1;} #sous_menu_3 UL LI { border-color: #6b395a;} #sous_menu_4 UL LI { border-color: #889f17;} #sous_menu_9 UL LI { border-color: #ea6659;} #sous_menu_1 UL LI:hover { background-image: url(../IMG/menu/puce_1.gif);} #sous_menu_2 UL LI:hover { background-image: url(../IMG/menu/puce_2.gif);} #sous_menu_3 UL LI:hover { background-image: url(../IMG/menu/puce_3.gif);} #sous_menu_4 UL LI:hover { background-image: url(../IMG/menu/puce_4.gif);} #sous_menu_9 UL LI:hover { background-image: url(../IMG/menu/puce_9.gif);} #persistent_sub { font-size: 10px; float: right; margin-right: 4px;} .floathome { float: left; height: 90px;} .page_breve .floathome { height: 60px;} .floatup { float: left; height: 90px; width: 120px;} .flag { background: url(../IMG/menu/bg_menu.gif) top left #969799; float: right; padding: 3px; padding-left: 9px; height: 14px;} .drapeau_off { display: none;} .drapeau_off.on { display: block;} /* ------------------------------------------ /* Interieur /* ------------------------------------------ */ #bande_titre { width: 100%;} .logo { height: 140px; width: 326px; overflow: hidden;} .logo .spip_logos { vertical-align: top;} .titrepage { float: left; width: 245px; height: 116px; margin-left: 14px; margin-right: 7px; overflow: hidden;} .divtitrepage { position: relative; float: left; width: 100%; height: 61px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMG/page/bg_principal.png');} HTML > BODY .divtitrepage { background: url(../IMG/page/bg_principal.png) top left repeat transparent;} H1.titre { text-align: right; padding-right: 5px; font-size: 18px; position: absolute; bottom: 0px; right: 0px; } *|HTML H1.titre { bottom: -10px;} .page_rubrique H1.titre { text-transform: uppercase;} #titre_1 { color : #194b70;} #titre_2 { color : #8b2045;} #titre_3 { color : #50725d;} #titre_4 { color : #c96e1d;} #titre_9 { color : #24447d;} .page_article #titre_9 { padding-top: 14px;} #titre_m { color : #666666;} .bubbles_int { float: right; width: 380px; height: 120px; margin-right: 17px; padding-right: 20px; margin-top: -98px; overflow: visible; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='IMG/page/bulles_solo_ie.png'); background-repeat: no-repeat; background-position: 270px 0px; background-color: transparent;} *|HTML .bubbles_int { background-image: url(../IMG/page/bulles_solo.png); margin-top: -95px;} #bubbles_int_1 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='IMG/page/bulles_solo_1_ie.png'); } #bubbles_int_2, #bubbles_int_M { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='IMG/page/bulles_solo_2_ie.png'); } #bubbles_int_3 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='IMG/page/bulles_solo_3_ie.png'); } #bubbles_int_4 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='IMG/page/bulles_solo_4_ie.png'); } #bubbles_int_9 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='IMG/page/bulles_solo_9_ie.png'); } HTML > BODY #bubbles_int_1 { background-image: url(../IMG/page/bulles_solo_1.png); } HTML > BODY #bubbles_int_2, HTML > BODY #bubbles_int_M { background-image: url(../IMG/page/bulles_solo_2.png);} HTML > BODY #bubbles_int_3 { background-image: url(../IMG/page/bulles_solo_3.png);} HTML > BODY #bubbles_int_4 { background-image: url(../IMG/page/bulles_solo_4.png);} HTML > BODY #bubbles_int_9 { background-image: url(../IMG/page/bulles_solo_9.png);} #bande_contenu { float: left; padding-left: 14px; margin-top: -17px; background-color: transparent; width:560px;} .page_rubrique #bande_contenu { padding-bottom: 50px;} *|HTML #bande_contenu { padding-bottom: 0px;} .principal { float: left; margin-top: 0px; margin-bottom: 30px; padding: 8px; padding-top: 10px; width: 564px; font-size: 13px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMG/page/bg_principal.png'); } .page_article .principal { width: 581px;} HTML > BODY .principal { width: 561px !important; padding-top: 0px; background: url(../IMG/page/bg_principal.png) top left repeat transparent;} .sitesweb { position: relative; margin-left: 25px;} .section_M .principal { margin-top: -5px;} *|HTML .section_M .principal { margin-top: 0px;} .principal A { position: relative;} .section_1 .principal A { color : #194b70; text-decoration: underline;} .section_2 .principal A { color : #8b2045; text-decoration: underline;} .section_3 .principal A { color : #50725d; text-decoration: underline;} .section_4 .principal A { color : #c96e1d; text-decoration: underline;} .section_9 .principal A { color : #24447d; text-decoration: underline;} .page_article .section_M .principal A { color : #666666; text-decoration: underline;} .bloc { float: right; margin-right: 12px; width: 300px; margin-bottom: 80px;} .fdbloc { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMG/page/bg_principal.png'); padding: 5px; width: 290px; } *|HTML .fdbloc { background: url(../IMG/page/bg_principal.png) top left repeat transparent;} .head_bloc { padding: 5px; padding-top: 45px; color: #ffffff; margin-bottom: 5px; font-size: 48px; line-height: 48px; text-transform: uppercase; font-weight: bold;} #head_bloc_1 { color: #fae9c9;} #head_bloc_2 { color: #d9f1fc;} #head_bloc_3 { color: #fae1f1;} #head_bloc_4 { color: #e3f7b5;} #head_bloc_9 { color: #ffe7db;} #head_bloc_M { color: #f5f8fa;} .txt_bloc { position: relative; font-size: 12px; padding: 5px;} .txt_bloc UL { font-weight: bold; list-style-type: none; margin-top: 5px; margin-left: 5px;} .txt_bloc LI { line-height: 15px;} #txt_bloc_1, #txt_bloc_1 A { color: #194b70;} #txt_bloc_2, #txt_bloc_2 A { color: #8b2045;} #txt_bloc_3, #txt_bloc_3 A { color: #50725d;} #txt_bloc_4, #txt_bloc_4 A { color: #c96e1d;} #txt_bloc_9, #txt_bloc_9 UL { font-weight: normal; color: #777777;} #txt_bloc_9 A { color: #24447d;} /* Produits */ .titreproduit { font-size: 14px; font-weight: bold; margin-bottom: 0px; margin-top: 15px; color: #898a8c;} .principal .titreproduit { margin-bottom: 2px;} .produit { padding: 1px; position: relative; float: left; width: 79px; margin-right: 10px; margin-top: 10px; cursor: pointer; font-size: 12px; text-align: center; padding-bottom: 3px; background-color: #fbf2e1;} #txt_bloc_1 .produit { background-color: #fbf2e1; color: #f08931;} #txt_bloc_2 .produit { background-color: #edf7fc; color: #1d8ca1;} #txt_bloc_3 .produit { background-color: #f9f1ff; color: #6b395a;} #txt_bloc_4 .produit { background-color: #eefce5; color: #889f17;} .prod_gauche { margin-left: 10px; } .prod_droite { margin-right: 0px;} .txt_coldroite A { text-decoration: underline;} .page_breve { margin: 0px;} .page_breve #page { width: 100%; background-image: none; background-color: transparent; margin: 0px;} .page_breve #conteneur { margin: 0px; background-image: none !important; background-color: transparent;} .page_breve #contenu { margin: 0px; padding-top: 0px; background-color: transparent !important; margin-right: 10px; margin-top: 0px;} HTML > BODY.page_breve #contenu { margin-top: 10px;} .logobreve { float: left; margin-left: 5px; margin-bottom: 5px;} HTML > BODY .logobreve { margin-left: 10px;} H1.breve { font-size: 18px; margin-left: 170px; margin-top: 0px;} .page_breve .liresuite { font-size: 12px; margin-top: 15px;} .page_breve.section_1 H1, .page_breve.section_1 .liresuite A { color: #f08931;} .page_breve.section_2 H1, .page_breve.section_2 .liresuite A { color: #1d8ca1;} .page_breve.section_3 H1, .page_breve.section_3 .liresuite A { color: #6b395a;} .page_breve.section_4 H1, .page_breve.section_4 .liresuite A { color: #889f17;} .page_breve.section_9 H1, .page_breve.section_9 .liresuite A { color: #24447d;} /*.page_breve .spip-admin-float { display: none;}*/ .page_breve.section_1 #menu { background-image: url(../IMG/menu/bg_titre_1.gif);} .page_breve.section_2 #menu { background-image: url(../IMG/menu/bg_titre_2.gif);} .page_breve.section_3 #menu { background-image: url(../IMG/menu/bg_titre_3.gif);} .page_breve.section_4 #menu { background-image: url(../IMG/menu/bg_titre_4.gif);} .page_breve.section_9 #menu { background-image: url(../IMG/menu/bg_titre_9.gif);} /* Typo */ .section_1 STRONG.spip { color: #194b70;} .section_2 STRONG.spip { color: #8b2045;} .section_3 STRONG.spip { color: #50725d;} .section_4 STRONG.spip { color: #c96e1d;} .section_9 STRONG.spip { color: #24447d;} /* Fil d'Ariane */ #hierarchie { clear: both; margin-bottom: 2em; font-size: 0.77em; } /* Pied de page */ #pied { position: relative; clear: both; padding: 2px; padding-top: 3px; padding-bottom: 5px; padding-right: 340px; text-align: center; font-size: 12px; border-top: 1px solid #969799; } #pied A { color: #808183;} .page_sommaire #pied { padding-right: 0px;} .section_1 #pied { border-color: #194b70;} .section_2 #pied { border-color: #8b2045;} .section_3 #pied { border-color: #50725d;} .section_4 #pied { border-color: #c96e1d;} .section_9 #pied { border-color: #24447d;} .section_1 #pied A { color: #194b70;} .section_2 #pied A { color: #8b2045;} .section_3 #pied A { color: #50725d;} .section_4 #pied A { color: #c96e1d;} .section_9 #pied A { color: #24447d;} /* Embeds */ .spip_documents_left { margin-right: 8px;} .spip_documents_right { margin-left: 8px;} .spip_documents { position: relative; text-align: center;} .spip_documents_center { text-align: center !important;} .spip_doc_titre { border-top: 1px solid #000000; text-align: center; padding: 4px; font-weight: bold; margin-top: 5px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMG/page/bg_principal.png');} .section_1 .spip_doc_titre { border-color: #194b70; color: #194b70;} .section_2 .spip_doc_titre { border-color: #8b2045; color: #8b2045;} .section_3 .spip_doc_titre { border-color: #6b395a; color: #50725d;} .section_4 .spip_doc_titre { border-color: #889f17; color: #c96e1d;} .section_9 .spip_doc_titre { border-color: #24447d; color: #24447d;} .spip_doc_descriptif { text-align: left; font-size: 11px; padding: 4px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMG/page/bg_principal.png');} HTML > BODY .spip_doc_titre, HTML > BODY .spip_doc_descriptif { background: url(../IMG/page/bg_principal.png) top left repeat transparent;} /* Espaceur de blocs */ .nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; } /* Non visible a l'ecran */ .invisible { position: absolute; top: -3000em; height: 1%; } /* ------------------------------------------ /* Typographie generale du site /* ------------------------------------------ */ /* Typo pour les menus et la navigation */ body, #navigation, .encart, .formulaire_spip { font-family: Verdana, "Bitstream Vera Sans", Tahoma, Arial, sans-serif; } /* Typo pour le contenu */ #contenu { font-family: "Trebuchet MS", Helvetica, sans-serif; } /* Typo pour les citations et extraits introductifs */ q, blockquote, .liste-articles li .texte, .voirskel { font-family: "Bitstream Vera Serif", Georgia, Times, serif; } /* ------------------------------------------ /* Habillage des menus et de la navigation /* ------------------------------------------ */ /* Habillage general des menus de navigation ---------------------------------------------- */ .rubriques, .breves, .syndic, .forums, .divers { min-width: 10em; border: 1px solid #CCC; margin-bottom: 1em; font-size: 0.77em; } .menu-titre { padding: 0.2em 0.4em; border-bottom: 1px dotted #CCC; text-align: center; font-weight: bold; } #navigation p, .encart p { margin: 0; padding: 0.2em 0.7em; text-align: left; } #navigation ul, .encart ul { padding: 0.2em 0; text-align: left; } #navigation li, .encart li { padding: 0 0.7em; } /* Des couleurs specifiques selon les types de menus ---------------------------------------------- */ .rubriques { background: #EAFFEA;} .rubriques .menu-titre { background: #F2FFF2; } .breves { background: #FFEAEA; } .breves .menu-titre { background: #FFF2F2; } .syndic { background: #E8F8F8; } .syndic .menu-titre { background: #F0FCFC; } .forums { background: #EAEAFF; } .forums .menu-titre { background: #F2F2FF; } .divers { background: #F8F8E8; } .divers .menu-titre { background: #FCFCF0; } /* ------------------------------------------ /* Habillage du contenu /* ------------------------------------------ */ /* Cartouche et titraille ---------------------------------------------- */ .cartouche { margin-bottom: 2em; } .cartouche .titre { font-size: 1.27em; font-weight: bold; color: #000; } #contenu .surtitre, #contenu .soustitre { font-size: 11px; color: #777777; } .titrecp { font-size: 18px; margin-bottom: 16px; font-weight: bold; line-height: auto; } .descriptif_actualites, .descriptif_actualites P.spip { color: #777777;} .descriptif_actualites { margin-top: 20px; border-top: 1px solid #777777;} .compteur { margin-right: 20px; margin-top: 8px;} .compteur { text-align: right; font-weight: normal !important; color: #24447d !important;} .compteur .on { display: inline; font-weight: bold; color: #777777;} .cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 16px; } .cartouche p { margin: 0; padding: 0; clear: left; } .cartouche small { font-size: 0.71em; } .cartouche .traductions { font-size: 0.71em; } .cartouche .traductions * { display: inline; } .cartouche .traductions li { padding-left: 1em; } /* Mise en forme des textes du contenu ---------------------------------------------- */ .chapo { margin-bottom: 1.5em; font-weight: bold; line-height: 1.4em; } .lien { background: #EEE; margin: 1em; margin-bottom: 1.5em; padding: 0.82em; border: 1px solid #CCC; font-size: 0.82em; font-weight: bold; } .texte { color: #000; font-size: 12px; line-height: 15px; } /* Trigger pour affichage correct sous IE7 */ HTML > BODY .texte { padding-top: 1px;} .ps, .notes { margin-top: 1.4em; padding-top: 2px; border-top: 2px solid #CCC; } .ps { font-size: 0.82em; } .notes { clear: both; font-size: 0.77em; } /*.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }*/ /* Portfolio ---------------------------------------------- */ #documents_portfolio { clear: both; margin-top: 1.4em; padding-top: 2px; border-top: 2px solid #CCC; } #documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; } #document_actif { margin-top: 1em; } /* Listes de documents joints (a un article ou une rubrique) ---------------------------------------------- */ #documents_joints { margin-top: 1.4em; padding-top: 2px; border-top: 2px solid #CCC; } #documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; } #documents_joints li { margin-bottom: 0.4em; } #documents_joints li .spip_doc_titre {} #documents_joints li .spip_doc_titre small { font-weight: normal; } #documents_joints li .spip_doc_descriptif {} /* Listes d'articles et extraits introductifs ----------------------------------------------- */ .liste-articles li { margin-bottom: 1em; clear: both; } .liste-articles li .titre { font-size: 1.03em; font-weight: bold; } .liste-articles li .spip_logos { float: right; margin-left: 16px; margin-bottom: 16px; clear: right; } .liste-articles li p { margin: 0; padding: 0; } .liste-articles li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; } .liste-articles li small { display: block; font-size: 0.71em; } .liste-articles li .texte { margin-top: 5px; margin-bottom: 2em; border: 1px solid #CCC; padding: 0.9em; font-size: 0.82em; line-height: 1.4em; } .pagination { font-size: 0.90em; } /* ------------------------------------------ /* Habillage specifique du plan du site /* ------------------------------------------ */ .bloc_plan { float: left; width: 47%; margin-left: 1%; margin-top: 15px; border: 1px solid #999999;} .largo { width: 96%; margin-left: 0%;} HTML > BODY .bloc_plan { margin-left: 2%;} .bloc_plan_1 { background-color: #fbf2e1; border-color: #f08931;} .bloc_plan_2 { background-color: #e9f7ff; border-color: #1d8ca1;} .bloc_plan_3 { background-color: #f9f1ff; border-color: #6b395a;} .bloc_plan_4 { background-color: #eefce5; border-color: #889f17;} .bloc_plan_9 { background-color: #fff2ec; border-color: #24447d;} .bloc_plan UL LI.produit_1 { background-color: #fbf2e1;} .bloc_plan UL LI.produit_2 { background-color: #e9f7ff;} .bloc_plan UL LI.produit_3 { background-color: #f9f1ff;} .bloc_plan UL LI.produit_4 { background-color: #eefce5;} .bloc_plan UL LI.produit_9 { background-color: #fff2ec;} .bloc_plan h2, .bloc_plan h3 { clear: both; background: #EEE; border-bottom: 1px solid #CCC; padding: 0.2em; margin-bottom: 0px; margin-top: 0px; font-weight: bold; text-transform: uppercase;} .bloc_plan_1 H2 { background-image: url(../IMG/menu/bg_titre_1.gif); border-color: #f08931;} .bloc_plan_2 H2 { background-image: url(../IMG/menu/bg_titre_2.gif); border-color: #1d8ca1;} .bloc_plan_3 H2 { background-image: url(../IMG/menu/bg_titre_3.gif); border-color: #6b395a;} .bloc_plan_4 H2 { background-image: url(../IMG/menu/bg_titre_4.gif); border-color: #889f17;} .bloc_plan_9 H2 { background-image: url(../IMG/menu/bg_titre_9.gif); border-color: #24447d;} .bloc_plan H2 A { color: #ffffff;} .bloc_plan UL { position: relative; padding: 0px; margin-top: 0px; margin-bottom: -1px;} .bloc_plan UL LI { padding: 4px; padding-left: 18px; list-style: none; border-bottom: 1px solid #ffffff; background: url(../IMG/menu/puce_li.gif) 4px 7px no-repeat transparent;} .coldroite_plan H3 { font-size: 12px; text-transform: uppercase;} .coldroite_plan .bloc_plan UL LI { padding: 2px; padding-left: 18px; border-bottom: 1px solid #999999;} .bloc_plan_1 UL LI { border-color: #f08931;} .bloc_plan_2 UL LI { border-color: #1d8ca1;} .bloc_plan_3 UL LI { border-color: #6b395a;} .bloc_plan_4 UL LI { border-color: #889f17;} .bloc_plan_9 UL LI { border-color: #24447d;} .coldroite_plan { float: right; margin-right: 5px; width: 285px; margin-top: 0px; margin-bottom: 80px; padding: 8px; font-size: 12px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMG/page/bg_principal.png'); margin-top: -5px;} HTML > BODY .coldroite_plan { margin-right: 10px; padding-top: 3px; background: url(../IMG/page/bg_principal.png) top left transparent;} *|HTML .coldroite_plan { margin-top: -2px;} /* ------------------------------------------ /* Habillage des formulaires /* ------------------------------------------ */ /* Styles des formulaires de Spip */ .formulaire_spip { text-align: left; font-size: 0.77em; } .formulaire_spip p { margin: 0.5em 0; padding: 0; } .formulaire_spip fieldset { display: block; margin: 0.77em 0; padding: 0.77em; border: 1px dotted; } .formulaire_spip legend { font-weight: bold; padding: 3px; background: #FFF; /* Sinon, superposition dans MSIE */ } .formulaire_spip .forml { width: 320px; padding: 1px; border: 1px solid #999999; font-family: inherit; font-size: inherit; } .spip_bouton { text-align: right; } .spip_bouton input { padding: 1px 2px; border: 1px solid green; font-weight: bold; font-size: 11px; float: right; } .formulaire_ecrire_auteur .spip_bouton INPUT { position: relative; background-color: #194b70; color: #ffffff; border: 1px solid #ffffff;} /* Contact */ .formulaire_ecrire_auteur { margin-top: 20px;} .formulaire_ecrire_auteur LABEL { position: relative; float: left; width: 30%; font-size: 11px;} .preview LABEL { padding-bottom: 10px;} .formulaire_ecrire_auteur P { margin-bottom: 15px;} .formulaire_ecrire_auteur INPUT.forml, .formulaire_ecrire_auteur TEXTAREA.forml { border: 1px solid #194b70;} .formulaire_ecrire_auteur .spip_bouton { position: relative; margin-right: 65px;} .message, .preview { position: relative; padding: 5px; background-color: #eff2f4; font-size: 12px;} .intercalaire { width: 90%; border-bottom: 1px solid #9ed9f2; margin-top: 5px; margin-bottom: 50px;} P.boutique { font-weight: bold;} P.boutique A { color: #194b70 !important;} /* Reponse du formulaire */ .reponse_formulaire { font-weight: bold; color: #F00; } fieldset.reponse_formulaire { border: 1px dotted; font-weight: normal; } /* Previsualisation du message */ fieldset.previsu { padding: 1em; border: 1px solid; } /* Formulaire de login au forum */ .formulaire_login_forum .forml { width: 12em; } .formulaire_login_forum .spip_logos { float: right; padding-left: 10px; } /* Choix des mots-clefs */ .choix_mots { width: 47%; float: left; } .choix_mots label { display: inline; } /* Formulaire de recherche */ .formulaire_recherche label { display: none; } /* ------------------------------------------ /* Habillage des forums /* ------------------------------------------ */ .forum-repondre, .forum-decompte { clear: both; margin-top: 2.5em; padding-top: 2px; border-top: 2px solid #CCC; font-size: 0.88em; font-weight: bold; } /* * Habillage des forums */ ul.forum { display: block; clear: both; margin: 0; padding: 0; } .forum-fil { margin-top: 1.5em; } .forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; } .forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; } .forum-chapo small {} .forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; } .forum-texte .forum-lien {} .forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; } /* Boite d'un forum : eclaircissement progressif des bords */ ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; } ul ul .forum-message { border: 1px solid #A4A4A4; } ul ul ul .forum-message { border: 1px solid #B8B8B8; } ul ul ul ul .forum-message { border: 1px solid #CCC; } ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; } ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; } /* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */ ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #C4E0E0; } ul ul .forum-chapo { background: #D4E8E8; } ul ul ul .forum-chapo { background: #E4F0F0; } ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; } ul ul ul ul ul .forum-chapo { background: #FFF; } /* ------------------------------------------ /* Habillage des petitions /* ------------------------------------------ */ #signatures { clear: both; font-size: 0.77em; } #signatures h2 { padding: 0.5em; text-align: center; font-size: 1.2em; font-weight: bold; } #signatures table { width: 100%; margin: 1em 0; } #signatures thead { display: none; } /* On n'affiche pas les titres du tableau */ #signatures td.signature-date { background: #E4F0F0; padding: 0.5em; white-space: nowrap; } #signatures td.signature-nom { background: #ECF4F4; padding: 0.2em; text-align: center; font-weight: bold; } #signatures td.signature-message { background: #F4F8F8; padding: 0.4em; font-size: 0.96em; } /* ------------------------------------------ /* Couleurs des liens /* ------------------------------------------ */ a { text-decoration: none; color: #333; } a:hover { text-decoration: underline; } /* ------------------------------------------ /* Override ETAI /* ------------------------------------------ */ .ghost { clear: both; height: 1px;} .flushleft { clear: left;} #txt_bloc_M P.spip { margin-top: 0px;}