/* Classes pour les colonnes des portails */ .portail-gauche, .portail-droite { 	box-sizing: border-box; } .portail-gauche { 	float: left; 	padding-right: 1.2rem; } .portail-droite { 	float: right; } @media (max-width: 981px) { 	.portail-gauche, 	.portail-droite { 		float: none; 		width: auto !important; 	} 	.portail-gauche { 		padding-right: 0; 	} }  #portail_contenu { 	margin-top: 1rem; } #portail_contenu .portail-gauche { 	width: 60%; } #portail_contenu .portail-droite { 	width: 40%; } #portail_contenu:after { 	clear: both; 	display: table; 	content: ''; }  .portail_cadre { 	box-shadow: 0 0 0.3rem #999; 	border-radius: 0.2rem; 	padding: 1.2rem; 	margin-bottom: 1.6rem; } /* S'assurer que ces règles emportent bien la priorité sur toutes les skins */ #mw-content-text .portail_cadre h2 { 	font-variant: small-caps; 	letter-spacing: 0.01em; 	border-bottom: solid 0.2rem #bdd8fb; 	margin: -0.4rem 0 0.5rem; }  @media (min-width: 982px) { 	#portail_contenu { 		display: flex; 	} 	#portail_contenu .portail-gauche, 	#portail_contenu .portail-droite { 		display: flex; 		flex-direction: column; 	} 	.portail_cadre:nth-child(1) { 		flex-grow: 1; 	} 	.portail_cadre:nth-child(2) { 		flex-grow: 2; 	} 	.portail_cadre:nth-child(3) { 		flex-grow: 3; 	} }  /* Page d'accueil et portail utilisant la même structure */ .accueil-contenu { 	margin: 0.4em -1% 0.4em 0; 	display: flex; 	flex-flow: wrap; 	overflow: hidden; /*be kind ie10 et les navigateurs ne gérant pas les flexbox */ } .accueil-droite, .accueil-gauche { 	display: flex; 	flex-flow: wrap; 	align-content: flex-start; 	margin: 0.4em 1% 0.4em 0; 	border: 1px solid #a7d7f9; 	border-radius: 1em; } .accueil-droite { 	background: #f5faff; 	flex: 21em; 	overflow: hidden;/*ie10*/ } .accueil-gauche { 	flex: 2 35em; 	float: left; /*ie10*/ 	width: 64%; /*ie10*/ } .accueil-cadre { 	padding: 1.2em; } .accueil-cadre .mw-headline-number { 	display: none; }  /* Retire le nom de la page d'accueil */ body.action-view.page-Accueil #firstHeading { 	position: absolute; 	top: -5000px; }  /* Mise en page Accueil */  #accueil_en-tete { 	background: linear-gradient(to bottom, #fff, #e8f2f8); 	border-bottom: solid 1px #a8d7fc; } #accueil_bandeau { 	background: url("//upload.wikimedia.org/wikipedia/commons/d/d1/Wikivoyage-Logo-v3-en.svg") no-repeat 50px 10px; 	background-size: 120px 120px; 	padding: 1.5rem 1rem 1rem; 	font-family: 'Open Sans', Sans-serif; } #accueil_bloc-titre { 	display: inline-block; 	margin-left: 14rem; 	margin-bottom: 1rem; 	text-align: left; 	line-height: 1.6; 	color: #457; } #accueil_bloc-titre > h2 { 	margin: 0; 	padding: 0; 	border: none; 	font-size: 200%; 	font-weight: bold; 	font-family: 'Open Sans', Sans-serif; 	color: #457; } #accueil_bloc-titre > p { 	margin: 0; 	padding: 0; 	font-size: 95%; } #accueil_bloc-liens { 	text-align: center; 	font-size: 90%; 	font-weight: bold; } #accueil_lien-mobile { 	margin-bottom: 1rem; }  #accueil_contenu { 	margin-top: 1rem; } #accueil_contenu .portail-gauche { 	width: 60%; } #accueil_contenu .portail-droite { 	width: 40%; } #accueil_contenu:after { 	clear: both; 	display: table; 	content: ''; }  .accueil_cadre { 	border-radius: 0.2rem; 	padding: 1.2rem; 	margin-bottom: 1.6rem; } /* Light blue */ #content .color1 {  box-shadow: 0 0 0.3rem #6cc8f3; } /* Light green */ #content .color2 {  box-shadow: 0 0 0.3rem #80f000; }   /* Dark green */ #content .color3 {  box-shadow: 0 0 0.3rem #158200; }   /* Orange */ #content .color4 {  box-shadow: 0 0 0.3rem #EDAA02; }   /* Red */ #content .color5 {  box-shadow: 0 0 0.3rem #DB0003; }   /* Brown */ #content .color6 {  box-shadow: 0 0 0.3rem #AD5A1B; }   /* Violet */ #content .color7 {  box-shadow: 0 0 0.3rem #9154AD; }   /* Black */ #content .color8 {  box-shadow: 0 0 0.3rem #000000; }   /* Dark blue */ #content .color9 {  box-shadow: 0 0 0.3rem #0400FF;  } /* S'assurer que ces règles emportent bien la priorité sur toutes les skins */ #mw-content-text .accueil_cadre h2 { 	font-variant: small-caps; 	letter-spacing: 0.01em; 	margin: -0.4rem 0 0.5rem; }  .accueil_pied { 	margin-top: 1.8em; 	font-size: 85%; 	text-align: right; }  @media (min-width: 982px) { 	#accueil_contenu { 		display: flex; 	} 	#accueil_contenu .portail-gauche, 	#accueil_contenu .portail-droite { 		display: flex; 		flex-direction: column; 	} 	.accueil_cadre:nth-child(1) { 		flex-grow: 1; 	} 	.accueil_cadre:nth-child(2) { 		flex-grow: 2; 	} 	.accueil_cadre:nth-child(3) { 		flex-grow: 3; 	} }  /* Classe pour les listes horizontales séparées par des puces.    Adaptation de la classe 'hlist' de en:User:Edokter.    (cf. [[mw:Snippets/Horizontal lists]]). */ .liste-horizontale ul, .liste-horizontale ol, .liste-horizontale li { 	margin-left: 0; 	display: inline; 	white-space: nowrap; } .liste-horizontale li:after { 	content: " "; /* au cas ou Mediawiki supprime les retours ligne */ } .liste-horizontale li + li:before { 	white-space: normal; 	content: "· "; 	font-weight: bold; } .liste-horizontale li li:first-child:before { 	white-space: normal; 	content: " ("; } .liste-horizontale li ul:after, .liste-horizontale li ol:after{ 	content: ")"; 	margin-left: -0.28em; } .liste-horizontale ol { 	counter-reset: listitem; } .liste-horizontale ol > li { 	counter-increment: listitem; } .liste-horizontale ol > li:first-child:before { 	content: "1.\202F"; } .liste-horizontale li ol > li:first-child:before { 	content: " (1.\202F"; } .liste-horizontale ol > li + li:before { 	content: "· " counter(listitem) ".\202F"; 	font-weight: normal; } /* Listes sans puces */ .liste-simple ul { 	line-height: inherit; 	list-style: none none; 	margin: 0; } .liste-simple ul li { 	margin-bottom: 0; }