/*------------ ISTF ------------ */ #search-bar form{ display: none; } /*------------ GENERAL ------------ */ body, html{font-size:62.5%; } body{ background: #F2F3F7; 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;} #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; } /*------------ CONTENU ------------*/ #container{ width: 1000px; margin: 0 auto 0 auto; } /* largeur du site : 950px, centré au milieu de la page */ #mini-container{ float: left; width: 1000px; padding-left: 25px; background: url(pictures/container-bg.jpg) left top repeat-y; } /*------------ HEADER ------------*/ #header{ float: left; width: 950px; background: #FFF; background: url(pictures/header-bg.jpg) left top no-repeat; } #logo{ float: left; height: 100px; width: 255px; 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: 60px; width: 413px; margin: 20px 0 20px 10px; } /* ici, on peut modifier la taille du bandeau de pub, par défaut, taille standard */ #header .customer-box{ float: right; width: 235px; display: inline; padding-bottom: 5px; margin-top: 10px; margin-bottom: 10px; margin-right: -5px; } /* 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; display: inline; font-weight: bold; font-size: 1.6em; color: #FF4D00; }/* 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: 1em; } #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{ display: inline; background: #0D2667; border: none; color: #FFFFFF; margin-left: 20px; cursor: pointer; } /*------------ MENU ------------*/ /*------------ POSITIONNEMENT VERTICAL DU MENU ------------ */ #search-bar{ float: left; width: 950px; height: 30px; background:#FFF; } /* 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: #000000; } #search-bar .valid{ display: inline; background: #0D2667; border: none; color: #FFFFFF; font-size: 1em; cursor: pointer; } #big-menu-box{ float: left; background: #FFF; } /* nécessaire pour afficher la couleur sous le menu (pour firefox) */ #menu-box{ float: left; width: 200px; background: url(pictures/menu-bg.jpg) left top no-repeat; height: 450px; } #menu{ float: left; width: 200px; } #menu a{ display: block; width: 200px; text-decoration: none; height: 30px; line-height: 30px; font-weight: bold; text-align: left; font-size: 1.4em; color:#0D2667; background: url(pictures/btn-menu-on.gif) left top no-repeat;} #menu a span{ margin-left: 60px; } #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/btn-menu-on.gif) left bottom no-repeat; color: #FF4D00 ; } /* choix de la couleur du roll over pour le menu */ /*------------ FOOTER ------------*/ #footer{ float: left; width: 952px; height: 30px; text-align: center; } #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: #FF4D00; 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: #DCDFE9 ; color: #FF4D00; 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; } #content h2{ font-size: 1.3em; font-weight:bold; color: #FF3300; } #content .videopub{ float: left; margin-left: 6px; margin-top: 5px; } #content .edito{ float: left; background: url(pictures/edito.jpg) left top no-repeat; margin-top: 10px; height: 280px; width: 720px; padding: 5px; } #content .home-right{ float: left; width: 340px; margin-top: 5px; margin-left: 20px; color: #082265; } /* 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: 151px; margin: 20px 0 20px 10px; display: inline; background: url(pictures/home-box.gif) left top no-repeat;} #content #left-box{ background: url(pictures/box-1.gif) left top no-repeat; } #content #center-box{ background: url(pictures/box-2.gif) left top no-repeat; } #content #right-box{ background: url(pictures/box-3.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: 15px; display: inline; font-size: 1.4em; text-decoration: none; color: #FFF; } #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: #FFF;} #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; margin-left: 10px; display: inline; width: 340px; margin-top: 20px; padding-bottom: 10px; 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: 340px; height: 36px; line-height: 36px; display: inline; font-weight: bold; font-size: 1.4em; color: #0D2667; background: url(pictures/promo-box.gif) left top no-repeat; text-indent: 10px; } #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: 708px; margin-top: 10px; display: inline; padding-bottom: 5px; } #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-bg.gif) left top no-repeat; color: #0D2667; } #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: 708px; margin: 0px 0px 0 5px; padding-top: 5px; display: inline; background: url(pictures/catalog-bg.gif) left -36px repeat-x; } #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; height: 1000px; display: inline; background: url(pictures/catalog-page-bg.jpg) left top repeat-y; } #content .table-box h2{ float: left; width: 420px; padding-left: 20px; display: inline; text-decoration: none; font-size: 1.4em; height: 36px ; background: url() left top no-repeat; color: #0D2667; } #content .table-content{ float: left; width: 420px; display: inline; background: url() left -36px no-repeat; } #content .table-box .table-content p{ font-size: 1.1em; margin-top: 10px;} #content .table-box .table-content p strong{ font-size: 1.2em; color: #0d2667; } #content table.add-cart-space{ position: absolute; top: 480px; margin-left: 450px; background: url(pictures/add-cart-bg.gif) left top repeat-y; width: 250px; border: 1px solid #8692B3; border-collapse: collapse; } /* #content .table-box .table-content .type-de-formation{ position: absolute; top: 500px; margin-left: 50px; background: url(pictures/add-cart-bg.gif) left top no-repeat-y; } */ #content .add-cart-space tr{ background: #0D2667; color: #FFFFFF; border-top: 1px solid #8692B3; } #content .add-cart-space td{ padding: 5px; border-top: 1px solid #8692B3; } #content .add-cart-space td.desc{ background: #0D2667; color: #FFFFFF; width: 180px; } #content .add-cart-space td.price{ background: #0D2667; color: #FFFFFF; width: 50px; } #content .add-cart-space td.buy-it{ background: #0D2667; color: #FFFFFF; width: 20px; text-indent: -1000em; } #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-size: 1.3em; font-weight: bold; } #content .table-box .color{ padding: 0 5px 0 5px; font-weight: bold; background: #D00000; color: #FFFFFF; } #content .table-box .color table {} #content .table-box .strong{ color: #FF4021; } #content .table-box p.type-de-formation{ position: absolute; top: 500px; width: 220px; border-bottom: 1px solid #8692B3; height: 120px; padding-left: 20px; margin-left: 450px; } #content .table-box .intra-entreprise{ float: left; background: url(pictures/picto-catalog.gif) -110px top no-repeat; width: 100px; height: 78px; text-align: center; line-height: 170px; } #content .table-box .inter-entreprise{ float: left; background: url(pictures/picto-catalog.gif) left top no-repeat; width: 100px; height: 78px; text-align: center; line-height: 170px; margin-top: -13px; } #content .table-box p.lieu-de-la-formation{ position: absolute; top: 640px; width: 220px; border-bottom: 1px solid #8692B3; padding-left: 20px; padding-bottom: 15px; margin-left: 450px; } #content .table-box p.modalites-d-apprentissage{ position: absolute; top: 710px; width: 220px; border-bottom: 1px solid #8692B3; height: 120px; padding-left: 20px; margin-left: 450px; } #content .table-box .presentiel{ float: left; background: url(pictures/picto-catalog.gif) -345px top no-repeat; width: 90px; height: 78px; text-align: center; line-height: 170px; } #content .table-box .e-learning{ float: left; background: url(pictures/picto-catalog.gif) -430px top no-repeat; width: 120px; height: 78px; text-align: center; line-height: 170px; } #content .table-box .mixte{ float: left; background: url(pictures/picto-catalog.gif) -345px top no-repeat; width: 200px; height: 78px; text-align: center; line-height: 170px; } #content .info_icon{ position: absolute; top: 400px; width: 220px; border-bottom: 1px solid #8692B3; height: 90px; padding-left: 20px; margin-left: 450px; } #content .info_icon a{ position: absolute; margin-left: 20px; background: url(pictures/picto-infopdf.gif) left top no-repeat; width: 65px; height: 65px; text-indent: -1000em; } #content .info_icon a:hover{ position: absolute; background: url(pictures/picto-infopdf.gif) left -66px no-repeat; width: 65px; height: 65px; text-indent: -1000em; } #content .joins-files{ position: absolute; top: 377px; width: 220px; height: 90px; padding-left: 20px; margin-left: 560px; } #content .joins-files strong{ position: absolute; text-indent: -1000em; } #content .joins-files a{ position: absolute; background: url(pictures/picto-infopdf.gif) -65px top no-repeat; width: 65px; height: 65px; text-indent: -1000em; } #content .joins-files a:hover{ position: absolute; background: url(pictures/picto-infopdf.gif) -65px -66px no-repeat; width: 65px; height: 65px; text-indent: -1000em; } #content .buy{ background: url(pictures/panier.gif) left top no-repeat; float: right; width: 40px; height: 40px; margin: 5px; text-indent: -1000em; } #content .buy-it{ color: #FFF; font-weight: bold; text-decoration: none; } #content .buy-it:hover{ color: #ff4d00; } #content .add-cart{ float: left; } /* Page catalogue */ #content .mi-left{ float: left; width: 340px; margin-right: 10px; display: inline; } #content .mi-right{ float: left; width: 340px; margin-left: 10px; display: inline; } #content .catalog-arbo{ float: left; margin: -1px 0 0 0; display: inline; width: 708px; height: 70px; font-size: 1.2em; line-height: 80px; color: #4A5C8D; font-weight:bold; background: url(pictures/catalog-arbo.gif) left -1px no-repeat; } #content .catalog-arbo a{ color:#4A5C8D; text-decoration: none; } #content .sort{ float: right; font-size: 1.2em; margin-right: 25px; display: inline; height: 21px; } /* #content .sort a{ float: left; font-size: 0.8em; height: 16px; margin: 0 0 0 5px; text-align: center; border: 1px solid #ff4d00; margin-bottom: -1px; padding: 2px 5px 2px 5px; color: #ff4d00; font-weight: bold; text-decoration: none; } #content .sort a:hover{ background: #ff4d00; color: #FFFFFF; } */ #content .sort a{ float: left; background: url(pictures/theme.gif) left top no-repeat; width: 97px; height: 21px; line-height: 21px; text-decoration: none; color:#4A5C8D; font-weight: bold; text-align: center; } #content .sort a:hover{ background: url(pictures/theme.gif) left bottom no-repeat; color: #FFFFFF; } #content .sort a#modalites-d-apprentissage{ float: left; background: url(pictures/theme.gif) right top no-repeat; width: 217px; height: 21px; line-height: 21px; text-decoration: none; color:#4A5C8D; font-weight: bold; text-align: center; } #content .sort a#modalites-d-apprentissage:hover{ background: url(pictures/theme.gif) right bottom no-repeat; color: #FFFFFF; } .catalog-formation-presentielle{ display: block; background: url(pictures/big-presentiel.gif) left top no-repeat; padding-left: 70px; height: 60px; line-height: 60px; text-decoration: none; color:#4A5C8D; font-weight: bold; } .catalog-flash-learning{ display: block; background: url(pictures/big-e-learning.gif) left top no-repeat; padding-left: 70px; height: 60px; line-height: 60px; text-decoration: none; color:#4A5C8D; font-weight: bold; } .catalog-flash-learning-modules-de-formation-asynchrone{ display: block; background: url(pictures/big-e-learning.gif) left top no-repeat; padding-left: 70px; height: 60px; line-height: 60px; text-decoration: none; color:#4A5C8D; font-weight: bold; } .catalog-cursus{ display: block; background: url(pictures/big-mixte.gif) left top no-repeat; padding-left: 70px; height: 60px; line-height: 60px; text-decoration: none; color:#4A5C8D; font-weight: bold; } .catalog-1-jour-6-heures, .catalog-2-jours-12-heures{ display: block; background: url(pictures/big-formation-courte.gif) left top no-repeat; padding-left: 70px; height: 60px; line-height: 60px; text-decoration: none; color:#4A5C8D; font-weight: bold; } .catalog-45-minutes{ display: block; background: url(pictures/big-flash-learning.gif) left top no-repeat; padding-left: 70px; height: 60px; line-height: 60px; text-decoration: none; color:#4A5C8D; font-weight: bold; } .catalog-113-heures-sur-3-mois{ display: block; background: url(pictures/big-cursus.gif) left top no-repeat; padding-left: 70px; height: 60px; line-height: 60px; text-decoration: none; color:#4A5C8D; font-weight: bold; } #catalog-list-tree li{ display: block; ; text-decoration: none; color:#4A5C8D; font-weight: bold; margin-top: 15px; list-style-type: none; font-size: 1.2em;} #catalog-list-tree li ul li{ background: none; padding-left: 70px; height: 12px; margin-top: 0px; line-height: 12px; font-size: 0.9em; } #content .catalog-liste-elems ul{ color: #0047A6; font-size: 1.1em; } #content .catalog-liste-elems ul li a{ color: #0047A6; font-size: 1.1em; } #content .catalog-table{ float: left; border-collapse: collapse; width: 710px; border: 1px solid #96B2D9; margin-top: 10px; text-align: left; background: #EEEEEE;} #content .catalog-table td{ padding-left : 3px; } #content td.align-top { vertical-align : top;} #content .catalog-table tr{ font-size: 1.2em; } #content .catalog-table tr a{ color: #6691CA; text-decoration: none; } #content .catalog-table tr a:hover{ color: #6691CA; text-decoration: none; } #content .catalog-table tr:hover{ background-color:#BACFF1; font-size: 1.2em; } #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: #6691CA; border-bottom: 1px solid #96B2D9;} #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: #6691CA; } #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 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{ margin-left: 20px; list-style-type: square; color: #0047A6; } #content .catalog-arbo-complete h2{ font-size: 1.3em; } #content .catalog-arbo-complete h3{font-size: 1.2em; } #content .catalog-arbo-complete ul li a{ color: #0047A6; font-size: 1.1em; } #content .catalog-arbo-complete ul li ul li a{ color: #0047A6; font-size: 1em; } #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 formateur */ #content .trainer-box{ float: left; width: 730px; margin-top: 10px; display: inline; } #content .trainer-box h2 { float: left; margin: 10px 0 0 0; display: inline; width: 708px; font-size: 1.4em; height: 20px; line-height: 18px; color: #ff4d00; border-top: 1px solid #ff4d00; border-bottom: 1px solid #ff4d00; background: #FFF; text-indent: 5px; } #content .trainer-box h2 input{ float: left; width: 130px; margin-left: 20px; margin-top: 5px; display: inline; color: #ff4d00; } #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: #ff4d00; } /* 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; } /* Page contact */ #content .table-contact{ float: left; width: 708px; margin-top: 10px; display: inline; } /*----- 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 div.pager { text-align : center; float : left; margin : 5px;} #content div.pager-no-current { font-size: 1.2em; background: url(pictures/picto-input.gif) left top no-repeat; float: left; width: 20px; height: 20px; padding-top : 3px; display: inline; text-align : center;} #content div.pager-current { font-size: 1.2em; background: url(pictures/picto-input.gif) left top no-repeat; float: left; width: 20px; height: 20px; padding-top : 3px; display: inline; text-align : center; } #content div.pager-no-current:hover { font-weight : bold; } #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;} */ 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;} /* .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;} */