/*Reset*/


center,.center{text-align:center; display:block;}

/********************/
/* Body et global : */
/********************/

	body {
		margin: 0;
		padding: 0;
		width: 100%;
		overflow-y: scroll;
		background-color: #000000;
		background-image: 	url("/images/interface/v6/background_endor.png?v=2023-10-16"),
							url("/images/interface/v6/background_2.jpg");
		background-position: center top;
		background-repeat: no-repeat, repeat;
		font: 11px Trebuchet MS, arial, sans-serif;
		line-height: 16px;
	}
	
	body.light {
		padding: 0 10px;
		width: auto;
		overflow: auto;
		background-color: #ececec;
		background-image: url("/images/interface/v6/background_page.jpg");
		background-repeat: repeat;
	}
	
	body.light.iframe {
		padding: 0;
		width: auto;
		overflow: auto;
		background: none;
	}
	
	/* Fix décalage Google Chrome */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		html {
			margin-left: 1px;
		}
		#iframe_bandeau_actus {
			margin-left: -1px;
			width: 1001px;
		}
	}

	#global  {
		width: 1000px;
		margin: 0 auto 0 auto;
		background-color: #ececec;
		background-image: url("/images/interface/v6/background_page.jpg");
		background-repeat: repeat;
	}
	
	#chargement_en_cours {
		display: none;
		position: fixed;
		top: 50%;
		left: 50%;
		font-size: 16px;
		color: #e14b4b;
		content: "Chargement en cours";
	}

/* Fin Body et global */
/**********************/

/***********/
/* Polices */

@font-face {
	font-family: "futura-book";
	font-weight: normal;
	src: url("/css/futura_book.ttf");
}
@font-face {
	font-family: "futura-light";
	font-weight: normal;
	src: url("/css/futura_light.otf");
}

/* Fin Polices */
/***************/

/***********************/
/* Classes générales : */

	.tabulation {
		margin: 0 15px 0 0;
	}
	
	label {
		cursor: pointer;
	}
	
	h1 {
		height: 30px;
		line-height: 30px;
		vertical-align: middle;
		font-size: 14px;
		color: #ccb070;
		background: #727d99; /*636d86*/
		font-weight: bold;
		padding: 0 10px 0 10px;
		border-bottom: 2px solid #4cc0d9;
		border-radius: 0 10px 0 10px;
		overflow: hidden;
	}
	
	h1 img {
		max-height: 26px;
		vertical-align: middle;
		margin: 0 15px 3px 0;
	}
	
	h1 .gauche {
		float: left;
	}
	
	h1 .droite {
		float: right;
		font-size: 12px;
		font-weight: normal;
	}
	
	h2 {
		font-size: 14px;
		font-weight: bold;
		border-bottom: 1px solid #4CC0D9;
		padding: 0 0 3px 0;
		margin: 0 0 10px 0;
		clear: both;
	}
	
	h2.no-border {
		border: none;
	}
	
	h2 img {
		max-height: 26px;
		vertical-align: middle;
		margin: 0 15px 3px 0;
	}
	
	h3 {
		font-size: 11px;
		font-weight: bold;
		color: #CCB070; /*EDF3F3;*/
		border-bottom: 0 none;
		padding: 0;
		margin: 0 0 7px 0;
	}
	
	h4 {
		font-size: 12px;
		font-weight: bold;
		border-bottom: 1px solid #4CC0D9;
		padding: 0 0 3px 0;
		margin: 10px 0 10px 0;
		clear: both;
	}
	
	h4:first-child {
		margin-top: 0;
	}
	
	hr {
		color: #4CC0D9;
		margin: 0 0 10px 0;
	}
	
	.titre_bandeau {
		height: 31px;
		line-height: 31px;
		background: url("/images/interface/v6/titre_bandeau.png") repeat-x;
		border-top: 1px solid #636d86;
		border-bottom: 2px solid #4bc6e1;
		font-size: 14px;
		font-weight: bold;
		color: #4bc6e1;
		padding: 0 5px;
	}
	
	.titre_bandeau .gauche {
		float: left;
	}
	
	.titre_bandeau .gauche img {
		max-height: 26px;
		line-height: 31px;
		vertical-align: middle;
		margin: 0 15px 3px 0;
	}
	
	.titre_bandeau .droite {
		float: right;
		font-size: 12px;
		font-weight: normal;
	}
	
	.titre_bandeau.margin {
		margin-bottom: 10px;
	}
	
	p {
		
	}
	
	.paragraphe {
		font-size: 12px;
		line-height: 16px;
		text-align: justify;
		margin: 0 0 20px 0;
		overflow: hidden;
	}
	
	.paragraphe h3 {
		font-size: 13px;
		font-weight: bold;
		color: #4BC6E1; /*#EDF3F3*/
		padding: 0;
		margin: 0;
		border-bottom: 0 none;
		text-decoration: underline;
	}
	
	.paragraphe b {
		text-shadow: 2px 1px 0px rgba(0,0,0, 0.6);
	}
	
	.padding0 {
		padding: 0;
	}
	
	.padding10 {
		padding: 10px;
	}
	
	.padding20 {
		padding: 20px;
	}
	
	ul {
		margin: 0;
		/* padding-left: 20px; */
	}		ul.horizontal{			   display:flex; /* affichage flexible*/	   	   flex:1 1 auto; /* s'adapte à la largeur du conteneur */	   	   max-width:100%; /* ne dépasse pas la largeur du conteneur */	   	   flex-flow:row wrap; /* direction horizontal (row) et passe à la ligne si trop grand (wrap) */	   	   justify-content:space-around; /* aligne et espace les élements enfants avec des espaces-marges identiques */	   	   list-style:none; /* n'affiche pas de style de liste */	   	   padding:0;	   	   margin:0;	   	}
	
	li {
		
	}
	
	ul.horizontal  figure { margin: 0.6rem !important;} /* supprime les marges de fou dans les liste horizontale*/

	figure.image{
	border: none !important;
	margin: 0;
	background: none !important;}

	#texte_actu img{margin:0.2rem;} /* ajoute un espace autour des images des actus */

	.cadre_info {
		background-color: #E3484E;
		padding: 5px;
		color: #EDF3F3;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		border-radius: 0 10px 0 10px;
		box-shadow: -2px 2px 2px #E3484E;
		margin: 0 10px 10px 10px;
		position: relative;
	}
	
	.cadre_info.reseaux_sociaux {
		height: 60px;
		background: #2f3646 url("/images/interface/v6/background_encart.jpg") top left repeat-x;
		box-shadow: -2px 2px 2px #626c85;
		padding: 0 5px;
		font-size: 12px;
		font-weight: normal;
		text-align: left;
		margin-top: 5px;
	}
	
	.cadre_info.reseaux_sociaux .col {
		float: left;
		margin-left: 20px;
	}
	.cadre_info.reseaux_sociaux .col.texte {
		padding: 6px;
	}
	.cadre_info.reseaux_sociaux .boutons {
		margin-top: 6px;
		max-width: 330px;
	}
	.cadre_info.reseaux_sociaux .fb-like {
		max-width: 150px;
	}
	
	.cadre_info .close_icon {
		position: absolute;
		top: -5px;
		right: -5px;
		width: 16px;
		height: 16px;
		display: block;
		background: url("/images/interface/v6/close_icon.png") top left no-repeat;
	}
	
	.cadre_info#avert_cookies {
		position: fixed;
		z-index: 1000;		
		bottom: 0;
		right: 0;
		width: 200px;
		background: #2f3646 url("/images/interface/v6/background_encart.jpg") top left repeat-x;
		box-shadow: -2px 2px 2px #626c85;
		font-size: 11px;
		font-weight: normal;
	}
	
	.cadre_info#pub_evt {
		position: fixed;
		z-index: 1000;		
		top: 50px;
		right: 0;
		background: #2f3646 url("/images/interface/v6/background_encart.jpg") top left repeat-x;
		box-shadow: -2px 2px 2px #626c85;
		font-size: 14px;
		font-weight: bold;
		padding: 10px;
	}
	
	/* Zone sticky colonne droite */
	
	.sticky_zone.stuck {
		position: fixed;
		top: 0;
	}
	
	.encart_sticky {
		width: 180px;
		background: rgba(79, 86, 105, 1) url("/images/interface/v6/menu_top.jpg") left top repeat-x;
		border-bottom: 2px solid #4cc0d9;
		border-radius: 0 10px 0 10px;
		box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.50);
		opacity: 0.8;
		transition: all .5s;
		color: #EDF3F3;
		padding: 5px 10px;
		margin-top: 15px;
		overflow: auto;
	}
	
	.encart_sticky:hover {
		opacity: 1;
		transition: all .5s;
	}
	
	.encart_sticky .sommaire_masquable {
		clear: both;
		padding-top: 10px;
		max-height: 450px;
	}
	
	.encart_sticky .sommaire_masquable h2 {
		font-size: 11px;
		border: 0;
		padding: 0;
		margin: 0 0 2px 0;
	}
	
	.encart_sticky .sommaire_masquable .parag {
		padding-left: 10px;
		margin-bottom: 2px;
	}
	
	.encart_sticky .sommaire_masquable #choix_univers {
		margin-bottom: 8px;
		font-weight: bold;
	}
	.encart_sticky .sommaire_masquable #choix_univers a.on {
		text-decoration: underline;
	}
	
	.encart_sticky  .options_affichage {
		clear: both;
		padding-top: 10px;
		font-weight: bold;
	}
	
	.encart_sticky  .options_affichage .titre {
		margin-bottom: 5px;
	}
	
	.encart_sticky  .options_affichage a.selected {
		text-decoration: none;
	}
	
	img.icon_back_top {
		margin-top: 3px;
	}
	
	.titre_section {
		font-weight: bold;
		font-variant: small-caps;
		font-size: 15px;
		text-align: center;
		margin: 0 0 20px 0;
	}
	
	.texte_presentation_section {
		font-size: 12px;
		text-align: justify;
		margin: 0 0 20px 0;
	}
	
	.conteneur {
		overflow: auto;
	}
	.floatleft {
		float: left;
	}
	.floatright {
		float: right;
	}
	
	span.spoil{
		background-color: #e14b4b;
		color: #e14b4b;
	}
	span.spoil:hover,span.spoil:focus,span.spoil:active{
		color: #fff!important;
		transition: all 0.3s ease 0.5s !important;
	}
	
	.spoiler {
		background: #59647a;
		margin: 10px 0 10px 0;
		padding: 5px 8px 5px 8px;
		border-bottom: 2px solid #4cc0d9;
		border-radius: 0 10px 0 10px;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.50);
		overflow: hidden;
	}
	
	.spoiler_titre {
		display: block;
		margin: 0 10px 5px 0;
		border-bottom: 1px solid #414755;
		padding-bottom: 5px;
	}
	
	.quotecontent {
		padding: 10px 0 5px 0;
	}
	
	blockquote {
		background: #59647a url("/images/interface/v6/quote.png") top left no-repeat;
		margin: 0 auto;
		padding: 5px 8px 5px 30px;
		border-bottom: 2px solid #4cc0d9;
		border-radius: 0 10px 0 10px;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.50);
		overflow: hidden;
	}
	
	/*#texte_actu blockquote {
		background-color: #50576a;
	}*/
	
	#texte_actu .twitter-tweet {
		margin: 0 auto;
	}


figure.align-left {
 float:left
}
figure.align-right {
 float:right
}
figure.image.align-center {
 display:table;
 margin-left:auto;
 margin-right:auto
}
figure.image {
 display:inline-block;
 border:1px solid gray;
 margin:0 2px 0 1px;
 background:#f5f2f0
}
figure.image img {
 margin:8px 8px 0 8px
}
figure.image figcaption {
 margin:6px 8px 6px 8px;
 text-align:center
}
	
	.liste_swu blockquote blockquote {
		border: 1px solid #414755;
	}
	
	cite {
		display: block;
		margin: 0 10px 8px 0;
	}
	
	meter {
		/* Reset the default appearence : */
		-moz-appearance: none;
		-webkit-appearance: none;
		/* Firefox : */
		background: none; /* Required to get rid of the default background property */
		background-image: linear-gradient(
			#cacaca,
			#a0a0a0,
			#8b8b8b
		);
	}
	
	/* Firefox : */
	meter::-moz-meter-bar {
		background-image: linear-gradient(
			#8ae1f0,
			#4bc6e1,
			#41a8bf
		);
		background-size: 100% 100%;
	}
	
	/* Webkit : */
	meter::-webkit-meter-bar {
		background: none; /* Required to get rid of the default background property */
		background-image: linear-gradient(
			#cacaca,
			#a0a0a0,
			#8b8b8b
		);
	}
	meter::-webkit-meter-optimum-value {
		background-image: linear-gradient(
			#8ae1f0,
			#4bc6e1,
			#41a8bf
		);
		background-size: 100% 100%;
	}
	
	/* IE : */
	.meter-gauge {
		background-image: linear-gradient(
			#cacaca,
			#a0a0a0,
			#8b8b8b
		);
		width: 60px;
		height: 12px;
		display: block;
	}
	.meter-gauge > span {
		height: inherit;  
		background-image: linear-gradient(
			#8ae1f0,
			#4bc6e1,
			#41a8bf
		);
		background-size: 100% 100%;
		display: block;
		text-indent: -9999px;
	}
	
	.comment {
		font-size: 11px;
		font-style: italic;
		text-align: center;
	}
	
	.texte_info {
		font-size: 12px;
		margin: 10px;
	}
	
	.loading {
		display: block;
		width: 24px;
		height: 24px;
		margin: 10 auto;
		background: url("/images/interface/v6/loading.gif") no-repeat 0 0;
	}
	
	.tableau_top {
		border: 0;
		border-spacing: 1px;
		width: 100%;
	}
	
	.tableau_top  td{
		padding: 2px;
		border: 0;
	}
	
	.align-right {
		float: right;
		margin: 5px 0 5px 10px;
	}

	.align-left {
		float: left;
		margin: 5px 10px 5px 0;
	}

	.bordure {
		border: 1px solid #818898;
	}
	img.bordure {
		margin: 2px 6px;
	}
	
	.entoure {
		border: 1px solid #818898;
		margin: 2px 6px;
	}
	
	a.bouton_repondre {
		display: block;
		width: 132px;
		height: 33px;
		background: url("/images/interface/v6/bouton_repondre.png") no-repeat 0 0;
		transition: none;
	}

	a.bouton_repondre:hover {
		background: url("/images/interface/v6/bouton_repondre.png") no-repeat 0 -33px;
		transition: none;
	}
	
	a.bouton_repondre.center {
		margin: 0 auto;
	}
	
	.partager {
		text-align: left;
		font-size: 12px;
	}
	
	.encart_sticky.partager {
		overflow: visible;
		padding-top: 15px;
	}
	
	.partager div {
		margin-bottom: 10px;
	}
	
	.titre_fancybox {
		color: #EDF3F3;
		font-size: 14px;
		font-weight: bold;
		background: #636D86;
		padding: 10px;
	}
	
	a.icon_info {
		display: inline-block;
		width: 19px;
		height: 20px;
		vertical-align: top;
		margin-left: 10px;
		transition: none;
		background: url("/images/interface/v6/icon_info.png") no-repeat 0 0;
	}
	a.icon_info:hover {
		transition: none;
		background: url("/images/interface/v6/icon_info.png") no-repeat 0 -20px;
	}
	
	.bouton_univers {
		display: inline-block;
		width: 173px;
		height: 33px;
		transition: none;
	}
	
	a.bouton_univers {
		transition: none;
	}
	
	a.bouton_univers:hover {
		transition: none;
	}

	a.bouton_univers.officiel {
		background: url("/images/interface/v6/bouton_univers_officiel.png") no-repeat 0 0;
	}
	a.bouton_univers.officiel:hover {
		background: url("/images/interface/v6/bouton_univers_officiel.png") no-repeat 0 -33px;
	}
	a.bouton_univers.officiel.on,
	a.bouton_univers.officiel.on:hover {
		background: url("/images/interface/v6/bouton_univers_officiel.png") no-repeat 0 -66px;
	}
	.bouton_univers.officiel.off {
		background: url("/images/interface/v6/bouton_univers_officiel_off.png") no-repeat 0 0;
	}
	
	a.bouton_univers.legends {
		background: url("/images/interface/v6/bouton_univers_legends.png") no-repeat 0 0;
	}
	a.bouton_univers.legends:hover {
		background: url("/images/interface/v6/bouton_univers_legends.png") no-repeat 0 -33px;
	}
	a.bouton_univers.legends.on,
	a.bouton_univers.legends.on:hover {
		background: url("/images/interface/v6/bouton_univers_legends.png") no-repeat 0 -66px;
	}
	.bouton_univers.legends.off {
		background: url("/images/interface/v6/bouton_univers_legends_off.png") no-repeat 0 0;
	}
	
	.tableau_sections {
		display: table;
		border-spacing: 2px;
		width: 100%;
		margin: 0 0 2px 0;
	}
	
	.tableau_sections .nom {
		display: table-cell;
		text-align: left;
		font-weight: bold;
		background-color: #727d99;
		vertical-align: middle;
		border-radius: 0 0 0 10px;
		padding: 4px 10px 4px 10px;
		width: 200px;
	}
	
	.tableau_sections .nom img {
		border: 0;
		vertical-align: middle;
		margin: 0 6px 0 0;
	}
	
	.tableau_sections .texte {
		display: table-cell;
		background-color: #2F3646;
		vertical-align: middle;
		padding: 4px 10px 4px 10px;
		border-radius: 0 10px 0 0;
		text-align: left;
	}
	
#carousel_col1, #carousel2_col1, #carousel3_col1 { max-width: 570px; }
#carousel_col2, #carousel2_col2, #carousel3_col2 { max-width: 328px; }

/* Fin Classes générales */
/*************************/

/**************/
/* Tableaux : */

	table {
		border-collapse: collapse;
		border-spacing: 0;
		border: 0;
	}
	table th {
		border: 0;
		padding: 5px;
		text-align: left;
	}
	table td {
		border: 0;
		padding: 5px;
		vertical-align: top;
		text-align: left;
	}
	
	table td.titre {
		font-weight: bold;
	}
	
	table.bordure td, table.bordure th {
		border: 1px solid #818898;
	}
	
	table.positif_negatif {
		width: 100%;
		margin-top: 20px;
	}
	
	table.noms {
		margin-top: 10px;
		width: 100%;
		font-size: 12px;
	}
	
	/* tableau templaté */
	
	table.tab_swu {
		border-collapse: separate;
		width: 100%;
		font-size: 12px;
	}
	
	table.tab_swu tr th {
		color: #ccb070;
		background: #727d99;
		font-weight: bold;
		border-bottom: 2px solid #4cc0d9;
		padding: 5px;
	}
	table.tab_swu tr th:first-child,
	table.tab_swu tr td:first-child {
		border-radius: 0 0 0 10px;
		padding-left: 8px;
	}
	table.tab_swu  tr th:last-child,
	table.tab_swu  tr td:last-child {
		border-radius: 0 10px 0 0;
	}
	
	table.tab_swu tr td {
		background-color: #2F3646;
		background-image: url("/images/interface/v6/element_liste_bottom.jpg");
		background-position: bottom left;
		background-repeat: repeat-x;
		padding: 5px;
	}
	
	table.tab_swu p {
		margin: 0;
	}
	

/* Tables qui s'adaptent aux mobiles */

@media (max-width: 700px){
    .event-table thead {
    display: none;
    }
.event-table th{
    display: none;
    margin-bottom: 40px;
    }
	
    .event-table tr{
    display: block;
    margin-bottom: 40px;
    }
	table tr {
		background: unset;
	}
	

    .event-table td {
    display: block;
    text-align: right;
			border-bottom: 1px solid grey;
  }
}

	/* tableau liste (cartes, collec) */
	
	table.tab_liste {
		border-collapse: separate;
		width: 100%;
		font-size: 12px;
	}
	
	table.tab_liste tr th {
		font-size: 14px;
		color: #ccb070;
		background: #727d99;
		font-weight: bold;
		border-bottom: 2px solid #4cc0d9;
	}
	table.tab_liste tr th:first-child,
	table.tab_liste tr td:first-child {
		border-radius: 0 0 0 10px;
		padding-left: 12px;
	}
	table.tab_liste  tr th:last-child,
	table.tab_liste  tr td:last-child {
		border-radius: 0 10px 0 0;
	}
	
	table.tab_liste tr td {
		background-color: #2F3646;
		background-image: url("/images/interface/v6/element_liste_bottom.jpg");
		background-position: bottom left;
		background-repeat: repeat-x;
		padding: 7px 5px 5px 8px;
	}
	
	table.tab_liste tr td.titre {
		background-color: #818898;
		background-image: none;
		border-bottom: 1px solid #4cc0d9;
		border-radius: 0 10px 0 10px;
		font-size: 12px;
	}
	
	table.tab_liste tr td.titre.first {
		background: #818898 url("/images/interface/v6/ombre_soustitre.png") top center no-repeat;
	}
	
	table.tab_liste tr td.detail {
		border-radius: 0 0 0 10px;
	}
	
	table.tab_liste tr td.detail img.picto {
		float: left;
		width: 100px;
		margin: 0 5px 5px 0;
	}
	
	table.tab_liste tr td.detail .infos {
		float: left;
		width: 185px;
		overflow: visible;
		margin: 0 0 0 6px;
	}
	table.tab_liste tr td.detail .infos div {
		/*margin-bottom: 8px;*/
	}
	table.tab_liste tr td.detail .infos .titre {
		font-size: 13px;
		font-weight: bold;
	}
	
	table.tab_liste tr td.detail .infos .description_notes {
		margin-top: 8px;
		width: 625px;
		overflow: visible;
	}
	
	table.tab_liste tr td.detail .infos .mini_description {
		float: left;
		width: 185px;
		padding-top: 10px;
		font-size: 11px;
	}
	
	table.tab_liste tr td.detail .infos .notes {
		float: right;
		text-align: right;
		margin: 0 0 0 10px;
		font-size: 9px;
		overflow: auto;
	}
	
	table.tab_liste tr td.detail .infos .notes .inline-rating {
		vertical-align: baseline;
	}
	
	/* tableau note (jeux, livres) */
	
	table.tab_note {
		border-collapse: separate;
		width: 100%;
		font-size: 12px;
		margin-top: 10px;
	}
	
	table.tab_note tr th {
		font-size: 14px;
		color: #ccb070;
		background: #727d99;
		font-weight: bold;
		border-bottom: 2px solid #4cc0d9;
		border-radius: 0 10px 0 10px;
		text-align: center;
		text-transform: uppercase;
		padding: 8px 10px;
	}
	
	table.tab_note tr td {
		background-color: #2F3646;
		background-image: url("/images/interface/v6/element_liste_bottom.jpg");
		background-position: bottom left;
		background-repeat: repeat-x;
		padding: 8px 15px 8px 12px;
		border-radius: 0 10px 0 10px;
		text-align: center;
	}
	
	table.tab_note tr td img {
		vertical-align: middle;
	}
	
	table.tab_note tr.pos_neg td {
		border-radius: 0;
		text-align: left;
	}
	table.tab_note tr.pos_neg td:first-child {
		border-radius: 0 0 0 10px;
		background-image: url("/images/interface/v6/element_liste_bottom.jpg"), url("/images/interface/v6/navigation_separator.png");
		background-position: bottom left, right top;
		background-repeat: repeat-x, no-repeat;
	}
	table.tab_note tr.pos_neg td:last-child {
		border-radius: 0 10px 0 0;
	}
	table.tab_note tr.pos_neg td h2 {
		font-weight: normal;
	}
	
	table.tab_note tr td.note {
		font-size: 14px;
		text-transform: uppercase; 
	}
	
	table.tab_note tr td.note .inline-rating {
		vertical-align: text-top;
	}
	
	#telechargements.no-border table, 
	#telechargements.no-border table tr, 
	#telechargements.no-border table th, 
	#telechargements.no-border table td {
		border: 0;
		text-align: center;
	}
	
	#telechargements table th, 
	#telechargements table td {
		vertical-align: middle;
	}

/* Fin Tableaux */
/****************/
	
/**********************/
/* Cadre navigation : */

	.cadre_navigation {
		background: #2f3646 url("/images/interface/v6/background_encart.jpg") top left repeat-x;
		box-shadow: -2px 2px 2px #626c85;
		border-bottom: 2px solid #4cc0d9;
		border-radius: 0 10px 0 10px;
		margin: 15px 0 0 0;
		padding: 0 20px 10px 20px;
		font-size: 12px;
		color: #edf3f3;
		overflow: visible;
		text-align: center;
	}

	.cadre_navigation_generale {
		text-align: center;
		font-size: 12px;
	}
	
	.cadre_navigation .cadre_navigation_generale {
		margin-top: 10px;
	}
	
	.cadre_navigation_page {
		border-top: 1px solid #4cc0d9;
		margin-top: 10px;
		padding-top: 10px;
		font-size: 12px;
	}
	
	.cadre_navigation_generale .selected,
	.cadre_navigation_page .selected {
		font-weight: bold;
		color: #4cc0d9;
		text-decoration: none;
	}
	
	.cadre_navigation_page.tableau {
		padding-top: 0;
	}
	
	.cadre_navigation_page table {
		margin: 0;
		padding: 0;
		border: 0;
		width: 100%;
	}

	.cadre_navigation_page table td {
		border: 0;
		padding: 10px 5px 10px 30px;
		vertical-align: top;
		background: url("/images/interface/v6/navigation_separator.png") top left no-repeat;
	}
	
	.cadre_navigation_page table td:first-child {
		padding: 10px 5px 10px 0;
		background: none;
	}

	.cadre_navigation_page_titre {
		font-weight: bold;
		font-size: 13px;
		color: #4cc0d9;
		margin: 0 0 8px 0;
	}
	
	.cadre_navigation_page.notes table {
		border: 0;
		margin: 0 auto;
	}
	.cadre_navigation_page.notes table td {
		border: 0;
		text-align: center;
		padding: 20px 10px 10px 10px;
	}
	.cadre_navigation_page.notes table td div {
		margin-bottom: 5px;
	}

/* Fin Cadre navigation */
/************************/

/***********/
/* Liens : */

	a img {
		border-style: none;
	}
	
	a img.plus_moins {
		vertical-align: middle;
	}

	a {
		color: #ccb070;
		text-decoration: none;
		transition: all .5s;
	}

	a:hover, a:focus, a:active {
		color: #4bc6e1;
		text-decoration: none;
		transition: all .5s;
	}
	
	a.selected {
		color: #4bc6e1;
		text-decoration: underline;
	}
	
	.motcle, .qtip_motcle {
		border-bottom: 1px dotted #ccb070;
		/*display: inline-block;
		position: relative;*/
	}
	
	/*.motcle:after, .qtip_motcle:after {
		content: '';
		position: absolute;
		left: 0;
		display: inline-block;
		height: 1em;
		width: 100%;
		border-bottom: 1px dotted #ccb070;
		margin-top: 5px;
	}*/
	
	.motcle:hover, .motcle:focus, .motcle:active, 
	.qtip_motcle:hover, .qtip_motcle:focus, .qtip_motcle:active {
		text-decoration: none;
		border-bottom: 1px dotted #4bc6e1;
	}
	
	a.bouton {
		color: #ccb070;
		background-color: #636d86;
		border-bottom: 2px solid #4bc6e1;
		border-radius : 0 10px 0 10px;
		text-decoration: none;
		font-weight: bold;
		text-align: center;
		padding: 5px 10px;
	}

	a.bouton:hover {
		color: #4bc6e1;
	}
	
	abbr {
		color: #99cc66;
		text-decoration: none;
		border-bottom: 1px dotted #ccb070;
		cursor: help;
	}

/* Fin Liens */
/*************/

/**************/
/* Tooltips : */

	.tooltip .info, .motcle .info {
		position: absolute;
		z-index: 1000;
		opacity: 0;
		visibility: hidden;
		/* transition: all .5s; */
		border-radius: 0 10px 0 10px;
		box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.50);
		padding: 5px;
		color: #4F576A;
		border: 1px solid #e4eeef;
		background: #c4cccc url("/images/interface/v6/background_proprietes.jpg") bottom left repeat-x;
	}
	
	.tooltip span.info {
		max-width: 200px;
		margin-top: 17px;
		margin-left: -20px;
	}
	
	abbr.tooltip span.info {
		margin-left: 20px;
	}
	
	.motcle .info {
		margin-top: 17px;
		margin-left: 20px;
	}
	
	.img_tooltip {
		margin-top: 5px;
		max-width: 50px;
	}
	
	.infos_tooltip {
		font-weight: bold;
		min-width: 75px;
	}
	
	.tooltip div.info.fb {
		margin-left: -147px;
		border: none;
		border-radius: 0;
		box-shadow: none;
		padding: 0;
		background: #FFFFFF;
	}
	
	.tooltip div.info.twitter {
		margin-left: -167px;
	}
	
	.tooltip .info iframe {
		border: none;
	}

	.tooltip:hover .info, .motcle:hover .info {
		opacity: 1;
		visibility: visible;
	}

/* Fin Tooltips */
/****************/

/************/
/* Header : */

	#header {
		/* box-shadow: 0 2px 5px #4f576a; */
	}
	
	#barre_nc {
		width: 1000px;
		background-color: #000000;
	}
	
	#banniere {
		display: block;
		width: 1000px;
		height: 155px;
		background-color: #000000;
		text-decoration: none;
	}
	
	#banniere.ban_forum {
		/* margin-top: -4px;	/*Fix pour décalage sur forum */
	}
	
	#banniere img {
		width: 1000px;
	}
	
	#ligne_menu {
		width: 100%;
		height: 34px;
		line-height: 34px;
		background: #4f5669 url("/images/interface/v6/menu.jpg") repeat-x;
	}
	
	#menu_aurabesh {
		float: left;
		margin-left: 10px;
	}
	
	.ligne_header {
		clear: both;
		overflow: hidden;
	}
	
	#header_navbar  {
		float: left;
		width: 740px;
		height: 25px;
		line-height: 28px;
		padding: 0 20px 0 10px;
		font-size: 11px;
		color: #4f576a;
	}
	
	#header_navbar  a {
		color: #4f576a;
	}
	#header_navbar  a:hover, #header_navbar a:focus, #header_navbar a:active {
		text-decoration: underline;
	}
	
	#header_communaute {
		float: right;
		height: 25px;
		line-height: 28px;
		vertical-align: middle;
		padding: 0 10px 0 10px;
	}
	
	#header_communaute img {
		margin: 0 0 0 5px;
		vertical-align: middle;
	}
	
	#header_login {
		float: left;
		width: 760px;
		height: 25px;
		line-height: 26px;
		padding: 0 0 0 10px;
		background: #4f576a url("/images/interface/v6/login_top.jpg") repeat-x left top;
		color: #c4cccc;
	}
	
	#header_login_right {
		float: left;
		width: 34px;
		height: 25px;
		background: url("/images/interface/v6/login_right.png") no-repeat left top;
	}
	
	#header_login  a {
		color: #c4cccc;
	}
	#header_login  a:hover, #header_login a:focus, #header_login a:active {
		text-decoration: underline;
	}
	
	#header_login label {
		font-size: 10px;
		color: #c4cccc;
	}
	
	#header_login input {
		color: #c4cccc;
		background-color: #818898;
		border: 0;
		margin: 0 5px 0 0;
		vertical-align: baseline;
	}
	
	#header_login input.champ {
		width: 120px;
		border-radius: 0 6px 0 6px;
		padding: 0 2px 0 2px;
	}
	
	#header_login input.bouton {
		border-radius: 5px;
		padding: 2px;
		cursor: pointer;
	}
	
	#header_login a.mp_non_lu {
		color: #ccb070;
		font-weight: bold;
	}
	
	#header_recherche {
		float: right;
		height: 25px;
		line-height: 20px;
		padding: 0 5px 0 0;
	}
	
	#header_recherche input {
		margin: 0 5px 0 0;
		padding: 0 5px 0 5px;
		border: 1px solid #4f576a;
	}
	
	#header_recherche input.champ {
		width: 150px;
		border-radius: 6px;
		height: 17px;
	}
	
	#header_recherche input.bouton {
		padding: 0;
		background: none;
		border: none;
		vertical-align: bottom;
	}

/* Fin Header */
/**************/

/************/
/* Centre : */

	#centre {
		overflow: hidden;
		padding: 0 0 10px 0;
		margin: 20px 0 40px 0;
	}

	#gauche {
		float: left;
		width: 770px;
		margin: 0 5px 0 10px;
	}

	#droite {
		float: right;
		width: 200px;
		margin: 0 10px 0 5px;
		position: relative;
	}

/* Fin Centre */
/**************/

/************/
/* Footer : */
	
	#footer_top {
		width: 1000px;
		height: 52px;
		background-image: url("/images/interface/v6/footer.png");
		background-position: center top;
		background-repeat: no-repeat;
		text-align: right;
	}
	
	#footer_top div {
		padding: 20px 10px 0 0;
	}
	
	#footer {
		background: #2f3646;
		color: #FFFFFF;
		overflow: hidden;
	}
	
	#footer #ligne_liens {
		text-align: center;
		margin-bottom: 20px;
	}
	
	#footer_gauche {
		float: left;
		width: 150px;
		margin-left: 10px;
	}
	
	#footer_centre {
		margin: 0 230px 0 200px;
	}
	
	#footer_centre div {
		margin: 0 0 20px 0;
	}

	#footer_droit {
		float: right;
		width: 200px;
		text-align: right;
		margin-right: 10px;
		padding-top: 20px;
	}
	
	#footer_droit div {
		margin: 0 0 10px 0;
	}
	
	#footer .titre {
		width: 100%;
		font-size: 16px;
		color: #ccb070;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		background: url("/images/interface/v6/ombre_soustitre.png") bottom center no-repeat;
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
		clear: both;
	}

	#footer .titre a {
		text-decoration: none;
	}
	
	#footer .ft {
		list-style: none;
		display: flex;
		justify-content: space-around; /* espace = tous les éléments*/
		width: 100%;
		padding-left: 0;
		margin: 1px 0 10px 0;
	}
	#footer .ft img {
		max-width: 100px;
		box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.50);
	}

/* Fin Footer */
/**************/

/*****************/
/* Formulaires : */

	input, textarea, select {
		vertical-align: sub;
		font: 11px Trebuchet MS, arial, sans-serif;
		color: #4f576a;
		background-color: #ececec;
		border: none;
	}
	
	input {
		border: 1px solid #4f576a;
		border-radius: 6px;
		padding: 2px 5px;
		margin-bottom: 10px;
	}

	textarea {
		border-radius: 0 10px;
		padding: 3px;
		margin-bottom: 10px;
	}
	
	select {
		border: 1px solid #4f576a;
		border-radius: 6px;
		padding: 1px 5px;
		margin-bottom: 10px;
	}
	
	input.champ_erreur, textarea.champ_erreur, select.champ_erreur {
		border: 1px solid #e14b4b;
	}
	
	input.bouton_img {
		display: block;
		width: 132px;
		height: 33px;
		border: 0;
		border-radius: 0;
		margin: 0 auto;
		padding: 0;
		cursor: pointer;
	}
	
	input.bouton_ok {
		padding: 0;
		margin: 0;
		background: none;
		border: 0;
		border-radius: 0;
		cursor: pointer;
		vertical-align: middle;
	}
	
	input.bouton_ok.block {
		display: block;
		width: 28px;
		height: 22px;
		background: url("/images/interface/v6/bouton_img_ok.png") no-repeat 0 0;
		margin-top: 10px;
	}
	
	input.bouton_img.soumettre {
		background: url("/images/interface/v6/bouton_soumettre.png") no-repeat 0 0;
	}
	input.bouton_img.soumettre:hover {
		background: url("/images/interface/v6/bouton_soumettre.png") no-repeat 0 -33px;
	}
	
	input.bouton_img.appliquer {
		background: url("/images/interface/v6/bouton_appliquer.png") no-repeat 0 0;
	}
	input.bouton_img.appliquer:hover {
		background: url("/images/interface/v6/bouton_appliquer.png") no-repeat 0 -33px;
	}
	
	input.liste {
		padding: 0;
		margin-bottom: 0;
	}
	
	.checkbox input {
		display: none;
	}
	
	.checkbox .case {
		display: inline-block;
		width: 20px;
		height: 20px;
		vertical-align: middle;
		background: url("/images/interface/v6/checkboxes.png") -20px top no-repeat;
	}
	
	.checkbox input:checked + .case {
		background: url("/images/interface/v6/checkboxes.png") left top no-repeat;
	}
	
	.radio input {
		display: none;
	}
	
	.radio .case {
		display: inline-block;
		width: 20px;
		height: 20px;
		vertical-align: middle;
		background: url("/images/interface/v6/radio.png") -20px top no-repeat;
	}
	
	.radio input:checked + .case {
		background: url("/images/interface/v6/radio.png") left top no-repeat;
	}
	
	.radio_lang input {
		display: none;
	}
	
	.radio_lang .drapeau {
		display: inline-block;
		padding-left: 30px;
		height: 20px;
		vertical-align: bottom;
	}
	
	.radio_lang input:checked + .drapeau {
		color: #4BC6E1;
	}
	
	.radio_lang .drapeau.vf {
		background: url("/images/interface/v6/drapeau_vf_inactif.png") left top no-repeat;
	}
	.radio_lang input:checked + .drapeau.vf {
		background: url("/images/interface/v6/drapeau_vf.png") left top no-repeat;
	}
	
	.radio_lang .drapeau.vo {
		background: url("/images/interface/v6/drapeau_vo_inactif.png") left top no-repeat;
	}
	.radio_lang input:checked + .drapeau.vo {
		background: url("/images/interface/v6/drapeau_vo.png") left top no-repeat;
	}
	
	.radio_lang .drapeau.commun {
		background: url("/images/interface/v6/drapeau_commun_inactif.png") left top no-repeat;
	}
	.radio_lang input:checked + .drapeau.commun {
		background: url("/images/interface/v6/drapeau_commun.png") left top no-repeat;
	}
	
	.form_description {
		font-size: 12px;
		margin: 0 0 30px 0;
	}

	.form_bouton {
		margin: 20px 0 0 0;
		clear: both;
		width: 100%;
		text-align: center;
	}
	
	.formulaire .ligne_form {
		clear: both;
	}
	
	.formulaire .label {
		clear: both;
		float: left;
		width: 200px;
		margin-bottom: 10px;
		font-size: 12px;
		text-align: left;
	}
	.formulaire .label.captcha {
		width: 250px;
	}
	.formulaire.collec .label, .formulaire.props .label, .formulaire.hdft .label {
		width: 300px;
	}
	
	#msg_erreur {
		color: #e14b4b;
		font-size: 12px;
		line-height: 16px;
		text-align: left;
		margin: 0 0 30px 0;
		background: #2e3547;
		border: 1px solid #e14b4b;
		border-radius: 0 10px 0 10px;
		padding: 10px;
	}
	
	#msg_erreur h2 {
		border-bottom: 1px solid #e14b4b;
	}

	.descr_erreur_champ {
		margin: -5px 0px 10px 120px;
		vertical-align: bottom;
		font: 11px tahoma, helvetica, sans-serif;
		color: #e14b4b;
		display: list-item;
		list-style-image: url('/images/interface/v6/icone_erreur.jpg');
		list-style-position: inside;
	}
	
	.formulaire .bouton {
		cursor: pointer;
		padding: 2px 4px 2px 4px;
	}
	.formulaire .bouton:hover {
		color: #4F576A;
	}
	.formulaire .bouton:focus {
		color: #4F576A;
	}
	
	.formulaire .commentaire {
		font-style: italic;
		padding: 0 0 0 10px;
		margin-bottom: 20px;
		border: 0;
		vertical-align: top;
	}
	
	.commentaire_form {
		font: 9px tahoma, helvetica, sans-serif;
		margin: 10px 0 0 0;
	}
	
	.formulaire_encart .description {
		font-size: 12px;
		margin-bottom: 8px;
	}
	
	.formulaire_encart .champ {
		width: 130px;
	}

/* Fin Formulaires */
/*******************/

/*************/
/* Encarts : */

	.encart {
		box-shadow: -2px 2px 2px #626c85;
		border-radius: 0 10px 0 10px;
		margin: 15px 0 0 0;
	}
	
	.haut_encart {
		height: 24px;
		line-height: 24px;
	}
	
	.titre_encart {
		float: left;
		overflow: hidden;
	}
	
	.titre_encart .texte {
		float: left;
		padding-left: 10px;
		min-width: 141px;
		font-size: 16px;
		color: #4bc6e1;
		text-shadow: 1px 1px 1px #2f3646;
		font-weight: bold;
		text-decoration: none;
		border-left: 2px solid #4bc6e1;
		background: url("/images/interface/v6/titre_encart_gauche.jpg") top left no-repeat,
					url("/images/interface/v6/titre_encart_milieu.jpg") top right repeat-x;
	}
	
	.titre_encart .droite {
		float: right;
		width: 36px;
		background: url("/images/interface/v6/titre_encart_droite.png") top right no-repeat;
	}

	.titre_encart a, .titre_encart a:hover, .titre_encart a:active {
		color: #4bc6e1;
		text-decoration: none;
	}
	
	.options_encart {
		float: right;
		padding: 0 10px 0 20px;
		line-height: 22px;
		color: #4f576a;
	}
	
	.options_encart a {
		color: #4f576a;
		text-decoration: none;
	}
	.options_encart a:hover,
	.options_encart a:active	{
		color: #4f576a;
		text-decoration: underline;
	}
	
	.options_encart img {
		margin-left: 6px;
		vertical-align: middle;
	}
	
	.options_encart select {
		vertical-align: middle;
		margin-left: 6px;
		font: 11px Trebuchet MS, arial, sans-serif;
		color: #4f576a;
		background-color: #ececec;
		border: 1px solid #4f576a;
		padding: 0 5px 0 5px;
		border-radius: 6px 6px 6px 6px;
		width: 90px;
		height: 18px;
	}
	
	.options_encart select .opt-groupe {
		font-weight: bold;
	}
	.options_encart select .opt-section {
		padding-left: 20px;
	}
	
	/* .options_encart select optgroup {
		color: #77829e;
	}
	
	.options_encart select option.indent {
		padding-left: 10px;
	} */
	
	.options_encart .aff_survol {
		display: none;
	}
	
	.encart:hover .options_encart .aff_survol {
		display: block;
	}
	
	.soustitre_encart {
		height: 28px;
		line-height: 28px;
		vertical-align: middle;
		font-size: 13px;
		color: #ccb070;
		background: #727d99; /*636d86*/
		font-weight: bold;
		padding: 0 10px 0 10px;
		border-bottom: 2px solid #4cc0d9;
		border-radius: 0 10px 0 10px;
		overflow: hidden;
	}
	
	.soustitre_encart a {
		color: #4BC6E1;
	}
	.soustitre_encart a:hover, .soustitre_encart a:focus, .soustitre_encart a:active {
		text-decoration: underline;
	}
	
	.soustitre_encart.petit {
		height: auto;
		line-height: 16px;
		font-size: 12px;
		color: #4bc6e1;
		background: #50576a;
		padding: 2px 10px 2px 10px;
		border-bottom: 1px solid #4cc0d9;
		text-align: left;
	}
	
	.soustitre_encart img {
		max-height: 26px;
		vertical-align: middle;
		margin-right: 6px;
	}
	
	.haut_bandeau_encart {
		width: 970px;
		height: 95px;
		background-color: #a9adb6;
		color: #EDF3F3;
		border-radius: 0 10px 0 0;
		display: table-cell;
		vertical-align: middle;
	}
	
	.haut_bandeau_encart .titre {
		width: 550px;
		font-size: 19px;
		line-height: 19px;
		padding: 8px 0 0 12px;
	}
	
	.haut_bandeau_encart .sous_titre {
		font-size: 12px;
	}
	
	.contenu_encart {
		color: #edf3f3;
		background: #2f3646 url("/images/interface/v6/background_encart.jpg") top left repeat-x;
		overflow: auto;
		clear: both;
		border-bottom: 2px solid #4cc0d9;
		border-radius: 0 10px 0 10px;
		text-align: justify;
        scrollbar-width: thin;
	}
	
	.contenu_encart.principal,
	.principal	{
		background: #4c5466 url("/images/interface/v6/background_encart_principal.jpg") top left repeat-x;
	}
	
	.contenu_encart.actu {
		overflow: visible;
	}
	.contenu_encart.actu:after {
		content: "";
		display: table;
		clear: both;
	}
	
	.contenu_encart.liste {
		background: #818898;
	}
	
	.contenu_encart.chrono {
		background: #4C5466;
	}
	
	.contenu_encart.bandeau_top {
		border-radius: 0 0 0 10px;
		background-color: #2f3646;
		background-image: 	url("/images/interface/v6/ombre_soustitre.png"),
							url("/images/interface/v6/background_encart.jpg");
		background-position: top center, top left;
		background-repeat: no-repeat, repeat-x;
	}
	
	.contenu_encart.bandeau_top.principal {
		border-radius: 0 0 0 10px;
		background-color: #4c5466;
		background-image: 	url("/images/interface/v6/ombre_soustitre.png"),
							url("/images/interface/v6/background_encart_principal.jpg");
		background-position: top center, top left;
		background-repeat: no-repeat, repeat-x;
	}
	
	.contenu_encart.ascenseur {
		clear: both;
		max-height: 450px;
	}
	
	.contenu_encart .ligne {
		margin-bottom: 4px;
		clear: both;
	}
	
	.lien_bas_encart {
		height: 23px;
		line-height: 23px;
		background: url("/images/interface/v6/lien_bas_encart.png") bottom right no-repeat;
		color: #4f576a;
		text-align: right;
		padding: 0 6px 0 0;
	}
	
	.lien_bas_encart a {
		color: #4f576a;
		font-weight: bold;
	}
	.lien_bas_encart a:hover, .lien_bas_encart a:active {
		color: #4f576a;
		font-weight: bold;
		text-decoration: none;
	}
	
	.zone_precedent_suivant {
		overflow: hidden;
		font-size: 12px;
		margin-top: 10px;
		margin-bottom: 30px;
	}
	
	.zone_precedent_suivant .titre {
		height: 23px;
		line-height: 23px;
		color: #4f576a;
	}
	
	.zone_precedent_suivant a {
		color: #4f576a;
		font-weight: bold;
		text-decoration: none;
	}
	.zone_precedent_suivant a:active,
	.zone_precedent_suivant a:hover {
		color: #4f576a;
		text-decoration: none;
	}
	
	.zone_precedent_suivant .precedent {
		float: left;
		width: 49%;
	}
	.zone_precedent_suivant .precedent .titre {
		background: url("/images/interface/v6/lien_bas_encart_gauche.png") bottom left no-repeat;
		padding-left: 6px;
	}
	
	.zone_precedent_suivant .suivant {
		float: right;
		text-align: right;
		width: 49%;
	}
	.zone_precedent_suivant .suivant .titre {
		background: url("/images/interface/v6/lien_bas_encart.png") bottom right no-repeat;
		padding-right: 6px;
	}
	
	.picto_encart_droite {
		margin: 0 auto;
	}
	
	.picto_encart_droite img {
		max-width: 100%;
	}
	
	.picto_encart_droite.margintop {
		margin-top: 10px;
	}
	
	.picto_encart_droite.marginbottom  {
		margin-bottom: 10px;
	}

.progress_serie{
  display:flex;
  border-radius:0 0.5em;
  /*! border-bottom: 1px solid #4bc6e1; */
  padding:0.5em;
  /*! margin-bottom:0.2em; */
  justify-content:space-between;
  flex-wrap:wrap;
  color:#b28c6b;
}
.progress_serie:nth-child(2n+1){
  background-color:#50576a;
}
.progress_serie div.progressbar{
  flex: 5 1 100%;  
}

.progress_serie details {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.progress_serie summary {
  flex: 1 2 auto;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
}
.progress_serie summary::before {
  display: list-item;
  float: inherit;
  content: "";
  max-width: 1em;
  flex: 0 5;
}
.progress_serie summary span:first-child {
  flex: 2;
}
.progress_serie .fancybox {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

div.progressbar{
  margin:0.5em;
}
.progressbar{
  display:block;
}
.progressbar.rounded{
  border-radius:0.5em;
}
.progressbar span:empty:before {
  content: "\200b"; // unicode zero width space character
}
.progressbar.container{
  background:rgba(127,127,127,0.3);
  box-shadow:inset 2px 2px 5px -2px black;
}
.progressbar.content{
  height:0.6em;
  background:blue;
}
.progressbar.content.red{
  background:linear-gradient(darkred, crimson);
}
.progressbar.content.blue{
  background:linear-gradient(RoyalBlue, Steelblue);
}
.progressbar.content.green{
  background:linear-gradient(ForestGreen, MediumSeaGreen);
}
.progressbar.content.purple{
  background:linear-gradient(SlateBlue, violet);
}
.progressbar.content.orange{
  background:linear-gradient(OrangeRed, orange);
}
.progressbar.content.grey{
  background:linear-gradient(grey, darkgrey);
}

/* Fin Encarts */
/***************/

/*********************/
/* Onglets encarts : */

	.encart ul.onglets {
		list-style-type: none;
		padding: 0;
		margin: 0;
		font-size: 15px;
		font-weight: bold;
		text-decoration: none;
		overflow: visible;
	}
	
	ul.onglets li {
		float: left;
		padding: 0 25px 0 0;
		background: url("/images/interface/v6/onglet_separator.png") top right no-repeat,
					url("/images/interface/v6/onglet.jpg") top left repeat-x;
		color: #2f3646;
		text-shadow: 1px 1px 1px #5d657c;
	}
	
	ul.onglets li:first-child {
		padding: 0 25px 0 10px;
		border-left: 2px solid #4bc6e1;
	}
	
	ul.onglets li:last-child {
		padding: 0 7px 0 0;
		background: url("/images/interface/v6/onglet.jpg") top left repeat-x;
	}
	
	.haut_encart.onglets .droite {
		float: left;
		width: 41px;
		background: url("/images/interface/v6/onglets_right.png") top right no-repeat;
	}
	
	ul.onglets li a {
		text-decoration: none;
		color: #c4cccc;
		text-shadow: 1px 1px 1px #2f3646;
	}
	
	ul.onglets li a:hover, ul.onglets li a:focus, ul.onglets li a:active {
		text-decoration: none;
		color: #4BC6E1;
	}
	
	ul.onglets li.active {
		color: #4BC6E1;
		text-shadow: 1px 1px 1px #2f3646;
	}
	
	ul.onglets li.active a {
		color: #4BC6E1;
	}
	
	ul.onglets li.active a:hover, a:focus, a:active {
		text-decoration: none;
	}
	
	.contenu_encart.onglets {
		/* max-height: 620px; */
		overflow: auto;
		clear: both;
	}
	
	ul.infos_onglets {
		list-style: none;
		margin: 0 0 20px 0;
		padding: 0;
		overflow: auto;
	}
	
	ul.infos_onglets li {
		margin: 0 0 5px 0;
		overflow: hidden;
	}
	
	ul.infos_onglets li .info {
		float: left;
		width: 30%;
		font-weight: bold;
	}
	
	ul.infos_onglets li .valeur {
		float: left;
		width: 60%;
	}

/* Fin Onglets encarts */
/***********************/

/****************/
/* Liste Médias */

	.fond_uni_liste {
		background: #636D86;
	}
	
	ul.liste_swu_small {
		list-style: none;
		padding: 0;
		margin: 0;
		background-color: #2f3646;
	}
	
	ul.liste_swu_small li {
		padding: 2px 10px 2px 10px;
		color: #b28c6b;
		text-align: left;
		overflow: auto;
	}
	
	ul.liste_swu_small li a {
		font-weight: bold;
	}
	
	ul.liste_swu_small li a.qtip_motcle {
		border-bottom: 0;
	}
	
	ul.liste_swu_small li.paire {
		background-color: #50576a;
		border-radius: 0 10px 0 10px;
	}
	
	ul.liste_swu_small li:last-child.paire {
		border-radius: 0 10px 0 0;
	}
	
	ul.liste_swu_small li .gauche {
		float: left;
		width: 62%;
	}
	
	ul.liste_swu_small li .droite {
		float: right;
		text-align: right;
		width: 33%;
		vertical-align: middle;
	}

	ul.cadree {
		border-top: 1px solid #939999;
		border-bottom: 2px solid #4cc0d9;
		border-radius: 0 10px 0 10px;
		box-shadow: -1px 1px #535b70;
	}
	
	ul.liste_swu {
		background: #2f3646;
		padding: 0;
		margin: 0;
	}
	
	ul.liste_swu.commentaires {
		margin-bottom: 10px;
	}
	
	ul.liste_swu li {
		border-spacing: 0px;
		margin: 0;
		padding: 0;
		font-size: 12px;
	}
	
	ul.liste_swu>li {
		display: table;
		width: 100%;
	}
	
	ul.liste_swu li .gauche {
		display: table-cell;
		width: 120px;
		max-width: 120px;
		vertical-align: top;
		border-top: 1px solid #939999;
		border-bottom: 1px solid #4f5869;
		padding: 10px;
		color: #4f576a;
		font-weight: bold;
		background: #818898;
		text-align: left;
		overflow: hidden;
	}
	ul.liste_swu li:first-child .gauche {
		border-top: 0;
	}
	
	ul.liste_swu.cadree li:last-child .gauche {
		border-bottom: none;
		border-radius: 0 0 0 9px;
	}
	
	ul.liste_swu li .gauche div {
		margin-bottom: 5px;
	}
	
	ul.liste_swu li .gauche h2 {
		border: none;
		padding: 0;
		margin: 0;
		color: #EDF3F3;
	}
	
	ul.liste_swu li .gauche img {
		max-width: 100px;
		max-height: 100px;
	}
	
	ul.liste_swu li .droite {
		display: table-cell;
		padding: 10px;
		line-height: 16px;
		color: #edf3f3;
		text-align: justify;
		max-width: 610px;
		overflow: hidden;
	}
	
	ul.liste_swu li .droite img{
		max-width: 600px;
	}
	ul.liste_swu li .droite blockquote img{
		max-width: 500px;
	}
	
	ul.liste_swu li .droite.impaire {
		background-color: #50576a;
		border-radius: 0 10px 0 10px;
	}
	
	ul.liste_swu li:last-child .droite.impaire {
		background: #50576a url("/images/interface/v6/coin_gauche_liste.jpg") left bottom no-repeat;
		border-radius: 0 10px 0 0;
	}
	
	ul.liste_swu.cadree li:last-child .droite.impaire {
		background: #50576a url("/images/interface/v6/coin_gauche_liste_cadree.jpg") left bottom no-repeat;
	}
	
	.bottom_liste {
		border-top: 1px solid #939999;
		padding: 10px;
		text-align: center;
		font-size: 12px;
		line-height: 16px;
	}
	
	.note {
		margin: 0 0 20px 0;
	}

	.note ul {
		background-color: rgba(0, 0, 0, 0.0);
	}
	
	#ajout_commentaire {
		border-radius: 0 10px 0 10px;
		margin: 10px 0 10px 0;
		padding: 10px;
		font-size: 12px;
		background-color: #2f3646;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.50);
	}
	
	#ajout_commentaire .form_bouton {
		margin: 0;
	}
	
	.options_selection {
		border-bottom: 2px solid #4cc0d9;
		background-color: #2F3646;
		border-radius: 0 10px 0 10px;
		padding: 10px;
		font-weight: bold;
		overflow: auto;
		margin-bottom: 10px;
	}
	
	.options_selection.margin {
		margin: 10px;
	}
	
	.options_selection.filtres {
		padding: 0;
	}
	
	.options_selection  h1 {
		margin: 0;
		padding-left: 15px;
	}
	
	.options_selection  h1 #titre_filtres {
		float: left;
	}
	
	.options_selection  h1 .droite{
		float: right;
		font-size: 12px;
		font-weight: bold;
	}
	
	.options_selection .options {
		padding: 0 10px 10px 10px;
		overflow: auto;
		font-weight: bold;
	}

	.options_selection h2 {
		height: 20px;
	}
	
	.options_selection .options h2 {
		margin: 20px 0 0 0;
	}
	
	.options_selection table td {
		padding: 0 5px;
	}
	
	.options_selection .options table {
		width: 100%;
	}
	
	.options_selection .options table tr:first-child td h2 {
		margin: 10px 0 0 0;
	}
	
	.options_selection ul {
		list-style: none;
		margin: 0 0 0 10px;
		padding: 0;
	}
	
	.options_selection li {
		margin: 8px 0;
	}
	
	.options_selection input {
		margin: 0 5px;
	}
	
	.options_selection .ligne {
		margin: 8px 0 8px 10px;
	}
	
	.options_selection #select_lettres {
		font-size: 12px;
	}
	
	.options_selection .selected {
		color: #4BC6E1;
		text-decoration: none;
	}
	
	#select_lettres_bas {
		font-size: 12px;
		float: right;
	}
	#select_lettres_bas .titre {
		font-weight: bold;
		border-bottom: 1px solid #4CC0D9;
		padding-bottom: 2px;
		margin-bottom: 5px;
	}
	
	.options_selection .bouton_img.appliquer {
		float: right;
		margin-top: 10px;
	}
	
	.choix_affichage {
		border-bottom: 2px solid #4cc0d9;
		background-color: #2F3646;
		border-radius: 0 10px 0 10px;
		padding: 10px;
		font-weight: bold;
		overflow: auto;
	}
	
	.choix_affichage.margin {
		margin: 10px;
	}
	
	.choix_affichage .h2 {
		font-size: 14px;
		font-weight: bold;
		padding: 0 35px 0 5px;
	}
	
	.choix_affichage .selected {
		color: #4BC6E1;
		text-decoration: none;
	}

	.liste_medias {
		margin: 0;
		overflow: hidden;
	}

	.liste_medias .titre_periode {
		margin: 0;
		overflow: hidden;
	}

	.liste_medias .titre_periode img {
		border: 0;
	}
	
	.titre_genre {
		margin: 30px 0 10px 0;
		padding: 5px 5px 5px 20px;
		border-radius: 6px 6px 6px 6px;
		overflow: auto;
		width: 720px;
		font-weight: bold;
		font-variant: small-caps;
		font-size: 15px;
		background-color: #98a5b8;
		text-align: left;
	}

	.liste_medias .titre_bandeau {
		margin: 10px;
	}
	
	.liste_medias .dates_periode {
		width: 740px;
		text-align: center;
		margin: 5px 0 10px 0;
	}

	.liste_medias .annee {
		display: table;
		border-spacing: 3px;
		width: 760px;
		margin: 0 auto 10px auto;
	}

	.liste_medias .titre_annee {
		display: table-cell;
		width: 65px;
		font-weight: bold;
		text-align: center;
		vertical-align: top;
		background-color: #818898;
		border-bottom: 2px solid #4cc0d9;
		border-radius: 0 10px 0 10px;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.50);
		padding: 5px;
	}

	.liste_medias .contenu_annee {
		display: table-cell;
	}

	.liste_medias .serie {
		display: table;
		border-spacing: 0;
		margin: 0;
		width: 100%;
	}
	
	.liste_medias .serie .gauche_serie {
		display: table-cell;
		content: "";
		width: 13px;
		background-color: #818898;
		border-bottom: 2px solid #4cc0d9;
		border-radius: 0 0 0 10px;
		box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.25);
		position: relative;
		z-index: 1;
	}

	.liste_medias .contenu_serie {
		display: table-cell;
		padding: 0;
	}
	
	.liste_medias .titre_serie {
		max-width: 400px;
		font-weight: bold;
		font-style: italic;
		background-color: #818898;
		border-bottom: 2px solid #4cc0d9;
		border-radius: 0 10px 0 0;
		box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.25);
		padding: 5px;
		margin: 0;
		position: relative;
		z-index: 1;
	}

	.liste_medias .element {
		background-color: #2F3646;
		background-image: url("/images/interface/v6/element_liste_bottom.jpg");
		background-position: bottom left;
		background-repeat: repeat-x;
		border-radius: 0 10px 0 10px;
		padding: 7px 5px 5px 8px;
		margin: 0;
		position: relative;
		overflow: auto;
		min-height: 20px;
	}
	
	.liste_medias .element .options_nav {
		position: absolute;
		top: 5px;
		right: 5px;
		text-align: right;
		width: 70px;
		height: 20px;
	}
	
	.liste_medias .element .options_nav .checkbox .case {
		vertical-align: top;
	}
	
	.liste_medias .element .options_nav .plus_moins {
		margin-top: 3px;
	}
	
	.liste_medias .element .contenu_simple {
		padding-right: 110px;
	}

	.liste_medias .element .picto {
		float: left;
		width: 100px;
		margin: 0 5px 5px 0;
	}

	.liste_medias .element .infos {
		float: left;
		width: 552px;
		overflow: hidden;
		margin: 0 0 0 6px;
	}
	.liste_medias .contenu_serie .element .infos {
		width: 539px;
	}

	.liste_medias .element .haut {
		margin: 0 0 10px 0;
		overflow: hidden;
	}

	.liste_medias .element .haut_gauche {
		float: left;
		width: 310px;
	}
	.liste_medias .contenu_serie .element .haut_gauche {
		width: 297px;
	}

	.liste_medias .element .haut_droite {
		float: right;
		text-align: right;
		/* margin: -4px 35px 0 0; */
		margin: 0 65px 0 0;
	}
	.liste_medias .element .haut_droite.c1 {
		margin: 0 45px 0 0;
	}
	.liste_medias .element .haut_droite.sc {
		margin: 0 20px 0 0;
	}

	.liste_medias .element .titre {
		margin: 0 0 5px 0;
		text-align: left;
	}

	.liste_medias .element .titre a {
		font-size: 13px;
	}

	.liste_medias .element .notes {
		float: left;
		margin: 0 10px 0 0;
		font-size: 9px;
		overflow: auto;
	}
	
	.liste_medias .element .notes .inline-rating {
		vertical-align: baseline;
	}

	.liste_medias .element .langue {
		float: left;
		margin: 2px 10px 0 0;
		overflow: auto;
	}

	.liste_medias .element .dispo_co {
		clear: both;
		font-size: 11px;
		font-weight: bold;
		padding: 0 0 10px 0;
	}

	.liste_medias .element .description {
		clear: both;
		text-align: justify;
		padding: 0 5px 5px 0;
	}
	
	.liste_medias .element .liens {
		float: right;
		margin: 10px 0 0 0;
		overflow: auto;
	}
	
	.liste_medias .element .liens div {
		clear: both;
		text-align: right;
		margin-bottom: 2px;
	}
	
	.liste_medias .element .liens .amazon {
		margin: 6px 0 6px 0;
	}

	.liste_medias .element .lien_fichier {
		clear: both;
		font-size: 11px;
		font-weight: bold;
		padding: 10px 0 3px 0;
		text-align: right;
	}
	
	.nb_resultats {
		margin-top: 15px;
		border-top: 1px solid #4CC0D9;
		padding: 6px 10px;
		font-weight: bold;
	}

/* Fin Liste Médias */
/********************/

/*****************/
/* Fiche Média : */

	#fiche_media {
		overflow: auto;
		font-size: 12px;
	}
	
	#fiche_media .image {
		float: left;
		border: 1px solid #565c6c;
		margin: 0 20px 0 0;
	}
	
	ul.infos {
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		background: none;
	}
	
	ul.infos li {
		margin: 0 0 5px 0;
		overflow: auto;
		padding: 0;
		width: 100%;
		display: table;
	}
	
	ul.infos li .info {
		width: 30%;
		font-weight: bold;
		line-height: 17px;
		color: #2f3646;
		background-color: #818898;
		border-radius: 0 10px 0 10px;
		padding: 0 6px 0 6px;
		display: block;
		float: left;
		vertical-align: middle;
		text-align: left;
	}
	
	ul.infos li .valeur {
		width: 62%;
		padding: 0 6px 0 10px;
		display: block;
		float: left;
		/* color: #B28C6B; */
		text-align: left;
	}
	
	ul.infos li.commentaire
	{
		font-size: 10px;
		font-style: italic;
		margin-top: 15px;
	}
	
	ul.infos li.diffusion {
		margin: 0 0 20px 0;
	}
	
	ul.infos li#boutons_univers {
		margin-bottom: 10px;
		overflow: hidden;
	}
	
	ul.infos li#boutons_univers a {
		margin-right: 10px;
		transition: none;
	}
	
	ul.infos li#boutons_univers a.icon_info {
		vertical-align: super;
	}
	
	#fiche_media .pays {
		vertical-align: text-top;
		margin: 0 5px 5px 0;
	}
	
	ul.infos li.comm_swd {
		margin: 30px 0 0 0;
	}
	ul.infos li.comm_swd img {
		vertical-align: middle;
		width: 75px;
		margin: 5px 0 0 0;
	}
	
	#fiche_media .resume {
		line-height: 16px;
		text-align: justify;
		margin: 15px 0 30px 0;
		background: url("/images/interface/v6/ombre_soustitre.png") top center no-repeat;
		padding-top: 20px;
	}
	#fiche_media .resume.ficheprops {
		text-align: justify;
		margin: 0 0 20px 0;
	}
	
	#fiche_media .dispo_co {
		font-weight: bold;
		margin: 0 0 20px 0;
	}
	
	.separateur {
		height: 20px;
		margin: 30px 0 10px 0;
		background: url("/images/interface/v6/ombre_soustitre.png") top center no-repeat;
	}

/* Fin Fiche Média */
/*******************/

/****************/
/* Fan database */

	.fd_picto_liste {
		display: inline-block;
		width: 21px;
		height: 20px;
		vertical-align: text-top;
		margin-top: 1px;
		transition: none;
	}
	
	a.fd_picto_liste, a.fd_picto_liste:hover {
		transition: none;
	}
	
	.fd_picto_liste.collection.off {
		background: url("/images/interface/v6/fd_collection_liste.png") no-repeat 0 0;
	}
	.fd_picto_liste.collection.on {
		background: url("/images/interface/v6/fd_collection_liste.png") no-repeat 0 -40px;
	}
	a.fd_picto_liste.collection.off:hover {
		background: url("/images/interface/v6/fd_collection_liste.png") no-repeat 0 -20px;
	}
	a.fd_picto_liste.collection.on:hover {
		background: url("/images/interface/v6/fd_collection_liste.png") no-repeat 0 -60px;
	}
	
	.fd_picto_liste.lu.off {
		background: url("/images/interface/v6/fd_lu_liste.png") no-repeat 0 0;
	}
	.fd_picto_liste.lu.on {
		background: url("/images/interface/v6/fd_lu_liste.png") no-repeat 0 -40px;
	}
	a.fd_picto_liste.lu.off:hover {
		background: url("/images/interface/v6/fd_lu_liste.png") no-repeat 0 -20px;
	}
	a.fd_picto_liste.lu.on:hover {
		background: url("/images/interface/v6/fd_lu_liste.png") no-repeat 0 -60px;
	}
	
	.fd_picto_liste.joue.off {
		background: url("/images/interface/v6/fd_joue_liste.png") no-repeat 0 0;
	}
	.fd_picto_liste.joue.on {
		background: url("/images/interface/v6/fd_joue_liste.png") no-repeat 0 -40px;
	}
	a.fd_picto_liste.joue.off:hover {
		background: url("/images/interface/v6/fd_joue_liste.png") no-repeat 0 -20px;
	}
	a.fd_picto_liste.joue.on:hover {
		background: url("/images/interface/v6/fd_joue_liste.png") no-repeat 0 -60px;
	}
	
	.fd_picto_liste.vu.off {
		background: url("/images/interface/v6/fd_vu_liste.png") no-repeat 0 0;
	}
	.fd_picto_liste.vu.on {
		background: url("/images/interface/v6/fd_vu_liste.png") no-repeat 0 -40px;
	}
	a.fd_picto_liste.vu.off:hover {
		background: url("/images/interface/v6/fd_vu_liste.png") no-repeat 0 -20px;
	}
	a.fd_picto_liste.vu.on:hover {
		background: url("/images/interface/v6/fd_vu_liste.png") no-repeat 0 -60px;
	}
	
	.fd_picto_liste.participe.off {
		background: url("/images/interface/v6/fd_participe_liste.png") no-repeat 0 0;
	}
	.fd_picto_liste.participe.on {
		background: url("/images/interface/v6/fd_participe_liste.png") no-repeat 0 -40px;
	}
	a.fd_picto_liste.participe.off:hover {
		background: url("/images/interface/v6/fd_participe_liste.png") no-repeat 0 -20px;
	}
	a.fd_picto_liste.participe.on:hover {
		background: url("/images/interface/v6/fd_participe_liste.png") no-repeat 0 -60px;
	}
	
	a.fd_picto_fiche {
		display: inline-block;
		width: 30px;
		height: 28px;
		margin: 5px 10px 0 0;
		transition: none;
	}
	
	a.fd_picto_fiche:hover {
		transition: none;
	}
	
	a.fd_picto_fiche.collection.off {
		background: url("/images/interface/v6/fd_collection_fiche.png") no-repeat 0 0;
	}
	a.fd_picto_fiche.collection.on {
		background: url("/images/interface/v6/fd_collection_fiche.png") no-repeat 0 -56px;
	}
	a.fd_picto_fiche.collection.off:hover {
		background: url("/images/interface/v6/fd_collection_fiche.png") no-repeat 0 -28px;
	}
	a.fd_picto_fiche.collection.on:hover {
		background: url("/images/interface/v6/fd_collection_fiche.png") no-repeat 0 -84px;
	}
	
	a.fd_picto_fiche.lu.off {
		background: url("/images/interface/v6/fd_lu_fiche.png") no-repeat 0 0;
	}
	a.fd_picto_fiche.lu.on {
		background: url("/images/interface/v6/fd_lu_fiche.png") no-repeat 0 -56px;
	}
	a.fd_picto_fiche.lu.off:hover {
		background: url("/images/interface/v6/fd_lu_fiche.png") no-repeat 0 -28px;
	}
	a.fd_picto_fiche.lu.on:hover {
		background: url("/images/interface/v6/fd_lu_fiche.png") no-repeat 0 -84px;
	}
	
	a.fd_picto_fiche.joue.off {
		background: url("/images/interface/v6/fd_joue_fiche.png") no-repeat 0 0;
	}
	a.fd_picto_fiche.joue.on {
		background: url("/images/interface/v6/fd_joue_fiche.png") no-repeat 0 -56px;
	}
	a.fd_picto_fiche.joue.off:hover {
		background: url("/images/interface/v6/fd_joue_fiche.png") no-repeat 0 -28px;
	}
	a.fd_picto_fiche.joue.on:hover {
		background: url("/images/interface/v6/fd_joue_fiche.png") no-repeat 0 -84px;
	}
	
	a.fd_picto_fiche.vu.off {
		background: url("/images/interface/v6/fd_vu_fiche.png") no-repeat 0 0;
	}
	a.fd_picto_fiche.vu.on {
		background: url("/images/interface/v6/fd_vu_fiche.png") no-repeat 0 -56px;
	}
	a.fd_picto_fiche.vu.off:hover {
		background: url("/images/interface/v6/fd_vu_fiche.png") no-repeat 0 -28px;
	}
	a.fd_picto_fiche.vu.on:hover {
		background: url("/images/interface/v6/fd_vu_fiche.png") no-repeat 0 -84px;
	}
	
	a.fd_picto_fiche.participe.off {
		background: url("/images/interface/v6/fd_participe_fiche.png") no-repeat 0 0;
	}
	a.fd_picto_fiche.participe.on {
		background: url("/images/interface/v6/fd_participe_fiche.png") no-repeat 0 -56px;
	}
	a.fd_picto_fiche.participe.off:hover {
		background: url("/images/interface/v6/fd_participe_fiche.png") no-repeat 0 -28px;
	}
	a.fd_picto_fiche.participe.on:hover {
		background: url("/images/interface/v6/fd_participe_fiche.png") no-repeat 0 -84px;
	}
	
	#contenu_fan_database h2 {
		font-size: 12px;
		padding: 0 0 2px 0;
		margin: 0 0 5px 0;
	}
	
	#contenu_fan_database #stats {
		margin-bottom: 12px;
	}
	
	.form_fan_database_description {
		text-align: left;
	}
	
	.form_fan_database_champs {
		margin-top: 8px;
	}
	
	.form_fan_database_champs select {
		float: left;
		width: 150px;
	}
	
	.form_fan_database_champs input {
		float: right;
		padding: 1px;
	}
	
	.encart_sticky .cocher_decocher {
		clear: both;
		margin-top: 10px;
	}
	
	#message_fan_database {
		clear: both;
		overflow: auto;
		padding-top: 10px;
	}

/* Fin Fan database */
/********************/

/*********/
/* MEA : */

	#zone_mea {
		box-shadow: 0px 2px 2px 0px #4f576a;
		overflow: hidden;
	}
	
	#zone_mea_iframe {
		box-shadow: 0px 2px 2px 0px #4f576a;
		overflow: hidden;
		height: 66px;
	}
	
	/*********/
	/* MEA : */
	
		#mea {
			float: left;
			width: 628px;
			height: 192px;
		}
		
	/***************/
	/* Patchwork : */
	
		#mea_sections {
			float: right;
			overflow: hidden;
			border-left: 3px solid #4b5365;
			border-top: 3px solid #4b5365;
		}
		
		#mea_sections .colonne {
			float: left;
			width: 120px;
			overflow: hidden;
			background-color: #2f3646;
			border-right: 3px solid #4b5365;
		}
		
		#mea_sections .case {
			width: 120px;
			background-repeat: no-repeat;
			background-position: 50% 50%;
			background-size: cover;
			border-bottom: 3px solid #4b5365;
		}
		
		#mea_sections .case.car {
			height: 120px;
		}
		
		#mea_sections .case.rec {
			height: 63px;
		}
		
		#mea_sections .case a {
			display: block;
			width: 100%;
			height: 100%;
			position: relative;
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
			color: #4BC6E1;
			text-shadow: 1px 1px 1px #328699;
		}
		
		/*#mea_sections .case.car a {
			background: url("/images/interface/v6/patchwork_c.png") no-repeat 0 0;
		}
		
		#mea_sections .case.rec a {
			background: url("/images/interface/v6/patchwork_r.png") no-repeat 0 0;
		}*/
		
		#mea_sections .case a:hover, #mea_sections .case a:focus, #mea_sections .case a:active  {
			color: #FFFFFF;
			background: none;
			text-shadow: 1px 1px 1px #000000;
			transition: all .5s;
		}
		
		#mea_sections .case a img {
			opacity: 1;
			transition: opacity 0.5s ease-in-out;
			-moz-transition: opacity 0.5s ease-in-out;
			-webkit-transition: opacity 0.5s ease-in-out;
		}
		
		#mea_sections .case a:hover img {
			opacity: 0;
		}
		
		#mea_sections .case a .titre{
			position: absolute;
			bottom: 0;
			width: 110px;
			padding: 3px 5px;
			text-align: center;
		}
		
	/*******************/
	/* Bandeau actus : */
	
		#bandeau_actus {
			width: 100%;
			height: 31px;
			line-height: 31px;
			padding: 0 0 0 10px;
			background: #2e3547 url("/images/interface/v6/background_bandeau_actus.jpg") repeat-x;
			border-bottom: 2px solid #4cc0d9;
			color: #edf3f3;
			font-weight: bold;
		}
		
		#bandeau_actus #actus_aurabesh {
			float: left;
			margin-right: 20px;
		}
		
		#bandeau_actus .gauche {
			float: left;
			margin-right: 10px;
		}
		
		#bandeau_actus .newsticker_actus {
			float: left;
			list-style-type: none;
			background: #2e3547 url("/images/interface/v6/background_bandeau_actus.jpg") repeat-x;
			width: 800px;
			height: 100%;
			padding: 0;
			margin: 0;
		}
		
		#bandeau_actus .newsticker_actus li {
			height: 100%;
		}
		
		#bandeau_actus .newsticker_actus li img {
			vertical-align: middle;
		}
		
		#bandeau_actus .newsticker_actus li .accroche {
			font-weight: normal;
			font-style: italic;
		}
		
		#iframe_bandeau_actus {
			clear: both;
		}
		
		#bandeau_actus.iframe {
			/* background-color: #2e3547;
			background-image: 	url("/images/interface/v6/background_bandeau_actus.jpg"),
								url("/images/interface/v6/element_liste_bottom.jpg");
			background-position: top left, bottom left;
			background-repeat: repeat-x;
			border-bottom: none; */
		}
		
	/****************/
	/* Menu forum : */
	
		#menu_forum {
			width: 980px;
			height: 33px;
			line-height: 36px;
			padding: 0 10px 0 10px;
			background: #2e3547 url("/images/interface/v6/background_bandeau_actus.jpg") repeat-x;
			border-bottom: 2px solid #4cc0d9;
			color: #edf3f3;
			font-weight: bold;
			overflow: hidden;
			clear: both;
			margin-top: -6px;
		}
		
		#menu_forum #forum_aurabesh {
			float: left;
			margin-right: 20px;
		}
		
		#menu_forum .gauche {
			float: left;
			width: 800px;
			margin: 0;
			padding: 0;
		}
		
		#menu_forum .droite {
			float: right;
			padding: 8px 3px 0 0;
		}

/* Fin MEA */
/***********/
	
/***********/
/* Index : */

	#hp_gauche {
		float: left;
		width: 610px;
		margin: 0 10px 0 10px;
	}

	#hp_droite {
		float: right;
		width: 350px;
		margin: 0 10px 0 10px;
	}
	
	.dossier_encart_hp img {
		width: 325px;
	}
	
	.dossier_encart_hp.col1 {
		float: left;
		margin-left: 10px;
		width: 330px;
	}
	
	.vignette_encart_hp {
		width: 50px;
		margin: 0 3px 3px 0;
		border: 1px solid #818898;
	}
	
	.vignette_encart_hp.redim {
		float: left;
		height: 50px;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: cover;
	}
	
	.vignette_encart_hp.redim.tv {
		height: 30px;
	}
	
	.vignette_encart_hp.redim a {
		display: block;
		width: 100%;
		height: 100%;
	}
	
	.vignettes_encart_hp.col1 {
		float: right;
		margin-right: 10px;
	}
	
	.vignettes_encart_hp.col2 {
		margin-top: 10px;
	}
	
	/* Concours : */
	/**************/
	
		.concours_hp {
			width: 970px;
			background: #2f3646 url("/images/interface/v6/background_encart.jpg") top left repeat-x;
			box-shadow: -2px 2px 2px #626c85;
			padding: 8px 5px;
			color: #EDF3F3;
			font-size: 14px;
			font-weight: bold;
			text-align: center;
			border-radius: 0 10px 0 10px;
			margin: 0 auto 10px auto;
		}
		
		.concours_hp img {
			margin-bottom: 8px;
		}

	/* Actus : */
	/***********/
		
		#form_encart_actus select {
			margin-bottom: 0px;
		}
		
		#contenu_encart_actus {
			color: #b28c6b;
			background: #636d86;
			overflow: auto;
			clear: both;
			border-radius: 0 10px 0 10px;
		}
		
		#contenu_encart_actus .texte_info {
			color: #CCB070;
		}
		
		#contenu_encart_actus ul {
			height: 500px;
			overflow: auto;
			list-style: none;
			margin: 0;
			padding: 0 5px 0 5px;
			background: #636d86;
		}
		#contenu_encart_actus.par_mois ul {
			
			margin-bottom: 10px;
			height: auto;
			padding: 0;
		}
		
		#contenu_encart_actus li {
			margin: 8px 0 0 0;
		}
		
		#contenu_encart_actus li h3 {
			margin: 0 0 3px 10px;
		}
		
		#contenu_encart_actus li ul {
			height: auto;
			background-color: #818898;
			border-top: 1px solid #939999;
			border-bottom: 2px solid #4cc0d9;
			border-radius: 0 10px 0 10px;
			box-shadow: -1px 1px #535b70;
			padding: 0;
		}
		
		#contenu_encart_actus li ul li {
			display: table;
			border-spacing: 0px;
			width: 100%;
			margin: 0;
		}
		
		#contenu_encart_actus li ul li .picto {
			display: table-cell;
			width: 40px;
			text-align: center;
			vertical-align: middle;
			border-top: 1px solid #939999;
			border-bottom: 1px solid #4f5869;
		}
		#contenu_encart_actus li ul li:first-child .picto {
			border-top: 0;
		}
		#contenu_encart_actus li ul li:last-child .picto {
			border-bottom: 0;
		}
		
		#contenu_encart_actus li ul li .droite {
			display: table-cell;
			background: #2f3646;
		}
		#contenu_encart_actus li ul li:last-child .droite {
			background: #2f3646 url("/images/interface/v6/coin_gauche_actu_liste.jpg") left bottom no-repeat;
		}
		
		#contenu_encart_actus li ul li .titre {
			padding: 3px 8px 3px 8px;
		}
		
		#contenu_encart_actus li ul li .titre.impaire {
			background-color: #50576a;
			border-radius: 0 10px 0 10px;
		}
		#contenu_encart_actus li ul li:last-child .titre.paire {
			background: #2f3646;
		}
		
		#contenu_encart_actus li ul li .titre.mea {
			background-color: #E3484E;
		}
		
		#contenu_encart_actus li ul li .titre a {
			font-size: 14px;
			font-weight: bold;
		}
		
		.bottom_encart_actus {
			border-top: 1px solid #000000;
			padding: 10px 0 5px 0;
			margin: 10px 0 0 0;
			font-size: 10px;
		}
		
		a#lien_aff_masq_top_actus {
			color: #65C4FE;
			text-decoration: none;
		}
		
		#top_actus {
			margin: 6px 0 0 0;
		}
		
		#top_actus li {
			list-style-type: none;
		}
		
	/* Sondage : */
	/*************/
	
		#contenu_encart_sondage .reponse {
			display: block;
			margin-bottom: 5px;
			color: #CCB070;
			text-align: left;
		}
		
		#contenu_encart_sondage .nb_reponses {
			display: block;
			color: #B28C6B;
			text-align: left;
		}
		
		#contenu_encart_sondage .reponse td {
			vertical-align: middle;
		}
		
		#contenu_encart_sondage .reponse.selected {
			color: #4cc0d9;
		}

	/* Prochaines sorties : */
	/************************/

		.contenu_encart.sorties {
			overflow: visible;
			color: #B28C6B;
		}
		
		.item_sortie
		{
			width: 100px;
			float: left;
			margin: 0 15px 0 0;
		}
		
		.item_sortie h3,
		.item_sortie div {
			margin-bottom: 8px;
		}

		.item_sortie .picto a {
			width: 100px;
			height: 150px;
			display: table-cell;
			vertical-align: middle;
		}
		
		.item_sortie .picto img {
			width: 100px;
			max-height: 150px;
		}
		
		.item_sortie .titre {
			font-weight: bold;
			min-height: 30px;
		}
		
		.item_sortie .genre {
			min-height: 30px;
		}
		
		.item_sortie .amazon {
			margin: 10px 0 0 0;
		}

		.drapeau_sortie {
			width: 15px;
			vertical-align: middle;
		}
		
	/* Evenements : */
	/****************/
	
		.liste_evts {
			max-height: 250px;
			overflow: auto;
		}
		
	/* Compteur HP : */
	/*****************/
		
		.compteur {
			float: unset;
			margin-right: 10px;
			margin-top: 17px;
		}
		.compteur .fond {
			margin: 5px 0 5px 0;
			width: 180px;
			height: 40px;
			border-bottom: 2px solid #4cc0d9;
			background-color: #2F3646;
			border-radius: 0 10px 0 10px;
			padding: 5px 10px;
		}
		.compteur .soustitre {
			text-align: center;
			color: #B28C6B;
			font-weight: bold;
			font-size: 12px;
		}
		.compteur h2 ~ img, .compteur img.affiche{
		  max-width: 150px;
		  border-radius: 0 0.5em;
		  margin: 0.5em;
		  box-shadow: 1px 3px 13px -6px black;
		  max-height: 200px;
		  object-fit: contain;
		}

		.compteur table {
			color: #CCB070;
		}
		.compteur table td {
			text-align: center;
			padding: 0 6px;
		}
		.compteur table td.val {
			font-size: 20px;
			font-weight: bold;
			padding-top: 3px;
		}
		.compteur table td.unit {
			font-size: 11px;
			padding-top: 5px;
		}
		
	/* Tribune Impériale : */
	/***********************/
		
		.vignette_encart_hp.ti {
			float: left;
			margin-right: 10px;
		}
		.articles_ti_hp {
			float: left;
			color: #B28C6B;
		}
		.articles_ti_hp.col1 {
			width: 520px;
		}
		.articles_ti_hp.col2 {
			width: 260px;
		}
		
	/* SWU Show : */
	/***********************/
		
		.vignette_encart_hp.swushow {
			float: left;
			width: 120px;
			border: 0;
			margin-right: 10px;
		}
		.podcast_swushow_hp {
			float: left;
			text-align: center;
			color: #B28C6B;
		}
		.podcast_swushow_hp .lecteur {
			margin-top: 20px;
		}
		.podcast_swushow_hp.col1 {
			width: 450px;
		}
		.podcast_swushow_hp.col2 {
			width: 200px;
		}
		
	/* TOR : */
	/***********************/
	
		.encart_tor_evts {
			margin-top: 15px;
			padding-top: 8px;
			border-top: 1px solid #4bc6e1;
			color: #b28c6b;
			font-size: 12px;
		}
		
	/* Chat-room : */
	/***********************/
	
		.contenu_encart.chatroom {
			color: #B28C6B;
			text-align: left;
		}
		
/* Fin Index */
/*************/

/****************/
/* Fiche Actu : */
	
	#texte_actu {
		font-size: 12px;
		line-height: 16px;
		text-align: justify;
		padding: 10px 10px 20px 10px;
		background: url("/images/interface/v6/ombre_soustitre.png") top center no-repeat,
					url("/images/interface/v6/ombre_proprietes.png") bottom center no-repeat;
		overflow: hidden;
	}
	
	#texte_actu .cadre_info {
		font-weight: normal;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.50);
		margin: 0 auto 15px auto;
	}
	
	#texte_actu b {
		text-shadow: 2px 1px 0px rgba(0,0,0, 0.5);
	}
	
	#texte_actu h3 {
		font-size: 13px;
		font-weight: bold;
		color: #4BC6E1; /*#EDF3F3*/
		padding: 0;
		margin: 0;
		border-bottom: 0 none;
		text-decoration: underline;
	}
	
	#actu_date {
		float: right;
		text-align: right;
		font-size: 12px;
		line-height: 30px;
		font-style: italic;
	}
	
	#actu_proprietes {
		font-size: 12px;
		background: #c4cccc url("/images/interface/v6/background_proprietes.jpg") bottom left repeat-x;
		color: #4f576a;
		padding: 10px;
		border: 1px solid #e4eeef;
		border-bottom: 0;
		border-radius: 0 10px 0 10px;
	}
	#actu_proprietes:after {
		content: "";
		display: table;
		clear: both;
	}
	
	#actu_proprietes a {
		color: #4f87c7;
	}
	#actu_proprietes a:hover, #actu_proprietes a:focus, #actu_proprietes a:active {
		text-decoration: underline;
	}
	
	#actu_proprietes .picto_auteur {
		vertical-align: middle;
		float: left;
		margin: 0 10px 0 0;
	}
	
	#actu_proprietes .infos {
		float: left;
		width: 400px;
		text-align: left;
	}
	
	#actu_proprietes .infos div {
		margin-bottom: 5px;
	}
	
	#actu_proprietes .partager {
		float: left;
		margin-top: 0;
		margin-left: 30px;
	}
	
/* Fin Fiche Actu */
/******************/

/***************/
/* Recherche : */

	#form_recherche {
		margin: 10px 0 0 0;
	}
	
	.tab_cases_recherche {
		margin: 10px 0 0 0;
		border: 1px solid #565c6c;
		width: 100%;
	}

	.tab_cases_recherche td {
		min-width: 120px;
		padding: 6px;
		vertical-align: top;
		border: 0;
	}

	.recherche_cocher_decocher {
		margin: 5px 0 20px 0;
	}
	
	.results_recherche {
		margin-bottom: 20px;
	}
	
	.results_recherche table.tab_swu tr td:last-child {
		text-align: right;
	}

/* Fin Recherche */
/*****************/

/***********************/
/* Galeries d'images : */

	h2.titre_galerie {
		font-size: 14px;
		font-weight: bold;
		color: #4bc6e1;
		border: 0;
		padding: 0;
		margin: 0 0 3px 22px;
	}
	
	.galerie {
		width: 95%;
		background: #2f3646 url("/images/interface/v6/background_encart.jpg") top left repeat-x;
		border: 1px solid #4bc6e1;
		border-radius: 0 10px 0 10px;
		margin: 0 auto;
		padding: 1px;
	}
	.galerie:last-child {
		margin: 0 auto;
	}
	.bottom_galerie {
		width: 95%;
		height: 7px;
		background: url("/images/interface/v6/ombre_soustitre.png") top center no-repeat;
		margin: 0 auto 12px auto;
	}
	
	.galerie.videos {
		padding: 10px;
		font-size: 12px;
	}
	
	.galerie .navigation {
		font-size: 12px;
		margin: 5px 20px;
	}
	
	.galerie .voirplus {
		text-align: right;
		margin-top: 0px;
		width: 100%;
		margin: 0 auto;
	}
	
	.galerie .voirplus_big {
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		margin: 15px 0 15px 0;
	}
	
	.galerie table {
		width: 95%;
		margin: 5px auto;
	}
	
	.galerie table td {
		text-align: center;
		font-size: 12px;
		padding: 10px 0;
		vertical-align: bottom;
	}
	
	.galerie table.repertoire td {
		text-align: left;
		vertical-align: top;
	}
	
	.galerie table td .image img {
		max-width: 100px;
		/* max-height: 100px; */
		border-left: 1px solid #909998;
		border-bottom: 1px solid #909998;
		box-shadow: -2px 0 2px rgba(0, 0, 0, 0.50);
		border-radius: 0 10px 0 10px;
		margin: 0 auto 1px auto;
	}
	
	.galerie table td .nom {
		width: 134px;
		/* Anciens navigateurs */
		background: #717784 url("/images/interface/v6/fond_etiquette_galerie.png") repeat-y left;
		-o-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		/* Navigateurs récents */
		background: -webkit-gradient(
			linear,
			left top, right top,
			from(#717784),
			to(#717784),
			color-stop(0.5, #818898)
		);
		background: -webkit-linear-gradient(
			left,
			#717784,
			#818898 50%,
			#717784
		);
		background: -moz-linear-gradient(
			left,
			#717784,
			#818898 50%,
			#717784
		);
		background: -o-linear-gradient(
			left,
			#717784,
			#818898 50%,
			#717784
		);
		background: linear-gradient(
			left,
			#717784,
			#818898 50%,
			#717784
		);
		border-bottom: 1px solid #4bc6e1;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.50);
		font-size: 11px;
		color: #c3cccb;
		margin: 0 auto;
		padding: 1px 3px;
	}
	
	.galerie table td .nom .titre {
		font-size: 12px;
		font-weight: bold;
		color: #e3ba50;
	}
	
	.galerie table td .nom a {
		display: block;
		font-size: 12px;
		line-height: 18px;
		font-weight: bold;
		color: #e3ba50;
        width:100%;
	}
	.galerie table td .nom a:hover, .galerie table td .nom a:focus, .galerie table td .nom a:active {
		color: #4bc6e1;
	}
/* Mobile */

.galerie div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.repertoire div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

div.navigation {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}
div.navigation>* {
	margin: 0 5px;
}

.galerie article {
		text-align: center;
		font-size: 12px;
		padding: 10px 0;
		vertical-align: bottom;
	  padding: 0.5em;
	}
	
	.galerie table.repertoire td {
		text-align: left;
		vertical-align: top;
	}
	
	.galerie article .image img {
		max-width: 100px;
		/* max-height: 100px; */
		border-left: 1px solid #909998;
		border-bottom: 1px solid #909998;
		box-shadow: -2px 0 2px rgba(0, 0, 0, 0.50);
		border-radius: 0 10px 0 10px;
		margin: 0 auto 1px auto;
	}
	
	.galerie article .nom {
      display:block;
		width: 134px;
		/* Anciens navigateurs */
		background: #717784 url("/images/interface/v6/fond_etiquette_galerie.png") repeat-y left;
		-o-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		/* Navigateurs récents */
		background: -webkit-gradient(
			linear,
			left top, right top,
			from(#717784),
			to(#717784),
			color-stop(0.5, #818898)
		);
		background: -webkit-linear-gradient(
			left,
			#717784,
			#818898 50%,
			#717784
		);
		background: -moz-linear-gradient(
			left,
			#717784,
			#818898 50%,
			#717784
		);
		background: -o-linear-gradient(
			left,
			#717784,
			#818898 50%,
			#717784
		);
		background: linear-gradient(
			left,
			#717784,
			#818898 50%,
			#717784
		);
		border-bottom: 1px solid #4bc6e1;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.50);
		font-size: 11px;
		color: #c3cccb;
		margin: 0 auto;
		padding: 1px 3px;
	}
	
	.galerie article .nom .titre {
		font-size: 12px;
		font-weight: bold;
		color: #e3ba50;
	}
	
	.galerie article .nom a {
		display: block;
        width:100%;
		font-size: 12px;
		line-height: 18px;
		font-weight: bold;
		color: #e3ba50;
	}
	.galerie article .nom a:hover, .galerie article .nom a:focus, .galerie article .nom a:active {
		color: #4bc6e1;
	}
/* Fin Galeries d'images */
/*************************/

/****************/
/* Multimedia : */

	table.tab_multimedia {
		margin: 10px 0 20px 0;
		padding: 6px;
		border: 0;
		width: 100%;
	}

	table.tab_multimedia td {
		border: 0;
		vertical-align: top;
	}
	
	table.tab_multimedia .dossier {
		margin: 0 0 6px 0;
	}
	
	table.fichiers {
		margin: 10px 0 0 0;
	}
	
	table.fichiers td {
		vertical-align: bottom;
	}
	
	table.fichiers td:hover {
		box-shadow: 2px 2px 10px #000000;
	}
	
	table.fichiers td a {
		display: block;
	}
	
	table.fichiers td a:hover {
		color: #65C4FE;
		text-decoration: none;
	}
	
	.proprietes {
		margin: 6px 0 0 0;
	}
	
	.proprietes .nom {
		font-variant: small-caps;
		font-weight: bold;
	}
	
	.proprietes .infos {
		margin: 4px 0 0 0;
		font-size: 10px;
	}
	
/* Fin Multimedia */
/******************/




/***************/
/* Parutions : */
	
	.liste_medias.sorties .element .haut_gauche {
		width: 450px;
	}

/* Fin Parutions */
/*****************/

/******************/
/* Plan du site : */
	
	.map_site h2 {
		margin-left: 10px;
		margin-top: 10px;
	}
	
	.map_site h3 {
		color: #edf3f3;
		font-size: 13px;
		margin-left: 20px;
		margin-top: 5px;
	}
	
	.map_site .ligne3 {
		font-weight: bold;
		font-size: 12px;
		margin-left: 30px;
		margin-top: 3px;
	}

/* Fin Plan du site */
/********************/

div>ul figure{
text-align:center !important;
margin:0.5rem;
}
.centree>ul,.adroite>ul,.agauche>ul,.espacee>ul,.flargeur>ul{
   display:inline-flex;
   list-style:none;
   width:100%;
   margin:0;
   padding:0;
   flex-wrap:wrap;
}
.centree>ul>li,.adroite>ul>li,.agauche>ul>li,.espacee>ul>li,.flargeur>ul>li{
   display: flex;
   align-items: stretch;
}

.centree>ul{
   justify-content:center;
}
.adroite>ul{
   justify-content:right;
}
.agauche>ul{
   justify-content:left;
}
.espacee>ul{
   justify-content:space-around;
}
.flargeur>ul{
   justify-content:space-between;
}
/******* à mettre à la fin du document ******/
@media screen and (max-width:600px){
   .centree>ul,.adroite>ul,.agauche>ul,.espacee>ul,.flargeur>ul{
   display:flex;
   flex-wrap:wrap;
      justify-content:space-around;
}
}