/* Generalités ================================================*/ /* Pour que le fond du n'ai pas de marge décalant l'affichage de l'image ou de la couleur de fond*/ body#top { margin: 0; } /* Taille de police redimensionnable */ html {font-size: 100%;} body#top { font-size: 0.86em;} /* Sticky footer - http://www.cssstickyfooter.com/ */ html, body, #page {height: 100%;} body > #page {height: auto; min-height: 100%;} #main {padding-bottom: 60px;} /* must be same height as the footer */ #footer {position: relative; margin-top: -80px; /* negative value of footer height */ height: 80px; clear:both;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* Design général des liens hypertextes */ #top a:link, #top a:visited, #top a:hover, #top a:active, #top a:focus { text-decoration: underline; color: #424e77; } #top a:hover, #top a:active, #top a:focus { color: #28204f; } /* Pas de puce pour les éléments de liste */ #top li { list-style: none;} /* Pour que les images en hyperlien n'aient pas de bordure */ #top img { border: none; } /* Les titres */ /* font-family: "Times New Roman", Times, "Nimbus Roman No9 L", serif; */ #top h1, #top h2, #top h3, #top h4, #top h5, #top h6 { font-weight: normal; color : #3e7b1c; font-family: "Times New Roman", Times, "Nimbus Roman No9 L", serif; clear: both; text-transform: uppercase;} #top h2 { font-size: 1.7em; font-style: normal; text-align: center; padding-bottom: 40px; margin-bottom: 60px;} #top h3 { font-size: 1.25em; font-style: bold; margin: 30px 0 20px 0;} #top h4 { font-size: 1.1em; font-style: italic; margin: 25px 0 15px 0;} #top h5 { font-size: 1.0em;} /* Les citations */ #top blockquote { margin: 20px 0 20px 20px; border-left: 1px #8da8ff solid; padding-left: 15px; font-style: italic; } #top pre {} /* Paragraphes justifiés */ #top p { text-align: justify; } /* Formulaires */ #top #content .formulaire_spip li { list-style: none; } #top input, #top textarea, #top select { padding:2px; border:1px solid #d4deff; border-left:1px solid #bec7e5; border-top:1px solid #bec7e5; background: transparent; margin-left: 50px; } #top label { display: block; } #top label.label_checkbox { display: inline; } #top fieldset { margin: 0 auto; border: 1px solid #88c566; } #top input.submit { border: 1px solid #88c566; border-right: 1px solid #6d9e52; border-bottom: 1px solid #6d9e52; background: #ebf7f0; color: #2d3652; font-weight: bold; } #top input:focus, #top textarea:focus, #top select:focus { border: 1px solid #8da8ff; border-top: 1px solid #6c81c3; border-left: 1px solid #6c81c3; } #top .formulaire_spip .obligatoire strong { font-weight: normal; color: #ff0000; font-size: 80%; } #top .formulaire_spip .erreur_message { font-weight: normal; color: #ff5555; padding-left: 20px; } #top .erreur input, #top .erreur textarea, #top .erreur select, #top .erreur input:focus, #top .erreur textarea:focus, #top .erreur select:focus { border:1px solid #ff8888; } #top .previsu strong, #top .reponse_formulaire_ok { color: #008000; } #top p.reponse_formulaire_ok { border: 1px solid #54a826; text-align: center; padding:30px; margin:30px; background:#e6ffd8; } /* Spécificités de SPIP ================================================*/ /* Pour que les images centrées le soient bien */ #top #content .spip_documents_center { text-align: center; display: block;} /* Spécificités du design en cours ================================================*/ body#top { font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif; color: #424e77; line-height: 150% ; background: #ffffff url(images/background_body.png) repeat-y top center; } #top #page { background: transparent url(images/background_page3.png) no-repeat top center; } /* Liens d'évitement */ #top #goto { position: absolute; top: 0px; right: 30px; text-align: right; color : #a9bdff; font-size: 0.9em; } #top #goto li { display: inline; padding-left: 20px; } #top #goto a:link, #top #goto a:visited { text-decoration: none; border: none; color : #a9bdff; } #top #goto a:hover, #top #goto a:active, #top #goto a:focus { text-decoration: underline; color : #a9bdff; border: none; } #top #goto li#goto_search { display: none; } /* Titre et slogan du site */ #top #header h1, #top #header p { text-indent: -1000em; } /* Contenu */ #top #content { margin: 230px auto 0 auto; padding: 0 0 80px 280px; position: relative; width: 650px; background: transparent url(images/background_content.png) no-repeat 280px 100%; } #top #content h2 { background: transparent url(images/background_title.png) no-repeat bottom center; } #top #content img { margin: 5px 30px 20px 30px; /* bordure bleu claire du début */ border: 1px solid #8da8ff; /* fausse bordure intérieure bleue foncée */ padding: 1px; background: #424e77; /* large bordure bleu pâle */ border: 8px solid #ccd7ff; } #top #content li { list-style: disc outside url(images/puce_pied.png); padding: 3px 0; } /* Page de présentation des enseignants */ #top .enseignants .spip_documents { } #top .enseignants h4 { } /* Contact */ #top .google_map{ float: right; margin: 0 0 25px 25px; } /* Calendrier */ #top table.calendrier { border-collapse: collapse; cell-spacing: 0; font-size: 0.95em; margin: 15px 0 20px 0; } #top table.calendrier tbody th, #top table.calendrier tbody td { text-align: center; padding: 3px; border: 1px solid #8da8ff; } #top table.calendrier thead th { padding-bottom: 8px; } #top table.calendrier tbody th { width: 200px; font-weight: normal; } #top table.calendrier tbody td { width: 80px; } #top table.calendrier .promo_complete th, #top table.calendrier .promo_complete td { } #top table.calendrier .promo_ouverte th, #top table.calendrier .promo_ouverte td { border: 1px solid #5ebb2a; background: #f2f7f4; } #top table.calendrier .promo_ouverte th { } /* Page d'accueil */ #top.sommaire #content h3 { text-align: center; background: transparent url(images/background_title.png) no-repeat bottom center; font-size: 1.7em; padding-bottom: 40px; } #top.sommaire #content h4 { font-size: 1.20em; font-style: normal; text-align: center; } #top.sommaire #content h4 a:link, #top.sommaire #content h4 a:visited, #top.sommaire #content h4 a:hover, #top.sommaire #content h4 a:active, #top.sommaire #content h4 a:focus { font-style: normal; text-align: center; font-weight: normal; text-decoration: none; color : #3e7b1c; } #top.sommaire #content h4 a:hover, #top.sommaire #content h4 a:active, #top.sommaire #content h4 a:focus { font-style: normal; text-align: center; font-weight: normal; text-decoration: underline; color : #3e7b1c; } #top #content .bloc { float: left; width: 40%; padding: 0; padding: 0 5%; margin-bottom: 30px; } #top #content .bloc1 { } /* Page d'accueil */ #top.sommaire #page { background: transparent url(images/background_page2.png) no-repeat top center; } #top.sommaire #content { margin-top: 300px; } #top.sommaire #main_menu { top: 350px; } /* Pied de page */ #top #footer { margin: 0 auto; width: 850px; text-align: center; font-size: 0.9em } #top #footer p { text-align: center; } #top #footer ul { } #top #footer li { display: inline; background: transparent url(images/background_footer_li.png) no-repeat; padding: 0 7px 0 8px; } #top #footer li.copyright { background: none; } #top #footer a:link, #top #footer a:visited { text-decoration: none; border: none; } #top #footer a:hover, #top #footer a:active, #top #footer a:focus { text-decoration: underline; border: none; } /* Menu principal */ #top #main_menu { position: absolute; top: 300px; left: 50%; margin-left: -513px; width: 250px; background: transparent url(images/background_menu.png) no-repeat; padding: 25px 0; font-size: 0.85em; } #top #main_menu ul { margin: 0; padding: 0 15px 0 12px; } #top #main_menu li { margin: 0; padding: 10px 0 7px 0; text-transform: uppercase; } #top #main_menu li li { text-transform: none; font-size: 1.15em; padding: 0; } #top #main_menu p { text-align: right; } #top #main_menu li.selected { font-weight: bold; } #top #main_menu li.selected li { font-weight: normal; } #top #main_menu li.selected_parent { } #top #main_menu li.selected_parent li { } #top #main_menu a:link, #main_menu a:visited { text-decoration: none; border: none; } #top #main_menu a:hover, #main_menu a:active, #main_menu a:focus { text-decoration: underline; border: none; } /* Element : Menu Search */ #top #formulaire_recherche label { } /* #recherche = à l'intérieur du champ de recherche */ #top #formulaire_recherche #recherche { width: 140px; padding: 0px 10px; border: none; border-bottom: 1px dotted #decab6; font-size: 1em; text-align: left; } #top #formulaire_recherche .submit { font-size: 1em; font-weight: bold; background: transparent url(images/search.png) no-repeat; height: 34px; width: 34px; text-indent:-1000em; border: none; } #top #formulaire_recherche .submit:hover { cursor: pointer; cursor: hand; } #top .rubrique h3 { text-align: left; margin: 0 0 0 0; padding: 0 0 0 0; } #top .rubrique .description { margin-top: 50px; } /* Administration de SPIP ================================================*/ body.naviguer, #haut-page #bandeau-principal a span.icon_fond, #page.etroit { background: #fff; } img { border: none; } #haut-page #bandeau-principal .cellule48 { text-align: center; } #haut-page #bandeau-principal .cellule48 a span { margin: 5px auto; } #haut-page #bandeau-principal .cellule48 a { margin: 15px 0; padding: 0 5px; } /* Image de l'icône en fond */ #haut-page #bandeau-principal a span.icon_fond span { background: transparent url(images/aide-48.png) no-repeat; } /* Icône de 32 px en haut à gauche des différents cadres */ #page.etroit img.cadre-icone, #haut-page img.cadre-icone { height: 32px; width: 32px; position:absolute; left: 5px; top: -20px; } /* Hauteur de la case de titre des cadres, pour que l'icône à gauche soit mieux intégrée */ #page.etroit div.titrem, #haut-page div.titrem { padding-top: 12px; } #haut-page #bandeau_couleur #bandeau_couleur1 .menu_item a#boutonbandeautousite.icone26 { } /* Icône du lien "voir en ligne" pour les articles */ #page.etroit a.cellule-h img { height: 32px; width: 32px; } /* Icônes de la hiérarchie du contenu du site dans la page "Tout le site" */ #page.etroit li.sec span.icone { height: 32px; width: 32px; } /* Titres de contenus du site dans la page "Tout le site" */ #page.etroit li.sec li.treeItem a.titre { position: relative; top: 5px; } /* Icônes des menus dans l'administration */ #page.etroit table tbody tr td div div { bottom: 3px !important; left: 1px !important; } #haut-page #bandeau_couleur a.icone26 img { background: transparent; height: 24px; width: 24px; margin: 3px 7px; }