/* Le CSS placé ici affectera les utilisateurs de l’habillage Vector. */
/********************************************************/
/* Modifiez ces styles pour personnliser l'arrière-plan */
/********************************************************/
body {
/********************************************************/
/* Image d'arrière-plan */
/* Importez le fichier d'arrière-plan sur le wiki puis */
/* remplacez l'URL ci-dessous par celle de l'image */
/********************************************************/
background-image: url(http://jolstatic.fr/wiki/images/shroudoftheavatar/6/65/SotA_forest.jpg);
/********************************************************/
/* Couleur d'arrière plan */
/* Cette couleur devrait correspondre à la couleur */
/* du bas de l'image d'arrière-plan */
/********************************************************/
background-color: #050505;
}
/********************************************************/
/* Modifiez ces styles pour modifier la hauteur du logo */
/* Hauteur par défaut : 180px */
/********************************************************/
#p-logo, #p-logo a { height:180px }
#p-logo { top:-200px } /* -(hauteur + 20)px */
div #mw-panel { top: 230px } /* (hauteur + 50)px */
/********************************************************/
/* Ci-dessous se trouve le thème JOL Vector par défaut */
/********************************************************/
@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);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700);
body { background-color:#050505; background-image:url(http://jolstatic.fr/wiki/images/shroudoftheavatar/6/65/SotA_forest.jpg); font-family: 'Open Sans', sans-serif; background-repeat:no-repeat; background-position:center top; background-attachment:fixed; background-size:100% }div#content, div#mw-head-base, div#footer { margin-left:240px }
div#content, #bodyContent, ul { line-height:1.7em }
div#content { text-shadow:1px 1px 0 #fff; color:#111; padding: 1.2em 1.5em 1.5em }#mw-page-base { ; background-color:transparent; background-image:none }div#contentrgba(255, 255, div#mw-head-base255, div#footer { margin-left:240px 0.95) }
div#mw-head { top:100px }
#mw-head-base { height:150px }
#mw-page-base { background-color:transparent; background-image:none }
div#left-navigation { margin-left: 240px }
#p-personal { background-color: rgba(255, 255, 255, 0.75); padding: 5px 10px 5px 10px 5px; top: -60px ; right:70px }#p-personal ul { padding-left:0 }
div#content { box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); border:1px solid #ccc; border-right:0 }
div#mw-panel { background-color: rgba(255, 255, 255, 0.5); top: 250px; width:200px; left:20px; font-family: 'Roboto Condensed', sans-serif; padding-top:5px }#mw-panel.collapsible-nav .portal { background-color: rgba(255, 255, 255, 0.80); padding: 10px 5px !important; margin:0 5px 5px 5px }
div#mw-panel div.portal div.body ul li { font-size:0.9em }
div#mw-panel div.portal div.body ul li a { color:#444 }
div#mw-panel div.portal div.body ul li a:visited { color:#222 }
#mw-panel.collapsible-nav .portal { background-color: rgba(255, 255, 255, 0.80); padding: 10px 5px 14px 5px !important; margin:0 5px 5px 5px; background-size:100% 1px }
#mw-panel.collapsible-nav .portal h3 { font-size:1em; font-weight:bold; letter-spacing:0.5px; background-position: 3px center }
#mw-panel.collapsible-nav .portal h3 a { color:#111 }
#p-logo { top:-200px; left:-20px; width:240px; height:180px }#p-logo a { width:240px; height:180px }div#simpleSearch { background-image:none; background-color:rgba(255,255,255,0.9) ; height:30px; margin-top:-3px }div#simpleSearch input#searchInput { padding: 0.6em 0 0.6em 0.2em }div#firstHeading simpleSearch button#searchButton { fontpadding-familytop: 'Roboto Condensed'0.2em }div.vectorTabs, div.vectorTabs ul,sans-serifdiv.vectorTabs span { background: none; font-sizepadding: 2em; font-weight0 }div.vectorTabs { height: 400 39px }
div.vectorMenu h3 a { background-image:none }
div.vectorTabs, div.vectorTabs ul, div.vectorTabs span { background: none; padding:0; }
div.vectorTabs ul li { background:#ededed; margin-right:2px; line-height: normal; border:1px solid #ccc; border-bottom:0; box-shadow:0 -2px 3px 0px rgba(0,0,0,0.1); overflow:hidden; font-size:1.1em; line-height:1.5em; margin-right:-1px }
div.vectorTabs li a { border-top:3px solid #aaa; color:#333; font-family: 'Roboto Condensed',sans-serif; text-decoration:none; transition: background 0.2s; box-shadow:inset 0 -5px 5px -5px rgba(0,0,0,0.2) }
div.vectorTabs li a:hover,div.vectorTabs li a:active { background-color: rgba(0,0,0,.1) }
div.vectorTabs li.selected { background:#fff; }
div.vectorTabs li.selected a { border-top: 3px solid #FFBB33; box-shadow:none }
div.vectorTabs span a { height:36px; line-height:35px; padding: 0 .7em; }div.vectorTabs { height:39px; }
#ca-watch { box-shadow:inset 0 -5px 5px -5px rgba(0,0,0,0.2) }
#ca-watch.icon a { background-position: 5px 40% }
#ca-watch.icon a:hover, #ca-watch.icon a:focus { background-position: -19px 40% }
#firstHeading { font-family: 'Roboto Condensed',sans-serif; font-size: 2em; font-weight: 400 }
div#footer { margin-top:5px; margin-bottom:5px }
div#footer ul { background-color:rgba(255,255,255,0.75); padding:0 20px }
div#content, div#mw-head-base, div#footer { margin-right:70px }
#right-navigation { margin-right:62px }
#p-personal { right: 70px }
}
@media screen and (min-width:1440px) {