@import url('https://fonts.googleapis.com/css2?family=Arimo&family=Montserrat:wght@700&display=swap');
@import url('https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css');

html {
    font-family: 'Arimo', sans-serif;
    background-color: #ffffff;
    color: #383E4B;
    max-width:95%;
    margin:auto;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}
body {
    max-width:1250px;
    margin:auto;
}
header {
    text-align:center;
}
header img {
    max-width:250px;
    margin:auto;
    display:inline-block;
}
header p {
	font-weight: bolder;
	font-size:1.4em;
}
.rs, footer nav, .partenaires {
	margin:auto;
	display:flex;
	flex-direction:row;
	justify-content:space-around;
}
footer {
	margin-top:5em;
}
a {
    color:#0099d1;
    text-decoration:none;
}
img {
	max-width: 100%;
	height: auto;
	border:0;
	vertical-align: middle;
}
.social {
    font-size:2em;
    color:#000;
}
.professionfoi {
	display:grid;
	grid-template-columns: 40% 40%;
	grid-column-gap: 5%;
	grid-row-gap: 50px;
	margin-bottom:.5em;
}
.axes {
	display:grid;
	grid-template-columns: 50% 50%;
	grid-column-gap: 5%;
	grid-row-gap: 50px;
}
.pfbox {
	display:inline-block;
	font-family: 'Montserrat', sans-serif;
	padding: 5%;
	text-align:center;
	border-radius:0.5em;
	color:#fff;
}
.pf { background:#000;}
.axe1 { background:#07326d;}
.axe2 { background:#BC0000;}
.axe3 { background:#3F3BF4;}
.axe4 { background:#E66718;}
.axe5 { background:#750787;}
.axe6 { background:#F4BF3B;}
.axe7 { background:#34993F;}
.axe8 { background:#07616D;}

.voter {
		color:#000;
	border:3px solid #000;
	padding: 10px 0;
	display:block;
	margin: 10px;

}
.buttonvote {
	color:#000;
	border:3px solid #000;
	padding: 10px 0;
	display:block;
}
.buttonvote:hover {
	color:#fff;
	background:#000;
}

.communiques {
	border:2px solid #000;
	border-radius:0.5em;
	padding:1em;
	margin-top:1em;
	background:#f3f3f3;
}
/*
.professionfoi ul {
    column-count: 2;
}
.professionfoi li {
	display:inline-block;
	border: 1px solid #000;
	border-radius:1em;
	padding:0.75em;
	margin:0.5em;
}
*/

.partenaires img {
    height:80px;
    display:inline-block;
}
@media (max-width: 1000px) {
	header img {
	    max-width:100px;
	}
	.axes, .pfbox {
		display:block;
	}
	.pfbox {
		margin:1em;
	}
	.partenaires img {
		height:50px;
	}
}