@charset "utf-8";
/* CSS Document */
/*NEWS*/
/*RECHERCHE*/
#btn-recherche {width: 43px; height:43px; color:var(--btnrc);background-color:var(--btnrk);padding: 0; margin:0; font-size:24px;font-family: 'Glyphicons Halflings'; text-align:center;}
#btn-recherche:before {content: "\e003";text-align:center;padding-left:8px;  margin:0;}
#btn-recherche:hover,
#btn-recherche:focus,
#btn-recherche:active
 {color:var(--btnrcf);background-color:var(--btnrkf);}
/*Menu NEWS List années*/
#listNewsAnnee {margin-top: 25px;background-color: transparent;	font-size: 1.8em; }
#listNewsAnnee ul {list-style: none;padding-left:0px;}
#listNewsAnnee ul li a:after {content:'\203a';position: relative;top: -3px;padding-left: 5px;font-size: 0.6em;}
#listNewsAnnee ul li a span {font-size: 0.6em;}
/*menu News list News*/
#list-news-menu {padding-left:0px;}
#list-news-menu h3 {padding-top: 15px;}
.list-news-menu-img {margin-top: 5px;width: 100%;max-height: 80px;float: left;overflow: hidden;}
.list-news-menu-img img {width: 100%;max-width: 150px;max-height: 150px}
.list-news-menu-text {width: 100%;float: left;padding-left: 5px;margin-bottom: 1px; }
.list-news-menu-text p.titre{ font-size:0.9em;  }
#list-news-menu a {color: #000;}
#list-news-menu a p.date {margin-top: 5px;color: #999;font-size: 0.8em;	line-height: 0.5em;}
.une-news-menu{ padding:5px;}
.une-news-menu:hover{ background-color:#f2f2f2;}
.list-news-libelle a{text-decoration:none;}
.breadcrumb > li {display: inline-block;line-height:38px;}
.breadcrumb > li + li::before {
    content: "/\00a0";
    padding: 0 5px;
    color: #cccccc;
}
.breadcrumb h1{margin:0;}

.breadcrumb{display: flex;align-items: center;justify-content: left;}
@media (min-width:360px) {
	.list-news-menu-img {width: 40%;}
	.list-news-menu-text {width: 60%;}
}
@media (min-width:400px) {
	.list-news-menu-img {width: 40%;}
	.list-news-menu-text {width: 60%;}
}
@media (min-width:450px) {
	.list-news-menu-img {width: 35%;}
	.list-news-menu-text {width: 65%;}
}
@media (min-width:500px) {
	.list-news-menu-img {width: 30%;}
	.list-news-menu-text {width: 70%;}
}
@media (min-width:550px) {
	.list-news-menu-img {width: 28%;}
	.list-news-menu-text {width: 72%;}
}
@media (min-width:600px) {
	.list-news-menu-img {width: 25%;}
	.list-news-menu-text {width: 75%;}
}
@media (min-width:650px) {
	.list-news-menu-img {width: 23%;}
	.list-news-menu-text {width: 77%;}
}
@media (min-width:700px) {
	.list-news-menu-img {width: 23%;}
	.list-news-menu-text {width: 77%;}
}
@media (min-width:768px) {
	.list-news-menu-img {width: 20%;}
	.list-news-menu-text {width: 80%;}
}
/*PAGE LISTE TOUTES LES NEWS news.html*/
.news-list-toutes{ padding:0px;  margin-bottom:10px;}
.entreprise-emetrice{ width:100%; float:left; padding:10px  ;background-color:#fff;}
.entreprise-emetrice img{ width:10%; float:none; margin: 0 ;}
.nom-entreprise .nom-entreprise{ width:90%;float:left;}
.news-list-toutes .date{ text-align:right;color:var(--nwsdate);}
.la-news{ width:100%;float:left;background-color:#fff; padding:10px;}
.la-news .titre{width:100%; float:none; font-size:1.2em;}
.la-news .list-news-img{ margin-bottom:10px;}
@media (min-width:400px){
	.la-news .nom-entreprise{width:50%; float:left; margin:0; min-height:30px }
	.la-news .date{width:50%; float:right; margin:0;height:30px  }
	.la-news .titre{width:100%; float:none; font-size:1.2em; margin:10px 0; padding-top:10px; border-top:1px solid #f2f2f2; }
}
@media (min-width:800px){
	.entreprise-emetrice{ width:10%; float:left; padding:0 10px;background-color:transparent;}
	.entreprise-emetrice img{ width:100%; float:none; margin: 0 ;}
	.la-news{ width:90%;float:left;background-color:#fff; padding:10px;}
	.la-news .list-news-img{ width:30%;padding:0; float:left}
	.la-news .list-news-libelle{ width:70%; padding:0 0 0 10px; float:left}
}
@media (min-width:980px){
	.entreprise-emetrice{ width:10%; float:left; padding:0 10px;}
	.la-news{ width:90%;float:left;background-color:#fff; padding:10px;}
	.la-news .list-news-img{ width:30%;padding:0; float:left}
	.la-news .list-news-libelle{ width:70%; padding:0 0 0 10px; float:left}
}
@media (min-width:1200px){
	.la-news{ width:90%;float:left;background-color:#fff; padding:10px;}
	.la-news .nom-entreprise{width:50%; float:left; margin:0; min-height:30px }
	.la-news .list-news-libelle{ width:70%; padding:0 0 0 10px; float:left}
}
/*PAGE NEWS UNIQUE d'une Entreprise modele01*/
	.une-news-texte{ background-color:#fff; padding:10px; margin-bottom:50px;}
	.block-date-logo{margin: 0 ; padding: 10px ; background-color:#fff;}
	.block-date-logo img.img-responsive{ margin: 0 auto ;}
	.une-news-texte .nom-entreprise{ width:50%; float:left; font-size:1.2em;}
	.une-news-texte .titre{ width:100%; margin:10px 0; border-top:1px solid #f2f2f2; font-size:1.5em; padding-top:15px;}
	.une-news-date { width:100%;text-align:right; color:#488dc6;}
@media (min-width:800px){
	.block-date-logo{ width: 10%; float:left; background-color:transparent; padding:0 10px 0 0;}
	.une-news-texte{ width:90%; float:left;}
	.une-news-date { width:50%; float:right;}
}
@media (min-width:980px){
	.block-date-logo{ width: 15%; float:left;}
	.une-news-texte{ width:85%; float:left;}
}
@media (min-width:1200px){
	.block-date-logo{ width: 15%; float:left;}
	.une-news-texte{ width:85%; float:left;}
}
/*PAGE ENTREPRISE FICHE Les news de l'entreprise*/
#entreprise-list-news{ margin:10px 0;}
#entreprise-list-news .date{ text-align:right; font-size:0.8em; color:#d2d2d2;}
#entreprise-list-news .news-entreprise-text{ margin-bottom:10px;}
#entreprise-list-news .texte{ font-size:0.9em;}
#entreprise-list-news .titre{ font-size:1.5em;border-bottom: 1px solid #f2f2f2;margin-bottom: 15px;text-transform: uppercase;font-family: 'alegreya_sansregular';font-weight: 700;}