/* ============ STYLES.CSS ============== */ /* ------------------------------------------ /* Typographie generale (style transversaux) /* ------------------------------------------ */ /* blocs, pagination, onglets */ a.spip_mail:before{content:"\002709" !important;} span.mcrypt {background:transparent url(//www.tsunagari-taiko-center.com/squelettes/_images/leure.gif) no-repeat scroll 0.1em center; padding-left:12px; text-decoration:none; float:none; margin:0; display:inline;} /* Pagination */ .pagination { text-align: right; font-size: 0.90em; color: #666; } .pagination .on { font-weight: bold; color: #666; } div.pagination {display:block;text-align:center;} div.pagination img {border:0pt none;margin:0pt;padding:0pt;} div.pagination a.decoupe_img {border:0pt none;} span.cs_pagination_off {color:lightgrey;font-weight:bold;text-decoration:underline;} /* Onglets */ div.onglets_print {margin:1em;padding:0.6em;border:1px dashed ;} div.onglets_print h4 {margin-top:0px;margin-bottom:0.6em;} div.onglets_bloc h2.onglets_titre a {text-decoration:none;height:22px;color:black;} .onglets_bloc_initial{clear:none;width:98%;} div.onglets_bloc {position:relative; width:98%;clear:none; border-top: 2px ridge #FFA700; margin: 15px 0 0 0; box-shadow: 1px 1px 2px #aaa;} div.onglets_bloc .onglets_contenu {display:none;clear:none; float:right;width:95%;z-index:10; position:relative;top:-3px;padding:0.6em;} div.onglets_bloc .onglets_contenu.selected {display:block;overflow:hidden;} .onglets_liste {clear:none;width:100%;font-size:80%;margin:0;text-decoration:none;} div.onglets_bloc .onglets_liste h2.onglets_titre { width: 23%; z-index:11; white-space:nowrap; text-align:center; font-weight:bold; font-size:90%; position:relative; top:-1px; display:inline; overflow:hidden; cursor:pointer; float:left;border-radius: 1px;box-shadow: 2px 2px 3px #aaa;color:#ffffff; background:#ffffff; margin:1px 0 10px 5px;padding:0 0 9px 5px;border:1px solid;height:20px;} div.onglets_bloc .onglets_liste h2.onglets_titre.selected {height:28px;top:0;clear:none;border:none;} div.onglets_bloc .onglets_liste h2.onglets_titre.selected a{color:#ffffff !important;font-weight:bold;text-decoration:none !important; font-size:105%;} div.onglets_bloc .onglets_liste a {float:left;display:block;padding:5px 15px 4px 6px; text-decoration:none;font-weight:bold;color:#4C4646;} div.onglets_bloc .onglets_liste h2 a {color:#000000;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ div.onglets_bloc .onglets_liste h2 a {float:none;} /* End IE5-Mac hack */ div.onglets_bloc .onglets_liste h2 a:hover {color:#B40707; } div.onglets_bloc .onglets_liste h2.selected {background: #EF6B03;color:#FFFFFF !important;text-decoration:none !important;} div.onglets_bloc .onglets_liste h2.selected a {background: #EF6B03;color:#FFFFFF !important;height:20px;text-decoration:none !important;} /* blocs depliables */ div.cs_blocs>div {clear:none;} .blocs_titre{clear:none;cursor:pointer;} .blocs_click{clear:none;margin: 0;background:0;} .blocs_titre a{ width:80%;margin: 10px auto 0 auto;padding: 9px 0 9px 0;display:block;text-decoration:none!important; border: 1px solid #E10022;color: #E10022;border-radius: 20px 20px 0 0;box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRFampq4ODgXFxcwcHB09PT2trayMjId3d3QkJC7OzsMzMzMDAwJiYm+Pj4/Pz8////4SU3hwAAAAJ0Uk5T/wDltzBKAAAAoElEQVR42nySUQ7EIAhER6OBgPH+x12waqzanQ+lvAxWEGGoLqsLM2LVosq0ERLRJhFBXgj3/AN5kvQCJh5kB4ZyIziASmzkBIac0JUgoLLq1YTQgtiEZ/NEMVI8SGGRly+5e06Sbh5dPZEAIvgKjHO+/+1+n/i3B/e+1dZrOZCkPjk5a11nqrxMO2NWFJ/N6+1EKS7L1/1VmTPn5esnwABMIxDNXwY7BQAAAABJRU5ErkJggg==') 20px 7px no-repeat; /* _images/icone-moins-25px.png */ font-size:90%;} .blocs_replie a{width:80%;display:block;border-radius: 20px 20px 0 0;margin: 10px auto 0 auto; color: #680D1D;border: 1px solid #680D1D; padding: 9px 0 9px 0; font-size:90%; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6BJREFUeNq0Vl1Ik1EYPt+3b5tzTiXdLGupay5/KlxSXVQEDq+8iK4i6iKCgigC66boIuqmiyyChCAqKLoymHeB7SK8yQRBbKtVZnMLf2KbDHU/Trf1vGOLj7PvWwh14MXv7Lznfd73eX+OwsjICPN4PEyr1TJ+ZTIZJooiMxgMlsrKyq6Kigo79tW5XC65trYWTCQSU5AA6Wk0mpL76+vrrKOjg0mjo6NsYGCAKSwBF3vr6uouVFVVHYUTFkEQ/hwCiJxYjsfjE5FI5AUMvsbPSd6Iy+VikpJ1GGxramoarKmpcdE+m83mjZZ4IQjVWD2NjY09iOjG7OzslWQy6eH1RP4HeH28s7NznACIBhIlgGI05ADpgNI2UPO2oaHhOq8ncQAnHA7HEC5LdHEzi8BoWa3Wu8ibbmFh4U5JJKBoj91uf04Aap5TToqitjY2Nhjou20ymU6WgLS0tDxAomtVuKdKmfH5fN1er7cLsntlZeUNVZ5aVM3NzffwaSF7ItEiSVIfkHvLUURlCy8nIVOQb9CNqkVEhnU6nRX0X8yDkDco07NqFMkD+su+JJr6+vrTADNKqIptQDzCg8ipII95aoq/ye8Vk1+MBs3bihI/JKGT94GurTxIKpX6jEvLhAeD+nQ67efOf6ARP0EnTjapduD1XgBruYo9KOn1ehvPLe2np6fPIdnjanSgRG+RyCKvbW9v/4riscgdJvuUExP7B0stpwA1iThMsP+4UIUJCdM0wHtBe5vNdh+lGiFnQJ8O1H0PhUKXcwVljI+rGD19ZISukI5SnyGXAQmD7SOMhaFklisYjcbD8hzBme3yyygYJ0B65L0lr67iWl1dnRAB8hNVMs4nny7wojQc1c7JHqIIAuSDSId4D16Wm0dFu5vJBfXQ0tLSEEZ/LN/xoMsNxDG1WVTwTIfznZAdkC3YG8sNUtAYicVig/QtFSLIBAKBa3hH3lHjKRUCpnQr3gu/HFQpB4WyZbB3E5+h/GSQVcFYMBi8RAoq1AmYDIaiIBqNkhLO2OLi4qNoNPpE8dECh8/IGMb0YwBJSskuQ2c+AkyBh/Pz8/1ln18APcW7cQwJ85JXlKdyRUHnpIe8/pqZmTkzNzfXzzuj+I8EqHvv9/sP4PIps9l8HpO6G996hW7Oon++hMPhV/hL9EQVoxweHmZut5seGcU+AAUCGs+Babofw24XwEwwnoIjIfTYJKrSh2mQVooYOszpdLLfAgwARWoRaT1D3QwAAAAASUVORK5CYII=') 20px 7px no-repeat; /* _images/icone-plus-25px.png */} .blocs_replie a:hover{color: #E10022;border: 1px solid #E10022; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6BJREFUeNq0Vl1Ik1EYPt+3b5tzTiXdLGupay5/KlxSXVQEDq+8iK4i6iKCgigC66boIuqmiyyChCAqKLoymHeB7SK8yQRBbKtVZnMLf2KbDHU/Trf1vGOLj7PvWwh14MXv7Lznfd73eX+OwsjICPN4PEyr1TJ+ZTIZJooiMxgMlsrKyq6Kigo79tW5XC65trYWTCQSU5AA6Wk0mpL76+vrrKOjg0mjo6NsYGCAKSwBF3vr6uouVFVVHYUTFkEQ/hwCiJxYjsfjE5FI5AUMvsbPSd6Iy+VikpJ1GGxramoarKmpcdE+m83mjZZ4IQjVWD2NjY09iOjG7OzslWQy6eH1RP4HeH28s7NznACIBhIlgGI05ADpgNI2UPO2oaHhOq8ncQAnHA7HEC5LdHEzi8BoWa3Wu8ibbmFh4U5JJKBoj91uf04Aap5TToqitjY2Nhjou20ymU6WgLS0tDxAomtVuKdKmfH5fN1er7cLsntlZeUNVZ5aVM3NzffwaSF7ItEiSVIfkHvLUURlCy8nIVOQb9CNqkVEhnU6nRX0X8yDkDco07NqFMkD+su+JJr6+vrTADNKqIptQDzCg8ipII95aoq/ye8Vk1+MBs3bihI/JKGT94GurTxIKpX6jEvLhAeD+nQ67efOf6ARP0EnTjapduD1XgBruYo9KOn1ehvPLe2np6fPIdnjanSgRG+RyCKvbW9v/4riscgdJvuUExP7B0stpwA1iThMsP+4UIUJCdM0wHtBe5vNdh+lGiFnQJ8O1H0PhUKXcwVljI+rGD19ZISukI5SnyGXAQmD7SOMhaFklisYjcbD8hzBme3yyygYJ0B65L0lr67iWl1dnRAB8hNVMs4nny7wojQc1c7JHqIIAuSDSId4D16Wm0dFu5vJBfXQ0tLSEEZ/LN/xoMsNxDG1WVTwTIfznZAdkC3YG8sNUtAYicVig/QtFSLIBAKBa3hH3lHjKRUCpnQr3gu/HFQpB4WyZbB3E5+h/GSQVcFYMBi8RAoq1AmYDIaiIBqNkhLO2OLi4qNoNPpE8dECh8/IGMb0YwBJSskuQ2c+AkyBh/Pz8/1ln18APcW7cQwJ85JXlKdyRUHnpIe8/pqZmTkzNzfXzzuj+I8EqHvv9/sP4PIps9l8HpO6G996hW7Oon++hMPhV/hL9EQVoxweHmZut5seGcU+AAUCGs+Babofw24XwEwwnoIjIfTYJKrSh2mQVooYOszpdLLfAgwARWoRaT1D3QwAAAAASUVORK5CYII=') 20px 7px no-repeat; /* _images/icone-plus-25px.png */} .blocs_destination {width:79%;border:0px solid #EFC825;border-radius: 0 0 3px 3px;margin: -3px 0 0 12%; padding:7px;box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );} .blocs_resume {width:76%;margin: 2px 0 0 12%;} .blocs_title{display:none;} /* Mises en formes textes enluminures typo */ /* cadres*/ .texteencadre-spip{position:relative;border-radius: 3px;background: rgba(255, 208, 143, .1); border:1px solid #989898;padding: 5px 6px 3px 6px;} .texteencadre-spip .spip_in{text-decoration: underline;} /* FIN cadres*/ .caractencadre-spip{color:#B40707;} .caractencadre-spip a{display: inline;margin: 0 auto 15px auto;padding: 6px 9px 6px 9px;box-shadow: 2px 2px 3px #aaa; color:#B40707;font-weight:normal;border:1px solid #E60023;line-height:40px;} .caractencadre-spip a:hover{color:#E60023;} .caractencadre2-spip {color:#15B801;} acronym.spip_acronym {cursor: help;border-bottom: 1px dotted;} /* ne marche pas sur MSIE, a refaire en jQuery */ a[hreflang]:after {content: "\0000a0[" attr(hreflang) "]";color: #999;background: transparent;font-size:x-small;} sub, sup, sup.typo_exposants { /* Specified in % so that the sup/sup is the right size relative to the surrounding text */ font-size: 75%; /* Zero out the line-height so that it doesn't interfere with the positioning that follows */ line-height: 0; /* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */ position: relative; /* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */ vertical-align: baseline; } sup, sup.typo_exposants {/* Move the superscripted text up */ top: -0.5em;} sub { /* Move the subscripted text down, but only half as far down as the superscript moved up */ bottom: -0.25em; } .smallcaps {font-variant: small-caps;} /* Plugin video */ .playerVideo figure{margin:0;background-color:#494949;} /* Compense les défauts constatés sur FF notamment sous Mac */ .playerVideo video{background-color:#000000;} /* C'est toujours plus classe */ .capsule-video {max-width: 100%;} .mini_capsule-video { position: relative; padding-bottom: 56.25%; padding-top: 30px;height: 0;overflow: hidden; } .mini_capsule-video iframe,.mini_capsule-video object,.mini_capsule-video embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border:0;} /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:4999; overflow:hidden;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing: content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000; opacity: 0.9;} #colorbox{outline:0;} #cboxContent{margin-top:20px;background:#000;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{border:5px solid #000; background:#fff;} #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} #cboxCurrent{position:absolute; top:-20px; right:0; color:#ccc;} #cboxLoadingGraphic{background:url(https://www.tsunagari-taiko-center.com/squelettes/_images/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(https://www.tsunagari-taiko-center.com/squelettes/_images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious:hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(https://www.tsunagari-taiko-center.com/squelettes/_images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;} #cboxNext:hover{background-position:bottom right;} #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(https://www.tsunagari-taiko-center.com/squelettes/_images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;} #cboxClose:hover{background-position:bottom center;} /* Autres enrichissements typo basiques */ strong { font-weight: bold; } em { font-style: italic; } abbr, acronym { border-bottom: 1px dotted; cursor: help; } small { font-size: 0.90em; color: #666; } dfn { font-weight: bold; color: #666; } del { text-decoration: line-through; } ins { color: red !important; text-decoration: none; } sup, sub { font-size: .8em; font-variant: normal; } /* Listes */ ul.spip {} /* Cf.: spip_style.css */ ol.spip {} /* Cf.: spip_style.css */ dl {} dt {} dd {} /* Citations, code et poesie */ cite {} q {} blockquote {} .spip_code {} /* Cf.: spip_style.css */ .spip_cadre {} /* Cf.: spip_style.css */ address {} /* Tableaux Cf.: spip_style.css */ /* Listes SPIP */ .texte ul.spip {list-style-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTQ1Nzg3NUQ5NDJEMjVBQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxRDVFRERCRUY4MUUxMUUyQkI3MEMxRTI0QjBDMjAwMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxRDVFRERCREY4MUUxMUUyQkI3MEMxRTI0QjBDMjAwMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBBODAxMTc0MDcyMDY4MTE5NUZFRUU1OTlGQjcyNjNDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE5NDU3ODc1RDk0MkQyNUFBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+LCF5RwAAAepJREFUeNpkUs+LqWEY/T7ku34kv0rCAjGXySQ7slB2tq7F3JRkYc9lZT1WNpqh5vIfDAskGzMLxc4GkVLIj4XSSBQL3z1mzJd779m8b897Ou/znPOQNE0TX1gul5VKpd/vGwwGsVjc6XRCoZBUKpVIJBcG/YH9fv9SKNjtdqFQSJKEXC5XKBQsFkutVqfTafoLZ/aJpqPRqF6vT6VSUCL+xu2t+fn3M+Qu7MFg8P3mplwuZ7NZDodD/AeZTFatVsFkjUajn/f348kE2jqdDu0yJJVKhT8tFst6vd5ut+dSPB5Hf5DM5/PH4zGRSLDZbNS1Wm2hUIAeRsesTqcTLZAmkwkHnqHt8/lcLtdms5mMx5a7u9ls1mq1rFar2+1+fHri8b8RwWCQhAsfgCok395eD4dDLBbj8/l44lJcv9+fy+Uekg/EcDj8/JqB94e30WiAylRw/xWL9Xo9Ftri8XjX7Pf1+3w+v67APpFIhMjODobD4Wv5SCQCE2w227U2Ar74XavVNBqNQCBQKpVer3exWEynU4fDwbAzmczphAzpcxZwFPKwgqIoj8fT7XaTyWSz2fzMxWw2I4SLE8wOrFarUqkUCAQQPiYxGo2Ipt1uF4tFhkP+s4P1ep1LUUh1t9uhdSzZ9bh/BBgAOJj64no5JnsAAAAASUVORK5CYII='); /* _images/puce_taiko_s.png */ } .texte ul.spip ul.spip {list-style-image : none;list-style-type:circle;} .texte ul.spip ul.spip ul.spip {list-style-type:square;} ol.spip { list-style: decimal; } /* Citations, code et poesie */ blockquote.spip { border:1px solid #B40707; border-radius:3px; background:#F1F3D2; padding:6px;} blockquote.spip_poesie {border:1px solid #B40707; border-radius:3px; background:#F1F3D2; padding:6px; color:#2E2A2A;} blockquote.spip_poesie h3 { background:none; text-align:center; color:#2E2A2A!important; font-weight:bold; font-size:120%; margin:5px; padding:0; text-decoration:underline; } blockquote.spip_poesie div { color:#2E2A2A; font-size:110%; margin:0 0 2px 10px;} blockquote.spip_poesie div small { font-size:90%; color:#4C4646; } .spip_code, .spip_cadre { font-family: "Century Gothic", Arial,sans-serif; color: #036; } .spip_cadre { width: 99%; background-color: #F4F8F8; border: 1px inset; font-size:inherit; } div.spip_code, .spip_cadre { margin-bottom: 1em; } .spip_surligne { background: #FF6; } /* Logos, documents et images */ img, .spip_logo { margin: 0; padding: 0; border: 0; } .spip_documents { text-align: center; line-height: normal; } .spip_documents p { margin:3px; padding: 0; } .spip_documents li {list-style-type:none;} .spip_documents_center { display: block; width: 90%; margin: 1em auto; } .spip_documents_left { float: left; margin-right: 5px; margin-bottom: 5px; } .spip_documents_right { float: right; margin-left: 5px; margin-bottom: 5px; } .spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; } .spip_doc_descriptif { margin-right: auto; margin-left: auto; font-size: 0.90em; } /* modeles par defaut */ .spip_modele { float: right; display: block; padding: 1em; border: 1px solid; width: 180px; } /* ------------------------------------------ /* Habillage des elements du contenu /* ------------------------------------------ */ .surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; } .ps, .notes { margin-bottom: 2em; line-height: 1.40em; } .notes { clear: both; font-size: 0.90em; } abbr.published { border: 0; } /* Portfolio */ #documents_portfolio, #documents_portfolio_galerie { margin: 2em auto; text-align:center; } #documents_portfolio .spip_logo, #documents_portfolio_galerie .spip_logo{margin: 6px 3px 0 3px; border: 4px solid #DDD; } #documents_portfolio a.on .spip_logo, #documents_portfolio_galerie a.on .spip_logo {border-color:#F57900; } #documents_portfolio a:focus .spip_logo, #documents_portfolio a:hover .spip_logo, #documents_portfolio a:active .spip_logo {border-color:#8B6F92;} #documents_portfolio_galerie a:focus .spip_logo, #documents_portfolio_galerie a:hover .spip_logo, #documents_portfolio_galerie a:active .spip_logo {border-color:#8B6F92;} /* ------------------------------------------ /* Sous-navigation et autres menus /* ------------------------------------------ */ /* Habillage general des menus de navigation */ .menu { margin: 30px auto 0 auto; text-align: left; width: 70%;} .menu p { margin: 0.10em 0; padding: 0.10em 0.10em; } .menu ul { margin: 0; padding: 0 0 5px 10px; list-style-type:none;} .menu ul li { margin: 5px 0 5px 0; padding: 0 5px 5px 10px; border: 1px solid #D98966;} .menu ul li h3{font-size:100%; text-decoration:none!important; padding: 0 0 0 1em; margin:0 0 0 15px;} .menu ul li ul { margin-left: 1em; border: 0; } .menu ul li li { padding: 0; border: 0; } /* Listes d'articles et extraits introductifs */ .articles ul {margin: 35px 0 0 0;} .articles ul li { padding: 0.40em 0.20em;} .articles ul li h3 {} .articles .spip_logo { float:left; margin: 0 10px 4px 7px; } .articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; } .articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; } /* INSERTION SPIP_FORMULAIRES.CSS POUR ACCELERATION SITE===========================*/ /* ------------------------------------------ /* Habillage des formulaires /* ------------------------------------------ */ input, select, textarea { font-size: 90%; font-family: inherit; } /* Structure generale des formulaires ----------------------------------------------- */ .formulaire_spip { margin: 0 10px 2em 10px; padding: 0; border: 0; text-align: left; font-size: 90%; } .formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */ /* Lignes */ .formulaire_spip ul { margin: 0; padding: 0; list-style: none; } .formulaire_spip ul li { margin: 0; padding: 10px 0 0 0; } /* Fieldset */ .formulaire_spip fieldset { margin: 0 0 2em 0; padding: 0; border: 0; } .formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 85%; font-weight: normal; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */ .formulaire_spip fieldset fieldset { margin-top: 1em; } .formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; } /* Explications */ .formulaire_spip .explication{ width: 40%; margin:0; color: #444; font-size:75%; } .saisie_explication .explication{width:90%;color: #444; font-size:95%;} /* boutons radio */ .saisie_radio{display:block;margin:5px 0 8px 40px;width: 40%;} .saisie_radio label{font-weight:bold;font-size: 85%;} .saisie_radio .obligatoire {color:#E10022;font-weight:normal; font-size: 80%;} .saisie_radio .choix label{font-weight:normal; margin:0 0 0 10px;height:auto; } .saisie_radio .choix input{margin:8px 0 0 0; border:none;} /* input */ .formulaire_spip input {height:25px; border-radius: 3px;border:1px solid #B40707; margin:-32px 0 0 60%;} /* champ texte */ .saisie_input, .saisie_prenom, .saisie_nom, .saisie_organisation, .saisie_telephone, .saisie_mail, .saisie_ville, .saisie_pays, .saisie_sujet {display:block;margin:5px 0 8px 0; width:98%; padding:5px; border-bottom:1px dotted #BAB1A5;} .saisie_input label{ display:block; font-weight:bold; width: 40%; height:auto; margin:0; padding: 5px 0 5px 0;} .saisie_input .obligatoire{color:#E10022;font-weight:normal; font-size: 80%;} .saisie_input input {float:right;} /* saisie date */ .saisie_date{display:block;margin:5px 0 8px 0; width:98%; padding:5px; border-bottom:1px dotted #BAB1A5;} .saisie_date label{display:block; font-weight:bold; width: 40%; height:auto; margin:0; padding: 5px 0 5px 0;} .saisie_date .obligatoire {color:#E10022;font-weight:normal; font-size: 80%;} .saisie_date input {margin:0;} /* saisie texte multiligne */ .saisie_textarea{display:block;margin:5px 0 8px 0; width:98%; padding:5px; border-bottom:1px dotted #BAB1A5;} .saisie_textarea label{display:block; font-weight:bold; width: 40%; height:auto; margin:0; padding: 5px 0 5px 0;} .saisie_textarea .obligatoire {color:#E10022;font-weight:normal; font-size: 80%;} .saisie_textarea .explication {width: 100%; margin:0; color: #444; font-size:75%; } .saisie_textarea textarea {width: 100%; margin:5px 0 0 0;border-radius: 3px;border:1px solid #B40707;} #formulaire_forum label, #formulaire_contact label{display:block; font-weight:bold; width: 40%; height:auto; margin:0; padding: 5px 0 5px 0;} #formulaire_forum .obligatoire strong, #formulaire_contact .obligatoire strong{color:#E10022;font-weight:normal; font-size: 80%;} #formulaire_forum input, #formulaire_contact input {width:55%;float:right;height:25px; border-radius: 3px;border:1px solid #B40707; margin:-32px 0 0 60%;} #formulaire_forum textarea, #formulaire_contact textarea {width: 100%; margin:5px 0 0 0;border-radius: 3px;border:1px solid #B40707;} #formulaire_contact .saisie_infolettre label{width:90%;} #formulaire_contact .saisie_infolettre input {width:10%;} #formulaire_contact .pieces_jointes label{width:30%;} #formulaire_contact .choix input {margin:8px 0 0 0; border:none; font-weight:normal; margin:0 0 0 10px;height:auto;} #formulaire_contact .fichier{display:block;margin:10px 0 10px 0; border:none; font-weight:normal;height:auto;} /* Boutons */ .formulaire_spip .boutons {margin: 0; padding: 0; text-align: right; } .formulaire_spip .boutons input { margin-left: 1em; } .formulaire_spip .boutons input {box-shadow: 2px 2px 3px #aaa;color:#B40707; font-size:18px; padding:4px 8px 4px 8px; border:1px solid #B40707; border-radius:3px; background:none;} .formulaire_spip .boutons:hover input {cursor:pointer; color:#ffffff; border:1px solid #E10022;background:#FF4800;} #formulaire_forum .boutons input, #formulaire_contact .boutons input{height:auto; width:auto; margin : 8px;} /* Reponses, previsu et erreurs ----------------------------------------------- */ /* Champs obligatoires */ .formulaire_spip li.obligatoire {} .formulaire_spip li.obligatoire label {} /* Previsualisation du message */ .formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 3px dashed #F57900; background: #F1D9EB; background: linear-gradient(to top, #ffffff, #F1D9EB); } .formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #F57900; font-size:20px;} .formulaire_spip fieldset.previsu li { padding: 3px; border: none; } .formulaire_spip fieldset.previsu p { margin: 1em 0; } /* Reponse du formulaire */ .reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; } fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; } fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */ /* * Erreurs */ .formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; } .formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; } .reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; } /* * OK */ .reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; } /* Variantes et cas particuliers ----------------------------------------------- */ /* Barre de raccourcis typographiques */ table.spip_barre { width: 100%; } table.spip_barre a img { background: #FDA; padding: 3px; border: 1px outset #CC9; } table.spip_barre a:focus img, table.spip_barre a:hover img, table.spip_barre a:active img { background: #FFF; border: 1px solid #CC9; } table.spip_barre input.barre { width: 99%; background: transparent; border: 0; color:inherit; } /* Formulaire de forum */ .formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_titre textarea { width: 98%; } /* Selection des langues */ .formulaire_menu_lang { margin: 0; padding: 0; background: none; } /*.spip_surligne {} Cf.: spip_style.css */ .formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */ /* Formulaire de login dans une page */ .formulaire_login ul li {} .formulaire_login .editer_password .details {display:block;} .formulaire_login #spip_logo_auteur {} li .editer_login input.text{ float:left; margin: 10px 0 0 0; } /*------------------------ glossaire -------------------*/ /* Empecher la definition de s'afficher comme les autres liens, vous pouvez donner les attributs standards de votre texte */ a.cs_glossaire, a.cs_glossaire:hover, #glossOverDiv {color:#000000;text-decoration:none;z-index:998;} /* a.cs_glossaire:hover { cursor:help; } */ /* Mode JS : des span discrets */ a.cs_glossaire span.gl_js, a.cs_glossaire span.gl_jst, /* Mode CSS : l'effet de survol est obtenu grace aux proprietes display */ a.cs_glossaire span.gl_dl, a.cs_glossaire span.gl_dt, a.cs_glossaire span.gl_dd {display:none;visibility:hidden;z-index:999;font-style:normal;} a.cs_glossaire span.gl_dd {font-weight:normal;} a.cs_glossaire:hover span.gl_dt, #glossOverDiv span.gl_dt, a.cs_glossaire:hover span.gl_dd, #glossOverDiv span.gl_dd {display:block;visibility:visible;} a.cs_glossaire:hover span.gl_dl, #glossOverDiv span.gl_dl {display:inline;visibility:visible; /* Placement de la definition dans la page. */ position:absolute; width:250px;margin-left:-130px;margin-top:1.8em; /* Decoration */ padding:4px;border-radius: 6px;background: #D9EEB5;background: linear-gradient(to top, #D9EEB5, #ffffff); box-shadow: 2px 2px 3px #aaa;font-size:90%;color: #585858;} a.cs_glossaire:hover span.gl_dt, #glossOverDiv span.gl_dt {padding:3px; background:rgba(255, 255, 255, 0.7);font-weight:bold;text-align:center;border-radius: 8px;margin: 0 30px 5px 30px;} a.cs_glossaire:hover span.gl_dd, #glossOverDiv span.gl_dd {padding:3px;text-align:left;line-height:1.3em;} a.cs_glossaire span.gl_mot {border-bottom:1px dotted #B40707;font-size:inherit;/* cursor:help; */} /* exception sur le JS */ #glossOverDiv span.gl_dl {margin-left:-60px;} a.cs_glossaire:after {display:none;} .glossaire{padding:0;margin:40px 0 0 5px;list-style-type:none;width: 640px;} .glossaire h3{background: #B40707;padding: 3px 0 3px 10px;box-shadow: -2px -2px 3px #aaa;} .glossaire p{margin: 0 0 30px 11px;} .glossaire .spip_logo{float:right;margin: 0 5px 0 0;border-radius: 4px;} /* Tableaux */ table.spip { max-width: 99%; margin:0 auto 1em auto; border-collapse: collapse; border-spacing: 0; line-height: normal; box-shadow: 2px 2px 3px #aaa;} table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin:0 auto 7px auto; font-weight: bold; } table.spip tr.row_first { } table.spip tr.row_odd { } table.spip tr.row_even { } table.spip th, table.spip td { padding: 0.20em 0.40em; text-align: left; border: 1px solid; font-size:90%;} table.spip th { vertical-align: bottom; font-weight: bold; } table.spip td { vertical-align: top; } table.spip td.numeric {text-align:right;} /* Couleurs des liens de SPIP */ a.spip_note {} /* liens vers notes de bas de page */ a.spip_ancre {} /* liens internes a la page */ a.spip_in {} /* liens internes */ a.spip_mail { color: #900; } a.spip_mail:before { content: "\002709"; } /* liens vers un email */ a.spip_out { color: #009; } /* liens sortants */ a.spip_url { color: #009; } /* liens url sortants */ a.spip_glossaire { color: #060; } /* liens vers encyclopedie */ a.spip_glossaire:hover { text-decoration: underline overline; } .on { font-weight: bold; } /* liens exposes */ /* Habillage des forums ---------------------------------------------- */ .repondre { margin-top: 2.50em; margin-right: 1em; font-weight: bold; display:block; box-shadow: 2px 2px 3px #aaa; padding:7px; margin: 0 0 10px 0; text-align: center; border-radius: 3px; border: solid 1px; } /* Habillage des forums */ ul.forum { display: block; margin: 0; padding: 0; } ul.forum, ul.forum ul { list-style: none; } .forum-fil { margin-top: 1.50em; } .forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; } .forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; color: #333; } .forum-texte { margin: 0; padding: 0.50em 1em; color: #333; } .forum-texte .hyperlien {} .forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; } /* Boite d'un forum : eclaircissement progressif des bords */ ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; } ul ul .forum-message { border: 1px solid #A4A4A4; } ul ul ul .forum-message { border: 1px solid #B8B8B8; } ul ul ul ul .forum-message { border: 1px solid #CCC; } ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; } ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; } /* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */ ul .forum-chapo { border: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; border:1px solid rgba(255, 16, 0, 0.6); } ul ul .forum-chapo { background: #D4E8E8; } ul ul ul .forum-chapo { background: #E4F0F0; } ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; } ul ul ul ul ul .forum-chapo { background: #FFF; } /* PIED */ #pied_youtube{float:left; text-align:center; display:block; width:200px; height:65px; margin:5px 0 20px 10%; background:url(//www.tsunagari-taiko-center.com/squelettes/_images/watchmeon_youtube-s.png) no-repeat;} .lien_itunes{display:block; width:110px; height:40px; float:left; margin: 22px 0 0 10%; padding:50px 0 0 0; border:0; text-align:center; font-weight:bold; background:url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAyAAD/4QMtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MSA2NC4xNDA5NDksIDIwMTAvMTIvMDctMTA6NTc6MDEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUuMSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjMzNTkwNDEzM0E2MTFFNEJBNzFBQkFGRTM0RjI3MTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjMzNTkwNDIzM0E2MTFFNEJBNzFBQkFGRTM0RjI3MTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MzM1OTAzRjMzQTYxMUU0QkE3MUFCQUZFMzRGMjcxNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MzM1OTA0MDMzQTYxMUU0QkE3MUFCQUZFMzRGMjcxNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uACFBZG9iZQBkwAAAAAEDABADAwYJAAAGNAAACdAAAAuJ/9sA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') no-repeat; /* _images/badge_itunes-lrg.jpg */} .formulaire_liste{display:block;width:110px;height: 80px;float:left;margin: 14px 0 0 10%; padding: 60px 0 0 0; border: 0; text-align: center; font-weight:bold;background:url(//www.tsunagari-taiko-center.com/squelettes/_images/sprite.png) no-repeat 20px -260px;} .page_facebook{display:block;width:110px;height: 80px;float:left;margin: 0 0 0 10%;padding: 60px 0 0 0; border: 0; text-align: center; font-weight:bold; background:url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAyAAD/4QMtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MSA2NC4xNDA5NDksIDIwMTAvMTIvMDctMTA6NTc6MDEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUuMSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0IxNzcwOTc4NTU4MTFFMzhEMDhGNkMwNUM4RDU1MEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0IxNzcwOTg4NTU4MTFFMzhEMDhGNkMwNUM4RDU1MEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3QjE3NzA5NTg1NTgxMUUzOEQwOEY2QzA1QzhENTUwRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3QjE3NzA5Njg1NTgxMUUzOEQwOEY2QzA1QzhENTUwRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uACFBZG9iZQBkwAAAAAEDABADAwYJAAAGcQAAB/QAAAmD/9sA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') no-repeat 50% 0%; /* _images/icone_facebook_70px.jpg */} #pied_texte{clear:both;width:90%;height:auto;margin: 10px 0 0 0;} .spip-admin-bloc, .spip-admin-float { top: 2em; } #alerte_urgence a{text-decoration:underline;} /* ========================================== VERSION Tablettes =========================*/ @media screen and (max-width: 900px) { .blocs_titre a{width:98%;margin: 10px 2% 0 1%;font-size:80%;} .blocs_replie a{width:98%;margin: 10px 2% 0 1%;font-size:80%;} .blocs_destination {width:88%;margin: -3px 2% 0 7%;} .blocs_resume {width:93%;margin: 0 1% 0 6%;} #alerte_urgence {font-size: 85%;width: auto;border-bottom-right-radius: 100px 70px;border-bottom-left-radius: 100px 70px;} .onglets_liste {font-size:90%;} } /* ==================== VERSION MOBILE LARGE 600 =========================*/ @media screen and (max-width: 600px) { div.onglets_bloc .onglets_liste h2.onglets_titre { font-size:100%;width: 90%; margin:8px auto 0 auto;} /* formulaires spip mobile */ /* Explications */ .formulaire_spip .explication{ width: 100%; margin:0;font-size:90%; } .saisie_explication .explication{font-size:90%;} /* input */ .formulaire_spip input {margin:0;} /* boutons radio */ .saisie_radio{width:180px;} /* champ texte */ .saisie_input{ width:98%;} .saisie_input label{width: 100%;} .saisie_input .obligatoire {font-size: 80%;} .saisie_input input {float:none;width:100%;} /* saisie date */ .saisie_date{width:98%;} .saisie_date label{width: 100%;} .saisie_date .obligatoire {font-size: 80%;} #formulaire_contact label{width: 95%;} #formulaire_contact input {width:95%;margin:0 0 5px 0;float:none;} #formulaire_contact textarea {width: 95%; margin:5px 0 0 0;} #formulaire_contact .saisie_infolettre label{width:80%;} #formulaire_contact .saisie_infolettre input {width:10%;} #formulaire_contact .pieces_jointes label{width:95%;} #formulaire_contact .choix input {} #formulaire_contact .fichier{} }