/* couleurs :
rose : #dc5247;
bleu : #89b5b4;
orange : #e3b06e;
bleu nuit : #233f4a;
rose pale : #f2d4b8;
rose tuile : #f94536;
autre bleu : #479997;
prune : #493045;
creme :#e6dac0; */

* {
	box-sizing:border-box;
}

body {
	font-family: 'Montserrat', sans-serif;
	margin:0 auto;
	width:100%;
	/* background-image: linear-gradient(to bottom right, #ff3543, #ffe0cf); */
}

main {
	background-color:#eff5f5;
	width:100%;
	padding: 10px 0 40px 0;
}
.top {
	margin: 0 auto; 
	font-size:1.5em;
	font-family: 'Satisfy', cursive;
	width:100%;
	padding: 1px 100px;
	background-color:#91baba;
	display:flex;
	justify-content:space-around;
	align-content: center;
}
h2 {
	text-align:center;
}


@media screen and (max-width: 800px) {
	.top{
		/* flex-direction:column; */
		padding:5px;
	}
	#blason img, #heart img {
		width:50px;
		margin-left:4px;
		margin-right:4px;
	}
	#titre h2{
		margin: 5px auto;
		font-size:1.2em;
	}
	.inv {
		display:none;
	}
	#blason {
		order:1;
	}
	#titre {
		order:2;
	}
	#heart {
		order:3;
	}
}



#blason, #titre, #heart {
	margin : auto;
}



.publication-miniature {
	border: 1px solid black;
	margin-top: 8px;
	/* vertical-align: middle; */
	
	transition : box-shadow 0.8s ease-in-out;
	/* width: 470px; */
	/* height: 450px; */
}



.publication-miniature:hover {
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.5);  
	
}

.publication-miniature img {
	width:100%;
}

.previsu {
	width:420px;
	margin:auto;
}

@media screen and (max-width: 800px) {
	.previsu {
		width:100%;
	}
}

/* .publication-miniature img {
	padding: 5px 5px 0 5px;
}
 */
.publi-texte {
	/* text-align: center; */
	margin:auto;
	padding: 5px ;
}



#last {
	display: -ms-flexbox; /* IE 10*/
	display:flex;
	-ms-flex-wrap: wrap; /* IE 10*/
	flex-wrap: wrap;
	padding: 0 4px;
	width:1200px;
	margin: auto;
	justify-content: space-between; 
	flex-direction: row; 
	
}

@media screen and (max-width: 800px) {
	#last {
		width:100%;
		flex-direction: column; 
	}

}

.column {
	-ms-flex: 33%; /* IE 10*/
	flex: 33%;
	max-width:33%;
	padding: 0 4px;
	margin: 0 auto;
	
}

@media screen and (max-width: 800px) {
	.column {
		flex:95%;
		max-width:95%;
	}
}

#flexy-col {
	display:flex;
	flex-direction:column;
	height:2000px;
	width:1200px;
	flex-wrap:wrap;
}
#flexy-col .publication-miniature {
	width:33%;
	margin: 4px;
}


footer {
	background-color:#91baba;
	width:100%;
	margin: 0 auto;
	padding:50px 0;
}
footer p {
	text-align:center;
	font-size:0.8em;
	
	margin:0 auto;
	
}
textarea {
	font-family: 'Montserrat', sans-serif;
	font-size:1em;
}
form {
	width:100%;
	margin: auto;
}

#alerte {
	color:red;
}
.alertered {
	color:red;
}
.auteur {
	text-align: right;
	font-style:italic;
	font-size:0.8em;
}
a {
	text-decoration:none;
	color:black;
}

.etape0 {
	
	width:100%;
	padding: 20px 100px;
	/* background-color:#eff5f5; */
	
	
}
@media screen and (max-width: 800px) {
	.etape0 {
		margin: 0 5px;
		padding: 5px;
	}
	.etape0 h2 {
		margin: 0 auto;
	}
}


.etape1 {
	display:flex;
	justify-content:space-around;
	background-color:#eff5f5;
	width:100%;
	padding: 20px 100px;
	align-content: center;
	flex-wrap:wrap;
}



.etape2 {
	display:flex;
	justify-content:space-around;
	background-color:#c0d8d7;
	width:100%;
	padding: 20px 100px;
	align-content: center;
	flex-wrap:wrap;
}
.etape3 {
	display:flex;
	justify-content:space-around;
	background-color:#91baba;
	width:100%;
	padding: 20px 100px;
	align-content: center;
	flex-wrap:wrap;
}
.etape4 {
	display:flex;
	justify-content:space-around;
	background-color:#72a7a6;
	width:100%;
	padding: 20px 100px;
	align-content: center;
	flex-wrap:wrap;
}

@media screen and (max-width: 800px) {
	.etape1, .etape2, .etape3, .etape4 {
		padding:5px;
		flex-direction:column;
	}
}

.bloc-form {
	flex:1;
	padding:20px 5px;
	margin:auto 10px;
	text-align:center;
	
}

.instructions {
	font-size:1.5em;
	font-style:italic;
	text-align:right;
	padding-right:20px;
}
@media screen and (max-width: 800px) {
	.bloc-form {
		padding:5px 0;
		margin:0;
	}
	.instructions {
		padding: 2px;
		text-align:left;
		margin:5px 0;
	}
	#message {
		font-size:2em;
	}
	
}









.intro {
	font-size:0.9em;
	font-style:italic;
	text-align:center;
	padding: 0 5px;
	width:1200px;
	margin:auto;
}

.petit {
	font-size:0.8em;
}


.btn-form {
	padding: 20px;
	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
	color:white;
	background-color:#33cc33;
	border-radius: 2px 30px 30px 2px; 
	
}

.votons, .aVote {
	width:100%;
}

.etape {
	display:flex;
	flex-wrap: no-wrap;
	justify-content:center;
	
}
@media screen and (max-width: 800px) {
	.etape {
		flex-wrap:wrap;
	}
}


.etape:nth-child(odd) {
	background-color:#72a7a6;
}
.etape:nth-child(even) {
	background-color:#c0d8d7;
}


.publication-1024 {
	border: 1px solid black;
	/* margin-top: 8px; */
	width:700px; 
	margin: 20px;
	
	
	
	
}

.publication-1024 img {
	width:100%;
}

.bloc-vote {
	width:30%;
	padding:20px;
	/* vertical-align:middle; */
}
@media screen and (max-width: 800px) {
	.bloc-vote {
		width:100%;
	}
}

.bloc-vote p, .bloc-vote div {
	text-align:left;
	
}
.bloc-vote p {
	width:100%;
}

.pour {
	color:green;
	font-weight:bold;
}
.contre {
	color:red;
	font-weight:bold;
}



.blocLog {
	text-align:center;
	padding:20px;
}

.bloc-intro {
	width:100%;
	padding:0 50px;
	display:flex;
	justify-content:center;
	/* flex-wrap:wrap; */
}
@media screen and (max-width: 800px) {
	.bloc-intro {
		flex-direction:column;
		padding:0 10px;
	}
	
}

.sbloc{
	padding: 0 20px;
	
}
.grand {
	font-size:1.5em;
	font-style:italic;
	color:red;
}

.legal-box{
	padding:0 10px;
}