@import "basic.css?v=2";
@import "menu.css?v=2";

.container-fluid{width:100%;height:500px;}

.homepublier{
background-color: #CC0000;
border-radius: 60px;
padding: 10px 60px 10px 60px;
font-size: 25px;}

.sometimes {
    color: #fff;
    width: 100%;
    margin-top: 100px;
}

.sometimes h1{text-align:center;font-size:50px;}
.sometimes h2 {
text-align: center;
margin-top: 60px;
margin-bottom: 60px;
}
.sometimes a{color:#fff;}

.social{
text-align: center;}
a.mt-share-inline-bar-sm img {
  width: 34px;
  height: auto;
  border: 0px none;
}
a.mt-share-inline-bar-sm:hover {
  z-index: 50;
  transform: scale3d(1.075, 1.075, 1.075);
}
a.mt-share-inline-bar-sm {
  display: inline-block;
  width: 64px;
  height: 32px;
  border-radius: 0px;
  margin-right: 0px;
  text-align: center;
  position: relative;
  transition: all 100ms ease-in 0s;
  transform: scale3d(1, 1, 1);
}
.mt-google:hover {
  background-color: rgb(225, 95, 79);
}
.mt-google {
  background-color: rgb(221, 75, 57);
}
.mt-linkedin:hover {
  background-color: rgb(16, 135, 192);
}
.mt-linkedin {
  background-color: rgb(14, 118, 168);
}
.mt-twitter:hover {
  background-color: rgb(8, 187, 255);
}
.mt-twitter {
  background-color: rgb(0, 172, 238);
}
.mt-facebook:hover {
  background-color: rgb(66, 100, 170);
}
.mt-facebook {
  background-color: rgb(59, 89, 152);
}
.mt-pinterest:hover {
  background-color: rgb(221, 42, 48);
}
.mt-pinterest {
  background-color: rgb(204, 33, 39);
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color:#000;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}

.feed-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
}

.card {
  position: relative;
  width: 480px;
  height: 390px;
  margin: 3px;
  background-color: #ffffff;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}

.borderred{border: 3px solid #cc0000;}
.rubriquenews {
    background-color: #cc0000;
    margin-left: -30px;
    margin-right: 0 !important;
    padding: 1px 5px 2px;
}

.card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card:nth-child(5) {
  -webkit-box-flex: 545px;
  -webkit-flex: 545px;
      -ms-flex: 545px;
          flex: 545px;
}

.card-img {
  position: relative;
  height: 160px;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}
.card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-tools {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  padding: 15px 0;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.tools-item {
  margin-right: 20px;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.tools-item a {
  color: #fff;
  font-size: 16px;
}
.tools-item:hover {
  opacity: 0.7;
}

.tools-count {
  padding: 0 5px;
  color: #fff;
  font-size: 14px;

}

.tools-love {
    color: #cc0000;
    font-size: 20px;
	 margin-right: 30px;
}

.info-center {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
  text-align: center;
  color: white;
  background: rgba(0, 0, 0, 0.4);
  text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.9);
  font-size: 24px;
  font-weight: bold;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.info-author {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
  text-align: center;
  color: white;
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
  font-size: 16px;
  margin-top: 120px;
  font-weight: 100;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}