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

.article_texte	{ font-size: 16px!important; line-height: 21px!important; font-weight: 400!important; font-family: 'Open sans', Arial , Helvetica, sans-serif!important; }
.article_texte div { font-size: 16px; line-height: 21px; font-weight: 400!important;  }
.article_texte p { font-size: 16px!important; line-height: 21px!important; font-weight: 400!important;  margin: 0 0 15px 0!important; }
.article_texte ul { list-style: none!important; padding-left: 50px!important; overflow: hidden!important; } 
.article_texte ul li::before { content: url(../images/puce_bl_sm.png)!important; display: inline-block; width: 30px; margin-left: -30px; vertical-align: middle!important; }
.article_texte li { margin: 10px 0; font-weight: 400!important; font-size: 16px!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-weight: 700!important; }

.article_texte h2, .ctn_title1, .ctn_title2, .ctn_title3 { color: #07A8C6; font-family: 'Open sans', Arial , Helvetica, sans-serif!important; text-transform: uppercase; font-weight: 400; font-size: 22px!important; line-height: 26px!important; padding: 15px 0; }
.ctn_title1 	{ color: #07A8C6!important; }
.ctn_title2 	{ color: #FF9A63!important; }
.ctn_title3 	{ color: #404954!important; }

.article_texte h3, .ctn_subtitle1, .ctn_subtitle2, .ctn_subtitle3 { font-weight: 400!important; color: #FF9A63; font-family: 'Open sans', Arial , Helvetica, sans-serif!important; font-size: 18px!important; line-height: 21px!important; margin: 15px 0; } 
.ctn_subtitle1 	{ color: #07A8C6!important; }
.ctn_subtitle2 	{ color: #FF9A63!important; }
.ctn_subtitle3 	{ color: #404954!important; }

.texte1, .texte1 *, .texte2, .texte2 *, .texte3, .texte3 * { font-size: 16px!important; line-height: 21px!important; }
.texte1, .texte1 *	{ color: #07A8C6!important; }
.texte2, .texte2 *	{ color: #FF9A63!important; }
.texte3, .texte3 *	{ color: #404954!important;}

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

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

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

p.cadre1, p.cadre2, p.cadre3 { font-size: 14px!important; line-height: 18px!important;  padding: 15px!important; margin: 20px 0; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
p.cadre1	{ background-color: #07A8C6!important; }
p.cadre2	{ background-color: #FF9A63!important; }
p.cadre3	{ background-color: #404954!important; }

button.bouton1, button.bouton2, button.bouton3 {  border: 0; font-weight: 400; font-size: 0.8571em; 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: #07A8C6!important; }
button.bouton2	{ background-color: #FF9A63!important; }
button.bouton3	{ background-color: #404954!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: 14px!important; line-height: 18px!important; }
	.article_texte li 	{ font-size: 14px!important; line-height: 18px!important; } 
	
	.article_texte h2, .ctn_title1, .ctn_title2, .ctn_title3  	{ font-size: 21px!important; line-height: 24px!important; }
	.ctn_title1 	{ color: #07A8C6!important; }
	.ctn_title2 	{ color: #FF9A63!important; }

	.article_texte h3, .ctn_subtitle1, .ctn_subtitle2, .ctn_subtitle3 { font-size: 18px!important; line-height: 21px!important; }
	
	.texte1, .texte2, .texte3, .texte1 *, .texte2 *, .texte3 * { font-size: 14px!important; line-height: 18px!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: 18px!important; line-height: 21px!important; }
	.article_texte h3, .ctn_subtitle1, .ctn_subtitle2, .ctn_subtitle3 { font-size: 15px!important; line-height: 19px!important; }
}