/*------------ MODERN------------ */ /*------------ GENERAL ------------ */ body, html{font-size:62.5%; } body{ background: url(pictures/bg-body.gif) left top repeat-x; font-size: 1em; font-family: Arial, Helvetica, sans-serif; } *, ul, p, h1, h2, h3, h4, table, a{ margin: 0; padding: 0; } a{ color: #506F86; outline: none !important ;} .bold{ font-weight: bold; } .strong{ font-weight:bold; } table{ text-align: left; } .align-center{ text-align: center; } td.name_perso_field { width : 204px;} td.action_perso_field {width : 130px;} /*------------ CONTENU ------------*/ #container{ display: block; width: 952px; margin: 0 auto 0 auto; background: #FFFFFF; } /* largeur du site : 950px, centré au milieu de la page */ /*------------ HEADER ------------*/ #header{ float: left; width: 950px; background: #FFF; border-left: 1px solid #0047A6; border-right: 1px solid #000000; } #logo{ float: left; height: 100px; width: 200px; text-align: center; line-height: 100px; } /* modifier la line-height selon la hauteur du logo pour le centrer verticalement. La largeur est de 200px maximum ! */ #pub{ float: left; height: 100px; width: 468px; } /* ici, on peut modifier la taille du bandeau de pub, par défaut, taille standard */ #header .customer-box{ float: right; width: 250px; height: 90px; display: inline; border: 1px solid #000000; padding-bottom: 5px; margin-right: 5px; margin-top: 5px; margin-bottom: 10px; background: url(pictures/bg-customer.jpg) left top no-repeat; } /* Pour modifier la couleur de l'espace client, il faut modifier ici la bordure */ #header .customer-box .title-customer-box{ float: left; width: 240px; height: 25px; margin: 5px; display: inline; font-weight: bold; font-size: 1.6em; color: #000000; }/* Pour modifier la couleur de l'espace client, il faut modifier ici le background */ #header .customer-box p{ float: left; width: 230px; height: 20px; display: inline; font-size: 1.1em; margin-left: 20px; display: inline; } #header .customer-box form #password{ float: left; width: 20px; height: 20px; background: url(pictures/picto-password.gif) left top no-repeat; text-indent: -1000em; display: inline; } #header .customer-box form #login{ float: left; width: 20px; height: 20px; background: url(pictures/picto-login.gif) left top no-repeat; text-indent: -1000em; display: inline; } #header .customer-box form .input-login{ float: left; height: 17px; width: 100px; border: 1px solid #0047A6; font-size: 1.2em; margin-left: 20px; display: inline; } #header .customer-box form .valid{ height: 20px; width: 20px; display: inline; background: url(pictures/picto-input.gif) left top no-repeat; border: none; color: #FFFFFF; margin-left: 20px; cursor: pointer; } /*------------ MENU ------------*/ /*------------ POSITIONNEMENT VERTICAL DU MENU ------------ */ #search-bar{ float: left; width: 950px; height: 30px; background: url(pictures/bg-search.gif) left top repeat-x; border: 1px solid #000000; } /* barre contenant le formulaire de recherche */ #search-bar p{ float: right; height: 20px; margin-top: 5px; margin-right: 20px; display: inline; } #search-bar form input{ border: 1px solid #0047A6; height: 17px; font-size: 1.4em; } #search-bar label{ font-size: 1.4em; color: #FFFFFF; } #search-bar .valid{ height: 20px; width: 20px; display: inline; background: url(pictures/picto-input.gif) left top no-repeat; border: none; color: #FFFFFF; cursor: pointer;} #big-menu-box{ float: left; border-left: 1px solid #000000; border-right: 1px solid #000000; } /* nécessaire pour afficher la couleur sous le menu (pour firefox) */ #menu-box{ float: left; width: 200px; background: url(pictures/bg-menu.gif) left top repeat-x; height: 450px; } #menu{ float: left; width: 200px; } #menu a{ display: block; width: 200px; text-decoration: none; line-height: 1.6em; font-weight: bold; text-align: right; font-size: 1.6em; color:#FFFFFF; background: url(pictures/bg-btn-menu.gif) left top repeat-y;} #menu a span{ margin-right: 40px; } #menu ul{ list-style-type: none; width: 200px; margin-top: 40px; } /* choix de la couleur des bords du menu et de la police */ #menu ul li{ list-style-type: none; width: 200px; margin-top: 5px;} /* choix de la couleur des bords du menu */ #menu ul li a:hover{ background: url(pictures/bg-btn-menu-roll.gif) left top repeat-y; } /* choix de la couleur du roll over pour le menu */ /* Ci-dessous les couleurs du menu "active" */ #menu .home-color span{ color:#FFFFFF; } #menu .catalog-color span{ color:#FFFFFF; } #menu .trainer-color span{ color:#FFFFFF; } #menu .pedagogy-color span{ color:#FFFFFF; } #menu .society-color span{ color:#FFFFFF; } #menu .administration-color span{ color:#FFFFFF; } #menu .contact-color span{ color:#FFFFFF; } #menu .news_page-color span{ color:#FFFFFF; } /*------------ POSITIONNEMENT HORIZONTAL DU MENU ------------ #grey-box{ float: left; background: #E4E4E4; margin-top: 5px; } #menu{ float: left; width: 950px; height: 30px; background: #E4E4E4; } #menu a{ text-decoration: none; height: 30px; line-height: 30px; font-weight: bold; font-size: 1.6em; color: #5B5B5B; } #menu ul{ float: left; display: inline; list-style-type: none; color:#FFFFFF; margin-left: 200px; } #menu ul li{ float: left; list-style-type: none; width: 100px; border-right: #5B5B5B solid 1px; text-align:center;} #menu ul li a{ float: left; width: 100px; } #menu ul li a:hover{ background:#FFFFFF; } #left-bar{ float: left; width: 200px; background: #E4E4E4; min-height: 640px;} #left-bar form{ float: left; width: 178px; margin-top: 50px; margin-left: 10px; display: inline; } #left-bar #search label{ font-size: 1.4em; } #search-bar{ float: left; width: 200px; } #search-bar form{ float: left; width: 178px; margin-top: 50px; margin-left: 10px; display: inline; } #search-bar #search label{ font-size: 1.4em; } */ /*------------ FOOTER ------------*/ #footer{ float: left; width: 952px; height: 30px; text-align: center; background: url(pictures/bg-foot.gif) left top no-repeat;} #footer p{ width: 950px; height: 20px; margin-top: 10px; color:#456391; } /*#footer p span{ margin-left: 200px; } permet de centrer le texte du footer par rapport au "content" */ #footer a{ color:#456391; font-size: 1em; text-decoration: none; } /*------------ CONTENT ------------*/ #content{ float: left; width: 730px; background:#FFF; padding-bottom: 20px; padding-left: 20px; display: inline; min-height: 300px; } /* #content p{ display: block; margin: 10px 0 0 0; padding-right: 20px;} /* #content .mceEditor{ display: block; display: inline; } Je mets ça en commentaire car je comprends pas à quoi ça sert à part péter le tinyMCE */ #content h1{float: left; margin: 10px 0 0 0; color: #FFFFFF; padding-left: 40px; display: inline; width: 690px; font-size: 1.4em; height: 30px; line-height: 30px; background: url(pictures/big-h1.gif) left top no-repeat; } /* on peut modifier ici l'apparence du h1 */ #content h1 input{ height: 16px; margin-top: 7px; width: 665px; font-size: 15px; font-weight: bold; background-color: #FF9900 ; color: #FFFFFF; border: 0;} /* on peut modifier ici l'apparence du input h1 */ #content .txt{ float: left; width: 705px; padding: 10px 15px 0 10px; } #content #big-box{ float: left; } #content h1 textarea, #content .limit-textarea textarea, #content .limit-textarea{ float: left; width: 700px; } /* Ci dessous, les infos relatives aux boites du milieu de la page d'accueil */ #content #left-box, #content #center-box, #content #right-box{ float: left; width: 230px; height: 121px; margin: 20px 0 20px 10px; display: inline; background: url(pictures/home-box.gif) left top no-repeat;} #content #left-box h2, #content #center-box h2, #content #right-box h2{ font-size: 1.8em; } #content #left-box h2 a, #content #center-box h2 a, #content #right-box h2 a{ float: left; width: 190px; height: 31px; line-height: 32px; padding-left: 40px; display: inline; text-decoration: none; color: #FFFFFF; } #content #left-box h2 input, #content #center-box h2 input, #content #right-box h2 input{ float: left; width: 130px; height: 20px; font-size: 0.9em; margin-left: 40px; margin-top: 7px; display: inline; background: #4276BB; color: #FFFFFF; border: 0; margin-bottom: 20px; } #content #left-box .btn-arrow, #content #center-box .btn-arrow, #content #right-box .btn-arrow{ float: left; width: 22px; margin-left: 30px; margin-top: 5px; height:18px; padding-left:10px; display: inline; } #content #left-box img, #content #center-box img, #content #right-box img{ float: right; width: 90px; display: inline; display: inline;} #content #right-box span a, #content #left-box span a, #content #center-box span a{ float: left; width: 120px; margin-left: 10px; margin-top: 20px; display: inline; font-size: 1.4em; text-decoration: none; color: #FF5C00; } #content #right-box input, #content #left-box input, #content #center-box input{ float: left; width: 120px; margin-left: 10px; display: inline; font-size: 1.4em; background: #B9E3F0; border: 0; } #content #right-box span input, #content #left-box span input, #content #center-box span input{ float: left; width: 120px; margin-left: 10px; display: inline; font-size: 1.4em; background: #B9E3F0; border: 0; color: #FF5C00;} #content #right-box a:hover, #content #left-box a:hover, #content #center-box a:hover{ } #content #left-box h2 a, #content #center-box h2 a, #content #right-box h2 a{ } #content #left-box a, #content #center-box a, #content #right-box a{ } /* Ci dessous, les infos relatives aux boites promo et news de la page d'accueil */ #content .news-box, #content .promo-box{ float: left; width: 350px; margin-top: 20px; padding-bottom: 10px; display: inline; background: url(pictures/promo-box.gif) left bottom no-repeat; } #content .news-box p, #content .promo-box p{ margin: 0; } #content .news-box .txt-news-box span{ color: #FF6600; font-weight: bold; } #content .promo-box{ margin-left: 10px; display: inline; } #content .news-box .title-news-box, #content .promo-box .title-promo-box{ float: left; width: 350px; padding: 20px 0 0 10px; height: 38px; display: inline; font-weight: bold; font-size: 1.4em; color: #FFFFFF; background: url(pictures/promo-box.gif) left top no-repeat;} #content .news-box .title-news-box input, #content .promo-box .title-promo-box input{ height: 16px; width: 70px; font-size: 15px; font-weight: bold; background-color: #FF9900 ; color: #FFFFFF; border: none;} #content .news-box .txt-news-box, #content .promo-box .txt-promo-box{ float: left; width: 310px; margin-left: 25px; display: inline; } #content .txt-promo-box textarea, #content .txt-promo-box textarea{ float: left; width: 310px; margin-left: 25px; display: inline;} /* #content .filtered-view-box{ float: left; width: 730px; margin-top: 20px; padding-bottom: 10px; display: inline; background: url(pictures/large-box.gif) left bottom no-repeat; } #content .filtered-view-box p{ margin: 0; } #content .filtered-view-box .filtered-view-box span{ color: #FF6600; font-weight: bold; } #content .promo-box{ margin-left: 10px; display: inline; } #content .filtered-view-box .title-filtered-view-box{ float: left; width: 720px; padding: 20px 0 0 10px; height: 38px; display: inline; font-weight: bold; font-size: 1.4em; color: #FFFFFF; background: url(pictures/large-box.gif) left top no-repeat;} #content .filtered-view-box .title-filtered-view-box input{ height: 16px; width: 70px; font-size: 15px; font-weight: bold; background-color: #FF9900 ; color: #FFFFFF; border: none;} #content .filtered-view-box .txt-filtered-view-box{ float: left; width: 680px; margin-left: 25px; display: inline; } #content .txt-filtered-view-box textarea{ float: left; width: 680px; margin-left: 25px; display: inline;} */ #content .filtered-view-box{ float: left; width: 708px; margin-top: 14px; display: inline; padding-bottom: 5px; margin-left:6px; } #content .filtered-view-box p{ float: left; width: 628px; margin: 5px 5px 0px 5px; display: inline; font-size: 1.1em; display: inline; } #content .filtered-view-box span{ color: #FF6600; } #content .filtered-view-box .title-filtered-view-box{ float: left; width: 668px; margin: 5px 0px 0 5px; padding-top: 5px; font-weight: bold; padding-left: 40px; display: inline; text-decoration: none; font-size: 1.6em; height: 25px ; background: url(pictures/catalog-h2.gif) left top no-repeat; color: #FFFFFF; } #content .filtered-view-box .title-filtered-view-box input{ float: left; width: 660px; height: 20px; font-size: 1em; display: inline; background: #4276BB; color: #FFFFFF; border: 0; } #content .filtered-view-box .txt-filtered-view-box{ float: left; width: 706px; margin: 0px 0px 0 5px; padding-top: 5px; display: inline; background: url(pictures/catalog-bg.gif) left top repeat-x; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; } #content .filtered-view-box .txt-filtered-view-box ul a, #content .filtered-view-box .txt-filtered-view-box ul { color: #000; text-decoration: none;} #content .txt-filtered-view-box textarea{ float: left; width: 680px; margin-left: 25px; display: inline;} #content .table-box{ float: left; width: 708px; margin-top: 10px; display: inline; padding-bottom: 5px; } #content .table-box h2{ float: left; width: 668px; margin: 5px 0px 0 5px; padding-top: 5px; padding-left: 40px; display: inline; text-decoration: none; font-size: 1.4em; height: 25px ; background: url(pictures/catalog-h2.gif) left top no-repeat; color: #FFFFFF; } #content .table-content{ float: left; width: 706px; margin: 0px 0px 0 5px; display: inline; background: url(pictures/catalog-bg.gif) left top repeat-x; border-left: 1px solid #0047A6; border-right: 1px solid #0047A6; border-bottom: 1px solid #0047A6; } #content .table-box p{ float: left; width: 670px; margin-left: 10px; display: inline; font-size: 1.1em; display: inline; margin-top: 10px; } #content .table-box table{ float: left; width : 500px; margin-left: 100px; display: inline; font-size: 1.1em; font-weight: bold; } #content .table-box .strong{ } #content .table-box p .span{ float: left; margin-left: 5px; } #content .table-box .color{ padding: 0 5px 0 5px; font-weight: bold; background: #D00000; color: #FFFFFF; } #content .table-box .color table {background: #D00000;} #content .table-box .buy{ background: url(pictures/bt_ajout_panier.gif) left top no-repeat; float: right; width: 40px; height: 30px; margin: 5px; text-indent: -1000em; } #content .table-box .buy:hover{ background: url(pictures/bt_ajout_panier.gif) left bottom no-repeat; } /* Page catalogue */ #content .catalog-arbo{ float: left; margin: 10px 0 0 0; color: #FFFFFF; padding-left: 20px; display: inline; width: 710px; font-size: 1.4em; height: 27px; line-height: 24px; background: url(pictures/bg-arbo.gif) left top no-repeat; } #content .catalog-arbo a{ color: #FFFFFF; text-decoration: none; } #content .catalog-liste-elems { margin-left:30px; margin-top: 140px; list-style-type: square; } #content .catalog-liste-elems ul{ color: #0047A6; list-style-type: square; } #content .catalog-liste-elems a{ color: #0047A6; } #content .sort{ float: right; font-size: 1.2em; margin-bottom: -14px; margin-right: 25px; display: inline; } #content .sort a{ float: left; font-size: 0.8em; height: 16px; margin: 0 0 0 5px; text-align: center; border: 1px solid #000000; margin-bottom: -1px; padding: 2px 5px 2px 5px; color: #000000; font-weight: bold; text-decoration: none; } #content .sort a:hover{ background: #ff9900; color: #FFFFFF; } #content .catalog-table{ float: left; border-collapse: collapse; width: 710px; border: 1px solid #FF654D; margin-top: 10px; text-align: left; background: #EEEEEE;} #content .catalog-table td{ padding-left : 3px; } #content td.align-top { vertical-align : top;} #content table.add-cart-space{ float: left; margin: 0px; border-collapse: collapse; width: 706px; border-top: 1px solid #0D2667; margin-top: 15px; background: #0D2667; } #content .add-cart-space tr{ color: #FFFFFF; font-size: 1em; } #content .add-cart-space td{ border-top: 1px solid #E9EBF1; padding: 5px 5px; } #content .add-cart-space td.desc{ background: #0D2667; color: #FFFFFF; width: 550px; text-align: right; } #content .add-cart-space td.price{ background: #0D2667; color: #FFFFFF; width: 100px; text-align: center; } #content .add-cart-space td.buy-it{ background: #0D2667; color: #FFFFFF; text-indent: -1000em; width: 50px; } #content .add-cart-space td.buy-it a.achat-direct{ display: block; background: url(pictures/buy-btn.gif) left -44px no-repeat; width: 50px; height: 43px; } #content .add-cart-space td.buy-it a.achat-direct:hover{ display: block; background: url(pictures/buy-btn.gif) -51px -44px no-repeat; width: 50px; height: 43px; } #content .add-cart-space td.buy-it a.pre-inscription{ display: block; background: url(pictures/buy-btn.gif) left 1px no-repeat; width: 50px; height: 45px; } #content .add-cart-space td.buy-it a.pre-inscription:hover{ display: block; background: url(pictures/buy-btn.gif) -51px 1px no-repeat; width: 50px; height: 45px; } #content .add-cart-space td.buy-it a.demande-d-informations{ display: block; background: url(pictures/buy-btn.gif) left -87px no-repeat; width: 50px; height: 45px; } #content .add-cart-space td.buy-it a.demande-d-informations:hover{ display: block; background: url(pictures/buy-btn.gif) -51px -87px no-repeat; width: 50px; height: 45px; } #content .add-select{ font-weight: bold; font-size: 1.1em; background-color:#E9EBF1; color: #0D2667; border-top: 1px solid #0D2667; } #content .add-select td{ border-top: 1px solid #0D2667; } #content .catalog-table tr{ font-size: 1.2em; } #content .catalog-table tr a{ color: #FF6600; text-decoration: none; } #content .catalog-table tr a:hover{ color: #0047A6; text-decoration: none; } #content .catalog-table tr:hover{ background-color:#FDCEAB; font-size: 1.2em; } #content .catalog-table td.group_product {width : 75px;} #content .catalog-table td.action {width : 20px;} #content .catalog-table thead{ background: url(pictures/bg-table-top.gif) left top repeat-x; height: 20px; font-weight: bold; font-size: 1.2em; color:#FFF;} #content .catalog-table thead tr:hover{ background: url(pictures/bg-table-top.gif) left top repeat-x;} #content .catalog-table thead a{ text-decoration: none; color:#FFF; } #content .product-box, #content .add-product-box{ float: left; width: 720px; margin-top: 10px; display: inline; padding-bottom: 5px; } #content .product-box p, #content .add-product-box p{ float: left; width: 700px; margin: 5px 5px 0px 5px; display: inline; font-size: 1.1em; display: inline; } #content .product-box .strong, #content .add-product-box .strong{ float: left; width: 650px; padding-right: 5px; } #content .product-box input, #content .product-box select, #content .product-box table{ float: left; width: 650px; padding-right: 5px; } #content .product-box input[type=checkbox]{width : 250px;} #content .product-box table {padding-left: 10px;} #content .product-box .themeadd, #content .product-box .themeremove{ float: left; width: 650px; padding-right: 5px; } #content .product-box .addtheme{ float: left; background: #CCC; padding: 10px; width: 650px; margin-left: 25px; } #content .product-box a{ float: left; width: 30px; padding-right: 5px; } #content .product-box .permanent-fields{ float: left; background: #EEEEEE; width: 720px; padding-bottom: 10px; } #content .product-box .perso-fields{ float: left; background: #EEEEEE; margin-top: 20px; width: 720px; padding-bottom: 10px; } #content .catalog-arbo-complete{ float: left; width: 720px; } #content .catalog-arbo-complete ul{ list-style-type: square; color: #0047A6; } #content .catalog-arbo-complete ul li{ border: 1px solid #0047A6; margin-top: 20px; list-style-type: none; padding: 5px; margin-left: -20px; } #content .catalog-arbo-complete ul li h2{ font-size: 1.2em; margin: 0px; padding: 0; } #content .catalog-arbo-complete ul li ul li{ border: none; margin-top: 0px; list-style-type: none; margin-left: 20px; } #content .catalog-arbo-complete ul li ul li ul li{ border: none; margin-top: 0px; list-style-type: square; } #content .catalog-arbo-complete ul li a{ color: #0047A6; font-size: 1.3em; text-decoration: none; font-weight: bold; } #content .catalog-arbo-complete ul li ul li a{ color: #0047A6; font-size: 1.1em; text-decoration: underline; font-weight: normal; } #content .catalog-arbo-complete ul li ul li ul li a{ font-size: 1em; color: #0047A6; text-decoration: underline;} #content .catalog-liste-elems{ display: block; margin-top: 30px; color: #0047A6;} #content a.catalog-product-link{ color: #0047A6;} #content a.catalog-product-link:hover{ color: #FF8000;} #content #elmg-guest-link { float: left; text-align:center; width: 730px;} #content #elmg-guest-link a { font-size: 1.6em; color: #0047A6; text-decoration:none; } #content #elmg-guest-link a:hover { text-decoration:underline; } /* Page news */ #content .newspage-box{ float: left; width: 730px; margin-top: 10px; display: inline; } #content .newspage-box h2 { float: left; margin: 10px 0 0 0; color: #FFFFFF; padding-left: 20px; display: inline; width: 710px; font-size: 1.4em; height: 30px; line-height: 30px; background: url(pictures/big-h2.gif) left top no-repeat;} #content .newspage-box h2 input{ float: left; width: 130px; margin-left: 20px; margin-top: 5px; display: inline; background: #4C81C3; color: #FFFFFF; } #content .newspage-box p{ float: left; width: 700px; margin: 5px 5px 0px 5px; display: inline; font-size: 1.1em; display: inline; } #content .add-news-box .strong{ display: block; } #content .add-news-box p{ float: left; width: 700px; margin: 5px 5px 0px 5px; display: inline; font-size: 1.1em; display: inline; } #content .add-news-box .large-input input{ float: left; width: 700px; } /* Page formateur */ #content .trainer-box{ float: left; width: 730px; margin-top: 10px; display: inline; } #content .trainer-box h2 { float: left; margin: 10px 0 0 0; color: #FFFFFF; padding-left: 20px; display: inline; width: 710px; font-size: 1.4em; height: 30px; line-height: 30px; background: url(pictures/big-h2.gif) left top no-repeat;} #content .trainer-box h2 input{ float: left; width: 130px; margin-left: 20px; margin-top: 5px; display: inline; background: #4C81C3; color: #FFFFFF; } #content .trainer-box p{ float: left; width: 508px; margin: 5px 5px 0px 5px; display: inline; font-size: 1.1em; display: inline; } #content .trainer-box img{ float: left; margin: 5px 5px 0 5px; display: inline; } #content .trainer-box .color{ padding: 0 5px 0 5px; font-weight: bold; background: #506F86; color: #FFFFFF; } #content .trainer-box .info{ float: trainer; width: 50px; margin: 5px 5px 5px 5px; display: inline; text-align: center; border: 1px solid #506F86; padding: 0 5px 0 5px; color: #506F86; font-weight: bold; text-decoration: none; } #content .trainer-box .info:hover{ background: #506F86; color: #FFFFFF; } #content .trainer-box .mailto{ background: url(pictures/picto-mail.gif) left top no-repeat; float: right; width: 30px; height: 23px; margin-right: 20px; display: inline; text-indent: -1000em; } #content .trainer-box .mailto:hover{ background: url(pictures/picto-mail.gif) left bottom no-repeat; } #content .trainer-box textarea{ float: left; width: 555px; font-size: 1.2em; } /* Pour un affichage lisible des données des textarea ( pour la gestion des news) */ #content .add-product-box textarea{ font-size: 1.2em; } #content .trainer-box .trainer-delete, #content .trainer-box .trainer-edit{ float: right; font-size: 0.8em; margin-right: 25px; color: #FFFFFF; } /* Page admin */ #content .catalog-arbo-complete-admin{ float: right; width: 500px; } #content .catalog-arbo-complete-admin ul{ margin-left: 20px; list-style-type: square; color: #000000; } #content .catalog-arbo-complete-admin h2{ font-size: 1.3em; } #content .catalog-arbo-complete-admin h3{font-size: 1.2em; } #content .catalog-arbo-complete-admin ul li a{ color: #000000; font-size: 1.1em; } #content .catalog-arbo-complete-admin ul li ul li a{ color: #000000; font-size: 1em; } #content #left-admin-fieldset { float: left; width: 220px; } #content .admin-fieldset{ float: left; width: 210px; margin: 0 0 10px 0; display: inline; padding-bottom: 10px; } #content .admin-fieldset legend{ float: left; font-size: 1.2em; margin: 5px; font-weight: bold; padding: 0 5px; } #content #left-admin-fieldset input, #content #left-admin-fieldset select{ float: left; margin: 5px; width: 195px; max-width: 195px; } /*----- Pager ----- */ #content div.pager{ float: left; color: #FFFFFF; text-align: center; margin-left: 320px; display: inline; } #content .pager-no-current{ float: left; font-size: 1.2em; background: url(pictures/picto-input.gif) left top no-repeat; width: 20px; height: 20px; padding-top : 3px; text-align : center; color: #FFFFFF; } #content .pager-current{ float: left; font-size: 1.2em; background: url(pictures/picto-input.gif) left top no-repeat; width: 20px; height: 20px; padding-top : 3px; text-align : center; color: #FFFFFF; text-decoration: underline; } #content .pager-no-current a{ color: #FFFFFF; text-decoration: none; } #content .pager-no-current a:hover{ color: #FFFFFF; text-decoration: underline; } /*----- Ajouté par raf ----- A cleaner olivier !!! #content .catalog-table { border-collapse: collapse; border: 1px solid #000; margin-top: 20px; margin-left: 25px; width: 90%;} #content .catalog-table thead { background: #1A71B1; height: 20px; font-weight:bold; font-size: 1.6em; color:#FFF;} #content .catalog-table thead a { text-decoration: none; color:#FFF;} #content .catalog-table tr { font-size: 1.2em; }*/ #content #paybox-link{ float: left; width: 720px; text-align: center; } #content #paybox-link p{ display: block; width: 200px; padding-top: 20px; } /* #content #paybox-link { float: left; text-align:center; width: 730px;} #content #paybox-link { font-size: 1.6em; color:#1A71B1; } #content #paybox-link a { text-decoration:none; } #content #paybox-link a:hover { text-decoration:underline; }*/ #content .trainer-cv-box { float: left; font-size: 1.2em; border: 1px solid #000; margin:10px ; padding:10px ;} #content .administration-content { float: left; width:100%; font-size: 1.2em; padding: 10px;} #content .admin-btn{ float: left; margin: 10px 0 0 0; color: #4075BC; font-weight: bold; text-decoration: none; padding-left: 40px; display: inline; width: 315px; font-size: 1.2em; height: 30px; line-height: 30px; background: url(pictures/bg-btn-admin.gif) left top no-repeat; } #content .admin-btn:hover{ color: #F5672D; font-weight: bold; } #content .administration-content tfoot { text-align:center; } /*-----Ajouté par François PAGER------*/ /* A MODIFIER */ #content .catalog-table tr.bis{ background-color:#93CFF0; } #content .elmg_trainer_list{ font-size: 1.2em; } /*-----Ajouté par Seb------ #content .catalog-table tfoot { background: #1A71B1; height: 20px; font-weight:bold; color:#FFF;} #content .catalog-table tfoot a { text-decoration: none; color:#FFF;} #content .catalog-table a { text-decoration:none;} #content tr td a {display:inline;} #content .right-box p img {display: inline; float: none; margin-bottom: -4px; display: inline; } #content ul li h2 a {font-size:1.6em; color:#031489;} #content ul li h3 a {font-size:1.2em; color :#7F7FFF;} */ #content .error {color:red;} #content ul li h2 a {font-size:1.4em; color:#031489;} #content ul li h3 a {font-size:1.2em; color :#7F7FFF;} #content ul a {color: #FF8000} #content ul {padding-left:15pt;} a img {border-bottom-width:0px; border-left-width:0px; border-right-width:0px; border-top-width:0px; margin-left:5px; } #paybox-logo { float: left; width: 200px; padding-left: 35px; padding-top: 100px;} div .smalltext {font-size: xx-small;} /* Ci dessous, les infos relatives l boite vue filtrée */ .subcat {padding-left: 30px;} .thin_border {padding: 10px; float: left; margin-top: 10px;} .indent0 {font-weight: bold;} .indent1 {font-style:italic;} .indent2 {font-style: oblique;} .info_icon {float: right; margin-left: 100px;} .mini-mail{float:right; background: url(pictures/bt_mail.gif) left top no-repeat; width: 40px; height: 30px; text-indent: -1000em; } .mini-mail:hover{float:right; background: url(pictures/bt_mail.gif) left bottom no-repeat; width: 40px; height: 30px; text-indent: -1000em; } #formcontact table {float: left;} .register_form_element{ float: left; width: 700px; } .register_form_element label{ float: left; width: 200px; text-align: right; padding-right: 20px; } .register_form_element input{ float: left; width: 200px; } .register_form_element .form-btn{ float: left; margin-left: 220px; display: inline; } #formRegister div {display: block; float: left; margin: 10px;} .collapsable-hitarea {background: url(../../bin/scripts/jQuery/jquery-treeview/images/minus.gif) no-repeat 0px 0px;} .expandable-hitarea {background: url(../../bin/scripts/jQuery/jquery-treeview/images/plus.gif) no-repeat 0px 0px;} textarea {overflow:auto;}