Admin - Style CSS => no_skin

Attention, la modification manuelle du style est réservée aux experts,
à ceux qui maitrisent parfaitement le langage CSS.!!!

• Modifier La Feuille de Style DE PERSONNALISATION (styleplus)
  • /* --------- CSS generated for no_skin ----------- */ .txtspeC { /* Espace entre top et copyright */ margin: 20px 0 10px; } .top { color: #000; /* modification de la couleur */ font-size: 1.5em; /* modification de la taille de l"affichage */ } .boxnet { margin: 60px 35% 0; /* centrage entre le logo et la bannière */ } div.menuIcons ul li.menu_connect { /* positionnement de l"onglet en haut à droite */ position: absolute; top: 10px; right: 100px; padding-right: 3px; } div.menuIcons ul li.menu_admin { /* positionnement de l"onglet en haut à droite */ position: absolute; top: 10px; right: 2px; padding-right: 3px; } div.menuIcons ul li a span { /* lien */ letter-spacing: 0.1em; /* ajout pour augmenter l"espacement des lettres */ } div.menuIcons ul li a:hover span { /* lien survolé*/ letter-spacing: 0.1em; /* ajout pour augmenter l"espacement des lettres */ } .titrebox, .titre { /* Titre boite latérale */ letter-spacing: 0.1em; /* ajout pour augmenter l"espacement des lettres */ } .rubr, p.rubr, .lirubr, .lirubr2, .phrubr, .phrubr2, .farubr, .farubr2, .dnrubr, .dnrubr2 { margin: 1em auto; /* Ajout marges au dessus et au dessous pour rubriques */ font-weight: bold; } fieldset.dwnld { background-color: #FFF; /* modification de la couleur du fond de la popup de téléchargement */ } a:hover.calagd { color: #FFF; /* modification de la couleur du texte du lien */ } select.cal { /* select month and year */ color: #000; /* modification pour les champs mois et année du calendrier */ background-color: #FFF; border: 1px solid #C0FFFF; } .forum, .forum a, .forum2, tr.forum2, tr.forum2 a, tr.forum2 a:hover { font-weight: bold; /* modification pour texte en gras */ color: #FFF; /* modification couleur du texte */ } .thtbldiv { font-weight:bold; /* modification pour texte en gras */ padding: 4px; /* ajout padding */ } .FB394 { /* habillage boîte slider */ margin: 6px 7px 20px; padding-bottom: 50px; background-color: transparent; } .DDV421 { /* ajustement menu vertical */ margin: 0px 0 7px 1px; width: 100%; } ul.dropdown li, ul.dropdown ul li { letter-spacing: 0.1em; /* modification espacement lettres */ margin:0 auto 1px; /* modification marges extérieures */ } .tbl.DDH460, .tblover.DDH460 { /* fond menu déroulant horizontal */ background: transparent; } .tbl.DDL461, .tblover.DDL461 { /* fond menu déroulant linéaire */ background: transparent; } .DDL461 ul.dropdown-linear li { /* personnalisation onglets DDL */ width: 16em; letter-spacing: 0.1em; border: 2px solid #FFF; text-align: center; } .DDL461 ul.dropdown-linear li { /* personnalisation onglets DDL */ letter-spacing: 0.1em; } .DDL461 ul.dropdown-linear li ul li { /* personnalisation menu DDL */ font-weight: normal; width: 740px; border: 4px solid #60C4EA; } #gyaccordion li a { padding: 10px 4px; /* modification marges intérieures */ } .TrUSRB0 { /* positionnement boite Préférences à BottomBoxes */ margin-left: 10px; text-align: center; } .TrWEBB0 { /* positionnement boite Webmestre-Infos à BottomBoxes */ margin: 10px 10px 0; text-align: center; } .TrNWLB0 {/* positionnement boite Newletter à BottomBoxes */ margin-right: 10px; text-align: center; }
• Modifier La Feuille de Style EXISTANTE (RD mobile)
  • /* --------- CSS skn5_no_skin generated update novembre 2016 ----------- */ /**********************************************************************/ html { font-size:62.5%; /* Taille équivalente à 10px */ } body { font-size:1.6rem; /* Taille équivalente à 16px */ background-color:#F3F3F3; /* couleur fond de site */ } .FB502 { /* boite libre mini-bandeau */ background-color:#404040; /*couleur fond de boite */ margin:-1em 0; /* marges extérieures */ } @media screen and (max-width: 760px), screen and (max-device-width: 760px) { #page { width:100%; padding:0; } #page .pagerow { width:100%; } #header { height:0; } #MainContent { margin:0; background-color:#FFF; -webkit-flex-direction: column; flex-direction: column; } #MainBlog { margin:0; background-color:#FFF; -webkit-flex-direction: column; flex-direction: column; } #LeftBoxes, #RightBoxes { width:100%; max-width:100%; margin: 0 auto; } #BlogLeftBoxes, #BlogRightBoxes { width:100%; max-width:100%; margin: 0 auto; } div.menuIcons ul { margin:1em auto; width:100%; background:none; box-shadow:none; height:auto; padding:0; text-align:center; } div.menuIcons ul li { float:none; display:inline-block; margin:0 auto; } div.menuIcons ul li.menu_admin, div.menuIcons ul li.menu_stats { display: none; } div.pop.menuIcons_flag { position:absolute; top:2.5em; left:50%; } div.pop.menuIcons_flag img { margin:0; } div.menuIcons ul li.menu_connect { position:inherit; float:none; } div.menuIcons ul li.menu_connect a span { color: #FFF; background-color:#404040; } div.menuIcons ul li.menu_connect a span.current { color:#FFF; background-color:#60C4EA; } div.menuIcons ul li.menu_connect a:hover span { color: #000; background-color:#C0C0C0; } div.menuIcons ul li a span { background-color:#404040; color:#FFF; margin:.5em; padding:.6em; width:7em; font-size:1em; font-weight:bold; letter-spacing:0; border: .1em solid #FFFFFF; border-radius:6px; } div.menuIcons ul li a span.current { background-color:#60C4EA; color:#FFF; margin:.5em; padding:.6em; width:7em; letter-spacing:0; border: .1em solid #FFFFFF; border-radius:6px; } div.menuIcons ul li a:hover span { background-color:#C0C0C0; color:#000; margin:.5em; padding:.6em; width:7em; letter-spacing:0; border: .1em solid #FFFFFF; border-radius:6px; } .titrebox { white-space: normal; word-wrap:break-word; margin:1em auto; padding:1em .5em; letter-spacing: 0; border-radius:0; } .tblbox,.tblboxover, .box, .box a { font-size: 1em; padding:.5em .5em 1em; } .titre { white-space: normal; word-wrap:break-word; margin:1em auto; padding:1em .5em; letter-spacing: 0; border-radius:0; } .tbl, .tblover { font-size: 1em; margin:0 auto; padding:0 .2em; } .TrCALBG0, .CALBG0 { display: none; } .forum, .forum a, .forum2, .forum2 td, tr.forum2 { font-size: 1em; } .quest { font-size: 1em; background-color:#F3F3F3; } .rep { font-size: 1em; background-color: #FFF; } ul.item li.item, .curr_item, ul.item li.curr_item a, .item, .item a { padding:.5em 0; font-size: 1em; } .rubr, p.rubr, .lirubr, .lirubr2, .phrubr, .phrubr2, .farubr, .farubr2, .dnrubr, .dnrubr2 { margin:1em 0; font-size: 1em; } #gytabs li { width: 95%; line-height: 1.5em; margin:.5em 0; } .ariane { background-color:#FFF; padding:.5em 0; } #BottomBoxes { padding:0; box-shadow:none; } #BottomBoxes .titrebox, #BottomBoxes .titre { margin:1em 0; padding:1em .5em; border:none; } #BottomBoxes .tblbox, #BottomBoxes .tbl { margin:.5em 0; padding:.5em; border:none; border-radius:0; } #footer, .copyright, a.copyright, .timer { color:#FFF; background-color:#404040; } .top { float:right; color:#FFF; padding-right:1em; } .timer { display:none; } .copyright { font-size:.8em; } }
• Modifier La Feuille de Style DES FONTES (fontstyle)
  • /* --------- CSS to list @font-faces of no_skin ----------- */
• La Feuille de Style EXISTANTE
  • /* --------- CSS generated for no_skin_copie ----------- */ /* --------- CSS to list @font-faces of no_skin ----------- */ @font-face { font-family: "fontello"; src: url("font/fontello.eot?33978178"); src: url("font/fontello.eot?33978178#iefix") format("embedded-opentype"), url("font/fontello.woff?33978178") format("woff"), url("font/fontello.ttf?33978178") format("truetype"), url("font/fontello.svg?33978178#fontello") format("svg"); font-weight: normal; font-style: normal; } html { /* document */ font-size: 62.5%; color: #000000; background-color: #F3F3F3; } body { /* corps du document */ margin: 0; padding: 0; text-align: center; font: 1.3rem Arial, Helvetica, sans-serif; color: #000000; } /************ * Général */ a { /* lien */ color: #000000; background: inherit; text-decoration: none; } a.titre { /* lien titres */ color: #404040; background-color: inherit; text-decoration: none; } a:hover { /* lien survolé */ color: #00BEF2; text-decoration: none; font-weight: normal; background-color: inherit; } p { /* paragraphe */ margin: 16px 0; color: inherit; background: inherit; } hr { /* ligne horizontale */ height: 0px; border: 0; width: 98%; } ul, ol, dl, dd, dt { /* listes */ padding: 0; margin: 0; } h1 { /* titre niveau 1 */ font-size: 24px; } h2 { /* titre niveau 2 */ font-size: 18px; } h3 { /* titre niveau 3 */ font-size: 16px; } h4 { /* titre niveau 4 */ font-size: 14px; } img, object, embed, canvas, video, audio, picture { border-style: none; max-width: 100%; height: auto; } /****************************************** * Mise en page des blocks div principaux */ #noscriptWarning { background: #B5121B; color: #FFF; position: fixed; top: 0; left: 0; width: 100%; height: 24px; line-height: 24px; font-weight: 700; font-size: 11px; font-family: Arial, sans-serif; } #page { /* all the page */ background-color: rgba(243,243,243, 1); border: 0; border-radius: 0px; position: relative; width: 100%; max-width: 100%; margin: 0 auto; padding: 0; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; color: inherit; } #header { /* header */ height: 0px; margin: 0px; padding: 0; color: inherit; background-color: transparent; border: 0; border-radius: 0px; } #header .row { max-width: 1280px; margin: 0 auto; } #TopBoxes { /* area between header and main area */ margin: 0px; padding: 0px; width: 100%; max-width: 100%; height: auto; color: inherit; background-color: rgba(243,243,243, 1); border: 0; border-radius: 0px; } #TopBoxes .row { max-width: 1280px; margin: 0 auto; } #MainContent { /* main area */ margin: 0 auto; padding: 0px; width: 100%; max-width: 1280px; display: -webkit-flex; display: flex; border: 0; border-radius: 0px; background-color: transparent; } #LeftBoxes { /* left boxes area */ margin: 0px; padding: 0px 5px 0px 5px; width: 200px; min-width: 200px; background-color: transparent; border: 0; border-radius: 0px; max-width: 100%; vertical-align: top; display: inline-block; order: 1; } #CenterBoxes { /* center area */ margin: 0; padding: 0px 0px 0px 0px; width: 100%; vertical-align: top; display: inline-block; border: 0; border-radius: 0px; background-color: transparent; order: 2; } #RightBoxes { /* right boxes area */ margin: 0px; padding: 0px 5px 0px 5px; width: 200px; min-width: 200px; background-color: transparent; border: 0; border-radius: 0px; max-width: 100%; vertical-align: top; display: inline-block; order: 3; } #AboveBoxes { /* boxes above in center area */ margin: 0 auto; padding: 0px 0px 0px 0px; background-color: transparent; border: 0; border-radius: 0px; } #EditoBoxes { /* boxes that appear in the home page - HOMEPAGE CONFIG */ margin: 0; width: 100%; padding: 0px 0px 0px 0px; background-color: transparent; border: 0; border-radius: 0px; } #EditoBoxes .row { max-width: 1280px; margin: 0 auto; } #UnderBoxes { /* boxes under center area */ margin: 0 auto; padding: 0px 0px 0px 0px; border: 0; border-radius: 0px; } #BottomBoxes { /* area between main and footer */ width: 100%; max-width: 100%; height: auto; margin: 0px; padding: 10px 0px 0px 0px; color: inherit; text-align: left; background-color: rgba(243,243,243, 1); border: 0; border-radius: 0px; } #BottomBoxes .row { max-width: 1280px; margin: 0 auto; } #footer { /* footer Copyright */ font: 12px Arial, Helvetica, sans-serif; text-align: left; color: #404040; width: 100%; max-width: 100%; height: auto; margin: 0px; padding: 10px 0px 10px 0px; background-color: rgba(243,243,243, 1); border: 0; border-radius: 0px; } #footer .row { max-width: 1280px; margin: 0 auto; } .copyright { background-color: transparent; color: #404040; text-align: left; } .top { background: transparent; color: #404040; text-align: left; font: 1.2em Arial, Helvetica, sans-serif; font-weight: bold; } a.top span { font-family: fontello; } .txtspeC { margin: 12px 0 4px; } .txtspeLR { margin: 8px 0 4px; } .txtspeG { padding: 10px 0 0; } .timer { background-color: transparent; color: #404040; font: italic 0.9em Arial, Helvetica, sans-serif; text-align: left; padding: 8px; } #skinCopyright { width: 100%; margin-top: 2px; color: #404040; text-align: left; } #MainBlog { margin: 0; padding: 0px 0px 0px 0px; width: 100%; text-align:center; display: -webkit-flex; display: flex; border: 0; border-radius: 0px; background-color: transparent; } #BlogTop { width: 100%; padding: 0; margin: 0; color: inherit; background-color : transparent; } #BlogLeftBoxes { /* blog left column */ margin: 0px; padding: 0px 5px 0px 5px; color: inherit; width: 200px; min-width: 200px; background-color: transparent; border: 0; border-radius: 0px; max-width: 100%; vertical-align: top; display: inline-block; order: 1; } #BlogCenterBoxes { /* blog center area */ margin: 0; padding: 0px 0px 0px 0px; width: 100%; vertical-align: top; display: inline-block; border: 0; border-radius: 0px; background-color: transparent; order: 2; } #BlogRightBoxes { /* blog right boxes */ margin: 0px; padding: 0px 5px 0px 5px; color: inherit; width: 200px; min-width: 200px; background-color: transparent; border: 0; border-radius: 0px; max-width: 100%; vertical-align: top; display: inline-block; order: 3; } /******************************************* * Mise en page des blocks dans le header */ div.logo { /* block logo */ margin: 0px; padding: 20px 7px 10px 7px; text-align: center; } div.banner { /* block bannière */ background-repeat: no-repeat; margin: 0px; padding: 50px 7px 7px 7px; text-align: center; } /************************* * block boite citation */ div.quote { /* block citation */ margin: 0px; padding: 10px 4px 4px 4px; text-align: center; background-color: transparent; border: 0; border-radius: 0px; } div.quote span.labelcita { /* label */ font: bold 13px Arial, Helvetica, sans-serif; color: #404040; background: transparent; margin: 0; padding: 0 8px; } div.quote span.cita { /* texte */ font: 13px Arial, Helvetica, sans-serif; color: #404040; background: transparent; font-style: normal; text-align: center; border: 0px; margin: 0; padding: 0 8px; } div.quote span.author { /* auteur */ font: italic 13px Arial, Helvetica, sans-serif; color: #404040; background: transparent; } /********************************* * bloc horizontal Menu sections */ div.menuIcons { /* block menu */ padding: 0; margin: 0 0 6px; } div.menuIcons ul { /* block liste du menu */ margin: 0; padding-left: 36px; list-style: none; width: auto; height: 32px; border: 0; border-radius: 0px; background-color: transparent; } div.menuIcons ul.noflag { padding-left: 4px; } div.menuIcons ul li { /* toutes les sections */ float: left; margin-right: 8px; text-align: center; } div.menuIcons ul li span { /* toutes les sections */ display: block; white-space: nowrap; } div.menuIcons ul li a img { /* toutes les sections */ height: 28px; max-height: 56px; padding-bottom: 2px; } div.pop.menuIcons_flag { /* section drapeau */ float: left; text-align: center; white-space: normal; top: 28px; width: 32px; } div.pop.menuIcons_flag img { /* séparation drapeau */ border: 0px; vertical-align: middle; } div.pop.menuIcons_flag img.imglatflag { margin: 0 0 0 -16px; padding: 0 0 6px; } div.pop.menuIcons_flag span.popflagT { /* séparation drapeau */ top: 32px; width: 128px; font: 13px Arial, Helvetica, sans-serif; text-align: center; } div.pop.menuIcons_flag span.popflagS { top: 20px; width: 128px; font: 13px Arial, Helvetica, sans-serif; text-align: center; } div.menuIcons ul li.menu_admin { /* section admin */ float: right; padding-right: 3px; } div.menuIcons ul li a span { /* lien */ background-color: transparent; color: #404040; margin: 0px 0px 0px 0px; padding: 2px 4px 2px 4px; border: 0; border-radius: 0px; text-decoration: none; font: bold 14px Arial, Helvetica, sans-serif; } div.menuIcons ul li a span.current { /* lien actif */ background-color: #000000; color:#FFFFFF; margin: 0px 0px 0px 0px; padding: 2px 4px 2px 4px; border: 0; border-radius: 0px; text-decoration: none; } div.menuIcons ul li a:hover span { /* lien survolé*/ background-color: transparent; color: #C0C0C0; margin: 0px 0px 0px 0px; padding: 2px 4px 2px 4px; border: 0; border-radius: 0px; text-decoration: none; } /************************************* * bloc boîte latérale Menu Sections */ .titleboxmenu { padding-left: 28px; } ul.boxmenu { /* block liste */ margin: 0; padding: 5px 0; list-style: none; } ul.boxmenu li { /* items liste */ margin-bottom: 10px; } ul.boxmenu li .cur_item { /* items actifs liste */ margin-bottom: 10px; } ul.boxmenu li img { /* icons */ vertical-align: middle; margin-right: 10px; height: 28px; max-height: 56px; } /**************** * Fil d"ariane */ .ariane { /* bloc fil d"ariane */ text-align: left; padding: 4px; margin: 0px; color: #000000; } div.ariane span.arianeOn a { /* adresses actives */ font-style: italic; color: #000000; } div.ariane span.arianeOff { /* page courante */ font-style: italic; color: #00BEF2; } /**************************************** * Mise en page des blocs dans le corps */ /* bloc boîtes latérales */ .htable { margin-bottom: 8px; } .htable1 { margin-bottom: 8px; } .titrebox { /* Titre */ background-color: rgba(64,64,64, 1); border: 0; border-radius: 0px; margin: 7px 7px 0px 7px; padding: 5px 5px 5px 5px; white-space: normal; word-wrap: break-word; font: bold 15px Arial, Helvetica, sans-serif; color: #FFFFFF; text-align: left; cursor: pointer; } .tblbox { /* Corps */ background-color: rgba(255,255,255, 1); border: 0; border-radius: 0px; margin: 0px 7px 0px 7px; padding: 5px 5px 10px 5px; color: inherit; text-align:left; } .tblboxover { /* Corps survolé */ background-color: rgba(255,255,255, 1); } /* bloc boîtes centrales */ .titre { background-color: rgba(0,190,242, 1); border: 0; border-radius: 0px; margin: 7px 7px 0px 7px; padding: 5px 5px 5px 10px; white-space: normal; word-wrap: break-word; font: bold 15px Arial, Helvetica, sans-serif; color: #FFFFFF; text-align: left; } .titre a { background-color: rgba(0,190,242, 1); padding: 5px 5px 5px 10px; white-space: normal; word-wrap: break-word; font: bold 15px Arial, Helvetica, sans-serif; color: #FFFFFF; text-align: left; } .titre a span { background-color: inherit; } .tbl { font: 12px Arial, Helvetica, sans-serif; color: #404040; border: 0; border-radius: 0px; margin: 0px 7px 7px 7px; padding: 5px 5px 10px 5px; text-align:left; background-color: rgba(255,255,255, 1); } .tblover { background-color: rgba(255,255,255, 1); } div ul, ol { /* listes */ padding: 8px 0 8px 8px; margin-left: 16px; } div li{ padding: 0; margin-left: 12px; } .box { font: 13px Arial, Helvetica, sans-serif; color: #404040; background-color: transparent; text-align: left; } p.box { margin: 0; font: 13px Arial, Helvetica, sans-serif; color: #404040; background-color: transparent; } .box a, .item a { color: #000000; background-color: transparent; text-decoration: none; font: 13px Arial, Helvetica, sans-serif; } .box a:hover, .item a:hover { color: #00BEF2; text-decoration: none; background-color: transparent; } /* boîtes diverses */ .boxnet { width: auto; margin: auto; text-align: center; background-color: transparent; } .boxprint { margin: 0; height: 40px; font: 13px Arial, Helvetica, sans-serif; color: #000000; background-color: transparent; } .boxprint1 { float: right; } .boxprint2 { float: right; padding-right: 10px; } /* search boxes */ .thinboxsearch { background-color: transparent; text-align: center; } .thinboxsearchW { margin: -4px 0 0; } .thinboxsearchM { margin: 18px 0 20px; } .wideboxsearch { background-color: transparent; text-align: center; } .thinboxsearch1 { background-color: transparent; text-align: center; } .wideboxsearch1 { background-color: transparent; padding-bottom: 8px; margin: auto; text-align: center; } .imgsearchW { vertical-align: bottom; cursor: pointer; padding-left: 0; } .imgsearchM { vertical-align: bottom; cursor: pointer; padding-left: 14px; } .thinboxsearch2 { display: none; background-color: transparent; text-align: center; } .wideboxsearch2 { display: none; background-color: transparent; padding-bottom: 8px; margin: -10px auto auto; text-align: center; width: 172px; } .thinboxsearch2W, .wideboxsearch2W { position: absolute; z-index: 999; } .thinboxsearch3W, .wideboxsearch3W { text-align: center; width: 172px; margin: 0 auto; } .thinboxsearch3M, .wideboxsearch3M { margin: 8px 0 20px; } .searchlngW { text-align: center; width: 172px; margin: -4px auto 0; } .searchlngM { margin: 0 0 14px; } .adv1web { text-align: center; font-size: 0.8em; margin-top: -2px; } .adv1mob { text-align: center; font-size: 0.8em; margin-top: 14px; } .adv2 { display: none; text-align: center; font-size: 0.8em; margin-top: -2px; height: 2px; } .adv2W { height: 15px; } .searchclose { cursor: pointer; float: right; margin: -12px 0 0; } /********************* * bloc boîtes menus */ .rubr { /* catégories des articles */ font: 13px Arial, Helvetica, sans-serif; color: #000000; background-color: transparent; text-align: left; margin: 1px; padding: 4px 2px; } p.rubr { padding: 0 2px; margin: 1px; font: 13px Arial, Helvetica, sans-serif; color: inherit; background-color: transparent; text-align: left; line-height: 20px; font-weight: bold; } p.rubr:hover { color: #00BEF2; } .item { font: 13px Arial, Helvetica, sans-serif; color: #000000; background-color: transparent; text-align: left; list-style: none; margin: 0; padding: 2px 0; } ul.item { margin: 0; padding: 0; } ul.item li.item { /* titres des articles */ font: 13px Arial, Helvetica, sans-serif; color: #000000; background-color: transparent; text-align: left; list-style: none; padding: 2px 0 2px 10px; } .curr_item { font: 13px Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #404040; text-align: left; list-style: none; padding: 2px 0; } ul.item li.curr_item a { /* titre article est affiché */ font: 13px Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #404040; text-align: left; list-style: none; padding: 2px 0 2px 10px; } /********** * Photos */ .phrubr { font: 15px Arial, Helvetica, sans-serif; color: inherit; text-align: left; margin: 2px 0px; padding: 2px 6px; border: 0px; cursor: pointer; background-color: transparent; } .phrubr2 { font: 13px Arial, Helvetica, sans-serif; color: inherit; text-align: left; margin: 2px 0px; padding: 2px 0px; border: 0px; cursor: pointer; background-color: transparent; } .phsubrubr { text-align: justify; padding-left: 35px; } .phitem2 { float: left; text-align: right; margin-left: 20px !important; margin-left: 12px; height: 15px; } .phcomment { font: 12px Arial, Helvetica, sans-serif; padding: 0 10px; } .phimgs { font: 12px Arial, Helvetica, sans-serif; margin: 5px; background-color: transparent; padding: 10px 5px 5px 5px; } .phimgs2 { padding-left: 4px; } .phimg { /* miniatures des galeries photos */ background: transparent; margin: 4px 4px 10px; border: 1px solid #C0C0C0 !important; border-radius: 4px; box-shadow: 1px 2px 2px #555; } .phcpt { font: 12px Arial, Helvetica, sans-serif; float: right; font-weight: normal; padding: 0px 6px; } .photobox { /* contenu boite photorama */ padding: 10px 5px 15px; } .phtitlebox { text-align:center; margin-bottom:6px; font-size: 15px; font-weight: bold; } .galcounter { font: 12px Arial, Helvetica, sans-serif; float: right; font-weight: normal; padding: 0px 6px; } /********* * Liens */ .lititlecat { text-align: center; width: 80%; margin: 10px auto; padding: 4px 0; font: 14px Arial, Helvetica, sans-serif; background-color: transparent; border: 1px solid #000000; border-radius: 0px; color: #000000; } .licatlink { width: 80%; margin: 5px auto; padding: 4px 0; font: 14px Arial, Helvetica, sans-serif; background-color: transparent; border: 1px solid #000000; border-radius: 0px; color: #000000; } .licatlink img { padding: 0 8px; vertical-align: middle; } .lirubr { text-align: left; font: 15px Arial, Helvetica, sans-serif; color: inherit; background: transparent; margin: 2px 0px; padding: 2px 6px; border: 0px; cursor: pointer; background-color: transparent; } .lirubr2 { text-align: left; font: 13px Arial, Helvetica, sans-serif; color: inherit; margin: 2px 0px; padding: 2px 6px; border: 0px; cursor: pointer; background-color: transparent; } .lirubr3 { margin-left: 20px !important; margin-right: 12px; height: 15px; } .lisubrubr { text-align: justify; padding-left: 35px; } .licontent { margin: 5px; } /******* * FAQ */ .fatitlecat { text-align: center; width: 80%; margin: 10px auto; padding: 4px 0; font: 14px Arial, Helvetica, sans-serif; background-color: transparent; border: 1px solid #000000; border-radius: 0px; } .facatlink { width: 80%; margin: 5px auto; padding: 4px 0; font: 14px Arial, Helvetica, sans-serif; background-color: transparent; border: 1px solid #000000; border-radius: 0px; } .facatlink img { padding: 0 8px; vertical-align: middle; } .farubr { text-align: left; font: 15px Arial, Helvetica, sans-serif; color: inherit; background: transparent; margin: 2px 0px; padding: 2px 6px; border: 0px; cursor: pointer; background-color: transparent; } .farubr2 { text-align: left; font: 13px Arial, Helvetica, sans-serif; color: inherit; margin: 2px 0px; padding: 2px 6px; border: 0px; cursor: pointer; background-color: transparent; } .farubr3 { margin-left: 20px !important; margin-right: 12px; height: 15px; } .fasubrubr { text-align: justify; padding-left: 35px; } .facontent { margin: 5px; } .fainfos { font-size: 11px; } .fainfos strong { margin: 0 20px; } /******************* * Téléchargements */ .dwnld1Body { padding: 4px; } .maindwnld { padding: 5px; overflow: auto; } .divdwnld { padding: 5px; } .div1dwnld { padding: 5px 20px; } .dntitlecat { text-align: center; width: 80%; margin: 10px auto; padding: 4px 0; font: 14px Arial, Helvetica, sans-serif; background-color: transparent; border: 1px solid #000000; border-radius: 0px; } .dncatdwnl { width: 80%; margin: 5px auto; padding: 4px 0; font: 14px Arial, Helvetica, sans-serif; background-color: transparent; border: 1px solid #000000; border-radius: 0px; } .dncatdwnl img { padding: 0 8px; vertical-align: middle; } .dnrubr { text-align: left; font: 15px Arial, Helvetica, sans-serif; color: inherit; background: transparent; margin: 2px 0px; padding: 2px 6px; border: 0px; cursor: pointer; background-color: transparent; } .dnrubr2 { text-align: left; font: 13px Arial, Helvetica, sans-serif; color: inherit; margin: 2px 0px; padding: 2px 6px; border: 0px; cursor: pointer; background-color: transparent; } .dnrubr3 { margin-left: 20px !important; margin-right: 12px; height: 15px; } .dnsubrubr { text-align: justify; padding-left: 35px; } .dncontent { margin: 5px; } .dnlink { margin: 0 15px; } .dninfos { font-size: 11px; } .dninfos span { margin: 0 20px; } /************** * info bulle */ .pop { text-align: justify; cursor: help; float: left; position: relative; z-index: 30; } .pop a { display: block; } .pop span { display: none; z-index: 30; } .pop a:hover span { color: #404040; background-color: #F3F3F3; font: normal 12px Arial, Helvetica, sans-serif; border: 1px solid #000000; border-radius: 5px; display: block; position: absolute; width: 280px; text-decoration: none; padding: 4px; margin-top: 8px; text-shadow: 0px 0px 0px; } .pop a:hover span em { position: absolute; top: -7px; left: 8px; height: 7px; width: 11px; background: transparent url(img/infobullet.png); border: 0px; } /************** * Calendrier */ .cal { width: 100%; margin: auto; text-align: center; font: 13px Arial, Helvetica, sans-serif; border: 0px; border-collapse: separate; border-radius: 0px; border-spacing: 0px; color: inherit; background-color: #00BEF2; } tr.cal { /* calendar nav bar */ font: 13px Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #00BEF2; text-align: center; } select.cal { /* mont and year selection */ font: 13px Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #00BEF2; border: 1px solid #C0C0C0; } td.cals { /* week */ font: 13px Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: transparent; width: 14%; text-align: center; } td.cal0 { /* empty cell*/ font: 13px Arial, Helvetica, sans-serif; color: #000000; background-color: #FFFFFF; width: 14%; text-align: center; } td.cal1 { /* days */ font: 13px Arial, Helvetica, sans-serif; color: #000000; background-color: #FFFFFF; width: 14%; text-align: center; } td.cal2 { /* today */ font: 13px Arial, Helvetica, sans-serif; color: #000000; background-color: #00BEF2; border: 0; border-radius: 0px; width: 14%; text-align: center; } td.cal3 { /* sunday or special */ font: 13px Arial, Helvetica, sans-serif; color: #000000; background-color: #FFFFFF; border: 0; border-radius: 0px; width: 14%; text-align: center; } td.cal4 { /* today is sunday or special */ font: 13px Arial, Helvetica, sans-serif; color: #0000FF; background-color: #FFFFFF; border: 0; border-radius: 0px; width: 14%; text-align: center; } td.calevt { /* planner event */ font: 13px Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #C0C0C0; text-align: center; width: 14%; } td.calevt a { /* link of planner event */ font: 13px Arial, Helvetica, sans-serif; color: inherit; } td.leftNavCalW img, td.midNavCalW a, td.rightNavCalW img { vertical-align: middle; } td.leftNavCalM, td.midNavCalM, td.rightNavCalM { padding: 10px 0 16px; } td.mnthyearCalW { max-height: 22px;margin: 1px 0; } td.mnthyearCalM { max-height: 22px; margin: 1px 0; padding: 10px 0; } .selYearCal { width: 72px; } .selMonthCal { width: 98px; } .mnthyearBtnCal { max-height: 22px; margin-top: 4px; } .cellCalM { padding: 10px 0 16px; } .calagd { color: #000000; } /*********************** * Formulaires (Forms) */ form { /* formulaire */ margin: 3px 0; } fieldset { /* Encadrement des champs */ border: 1px solid #C0C0C0; border-radius: 0px; margin: 8px; } legend { /* légende des encadrements */ font: 12px Arial, Helvetica, sans-serif; color: #404040; background-color: transparent; font-weight: bold; padding: 0 4px; margin-left: 5%; } input.bouton, button { /* bouton */ cursor: pointer; margin: 4px 0; padding: 2px 2px 2px 2px; border: 1px inset #C0C0C0; border-radius: 0px; background-color: #C0C0C0; color: #404040; font: 13px Arial, Helvetica, sans-serif; } input.bouton:hover, button:hover { /* bouton survolé */ background-color: #999999; color: #FFFFFF; border: 1px inset #FFFFFF; } input.texte { /* champ texte */ background-color: #FFFFFF; font: 13px Arial, Helvetica, sans-serif; color: #000000; border: 1px solid #C0C0C0; border-radius: 0px; margin: 4px 0; padding: 0px 2px; } select { /* champ select */ color: #000000; background-color: #FFFFFF; font: 13px Arial, Helvetica, sans-serif; border: 1px solid #C0C0C0; border-radius: 0px; margin: 4px 0; } textarea { /* champ textarea */ color: #000000; background-color: #FFFFFF; border: 1px solid #C0C0C0; border-radius: 0px; overflow: auto; margin: 4px 0; } /*********************************** * boîtes centrales forum - tables */ .row { width: 100%; border: 0px; } .col { width: 100%; max-width: 100%; vertical-align: top; display: inline-block; } .tbldiv { display: table; border-collapse: separate; border-spacing: 2px; width: 100%; max-width: 100%; } .trtbldiv { display: table-row; text-align: center; } .tdtbldiv { display: table-cell; } .forum, .forum a { background-color: #404040; padding: 5px 5px; font: bold 12px Arial, Helvetica, sans-serif; color: #FFFFFF; text-align: center; vertical-align: middle; } .forum2 { background-color: #404040; padding: 5px 5px; font: 12px Arial, Helvetica, sans-serif; color: #FFFFFF; text-align: left; } .thtbldiv { display: table-cell; vertical-align: middle; padding: 0px 4px; text-align: center; font-weight: bold; } .trhtblfr { display: table-row; height: 34px; background-color: #404040; padding: 5px 5px; font: 13px Arial, Helvetica, sans-serif ; color: #FFFFFF; text-align: left; } .tdtblfr { display: table-cell; vertical-align: top; padding: 4px; text-align: left; } .bottomfrt { padding: 6px 4px 0px; margin: 8px auto; max-width: 100%; text-align: left; vertical-align: middle; } .frtrules { margin: 5px 40px; height: 300px; overflow: auto; } .quest { background-color: #E0E0E0; padding: 5px 5px 5px 5px; font: 12px Arial, Helvetica, sans-serif; color: #404040; text-align: left; } .rep { background-color: #FFFFFF; padding: 10px 5px 5px 5px; font: 12px Arial, Helvetica, sans-serif; color: #404040; text-align: left; } .rep > p { background: transparent; } .bord { padding: 1px; border: 0; } .bord2 { border: 2px double #FFFFFF; } .Code { border: 1px solid #404040; padding-right: 5px; padding-left: 5px; color: #404040; font: 12px Arial, Helvetica, sans-serif, Monospace; background-color: #FFFFFF; } /********************* * Editeur pgeditor */ div.pgeditor { color: inherit; background-color: inherit; } div #toolbarIcons_ptxt, div #toolbarSmileys_ptxt { color: inherit; background-color: #F3F3F3; border: 1px solid #000000; } div #toolbarIcons_ptxt { border-radius: 0px; } div #toolbarSmileys_ptxt { border-radius: 0px; } /************************ * Divers, inclassables */ .f-right { float: right; } .f-left { float: left; } .c-right { clear: right; } .c-left { clear: left; } .c-both { clear: both; } .divnewline { min-height: 24px; } .notice { color: #FF0000; background-color: #FF9; padding: 2px; } .errorInputText { background-color: #FFE5E5; font: 13px Arial, Helvetica, sans-serif; color: #000099; border: 1px solid #C0C0C0; border-radius: 0px; margin: 4px 0; padding: 0px 2px; } .clsCursor { cursor: pointer; } .cursorHelp { cursor: help; } .textRight { text-align: right; } .textLeft { text-align: left; } .textCenter { text-align: center; } .textJustify { text-align: justify; } .textUpper { text-transform: uppercase; } .textUnderline { text-decoration: underline; } .valignTop { vertical-align: top; } .valignMiddle { vertical-align: middle; } .valignBottom { vertical-align: bottom; } .marginAuto { margin: auto; } .popupMail { margin: 8px 0; } .displayNone { display: none; } .displayBlock { display: block; } .displayInline { display: inline; } .displayInlineBlock { display: inline-block; } .dispError { max-width: 480px; margin: auto; background-color: #FFF; } .dispError2 { color: #FFF; background-color: #FF0000; text-align: center; font-size: 10pt; font-weight: bold; padding: 2px 0; } .dispArrow { float: right; font-family: fontello; font-size: 13px; padding: 3px 6px 0 0; } .img11x11 { width: 11px; height: 11px; } .img15x15 { width: 15px; height: 15px; } .img17x17 { width: 17px; height: 17px; } .img32x32 { width: 32px; height: 32px; } .width100 { width: 100%; } .width98 { width: 98%; } .width95 { width: 95%; } .width88 { width: 88%; } .width85 { width: 85%; } .width78 { width: 78%; } .width76 { width: 76%; } .width75 { width: 75%; } .width60 { width: 60%; } .width55 { width: 55%; } .width50 { width: 50%; } .width48 { width: 48%; } .width45 { width: 45%; } .width40 { width: 40%; } .width35 { width: 35%; } .width30 { width: 30%; } .width25 { width: 25%; } .width22 { width: 22%; } .width20 { width: 20%; } .width18 { width: 18%; } .width15 { width: 15%; } .width13 { width: 13%; } .width12 { width: 12%; } .width10 { width: 10%; } .widthAuto { width: auto; } .web342 { margin: 15px 0 35px; } .bgInherit { background: inherit; } .boxCryptW { margin: 8px 0 0; } .boxCryptM { margin: 0 0 24px; } .basicCube1 { height: 128px; } .popRss { width: 64px; } .popRss span { top: 20px; } .fontBold { font-weight: bold; } .fontXsmall { font-size: x-small; } .showprogbar { z-index: 50; position: absolute; left: 33%; top: 360px; width: 300px; padding: 20px; border-width: 4px; border-style: inset; } .workprogress { padding: 10px; border: 3px solid #FF0000; font-size: larger; } .loadingpage { position: absolute; left: 20%; top: 28px; width: 240px; padding: 5px; border-width: 1px; border-style: solid; background-color: #EEEEFF; } .posRelative { position: relative; } .posAbsolute { position: absolute; } .noborder { border: 0px; } .nobackground { background-image: none; } .bknocolor { background: transparent; } .trheadsearch { background-color: #E0E0E0; } .tr2headsearch { padding: 4px; background-color: #FFFFFF; } .txthiddensearch { overflow: auto; height: 300px; } /******* * Rss */ .rssitem { padding: 6px; } .text1newsrss, .text2newsrss { margin: 2px auto; padding: 10px 5px 5px; } .datitemrss { color: #999; } .pubdateRss { color: #999; } /************* * Postguest */ .pg280 { width: 280px; } .pg360 { width: 360px; } .pgrbra { height: 160px; overflow: auto; border-style: groove; } .pgc1 { max-width: 520px; height: 160px; overflow: auto; border-style: groove; } .pgptxt { padding: 5px } /********************* * Boîte Préférences */ .userButtonM { margin: 4px 0 28px; } .userIdentW { margin: -4px 0 0; } .userIdentM { margin: 0 0 16px; } .userLostM { margin: 24px 0 8px; } .userLostA { font-size:0.9em; } .userWave object { width: 0; height: 0; } .visits { position: absolute; margin: -210px 0 0 24px; padding: 4px; width: 190px; background: #F3F3F3; color: #404040; border: 1px solid #000000; border-radius: 5px; display: none; z-index: 15; } .visits2 { max-height: 200px; overflow: auto; background: transparent; text-align: left; } .visits2 img { vertical-align: middle; height: 24px; padding: 1px 2px; } .visitsClose { margin: 8px 6px 0; font-family: fontello; font-size: 13px; } .avatar { vertical-align: middle; height: 24px; padding: 1px 2px; } .connectedList { margin-top: 6px; } .connectedImg { margin: 0 0 0 4px; } .connectedUserM { margin-bottom: 24px; } .userprefIP { margin: 10px; } .itemRssBoxW { margin: 0; } .itemRssBoxM { margin: 8px 0 24px; } /************************* * Boîte Infos Webmastre */ .webm { padding-left: 4px; } .webmtblM { width: 100%; margin: 16px 0; } /*********************** * Barre de navigation */ .navbarLeftW { padding: 5px; } .navbarLeftM { padding: 5px 15px 5px 5px; } .imgMinusM { padding-right: 5px; } .imgPlus { padding-left: 5px; } .navbarRightW { padding: 5px; } .navbarRightM { padding: 5px 5px 5px 15px; } /************* * Guestbook */ .gbkb1W { padding-top: 6px; } .gbkb1M { padding-top: 32px; } .gbkc1 { padding-bottom: 24px; } /********** * Agenda */ .calagvL { margin: 1px; min-width: 60px; padding-top: 10px; } .calagvR { margin: 1px; } .calendarg, .calendard { margin: 1px; padding: 4px; } .calimggW, .calimgdW { width: 14px; height: 11px; } .calimggM { padding-right: 32px; width: 14px; height: 11px; } .calimgdM { padding-left: 32px; width: 14px; height: 11px; } /********* * Forum */ .valign-5 { vertical-align: -5px; } .valign-4 { vertical-align: -4px; } .valign-1 { vertical-align: -1px; } .frtbldiv { margin: 8px auto; } .frtdtbldiv { padding: 3px; } .frWtdtbldiv { white-space: nowrap; width: 24%; padding: 0 3px; } .postsBtnForum { margin-right: 4px; padding: 6px 0 0 3px; } .mailBtnForumWW { margin-right: 64px; padding: 6px 0 0; } .mailBtnForumTW { margin-right: 4px; padding: 6px 0 0; } .mailBtnForumM { width: 48%; padding: 6px 0 0; } .newmembBtnForumW { width: 17%; padding: 6px 2px 2px; } .newmembBtnForumM { width: 45%; padding: 6px 2px 2px; } .connectBtnForumW { width: 15%; padding: 6px 2px 2px; } .connectBtnForumM { width: 45%; padding: 6px 2px 2px; } .membTopForumWW { padding-top: 12px; } .membTopForumWM { width: 100%; padding-top: 12px; } .membTopForumTW { padding-top: 12px; } .membTopForumTM { width: 100%; padding-top: 12px; } .userWaveForum { top: 2px; left: 274px; width: 38px; height: 38px; } .userWaveForum img { padding-top: 2px; } .userWaveForum object { width:0; height:0; } .searchTopForum { padding: 4px 2px 4px 0; } .seluserTopForum { width: 100px; } .mailsubmitTopForum { padding-left: 5px; } .frtlnkarch img { vertical-align: -4px; } .frtlnkrules { margin-top: -8px; } .frlnkforumM { margin-bottom: 18px; } .frlnkcategW { margin-left: 18px; } .frlnkcategM { margin: 0 0 18px 18px; } .frbottom { padding: 16px 0 4px; } .frimgsbottom { padding: 4px; } .frretfrt { width: 250px; margin-top: -8px; padding-top: 2px; } .thlnkforumW { margin-left: 8px; } .thlnkforumM { margin: 0 0 18px 8px; } .thlnkcateg { margin-left: 18px; } .thmainM { margin-bottom: 32px; } .thhead { margin-bottom: 4px; } .thheadsubjectW { height: 32px; min-width: 150px; max-width: 160px; } .thheadsubjectM { height: 32px; min-width: 110px; max-width: 160px; } .thheadbody { word-break: break-all; } .thbody { margin-bottom: 6px; } .thbodysubjectW { min-width: 146px; max-width: 160px; } .thbodysubjectM { min-width: 108px; max-width: 160px; } .thtimetop { height: 52px; z-index: 15; border-width: 1px; border-style: solid; border-radius: 8px; background: inherit; } .closethtimetop { margin: -24px 4px 0 0; } .thmoveto { height: 46px; z-index: 15; border-width: 1px; border-style: solid; border-radius: 8px; background: inherit; } .thtocat { width: 120px; } .closethtocat { margin: 20px 4px 0 0; } .thbodycontentW { width: 99.8%; margin: -4px -6px 6px -4px; padding: 4px; } .thbodycontentM { width: 99.8%; margin: -4px -6px 6px -4px; padding: 4px; word-break: break-all; } .thbodybottom { height: 28px; } .thcoders { padding-top: 4px; } .themail { padding-left: 5px; } .thimgsiteW { padding-left: 5px; } .thimgsiteM { padding-left: 24px; } .thimgrepM { padding-right: 24px; } .thmsgicons { padding: 4px; margin: 4px auto 0 0; } .thretbutton { padding: 2px 0 4px 8px; } .thselcat { width: auto; padding: 2px 6px 0; } .frnoaccess { padding-bottom: 48px; } .frarchsubject { min-width: 148px; margin: 1px; white-space: nowrap; } .frarchbody { margin: 1px; } .tharchmain { margin-bottom: 8px; } .tharchsubject { max-width: 160px; } .thsign { padding-top: 8px; } .bodyfrposts { margin: 0px; padding: 0px; background-image: none; border: 0px; } .mainfrposts, .mainrules { padding: 5px; margin: 2px; } .closefrpopup { margin: 2px 10px; } /*********** * Sondage */ .textPool { padding: 2px 0; font-weight: bold; } .txt2Pool { font-weight: bold; padding: 6px 2px; } .lnkPool { padding: 2px 0; } .potbldiv { font: 10px Arial, Helvetica, sans-serif; line-height: 12px; } .poChoiceW { padding: 2px; } .poChoiceM { padding: 2px 0 20px; } .poItem { text-indent: 6px; } .poLnkResultW { padding: 2px; } .poLnkResultM { padding: 24px 0 12px; } /***************** * Lettre d"info */ .nwlPseudoM { margin-bottom: 24px; } .nwlMailW { margin-top: -4px; } .nwlMailM { margin-bottom: 24px; } .nwlActionW { padding-left: 35px; } .nwlActionM { padding-left: 35px; margin-bottom: 24px; } .nwlunsub { margin: 12px 0; } .nwlcrypt { margin-top: 8px; } .nwlyesbtn { margin-right: 6px; } .nwlnobtn { margin-left: 6px; } /******************* * Réseaux sociaux */ .rssSocnet { padding: 0 2px; } .iconSocnetW { margin: auto; padding: 0 2px; } .iconSocnetM { margin: 0 0 0 24px; padding: 0 2px; } /************* * Nouvelles */ .codersNews { padding: 12px 0 4px; } .archNews { padding: 0 0 12px; } .archNews img { vertical-align: -4px; } .postNews { margin: 0 64px 12px 0; } .editoNews { margin-top: 4px; padding: 2px; } .txt2News { margin-top: 4px; padding: 10px 5px 5px; } .headNews { margin: 2px 0 0; } /********************** * Nouveautés du site */ .itemLastdoc { margin: 8px 0 16px; } .lastdoc { margin: 0px; padding: 2px } .lastdoc2 { margin: 0px; padding: 10px 5px 5px; } .plusLastdocM { margin: 8px 12px 16px 0; } .lastdoc a, .lastdoc2 a { font-weight: bold; } /*********** * Contact */ .itemContactW { margin: 4px 0 0; } .itemContactM { margin: 4px 0 24px; } .imgContact { margin: 0 8px -4px 12px; } .dispMail{ padding: 8px; } .dispMailBody { width: 90%; padding: 8px; margin: 0 auto; } .messContactM { margin: 0; padding: 0; } .headContactW { text-align: left; font-size: medium; } .headContactM { margin-left: 8px; text-align: left; font-size: medium; } .nameContactR { padding-left: 22px; } .mailContactL { padding: 0 0 16px; } .mailContactR { padding: 0 0 16px 22px; } /******** * Blog */ .selBlogCat { width: 166px; } .dispqcBlogCat { margin-bottom: 8px; } .itemBlogBoxW { padding: 3px 6px; } .itemBlogBoxM { padding: 10px 0 16px; } .cal3Blog { white-space: nowrap; } .cal3BlogM { padding: 10px 0 16px; } .calBlogM { padding: 10px 0; } .calButton { min-width: 0px; } .cal0BlogM { padding: 10px 0 16px; } .itemRssBlog { padding: 3px; } .rssBlog { margin-bottom: 8px; } .boxreBlog2 { padding: 4px; } .headCenterBlog { margin: 2px 0 0; } .postBlog { margin: 0 64px 12px 0; } .txt2Blog { padding: 4px } .blogBlog { padding: 5px; } .blog2Blog { margin-top: 4px; padding: 10px 5px 5px; } .blog3Blog { margin-top: 4px; padding: 10px 5px 5px; } .codersBlog { padding-top: 6px; } .footerItemBlog { padding: 6px 4px 2px; font-size: 0.9em; } .commentBlog { font-size: smaller; } .commentBlogM { padding-right: 32px; } .qcItemBlog { margin: -4px 0 20px; } .messErrorBlog { padding: 6px; } .blogarch { padding: 4px; } .titleArchBlog { margin: 8px 0; } .bordTextArch { margin-top: 4px; } .textArchBlog { padding: 4px; } .actionArchBlog { padding: 2px 4px; font-size: smaller; } .pubArchBlog { padding: 2px 4px; font-size: smaller; } .titreBlog { margin: 8px 0px; } .bordBillet { margin-top: 4px; } .billetBlog { padding: 4px; } .footerBillet { padding: 4px 4px 0 0; font-size: smaller; } .leftRssBlog, .rightRssBlog { padding: 4px; } .text2RssBlog { margin: 0; padding: 2px; } .textRssBlog { margin: 2px; padding: 10px 5px 5px; } .buttonTopBlog { padding: 6px 4px 2px; } .userWaveBlog { top: 0px; left: 16%; width: 38px; height: 38px; } .userWaveBlog object { width: 0; height: 0; } .membersTopBlog { padding-top: 10px; } .nouserTopBlog { padding-top: 2px; } .searchTopBlog { padding: 4px 2px; } .lnkblarch { padding: 8px 4px 0; } .blog3arch { padding: 2px; } .txt3arch { margin: 2px; padding: 5px; } .txt2blogarch { padding: 5px; } .headblogarch { padding: 6px 4px 2px; font-size: 0.9em; } /**************** * Statistiques */ .tdstats { padding: 5px; } .vertbarStat { width: 2em; white-space: nowrap; } .horiztxtStat { width: 100px; margin: 10px; } .horizbarStat { white-space: nowrap; margin: 10px; } /************ * Articles */ .selArtNavbar { width: 120px; } .rssArt { width: 64px; } .contentArt { padding: 6px; } .codersArt { padding: 4px 0 10px; } .propArtW { width: 44%; padding-left:12px; font-size: smaller; } .propArtM { width: 100%; font-size: smaller;} .navbarArt, .prtArt { margin: 4px; } .headreactleft { padding: 4px; } /*********** * Membres */ .afterlost { margin: 32px; } .mainConnect { width: 320px; } .lostconnect { font-size: 0.9em; } .prfAdmButton { max-width: 500px; } .prftblborder { border: 1px solid #000; } .prfheadtbl { padding: 16px; } .prfava { max-height: 80px; } .prfwebsite { padding: 24px 0; } .prfimgmail { height: 24px; } .mbrlistmain { margin-top: 8px; } .mbrlistimgava { height: 32px; } .mbrlistimg { height: 24px; } .cmptlbl { margin: 2px; padding: 10px 4px; } .popsyncmail { width: 32px; } .popsyncmail img { margin: -6px 0 0 0; } .pop.popsyncmail a span { left: -270px; top: 20px; } .pop.popsyncmail a span em { left:auto; right: 12px; } .cmptsyncmail { margin: -6px 2px 0 16px; } .tbltinysend { width: 100%; max-width: 540px; } .tdrepmsg { height: 80px; width: 480px; overflow: auto; border-width: 1px; border-style: solid; } .msgtinysend { width: 500px; } .tbltinymain { width: 460px; } .trmsgtiny { padding: 8px 0; } .tdmsglnk { padding: 8px 4px; } .btntinymain { width: 460px; padding: 16px 32px 0 0; } .divcmdtiny { margin: 0 auto; width: 280px; } .frmcmdtiny { margin: 0; padding: 0; } .divreptiny { padding: 4px; margin-top: 8px; } .divheaduser { padding-left: 4px; margin-left: auto; margin-right: auto; width: 96%; } .divuseritem { margin: 2px; } .divuserpwd { margin: 8px 2px 2px; } .popuserpwd { width: auto; margin-left: 8px; } .pop.popuserpwd a span { width: 260px; left: -240px; } .pop.popuserpwd a span em { left: auto; right: 20px; } .popusersign { width: auto; margin-left: 8px; } .pop.popusersign a span { width: 260px; left: -240px; } .pop.popusersign a span em { left: auto; right: 20px; } .usermainava { margin: 16px auto auto; } .divuserava { max-height: 320px; overflow: auto; } .tbluseravaM { max-width: 280px; } .imgavaitemM { width: 42px; } .divavaitem { margin: 4px; padding: 4px; } .divuseravaextW { width: 330px; margin: 6px auto 0px; } .divuseravaextM { width: 240px; margin: 6px auto 0px; } .userextavaW { width: 280px; } .userextavaM { width: 200px; } .pop.popavaext { width: 32px; } .pop.popavaext a span { width: 290px; left: -260px; } .pop.popavaext a span em { left: auto; right: 30px; } .tbluseravaW { width: 420px; max-width: 60%; } /******************** * Menus déroulants */ ul.dropdown { list-style: none; margin: 0; padding: 0; position: relative; float: left; } ul.dropdown li { font: bold 14px Arial, Helvetica, sans-serif; padding: 7px 10px; border: 0; border-radius: 0px; background: #404040; color: #FFFFFF; list-style: none; margin: 0; float: left; line-height: 1.3em; vertical-align: middle; width: 166px; text-align: left; } ul.dropdown li:hover { color: #404040; background: #B4EBFA; position: relative; z-index: 599; cursor: pointer; } ul.dropdown li.dd_current { color: #404040; background: #C0C0C0; position: relative; z-index: 597; cursor: pointer; } ul.dropdown a:link, ul.dropdown a:visited { color: inherit; text-decoration: none; } ul.dropdown a:hover { color: inherit; } ul.dropdown ul { width: 150px; margin-top: 1px; list-style: none; margin: 0; padding: 0; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; } ul.dropdown ul li { font: bold 14px Arial, Helvetica, sans-serif; color: #404040; background: #ADE02E; width: 166px; } ul.dropdown ul ul { top: 1px; left: 99%; } ul.dropdown li *.dir { padding-right: 20px; } ul.dropdown-horizontal ul li *.dir { padding-right: 20px; } ul.dropdown li:hover > ul { transition-property : visibility; transition-delay : 300ms; visibility: visible; } ul.dropdown-vertical { width: 160px; } ul.dropdown-vertical ul { top: 1px; left: 99%; } ul.dropdown-vertical li { float: none; } ul.dropdown-vertical li.dd_current { z-index: 596; } ul.dropdown-linear { width: 100%; } ul.dropdown-linear li { width: 166px; font: bold 14px Arial, Helvetica, sans-serif; color: #FFFFFF; border: 0; border-radius: 0px; } ul.dropdown-linear li ul li { width: 800px; height: auto; background: #FFFFFF; border: 4px solid #60CDEA; border-radius: 0px 0px 10px 10px; } .tbl ul.dropdown-linear li:hover ul li { color: #404040; background: #FFFFFF; } ul.dropdown-linear li ul li:hover { background: #FFFFFF; cursor: default; } ul.dropdown-linear ul li { float: left; } ul.dropdown-linear li:hover { position: static; } ul.dropdown-linear ul li:hover { background-color: rgba(243,243,243, 1); } ul.dropdown-linear ul ul { display: none !important; } .ddmArrow { font-family: fontello; font-size: 13px; padding-left: 12px; } .ddmImg { padding-right: 6px; vertical-align: top; max-height: 16px; } /******************** * Menus déroulants MOB */ .menu-vertical { padding: 0; margin: 0; list-style: none; text-align: center; } .menu-vertical ul { padding: 0; margin: 0; list-style: none; text-align: center; } .menu-vertical li { margin: 0 -8px 2px -8px; padding-right: 8px; border: 0; border-radius: 0px; background: #404040; opacity: 0.99; } .menu-vertical li li { max-height: 0; background: #ADE02E; overflow: hidden; transition: all .5s; border-radius: 0; box-shadow: none; border: 0px; margin: 0 -8px 0 0; } .menu-vertical li a { display: block; text-decoration: none; padding: 0.6em 0; font: bold 14px Arial, Helvetica, sans-serif; color: #FFFFFF; } .menu-vertical li li a { color: #404040; } .menu-vertical li:hover, .menu-vertical li li:hover { background: #C0C0C0; } .menu-vertical ul li:last-child { border: 0px; } .menu-vertical li:hover li { max-height: 15em; } /************* * Mots-clés */ ul.keyword { list-style: none; margin: 0; padding: 0; position: relative; float: left; } ul.keyword li { margin: 0; padding: 0px 6px; background-color: transparent; color: inherit; list-style: none; float: left; line-height: 2.0em; vertical-align: bottom; } ul.keyword li:hover { background-color: transparent; color: inherit; position: relative; z-index: 599; cursor: pointer; } ul.keyword ul { width: 180px; list-style: none; margin: 0; padding: 0; visibility: hidden; position: absolute; top: 75%; left: 0; z-index: 598; } ul.keyword-horizontal ul li *.dir { padding-right: 20px; } ul.keyword li:hover > ul { transition-property : visibility; transition-delay : 300ms; visibility: visible; } ul.keyword div { border: 1px solid #000; border-radius: 4px; background-color: #FFFFFF; padding: 4px 8px; line-height: 1.3em; } .keyword0 { /* nombre d"occurrences nulle */ font-size : 0.8em; } .keyword1 { /* entre 1 et 3 */ font-size : 1.2em; } .keyword2 { /* entre 4 et 5 */ font-size : 1.6em; } .keyword3 { /* plus de 5 */ font-size : 2.0em; } /************************ * Cryptogrammes texte */ #cryptogram0, #cryptogram1, #cryptogram2 { margin: 6px auto; padding: 2px; font-family: Arial; font-weight: bold; font-size: 16px; background-color: #F3F3F3; color: #404040; border: 2px solid #000000; border-radius: 5px; text-align: center; }
• La Feuille de Style EXISTANTE (jQuery)
  • /* --------- CSS jQuery generated for no_skin_copie ----------- */ /************ * Onglets */ #gytabs { display: none; margin-left: -4px; color: inherit; } #gytabs li { position: relative; float: left; list-style: none; padding: 2px 5px 7px; margin-right : -8px; border: 1px solid #000000; border-radius: 0px; cursor: pointer; background-color: transparent; color: #000000; z-index: 1; } #gytabs li:hover { background-color: transparent; color: inherit; } #gytabs .gyactif { margin-bottom : 1px; background-color: #C0C0C0; font-weight: bold; color: #FFFFFF; z-index: 10; } #gytabcontent { clear: both; position: relative; margin: 0 2px; padding: 0 4px; border: 1px solid #000000; border-radius: 0px; top: -2px; background-color: #F2F2F2; color: inherit; width: auto; overflow: hidden; z-index: 5; } /******************** Accordéon vertical */ #gyaccordion { width: auto; height: auto; list-style-type: none; background-color: transparent; color: inherit; } #gyaccordion a { display: block; font-weight: bold; text-decoration: none; } #gyaccordion ul { overflow: hidden; margin: 0; padding: 0; } #gyaccordion li { margin: auto; list-style-type: none; height:auto; } #gyaccordion li a { width: auto; height: auto; padding: 4px; display: block; color: #000000; } #gyaccordion li a.closed { color: #000000 !important; background-color: transparent; border: 1px solid #000000; border-radius: 0px; margin: 4px 0; } #gyaccordion li.firstitem a.closed { color: #000000 !important; background-color: transparent; border: 1px solid #000000; border-radius: 0px; } #gyaccordion li.lastitem a.closed { color: #000000 !important; background-color: transparent; border: 1px solid #000000; border-radius: 0px; } #gyaccordion li li { width: auto; height: auto; margin: auto; line-height: 28px; background-color: transparent; color: inherit; border: 1px solid #000000; border-radius: 0px; } #gyaccordion li a.opened { color: #FFFFFF; font-weight: bold; background-color: #00BEF2; border: 1px solid #000000; border-radius: 0px; margin: 4px 0; } #gyaccordion li.firstitem a.opened { color: #FFFFFF; font-weight: bold; background-color: #00BEF2; border: 1px solid #000000; border-radius: 0px; margin: 4px 0; } #gyaccordion li a.hover { color: inherit !important; background-color: transparent; border: 1px solid #000000; border-radius: 0px; margin: 4px 0; } #gyaccordion li.firstitem a.hover { color: inherit !important; background-color: transparent; border: 1px solid #000000; border-radius: 0px; } #gyaccordion li.lastitem a.hover { color: inherit !important; background-color: transparent; border: 1px solid #000000; border-radius: 0px; } #gyaccordion li.lastitem li { margin: 4px 0 12px 0; } #gyaccordion li.lastitem ul { padding-bottom: 4px; margin: 0; } /* fenêtre modale */ #gyfade { display: none; background: rgba(0,0,0, 0.6); position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; z-index: 9999; } .gypopup_block{ display: none; background-color: #F3F3F3; color: inherit; padding: 20px; float: left; font-size: 1.2em; position: fixed; top: 50%; left: 50%; z-index: 99999; border: solid #000000; border-width: 12px; border-radius: 8px; box-shadow: 0px 0px 20px #404040; } .gypopup_block a { /* lien pop */ color : #404040; text-decoration: underline; } img.gybtn_close { float: right; margin: -50px -50px 0 0; border: 0px; color: #FFFFFF; } .gypopup p { padding: 5px 10px; margin: 5px 0; }