#header                         { padding-top: 113px;}
.menu                           { padding-top:36px}
.menu>li>a                      { height: 77px;}
.headerTop                      { height: 113px;}
.sub                            { top: 113px;}
.pageContent                    { padding:36px 0 0;}
.menu>li>a:after                { bottom: 34px;}
.bannerPage                     {  padding: 80px 0 72px 40px; height: 220px;}

.pagePresentationNone {  background:url(/images/banner-page-presentation.jpg) center no-repeat;background-size: cover; }
.pageActualitesNone {  background:url(/images/banner-page-actualites.jpg) center no-repeat;background-size: cover; }
.pageContactNone 	{  background:url(/images/banner-page-contact.jpg) center no-repeat;background-size: cover; }
.pageEmploiNone 	{  background:url(/images/banner-page-emploi.jpg) center no-repeat;background-size: cover; }
.pageMarchesNone 	{  background:url(/images/banner-page-marches.jpg) center no-repeat;background-size: cover; }

.pageServicesParkings1 {  background:url(/images/banner-page-parking.jpg) center no-repeat;background-size: cover; }
.pageServicesParkings5 {  background:url(/images/banner-page-parking.jpg) center no-repeat;background-size: cover; }

.pageServicesMarche1 {  background:url(/images/banner-page-vesperal.jpg) center no-repeat;background-size: cover; }
.pageServicesMarche5 {  background:url(/images/banner-page-vesperal.jpg) center no-repeat;background-size: cover; }

.pageServicesSports1 {  background:url(/images/banner-page-sports.jpg) center no-repeat;background-size: cover; }
.pageServicesSports2 {  background:url(/images/banner-page-helios.jpg) center no-repeat;background-size: cover; }
.pageServicesSports3 {  background:url(/images/banner-page-loverval.jpg) center no-repeat;background-size: cover; }
.pageServicesSports4 {  background:url(/images/banner-page-sports.jpg) center no-repeat;background-size: cover; }

.pageServicesLoisirs1 {  background:url(/images/banner-page-loisirs.jpg) center no-repeat;background-size: cover; }
.pageServicesLoisirs2 {  background:url(/images/banner-page-spectacle.jpg) center no-repeat;background-size: cover; }
.pageServicesLoisirs3 {  background:url(/images/banner-page-cdlo.jpg) center no-repeat;background-size: cover; }
.pageServicesLoisirs4 {  background:url(/images/banner-page-marcinelle.jpg) center no-repeat;background-size: cover; }
.pageServicesLoisirs5 {  background:url(/images/banner-page-loisirs.jpg) center no-repeat;background-size: cover; }


.txtBanner                      { padding-left: 0}
.txtBanner span                 { max-width: 100%}

.pageContent .wrapper           { position: relative}
.pageHeadContent                { position: relative}
.iconTtl                        { display: block; width: 95px; height: 95px; border-radius: 50%; border:7px solid #dbd7d1; position: absolute;left:-83px; top: 29px}
.iconTtlRed                        { display: block; width: 95px; height: 95px; border-radius: 50%; border:7px solid #ecd9d4; position: absolute;left:-83px; top: 29px}
.iconTtlBlue                        { display: block; width: 95px; height: 95px; border-radius: 50%; border:7px solid #d8dddf; position: absolute;left:-83px; top: 29px}
.iconTtlPurple                        { display: block; width: 95px; height: 95px; border-radius: 50%; border:7px solid #dfd8d6; position: absolute;left:-83px; top: 29px}
.iconTtlGreen                        { display: block; width: 95px; height: 95px; border-radius: 50%; border:7px solid #d8e6d7; position: absolute;left:-83px; top: 29px}
.iconTtlPurple2                        { display: block; width: 95px; height: 95px; border-radius: 50%; border:7px solid #e6d4e4; position: absolute;left:-83px; top: 29px}

.iconTtl:after                  { content: ''; display: block; border: 1px dashed #231f20; top:12px; right: 12px; bottom: 12px; left: 12px; position: absolute; border-radius: 50%;}
.iconTtlRed:after                  { content: ''; display: block; border: 1px dashed #cb3340; top:12px; right: 12px; bottom: 12px; left: 12px; position: absolute; border-radius: 50%;}
.iconTtlBlue:after               { content: ''; display: block; border: 1px dashed #095baf; top:12px; right: 12px; bottom: 12px; left: 12px; position: absolute; border-radius: 50%;}
.iconTtlPurple:after             { content: ''; display: block; border: 1px dashed #4d2a53; top:12px; right: 12px; bottom: 12px; left: 12px; position: absolute; border-radius: 50%;}
.iconTtlGreen:after              { content: ''; display: block; border: 1px dashed #09af5b; top:12px; right: 12px; bottom: 12px; left: 12px; position: absolute; border-radius: 50%;}
.iconTtlPurple2:after            { content: ''; display: block; border: 1px dashed #9202dc; top:12px; right: 12px; bottom: 12px; left: 12px; position: absolute; border-radius: 50%;}


.iconTtl img, .iconTtlBlue img, .iconTtlPurple img, .iconTtlGreen img, .iconTtlPurple2 img, .iconTtlRed img { position: absolute; display: block; margin: auto; top: 0; right: 0; bottom: 0; left: 0}

.breadCrumb                     { padding:0 0 37px; text-align: left; font-size: 12px;}
.breadCrumb a                   { letter-spacing: .2px;color: #231f20;padding-right: 14px;margin-right:10px;background: url(/images/arrow-bread.svg) right 50% no-repeat;}
.breadCrumb .active             { color: #231f20;padding: 0;margin: 0;background: none; font-family: tsh}
.pageHeadContent                { position: relative}
.pageHeadContent:before         { content: ''; display: block; width: 15px; top: 0; bottom: 0; background: #231f20; position: absolute; left: 0; z-index: 98}
.pageHeadContent.colorRed:before         { content: ''; display: block; width: 15px; top: 0; bottom: 0; background: #cb3340; position: absolute; left: 0; z-index: 98}
.pageHeadContent.colorPurple:before         { content: ''; display: block; width: 15px; top: 0; bottom: 0; background: #4d2a53; position: absolute; left: 0; z-index: 98}
.pageHeadContent.colorBlue:before         { content: ''; display: block; width: 15px; top: 0; bottom: 0; background: #095baf; position: absolute; left: 0; z-index: 98}
.pageHeadContent.colorGreen:before         { content: ''; display: block; width: 15px; top: 0; bottom: 0; background: #09af5b; position: absolute; left: 0; z-index: 98}
.pageHeadContent.colorPurple2:before         { content: ''; display: block; width: 15px; top: 0; bottom: 0; background: #9202dc; position: absolute; left: 0; z-index: 98}





.wrapperText                    { max-width:1090px; position: relative; padding: 0 40px}
.pageHeadContent .wrapperText   { padding:58px 434px 48px 40px;}
.pageHeadContent .wrapperText:before { content: ''; display: block; position:absolute; top: 0; bottom: 0; width: 10000px; right:304px;background: #f0ece5}

.pageHeadContent .sousTitre     { font: normal 32px/32px tsr;color: #231f20;letter-spacing: 1px;text-transform: uppercase;padding-bottom: 13px;margin: 0;}
.pageHeadContent .sousTitre em {font: normal 15px/32px tsr;color: #231f20; display: block;}
.pageHeadContent.colorRed .sousTitre     { font: normal 32px/32px tsr;color: #cb3340;letter-spacing: 1px;text-transform: uppercase;padding-bottom: 13px;margin: 0;}
.pageHeadContent.colorPurple .sousTitre     { font: normal 32px/32px tsr;color: #4d2a53;letter-spacing: 1px;text-transform: uppercase;padding-bottom: 13px;margin: 0;}
.pageHeadContent.colorBlue .sousTitre     { font: normal 32px/32px tsr;color: #095baf;letter-spacing: 1px;text-transform: uppercase;padding-bottom: 13px;margin: 0;}
.pageHeadContent.colorGreen .sousTitre     { font: normal 32px/32px tsr;color: #09af5b;letter-spacing: 1px;text-transform: uppercase;padding-bottom: 13px;margin: 0;}
.pageHeadContent.colorPurple2 .sousTitre     { font: normal 32px/32px tsr;color: #9202dc;letter-spacing: 1px;text-transform: uppercase;padding-bottom: 13px;margin: 0;}

.chapo                          { color: #231f20; font: normal 17px/24px tsr; position: relative; z-index: 9;  letter-spacing: 1px}

.pageHeadContent .wrapperText>img { position: absolute; right: 0;bottom: -52px; border: 10px solid #fff}
.contentText                    { padding-top:120px}
.contentText p                  { line-height: 24px; }
h2.sousTitre:before               { height: 15px;background: url(/images/icone-reggie.svg) center no-repeat;background-size: cover;content: '';display: block;width: 36px; position: absolute; top:5px; left: -68px}
.pageHeadContent .sousTitre:before { display: none}
.pageContent ul                 { padding: 0 0 39px 35px;}
.pageContent li                 { padding-left: 17px; position: relative;margin-bottom: 16px;}
.pageContent li:before          { content: ''; display: block; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: #000 }
.pageContent li:last-child      { margin-bottom: 0;}
.blocText                       { letter-spacing: 0; font-size: 0;padding-bottom: 46px; }
.blocText.cap img				{ margin-bottom: 10px; }
.blocText.cap .text::before		{ position: relative; top: 0; left: 0; }
.blocText>div:first-of-type     { padding-right: 40px; line-height: 0}
.blocText img                   { width: 100%; height: auto; max-width: 418px; }
.blocText>div                   { width: 50%; display: inline-block; vertical-align: middle; position: relative}
.text:before                    { content: ''; display: block; width: 89px; height: 67px; background: url(/images/icone-quot.svg) center no-repeat; background-size: cover; position:absolute; top:-19px; left: -70px}
.text                           { padding-top: 66px;}
.blocText p                     { font: normal 16px/26px tsr; padding-bottom: 0}

.blocActus                      { margin:50px 0 0; padding: 0 14px 50px; background: #f0ece5}
.blocActus .sousTitre           { background: #038ee6; text-align: center; color: #fff; text-transform: uppercase; padding: 28px 40px; margin: 0 -14px 36px}
.blocActus .sousTitre:before    { display: none}


.slideActus a.link { margin-top:25px;}
.slideActusFixe { margin-left: -15px;    margin-right: -15px; width: 1090px;}
.slideActusFixe>div { width:33.33%; float: left;   min-height: 1px;  display: block;} /*   height: 100%;  */
.slideActusFixe .content { margin:0 10px;}

.slideActus .titre, .slideActusFixe .titre              { min-height: 52px}
.slideActus .date, .slideActusFixe .date               { padding-left: 10px}

.alerte {    padding: 25px;    margin-bottom: 25px;    display: block;    background: #a71824;
    color: #fff;    text-align: center;    font: normal 18px/26px akr;}

.alerte2 {    padding: 25px;    margin: 55px 0;    display: block;    background: #f0ece5;
    color: #231f20;    text-align: center;    font: normal 18px/26px akr;}

h3.sousTitre     { font: normal 20px/24px tsr;    color: #231f20;    letter-spacing: 0.5px;    position: relative;    margin: 0 0 30px 0;}

.bloc2 { width:50%; float: left;}


.link.green:hover { background: #09af5b; color: #fff; border-color: #09af5b;}
.link.blue:hover { background: #095baf; color: #fff; border-color: #095baf;}
.link.mallows:hover { background: #9202dc; color: #fff; border-color: #9202dc;}
.link.purple:hover { background: #4d2a53; color: #fff; border-color: #4d2a53;}
.link.white:hover { background: white; color:#cb3340}


.home-alerte { display: block; width: 100%; padding: 20px 40px 20px 40px; background: #fff; border:1px solid #bfbfbf;  text-align: left; margin-bottom: 60px;}
.home-alerte h2 { font: normal 20px/30px tsr; letter-spacing: 2px;    padding-top: 23px;    padding-bottom: 23px; text-transform: uppercase;}
.home-alerte .co-widget { margin: 0 auto; width: 100%; display: inline-flex;}
/*	div[data-widget-id="bded0654-a3cf-45ad-818e-82ceda398c5f"] .co-widget { background: #cb3340!important; }*/
.home-alerte .co-widget.co-widget-vertical .co-widget-trip label { display: none!important;}
/*	.home-alerte .co-widget-title div:nth-child(1) { color: #fff;font: normal 20px/30px tsr!important; letter-spacing: 2px; text-transform: none;}*/
.home-alerte .co-widget .co-widget-title { display: none;}
.home-alerte .co-widget > div:not([class*=co-widget-title]):not([class*=co-widget-type]):not([class*=co-widget-container]) { float: none;}
.home-alerte .co-widget-trip { width: 70%;}
.home-alerte .co-widget-search { width: 30%;}

.home-alerte .co-widget .co-widget-search button:not([class*=pika]) {font:normal 15px/30px tsr!important;}
.home-alerte .co-widget button:not([class*=pika]) {    background-color: #000;}

.home-alerte .co-widget.co-widget-intermediate .co-widget-trip label { display: none!important;}


@media (max-width:746px) {
    .home-alerte .co-widget { display: block;}
    .home-alerte .co-widget-trip { width: 100%!important; margin-bottom: 20px;}
    .home-alerte .co-widget-search { width: 100%;}
    .home-alerte .co-widget .co-widget-date { margin-bottom: 20px;}
}

@media (max-width:1336px) {
    .iconTtl, .iconTtlBlue, .iconTtlPurple, .iconTtlGreen, .iconTtlPurple2, .iconTtlRed                       	{ width: 80px; height: 80px;left:40px;top:40px;}
    .iconTtl img, .iconTtlBlue img, .iconTtlPurple img, .iconTtlGreen img, .iconTtlPurple2 img, .iconTtlRed img		{ width: 32px;}
    .iconTtl:after, .iconTtlBlue:after, .iconTtlPurple:after, .iconTtlGreen:after, .iconTtlPurple2:after, .iconTtlRed:after                { top: 8px;right: 8px;bottom: 8px;left: 8px;}
    .pageHeadContent .sousTitre     { padding-left: 90px; padding-bottom:0;}
    .chapo                          { padding-top: 50px}


}

@media (max-width:1200px) {
    .slideActus .slick-prev         { left: -14px}
    .slideActus .slick-next         { right: -14px}
    #header                         { padding-top: 0}
    .menu                           { padding-top: 0}
    .sousTitre:before               { position: static;margin-bottom: 11px;}
    .text:before                    { left: 0}
    .slideActus .date, .slideActusFixe .date               { font-size: 13px}
}
@media (max-width:1024px) {
    .pageHeadContent .wrapperText>img { display: none}
    .pageHeadContent .wrapperText:before { right: 0}
    .pageHeadContent .wrapperText   { padding-right: 40px}
    .contentText                    { padding-top: 40px;}

}
@media (max-width:600px) {
    .bannerPage                    { display: none}
    .pageContent                   { padding: 38px 0 50px;}
    .slideActus p, .slideActusFixe p,
    .slideActus .titre, .slideActusFixe .titre,
    .slideActus + .link, .slideActusFixe + .link            { display:none}
    .blocActus                     { padding: 0}
    .slideActus .slick-prev        { left: 0}
    .slideActus .slick-next        { right: 0}
    .slideActus, .slideActusFixe,
    .pageContent                   { padding-bottom: 0}
    .pageHeadContent .wrapperText:before,
    .breadCrumb,
    .iconTtl, .iconTtlBlue, .iconTtlPurple, .iconTtlGreen, .iconTtlPurple2, .iconTtlRed,
    .pageHeadContent:before        { display: none}
    .slideActus .date, .slideActusFixe .date              { opacity:0; position: absolute;top: 0; right: 0; left: 0; margin:0; border: none}
    .pageHeadContent .sousTitre    { padding-left: 0; font: normal 22px/30px tsr; letter-spacing: 0.5px; color: #231f20}
    .pageHeadContent .sousTitre:after { content: ''; display: block; width:21px; height: 3px; background: #231f20;margin-top: 13px;}
    .pageHeadContent .wrapperText  { padding: 0 20px 0}
    .chapo                         { padding-top: 35px;}
    .wrapperText                   { padding-left:20px; padding-right:20px}
    .blocText                      { margin: 0 -20px;}
    .blocText>div:first-of-type    { width:100%; padding-right: 0;padding-bottom: 54px;}
    .blocText.cap>div:first-of-type { padding-bottom: 20px }
    .blocText>div                  { width:100%;}
    .blocText img                  { width: 100%; max-width: inherit; height: auto; }
    .blocText .caption			   { padding: 0 20px }
    .text                          { padding: 0 20px}
    .text:before                   { top: -87px; left: 20px}
    .sousTitre                     { font-size: 22px}
    .blocActus .sousTitre          { margin: 0; color: #000; background: #f0ece5; font: normal 22px/30px tsr; letter-spacing: 2px; padding:31px 20px 33px}
    .blocActus .sousTitre:before   { height: 15px;background: url(/images/icone-reggie.svg) center no-repeat;background-size: cover;content: '';display: block;width: 36px; margin:0 auto 35px}
    .pageContent ul                { padding-left: 0 }
}