/* Le CSS placé ici affectera les utilisateurs de l’habillage Vector. */
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic,700,700italic);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700);
/********************************************************/
/* Modifiez ces styles pour personnliser l'arrière-plan */
#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 */
/********************************************************/
body { 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; background-color: rgba(255, 255, 255, 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 10px 5px; top: -60px; right:70px }
#p-personal ul { padding-left:0 }
div#content { box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); border:1px solid #ccc; border-right:0 }
div#mw-panel { background-color: rgba(255, 255, 255, 0.5); width:200px; left:20px; font-family: 'Roboto Condensed', sans-serif; padding-top: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 { left:-20px; width:240px }
#p-logo a { width:240px }
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#simpleSearch button#searchButton { padding-top: 0.2em }
div.vectorTabs, div.vectorTabs ul, div.vectorTabs span { background: none; padding:0 }
div.vectorTabs { height:39px }
div.vectorMenu h3 a { background-image:none }
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.15); overflow:hidden; font-size:1.1em; line-height:1.5em; margin-right:-1px; position:relative;z-index:1 }
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.3) }
div.vectorTabs li a:hover, div.vectorTabs li a:active { background-color: rgba(0,0,0,.1) }
div.vectorTabs li.selected { background:#fff; z-index:2 }
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 }
#ca-watch { box-shadow:inset 0 -5px 5px -5px rgba(0,0,0,0.3), 0 -2px 3px 0px rgba(0,0,0,0.15) }
#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 }
@media screen and (min-width:1280px) {
div#content, div#mw-head-base, div#footer { margin-right:70px }
#right-navigation { padding-right:62px }
}
@media screen and (min-width:1440px) {
div#content, div#mw-head-base, div#footer { margin-right:150px }
#right-navigation { padding-right:142px }
#p-personal { right: 150px }
}
@media screen and (min-width:1600px) {
div#content, div#mw-head-base, div#footer { margin-right:240px }
#right-navigation { padding-right:232px }
#p-personal { right: 240px }
}