@font-face {

    font-family: sunbird;

    src: url("fonts/Sunbird DEMO.otf") format("opentype");

}



body {

    margin: 0;

    padding: 0;

    font-family: Arial, Verdana, sans-serif;

    color: black;

}



.container {

    background-color: white;

}



p {

    padding-left: 20px;

    padding-right: 4px;

    text-indent: 10px;

}



div#centre>h2 {

    margin-top: 20px;

    padding: 5px;

    background-color: #444;

    color: white;

    font-family: sunbird;

    font-weight: bold;

    font-style: italic;

}



div#centre>h3 {

    font-weight: bold;

    padding: 5px;

    font-size: 1.5em;

}



div#titre {

    text-align: center;

    display: flex;

    flex-direction: column;

    justify-content: space-around;

    align-items: stretch;

    height: 100px;

}



div#titre h1 {

    font-family: sunbird;

    font-style: italic;

    font-weight: bold;

    color: #ff0100;

    font-size: 3em;

    padding: 0;

    margin: 0;

}



div#titre p {

    font-size: 1.2em;

    padding: 0;

    margin: 0;

}



.rouge {

    color: #ba1e28;

}



.orange {

    color: #faa61a;

}



.bleu {

    color: #4881ab;

}



#header {

    display: flex;

    width: 100%;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 15px;

}



#header img {

    width: auto;

}



#menuhaut {

    margin: 0;

    padding: 6px 0;

    list-style-type: none;

    background-color: #000000;

    color: #dedede;

}



#menuhaut li {

    background-color: #000000;

    color: #dedede;

    margin: 0;

    display: inline;

}



#menuhaut a {

    margin: 7px;

    text-decoration: none;

    color: #dedede;

    font-weight: bold;

    font-size: 1.1em;

}



#menuhaut a:hover {

    color: #faa61a;

}



#centre {

    padding-left: 15px;

    padding-right: 15px;

}



.bloc p {

    padding: 10px;

}



.bloc form {

    color: #4881ab;

    font-weight: bold;

}



.bloc input {

    border: 1px solid #faa61a;

    color: #4881ab;

    width: 115px;

}



#identif {

    border: 1px solid #bcbcbc;

    background-color: #dbdbdb;

    width: 90px;

}



.bloc ul {

    margin: 10px 20px;

    padding: 0;

    list-style-type: none;

}



.bloc li {

    margin-top: 5px;

    text-align: right;

}



.bloc a {

    color: #16496d;

    text-decoration: none;

    font-weight: bold;

}



.bloc a:hover {

    color: #faa61a;

}



.categorie {

    padding: 5px 10px;

    color: black;

    font-weight: bold;

    font-size: 1.1em;

    background-color: #ddd;

    margin-bottom: 10px;

    text-align: right;

}



#footer {

    margin: 0;

    height: 40px;

}



#hautcadre {

    background-image: url(images/hautCadre.jpg);

    background-repeat: no-repeat;

    width: 668px;

    height: 20px;

    margin-left: 126px;

}



*:first-child+html #hautcadre {

    margin-left: 0;

}



#bascadre {

    background-image: url(images/basCadre.jpg);

    background-repeat: no-repeat;

    background-position: left bottom;

    width: 668px;

    margin-left: 126px;

}



*:first-child+html #bascadre {

    margin-left: 0;

}



#texteolindus {

    margin-right: 20px;

    padding-bottom: 20px;

}



#texteolindus h1 {

    color: #174362;

    text-decoration: underline;

}



#eolindus {

    list-style-type: none;

    text-align: left;

}



#texteolindus a {

    font-weight: bold;

    color: #b9131f;

    text-decoration: none;

}



#texteolindus a:hover {

    color: #4881ab;

}



#motion {

    border: 1px solid #cacaca;

    margin: 0 auto 0 20px;

    position: relative;

    background-color: #dfdfdf;

}



#motion h2 {

    color: #4881ab;

}



#motion p {

    width: 500px;

}



#lesArticles {

    padding: 10px 80px;

}



#sepDeg {

    background-image: url(images/sepDeg.jpg);

    background-position: left bottom;

    background-repeat: no-repeat;

    height: 2px;

    width: 676px;

}



.articles img {

    margin: 0px 10px 10px;

    float: left;

}



.articles h2 {

    margin: 15px 0;

    font-size: 1em;

    color: #4881ab;

}



.articles h3 {

    margin: 15px 0;

    font-size: 1em;

    color: #4881ab;

}



.articles p {

    text-align: left;

    font-weight: normal;

}



.articles a {

    text-decoration: none;

    font-weight: bold;

}



.articles a:hover {}



.articles ul {

    list-style-type: none;

    text-align: left;

}



.articles ol {

    text-align: left;

}



.articles span {}



#video {

    border: 1px solid black;

    padding: 20px;

}



#intermittence {

    background-color: #f8edd7;

}



#intermittence table {

    margin: 20px auto;

}



#eolienEmploi {

    padding: 20px;

}



#taxePro {

    padding: 20px;

}



#qui {

    padding: 20px;

}



#ouiEnergie {

    padding: 20px;

}



#ouiEnergie h3 {

    color: #4881ab;

}



#ouiEnergie td {

    border: 1px solid black;

}



#ouiEnergie a {

    text-decoration: none;

    color: #b9131f;

    font-weight: bold;

}



#ouiEnergie a:hover {

    color: #4881ab;

}



.departements {

    padding: 20px;

}



.departements table {

    border: 1px solid black;

}



#aidez {

    padding: 20px;

}



#aidez h2 {

    margin-top: 0;

}



#aidez table {

    border: 1px solid #faa61a;

}



#aidez table a {

    margin: 7px;

    text-decoration: none;

    color: #4881ab;

    font-weight: bold;

    font-size: 1.1em;

}



#aidez table a:hover {

    color: #faa61a;

}



#annonceProjetEolien {

    padding: 20px;

    text-align: left;

}



#annonceProjetEolien ul {

    list-style-type: none;

}



#annonceProjetEolien li {

    margin-top: 7px;

}



#annonceProjetEolien ul a {

    font-weight: bold;

    color: #4881ab;

    text-decoration: none;

}



#annonceProjetEolien ul a:hover {

    color: #faa61a;

}



#faq {

    padding: 20px;

}



#faq ul a {

    font-weight: bold;

    color: #4881ab;

    text-decoration: none;

}



#faq ul a:hover {

    color: #faa61a;

}



#faq li {

    padding-top: 7px;

}



#contact {

    padding: 20px;

}



#accuse {

    padding-top: 50px;

    padding-bottom: 70px;

}



#liensWeb {

    padding: 20px;

}



#liensWeb h1 {

    font-size: 1.4em;

}



#liensWeb ul {

    list-style-type: none;

}



#liensWeb a {

    text-decoration: none;

    color: #b9131f;

    font-weight: bold;

}



#liensWeb h2 {

    font-size: 1em;

    color: #51a822;

}



#liensWeb a:hover {

    color: #4881ab;

}



#liensWebFR {

    padding: 25px;

    text-align: left;

}



#liensWebFR h2 {

    color: #51a822;

}



#liensWebFR a {

    text-decoration: none;

    color: #b9131f;

    font-weight: bold;

}



.article {

    margin: 5px;

    margin-bottom: 45px;

    border-left: 5px solid #efefef;

    padding-bottom: 5px;

    border-right: 1px solid #efefef;

    border-bottom: 1px solid #efefef;

}



.article h2,

.article h3 {

    background-color: #EFEFEF;

    padding: 5px;

    font-size: 1.4em;

}



.article p {

    padding-left: 20px;

    padding-right: 4px;

}



div#centre ul,

div#centre li,

.article ul,

.article li {

    margin-top: 10px;

    margin-bottom: 10px;

}



.fab,

.fas,

.far {

    color: red;

}