@charset "utf-8";
/* CSS Document */
#sp-header {
    background: #000;
  	box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.10);
}
.breadcrumb {
    background-color: #fff;
    margin-top:15px;
    border-bottom: 1px dotted #c7c7c7;
    text-transform: uppercase;
}
#redim-cookiehint {
    padding: 7px 5%;
    box-sizing: border-box;
    background-color: #000;
    font-size: 14px;
}
#sp-main-body {
    padding: 40px 0;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    font-size: 16px;
    text-transform: uppercase;
}
h1, h2 {
    color: #333333;
}
.logo-image {
    height: 68px;
  	max-width:none;
}
.sp-megamenu-parent > li > a {
    color: #8e8e8e;
}
.sp-megamenu-parent > li > a:hover {
    color: #fff;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
    color: #fff;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    display: inline-block;
    padding: 0 15px;
    line-height: 100px;
  	text-transform:uppercase;
    font-size: 17px;
    margin: 0;
}
.fa-bars:before {
    color: #fff;
}
@media screen and (max-width: 800px) {
  	#sp-header {
    background: #000;
	}
}
th, td {
  padding: 0px 10px 0px 10px;
  text-align: left;
}
.col-md-6 {
    padding-right: 22px;
    padding-left: 22px;
}
.article-details .article-ratings-social-share {
    padding: 1rem 0;
    border: 1px dotted #727272;
    margin: 15px;
    padding:10px;
}
.article-ratings-social-share:before {
    content: "Partager sur\00A0";
}
.article-ratings-social-share {
    float: right;
}
.article-social-share .social-share-icon ul li a {
    color: #fff;
    background: #0099ec;
    border: 1px solid #ededed;
    font-size: 1rem;
    border-radius: 50%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    display: inline-block;
}
#sp-footer, #sp-bottom {
    background-color: #000;
    color: #fff;
    text-align: center;
}
.article-list .article .article-intro-image img {
    border-radius: 0px;
    margin:auto;
    height: 250px;
    width: 350px;
    /*max-width: 300px;*/
    /*max-height: 180px;
    padding-top:20px;*/
    /*margin-left:25px;*/
}
.article-list .article .article-intro-image {
    border-bottom: 0px solid #f5f5f5;
}
.article-list .article .article-header h2 a {
    color: #0099ec;
    text-decoration: underline;
}
.article-list .article {
    margin-bottom: 30px;
    padding: 20px;
    border: 0px dotted #4b4b4b;
    background-color: #dcdcdc;
    border-radius: 0px;
    min-height: 210px;
    text-align:center;
}
.category-name  {
    text-align:center;
    text-transform: uppercase;
    margin:auto;
    font-weight:bold;
}
.filtres ul {
 padding:0;
 margin-top:30px;
 list-style-type:none;
 }
.filtres li {
 margin-right:10px;
 margin-bottom:10px;
 float:left; /*pour IE*/
 }
.filtres ul li a {
 display:block;
 float:left;   
 /*background-color:#6495ED;*/
 color:black;
 text-decoration:none;
 text-align:center;
 padding:10px;
 border:1px solid;
 /*pour avoir un effet "outset" avec IE :*/
 border-color:#000;
 }
.filtres ul li a:hover {
 /*background-color:#D3D3D3;*/
 border-color:#000;
 }
.sp-module-title {
 margin-top:30px;
 }
.article-details .article-feature-gallery img {
  height:600px;
  width:800px;
 }
.article-details .article-feature-gallery {
  margin:auto;
  text-align:center;
  height:600px;
  width:800px;
  margin-bottom:35px;
 }
.article-list .article-feature-gallery img {
  height:250px;
  width:350px;
 }
.article-list .article-feature-gallery {
  margin:auto;
  text-align:center;
  height:250px;
  width:350px;
 }
/*pc portable*/
@media screen and (max-width: 1200px) {
  .article-list .article-feature-gallery img {
  height:250px;
  width:290px;
 }
  .article-list .article-feature-gallery {
  margin:auto;
  text-align:center;
  height:250px;
  width:290px;
 }
  .article-details .article-feature-gallery img {
  height:400px;
  width:600px;
 }
  .article-details .article-feature-gallery {
  margin:auto;
  text-align:center;
  height:400px;
  width:600px;
  margin-bottom:35px;
 }
}
/*tablette*/
@media screen and (max-width: 992px) {
  .article-list .article-feature-gallery img {
  height:250px;
  width:210px;
 }
  .article-list .article-feature-gallery {
  margin:auto;
  text-align:center;
  height:250px;
  width:210px;
 }
  .article-details .article-feature-gallery img {
  height:400px;
  width:600px;
 }
  .article-details .article-feature-gallery {
  margin:auto;
  text-align:center;
  height:400px;
  width:600px;
  margin-bottom:35px;
 }
}
/*mobile1*/
@media screen and (max-width: 767px) {
  .article-list .article-feature-gallery img {
  height:350px;
  width:510px;
 }
  .article-list .article-feature-gallery {
  margin:auto;
  text-align:center;
  height:350px;
  width:510px;
 }
  .article-details .article-feature-gallery img {
  height:250px;
  width:330px;
 }
  .article-details .article-feature-gallery {
  margin:auto;
  text-align:center;
  height:250px;
  width:330px;
  margin-bottom:35px;
 }
}
/*mobile2*/
@media screen and (max-width: 360px) {
  .article-list .article-feature-gallery img {
  height:250px;
  width:330px;
 }
  .article-list .article-feature-gallery {
  margin:auto;
  text-align:center;
  height:250px;
  width:330px;
 }
  .article-details .article-feature-gallery img {
  height:250px;
  width:330px;
 }
  .article-details .article-feature-gallery {
  margin:auto;
  text-align:center;
  height:250px;
  width:330px;
  margin-bottom:35px;
 }
}
#sp-left .sp-module, #sp-right .sp-module {
    margin-top: 50px;
    border: 1px solid #a6a6a6;
    padding: 0px;
    border-radius: 3px;
}