/*FONT*/
@font-face {
  font-family: poppinLight;
  src: url(../inc/font/Poppins-Light.ttf);
}
@font-face {
  font-family: poppinRegular;
  src: url(../inc/font/Poppins-Regular.ttf);
}
@font-face {
  font-family: poppinBold;
  src: url(../inc/font/Poppins-Bold.ttf);
}
/*End FONT*/
/*COULEUR :
Marron foncé : #191716
Vert clair : #CBEFB6
Bleu canard : #1F7A8C
Marron clair : #9E643C
Marron très clair : #AB947E
*/

body{margin:0;padding:0}
h1{font-family:poppinBold;font-size:22px;color:#1f7a8c}
h2{font-family:poppinBold;font-size:18px;color:#1f7a8c}
h3{font-family:poppinBold;font-size:16px;color:#9e643c}
p,li{font-family:poppinLight;font-size:14px}
strong{font-family:poppinBold;color:#1f7a8c}
header{width:100%;display:flex;justify-content:center;padding:8px 0}
article{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#191716;padding:15px 0}
.sommaire{width:700px;padding:0 20px;background:#fff}
.sommaire ul{padding:0;padding-left:15px}
.sommaire li{background:url(../images/summary-bullet.png) no-repeat left top;padding:0px 0px 3px 35px;list-style:none;margin:0;}
.article-head-part{width:700px;padding:0 20px;background:#fff}
.img-premiere-part{width:700px;background:#fff;padding:10px 20px;}
.img-premiere-part img{width:700px;height:auto}
.content-part{width:700px;padding:10px 20px;background:#fff}
.content-part img{width:700px;}
.new-article-row img{width:100px;}
footer{width:100%;padding:15px 0;justify-content:center;background:#1f7a8c;align-items:center;display:flex}
footer p,footer a{color:#fff}
.new-article{width:100%;display:flex;justify-content:center;align-items:center;padding:20px 0;flex-direction:column}
.new-article-row{width:600px;padding:10px;display:flex;align-items:center;border:1px solid #9e643c;border-radius:10px;margin-bottom:10px}
.new-article-row img{margin-right:15px}
.info a{font-family:poppinBold;font-size:16px;color:#1f7a8c}
.info a:hover{;color:#9e643c}

table{width:100%;border-collapse:collapse;text-align:center}
table th{font-family:poppinBold;background:#1F7A8C;color:#fff;padding:10px;border:1px solid #ddd}
table td{font-family:poppinLight;color:#191716;padding:10px;border:1px solid #ddd}

@media (max-width: 750px) {
header img{width:300px}
.sommaire{width:80%}
.article-head-part{width:80%}
.img-premiere-part{width:80%}
.img-premiere-part img{width:100%}
.new-article-row{width:100%}
.content-part{width:80%}
.content-part img{width:100%}
footer p{text-align:center}
}