/********** ******* 1- REGLES GENERALES ***** ***********/ * { margin:0; padding:0; } html{ margin:0; padding:0; } body { font-family:Arial, sans-serif; font-size:11px; color:#3f3f3f; } a , a:visited{ text-decoration:underline;color:#3f3f3f; } a:hover{text-decoration:underline;} ul,li{ list-style:none;list-style-type:none;list-style-position:none; } img {border:medium none;} ul{padding:5px;} li{background:url(../images/puce.gif) no-repeat 0px 7px;padding:3px 0px 3px 8px;} p{padding:5px 0px;clear:both;} h1{font-size:14px;color:#575757;float:left;margin-right:10px;} h2{font-size:12px;color:#7f2792;font-weight:bold;margin-bottom:5px;clear:both;} button, input.button {border: solid 1px black; color: #802791; font-weight: bold; background-color: #E2E0CB; font-size: 11px;} p.error {font-weight: bold; color: red;} /********** ******* 2- REGLES SUR MODULES ET AUTRES TYPES DE COMPOSANTS ***** ***********/ /* suffixe de classe = "" : blanc sans onglet */ div.module {background:url(../images/dossier_center.gif) 0px 0px repeat-y #fff; margin:5px 0px 2px 0px} div.module > div > div > div {background:url(../images/dossier_bottom_blanc.png) left bottom no-repeat;padding:10px;} div.module .pretext, div.module > div > div > div > h3 {padding:0px 0px 5px; margin:0px; color:#575757; font-size:12px; font-weight:bold; text-transform:uppercase;} div.module > div > div > div div.footer {width:100%; margin:0 0 -5px;} div.module > div > div > div div.footer a, div.module > div > div > div div.footer a:hover {margin-left:-5px; text-decoration:none;} /* suffixe de classe = "_taq vert" => vert sans onglet */ div.module.vert {background-color:#eefac6;} div.module.vert > div > div > div {background:url(../images/dossier_bottom_vert.gif) left bottom no-repeat;} div.module.vert .pretext, div.module.vert > div > div > div > h3 {color:#99379d;} div.module.vert li {background-image:url(../images/puce_vert.gif);} /* suffixe de classe = "_taq violet" => violet sans onglet */ /* suffixe de classe = "_taq blanc ong" => blanc avec onglet blanc */ div.module.ong > div > div > div {background:url(../images/dossier_footer.gif) left bottom no-repeat;} /* suffixe de classe = "_taq vert ong" => vert avec onglet blanc */ div.module.vert.ong > div > div > div {background:url(../images/dossier_footer_vert.gif) left bottom no-repeat;} /* suffixe de classe = "_taq violet ong" => violet avec onglet blanc */ div.module.violet.ong > div > div > div {background:url(../images/dossier_footer_violet.gif) left bottom no-repeat;} /* #right .vert .content {background-color:#eefac6;} #right .vert .footer {background-image:url(../images/dossier_bottom_vert.gif); height: 12px;} #right .vert li {background-image:url(../images/puce_vert.gif);} #right .vert .titre {color:#99379d;} */ /********** ******* 3- REGLES SUR DES TYPES DE COMPOSANTS PARTICULIERS ***** ***********/ #contGlob .yoo-carousel .layout-default .align-center a {margin-left:auto; margin-right:auto; text-align:center;} #contGlob .yoo-carousel .layout-default div.media {margin-top:0px; margin-left:auto; margin-right:auto; text-align:center;} #contGlob .yoo-carousel .layout-default div.description {text-align:center;} /* .moduletable .bannergroup li {background:url(../images/puce_dossier.gif) 0px 6px no-repeat;padding-left:13px;} .moduletable .bannergroup li a {text-decoration:none;} .moduletable .bannergroup .bannerheader { background:url(../images/dossier_center.gif) 0px 0px repeat-y #fff;padding:10px 0px 0px 12px; color:#575757;font-size:12px;font-weight:bold;} .moduletable .bannergroup .banneritem {background:url(../images/dossier_center.gif) 0px 0px repeat-y #fff;padding:10px 0px 0px 12px;} .moduletable .bannergroup .banneritem div {margin-left:auto;margin-right:auto;width:100%;} .moduletable .bannergroup .bannerfooter {background:url(../images/dossier_footer.gif) 0px 0px no-repeat;height:22px;padding:15px 0px 0px 12px;} div.moduletable div.slideshow {background:url(../images/dossier_center.gif) 0px 0px repeat-y #fff;width:190px;margin:5px;} div.moduletable div.slideshow div.yoo-carousel div.frame {background:url(../images/dossier_bottom.gif) left bottom no-repeat;} /* div.moduletable div.slideshow div.yoo-carousel div{ background:url(../images/dossier_footer.gif) 0px 0px no-repeat center bottom;height:22px;padding:15px 0px 0px 12px;} */ #system-message dd.error ul {text-align: center;} .pad10 {padding:0 10px;} .padleft30 {padding-left:30px; padding-right: 15px;} .padleft20 {padding-left:20px;} .padtop40 {padding-top:40px;} .dossier {background:url(../images/dossier_top.gif) 0px 0px no-repeat;margin-left:3px;} .dossier .content {background:url(../images/dossier_center.gif) 0px 0px repeat-y #fff;padding:10px 15px;} .dossier #tous {background:url(../images/dossier_bottom.gif) 0px 0px no-repeat;height:22px;padding:15px 0px 0px 12px;} .dossier #tous a {text-decoration:none;} .dossier .footer {background:url(../images/dossier_footer.gif) 0px 0px no-repeat;height:34px;} .dossier li {background:url(../images/puce_dossier.gif) 0px 6px no-repeat;padding-left:13px;} .dossier li a {text-decoration:none;} .dossier.vert .content {background-color:#eefac6;} .dossier.vert .footer {background-image:url(../images/dossier_bottom_vert.gif); height: 12px;} .dossier.vert li {background-image:url(../images/puce_vert.gif);} .dossier.vert .titre {color:#99379d;} span.tous_dossiers {color: #802791; font-weight: bold;} a.tous_dossiers {text-decoration: underline ! important; color: black ! important; font-weight: bold ! important; margin-left: 10px;} .chapitre p {font-weight: normal ! important;} .chapitre ul {background-color: transparent;} .chapitre li {list-style-type: disc; background-image: none ! important;} .outils {float:left;margin:-5px 5px 0px 5px;} .top {float:right;clear:both;} .plus {background:url(../images/plus.gif) 0px 0px no-repeat;padding-left:18px;clear:both;font-weight:bold;} .bloc {background-color:#f0eee6;margin:10px -5px 10px -10px;padding:10px;} .bloc, .bloc a {color:#7f2792;} .clear {clear:both;} .highlight {font-weight: bold; color: #7F2792;} .small, .createdate, .modifydate {font-style: italic;} .aca_letter_names {font-weight: bold;} div.items div img {vertical-align:middle;} /********** ******* 4- REGLES SUR LES BLOCS PRECIS DU TEMPLATE ***** ***********/ #titre{padding-left:60px;position:relative;clear:both;margin-bottom:25px;} /******** Positionnement général des blocs ***** ***********/ #contGlob{width:1010px; margin:0px auto 0px; padding:0px 5px; position:relative; min-height:700px; background-color:#f0eee6;} #left {width: 190px; float:left; display:inline;} #main {width: 627px; float:left; height:auto;} #content{background:url(../images/footer.gif) 0px 0px repeat-y; height:auto; width:597px; padding:0px 15px 20px 15px; clear:both;} #right {width: 190px; float:left;} #contGlob .logo{display:block; margin:16px 0 16px 15px;} #left div.module {margin-left:3px;} /******** Bloc LEFT ***** ***********/ #left .moduletable {margin-bottom:5px;} #search{font-size:12px;background:url(../images/search.gif) 5px 0px no-repeat;height:25px;padding:5px 5px 15px 15px;margin-top:15px;} #search .inputbox{width:85px;height:14px;margin-left:5px;} .search a {margin-left: 20px} #left #menu {padding:0px; font-weight: bold;} #left #menu li{background:url(../images/menu_back.gif) 0px 0px no-repeat; text-align:right; padding:0; } #left #menu li a{/*margin-right:37px;*/ zoom: 1; color:#FFFFFF;text-decoration:none; display:block; padding:6px 37px 6px 0;} #left #menu li a:hover{color:#FFFFFF;text-decoration:underline;} #left #menu li li a{color:#503374;} #left #menu li li a:hover{color:#503374;} #left #menu li.first{background-image:url(../images/menu_back_first.gif)} #left #menu li.last{background-image:url(../images/menu_back.gif); padding-bottom:0;} #left #menu .separator{background:#e2e0cb; color:#e2e0cb; width:190; line-height: 0px ;height:8px; margin-bottom:2px;} ul.submenu {display: none; margin: 0; padding: 0;} ul.submenu li {background:url(../images/menu_back2.png) 0px 0px no-repeat ! important; margin: 0;} ul.submenu li.active span {color: #503374;} #left .basmenu {background:url('../images/menu-ul_back.png') no-repeat #f0eee6; width:190; line-height: 0px ;height:8px; margin-bottom:2px;} /******** Bloc MAIN ***** ***********/ #header {position:relative; background:url(../images/header.jpg) 0px 0px no-repeat;height:47px;padding:96px 0px 0px 85px;} /* Positionnement du picto des livres lors de l'affichage d'un dossier thématique !!! N'a rien à faire là ! */ #picto {position:absolute;left:25px;top:100px;} /**** Module FLASH NEWS *****/ /* Dimensionnement des blocs utiles */ #main #header div.plain div.yoo-carousel { position:absolute; top:110px; height:165px; padding:0;margin:0; overflow: hidden; border-style:dotted; border-width:1px; background-color:transparent;} #main #header div.plain div.yoo-carousel div.top {padding:0px;margin:0px;} #main #header div.plain div.yoo-carousel div.top ul.tabs { height: 23px ! important; border-style:dashed; border-width:1px; margin:auto; width:250px ! important; background: url(../images/pager.gif) no-repeat transparent; background-position: center;} #main #header div.plain div.yoo-carousel div.top div.frame {height:140px; border-style:dashed;border-width:1px;} #main #header div.plain div.yoo-carousel div.panel-container {padding:0px;margin:0px;} #main #header div.plain div.yoo-carousel div.panel {padding:0px;margin:0px;} #main #header div.plain div.yoo-carousel div.slide {padding:0px;margin:0px;} #main #header div.plain div.yoo-carousel div.article {padding:5px;margin:0px;} #main #header div.plain div.yoo-carousel div.article img {float: left; margin-right:10px;} #main #header div.plain div.yoo-carousel div.article a {float: right;} /******* tabs *******/ /* Mise en forme "classique" des tabs */ #main #header div.plain div.yoo-carousel div.top ul.tabs li { width:19px; margin:2px 3px 2px 3px; padding:0px; line-height:20px; overflow:hidden; font-weight:bold; font-size:110%; cursor: pointer;} #main #header div.plain div.yoo-carousel div.top ul.tabs li a span:first-letter {color:black;} #main #header div.plain div.yoo-carousel div.top ul.tabs li.selected span:first-letter {color:red;} */ /* Numérotation des tabs */ #main #header div.plain div.yoo-carousel div.top ul.tabs {counter-reset:item;} #main #header div.plain div.yoo-carousel div.top ul.tabs li:before { counter-increment:item; content:counter(item);} /* Déplacement des tabs vers le bas */ /*#main #header div.plain div.yoo-carousel div.top ul.tabs {position:relative; top:+140px;} #main #header div.plain div.yoo-carousel div.top div.frame {position:relative; top:-27px;} */ #content a {text-decoration: none; color: #802791;} #content a:hover {text-decoration: none; color: #B61CD2;} div.componentheading, .contentheading {font-weight: bold; color: #575757; font-size: 1.4em; text-transform:uppercase;} .contentdescription {padding-bottom:20px;} /* content tables */ table.contentpane td.sectiontableheader { background: #efefef; color: #333; font-weight: bold; padding: 4px; border-right: 1px solid #fff; } table.contentpane tr.sectiontableentry0 td, table.contentpane tr.sectiontableentry1 td, table.contentpane tr.sectiontableentry2 td { padding: 4px 4px 4px 10px; } table.contentpane td.sectiontableentry0, table.contentpane td.sectiontableentry1, table.contentpane td.sectiontableentry2 { padding: 3px; } table.contentpane tr.sectiontableentry0 td:last-of-type, table.contentpane tr.sectiontableentry1 td:last-of-type, table.contentpane tr.sectiontableentry2 td:last-of-type { background: url('../images/li_bg.png') no-repeat 0px 7px; } table.contentpane td.sectiontableheader:first-of-type { display: none; } table.contentpane tr.sectiontableentry0 td:first-of-type, table.contentpane tr.sectiontableentry1 td:first-of-type, table.contentpane tr.sectiontableentry2 td:first-of-type { display: none; } /***** LES CLASSES "contentpaneopen" et "bglist" *****/ .bglist{background-color:#f0eee6; padding:20px; margin-bottom:30px;} /* les p */ #content .contentpaneopen p {color:#3f3f3f; margin-bottom:15px; padding:0;} #content .bglist p {color:#7f2792; margin-bottom:10px; padding:0; font-weight:bold;} /* les ul */ .contentpaneopen ul{background-color:#f0eee6; padding-left:20px; margin-bottom:30px;} .contentpaneopen .bglist ul{background-color:#f0eee6; padding-left:20px; margin-bottom:0px;} /* les li */ .contentpaneopen ul li, .bglist ul li {background:url('../images/li_bg.png') no-repeat 0 7px; padding-left:10px;} /* les a */ #content .contentpaneopen ul li a, #content .bglist ul li a{text-decoration:underline; color:black;} /* si on est dans une table */ table.contentpaneopen { clear: both; margin: 2px;} table.contentpaneopen fieldset {padding: 4px; border-width:0px; background-color:#f8f1f8; margin:15px 0;} table.contentpaneopen tbody tr td table {border-collapse:collapse; border: 1px solid black;} table.contentpaneopen tbody tr td table th {border: 1px solid black;} table.contentpaneopen tbody tr td table td {border: 1px solid black;} table.contentpane table td { padding: 4px;} #content a.category {font-weight:bold; text-decoration:underline;} #content table.adminlist th {color:#7f2792; padding: 4px; font-size:1.1em; background-color: #f0eee6;} #content table.adminlist th a {color:#7f2792; text-decoration:underline;} table.adminlist td {padding: 4px; color:black;} #content table.adminlist td a {color: black;} #main #content > div.moduletable {background-color:#fff; padding:10px 15px 10px 15px; margin:0 0 15px 0} #main #content > div.moduletable h3 {margin:0px 0 0px 0;} #main #content > div.moduletable #modJoomulus1 {background:url(../images/Solutions10.png) 0px 0px no-repeat; margin:0;} #modJoomulus1 p {padding:0; margin:0;} #main #content #footer {background:url(../images/footer.gif) 0px 0px no-repeat;height:16px;clear:both;} /******* Bloc RIGHT ***** ***********/ #connexion {background:url(../images/connexion_back.gif) 0px 0px no-repeat;height:126px;padding:2px 0 10px;position:relative;} #connexion .titre {text-align: center;} #logout {background:url(../images/connexion_back_logged.gif) 0px 0px no-repeat; height:98px;padding:2px 0 10px;position:relative;} #connexion input[type="text"], #connexion input[type="password"]{height:14px;margin:2px 5px;width:130px;} #connexion form span {margin-left: 5px;} #connexion #inscription{position:absolute;bottom:6px;left:8px;} #connexion #information{position:absolute;bottom:6px;left:96px;} #connexion #inscription a, #connexion #information a{font-weight:bold;text-decoration:none;} #right .dossier {margin-left:0px;} #right .dossier input.email {width:125px;height:14px;margin:5px 10px 5px 0px;} .bloc_onglet {margin-bottom:8px;clear:both;} .bloc_onglet a {text-decoration:none;} #content1, #content2, #content3, .klatest {background:url(../images/back_content1.gif) 0px 0px no-repeat; height:103px;padding:0;} #content1 .tous {margin-top:98px; margin-left:15px; font-weight:bold;} #content1 .tous a {text-decoration:underline;} #onglet1 {background:url(../images/onglet1_actif.gif) 0px 0px no-repeat;width:95px;} #onglet2 {background:url(../images/onglet.gif) 0px 0px no-repeat; width:45px;} #onglet3 {background:url(../images/onglet.gif) 0px 0px no-repeat; width:45px;} .onglets {width:185px; background:url(../images/back_onglets.gif) 0px 0px repeat-x;position:relative;height:20px;clear:both;margin-bottom:5px;} .onglet {float:left;height:17px;padding:3px 0px 0px 17px} .onglet a {font-weight:bold;} /* KLatest */ .klatest { padding-left: 20px; padding-top: 50px; } .klatest .items .item_info{ width: 120px; } .klatest .klatest-items { position: absolute; height: 50px; width: 150px; padding: 4px; } .klatest .items a.puce { display: block; position: absolute; bottom: 7px; right: 5px; } .klatest-preview-content { color: #000; } /****** Bloc BANDEAUBAS ***** ***********/ #bandeaubas {margin:auto auto 10px; background-color:#fff; width:1020px; height:23px;} #maj {float:left; width:247px; height:23px;} #maj div {padding-top:4px; padding-left:20px;} #linksbottom {float:left; width:520px; margin-left:200px; height:23px; display:inline; text-align: center;} #linksbottom ul{text-align:center;font-size:10px;height:10px;} #linksbottom li{display:inline;border-right:1px solid #000000;padding:0px 10px 0px 10px;height:10px;} /********** ******* 5- REGLES SUR DES OBJETS PRECIS ISSUS DES COMPOSANTS ***** ***********/ /* Module newsletter */ #jnews_module { margin-top: 5px; } #jnews_module .pretext { text-align: justify; } #jnews_module .inputbox { margin-top: 5px; } #jnews_module input[type="submit"] { margin-top: 10px; margin-left: 45px; } #right .module.ong { margin: 0; } #right .module_gray { margin-bottom: 0; } #aca_clickcontainer { padding: 0 !important; } #aca_clickcontainer span { font-size: 12px !important; } .module_gray h3 { color: #762D7C !important; } /* Masquage des différents éléments indésirables afin de ne pas toucher au modèle */ #joobitoolbar-box, #joobitoolbar-box ~ div.footer, #joobitoolbar-box ~ form[name="adminForm"] table:first-of-type, .joobilist ~ div, .joobilist tr th:nth-of-type(1), .joobilist tr th:nth-of-type(2), .joobilist tr th:nth-of-type(5), .joobilist tr td:nth-of-type(1), .joobilist tr td:nth-of-type(2), .joobilist tr td:nth-of-type(5), #joobitoolbar-box ~ form fieldset legend, #joobitoolbar-box ~ form fieldset:nth-of-type(2) { display: none; } /* Module Zoo (Espace solution) */ #yoo-zoo table {border-collapse: collapse; margin:auto;} #yoo-zoo table, #yoo-zoo tr, #yoo-zoo td {border: 1px solid black; padding:2px;} #yoo-zoo table th.fapes {text-align: center; background-color: #7f2792;color: #ffffff;font-weight:bold;} #yoo-zoo table td.fapes {background-color: #7f2792;color: #ffffff;} #main #content #yoo-zoo .yoo-zoo h2 {margin-top:20px;padding-top:20px;color: #7f2792;}