MediaWiki:Common.css

/* Le CSS placé ici sera appliqué à tous les habillages. */

dd {
  line-height:1.67em;
}


.navbar-form .input-group > .form-control {
  width:120px;
  font-size: 80%;
  padding: 3px;
}

nav#p-tb {
  font-size: 80%;
}
.Outils {
  margin-top:2em;
}

/* Table des matières (TOC) : enlever la numérotation auto */
div#toc {
  padding:.5rem 1rem 1rem 1rem;
  color: white;
  font-size:.8em;
}
div#toc a {
  color: white;
}
span.tocnumber, .toctoggle,#footer-info { 
  display: none !important; 
}
#toc h2 {
  display:block;
  font-size:1.25em;
  color: white;
}

table,.notesbaspage {
  font-size:80%;
  margin-top:2em;
  margin-bottom:2em;
}
.untableau {
  display:inline-block;
  margin-top:2em;
}
table.table-100 {
  font-size:100%;
}

#footer-places {
  padding-top:20px;
}

.tabber .tabbertab {
  border:none;
}

div.row {
  margin:10px 0;
}

/** Bloc **/
.BlocA {
  min-height:300px;
  margin-right:0px;
  overflow: hidden;
  border-right:10px solid white;
  background-color:white;
}

.BlocLien {
  position:absolute;
  top:0;
  left:0;
  display:inline-block;
}

.BlocTexte {
  padding:10px;
  font-size: 1.33rem;
  line-height: 1.67rem;
  color:white;
}

.BlocTexte.Droite {
  display:inline-block;
  position:absolute;
  top:0;
  right:0;
  max-width:45%;
  min-width:130px;
  height:100%;
}

.BlocTexte.Bas {
  display:inline-block;
  position:absolute;
  bottom:0;
  left:0;
  max-width:100%;
  padding:1rem;
  vertical-align:top;
}

p.SurTitre {
  display: inline-block;
  font-family: "Simplon", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  padding:3px 0 0;
}

p.Titre {
  font-family: "Simplon", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1.75rem;
  margin: 1rem 0;
  padding-left: 0;
  font-style: italic;
}

.b1t1, .b3t4, .b3t6 {background-color: #771c51;}
.b1t2, .b3t1, .b3t7 {background-color: #0065af;} 
.b1t3, .b2t1, .b3t2 {background-color: #d51a00;}
.b1t4, .b3t3, .b3t5 {background-color: #148944;}
.b1t5, .b3t4, .b3t6 {background-color: #000000;}

/* Janvier 2019 */
/* Navigation */
.MenuNav .navbar-nav li:nth-child(2) a:hover {
  background-color: #771c51;
  color:white;
}
.MenuNav .navbar-nav li:nth-child(3) a:hover {
  background-color: #0065af;
  color:white;
}
.MenuNav .navbar-nav li:nth-child(4) a:hover {
  background-color: #d51a00;
  color:white;
}
.MenuNav .navbar-nav li:nth-child(5) a:hover {
  background-color: #148944;
  color:white;
}
.p-search, .p-search .form-inline .input-group {
width:100%;
}
#p-search #searchInput {
 max-width:100%;
 min-width:100%;
}
.ns-special div#p-search {
  visibility:hidden;
}
.container > :first-child .navbar {
  margin-top:0;
}
.navbar-default .navbar-nav > li {
border-left:none;
}

body.page-Accueil div#ca-talk,
body.page-Accueil div#ca-history,
body.page-Accueil div#ca-viewsource {
  visibility:hidden;
}
body.page-Accueil #firstHeading {
  display:none !important;
}


li.navbar-newtalk-notifier { 
  display: none !important; 
} 

.skin-chameleon .navbar-tools {
  border:0;
}
.skin-chameleon .navbar-tools > li:first-child:last-child, 
.skin-chameleon .navbar-tools li.open:first-child:last-child,
.skin-chameleon .navbar-tools > li, 
.skin-chameleon .navbar-tools li.open {
  height:48px;
  border-bottom:0;
}


blockquote {
  font-size:100%;
}
.mw-body ol, .mw-body ul {
  margin-bottom:12px;
}

/** BLOCS PAGE D'ACCUEIL **/

.splash {
  display:block;
  max-height:240px;
  width:100%;
  margin-bottom:1em;
}
.splash-image{
  object-fit:cover;
  height:240px;
  width:100%;
}
.splash-texte {
  font-size:125%;
  font-weight:bold;
  width:33%;
}
.splash-texte a,
.splash-texte a:hover,
.splash-texte a:active {
  color:white;
}
.row-equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  border-bottom:1px solid silver;
}
.bloc-accueil {
}
.bloc-accueil p {
  padding:0;
  margin:0;
}
.bloc-accueil img {
  object-fit:cover;
  height:120px;
  margin-top:0;
}
.bloc-accueil dd {
  margin-left:0;
  padding-left:0;
  font-size:.8em;
}


@media (min-width: 992px) {
.bloc-accueil.dernier {
  width: 33%;
}
}
.accueil-entête {
  color:white;
  font-size:1em;
  font-weight:bold;
  text-align:center;
  margin-top:0;
  border-radius: 0 0 3px 3px;
  border-color:transparent;
}

.skin-chameleon .navbar-tools > li > a.navbar-userloggedin:hover, 
.skin-chameleon .navbar-tools li.open > a.navbar-userloggedin:hover {
  height:100%;
  line-height:1.3em;
  padding:0;
  margin:0;
}

.skin-chameleon .navbar-tools > li > a > *, 
.skin-chameleon .navbar-tools li.open > a > *, 
.skin-chameleon .navbar-tools > li > a:hover > *, 
.skin-chameleon .navbar-tools li.open > a:hover > *, 
.skin-chameleon .navbar-tools > li > a:focus > *, 
.skin-chameleon .navbar-tools li.open > a:focus > * {
  height:100%;
  line-height:1.3em;
  padding:0;
  margin:0;
}
/* Bandeau noir */
li.navbar-tools-tools span.glyphicon-user {
  font-size: 24px;
  line-height: 36px;
}

/* Pied de page */

.ContainerNoir {
    background-color:black;
    display:block;
    }

.ContainerNoir,
.ContainerNoir a {
  color:white;
}
.ContainerNoir a:hover, 
.ContainerNoir a:active {
  color:silver;
}
.ContainerNoir ul {
  padding-left:0;
}
.ContainerNoir ul li {
  padding-left:0;
  font-size:70%; 
  list-style:none;
}

.ContainerGris {
    background-color:#333333;
    height:92px;
    display:block;
    margin-top:-12px;
    }
    
.ContainerBlanc {
    background-color:white;
    height:36px;    
    margin-top:12px;
    display:block;;
    }

/* RSS */
.fil-rss-item {
  line-height:1em;
}
dd.fil-rss-item-description p {
  display:none;
}
.fil-rss-item  dt {
  margin:0;
  padding:0; 
  font-size:.9em;
}
dd.fil-rss-item-description p:first-child {
  display:block;
  line-height:1.33em;
  margin:0;
  padding:0;
}

#catlinks {
  display:none;
}

.termeduglossaire {
  font-weight: 500;
  border-bottom : 1px dashed orange;

}

.table-condensed th,
.table-striped th  {
  text-align:center;
}


body {
	/* Margin bottom by footer height see also ".smwofootergrid.container" */
	margin-bottom: 117px;
	overflow-anchor: none;
	
/* YO */
  background-color:@color0;
  color:@color1;
  line-height:1.67;
}

/* YO : CONTENU BANQ.LESS */

.mw-body {
    margin-top:0;
    }

/* TITRE */

 #siteSub, #jump-to-nav {
    display:none;
    }

.container {
    /* padding-left:80px; */
    }

ul.menuTop {
	margin-top:11px;
	margin-bottom:5px;
	font-size:.70em;
	float:right;
	max-width: 940px;
	margin: 11px auto 5px;
	}
	
.menuTop li {
	list-style-type:none;
	display:inline
	}
	
.menuTop a:link, 
.menuTop a:visited {
	color:#000;
	text-decoration:underline;
	margin-left:10px;
	}
	
.navbar-brand {
	min-height:82px;
	width:100%;
    }
    
/** LOGO **/
#p-logo {
    width: 978px;
    margin: 0 0 0 32%;
    padding: 0;
}
#p-logo img {
height:92px;
width:auto;
}

/** Barre noire -> outils perso **/

.navbar-default {
    border-color:white;
    border:none;
    }

#mw-navigation.p-navbar {
    background-color:black;
    width:100%;
    line-height:.75;
    font-size:75%;
    padding:0;
    margin:0;
    height:38px !important;
    }

.skin-chameleon .navbar-tools {
    height:40px;
    }
    
.skin-chameleon .navbar-tools > li > a > *, 
.skin-chameleon .navbar-tools li.open > a > *, 
.skin-chameleon .navbar-tools > li > a:hover > *, 
.skin-chameleon .navbar-tools li.open > a:hover > *, 
.skin-chameleon .navbar-tools > li > a:focus > *, 
.skin-chameleon .navbar-tools li.open > a:focus > * {
    padding: 3px;
    display: block;
    line-height: 9px;
    }
    
    

/** MENU DE NAVIGATION (sidebar) **/

.navbar {
    margin-bottom:0;
    position:relative;
    z-index:10;
    }
    
.navbar-default {
    background-color:transparent;
    }

nav#mw-navigation-fxwedwaux0 {
    margin: 0 auto;
    padding: 0 20px;
    }

.navbar-default .navbar-nav > li {
    border-left:1px solid black;
    text-transform: uppercase;
    font-weight:bold;
    font-size:90%;
    }
.navbar-default .navbar-nav > li > ul > li {
    text-transform: none;
    font-weight:normal;
    color:black;
    font-size:90%;
    }
    
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
    background-color: black;
    color: white;
    }

.navbar-default .navbar-nav > li:first-child {
    border-left:0;
	}
	
.navbar ul.navbar-nav {
    font-size:90%;
    }
 
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
 navbar-default .navbar-nav > .open > a:focus {
	background-color: black;
    color: white;
    }
 
 
 /** ACTIONS SUR LA PAGE **/
 
#p-contentnavigation ul.list-inline li {
     font-size: 80%;
     }


/** RECHERCHE **/
#p-search {
    margin:0;
    z-index:1;
    position:relative;
    }

#p-search {
    padding-left:20px;
    }

#p-search #searchInput {
    width:100%;
    min-width:@screen-xs-max;
    max-width:@screen-md-max;
    }


/* Bandeau noir */
li.navbar-tools-tools span.glyphicon-user {
  font-size: 24px;
  line-height: 36px;
}

/* Pied de page */

div.ContainerNoir {
    background-color:black;
    display:block;
    }

div.ContainerNoir,
div.ContainerNoir a {
  color:white;
}

div.ContainerNoir a:hover, 
div.ContainerNoir a:active {
  color:silver;
}

div.ContainerNoir ul {
  padding-left:0;
}

div.ContainerNoir ul li {
  padding-left:0;
  font-size:70%; 
  list-style:none;
}

div.ContainerGris {
    background-color:#333333;
    height:92px;
    display:block;
    margin-top:-12px;
    text-align:center;
    }
    
div.ContainerBlanc {
    background-color:white;
    height:36px;    
    margin-top:12px;
    display:block;
    text-align:center;
    }
    

/*** GRILLES COULEURS ***/
.b1t1, .b3t4, .b3t6 {
    background-color: #771c51;
    }
.b1t2, .b3t1, .b3t7 {
    background-color: #0065af;
    } 
.b1t3, .b2t1, .b3t2 {
    background-color: #d51a00;
    }
.b1t4, .b3t3, .b3t5 {
    background-color: #148944;
    }
.GrilleCouleur2 .b1t1, 
.GrilleCouleur2 .b3t4, 
.GrilleCouleur2 .b3t6 {
    background-color: #0065af;
    }
.GrilleCouleur2 .b1t2, 
.GrilleCouleur2 .b3t1, 
.GrilleCouleur2 .b3t7 {
    background-color: #d51a00;
    } 
.GrilleCouleur2 .b1t3, 
.GrilleCouleur2 .b2t1, 
.GrilleCouleur2 .b3t2 {
    background-color: #148944;
    }


/*** AJOUTS MAI 2020 ***/
#bandeau_haut {
   padding:6px 0 3px 8%;
   background-color:black;
   color:white !important;
   font-size:80%;
   margin-top:-12px;
}

#bandeau_haut a {
    color:white !important;
}

.navbar-right-aligned {
   padding-right:2rem;
}
   
body.not-logged-in ul#p-contentnavigation {
    display:none !important;
}

.p-contentnavigation {
    background-color:#eee;
    padding:6px 0 3px 8%;
    margin-left:10%;
}

ul.list-inline {
    line-height:1;
}

.ContainerNoir .container {
    margin-left:8%;
    }