@import "now-ui-kit.php";

.article_texte	{ font-size: 1.05em!important; line-height: 1.2em!important; font-weight: 500!important; font-family: 'Rajdhani', sans-serif!important; }
.article_texte div, .article_texte span { font-size: 1.0em!important; line-height: 1.2em!important; font-weight: 500!important; color: #000!important; }
.article_texte p { font-size: 1.0em!important; line-height: 1.2em!important; font-weight: 500!important;  margin: 0 0 15px 0!important; color: #000!important; }
.article_texte ul { list-style: none!important; padding-left: 40px!important; overflow: hidden!important; } 
.article_texte ul li::before { content: url(../images/p11.svg)!important; display: inline-block; width: 30px; margin-left: -30px; vertical-align: middle!important; padding-right: 10px!important; }
.article_texte li { margin: 10px 0; font-weight: 500!important; font-size: 1.0em!important; line-height: 1em!important; } 

.article_texte ul li ul { list-style: square!important; padding-left: 50px!important; overflow: hidden!important; } 
.article_texte ul li ul li::before { content: none!important; }

.article_texte b, .article_texte strong	{ font-size: 1em!important; font-weight: 700!important; }

.article_texte h2, .ctn_title1, .ctn_title2, .ctn_title3 { color: #9C9532; font-family: 'Italiana', sans-serif!important; text-transform: uppercase; font-weight: 400; font-size: 1.6em!important; line-height: 1.8em!important; padding: 15px 0; }
.ctn_title1 	{ color: #9C9532!important; }
.ctn_title2 	{ color: #CEA36F!important; }
.ctn_title3 	{ color: #5B5E44!important; }

.article_texte h3, .ctn_subtitle1, .ctn_subtitle2, .ctn_subtitle3 { font-weight: 500!important; color: #CEA36F; font-family: 'Italiana', sans-serif!important; font-size: 1.4em!important; line-height: 1.6em!important; margin: 15px 0; } 
.ctn_subtitle1 	{ color: #9C9532!important; }
.ctn_subtitle2 	{ color: #CEA36F!important; }
.ctn_subtitle3 	{ color: #5B5E44!important; }

.article_texte h4 { font-weight: 500!important; color: #CEA36F; font-family: 'Rajdhani', sans-serif!important; font-size: 1.0em!important; line-height: 1.2em!important; margin: 10px 0; } 

.texte1, .texte1 *, .texte2, .texte2 *, .texte3, .texte3 * { font-size: 1.0em!important; line-height: 1.2em!important; }
.texte1, .texte1 *	{ color: #9C9532!important; }
.texte2, .texte2 *	{ color: #CEA36F!important; }
.texte3, .texte3 *	{ color: #5B5E44!important;}

.article_texte .btn-lg { font-size: 1.0em!important; text-transform: lowercase!important; }

.smallTxt, .smallTxt * { font-size: 12px!important; line-height: 1.0em!important; }

.imageleft, .imageright {  }
.imageleft	{ float: left; margin: 0 35px 20px 0; }
.imageright	{ float: right; margin: 0 0 20px 35px; }

p.2columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em;}

p.cadre1, p.cadre2, p.cadre3 { font-size: 1.0em!important; line-height: 1.2em!important;  padding: 15px!important; margin: 20px 0; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
p.cadre1	{ background-color: #9C9532!important; }
p.cadre2	{ background-color: #CEA36F!important; }
p.cadre3	{ background-color: #5B5E44!important; }

button.bouton1, button.bouton2, button.bouton3 {  border: 0; font-weight: 400; font-size: 0.8571.0em; line-height: 1.35em; margin: 5px 1px; margin: 10px 1px; border-radius: 0.1875rem; padding: 11px 22px;
  cursor: pointer; color: #fffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; }
button.bouton1	{ background-color: #9C9532!important; }
button.bouton2	{ background-color: #CEA36F!important; }
button.bouton3	{ background-color: #5B5E44!important; }


.tpl-visu { float: left; max-width: 500px; max-height: 500px; position: relative; margin: 0 100px 100px 0; }
.tpl-visu img { display: inline-block; width: 100%; height: auto;}
.tpl-visu .tpl-cadre { position: absolute; top: 5%; left: 5%; width: 95%; height: 95%; border: solid 15px #fff; z-index: 120!important; transform-origin: center; transform: rotate(10deg); filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.25)); }



@media screen and (max-width: 991.98px) {
	.article_texte { font-size: 1.0em!important; line-height: 1.2em!important; }
	.article_texte li 	{ font-size: 1.0em!important; line-height: 1.2em!important; } 
	
	.article_texte h2, .ctn_title1, .ctn_title2, .ctn_title3  	{ font-size: 1.4em!important; line-height: 1.em!important; }
	.ctn_title1 	{ color: #9C9532!important; }
	.ctn_title2 	{ color: #CEA36F!important; }

	.article_texte h3, .ctn_subtitle1, .ctn_subtitle2, .ctn_subtitle3 { font-size: 1.2em!important; line-height: 1.4em!important; }
	
	.texte1, .texte2, .texte3, .texte1 *, .texte2 *, .texte3 * { font-size: 1em!important; line-height: 1.2em!important; }
	.imageleft						{ float: left; margin: 0 20px 15px 0!important; }
	.imageright						{ float: right; margin: 0 0 15px 20px; }
}

@media screen and (max-width: 768px) {
	.imageleft, .imageright	{ float: none; width: 100%!important; height: auto!important; margin-bottom: 25px!important; }
	.imageleft img, .imageright	img { display: inline-block!important; height: auto!important; }
	.article_texte h2, .ctn_title1, .ctn_title2, .ctn_title3 { font-size: 1.2em!important; line-height: 1.2em!important; }
	.article_texte h3, .ctn_subtitle1, .ctn_subtitle2, .ctn_subtitle3 { font-size: 15px!important; line-height: 19px!important; }
/* } */