@import url(rte.css); /**************************/ /*Balise generale*/ body { background-color: #02A3D9; background-image: url(../images/bg_jeune.jpg); background-repeat: repeat-x; font-family: Arial, Helvetica,sans-serif; margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } a { color: #0796C6; } a:hover { text-decoration:none;} a img { border: none; } acronym {border-bottom: #999900 1px dotted;font-style: inherit;cursor: help;} /* couleur de la selection */ ::-moz-selection { background: #fedb77; color: #000; text-shadow: none; } ::selection { background: #fedb77; color: #000; text-shadow: none; } #titre { background: url("../images/bg_haut_contenu.png") no-repeat scroll center bottom transparent; color: #FFFFFF; display: block; font-size: 1.2em; font-weight: bold; margin-left: 7px; margin-top: 0px; padding-bottom: 53px; width:776px; } #titre h1 { left:0!important; margin-top: 0px; margin-left:0!important; text-shadow: 1px 3px 10px black; } /* avertissment ie6 */ #ie-warning { background: none repeat scroll 0 0 #FFF2CE; border: 3px solid #FFC013; margin: 10px; padding: 10px; } table {border-collapse: collapse; background: #fff; overflow: hidden; margin-bottom:20px; border: 1px solid #006699; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; width:100%;} table caption {color:#00557F; font-weight:bold;} table thead {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) ); background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F'); background-color:#006699; color:#FFFFFF; border-left: 1px solid #0070A8;} table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) ); background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F'); background-color:#006699; color:#FFFFFF; border-left: 1px solid #0070A8;} table tbody td input[type=radio] {margin:0 35%;} table tbody th {text-align:left;} table tbody th , table tbody td {color: #00557F; border: none; margin:7px 5px;} table tbody tr.selectedRow {background-color: #F2F7F9;} table tbody tr.odd {background-color: #E1EEf4; color: #00557F;} a[href$=".pdf"]:after { content: url("../images/icons/pdf.gif"); padding-left:2px;} a[href$=".doc"]:after { content: url("../images/icons/doc.gif"); padding-left:2px;} a[href$=".xls"]:after { content: url("../images/icons/xls.gif"); padding-left:2px;} a[href$=".mp3"]:after { content: url("../images/icons/mp3.gif"); padding-left:2px;} a[href$=".ppt"]:after { content: url("../images/icons/ppt.gif"); padding-left:2px;} a[href$=".pps"]:after { content: url("../images/icons/pps.gif"); padding-left:2px;} a[href$=".mov"]:after { content: url("../images/icons/mov.gif"); padding-left:2px;} a[href$=".zip"]:after { content: url("../images/icons/zip.gif"); padding-left:2px;} .float-right {float:right;} /**************************/ /*contenant*/ #contenant { background-repeat: repeat-x; height: auto; margin-left: auto; margin-right: auto; width: 995px; } #contenant #navigation { background: repeat-x bottom; clear: both; height: 95px; margin: 15px auto 0; position: relative; } /*accueil jeune*/ #contenant #niveau { clear:left; float: left; margin-left:20px; } #contenant #niveau img { margin-top: 20px; } #contenant #personnages { float: left; margin-left: 180px; } #contenant #personnages { margin-left: 600px; margin-top: -400px; } .matieres-nav { background: url("../../fichiers/jeunes/carrousel/matieres_danger/matieres_nav.png") no-repeat;} .slick-center.matieres-nav { background: url("../../fichiers/jeunes/carrousel/matieres_danger/matieres_g_nav.png") no-repeat center ;} .erosion-nav { background: url("../../fichiers/jeunes/carrousel/erosion/erosion_nav.png") no-repeat;} .slick-center.erosion-nav { background: url("../../fichiers/jeunes/carrousel/erosion/erosion_g_nav.png") no-repeat center ;} .glissement-nav { background: url("../../fichiers/jeunes/carrousel/glissement/glissement_nav.png") no-repeat;} .slick-center.glissement-nav { background: url("../../fichiers/jeunes/carrousel/glissement/glissement_g_nav.png") no-repeat center ;} .slick .incendie-nav { background: url("../../fichiers/jeunes/carrousel/incendie/incendie_nav.png") no-repeat center ;} .slick .slick-center.incendie-nav { background: url("../../fichiers/jeunes/carrousel/incendie/incendie_g_nav.png") no-repeat center ;} .slick .feuforet-nav { background: url("../../fichiers/jeunes/carrousel/foret/feuforet_nav.png") no-repeat center ;} .slick .slick-center.feuforet-nav { background: url("../../fichiers/jeunes/carrousel/foret/feuforet_g_nav.png") no-repeat center ;} .slick .tornade-nav { background: url("../../fichiers/jeunes/carrousel/tornade/tornade_nav.png") no-repeat center ;} .slick .slick-center.tornade-nav { background: url("../../fichiers/jeunes/carrousel/tornade/tornade_g_nav.png") no-repeat center ;} /**************************/ /*entete*/ #entete { height: 81px; margin-left: auto; margin-right: auto; width: 975px; } #entete #logo { float: left; height: 81px; width: 191px; } #meta_navigation { background-color: #002c9e; float: left; height: 15px; margin-left: 15px; margin-top: 60px; padding-left: 10px; width: 710px; } #meta_navigation li { display: inline; } #meta_navigation li a { color: #FFF; float: left; font-family: Verdana, Geneva, sans-serif; font-size: 10px; margin-left: 5px; margin-right: 5px; margin-top: 1px; text-decoration: none; } #logoSecuro_jeunes { float: left; margin-top: 0px; } #contenant #entete #meta_navigation li { list-style-type: none; margin-top: -4px; } #piv-bandeau-print, #piv-bandeau-print * {display:none;} /**************************/ /*naviagtion haut*/ #navigation #entete_jeunes { float: left; height: 70px; margin-left: 120px; margin-top: 19px; } #navigation #navigation_jeunes { background: url(../images/btn_enseignants.png); float: right; height: 35px; margin-top: 40px; } #navigation #navigation_jeunes a { color: white; display: block; font-weight: bold; margin: 4px 9px 4px 15px; text-decoration: none; } #navigation #navigation_jeunes a:hover { text-shadow: 1px 1px 3px black; } /************************************************/ /*contenu*/ #mascotte-accueil { float: right; height: 520px; margin-left: 0px; width: 277px; } #contenu #mascotte { clear: left; float: left; height: 520px; margin-left: 0px; width: 277px; } #contenu.accueil-jeune { /*padding-top: 92px;*/ } #contenu { background-image: url("../jeunes/images/bg_jeune.png"); background-position: center top; background-repeat: no-repeat; margin: 95 auto 0; min-height: 700px; width: 995px; } #contenu #autrepartie { float: left; margin-top: 227px; } #contenu .clear { clear: both; } .clear { clear: both; } #contenu_bckg {background: url("fileadmin/templates/images/bg_contenu.png") repeat-y scroll 225px 0px; position: relative; width: 995px;} #colonne-contenu {float: left; width: 766px;} /************************************************/ /*contenu_objet*/ #contenu_objet #ens_titre_contenu { color: #5ca63b; font-size: 18px; font-weight: normal; } #contenu_objet { background-image: url("../images/bg_contenu.png"); background-repeat: repeat-y; margin-left: 5px; margin-top: 0; min-height: 575px; padding: 10px 20px 20px 15px; position: relative; z-index: 1; } #conteneur_tt_content #contenu_objet {*width: 550px;} #conteneur_tt_content { float: left; margin-left: 5px; width: 775px;} #contenu_objet_fixe { float: left; width: 500px; } #contenu_objet h2 { color: #1C94C4; font-size: 1.6em; font-weight: bold; } #contenu_objet h3 { color: #777777; font-size: 1.2em; } #contenu_objet ul li { list-style-image: url(../jeunes/images/puce.png); } #contenu_objet ul li ul li { list-style-image: none; list-style-type: disc;} /**********************************************************/ /*Navigation niveau accueil*/ #contenant #contenu #navigliens { float: left; height: 140px; margin-left: -280px; margin-top: 80px; } #contenant #contenu #navigliens li { display: inline; } #contenant #contenu #navigliens li a { display: block; float: left; height: 75px; text-decoration: none; width: 75px; } #contenu #navigliens li a#un:link,#contenu #navigliens li a#un:visited { background: url(../images/niveau/annee1.png) no-repeat 0 0; } #contenu #navigliens li a#un:hover,#contenu #navigliens li a#un:active { background: url(../images/niveau/annee1.png) 0 84px; } #contenu #navigliens li a#deux:link,#contenu #navigliens li a#deux:visited { background: url(../images/niveau/annee2.png) no-repeat 0 0; } #contenu #navigliens li a#deux:hover,#contenu #navigliens li a#deux:active { background: url(../images/niveau/annee2.png) 0 84px; } #contenu #navigliens li a#trois:link,#contenu #navigliens li a#trois:visited { background: url(../images/niveau/annee3.png) no-repeat 0 0; } #contenu #navigliens li a#trois:hover,#contenu #navigliens li a#trois:active { background: url(../images/niveau/annee3.png) 0 84px; } #contenu #navigliens li a#quatre:link,#contenu #navigliens li a#quatre:visited { background: url(../images/niveau/annee4.png) no-repeat 0 0; } #contenu #navigliens li a#quatre:hover,#contenu #navigliens li a#quatre:active { background: url(../images/niveau/annee4.png) 0 84px; } #contenu #navigliens li a#cinq:link,#contenu #navigliens li a#cinq:visited { background: url(../images/niveau/annee5.png) no-repeat 0 0; } #contenu #navigliens li a#cinq:hover,#contenu #navigliens li a#cinq:active { background: url(../images/niveau/annee5.png) 0 84px; } #contenu #navigliens li a#six:link,#contenu #navigliens li a#six:visited { background: url(../images/niveau/annee6.png) no-repeat 0 0; } #contenu #navigliens li a#six:hover,#contenu #navigliens li a#six:active { background: url(../images/niveau/annee6.png) 0 84px; } /***************************************/ /*Navigation choix annee page jeune*/ #navigNiveau { display: block; height: 70px; margin-left: 500px; } #navigNiveau li { display: inline; } #navigNiveau li a { display: block; float: left; } #navigNiveau img { height: 55px; -moz-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; vertical-align: top; -webkit-transition: all 0.5s ease-in-out 0s; width: 50px; } #navigNiveau img:hover, #navigNiveau img:active { height: 77px; -moz-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; width: 75px; } #navigNiveau .active img { height: 77px; width: 75px; } /************************************/ /*Menu lateral*/ #navig_laterale { background: url("../jeunes/images/bg_menu_bas.png") no-repeat bottom; float: left; margin-left: -10px; margin-top: -70px; padding-bottom: 99px; position: relative; width: 230px; } #navig_laterale ul { background: url("../jeunes/images/bg_menu.png") repeat; border-top-color: #ffc013 1px solid; float: left; height: auto; margin-bottom: 0px; margin-left: 0px; margin-top: 80px; padding-left: 41px; width: 200px; } #navig_laterale ul li { display: inline; } #navig_laterale ul li a { background: none; border-top: 1px solid #ffc013; color: #FFF; display: block; float: left; font-size: 16px; font-weight: bold; height: 20px; height: auto; margin-left: 17px; padding-bottom: 7px; padding-left: 6px; padding-top: 7px; text-align: left; text-decoration: none; width: 166px; } #navig_laterale ul li a:hover, #navig_laterale ul li a:active,#navig_laterale ul li.active a { background: url(../jeunes/images/menuGauche_rollover.jpg) repeat center top; color: #000000; } /*********************************************************************/ /* menu de niveau 2 */ ul#niv2 { background: none; border: none; margin-top: 0px; padding: 0px; } #niv2 { border-top-color: #FFF; border-top-style: solid; border-top-width: 1px; } #niv2 ul li { display: inline; } #navig_laterale ul li #niv2 li a { background: none; border-bottom: medium none; border-top: 1px solid #fff; color: #FFF; font-size: 0.8em; padding-left: 27px; width: 145px; } #navig_laterale ul li ul#niv2 li a:hover, #navig_laterale ul li ul#niv2 li a:active, #navig_laterale ul li ul#niv2 li.active a { background: none; color: #ffc014; -moz-transition: all .5s; o-transition: all .5s; transition: all .5s; -webkit-transition: all .5s; } /*********************************************************************/ /* menu de niveau 3 */ #navig_laterale ul li ul#niv3 { border-top: 1px solid #FFFFFF; margin-left: 14px; margin-top: 0; padding: 0px; width: 174px; } #niv3 li { display: inline; } #navig_laterale ul .active #niv2 .active #niv3 a { background-image: url("../jeunes/images/bg_sousmenu.png"); border-top: none; color: #FFF; font-size: 0.7em; font-weight: bold; width: 125px; } #navig_laterale ul .active #niv2 .active #niv3 a:hover, #navig_laterale ul .active #niv2 .active #niv3 a:active , #navig_laterale ul .active #niv2 .active #niv3 li.active a { color: #FFC014; } /************************************************************/ /*Fil d'ariane*/ #breadcrumb { padding-left: 10px; } #breadcrumb a { color: #ffc014; font-size: 14px; font-style: italic; font-weight: bold; margin-left: 3px; text-decoration: none; } #breadcrumb a:hover, #breadcrumb a:active, { text-decoration: underline; } #breadcrumb a:after { content: " / "; } /************************************************************/ /*Navigation interne (encre)*/ #contenu_objet li.csc-section { list-style-image: url("../jeunes/images/encre.png"); } /*************************************************/ /* Contenue dans le bas (lien supplémentaire)*/ #pied_contenu { background: url("../images/bg_bas_contenu.png") no-repeat scroll center bottom transparent; clear: both; /*float: left;*/ min-height:155px; padding-bottom: 30px; padding: 10px 0 0 14px; width: 776px; } #pied_contenu div.csc-header { background: url("../jeunes/images/bckg_titreComplement.png") no-repeat scroll 0 0 transparent; color: #909090; font-size: 0.6em; margin-left: 6px; padding-left: 15px; padding-top: 20px; } #pied_contenu p { clear:left; color: #666; font-size: 12px; padding-left: 25px; padding-top: 20px; } #bas_contenu { background-image: url(../images/bg_bas_contenu.png); background-position: bottom; background-repeat: no-repeat; float: left; height: 80px; margin-left: -1px; width: 791px; } /************************************************************/ /*PIV bas*/ #piedPage_jeune { background-color: #FFF; background-image: url(../../templates/jeunes/images/01_jeune_10.jpg); background-position: top; background-repeat: repeat-x; clear: both; height: 100%; margin-left: auto; margin-right: auto; padding-bottom: 50px; padding-top: 60px; width: 100%; } #piedPageLiens ul li { display: inline; list-style-type: none; margin-top: 52px; } #piedPageLiens { font-size: 10px; height: auto; margin-left: auto; margin-right: auto; padding-top: 30px; text-align: center; width: 800px; } #piedPageLiens ul li a { color: #00F; font-family: Verdana, Geneva, sans-serif; text-decoration: none; } #piedPageLiens span a { color: #00F; font-family: Verdana, Geneva, sans-serif; text-decoration: none; } #piedPageLiens p { color: #00F; font-family: Verdana, Geneva, sans-serif; } #piedPageLiens img { margin-bottom: -20px; } /***********************************************/ /*complement flottant*/ #conteneur_tt_content {*height:auto; *position: relative; } #complement_flottant {background-color:#fff; color: #787878; float: right; font-size: 0.8em; font-weight: bold; position: relative; width: 189px; z-index: 2; *height: 100%; *position: absolute; *left: 81%; } #complement_flottant .fixe { } #complement_flottant ul { margin-left: 0px; padding-left: 15px; width: 130px; } #complement_flottant ul li { list-style: disc; margin-bottom: 5px; } #complement_flottant .encadre {padding: 0px 5px;} .complement { background-image: url("../jeunes/images/bg_complement.png"); color: #FFF; display: inline-block; font-weight: bold; padding: 0 5px; width: 154px; } .complement a { color: #FFF; text-decoration: none; } .complement a:hover, .complement a:active { text-decoration: underline; } .complement_haut { background: url("../jeunes/images/bg_complement_haut.png") no-repeat; height: 38px; } .complement_bas { background: url("../jeunes/images/bg_complement_bas.png") no-repeat; height: 38px; } /***********************************************/ #detecteur { margin-left: 185px; margin-top: -60px; } #avertisseur { color: #000; font-size: 14px; font-weight: bold; margin-left: 195px; margin-top: 0px; } #maison { margin-left: 165px; } #contenu_objet #vert { background-image: url(../SECUROPartJeunes/sosSecurite/back_vert.jpg); background-position: center top; background-repeat: no-repeat; float: left; height: auto; margin-left: 65px; margin-top: 0px; width: 170px; } #contenu_objet #fleche { float: left; margin-top: 135px; width: 135px; } #navigation_niveau { margin-bottom: 0px; margin-left: 270px; margin-right: 0px; margin-top: -60px; } #menu_navigliens { clear: both; height: auto; margin-left: -260px; margin-top: 0px; width: 200px; } #menu_navigliens li { list-style-type: none; } #menu_navigliens li a { color: #87b936; font-size: 14px; text-decoration: underline; } #menu li.borderjaune a { border-bottom-color: #ffc013; border-bottom-style: solid; border-bottom-width: 1px; } #navigNiveau li a.espace { margin-right: 10px; } /***************************/ /*Navigation choix thème*/ #navigJeu { float: left; margin-left: -20px; margin-top: -20px; } #navigJeu li { display: inline; } #navigJeu li a { display: block; float: left; height: 235px; margin-bottom: 50px; margin-left: 10px; text-decoration: none; width: 295px; } #contenant #piedPageLiens span { color: #00F; font-family: Verdana, Geneva, sans-serif; font-size: 10px; } #navigJeu li a.objet1:link, #navigJeu li a.objet1:visited { background: url(../jeunes/images/theme/mascotte.png) no-repeat 0px 0px; } #navigJeu li a.objet1:hover, #navigJeu li a.objet1:active { background: url(../jeunes/images/theme/mascotte.png) 0px -247px; } #navigJeu li a#escouade:link, #navigJeu li a#escouade:visited { background: url(../jeunes/images/theme/zone_jeux.png) no-repeat 0px 0px; } #navigJeu li a#escouade:hover, #navigJeu li a#escouade:active { background: url(../jeunes/images/theme/zone_jeux.png) 0px -247px; } #navigJeu li a#famille:link, #navigJeu li a#famille:visited { background: url(../jeunes/images/theme/famille.png) no-repeat 0px 0px; } #navigJeu li a#famille:hover, #navigJeu li a#famille:active { background: url(../jeunes/images/theme/famille.png) 0px -247px; } #navigJeu li a#zone-jeu-3:link, #navigJeu li a#zone-jeu-3:visited { background: url(../jeunes/images/theme/zone_jeux_3.png) no-repeat 0px 0px; } #navigJeu li a#zone-jeu-3:hover, #navigJeu li a#zone-jeu-3:active { background: url(../jeunes/images/theme/zone_jeux_3.png) 0px -247px; } #navigJeu li a.objet2:link, #navigJeu li a.objet2:visited { background: url(../jeunes/images/theme/sos_urgence.png) no-repeat 0px 0px; } #navigJeu li a.objet2:hover, #navigJeu li a.objet2:active { background: url(../jeunes/images/theme/sos_urgence.png) 0px -247px; } #navigJeu li a#securite-2:link, #navigJeu li a#securite-2:visited { background: url(../jeunes/images/theme/securite_2.png) no-repeat 0px 0px; } #navigJeu li a#securite-2:hover, #navigJeu li a#securite-2:active { background: url(../jeunes/images/theme/securite_2.png) 0px -247px; } #navigJeu li a.objet3:link, #navigJeu li a.objet3:visited { background: url(../jeunes/images/theme/qui_fait_quoi.png) no-repeat 0px 0px; } #navigJeu li a.objet3:hover, #navigJeu li a.objet3:active { background: url(../jeunes/images/theme/qui_fait_quoi.png) 0px -247px; } #navigJeu li a#metier-2:link, #navigJeu li a#metier-2:visited { background: url(../jeunes/images/theme/metier_2.png) no-repeat 0px 0px; } #navigJeu li a#metier-2:hover, #navigJeu li a#metier-2:active { background: url(../jeunes/images/theme/metier_2.png) 0px -247px; } #navigJeu li a#metier-3:link, #navigJeu li a#metier-3:visited { background: url(../jeunes/images/theme/metier_3.png) no-repeat 0px 0px; } #navigJeu li a#metier-3:hover, #navigJeu li a#metier-3:active { background: url(../jeunes/images/theme/metier_3.png) 0px -247px; } #navigJeu li a#metier-4:link, #navigJeu li a#metier-4:visited { background: url(../jeunes/images/theme/metier_4.png) no-repeat 0px 0px; } #navigJeu li a#metier-4:hover, #navigJeu li a#metier-4:active { background: url(../jeunes/images/theme/metier_4.png) 0px -247px; } #navigJeu li a.objet4:link, #navigJeu li a.objet4:visited { background: url(../jeunes/images/theme/en_toute_securite.png) no-repeat 0px 0px; } #navigJeu li a.objet4:hover, #navigJeu li a.objet4:active { background: url(../jeunes/images/theme/en_toute_securite.png) 0px -247px; } #navigJeu li a#urgence-2:link, #navigJeu li a#urgence-2:visited { background: url(../jeunes/images/theme/urgence_2.png) no-repeat 0px 0px; } #navigJeu li a#urgence-2:hover, #navigJeu li a#urgence-2:active { background: url(../jeunes/images/theme/urgence_2.png) 0px -247px; } #navigJeu li a#urgence-3:link, #navigJeu li a#urgence-3:visited { background: url(../jeunes/images/theme/urgence_3.png) no-repeat 0px 0px; } #navigJeu li a#urgence-3:hover, #navigJeu li a#urgence-3:active { background: url(../jeunes/images/theme/urgence_3.png) 0px -247px; } #navigJeu li a#urgence-4:link, #navigJeu li a#urgence-4:visited { background: url(../jeunes/images/theme/urgence_4.png) no-repeat 0px 0px; } #navigJeu li a#urgence-4:hover, #navigJeu li a#urgence-4:active { background: url(../jeunes/images/theme/urgence_4.png) 0px -247px; } #navigJeu li a.objet5:link, #navigJeu li a.objet5:visited { background: url(../jeunes/images/theme/histoire.png) no-repeat 0px 0px; } #navigJeu li a.objet5:hover, #navigJeu li a.objet5:active { background: url(../jeunes/images/theme/histoire.png) 0px -247px; } #navigJeu li a#histoire-3:link, #navigJeu li a#histoire-3:visited { background: url(../jeunes/images/theme/histoire_3.png) no-repeat 0px 0px; } #navigJeu li a#histoire-3:hover, #navigJeu li a#histoire-3:active { background: url(../jeunes/images/theme/histoire_3.png) 0px -247px; } #navigJeu li a.objet6:link, #navigJeu li a.objet6:visited { background: url(../jeunes/images/theme/chercher_trouve.png) no-repeat 0px 0px; } #navigJeu li a.objet6:hover, #navigJeu li a.objet6:active { background: url(../jeunes/images/theme/chercher_trouve.png) 0px -247px; } #navigJeu p { color: #FFFFFF; font-size: 18px; font-weight: bold; margin-top: 260px; text-decoration: none; } /*************************************/ /*Contour pour les images*/ div#contenu_objet div.contour_sur_image img { border: 3px solid #FFFFFF; box-shadow: #666 0px 0px 5px; margin: 4px; -moz-box-shadow: #666 0px 0px 5px; -webkit-box-shadow: #666 0px 0px 5px; } div#contenu_objet div.contour_sur_image { max-width: 720px; } /***********************************/ /*Bouton sujet*/ ul.sujets { padding-bottom:50px; } ul.sujets li { display: inline-block; list-style: none; margin: 0 10px; } ul.sujets li a { background: url("../jeunes/images/bouton_sujet.png") no-repeat top right; color: #FFFFFF; cursor: pointer; float: left; font-weight: bold; text-decoration: none; } ul.sujets li a span { background: url("../jeunes/images/bouton_sujet.png") no-repeat top left; display: inline-block; margin: 0 10px 0 0px; padding: 5px 8px 15px 18px; position: relative; } /***********************************/ /*Qui fait quoi?*/ .menu-anime { display: block; overflow: hidden; padding: 30px 10px 0px 10px; } .menu-anime caption { color: #0285C5; padding-bottom: 20px; text-align:center;} .menu-anime table { border:none; } .menu-anime table:hover caption { background: url("../jeunes/images/survol_qui_fait_quoi.png") no-repeat scroll center bottom; color: #ffc013; } .menu-anime img { -moz-transition: -moz-transform .3s ease; -ms-transition: -ms-transform .3s ease; -o-transition: -o-transform .3s ease; padding-top: 20px; position: relative; transition: transform .3s ease; -webkit-transition: -webkit-transform .3s ease; } .menu-anime img:hover { -moz-transform: translate(0, -20px); -ms-transform: translate(0, -20px); -o-transform: translate(0, -20px); transform: translate(0, -20px); -webkit-transform: translate(0, -20px); z-index: 10; } .menu-anime a { margin-bottom: 60px; } /***********************************/ /*bulle informative*/ #complement_flottant .bulle { color: #4e4e4e; font-size: 1.1em; font-weight: bold; padding: 0px 5px 0px; } #complement_flottant .bulle .csc-textpic-text { background: url("../jeunes/images/bulle.jpg") repeat; display: inline-block; padding: 2px; width: 175px; } #complement_flottant .bulle_haut { background: url("../jeunes/images/bulle_haut.jpg") no-repeat; height: 16px; margin-left: 5px; } #complement_flottant .bulle .csc-textpic-imagewrap { background: url("../jeunes/images/bulle_bas.jpg") no-repeat; padding: 50px 25px; } #complement_flottant .bulle p { margin: 0 0 10px; } #contenu_objet .bulle .csc-textpic-text { background-color: white; border: 2px solid #CACACA; border-radius: 20px 20px 20px 20px / 15px 15px 15px 15px; box-shadow: 0 2px 3px #CACACA; } #contenu_objet .bulle_haut { background: url("../jeunes/images/bulle_grande_top.png") no-repeat; height: 47px; margin-left: 5px; } #contenu_objet .bulle { background: url("../jeunes/images/bulle_grande_centre.png") repeat-y; font-size:0.9em; font-weight:bold; margin:-16px 5px; padding: 0px 20px; width: 630px; } #contenu_objet .bulle_bas { background: url("../jeunes/images/bulle_grande_bottom.png") no-repeat; height: 99px; margin-left: 5px; } #contenu_objet .bulle .csc-textpic-text { width: 500px; } /***********************************/ /*menu image*/ .menu_image .csc-textpic-caption { color: #0285c5; font-size: 1em; font-weight: bold; } /***********************************/ /*cadre*/ .menu_arbo img { background: url("../styleMap/images/arbo_jaune.png") repeat scroll 0 0 transparent; border: medium none; padding: 20px 30px 10px 20px; } .overflow { overflow: hidden; } .icon-gauche h3 { display:inline; margin-left: -30px;} .encadre {background-color:#eaf2f7; border:#125078 solid 1px; margin:0 auto 5px; padding:0px 10px; width: 90%;} .column { display:inline-block; padding: 0 5px; vertical-align: top;} .one-of-five { width:18%} .one-of-four { width:23%} .one-of-three { width:31%} .one-of-three img { max-width:214px;} .one-of-two { width:48%} .two-of-three { width:64%} .three-of-four { width:73%} .one-of-one { width:100%} /***********************************/ /*liste a numero*/ #contenu_objet .puce_numero li { list-style: none outside none; margin-left: -20px; padding-bottom: 5px; padding-left: 45px; padding-top: 10px; } /***********************************/ /*plan site*/ .tx-dropdownsitemap-pi1 a, .tx-dropdownsitemap-pi1 a:link, .tx-dropdownsitemap-pi1 a:visited, .tx-dropdownsitemap-pi1 a:hover, .tx-dropdownsitemap-pi1 a:active { color: #0796C6; text-transform: lowercase; } #contenu_objet .tx-dropdownsitemap-pi1 li { list-style-image: none; } /***********************************/ /*Dam*/ .info-dam {display:inline-block;} /***********************************/ /*Accessibilite*/ .visuallyhidden { -moz-border: none; border: solid 1px #000000; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} .visuallyhidden:active, .visuallyhidden:focus {background-color:#ffffff; clip: auto;height: auto; overflow: visible; position: absolute; width: auto;} /***********************************/ /*tx-jfmulticontent-pi1*/ .multiple-content-condense {width:550px;} /***********************************/ /*boite fermer/ouvrir */ .wrapper {margin-top: 40px; position: relative; z-index:1;} .wrapper-btn {-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;box-shadow:inset 0px 1px 0px 0px #bbdaf7;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #04a2d6), color-stop(1, #1f66ad) );background:-moz-linear-gradient( center top, #04a2d6 5%, #1f66ad 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#04a2d6', endColorstr='#1f66ad'); background-color:#04a2d6; border:1px solid #ffffff; display:inline-block; color:#ffffff; cursor:pointer; font-family:arial; font-size:15px; font-weight:bold; padding:3px 24px; position: absolute; text-decoration:none; text-shadow:1px 1px 0px #528ecc; left: 0;top: -25px; z-index:10;} .wrapper-box {background-color:#edf3f5; border:solid 1px #005076; padding:10px; z-index:1;} /***********************************/ /*style Typo3*/ .csc-textpic-caption { color: gray; font-size: 0.8em; text-align:left; } .csc-textpic-border a img { border: 3px solid #FFFFFF; box-shadow: #666 0px 0px 5px; -moz-box-shadow: #666 0px 0px 5px; -webkit-box-shadow: #666 0px 0px 5px; } div.csc-textpic-border div.csc-textpic-imagewrap img { border: 3px solid #FFFFFF; box-shadow: #666 0px 0px 5px; margin:4px 0 0 4px; -moz-box-shadow: #666 0px 0px 5px; -webkit-box-shadow: #666 0px 0px 5px; } DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0px auto 0; } /*.csc-textpic-intext-right { width: 750px; }*/ DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG, DIV.csc-textpic-border DIV.csc-textpic-single-image IMG { border: 2px solid #FFFFFF; box-shadow: 0 0 5px #666666; margin:25px 3px 3px 3px; } .csc-textpic-image table {border:none;} .csc-textpic-image table tr {background-color:transparent!important;} ul.csc-uploads {padding-left: 30px;} ul.csc-uploads span {display:inline;} div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {margin-right:0;} ul.csc-uploads li {list-style-position: inside; overflow:visible;} div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin-right:2px;}