@charset "utf-8";
/* CSS Document */
		
			/* REVENDEURS */
			
			#cadre-selection .haut-liste-container {
				width: 100%;
				background-image: linear-gradient(#696969 0%, #7C7D7F 3%, #666769 6%, #505051 59%, #4C4D4E 60%, #353535);
				display: inline-block;
				border-radius: 5px 5px 0px 0px;
			}
			
			#cadre-selection .haut-liste {
				width: 47%;
				background-color: #DEDEDE;
				display: inline-block;
				border-radius: 5px 5px 0px 0px;
				margin: 4px 2px 0px 2px;
				text-align: center;
				padding-top:5px;
				padding-bottom:5px;
			}
			
			#cadre-selection .haut-liste:hover, #cadre-selection .haut-liste.active-tab:hover {
				background-color: lightgray;
			}
			
			#cadre-selection .haut-liste.active-tab {
				background-color: #F3F3F3;
			}
			
			#bas-onglet{
				height:20px
				background-color: #353535;
			}	
			
			.liste-mois li{
				list-style-type: none;
			}
			
			.liste-mois li.active{
				color: #028FFF;
				font-size:13px;
				padding-left:5px;
				font-weight:bold;
			}
			
			.liste-mois li:hover{
				font-weight:bolder;
				cursor:pointer;
			}
			
			.changelogs-list{
				margin-left:50px;
				padding-top: 10px;
			}
			
			.changelog-month {
				font-weight:bold;
				font-size:16px;
			}
			
			.changelog-conteneur{
				width:650px;
				border: 1px solid #D1D1D1;
				border-radius: 10px;
				margin:15px 0px 15px 0px;
				color:#58585A;
			}
			
			.changelog-conteneur .changelog-title table{
				display: inline-block;
				font-size:17px;
				width:600px;
			}
			
			.changelog-conteneur .changelog-title table tr td:nth-child(1){
				vertical-align:bottom;
				padding-bottom: 5px;
				vertical-align: middle;
				padding-top: 5px;
			}
			
			.changelog-conteneur .changelog-title table tr td:nth-child(2){
				width: 420px;
				padding-bottom:5px;
				padding-top:5px;
				vertical-align: middle;
				height:35px;
			}
			
			.changelog-conteneur .changelog-title table tr td:nth-child(3){
				width:144px;
				font-size:11px;
				text-align:right;
				vertical-align: bottom;
   				padding-bottom: 5px;
			}
			
			.changelog-conteneur .changelog-title{
				width:100%;
				background-image: linear-gradient(#EEEEEE 0%, #FFFFFF 3%, #EEEEEE 6%, #E4E4E4 60%, #DEDEDE);
				cursor:pointer;
			}
			
			.changelog-conteneur .changelog-title.open{
				border-radius: 10px 10px 0px 0px;
				background-image: linear-gradient(#0165FF 0%, #009EE0 6%, #067AEA 10%, #097DED 59%, #077BEB 60%, #1286F8);
				color:white;
			}
			
			.changelog-conteneur .changelog-title.open img{
				filter: invert(1);
			}
			
			.changelog-conteneur .changelog-title.open .centered{
				color: white;
			}
			
			.changelog-conteneur .changelog-title:not(.open){
				border-radius: 10px;
			}
			
			.changelog-conteneur .changelog-title:not(.open):hover{
				background-color:lightgray;
				background-image: linear-gradient(#1B1B1B 0%, #7E7E7E 6%, #7E7E7E 50%, #6D6D6D 57%, #404040 92%, #383838 93%, #3D3D3D);
				color:white;
			}
			
			.changelog-conteneur .changelog-content{
				padding:15px;
			}
			
			.changelog-conteneur .changelog-content p {
				font-weight:unset;
			}
			
			.changelog-conteneur .changelog-content h1, 
			.changelog-conteneur .changelog-content h2, 
			.changelog-conteneur .changelog-content h3, 
			.changelog-conteneur .changelog-content h4{
				font-weight:initial;
				font-size:initial;
			}
			
			.container-img-date {
				position: relative;
				text-align: center;
				display: inline-block;
			}
			
			.container-img-date .centered {
				position: absolute;
				top: 60%;
				left: 50%;
				transform: translate(-50%, -50%);
				font-size: 17px;
				font-weight: bold;
				color: black;
			}
			
			.container-img-date img {
				width:40px;
				height:40px;
				margin:5px;
			}
			
			.changelog-conteneur .changelog-title:not(.open):hover img{
				filter: invert(1);
			}
			
			.changelog-conteneur .changelog-title:not(.open):hover .centered{
				color:white;
			}
					
			/* FIN REVENDEURS */