* {
	margin: 0;
}

img {
	border: none;
}

body {
	background-color: #EFEFEF;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 13px;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #707070;
}

h1, h2 {
	font-size: 17px;
	margin: 20px 0;
	padding: 10px 0;
	border: 1px solid #D4D0D0;
	text-align: center;
	border-radius: 10px;
}

h1 {
	color: #1E6CA0;
}

h2 {
	color: #0090B0;
}

h3 {
	/*border-bottom: 1px solid;*/
	color: #102D7D;
	font-weight: bold;
	margin: 10px 0 5px 0;
	font-size: 15px;
}

h4 {
	/*border-bottom: 1px solid;*/
	color: #102D7D;
	font-weight: bold;
	margin: 25px 0 5px 0;
	font-size: 15px;
}

@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) {
	h1 {
		margin-top: 15px;
	}
}

p {
	margin: 20px 0;
}

ul ul {
	margin-top: 15px;
}

iconify-icon {
	vertical-align: middle;
}

.contenu {
	max-width: 1000px;
	margin: 0 auto 0 auto;
}

@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) {
	.contenu {
		width: 99%;
	}
}

#logo {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 135px;
}

#logo_1 {
	margin-top: 10px;
	/* width: 630px; */
	/* float: left; */
	text-align: center;
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	#logo {
		margin: -5px auto -70px auto;
	}

	#logo_1, #logo_1 img {
		max-height: 60px;
	}
}

#contenu_middle {
	width: 100%;
	/* margin: 1px 0 -20px 0; */
	margin: 1px 0 0 0;
	padding: 10px 0 30px 0;
}

#footer {
	color: #000000;
	text-align: center;
	height: 50px;
	margin-top: 20px;
	width: 100%;
}

#footer a {
	text-decoration: none;
}

#footer a:hover {
	color: #000000;
}

/***********************************************************/
/******************CADRE DES INFORMATIONS*******************/
/***********************************************************/
	.cadre_info {
		background-color: #D9E6F6;
		color: #3B7396;
	}

	.cadre_attention {
		background-color: #FCF4E8;
		color: #FF6835;
	}

	.cadre_success {
		background-color: #E9F6F0;
		color: #27A6A9;
	}

	.cadre_error {
		background-color: #FCEEEE;
		color: #E95B60;
	}

	.messages_infos {
		padding: 20px 10px;
		width: 80%;
		margin: 20px auto;
		border-left: 8px solid;
		text-align: left;
		box-shadow: 0 4px 8px 0 rgba(0,41,89,0.1);
	}
/***********************************************************/
/***********************************************************/

/*************************************
Bouton de scroll vers le haut de page
*************************************/
	.scroll-btn {
		height: 30px;
		width: 30px;
		border: 2px solid #000;
		border-radius: 50%;
		background-color: #000;
		position: fixed;
		bottom: 45px;
		right: 15px;
		opacity: 0.5;
		z-index: 9999;
		cursor: pointer;
		display: none;
	}

	.scroll-btn .scroll-btn-arrow {
		height: 8px;
		width: 8px;
		border: 3px solid;
		border-right: none;
		border-top: none;
		margin: 12px 9px;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);
		color: white;
	}

	.notouch .scroll-btn:hover { opacity: 0.8 }

	@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
		.scroll-btn {
			bottom: 8px;
			right: 8px;
		}
	}
/*************************************
**************************************
*************************************/

/*************************************
**********TABLEAU DES SERIES**********
*************************************/
	.tableau_serie {
		display: table;
		width: 100%;
		border-collapse: separate;
		font-size: 150%;
	}

	.tableau_serie iconify-icon {
		font-size: 200%;
	}

	.tableau_serie_trois_colonnes iconify-icon {
		font-size: 400%;
	}

	.tableau_serie_trois_colonnes > div,
	.tableau_serie_trois_colonnes > a {
		width: 33.33%;
	}

	.tableau_serie_quatre_colonnes > div {
		width: 20%;
	}

	.tableau_serie_trois_colonnes > div,
	.tableau_serie_trois_colonnes > a,
	.tableau_serie_quatre_colonnes > div {
		display: table-cell;
		padding: 10px 15px;
		vertical-align: middle;
		text-align: center;
	}


	.bloc_saison_etat,
	.tableau_saison_etat {
		font-weight: bold;
		/*! position: absolute; */
		/*! float: left; */
	}

	.tableau_saison_etat {
		width: 150px;
		font-size: 90%;
	}

	.tableau_saison_termine,
	.bloc_saison_termine {
		color: #FF0000;
		background-color: #FFD9E0B0;
	}

	.tableau_saison_attente,
	.bloc_saison_attente {
		color: #376D03;
		background-color: #DCFFBAB0;
	}

	.bloc_saison_etat {
		width: 120px;
		text-align: center;
		/*! float: left; */
		/*! margin-bottom: 10px; */
		position: absolute;
		/*! left: -0px; */
		/*! right: 30px; */
		margin-left: -130px;
	}

	@supports (not (-moz-appearance:button)) and (contain:paint) and (-webkit-appearance:none) {
		.bloc_saison_etat {
			margin-left: 0;
		}
	}

	@media only screen and (max-width: 680px), only screen and (max-device-width: 680px)
	{
		.bloc_saison_etat {
			left: 20.5px;
			margin-left: 0;
		}

		.tableau_serie_quatre_colonnes {
			/* Le conteneur principal doit être en position relative pour
			contenir correctement les éléments flottants. */
			position: relative;
			/* On utilise overflow: hidden pour s'assurer que le conteneur englobe
			bien tous les éléments flottants. C'est une technique courante
			appelée "clearfix". */
			overflow: hidden;
		}

		.tableau_serie_quatre_colonnes > div {
			width: 40%;
		}

		.tableau_serie_quatre_colonnes > div:first-child {
			/* La première div est flottante à gauche et a une largeur de 40%. */
			float: left;
			width: 35%;
		}

		.tableau_serie_quatre_colonnes > div:not(:first-child) {
			/* Toutes les autres div flottent également à gauche. */
			float: left;
		}

		.tableau_serie_quatre_colonnes > div:nth-child(2) {
			width: auto
		}

		.tableau_serie_quatre_colonnes > div:nth-child(5) {
			position: absolute;
			text-align: left;
			bottom: 17px;
			left: 15px;
			padding: 0px;
			font-size: 150%;
			color: #F7FE20;
		}
	}
/*************************************
**************************************
*************************************/

.tableau_serie_quatre_colonnes > div:first-child img,
.tableau_serie_quatre_colonnes > div:nth-child(2) img {
	max-width: 150px;
}

.tableau_serie_quatre_colonnes > div:nth-child(3),
.tableau_serie_trois_colonnes > a:last-child,
.tableau_serie_trois_colonnes > div:first-child {
	color: #0452d8;
}

.tableau_serie_saison_finie,
.saison_finie,
.tableau_serie_trois_colonnes > a:first-child,
.tableau_serie_trois_colonnes > div:first-child {
	color: #FF4565 !important;
}

.tableau_serie_quatre_colonnes > div:nth-child(2),
.div_series_plateforme {
		color: #FCA70C;
}

.validation_visu_episode {
	font-size: 200%;
	margin: 20px auto;
	display: table;
	border: 1px solid;
	padding: 15px;
	border-radius: 20px;
}

.validation_visu_episode,
.rouvrir_serie {
	color: #21932D;
}

.validation_visu_episode iconify-icon {
	font-size: 200%;
}

.validation_visu_episode:hover {
	opacity: 0.8;
	color: #21932D;
}