/* --- Kiwii Development -------------- */ /* --- PRINT PRINT PRINT -------------- */ /* --- Reecriture des styles de base --- */ html { font-size: 100%; /* Evite un bug d'IE 6-7.*/ } body { margin: 0; padding: 0; /*Remettre a zero si necessaire*/ font-family: "Trebuchet MS", sans-serif; font-size: .8em; /* A adapter pour la police choisie. */ line-height: 1.4; /* A adapter au design. */ color: black; } body { background: white url(img/bg_body.jpg) left top no-repeat; background-attachment:fixed; } body.presentation { background: white url(img/bg_body_presentation.jpg) left top no-repeat; } body.equipements { background: white url(img/bg_body_equipements.jpg) left top no-repeat; } body.accueil_stage { background: white url(img/bg_body_accueil_stage.jpg) left top no-repeat; } body.esn{ background: white url(img/bg_body_esn.jpg) left top no-repeat; } body.formation { background: white url(img/bg_body_formation.jpg) left top no-repeat; } body.haut_niveau { background: white url(img/bg_body_haut-niveau.jpg) left top no-repeat; } body.contact { background: white url(img/bg_body_contact.jpg) left top no-repeat; } /* Titres */ h1, h2, h3, h4, h5, h6 { margin: 1em 0 .5em 0; /* Rapproche le titre du texte */ line-height: 1.2; font-weight: bold; /* Valeur par defaut*/ font-style: normal; } h1 { font-size: 1.75em; } h2 { font-size: 1.5em; } h3 { font-size: 1.25em; } h4 { font-size: 1em; } ul, ol { margin: .75em 0 .75em 32px;padding: 0; } p { margin: 0 0 .70em 0; /* Marges plus faibles que par defaut.*/ } address { margin: 0 0 15px 0;font-style: italic; color: #999; } em { font-style: italic; } strong { font-weight: bold; } /* Formulaires */ form, fieldset { margin: 0;padding: 0;border: none; } input, button, select { vertical-align: middle; /* Solution pb. d'alignement.*/ } /* Liens */ a { text-decoration: underline; } a:link { color: mediumblue; } a:visited { color: indigo; } a:hover, a:focus, a:active { color: crimson; } a img { border: none; } /* Met en evidence les abreviations */ abbr, acronym { border-bottom: 1px dotted; cursor: help; } /* Met en evidence les citations */ blockquote { margin: .75em 0 .75em 20px; padding: 0 0 0 10px; border-left: solid 2px #ddd; } q { font-style: italic; quotes: none; /* Supprime les guillemets automatiques */ } cite { font-style: italic; } q cite, q q { font-style: normal } /* Rapproche les paragraphes dans les listes et citations */ blockquote p, li p { margin: .5em 0; } /* Styles de base pour les listes de definition */ dl { margin: .75em 0; } dt { margin: .75em 0 0 0; font-weight: bold; } dd { margin: .25em 0 .25em 32px; } /* Mise en forme simple pour les tableaux */ table { margin: 0; /* Pas de bordure = "none". */ border-collapse: collapse; /* Valeur par defaut: "separate". */ border-spacing: 0; } table td, table th { padding: 4px; /* Pas de retrait autour du texte = "0". */ /* Pas de bordure = "none". */ vertical-align: top; /* Valeur par defaut: "middle" */ text-align: left; } form table td, table th { border: 1px solid #ccc; } .clear { clear: both; display: none; } /******** STYLES PAR DEFAUT DE PLUME CMS **********/ ol.tree { margin: 30px 0 0 0; padding: 0; color: #6887A4; } ol.tree li { display: inline; list-style-type: none; padding-right: 0.7em; padding-left: 0; } ol.tree li:before { content: ' \00bb '; } .err404 { padding: 20px 0 0 60px; background: transparent url("img/err404.gif") 0% 80% no-repeat; font-weight: 100; font-size: 1.8em; margin: 0 0 15px 0; } input[type], textarea[name] { background: #fff; } input[type=submit], input[type=reset] { background: #bbb; color: #000; } input[type=submit]:hover { background: #999; color: #ccc; } textarea { width: 450px; } /* --- Initialisation des calques -------------- */ #page { width: 1000px; margin: 0; padding: 0; } *:first-child+html #page { width: 995px; margin: 0; padding: 0; } * html #page { width: 995px; margin: 0; padding: 0; } #colA { float: left; width: 245px; margin-left: 15px; } * html #colA { float: left; width: 245px; margin-left: 7px; } #colB { float: left; width: 500px; margin-left: 15px; } #colB { float: left; width: 500px; margin-left: 15px; } #colC { float: left; width: 200px; margin-left: 15px; } #contenu { margin: 0; } /* --- Header ---- */ #header { height: 193px; margin: 0; padding: 0; } #header #menu { width: 730px; height: 28px; float: left; margin-left: 25px; } * html #header #menu { width: 730px; height: 28px; position: absolute; left: 235px; top: 0; } #header #menu ul { height: 28px; margin: 0 0 0 10px; } #header #menu ul li { display: inline; height: 28px; margin: 0; } #header #menu ul li a { font-family: Arial; color: #fff; text-decoration: none; padding: 5px 10px 7px 10px; line-height: 25px; } #menu ul li a:hover { background: transparent url(img/bg_menu-hover.jpg) top left repeat-x; } #header #menu ul li.current a { background: transparent url(img/bg_menu-current.jpg) top left repeat-x; } #left { float: left; width: 235px; } #logo { float: left; clear: right; width: 265px; height: 76px; margin-top: 5px; } #logo_ministere { clear: left; float: left; width: 64px; height: 86px; margin-left: 16px; margin-top: 0; } * html #logo_ministere { clear: left; float: left; width: 64px; height: 86px; margin-left: 16px; margin-top: 5px; } #flashAnim { float: left; width: 392px; height: 150px; margin-left: 25px; margin-top: -1px; } * html #flashAnim { position: absolute; left: 235px; top: 28px; width: 392px; height: 150px; } /************** ColA *****************/ #colA #menuleft { padding: 50px 15px 0 15px; color: #333; font-size: 12px; line-height: 15px; } #colA .actualites { background: white url(img/bg_colA-actualites.jpg) left top no-repeat; min-height: 200px; height:auto !important; height:200px; } #colA .presentation { background: white url(img/bg_colA_presentation.jpg) left top no-repeat; min-height: 350px; height:auto !important; height:350px;} #colA .accueil_stage { background: white url(img/bg_colA_accueil-stage.jpg) left top no-repeat; min-height: 350px; height:auto !important; height:350px;} #colA .equipements { background: white url(img/bg_colA_equipements.jpg) left top no-repeat; min-height: 350px; height:auto !important; height:350px;} #colA .esn { background: white url(img/bg_colA_esn.jpg) left top no-repeat; min-height: 350px; height:auto !important; height:350px;} #colA .formation { background: white url(img/bg_colA_formation.jpg) left top no-repeat; min-height: 350px; height:auto !important; height:350px;} #colA .haut_niveau { background: white url(img/bg_colA_haut-niveau.jpg) left top no-repeat; min-height: 350px; } #colA .contact { background: white url(img/bg_colA_contact.jpg) left top no-repeat; min-height: 350px; height:auto !important; height:350px;} #colA .news { background: white url(img/bg_colA-actualites.jpg) left top no-repeat; min-height: 200px; height:auto !important; height:350px;} #colA .recherche { background: white url(img/bg_colA-recherche.jpg) left top no-repeat; min-height: 200px; height:auto !important; height:350px;} #colA .err404 { background: white url(img/bg_colA-404.jpg) left top no-repeat; min-height: 200px; height:auto !important; height:350px;} #colA #menuleft p a { color: #666; font-size: 11px; } #colA #menuleft ul.quickAccess { margin: 10px 0 20px 0; list-style-type: none; } #colA #menuleft ul.quickAccess li { background: transparent url(img/puce_ronde_colA.gif) left 50% no-repeat; padding: 0 0 0 15px; } #colA #menuleft ul.quickAccess li a { color: #333; text-decoration: none; font-size: 12px; } #colA #menuleft ul.quickAccess li a:hover { color: #333; text-decoration: underline; } #colA #menuleft h3 { padding-bottom: 5px; border-bottom: 1px solid #999; font-size: 16px; } #colA #menuleft h3 a { font-size: 14px; color: #333; font-weight: bold; text-decoration: none;} #colA #menuleft h3 a:hover { color: #666; } #colA #menuleft ul.subart { margin: 0 0 15px 0; list-style-type: none; } #colA #menuleft ul.subart li { border: none; font-size: 12px; margin: 0; padding: 0 0 0 10px; background: transparent url(img/puce_arrow_colA.gif) left 50% no-repeat; } #colA #menuleft ul.subart li.current { color: #990033; font-weight: bold; } #colA #menuleft ul.subart li a { color: #000; text-decoration: none; } #colA #menuleft ul.subart li a:hover { color: #333; text-decoration: underline; } #colA #menuleft ul.subart li.current a { color: #990033; } #colA #menuleft p.all_news { background: transparent url(img/bt_voir_actus.gif) left 50% no-repeat; padding-left: 20px; font-size: 12px; } #colA #menuleft p.all_news a { font-size: 12px; } #colA #localite { margin: 0 0 10px 0; border: 3px solid #9E648D; padding: 10px; font-size: 13px; color: #333; background-color: #EBDEE7; } #colA #video { width: 245px; height: 200px; background-color: #ccc; text-align: center; margin-top: 20px; } #colA #newsletter { background: transparent url(img/bg_newsletter_colA.gif) left top no-repeat; width: 212px; height: 64px; margin: 20px 0; padding: 23px 5px 5px 27px; font-size: 10px; } #colA #newsletter input[type=text] { border: none; border-style: none; margin: 0; padding: 2px 5px; } #colA #newsletter p { color: #666; margin: 3px 0; } #colA #newsletter p a { color: #999; } #colA #newsletter input.radio { border: 0px; margin: 0; background-color: #E8E7E6; } /************** ColB *****************/ #colB h1#main-title { color: #990033; font-size: 20px; margin: 0 0 5px 0; } /* Partie centrale de la homepage */ #colB #home_article { border-bottom: 1px dotted #ccc; color: #333; } #colB #home_article p { line-height: 16px; } #colB #home_article a { color: #990033; } #colB #home_article img { margin-bottom: 5px; } #colB #article { color: #333; } #colB #article p { line-height: 16px; } #colB #article p.modified { text-align: right; color: #999; } #colB #article a { color: #990033; } #colB #article img { margin-bottom: 5px; } #colB #resultats { color: #333; border-bottom: 1px solid #ccc; } #colB #resultats p { line-height: 16px; } #colB #resultats p.modified { text-align: right; color: #999; margin: 0; } #colB #resultats p.score { text-align: right; color: #ccc; } #colB #resultats h2 { margin: 10px 0; } #colB #resultats h2 a { color: #990033; text-decoration: none; } #colB #resultats h2 a:hover { color: #000; text-decoration: underline; } #colB h1#art-title { font-size: 26px; margin: 0 0 15px 0; border-bottom: 1px solid #000; padding: 0 0 5px 0; } #colB h1.presentation { color: #C06382; } #colB h1.accueil_stage { color: #EE8B4A; } #colB h1.equipements { color: #49AACD; } #colB h1.esn { color: #6E924A; } #colB h1.formation { color: #6C6C46; } #colB h1.haut_niveau { color: #DC4749; } #colB h1.contact { color: #9C658F; } #colB h1.chap-title { color: #990033; font-size: 18px; margin: 10px 0 15px 0; } #colB #article p.chapitres { margin-top: 30px; color: #333; border-bottom: 1px solid #999; font-weight: bold; font-size: 14px; } #colB #article p.chapitres a { color: #333; text-decoration: none; } #colB #article p.chapitres a:hover { color: #333; } #colB #art-pages-list ul { color: #666; margin: 0 0 0 10px; list-style-position: inside; } #colB #art-pages-list ul li a { color: #666; text-decoration: none; } #colB #art-pages-list ul li a:hover { text-decoration: underline; } #colB #art-pages-list ul li.current a { font-weight: bold; color: #333; text-decoration: underline; } #colB .more_about { } #colB .more_about p { color: #999; } #colB .more_about p a { color: #999; text-decoration: underline; } #colB .more_about p a:hover { color: #666; text-decoration: underline; } #colB p.print { background: transparent url(img/print_logo.gif) 88% top no-repeat; text-align: right; margin-bottom: 20px; } #colB p.print a { color: #999; text-decoration: none; } #colB p.print a:hover { color: #333; } #colB h2.environnement_title { margin: 10px 0 5px 0; } #colB h2.environnement_title a { color: #315428; text-decoration: none; } #colB h2.environnement_title a:hover { text-decoration: underline; } #colB .creps_environnement { background: #F1F7EF url(img/bg_environnement.jpg) left top no-repeat; padding: 5px 5px 5px 100px; color: #333300; font-style: italic; font-size: 13px; margin-bottom: 20px; } #colB .creps_environnement p { line-height: 16px; } #colB .article h2.result-title a { color: #990033; } /* tableau offre formation */ table#tableauFormation { border: 1px solid #ccc; width: 99%; } table#tableauFormation tr { text-align: center; border: 1px solid #ccc; vertical-align: middle; } table#tableauFormation td { text-align: center; border: 1px solid #ccc; } table#tableauFormation .text { text-align: left; padding: 12px; } table#tableauFormation .doc p { text-align: left; } table#tableauFormation .tabOffreFormation { text-align: center; vertical-align: middle; } table#tableauFormation th.tabOffreFormation small { font-style: normal; color: #999; } /* formulaire de réservation */ #formulaire-top { float: left; width: 500px; height: 20px; background: transparent url(img/bg_formulaire-top.png) left top no-repeat; } #formulaire-bottom { float: left; width: 500px; height: 20px; background: transparent url(img/bg_formulaire-bottom.png) left top no-repeat; margin-bottom: 15px; } #formulaire { float: left; width: 460px;background: transparent url(img/bg_formulaire.png) left top repeat-y; padding: 0 20px; } #formulaire form fieldset { padding-bottom: 10px; margin-bottom: 10px; } #formulaire form fieldset.noMargin { margin: 0; border: none; padding: 0; } #formulaire fieldset legend { font-weight: bold; margin-bottom: 10px; } #formulaire form fieldset input[type=text] { border: 1px solid #ccc; padding: 2px 5px; } #formulaire form table { width: 99%; } #formulaire form legend { color: #990033; } #formulaire form textarea {border: 1px solid #ccc; } #formulaire form fieldset input[type=text].date { width: 70px; margin: 0 5px;} /* Formulaire 1 */ #formulaire #form1 #fieldset1 { border: 1px solid #ccc; } #formulaire #form1 #fieldset1 legend { margin-left: 15px; padding: 0 5px; } #formulaire #form1 #fieldset1 table { border: none; } #formulaire #form1 #fieldset1 table th { text-align: right; width: 150px; border: none; padding-right: 15px; } #formulaire #form1 #fieldset1 table td { text-align: left; border: none; } #formulaire #form1 #fieldset1 textarea { width: 295px; } #formulaire #form1 #fieldset2 table th { text-align: center; background-color: #EEE; } #formulaire #form1 #fieldset2 table td { text-align: center; } #formulaire #form1 #fieldset2 table td input { width: 25px; } #formulaire #form1 #fieldset3 table { border: none; } #formulaire #form1 #fieldset3 table th { text-align: right; border: none; padding-right: 15px; } #formulaire #form1 #fieldset3 table td { text-align: left; border: none; } #formulaire #form1 #fieldset3 select { width: 70px; margin: 0 5px; } #formulaire #form1 #fieldset3 label { } #formulaire form fieldset textarea { font-family: "Trebuchet MS"; font-size: 12px; padding: 5px; } /* Formulaire 2 */ #formulaire #form2 #fieldset1 input[type=text] { width: 30px; } #formulaire #form2 #fieldset1 table { border: border: 1px solid #ccc; width: 99%; } #formulaire #form2 #fieldset1 table th { background-color: #EEE; text-align: center; border: 1px solid #ccc; vertical-align: middle; } #formulaire #form2 #fieldset1 table td { text-align: center; border: 1px solid #ccc; } #formulaire #form2 #fieldset2 select { margin: 0 5px; } #formulaire #form2 #fieldset2 #group { display: inline; } /* Formulaire 3 */ #formulaire #form3 fieldset table { border: border: 1px solid #ccc; width: 99%; } #formulaire #form3 fieldset table th { text-align: center; border: 1px solid #ccc; vertical-align: middle; background-color: #EEE; } #formulaire #form3 fieldset table td { text-align: center; border: 1px solid #ccc; } #formulaire #form3 #fieldset1 table tr.end { border-bottom: 1px solid #666; } #formulaire #form3 #fieldset1 table td.numInstall { vertical-align: middle; font-weight: bold; } #formulaire #form3 fieldset input.materiel { width: 180px; } #formulaire #form3 fieldset input.date { width: 70px;} /* Formulaire 4 */ #formulaire #form4 fieldset table { border: none; } #formulaire #form4 fieldset table th { text-align: right; width: 150px; border: none; padding-right: 15px; background-color: #EEE; } #formulaire #form4 fieldset table td { text-align: left; border: none; } #formulaire #form4 fieldset table td input[type=text] { width: 260px; } #colB p.continuer { text-align: right; margin: 10px 0 20px 0; } /* Formulaire de contact */ #formulaire form fieldset#contact1 table { border: none; } #formulaire form fieldset#contact1 table th { text-align: right; width: 150px; border: none; padding-right: 15px; } #formulaire form fieldset#contact1 table td { text-align: left; border: none; } #formulaire p.confirm { text-align: center; font-size: 16px; color: #990033; padding: 20px; padding-top: 5px; } #formulaire p.notSent { text-align: center; font-size: 16px; color: #990033; padding: 20px; padding-top: 5px; } /* Page de news (listing des news) */ #colB #newsList .news { border-bottom: 1px solid #ccc; margin: 0 0 5px 0; padding: 5px; } #colB #newsList .news h2 { margin: 0 0 10px 0; } #colB #newsList .news h2 a { color: #990033; text-decoration: none; } #colB #newsList .news h2 a:hover { color: #FA7800; text-decoration: underline; } #colB #newsList .news div.newsContent { padding: 0 15px; } #colB #newsList .news p.newsDate { text-align: right; margin: 10px 0 0 0; color: #ccc; } #GGmap { width:500px; } #map { width: 496px; height: 300px; margin: 15px 0; border: 1px solid #ccc; overflow: hidden; } #colB a:hover { text-decoration: none; } /************** ColC *****************/ #easy-access { width: 200px; margin-bottom: 15px; } #easy-access input[type=text] { background: #fff url(img/bg_input_search.gif) left top no-repeat; border: none; border-style: none; width: 156px; height: 17px; float: left; margin: 0; padding: 3px 0 0 10px; } * html #easy-access .inputSearch { background: #fff url(img/bg_input_search.gif) left top no-repeat; border: none; border-style: none; width: 156px; height: 17px; float: left; margin: 0; padding: 3px 0 0 10px; } #easy-access input[type=image]{ float: left; width: 29px; margin: 0; padding: 0; } * html #easy-access .submitSearch { float: left; width: 29px; margin: 0; padding: 0; } input[type=submit]:hover { background: #999; color: #ccc; } #informations-top, #recap-top { float: left; width: 200px; height: 7px; background: url(img/bg_colC-informations-top.jpg) left top no-repeat; } * html #informations-top { overflow: hidden; } * html #recap-top { overflow: hidden; } #informations-bottom, #recap-bottom { float: left; width: 200px; height: 7px; background: url(img/bg_colC-informations-bottom.jpg) left top no-repeat; margin-bottom: 20px; } #informations, #recap { float: left; width: 180px; padding: 0 10px; background-color: #E9F0FB; color: #666; } #informations .colC_news { margin: 0 0 15px 0; } #informations .colC_news p { margin: 0; font-size: 12px; font-style: italic; line-height: 15px; } #informations .colC_news p img { margin: 7px 0; } #informations .colC_news h4 { margin: 5px 0; border-bottom: 1px dotted #666; padding-bottom: 3px; } #informations .colC_news h4 a { color: #222; font-weight: bold; font-size: 13px; text-decoration: none; } #informations .colC_news h4 a:hover { text-decoration: underline; } #galerie-top { float: left; width: 200px; height: 7px; background: url(img/bg_colC-galerie-top.gif) left top no-repeat;} * html #galerie-top { overflow: hidden; } #galerie-bottom { float: left; width: 200px; height: 7px; background: url(img/bg_colC-galerie-bottom.gif) left top no-repeat; margin-bottom: 20px; } #galerie { float: left; width: 150px; padding: 0 25px; background: #ECECEC url(img/appareil_photo.gif) 10px top no-repeat; color: #666; } #galerie h2 { font-size: 14px; margin: 0 0 20px 8px; color: #333; } #galerie img { border: 3px solid #fff; margin-bottom: 5px; } #meteo { width: 200px; float: left; margin-bottom: 10px; } #meteo h2 { } #meteo table.meteo { width: 200px; border: none; } #meteo table.meteo td { border: none; text-align: center; font-size: 12px; } #meteo table.meteo td.titre { text-align: left; border-bottom: 1px solid #ccc; color: #535353; } #meteo table.meteo td.pos { color: #ccc; } #meteo table.meteo td.temperature { text-align: left; } #reservation { width: 200px; float: left; margin-bottom: 10px; } #links { width: 200px; float: left; margin-bottom: 20px; border-top: 1px dotted #ccc; padding-top: 10px; } #links ul { list-style-type: none; margin: 0; overflow: hidden; } #links ul li { padding-left: 25px; line-height: 19px; height: 20px; } #links ul li a { color: #333; text-decoration: none; } #links ul li a:hover { text-decoration: underline; } #links ul li.brochure { background: transparent url(img/puce_brochures_colC.jpg) left top no-repeat; } #links ul li.contact { background: transparent url(img/puce_contact_colC.jpg) left top no-repeat; } #links ul li.creps { background: transparent url(img/puce_creps_colC.jpg) left top no-repeat; } #links ul li.crops { background: transparent url(img/puce_crops_colC.jpg) left top no-repeat; } #links ul li.webtv { background: transparent url(img/puce_webtv_colC.jpg) top left no-repeat; } /* ==================================================================== GALLERY -------------------------------------------------------------------- */ div.gallery {} div.gallery-top {} div.gallery-bottom { clear: left; } div.gallery-thumb a { float: left; display: block; } #content img.gallery-thumb { margin: 0 0 10px 0; } div.gallery-img { float: left; width: 200px; padding: 0 0 0 10px; margin: 0 10px 10px 0; } p.gallery-legend { text-align: center; line-height: 100%; font-style: italic; color: #A5A569; } #colB .gallery-view { float: left; width: 490px; } #colB .gallery-view h2 { font-size: 14px; margin: 0 0 20px 8px; color: #333; } #colB .gallery-view a img { float: right; display: block; border: 1px solid #ccc; width: 100px; padding: 4px; margin: 4px; } /* ==================================================================== SITEMAP -------------------------------------------------------------------- */ #sitemap { margin-bottom: 20px; } #sitemap h1 { font-weight: 200; color: #0E5A8A; margin: 0 0 15px 0; } #sitemap h3 { font-size: 120%; border-bottom: 1px solid #EDEDED; background-color: #E8E8E8; margin: 0 0 15px 0; padding: 5px 10px; } #sitemap h3 a { color: #333; } #sitemap h3 a { text-decoration: none; } #sitemap li { font-size: .9em; color: #990033; } #sitemap li a { color: #990033; font-size: 12px; } #sitemap li.nodeco { list-style-type: none; } #sitemap li.nodeco a { color: #990033; } #sitemap li.nodeco li { list-style-type: circle; color: #990033; } #sitemap li.subcatlism { list-style-type: circle; color: #990033; } #sitemap li.subcatlism a { color: #990033; } #sitemap li.subcatlism p { padding: 10px 0 0 0; } #sitemap p { color: #666; font-size: 90%; font-style: italic; margin-top: -10px; } /* ==================================================================== FOOTER -------------------------------------------------------------------- */ #footer { clear: both; background: transparent url(img/bg_footer.jpg) left top no-repeat; text-align: center; font-style: italic; padding-top: 15px; color: #999999; margin-top: 20px; } #footer p { margin: 5px 0; color: #666; } #footer p a { color: #666; text-decoration: none; } #footer p a:hover { text-decoration: underline; color: #999; } #footer p .rss { background-color: #FD9650; padding: 1px 4px; font-size: 10px; font-style: normal } #footer p a.rss { color: #fff; } #footer p a.rss:hover { text-decoration: none; color: black; }