.logomouv {
	display:flex;
	position:relative;
	height:240px;
	align-items: center;
	justify-content: center;
	margin-top:30px;
}

@-webkit-keyframes rotating {
    0%{-webkit-transform: rotate(0deg);}
    25%{-webkit-transform: rotate(100deg);}
	35%{-webkit-transform: rotate(40deg);}
	45%{-webkit-transform: rotate(120deg);}
	58%{-webkit-transform: rotate(220deg);}
	70%{-webkit-transform: rotate(180deg);}
	87%{-webkit-transform: rotate(270deg);}
	92%{-webkit-transform: rotate(290deg);}
	100%{-webkit-transform: rotate(360deg);}
}
 
.rotating {
    -webkit-animation: rotating 3s linear infinite alternate;
}

.titregrimoire{
	text-decoration:none !important;
	color:#e5b122 !important;
	/* color:#e7505a !important;  halloween */
	line-height:130%;
}

.flexarticle{
	display:flex;
	flex-direction: column;
	align-items: center;
}

.article{
	width:100%;
	font-size:20px;
}

@media (min-width: 800px) {
	.article{width:80%;}
}
.h2article{
	font-size:18px
}

.obfusc{
	cursor:pointer;
	user-select:none;
}

.paddingbottom{
	padding-bottom:30px;
}

@media (max-width: 700px) {
.actualite{
	margin-top: 50px;
	margin-bottom: 50px;
	font-size: 26px!important;
	font-weight:600;
}
}
@media (min-width: 700px) {
.actualite{
	margin-top: 50px;
	margin-bottom: 50px;
	font-size: 35px!important;
	font-weight:600;
}
}


.btn-line-article, a.btn-line-article {
	border: solid 1px #222;
	color: #000;
	font-weight: 500;
	font-size: 12px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	padding: 3px;
	padding-left: 30px;
	padding-right: 30px;
	text-transform: uppercase;
	display: inline-block;
	text-align: center;
	letter-spacing: 2px;
	text-decoration: none;
	background:#e5b122;
	/* background:#e7505a;  halloween */
	}
.btn-line-article:hover, a.btn-line-article:hover {
	background: #fff;
	color: #111 !important;
	border-color: #000;
}

.btn-line-article-halloween, a.btn-line-article-halloween {
	border: solid 1px #222;
	color: #fff;
	font-weight: 500;
	font-size: 12px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	padding: 3px;
	padding-left: 30px;
	padding-right: 30px;
	text-transform: uppercase;
	display: inline-block;
	text-align: center;
	letter-spacing: 2px;
	text-decoration: none;
	background:#cd3b3c;
}
.btn-line-article-halloween:hover, a.btn-line-article-halloween:hover {
	background: #fff;
	color: #111 !important;
	border-color: #000;
}

.dallealerte{
		text-align:center;
		color:#000;
		font-size: 17px;
	}
	
	.dalleblanche{
		position:fixed;
		left:10%;
		right:10%;
		top:20%;
		bottom:20%;
		background:#eee;
		display:none;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		padding:10px;
		border-radius: 10px;
	}
	
	.dallefermer{
		position:absolute;
		right:10px;
		bottom:10px;
		text-align:right;
		width:100%;
		color:#2271bb;
		font-size: 17px;
	}

.imagearrondie{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

 .stars {
            width:100%;
			display: flex;
            flex-direction: row;
			justify-content: center;
            font-size: 4rem;
            cursor: pointer;
        }
        .star {
            color: lightgray;
            transition: color 0.3s;
        }
        .star.filled {
            color: gold;
        }
		
	#commentSection {
            display: none;
            margin-top: 10px;
        }