MediaWiki:Common.css

@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic,700,700italic);
@import url(//fonts.googleapis.com/css?family=Roboto:400,400italic,300italic,300,700,700italic&subset=latin,latin-ext);

/* Foundation 4.3.2 Custom TEST */
meta.foundation-mq-small{font-family:"only screen and (min-width: 768px)";width:768px}meta.foundation-mq-medium{font-family:"only screen and (min-width:1280px)";width:1280px}meta.foundation-mq-large{font-family:"only screen and (min-width:1440px)";width:1440px}.rwd *,.rwd *:before,.rwd *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html,body{font-size:100%}body{background:#fff;color:#222;padding:0;margin:0;font-family:"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;line-height:1;position:relative;cursor:default}a:hover{cursor:pointer}/*img,object,embed{max-width:100%;height:auto}object,embed{height:100%}*/img{-ms-interpolation-mode:bicubic}#map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,.map_canvas object{max-width:none !important}.left{float:left !important}.right{float:right !important}.text-left{text-align:left !important}.text-right{text-align:right !important}.text-center{text-align:center !important}.text-justify{text-align:justify !important}.hide{display:none}.antialiased{-webkit-font-smoothing:antialiased}img{display:inline-block;vertical-align:middle}textarea{height:auto;min-height:50px}select{width:100%}.row{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;*zoom:1}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.row.collapse>.column,.row.collapse>.columns{position:relative;padding-left:0;padding-right:0;float:left}.row.collapse .row{margin-left:0;margin-right:0}.row .row{width:auto;margin-left:-0.9375em;margin-right:-0.9375em;margin-top:0;margin-bottom:0;max-width:none;*zoom:1}.row .row:before,.row .row:after{content:" ";display:table}.row .row:after{clear:both}.row .row.collapse{width:auto;margin:0;max-width:none;*zoom:1}.row .row.collapse:before,.row .row.collapse:after{content:" ";display:table}.row .row.collapse:after{clear:both}.column,.columns{position:relative;padding-left:0.9375em;padding-right:0.9375em;width:100%;float:left}@media only screen{.column,.columns{position:relative;padding-left:0.9375em;padding-right:0.9375em;float:left}.small-1{position:relative;width:8.33333%}.small-2{position:relative;width:16.66667%}.small-3{position:relative;width:25%}.small-4{position:relative;width:33.33333%}.small-5{position:relative;width:41.66667%}.small-6{position:relative;width:50%}.small-7{position:relative;width:58.33333%}.small-8{position:relative;width:66.66667%}.small-9{position:relative;width:75%}.small-10{position:relative;width:83.33333%}.small-11{position:relative;width:91.66667%}.small-12{position:relative;width:100%}.small-offset-0{position:relative;margin-left:0%}.small-offset-1{position:relative;margin-left:8.33333%}.small-offset-2{position:relative;margin-left:16.66667%}.small-offset-3{position:relative;margin-left:25%}.small-offset-4{position:relative;margin-left:33.33333%}.small-offset-5{position:relative;margin-left:41.66667%}.small-offset-6{position:relative;margin-left:50%}.small-offset-7{position:relative;margin-left:58.33333%}.small-offset-8{position:relative;margin-left:66.66667%}.small-offset-9{position:relative;margin-left:75%}.small-offset-10{position:relative;margin-left:83.33333%}[class*="column"]+[class*="column"]:last-child{float:right}[class*="column"]+[class*="column"].end{float:left}.column.small-centered,.columns.small-centered{position:relative;margin-left:auto;margin-right:auto;float:none !important}}@media only screen and (min-width: 768px){.large-1{position:relative;width:8.33333%}.large-2{position:relative;width:16.66667%}.large-3{position:relative;width:25%}.large-4{position:relative;width:33.33333%}.large-5{position:relative;width:41.66667%}.large-6{position:relative;width:50%}.large-7{position:relative;width:58.33333%}.large-8{position:relative;width:66.66667%}.large-9{position:relative;width:75%}.large-10{position:relative;width:83.33333%}.large-11{position:relative;width:91.66667%}.large-12{position:relative;width:100%}.row .large-offset-0{position:relative;margin-left:0%}.row .large-offset-1{position:relative;margin-left:8.33333%}.row .large-offset-2{position:relative;margin-left:16.66667%}.row .large-offset-3{position:relative;margin-left:25%}.row .large-offset-4{position:relative;margin-left:33.33333%}.row .large-offset-5{position:relative;margin-left:41.66667%}.row .large-offset-6{position:relative;margin-left:50%}.row .large-offset-7{position:relative;margin-left:58.33333%}.row .large-offset-8{position:relative;margin-left:66.66667%}.row .large-offset-9{position:relative;margin-left:75%}.row .large-offset-10{position:relative;margin-left:83.33333%}.row .large-offset-11{position:relative;margin-left:91.66667%}.push-1{position:relative;left:8.33333%;right:auto}.pull-1{position:relative;right:8.33333%;left:auto}.push-2{position:relative;left:16.66667%;right:auto}.pull-2{position:relative;right:16.66667%;left:auto}.push-3{position:relative;left:25%;right:auto}.pull-3{position:relative;right:25%;left:auto}.push-4{position:relative;left:33.33333%;right:auto}.pull-4{position:relative;right:33.33333%;left:auto}.push-5{position:relative;left:41.66667%;right:auto}.pull-5{position:relative;right:41.66667%;left:auto}.push-6{position:relative;left:50%;right:auto}.pull-6{position:relative;right:50%;left:auto}.push-7{position:relative;left:58.33333%;right:auto}.pull-7{position:relative;right:58.33333%;left:auto}.push-8{position:relative;left:66.66667%;right:auto}.pull-8{position:relative;right:66.66667%;left:auto}.push-9{position:relative;left:75%;right:auto}.pull-9{position:relative;right:75%;left:auto}.push-10{position:relative;left:83.33333%;right:auto}.pull-10{position:relative;right:83.33333%;left:auto}.push-11{position:relative;left:91.66667%;right:auto}.pull-11{position:relative;right:91.66667%;left:auto}.column.large-centered,.columns.large-centered{position:relative;margin-left:auto;margin-right:auto;float:none !important}.column.large-uncentered,.columns.large-uncentered{margin-left:0;margin-right:0;float:left !important}.column.large-uncentered.opposite,.columns.large-uncentered.opposite{float:right !important}}
/* Default header styles */
h1,h2,h3,h4,h5,h6{font-family:"Roboto", sans-serif;font-weight:700;font-style:normal;color:#222;text-rendering:optimizeLegibility;margin-top:.2em;margin-bottom:.5em;line-height:1.2125em}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:60%;color:#6f6f6f;line-height:0}h1{font-size:2.125em}h2{font-size:1.6875em}h3{font-size:1.375em}h6{font-size:1em}h4,h5{font-size:1.125em}@media only screen and min-width 768px {h1,h2,h3,h4,h5,h6{line-height:1.4}h1{font-size:2.75em}h2{font-size:2.3125em}h3{font-size:1.6875em}h4{font-size:1.4375em}}
/* Panels */
.panel{margin-bottom:1.25em;background:#f2f2f2;border-color:#d9d9d9;border-style:solid;border-width:1px;padding:1.25em}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6,.panel p{color:#333}.panel.callout{margin-bottom:1.25em;background:#2ba6cb;-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;border-color:#2284a1;border-style:solid;border-width:1px;padding:1.25em}.panel.radius{-webkit-border-radius:3px;border-radius:3px}.panel > :first-child,.panel.callout > :first-child{margin-top:0}.panel > :last-child,.panel.callout > :last-child{margin-bottom:0}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6,.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6{line-height:1;margin-bottom:.625em}.panel h1.subheader,.panel h2.subheader,.panel h3.subheader,.panel h4.subheader,.panel h5.subheader,.panel h6.subheader,.panel.callout h1.subheader,.panel.callout h2.subheader,.panel.callout h3.subheader,.panel.callout h4.subheader,.panel.callout h5.subheader,.panel.callout h6.subheader{line-height:1.4}.panel.callout h1,.panel.callout h2,.panel.callout h3,.panel.callout h4,.panel.callout h5,.panel.callout h6,.panel.callout p,.panel.callout a{color:#FFF}

/* Info box */
.infobox { background:#fff; box-shadow: 2px 2px 5px rgba(0,0,0,.2); float:right; margin:0 0 2em 2em; padding:5px; width:280px; }
.infobox table { border:none; border-spacing:2px; width:270px; }
.infobox th { background:rgb(242,242,242); border:none; border-bottom:1px solid #ededed; color:#000; font-weight:normal; font-size:0.9em; line-height:1.2em; padding: .3em .5em .3em .3em; text-align:right; vertical-align:top; width:35%; }
.infobox td { background:#fff; border-bottom:1px solid #ededed; font-size:0.9em; line-height:1.2em; padding:0.3em; text-align:left; vertical-align:top; }
.infobox .infobox_header { background:rgb(242,242,242); border:none; border-radius:5px 5px 0 0; color:#000; font-size:1.1em; line-height:1.1em; padding:0; }
.infobox .infobox_header2 { width:100%; }
.infobox .infobox_image { background:none; border:none; padding:0; text-align:center; }
.infobox .infobox_image a { display:block; margin:.5em 0; }
.infobox .infobox_image img { display:block; }
.infobox .infobox_imagecaption { font-weight:bold; padding:0.5em; }
.infobox .infobox_header td { background-color:transparent; text-align:center; }
.infobox .infobox_supertitle, 
.infobox .infobox_subtitle { font-size:0.9em; line-height:1.2em; }
.infobox .infobox_title { font-size: 1.2em; font-weight: bold; line-height: 1.35em; }

div.thumbinner { max-width:100%; }

/* ===================================================== */
/* STYLES DE BASE POUR TOUS LES WIKIS                    */
/* ===================================================== */
/* navbox */
.navbox { border:1px solid #aaa; background-color:#f9f9f9; border-spacing:0; clear:both; font-size:88%; margin:1em auto auto; padding:0; text-align:center; width:100%; }
.navbox table, .navbox-subgroup { border-spacing: 1px; }
.navbox + .navbox { margin: 1px 0 0; }
.navbox tr, .navbox-columns-table tr { background-color: #fff; }
.navbox table td { background-color: #f9f9f9; }
.navbox-even { background-color: #f9f9f9; }
.navbox-odd { background-color: #f9f9f9; }
.navbox-title, .navbox-abovebelow, table.navbox th { background-color:#f2f2f2; border-color: #aaa; border-style: solid; border-width: 1px; padding-left: 1em; padding-right: 1em; text-align: center; }
.navbox-group { background:#f2f2f2; border: 1px solid #aaa; font-weight: bold; padding-left: 1em; padding-right: 1em; text-align: right; white-space: nowrap; }
.navbox-subgroup { background-color: #fff; }
.navbox-list { border-color: #f9f9f9; }
.navbox-title, .navbox th { }
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background-color:#f2f2f2 !important; }
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background-color:#f2f2f2 !important; }
.navbox .collapseButton { width: 6em; }
.navbox .collapseButton { float: right; font-weight: normal; text-align: right; width: auto; }
 
/* ambox */
.ambox { background-color: #f9f9f9; border-left: #BBBBAA solid 4px; box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); /*clear:left; float:left;*/ margin: 8px 0 12px; padding: 1px 12px; }
.ambox .fa { font-size: 2em; }
.ambox p { margin: .5em 0!important; padding: 2px; }
.ambox-blue { border-color: #1E90FF; }
.ambox-red { border-color: #B22222; }
.ambox-orange { border-color: #F28500; }
.ambox-yellow { border-color: #F4C430; }
.ambox-yellow .fa { color: #F4C430; }
.ambox-purple { border-color: #9932CC; }
.ambox-gray { border-color: #BBBBAA; }
.ambox-green { border-color: #228B22; }
.ambox-image { padding-right: 10px; text-align: center; min-width: 45px; vertical-align:middle; }
.ambox-info { color: #666; }
 
/* ombox */
.ombox { background: #f9f9f9; border: 1px solid #aaa; margin: 0.5em 0.5em 0.5em 10%; clear:both; padding:0.2em; width:80%; }
.ombox-image { text-align: center; width:90px; }
.ombox-image-right { text-align: center; width:90px; }
.ombox-info { color: #666; width: 100%; }
.ombox-red { border:1px solid #b22222 !important; }
.ombox-orange { border:1px solid #f28500 !important; }
.ombox-yellow { border:1px solid #f4c430 !important; }
.ombox-purple { border:1px solid #9932cc !important; }
.ombox-blue { border:1px solid #1e90ff !important; }
.ombox-green { border:1px solid #228b22 !important; }
.ombox-gray { border:1px solid #bba !important; }
.ombox-default { border:1px solid #aaa !important; }

/* bandeau */
.bandeau { background: #f9f9f9; border-style: solid; border-width: 0 0 0 10px; box-shadow: 2px 2px 0 #ededed; clear: left; margin: 8px 0 12px; padding: 2px 10px; text-align: left; }
 
/* template documentation */
.documentation-header { border: 2px solid #aaa; padding: 0.4em; border-bottom: none; border-right: none; background:#f9f9f9; }
.documentation-links { float:right; text-align:right; font-size:85%; }
.documentation-body { border-left: 2px dashed #aaa; padding: 1em; }
.documentation-footer { border: 2px solid #aaa; padding: 0.3em; border-top: none; border-right: none; background:#f9f9f9; margin:0em; font-size:75%; text-align:right; }
 
/* spoilers */
.splr { height: auto; }
.splr > div, .splrico, .splrwrn { float: left; }
.splr + div { margin: 0 0 1em; }
.splrico { border-radius: 10em 10em 10em 10em; cursor: pointer; margin: 0.5em 1em 0 0; padding: 2px; position: relative; z-index: 6; }
.splrico table { border-radius: 10em 10em 10em 10em; }
.splrico table tr { background-color: transparent; }
.splrico table td { padding: 0; }
.splrwrn { border-radius: 10em 10em 10em 10em; cursor: pointer; font-size: 0.9em; margin: 0.5em 0 0 -3.6em; padding: 2px; }
.splrwrn table { border-radius: 10em 10em 10em 10em; height: 66px; margin: 0; padding: 0; }
.splrwrn table tr { background-color: transparent; }
.splrwrn table td { padding: 0 2.4em 0 3em; }
.splrtxt { }
.splr_games .splrico, .splr_games .splrwrn { background-color: #f9f9f9; border: 0 solid #aaa; color: #000; }
.splr_games .splrico table, .splr_games .splrwrn table { border: 1px solid #aaa; }
.hide_warning { display: none; }
.show_warning { display: inline; }
.hide_spoiler { display: none; }
.show_spoiler { display: inline; }
.hide_warning1 { display: none; }
.show_warning1 { display: block; }
.hide_spoiler1 { display: none; }
.show_spoiler1 { display: block; }
.hide_warning2 { display: none; }
.show_warning2 { display: none; }
.hide_spoiler2 { opacity: 0.12; }
.show_spoiler2 { opacity: 1; }

/* banner */
div.banner { position:relative; border:1px solid #e7e7e7; background-color:#fdfdfd; line-height:1.5em; text-indent:23px; display:block; font-size:95%; overflow:hidden; margin:0 0 0.7em 2em; padding:2px 0 1px 4px; text-align:left; background-repeat:no-repeat; text-indent:23px; }
div.banner .picto { position:absolute; left:6px; top:3px; }
div.banner .picto img { display:block; }
.loupe .picto { width:20px; }
.general .picto { width:15px; }