.mainbody{
	/*background:url(../images/habill.jpg) top center no-repeat #e6e6e6;*/
	padding-top: 30px;
    /*padding-top: 30px;*/

}
.mainbody>.container{
	max-width: 1170px;
	background:#f4f3f3;

}
.container .left {
    flex: 0 0 810px;
    max-width: 810px;
}
.container .right {
    margin-left: 15px;
    padding-top: 30px;
    flex: 0 0 330px;
    max-width: 330px;
}
.titre_module{
	font-size: 26px;
}

.carad {
    margin-bottom: 30px;
}
.padrig0{
	padding-right: 15px;
}
.left h1.ongrey {
    font-size: 32px;
}
.intropage{
  font-size: 14px;
}



/***********************************************************************************/
/************************** PRE HEADER ***************************************/
/***********************************************************************************/

#preheader .dl_app{
    font-family: 'SofiaProCondensed';
	font-size: 15px;
	margin-top: 15px;
    color: #686868;
}
#preheader .dl_app a{
	margin-top: 5px;
	display: inline-block;
    color: #686868;
    margin-right: 15px;
	-webkit-transition: all 0.15s ease-in;
	-moz-transition: all 0.15s ease-in;
	-o-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
    font-size: 18px;
    text-decoration: none;
}
#preheader .dl_app a:hover{
    /*opacity: 0.75;*/
    color: #8c1010;
}
.navbar-expand-lg .navbar-nav .dropdown-menu{
	padding-top: 30px;
	padding-bottom: 30px;
}
.navbar-nav .dropdown-menu .titre{
	margin-top: 15px;
    font-size: 19px;

}
.navbar-nav .dropdown-menu .dropdown-item{
	font-size: 15px;
}

/***********************************************************************************/
/************************** NAV ***************************************/
/***********************************************************************************/

.navbar-collapse li.nav-item .nav-link{
	font-size: 26px;
    line-height: 35px;
    padding-right: 22px;
}
.navbar-collapse li.nav-item .nav-link.dropdown-toggle {
    padding-right: 32px;
}
.navbar-nav .dropdown-toggle .material-icons {
    right: 7px;
    top: 13px;
}

/***********************************************************************************/
/************************** ACTUALITES HOMEPAGE ***************************************/
/***********************************************************************************/

#actualaune{
	padding-left: 30px;
    overflow: hidden;
}
#actualaune .infos_article{
    overflow: visible;
    padding-left: 0;
}
#actualaune .infos_article:before{
	left:-30px;
    font-size: 110px;
}
#actualaune h1 .titre{
	font-size: 32px;
}
#actualaune figure {
	width:750px;
	height:500px;
}
#actualaune a.preview{
	padding-left: 0;
	margin-top: 20px;
    line-height: 20px;
	margin-bottom: 20px;
}
#actualaune .followus {
	margin-top:20px;
}
.art_populaires{
	padding-left: 30px;
    margin-top: 30px;
}
.actusimagees .uneactu{
	padding-left: 15px;
	/*padding-top: 30px;*/
}
.actusimagees .uneactu figure {
     width: 281.25px; 
     height: 187.5px; 
}
.actusimagees .titre {
    font-size: 22px;
    line-height: 24px;
}

.blocboutique, .blocbilletterie {
    margin-left: 0px; 
    margin-top: 25px;
}
.blocbilletterie .date{
	margin-top: 30px;
}

/*****************************************************/
/********************** PAGE ARTICLE  *************************/
/*****************************************************/

#inter.article{
	margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}
#inter.article h1.titre{
    font-size: 36px;
    margin-top: 5px;
    line-height: 36px;
}
#inter.article .chapo{
	font-size: 17px;
}
#commentaires .reponse, 
#commentaires .addrep {
    padding-left: 70px !important;
}
#commentaires .reponse:before, 
#commentaires .addrep:before{
	left: 35px;
	top: -20px;
}
#inter.article .container .lireaussi:before {
    left: -105px;
}
#inter.article .articles_autour{
	margin-top: 30px;
}
#inter.article .articles_autour .recent, 
#inter.article .articles_autour .ancien,
#inter.article .joueurlie{
	padding-top: 20px;
	padding-bottom: 20px;
}
#inter.article .articles_autour .accroche{
	margin-bottom: 5px;
}
#inter.article .joueurlie:before{
	top: 40px;
}
#inter.article .joueurlie .verslien {
    bottom: 2px;
}
#inter.article .container .contenu img{
    max-width: 750px;
    margin-left: -95px;
}
#commentaires .head span{
	font-size: 36px;
}
#commentaires .comment {
    margin-top: 20px;
    padding-bottom: 20px;
}
#commentaires .pagin,
#commentaires .addcomm{
	margin-top: 20px;
}
#commentaires .pagin ul{
	margin-bottom: 30px;
}
#commentaires .addcomm textarea{
	margin-top: 15px;
}
#commentaires.discus .reponse.comment {
    /*margin-top: -21px !important;*/
}
#commentaires.discus .addcomm{
    margin-top: 15px;
}

/***********************************************************************************/
/************************** SIDEBAR ***************************************/
/***********************************************************************************/

#sidebar #filinfos,
#sidebar .halffp,
#sidebar .blocboutique{
	margin-bottom: 30px;
}

/***********************************************************************************/
/************************** SUJETS HOMEPAGE & FRANCE BLEU ***************************************/
/***********************************************************************************/

.subject {
    margin-left: 0;
    margin-right: 0;
	padding-left: 15px;
	padding-right: 15px;
    padding-top: 20px;
}
.subject .articles .carte{
	margin-left: 15px;
	margin-right: 15px;
}

.blocFranceBleu{
	margin-left: 15px;
	margin-top: 40px;
}
.blocFranceBleu .descr {
    width: 455px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.intersujet .carad {
    margin-top: 40px;
}

/**********************************************************************/
/************************ TOUTES LES ACTUS ***************************/
/**********************************************************************/

.ttesactus .date{
    font-size: 28px;
}
.ttesactus .uneactu{
    padding-bottom: 30px;
}


/**********************************************************************/
/************************ EVALUATION ***************************/
/**********************************************************************/

.rangeslider {
  width: 670px !important;
}

/**********************************************************************/
/************************ CALENDRIER ***************************/
/**********************************************************************/

.calendrier .mois{
  margin-top: 20px;
  margin-bottom: 10px;
}
.calendrier .inner-row .jour {
    width: 60px;
}
.calendrier .inner-row .club {
    width: 200px;
}
.calendrier .inner-row > div {
    padding-top: 11px;
    padding-bottom: 11px;
}