/* ######################## IMPORT V3 ######################## */
#contenuArticlePro { font:14px/1.5em arial,helvetica,clean,sans-serif; text-align:left; padding-right:6px; color:#414141;}
#contenuArticlePro a {color:#E1081F;text-decoration:none;}
#contenuArticlePro a:hover {color:#E1081F;text-decoration:underline;}
#contenuArticlePro ul { 
	margin-top:0px;
	margin-bottom:0px;
	list-style-type: disc;
	padding: 0 40px; 
} 
#contenuArticlePro ul li { 
	list-style-type: disc;
} 
#contenuArticlePro ol { 
	margin-top:0px;
	margin-bottom:0px;
	list-style-type: decimal;
	padding: 0 40px; 
} 
#contenuArticlePro ol li { 
	list-style-type: decimal;
} 

#contenuArticlePro table.imageCaption { background:#ccc; color:black; margin:5px; padding:0; border-collapse:collapse; border:0 none; width: 0px; empty-cells: hide; }
#contenuArticlePro table.imageCaption tr { margin:0; padding:0; border-collapse:collapse; border:0 none; }
#contenuArticlePro table.imageCaption td { margin:0; padding:0; border-collapse:collapse; border:0 none; text-align:center; }
#contenuArticlePro table.imageCaption td.image img { border:0 none; margin:0; padding:0;}
#contenuArticlePro table.imageCaption td.caption { line-height:11px; padding: 0 5px 5px 5px; font-size:10px; *padding-top: 5px; }
#contenuArticlePro span.AAPartParagraphe {font-family:Arial;font-size:11px;color: #414141;}
#contenuArticlePro .AAPartTitre,  
#contenuArticlePro span.AAPartTitre {font-family:Arial;font-weight:bold;font-size:20px;color: #414141; line-height: normal; height: auto; margin-bottom: 5px;}
#contenuArticlePro span.AAPartMeaTexte {font-family:Arial;font-weight:bold;font-size:20px;color: #414141;}
#contenuArticlePro .AAPartMeaTitre, 
#contenuArticlePro span.AAPartMeaTitre {font-family:Arial;font-weight:bold;font-size:20px;color: #E50000;}
#contenuArticlePro span.AAPartTxtDefaut {font-family:Verdana,Arial,Helvetica;font-size:14px;}
#contenuArticlePro span.AAPartTxtRouge {color:#E50000;}
#contenuArticlePro .AAPartTitre {
	clear: both;
}

#contenuArticlePro .borderBasAutoPromo {
	font-family:Verdana,Arial,Helvetica;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	border-bottom: 1px solid #E0E0E0;
	padding:0px;
	margin: 0px;
}

#contenuArticlePro #PaveDroiteTitre {
	background-color:#E60000;
	width:298px;
	font-family:Arial;
	font-weight:bold;
	font-size:15px;
	color:white;
	line-height:18px;
	height:18px;
}

#contenuArticlePro .degradeGris {
	background:url('/img/cote/grise.gif') scroll top left;
	background-repeat: repeat-x;
}

#contenuArticlePro .lienRouge {
	background-image:url(/img/occasion3/redArrow.gif);
	background-position:0 5px;
	background-repeat:no-repeat;
	color:#DA0400;
	font-size:11px;
	font-weight:bold;
	padding-left:10px;
	text-decoration:underline;
}

#contenuArticlePro p {
	margin-bottom: 10px !important;
}
/* ######################## FIN IMPORT V3 ######################## */



/*Surcharge boostrap */
.modal-md{
	width:500px;
}

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.has-error label.error,
#signupForm label.error,
#signinForm label.error {
    color: #c7100f;
    font-weight:normal;
}
#signupForm input.error,
#signinForm input.error {
    border: 1px solid #c7100f;
    color: #c7100f;
}

/* page header wrapper */

.page-header-wrapper {
	background-color: #3f6eac;
	color: #fff;
}

/* page heading */

.rubrique-sinformer .lvl1-heading,
.rubrique-sinformer .page-header-link a {
	color: #3f6eac;
}

/*Page search*/

/* Barre de Navigation catégories Pro / Part*/
#search-nav .navbar-nav {
	float: none;
	padding: 0;
}
#search-nav {
	border: 0 none;
	margin-bottom:20px;
}
#search-nav .navbar-nav li {
	position: relative;
	float: none;
}
#search-nav li {
	height: 58px;
}
#search-nav .navbar-nav li a {
	display: block;
	line-height: 1;
	text-decoration: none;
	height: 58px;
}
.navbar-nav li a {
	display: block;
	padding: 0;
	line-height: 1;
	text-decoration: none;
}
#search-nav li a {
	padding-top: 13px;
	color: #1d1d1d;
	font-family: "Roboto Condensed",sans-serif;
	font-size: 20px;
	font-weight: bold;
}
#search-nav li a {
    padding-bottom: 4px;
}
#search-nav li a:active,
#search-nav li a:focus,
#search-nav li a:hover,
#search-nav li.active a {
	background-color: #fff;
}
#search-nav li {
     margin-left: 20px;
}
#search-nav .container {
	padding: 0;
	margin: 0;
}
#search-nav {
	height: 58px !important;
	border-bottom: 4px solid #dfe8eb;	
}
#search-nav .navbar-nav {
	display: table;
	width: 100%;
	position: relative;
	height: 58px;
}
#search-nav .navbar-nav::before {
	background: transparent url(/pro/static/img/misc/main-nav-sep.png) no-repeat scroll left 15px;
	height: 60px;
	left: -1px;
	position: absolute;
	top: 0;
	width: 1px;
}
#search-nav .navbar-nav::after {
	content: " ";
	background: transparent url(/pro/static/img/misc/main-nav-sep.png) no-repeat scroll right 15px;
}
#search-nav .navbar-nav li {
	position: relative;
	display: table-cell;
	text-align: center;
   	width: 200px;
   
}
#search-nav li + li {
	background: transparent url(/pro/static/img/misc/main-nav-sep.png) no-repeat scroll left 15px;
	padding-left: 1px;
}
#search-nav li a {
	padding-bottom: 4px;
	padding-left: 4px;
	color:#a4b0b4;
}
#search-nav li a:active,
#search-nav li a:focus,
#search-nav li a:hover,
#search-nav li.active a {
	padding-bottom: 0;
	border-bottom-style: solid;
	border-bottom-width: 4px;
}
#search-nav li.rub-sinformer a:active,
#search-nav li.rub-sinformer a:focus,
#search-nav li.rub-sinformer a:hover,
#search-nav li.active.rub-sinformer a {
	color: #3f6eac;
	border-bottom-color: #3f6eac;
}
#search-nav li.rub-clubargus a:active,
#search-nav li.rub-clubargus a:focus,
#search-nav li.rub-clubargus a:hover,
#search-nav li.active.rub-clubargus a {
	color: #ed1a3b;
	border-bottom-color: #ed1a3b;
}
#nav-valo h3 {
	font-size: 24px;
}
/* vignettes articles (tuiles) */

.media {
	background-color: #f2f7f9;
	border-bottom: 5px solid #a4b0b4;
	margin: 0 0 20px;
}
.media:hover {
	background-color: #fff;
	border-color: #3f6eac;
	box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);
}
.media:hover .media-heading a,
.media-body .label-rubrique:hover {
	color: #3f6eac;
}
.media-left {
	padding-right: 0;
}
.media-object {
	width: 100%;
	height:auto;
}
.media-body {
	position: relative;
	vertical-align: middle;
	border-right: 1px solid #dfe8eb;
}
.media-heading {
	padding: 18px 18px 60px;
	font-family: "Roboto Condensed",sans-serif;
	font-weight: 700;
}

/*Surcharge Ajout Chapo dans les tuiles*/
.container .media-lg.top-layout {
	max-height:599px;
}
.media-heading .title-article{
	font-family: "Roboto Condensed",sans-serif;
	font-weight: 700;
	margin-bottom:14px;
	margin-top:0;
}
.media-lg .media-heading .title-article{
	font-size: 32px !important;
}
.media-md .media-heading .title-article{
	font-size: 22px !important;
	/*modification hauteur de ligne [01/12/2015]*/
	line-height: 1.25em;
	/*modification hauteur minimal du titre [01/12/2015]*/
	min-height: 85px;
}
.media-md .media-heading .chapo-article {
	min-height: 100px;
}
.media-lg.top-layout .media-heading{
	padding: 20px 18px 42px 18px;
}

.media-md.left-layout .media-heading{
	padding: 2px 18px 33px 18px;
}
.media-heading .chapo-article{
	font-size: 16px !important;
	font-family: "Roboto",sans-serif;
	font-weight: normal;
	margin-top: 0;
}
.media-lg.top-layout .media-heading .chapo-article{
	font-size: 18px !important;
	line-height:1.5em;
}
/*Fin surcharge*/

.media-md.top-layout .media-heading {
	font-size: 32px;
}
.media-md.left-layout .media-heading {
	font-size: 28px;
}
.media-heading,
.media-heading a {
	color: #1d1d1d;
}
.media-heading a {
	text-decoration: none;
}
.media-body .label-rubrique {
	position: absolute;
	bottom: 13px;
	right: 13px;
	padding: 1px 25px 2px;
	border: 1px solid #a4b0b4;
	color: #a4b0b4;
	font-size: 16px;
	text-decoration: none;
	text-transform: uppercase;
}


@media (min-width: 992px) {
	/*.media-lg.top-layout .media-body {
		height: 194px;
	}*/
	.media-md.top-layout .media-body {
		height: 223px;
	}
	.media-md .media-object {
		height: 197px;
	}
	.media-md.left-layout {
		display: table;
		width: 100%;
	}
	.left-layout .media-left {
		display: block;
		width: 300px;
	}
	.left-layout .media-body {
		width: 50%;
	}

}
@media (max-width: 991px) {
	.redaction .media-left,
	.recherche .media-left,
	.home-rubrique .media-left {
		display: block;
	}
	.top-layout .media-body,
	.home-rubrique .left-layout + .media-body {
		height: 217px;
	}
}
@media (min-width: 768px) {
	.media-lg .media-heading {
		font-size: 39px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.col-sm-6 .top-layout .media-body,
	.col-sm-6 .left-layout .media-body {
		display: block;
		width: auto;
		height: 217px;
	}
	.col-sm-6 .media-top,
	.col-sm-6 .media-left {
		display: block;
		height: 230px;
		overflow: hidden;
	}
	.col-sm-8 .top-layout .media-body,
	.col-sm-8 .left-layout .media-body {
		height: auto;
	}
	.col-sm-8 .media-top,
	.col-sm-8 .media-left {
		height: auto;
	}
}
@media (max-width: 767px) {
	.media-lg .media-heading {
		font-size: 34px;
	}
}

.media-md .datetime {
	position: absolute;
	top: 9px;
	padding: 0 18px;
	color: #a4b0b4;
	font-size: 14px;
}
.datetime + .media-heading {
	padding-top: 35px;
}

/* recherche */

#search-form {
	padding-bottom: 20px;
}
.search-label {
	padding-top: 10px;
	font-family: "Roboto Condensed",sans-serif;
	font-weight: 300;
}
input.search {
	padding-left: 64px;
	background-image: url(../img/icon/search.png);
	background-repeat: no-repeat;
	background-position: 13px 10px;
}

@media (min-width: 768px) {
	.search-label {
		font-size: 26px;
	}
}
@media (max-width: 767px) {
	.search-label {
		margin-bottom: 0;
	}
	input.search {
		margin-bottom: 20px;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.search-label {
		font-size: 20px;
	}
}
@media (max-width: 479px) {
	.search-label {
		font-size: 18px;
	}
}

/* tribune libre */

.tribune-libre {
	background-color: #353637;
	text-align: center;
}
.tribune-libre a {
	color: #f2f7f9;
	text-decoration: none;
}
.tribune-photo img {
	width: 100%;
}
.tribune-heading {
	display: table;
	width: 100%;
	height: 156px;
}
.tribune-heading .heading {
	display: table-cell;
	padding: 37px 1px 3px;
	font-family: "Roboto Condensed",sans-serif;
	font-style: italic;
	font-weight: bold;
	vertical-align: middle;
}
.tribune-label {
	position: absolute;
	left: 0;
	right: 0;
	display: block;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #696b71;
	letter-spacing: 6px;
	text-align: center;
	text-transform: uppercase;
}
.tribune-footer {
	display: table;
	width: 100%;
	height: 70px;
	background-color: #272727;
}
.tribune-footer a {
	display: table-cell;
	vertical-align: middle;
}
@media (min-width: 992px) {
	.tribune-heading .heading {
		margin-top: 12.5px;
		font-size: 28px;
	}
	.tribune-label {
		font-size: 20px;
	}
	.tribune-footer {
		font-size: 17px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.tribune-label {
		font-size: 16px;
	}
	.tribune-heading {
		height: 120px;
	}
	.tribune-heading .heading {
		display: table-cell;
		font-size: 22px;
		vertical-align: middle;
	}
	.tribune-footer {
		height: 40px;
		font-size: 14px;
	}
}

/* actu liste texte */

.home .actu-liste {
	position: relative;
	padding-bottom: 3px;
	z-index:1;
}
.actu-liste hr {
	display: none;
}
.home .actu-liste hr {
	display: block;
	position: absolute;
	top: 50px;
	width: 100%;
	height: 4px;
	background-color: #dfe8eb;
	border: 0 none;
	margin: 0;
}
.actu-liste a {
	display: block;
	padding: 6px 1px 11px;
	border-bottom: 1px solid #dfe8eb;
	color: #a4b0b4;
	text-decoration: none;
}
.actu-liste a {
	font-size: 18px;
	font-weight: normal;
}
.home .actu-liste li:last-child a {
	border-bottom: 0 none;
}
.actu-liste a:hover {
	color: #3f6eac;
	border-bottom-color: #3f6eac;
}
.actu-liste a span:before {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #fff;
    margin: -2px 12px 0 2px;
    border: 1px solid #8eaace;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	content: " ";
	transition: all 200ms ease;
}
.actu-liste a:hover span:before {
	background-color: #3f6eac;
	border-color: #3f6eac;
}
@media (max-width: 991px) {
	.home .actu-liste .lvl3-heading {
		margin: 15px 0 25px;
		font-size: 18px;
	}
	.actu-liste a {
		font-size: 15px;
	}
}
@media (max-width: 767px) {
	.home .actu-liste [class*="col"]:nth-child(odd) {
		background-color: #f2f7f9;
		border-top: 1px solid #dfe8eb;
		border-bottom: 1px solid #dfe8eb;
	}
	.actu-liste > hr {
		display: none;
	}
	.home .actu-liste .lvl3-heading {
		margin-top: 20px;
	}
	.home .actu-liste .lvl3-heading + hr {
		margin-left: -10px;
	}
	.actu-liste [class*="col"] {
		border-top: 1px solid #dfe8eb;
	}
	.actu-liste a {
		padding-left: 20px; 
	}
	.actu-liste a span {
	    position: relative;
	}
	.actu-liste a span:before {
	    position: absolute;
	    top: 50%;
	    left: -20px;
	    margin-top: -5px;
	}
}
@media (min-width: 768px) {
	.home .actu-liste:nth-child(odd) {
		background-color: #f2f7f9;
		border-top: 1px solid #dfe8eb;
		border-bottom: 1px solid #dfe8eb;
	}
	.actu-liste + .actu-liste {
		margin-top: 20px;
	}
	.actu-liste a span {
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}
@media (min-width: 992px) {
	.home .actu-liste .lvl3-heading {
		margin: 15px 0 25px;
		font-size: 25px;
	}
	.actu-liste a {
		font-size: 18px;
	}
	.actu-liste hr {
		top: 60px;
	}
}

/* en direct */

.btn-actualiser {
	position: relative;
	display: block;
	background-color: #f2f7f9;
	margin-top: 10px;
	padding: 16px 18px;
	border-color: #dfe8eb;
	border-style: solid;
	border-width: 0 1px 1px 0;
	font-size: 22px;
	text-align: left;
}
.btn-label {
	display: inline-block;
	margin-left: 12px;
	vertical-align: top;
	color: #3f6eac;
	line-height: 30px;
}
.refresh-icon {
	display: inline-block;
	width: 25px;
	height: 30px;
	background: url(../img/icon/sprites.png) no-repeat -185px -39px;
}
.article-live-count {
	position: absolute;
	display: block;
	background-color: #c52127;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.btn-actualiser .article-live-count {
	top: 14px;
	right: 10px;
	width: 35px;
	height: 35px;
	border-radius: 17px;
	line-height: 33px;
}
.liste-live {
	padding-left: 5px;
}
.article-live {
	position: relative;
	border-left: 2px solid #d8dfe2;
}
.article-pin {
	position: absolute;
	left: -10px;
	display: block;
	width: 18px;
	height: 18px;
	background: url(../img/icon/sprites.png) no-repeat -2px -68px;
}
.article-live a:hover + .article-pin {
	background-position: -22px -68px;
}
.article-live a {
	border-bottom: 1px dashed #dfe8eb;
	text-decoration: none;
}
.article-live a:hover {
	background: #3f6eac;
}
.article-live-meta .heure {
	color: #3f6eac;
	font-weight: 700;
}
.article-live-meta .rubrique {
	color: #696b71;
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase;
}
.article-live-heading {
	color: #1d1d1d;
}
.article-live a:hover .article-live-heading {
	color: #fff;
}

.article-live-content {
	padding: 5px 25px 0px 25px;
}
.article-live-content .heure {
	color: #3f6eac;
	font-weight: 600;
}
.article-live-content .rubrique {
	color:#696b71;
}

@media (min-width: 768px) {
	.article-live {
		padding-left: 15px;
	}
	.article-pin {
		top: 50%;
		margin-top: -9px;
	}
	.article-live a {
		display: table;
		width: 100%;
		padding: 20px 0;
	}
	.article-live a * {
		line-height: 1;
	}
	.article-live-meta,
	.article-live-heading {
		display: table-cell;
	}
	.article-live-meta {
		width: 25%;
		text-align: center;
		vertical-align: middle;
	}
	.article-live a:hover .heure-rubrique {
		display: none;
	}
	.article-live a:hover .article-live-content .heure,
	.article-live a:hover .article-live-content .rubrique {
		color: #fff;
	}
	.article-live-meta .heure,
	.article-live-meta .rubrique {
		display: block;
	}
	.article-live-meta .heure {
		margin-bottom: 9px;
		font-size: 30px;
	}
	.article-live-photo {
		width: 100%;
		max-height: 101px;
	}
	.article-live a:hover .article-live-photo {
		display: block;
	}
	.article-live-heading {
		padding-top: 15px;
		font-size: 26px;
		line-height: 1.3em;
    }
}
@media (min-width: 992px) {
	.article-live-meta {
		height: 101px;
	}
	.article-live-photo {
		max-height: 101px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.article-live-meta {
		height: 118px;
	}
	.article-live-photo {
		max-height: 118px;
	}
}
@media (max-width: 767px) {
	.article-live-content .rubrique {
		color: #fff;
	}
	.btn-actualiser,
	.article-pin {
		display: none;
	}
	.article-live-content {
		padding: 5px;
		background: #353637;
	}
	.article-live {
		padding-top: 15px;
		border:none;
	}
	.article-live a {
		border: none;
	}
	.article-live-photo {
		width: 100%;
	}
	.liste-live {
		padding: 0;
	}
	.article-pin {
		top: 25px;
	}
	.article-live a {
		display: block;
	}
	.article-live-meta .heure-rubrique {
		display: table;
		width: 100%;
		padding-bottom: 2px;
		border-bottom: 1px solid #dfe8eb;
	}
	.article-live-meta .rubrique {
		display: table-cell;
		vertical-align: middle;
	}
	.article-live-meta .heure {
		font-size: 25px;
	}
	.article-live-meta .rubrique {
		text-align: right;
	}
	.article-live-heading {
		padding: 10px 0;
		margin: 0;
		font-size: 24px;
		color: #fff;
    }
    .rubrique-sinformer .conteneur-gam-native-ad-1, 
    .rubrique-sinformer .conteneur-gam-native-ad-2,
    .rubrique-sinformer .conteneur-gam-native-ad-3 {
        padding-top: 15px;
    }
}

/* détail article */

.article-heading {
	margin: 0 0 20px;
	color: #353637;
	font-weight: bold;
	line-height: 1.1;
}
@media (min-width: 992px) {
	.article-heading {
		font-size: 52px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.article-heading {
		font-size: 40px;
	}
}
@media (max-width: 767px) {
	.article-heading {
		font-size: 27px;
	}
}
.article-meta {
	margin-bottom: 16px;
	margin-left: -5px;
	font-weight: 500;
}
@media (min-width: 768px) {
	.article-meta {
		font-size: 14px;
	}
}
@media (max-width: 767px) {
	.article-meta {
		font-size: 12px;
	}
}
.article-meta a {
	color: #3f6eac;
	text-decoration: none;
}
.article-meta a:active,
.article-meta a:hover {
	text-decoration: underline;
}
.article-meta > li {
	padding-right: 4px;
	padding-left: 4px;
}
@media (min-width: 768px) {
	.article-meta > li + li::before {
		padding-right: 7px;
		content: "|";
		color: #a4b0b4;
		font-size: 20px;
		line-height: 16px;
	    vertical-align: top;
	}
}
.article-author,
.article-date {
	vertical-align: top;
}
@media (max-width: 767px) {
	.article-author {
		float: left;
	}
	.article-date {
		float: right;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.article-meta .article-date {
		display: block;
		padding-left: 0;
	}
	.article-meta .article-date::before {
		content: "";
		padding: 0;
	}
}
.article-photo {
	position: relative;
}
.article-clear {
	clear: both;
	height: 0; overflow: hidden; /* Précaution pour IE 7 */
}
/*legende des photos, figure et figcaption */
.article-body.contenuArticlePro img {
	width: 48%;
	height: auto;
}
.contenuArticlePro .groupeImageLegende {
	margin:10px auto;
	padding: 0;
	clear: both;
	line-height: 0;
}
.contenuArticlePro .groupeImageLegende.figureFullWidth {
	width:100%;
}
.contenuArticlePro .groupeImageLegende.figureLeft,
.contenuArticlePro .groupeImageLegende.figureRight {
	width: 48%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.contenuArticlePro .groupeImageLegende.figureLeft {
	margin-right: 10px;
	margin-left: 0px;
	float: left;
}
.contenuArticlePro .groupeImageLegende.figureRight {
	margin-right: 0px;
	margin-left: 10px;
	float: right;
}
@media (max-width: 360px) {
	.contenuArticlePro .groupeImageLegende.figureLeft {
		margin-right: 5px;
		margin-left: 0px;
	}
	.contenuArticlePro .groupeImageLegende.figureRight {
		margin-right: 0px;
		margin-left: 5px;
	}
}
@media (min-width: 361px) {
	.contenuArticlePro .groupeImageLegende.figureLeft {
		margin-right: 10px;
		margin-left: 0px;
	}
	.contenuArticlePro .groupeImageLegende.figureRight {
		margin-right: 0px;
		margin-left: 10px;
	}
}
.contenuArticlePro .groupeImageLegende.figureLeft {
	float: left;
}
.contenuArticlePro .groupeImageLegende.figureRight {
	float: right;
}

.contenuArticlePro .groupeImageLegende img{
	width: 100%;
}

.contenuArticlePro .groupeImageLegende a {
	display: inline-block;
}
.contenuArticlePro .figure-wrapper .groupeImageLegende {
	clear: none;
}

.contenuArticlePro .groupeImageLegende figcaption.legendeEncadreePro {
    padding: 8px;
    color: #f2f7f9;
    background-color: 000;
    background: rgba(0,0,0,0.9);
    font-size: 12px;
    vertical-align: middle;
    color: #f2f7f9;
    line-height: 1.5em;
    box-sizing: border-box;
    display: table;
    width: 100%;
	margin:0;
}

.article-photo-caption {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: table;
	width: 100%;
	padding: 12px 0 12px 16px;
	color: #f2f7f9;
	background-color: #000;
	background: rgba(0,0,0,0.6);
}
.article-photo-caption .caption,
.article-photo-caption .gallery-link {
	display: table-cell;
	vertical-align: middle;
}
.article-photo-caption .caption {
	padding: 2px 14px 2px 0;
	border-right: 1px solid rgba(242,247,249,0.4);
	font-size: 14px; 
}
.article-photo-caption .gallery-link {
	width: 25%;
	text-align: center;
}
.article-photo-caption .gallery-link a {
	color: #f2f7f9;
	font-weight: bold;
}
.article-sub-heading {
	color: #1d1d1d;
	line-height: 1.3;
}
@media (min-width: 768px) {
	.article-sub-heading {
		font-size: 18px;
		margin-bottom:20px;
		text-align: justify;
	}
}
@media (max-width: 767px) {
	.article-sub-heading {
		font-size: 18px;
		text-align: justify;
	}
}
.article-body {
	margin-bottom: 30px;
	line-height: 1.5em;
}
.article-body p {
	font-weight: 400;
	line-height: 1.5em;
}

.article-body a {
	text-decoration: none;
}
.article-body a:active,
.article-body a:hover {
	text-decoration: underline;
}
.article-body p + .article-photo,
.article-body .article-photo + p {
	margin-top: 20px;
}
@media (min-width: 768px) {
	.article-body p  {
		font-size: 15px;
	}
}
@media (max-width: 767px) {
	.article-body p  {
		font-size: 15px;
	}
}
.article-body .lvl2-heading {
	color: #353637;
	font-weight: bold;
}
@media (min-width: 768px) {
	.article-body .lvl2-heading {
		margin: 40px 0 5px;
	}
}
@media (max-width: 767px) {
	.article-body .lvl2-heading {
		margin: 25px 0 5px;
	}
}
.article-docs {
	margin-top: 10px;
}
.article-pager {
	font-size: 20px;
}
.pager .prev {
	float: left;
}
.pager .next {
	float: right;
}
@media (min-width: 768px) {
	.article-pager .button {
		width: 33.3333%;
	}
	.article-pager .arrow-prev {
		float: left;
	}
	.article-pager .arrow-next {
		float: right;
	}
}
.pager .button > a,
.pager .button > span {
	display: block;
	width: 100%;
	text-decoration: none;
}
.article-pager .button > a,
.article-pager .button > span {
	background-color: #f2f7f9;
	padding: 7px 14px;
	border-color: #dfe8eb;
	border-style: solid;
	border-width: 0 0 3px 0;
	color: #1d1d1d;
}
.article-pager .disabled > a,
.article-pager .disabled > a:hover,
.article-pager .disabled > span {
	color: #a4b0b4;
	background-color: #fafafa;
}
.article-pager .prev > a,
.article-pager .prev > span {
	border-right-width: 1px;
}
.article-pager .next > a,
.article-pager .next > span {
	border-left-width: 1px;
}
.article-pager .button > a:hover {
	background-color: #fff;
	border-bottom-color: #3f6eac;
	box-shadow: 0 0 12px rgba(0,0,0,0.2);
	color: #3f6eac;
}
.article-pager .button .page-arrow {
	margin-top: 6px;
}
.article-pager .page-count {
	display: inline-block;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 2px solid #dfe8eb;
	border-radius: 22px;
	color: #a4b0b4;
	line-height: 40px;
}
.article-footer .lvl3-heading {
	display: block;
	padding-top: 8px;
	padding-bottom: 9px;
	margin: 20px 0 0;
}
.article-footer .actu-liste .lvl3-heading {
	border-bottom: 1px solid #dfe8eb;
}

/*Connexion article*/
.contenuArticlePro.gradientText{
	position:relative;
	overflow: hidden;
}
.contenuArticlePro.gradientText:after {
	position: absolute;
	bottom: 0;
	left: 0;  
	height: 150px;
	width: 100%;
	content: "";
	background: linear-gradient(to top,
	   rgba(255,255,255, 1) 10%, 
	   rgba(255,255,255, 0) 90%
	);
	pointer-events: none; /* so the text is still selectable */
}
.article .bloc-connexion {}
.article .header-bloc {
	background-color: #3b4955;
    background-position: 110% 100%;
    background-repeat: no-repeat;
    color: #f2f7f9;
	display: block;
    font: 300 22px/105% "Roboto Condensed",sans-serif;
    text-decoration: none;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
	margin-bottom: 20px;
	padding: 15px 0 0 25px;
}
.article .header-bloc.connexion {
	text-align:center;
	height: 60px;
	font-size:22px;
	margin:0 auto;
	padding-left: 20px;
    padding-right: 20px;
}
@media (max-width: 767px) {
	.article .header-bloc.connexion {
		height: 80px;
		text-align:center;
	}
}
.article .header-bloc.newspaper {
	text-align:left;
	background-image: url("/pro/static/img/abonnement/mag.png");
	background-size: 275px;
    height: 110px;
    transition: all 400ms ease 0s;
}
.article .buttons-bloc-connexion {
	padding:25px 0;
}
.article .or-button {
	background-color: #dfe8eb;
	border: 4px solid #fff;
	border-radius: 50%;
	color: #3b4955;
	display: inline-block;
	height: 45px;
	line-height: 40px;
	vertical-align: middle;
	width: 45px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}

.article a.header-bloc.newspaper:hover{
	background-position: 100% 100%;
}
.article .header-bloc.newspaper .abo-papier{
	font-size: 16px;	
	margin-top:10px;
}
.article .header-bloc.newspaper .link{
	color: #ffd800;
	text-decoration:underline;
}
.bloc-connexion p.message-error {
	color: #c7100f;
    font-weight:normal;
}
#bloc-formSignIn {
	display:none;
}
#bloc-formSignUp {
	display:none;
}

/* partager l'article */
.sharing-options {
	background-color: #f2f7f9;
	padding: 0 10px;
	border-color: #dfe8eb;
	border-style: solid;
	border-width: 0 1px 1px 0;
}
.sharing-options ul {
	padding: 0;
	list-style-type: none;
}
.sharing-options li {
	margin-top: 20px;
	margin-bottom: 20px;
}
.sharing-options li + li {
	border-left: 1px solid #dfe8eb;
}
@media (max-width: 767px) {
	.sharing-options li:nth-child(4) {
		border-left: 0 none;
	}
}
.sharing-options a {
	display: block;
	color: #a4b0b4;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
}
.sharing-options .icon {
	display: inline-block;
	width: 35px;
	height: 35px;
	background-image: url(../img/icon/sprites.png);
	background-repeat: no-repeat;
}
.sharing-options .icon-email {
	background-position: -74px -2px;
}
.sharing-options .icon-linkedin {
	background-position: -111px -2px;
}
.sharing-options .icon-twitter {
	background-position: -148px -2px;
}
.sharing-options .icon-viadeo {
	background-position: -74px -39px;
}
.sharing-options .icon-facebook {
	background-position: -111px -39px;
}
.sharing-options .icon-googleplus {
	background-position: -148px -39px;
}
.sharing-options .icon-print {
	background-image: url(../img/icon/print_pic.png);
}
.add-friend {
	font-size: 15px;
	font-weight: 500;
}
@media (max-width: 767px) {
	.add-friend {
		display: block;
		margin-top: 20px;
	}
}
.add-friend .plus {
	display: inline-block;
	background-color: #398af5;
	padding: 3px 8px;
	border-radius: 14px;
	margin-right: 10px;
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
	vertical-align: top;
}

/* commentaires */
.comment-box {
	border: 1px solid #dfe8eb;
	margin-top: 20px;
}
.comment-box-desactivate {
	margin-top: 58px;
	font-size: 16px;
	color: #696b71
}
.comment-box.empty {
	padding-right: 15px;
	padding-left: 15px;
	text-align: center;
}
.comment-box .heading {
	display: block;
	padding-right: 15px;
	padding-left: 15px;
	margin-top: 10.5px;
	margin-bottom: 25px;
	color: #353637;
	font-family: "Roboto Condensed",sans-serif;
	font-size: 24px;
}
.comment-box.empty .heading {
	display: block;
	padding: 0 0 17px;
	margin-top: 10.5px;
	margin-bottom: 0;
	font-family: "Roboto Condensed",sans-serif;
}
.comment-box-body {
	padding-right: 15px;
	padding-left: 15px;
}
.comment {
	margin-bottom: 20px;
}
.comment-heading {
	padding-bottom: 11px;
	border-bottom: 1px solid #dfe8eb;
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: 500;
}
.comment-body p {
	font-weight: 300;
}
.comment-box-footer {
	padding: 20px;
	border-top: 1px solid #dfe8eb;
}
.comment-form .comment-box-footer {
	border-top: 0 none;
}
@media (min-width: 768px) {
	.comment-body p {
		font-size: 16px;
	}
}
@media (max-width: 767px) {
	.comment-body p {
		font-size: 14px;
	}
	.comment-box-footer [class*="col"] + [class*="col"] {
		margin-top: 20px;
	}
}

/* la rédaction */

.media.journaliste {
	padding: 0;
}
.media.journaliste .media-left {
	padding: 10px;
}
.media.journaliste .media-body {
	padding: 0 10px 10px;
}
.media.journaliste .media-heading {
	padding: 0;
	margin-bottom: 10px;
	font-size: 23px;
	font-weight: 400;
}
.media.journaliste .media-heading a {
	color: #3f6eac;
}
.media.journaliste .poste {
	display: block;
	color: #a4b0b4;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.1;
}
@media (max-width: 991px) {
	.media.journaliste .media-left {
		float: left;
		height: auto;
	}
	.media.journaliste .media-body {
		padding-top: 10px;
	}
}
.fiche-journaliste {
	margin-bottom: 20px;
}
.fiche-journaliste-photo {
	float: left;
	margin-right: 20px;
}
.fiche-journaliste-photo a,
.fiche-journaliste-photo img {
	display: block;
}
.fiche-journaliste-photo a {
	background-color: #f2f7f9;
	padding: 10px 2px;
	border-color: #dfe8eb;
	border-style: solid;
	border-width: 0 1px 1px 0;
	color: #3f6eac;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
}
.fiche-journaliste-photo a:hover {
	background-color: #fff;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
	text-decoration: none;
}
@media (min-width: 768px) {
	.fiche-journaliste .poste,
	.fiche-journaliste .bio {
		font-size: 16px;
	}
}
@media (max-width: 767px) {
	.fiche-journaliste .poste,
	.fiche-journaliste .bio {
		font-size: 14px;
	}
}
.fiche-journaliste .poste {
	margin: 0 0 5px 0;
	color: #353637;
	font-weight: 400;
}
.fiche-journaliste .bio {
	font-weight: 300;
}

/* diaporama */

.diaporama .page-header-wrapper {
	margin-bottom: 0;
}
.diaporama .page-header-wrapper,
.gallery-photo-caption {
	background-color: #272727;
}
.rubrique-sinformer .page-header-wrapper .lvl1-heading,
.gallery-photo-caption,
.rubrique-sinformer .page-header-wrapper a {
	color: #fff;
}
.gallery-wrapper {
	background-color: #353637;
	padding: 20px 0 25px;
	margin-bottom: 20px;
}
.gallery-wrapper .container {
	position: relative;
}
.gallery-photo {
	text-align: center;
	overflow: hidden;
	/* height: 700px; */
}
.gallery-photo .gallery-container {
	/* height: 600px; */
	overflow: hidden;
}
@media (min-width: 992px) {
	.gallery-photo img {
		width: 100%
	}
	.container .result-search {
	    min-height: 500px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.gallery-photo img {
		width: 100%
	}
	.recherche .sidebar { display : none; }
	.container .result-search {
	    min-height: 50px;
	}
}
@media (max-width: 767px) {
	.gallery-photo img {
		width: 100%;
	}
	.recherche .article-count { display : none; }
}
@media (max-width: 359px) {
	.col-supp, .article-count { display : none;}
	.recherche .article-count { display : none; }
}
.gallery-photo-caption .caption {
	font-weight: 500;
	text-align: left;
}
.gallery-pager {
	margin: 0;
}
.gallery-pager .button > a,
.gallery-pager .button > span {
	padding: 9px 20px 10px;
	border-color: #696b71;
	border-width: 2px;
}
.gallery-pager .prev > a,
.gallery-pager .prev > span {
	padding-left: 19px;
}
.gallery-pager .next > a,
.gallery-pager .next > span {
	padding-right: 19px;
}
.gallery-pager .page-count {
	padding: 8px 20px 0;
	border: 0 none;
	color: #a4b0b4;
}
.gallery-pager .button > a:hover {
	background-color: #fff;
	border-color: #3f6eac;
}
.photo-credit {
	padding-top: 5px;
	margin-bottom: 0;
	color: #f2f7f9;
	text-align: right;
}
@media (min-width: 768px) {
	.gallery-photo-caption {
		padding: 16px 18px;
	}
	.gallery-photo-caption .caption {
		font-size: 16px;
	}
	.photo-credit {
		font-size: 12px;
	}
}
@media (max-width: 767px) {
	.gallery-photo-caption {
		padding: 10px;
	}
	.gallery-photo-caption .caption {
		margin-bottom: 10px;
		font-size: 12px;
	}
	.photo-credit {
		font-size: 10px;
	}
}

/* newsletter */

.newsletter form a {
	color: #3f6eac;
}
.derniere-newsletter .panel-heading .heading {
	font-size: 16px;
}
.derniere-newsletter .panel-body {
	padding: 10px 14px;
	font-size: 14px;
}
.derniere-newsletter .panel-body a {
	color: #3f6eac;
	font-weight: bold;
}
.derniere-newsletter .feature-list {
	margin-top: 8px;
}
.rubrique-sinformer .feature-list li::before {
	color: #3f6eac;
}


/*** SIDEBAR ***/

.sidebar-push {
	display: block;
	height: 100px;
	background-position: 110% 100%;
	background-repeat: no-repeat;
	padding: 20px 0 0 25px;
	color: #f2f7f9;
	font: 300 27px/105% "Roboto Condensed",sans-serif;
	text-decoration: none;
	text-shadow: 2px 2px 0 rgba(0,0,0,0.3);
	transition: all 400ms ease;
}
.push-recherche,
.push-newsletter,
.push-contact {
	background-color: #3f6eac;
}
.push-recherche {
	background-image: url(../img/bg/push-recherche.png);
}
.push-newsletter {
	background-image: url(../img/bg/push-newsletter.png);
}
.push-editionpro {
	background-color: #3b4955;
	background-image: url(../img/bg/push-abo.png);
	color: #ffd800;
}
.push-carteabo {
    background-color: #3b4955;
    color: #ffd800;
}
.sidebar-push:active,
.sidebar-push:focus,
.sidebar-push:hover {
	color: #f2f7f9;
	text-decoration: none;
	background-position: 100% 100%;
}
.push-editionpro:active,
.push-editionpro:focus,
.push-editionpro:hover {
	color: #ffd800;
}
.sidebar-push b {
	font-size: 24px;
	font-weight: 400;
	text-transform: uppercase;
}

.sinformer-nav {
	border: 1px solid #a4b0b4;
}
.sinformer-nav li {
	border-bottom: 1px solid #dfe8eb;
}
.sinformer-nav li a {
	position: relative;
	display: block;
	padding: 3px 10px;
	color: #696b71;
	font-size: 18px;
	text-decoration: none;
}
.sinformer-nav li a:active,
.sinformer-nav li a:hover,
.sinformer-nav li.active a {
	background-color: #f2f7f9;
	color: #3f6eac;
}
.sinformer-nav .article-live-count {
	top: 5px;
	right: 3px;
	width: 23px;
	height: 23px;
	border-radius: 11px;
	font-size: 15px;
	line-height: 22px;
}
#nav-valo .sinformer-nav li.title {
	border-bottom: 1px solid #dfe8eb;
	position: relative;
	display: block;
	padding: 3px 10px;
	color: #696b71;
	font-size: 18px;
	text-decoration: none;
	font-weight:500;
}
#nav-valo .sinformer-nav li a {
	font-size: 18px;
}
.articles-pop .panel-heading .heading {
	font-size: 18px;
}
.articles-pop li {
	padding: 12px 0;
}
.articles-pop li:first-child {
	padding-top: 0;
}
.articles-pop li:last-child {
	padding-bottom: 0;
}
.articles-pop li + li {
	border-top: 1px solid #dfe8eb;
}
.articles-pop li a {
	display: table;
	width: 100%;
	color: #a4b0b4;
	text-decoration: none;
}
.articles-pop li a:hover {
	color: #1d1d1d;
	transition: none;
}
.articles-pop .date-container,
.articles-pop li .heading {
	display: table-cell;
	vertical-align: middle;
}
.articles-pop .date-container {
	width: 59px;
	padding-right: 7px;
}
.articles-pop li .heading {
	padding-left: 14px;
	border-left: 1px solid #dfe8eb;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2;
}
.articles-pop .date {
	display: block;
	width: 52px;
	height: 57px;
	padding-top: 3px;
	line-height: 1;
	text-align: center;
	transition: background-color 200ms ease;
}
.articles-pop .jour {
	display: block;
	color: #3f6eac;
	font-size: 30px;
	font-weight: bold;
	transition: color 200ms ease;
}
.articles-pop .mois {
	display: block;
	color: #696b71;
	font-weight: 300;
	text-transform: uppercase;
	transition: color 200ms ease;
}
.articles-pop li a:hover .jour,
.articles-pop li a:hover .mois {
	color: #fff;
}
.articles-pop li a:hover .date {
	background-color: #3f6eac;
}

.panel-largus .panel-heading {
	padding: 0 0 8px 0;
	border-bottom: 2px solid #dfe8eb;
	margin: 0 0 14px 0;
}
.panel-largus .panel-heading .title {
	margin: 0;
	color: #1d1d1d;
	font-size: 24px;
	font-weight: 300;
}
.largus-brand {
	color: #c52127;
	font-style: italic;
	font-weight: bold;
}
.panel-largus .panel-body {
	padding: 0;
}
.article-largus a {
	display: block;
	background-color: #edf4f7;
	border: 1px solid #dee8e9;
	margin-bottom: 20px;
	text-decoration: none;
}
.article-largus .article-heading {
	display: block;
	margin: 0;
    padding: 6px 10px 11px;
	font-family: "Bitter",serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3;
    text-shadow: 1px 1px 0 #fff;
}
.article-largus a:hover {
	background-color: #d9e2ef;
}
.article-largus .article-heading {
	color: #404348;
	text-decoration: none;
}
.article-largus a:hover .article-heading {
	color: #3f6eac;
}
#articleDecoupeContainer {
	display:inline;
}


/* PAGE VOCHECK */
.presentationVoCheck {
	min-height: 750px;
}
.presentationVoCheck figure.right img {
	float:right;
	margin:0 0 0 5%;
}
.presentationVoCheck figure.left img {
	float:left;
	margin:0 5% 0 0;
}
.presentationVoCheck #imageMacBook {
	width:300px;
	margin:0;
}
.presentationVoCheck ul {
	padding-left:25px;
	margin-top: 20px;
	font-weight:300;
}

.presentationVoCheck p {
	text-align: justify;
	font-weight: 300;
}
.presentationVoCheck p.collapsed-paragraph {
	margin-bottom:10px;
}

.presentationVoCheck table {
	width:100%;
	margin-top:30px;
}
.presentationVoCheck td {
	vertical-align:top;
}
.presentationVoCheck.article-body p + .article-photo,
.presentationVoCheck.article-body .article-photo + p {
	margin-top:0;
}

@media (min-width: 319px) {
	#imagemodalvocheck .modal-dialog,
	#imagemodalmacbook .modal-dialog {
   		width: 290px;
	}
	.presentationVoCheck figure {
		clear:both;
	}
	.presentationVoCheck .article-photo img,
	.presentationVoCheck #imageMacBook
	 {
		width:160px;
	}
}
@media (min-width: 480px) {
	#imagemodalvocheck .modal-dialog,
	#imagemodalmacbook .modal-dialog {
   		width: 300px;
   		margin: 30px auto;
	}
	.presentationVoCheck .article-photo img,
	.presentationVoCheck #imageMacBook
	 {
		width:200px;
	}
}
@media (min-width: 767px) {
	#imagemodalvocheck .modal-dialog,
	#imagemodalmacbook .modal-dialog {
   		width: 400px;
   		margin: 30px auto;
	}
	.presentationVoCheck figure {
		margin:0;
	}
	.presentationVoCheck .article-photo img,
	.presentationVoCheck #imageMacBook
	 {
		width:300px;
	}
}
@media (min-width: 992px) {
	#imagemodalvocheck .modal-dialog,
	#imagemodalmacbook .modal-dialog {
   		width: 620px;
   		margin: 30px auto;
	}
}
@media (min-width: 1200px) {
	#imagemodalvocheck .modal-dialog,
	#imagemodalmacbook  .modal-dialog {
   		width: 750px;
   		margin: 30px auto;
	}
}
@media (min-width: 1600px) {
	#imagemodalvocheck .modal-dialog,
	#imagemodalmacbook  .modal-dialog {
   		width: 1000px;
   		margin: 30px auto;
	}
}

.detail-tag .lvl1-title {
	padding: 16px 18px;
	margin-top: 10px;
    border-color: #dfe8eb;
    border-style: solid;
	border-width: 0 1px 1px 0;
	font-size: 22px;
    text-align: left;
	background-color: #f2f7f9;
}

.detail-tag .lvl1-title h1 {
	display: inline;
	font: inherit;
	margin: 0;
}