.article{max-width:1200px;margin:auto;margin-top:50px;padding:15px}
.image-align-center{text-align:center}
.article, .article li{font-size:1.7rem;text-align:justify;margin-bottom: 10px;}
.article .Color1{color:var(--maincolor)}
.article img{border-radius: 20px;max-width:100%;height: auto;}

.article .articlebutton{
		width:200px;
		background:var(--maincolor);
		color:#ffffff;
		padding:10px;
		display:block;
		margin:auto;
		border-radius:5px;
}		
		
thead tr th {
    background-color: #e7eeff!important;
    color: #8699c5!important;
	text-align:center;
	font-weight: 500!important;
}

.t-Body-main{display:inline-block!important;width:100%}

h1{color:#000000}
.article h2{margin-top:40px;text-align:left;line-height:4.5rem;font-size:4.5rem;color:#000000;font-weight:600}
.article h3{font-size: 3rem;color:#000000;font-weight:700}
.article h4{color:#000000;font-weight:700}

.article .tablematieresrow		  {margin-left:70px;text-align:left}
.article .tablematieresrow.level_1{margin-left:10px}
.article .tablematieresrow.level_2{margin-left:30px}
.article .tablematieresrow.level_3{margin-left:50px}
.article .tablematieresrow.level_4{margin-left:70px}

@media only screen and (max-width: 1000px){
h1{font-size: 4rem!important; line-height:4rem !important;}
.article h2{font-size: 4.2rem;line-height:4.2rem}
.article h3{font-size: 2.8rem;line-height:2.8rem}
}
 
@media only screen and (max-width: 640px){
h1{font-size: 3.5rem!important; line-height:3.5rem !important;}
.article li{text-align: left;}
}

@media only screen and (max-width: 550px){
.article h2{font-size: 3.5rem;line-height:3.5rem}
.article h3{font-size: 2.2rem;line-height:2.2rem}
}

@media only screen and (max-width: 480px){
h1{font-size: 3rem!important; line-height:3rem !important;}

.article h2{font-size: 3rem;line-height:3rem}
.article h3{font-size: 2rem;line-height:2rem}
}

.articlebuttonwrapper .landingpagebutton{padding:10px 45px;}
.articlebuttonwrapper{text-align:center}
.articlebuttonwrapper.landingpagebuttoncol{display:block !important}


.sharearticle{    border: solid 1px #eaf4fb;
    border-radius: 15px;
    background: #fafdff;max-width:380px;position:relative;top:200px}
	
.sharearticle .t-Region-bodyWrap{}

@media only screen and (max-width: 640px){
	.sharearticle{position:relative;top:0px;max-width:unset}
}	
.sharearticle .t-Region-headerItems--title{padding-bottom:0px;padding-top:5px}
.sharearticle .TitleURL{margin-bottom:0px}	
.sharearticle .SocialShareIcon{width:30px;height:30px}
.sharearticle .TitleURL .details{font-size:1.4rem}
.sharearticle .t-Region .t-Region-body{padding:10px}

.PageTitle, .PageTitle h1{margin:unset;text-align: left;}

.otherarticleimage{max-width:250px;width:100%;border-radius:10px}
.oneotherarticleexternalwrapper{width:300px;display:flex;padding:10px;border-radius:10px}
.oneotherarticleexternalwrapper:hover{background:#f5f7ff}
.otherarticleswrapper{display:flex;justify-content: space-between;max-width:1200px;margin:auto}
.oneotherwrapper .imagerow, .oneotherwrapper .textrow{text-align:center}
.oneotherwrapper .textrow{margin-top:10px}

@media only screen and (max-width: 640px){
	.oneotherwrapper .textrow{font-size:1.4rem}
}

@media only screen and (max-width: 480px){
	.otherarticleswrapper{display:block}
	.oneotherarticleexternalwrapper{margin:auto;max-width:180px}
}

.tableofcontentwrapper{margin-bottom:50px}
.tableofcontent{margin-left:20px}
.tableofcontent .fa{font-size:0.6rem;margin-top:7px;}
.tablematieresrow{margin-bottom:5px}

@media screen and (max-width: 1200px) {
.tablewrapper {
    overflow-x: scroll;
}
}

.soireesympacell{
	background-color:#e7eeff !important;
}