/*-----------------------------------------------------------------------------
date:      	mars 2018
author:		adproxima
-----------------------------------------------------------------------------*/

/* MEDIA QUERIES */
@media screen and (max-width:320px) {
	.resp.mb #connexion a::before {
		left: 0; top: 3px;
	}
	.resp.mb #connexion a {
		padding: 4px 0 3px;
		color: #0b9acb;
		font-size: 0px;
		width: 70px;
		text-align: center;
	}
}

/*
*/
@media screen and (max-width:360px) {
	.resp.mb.se .footer #mod_s_slide.two_column.inscription a,
	.resp.mb.se .nos_editions #mod_s_slide.two_column.inscription a {
		font-size: 18px;
		padding: 20px;
	}
	#page.resp.mobile.se.mb .footer.container iframe,
	#page.resp.mobile.se.mb .nos_editions.container iframe {
		height: 185px !important;
	}
	#page.se.mb .subNavigation li a {
		font-size: 11px !important; 
	}
	#page.se.mb .headline {
		font-size: 18px !important;
	}
	#page.se.mb .logo img {
		width: 100px;
	}
	.se .resume {
		padding: 10px 0 10px !important;
	}
	#page.se.mb #edito {
		margin: 65px 5% 0;
	}
	#page.se.mb  h1, 
	#page.se.mb  h2 {
		font-size: 20px !important;
	}

	.se.resp.mb .headline {
		width: 90%;
		margin: 0 5% 20px;
		text-align: center;
	}

	/*.resp.se .packDemmarrage, 
	.resp.se .visaFiscal, #navigation_editions
	.resp.se .vmc {
		padding: 10px 5% !important;
	}
	.resp.se .protectionFiscale,  
	.resp.se .offreSpecialeFNI {
		padding: 20px 5% !important;
	}*/
	.resp.mb.se #notreOffre h3 {
		font-size: 26px;
	}
	.resp #notreOffre li {
		padding-bottom: 5px !important;
	}
	#page.resp #notreOffre .one-half ul {
		margin-top: 10px !important;
	}
	.resp.mb.se.mobile #slider_situations .title p {
		line-height: 130% !important;
	}
	.resp.mb.se blockquote {
		font-size: 22px;
		margin: 0 !important;
	}
	.resp.se #slider_situations .column.one-third img {
		width: 80%; 
	}
	.resp.se #slider_situations .pack span {
		font-size: 1.5em;
	}
	.se.resp .imgCircle img {
		width: 120px !important;
		height: 120px !important;
	}

}

/*
*/
@media screen and (max-width:400px) {
	.page.resp.mb.mobile.se .footer #mod_s_slide.two_column iframe, 
	.page.resp.mb.mobile.se .nos_editions #mod_s_slide.two_column iframe {
		height: 190px !important;
	}
	.resp.mb .footer #mod_s_slide.two_column.inscription a,
	.resp.mb .nos_editions #mod_s_slide.two_column.inscription a {
		font-size: 18px;
	}
	.resp.mobile.se.mb .footer.container iframe,
	.resp.mobile.se.mb .nos_editions.container iframe {
		height: 160px !important;
	}
	.page.s-slider .resp.se.mb #header, 
	.page.s-slider .resp.se.mb #slider_header_forcefullwidth, 
	.page.s-slider .resp.se.mb .fullscreen-container,
	.page.s-slider .resp.se.mb .tp-fullwidth-forcer {
		min-height: 220px;
		max-height: 220px !important;
	}
	.resp h1 {
		font-size: 26px;
	}
	.resp.mb.se .logo {
		margin: 50px 0 0 0;
	}

	.resp.mb.se .headline {
	font-size: 22px !important;
	}
	/*.se.resp.mb #connexion {
		top: 205px;
	}*/
	section#header .bg2 {
		background: none !important;
	}
	/*
	*/
	#page.se.resp p.copyright {
		text-align: center !important;
	}
	.resp .imgCircle img {
		width: 150px !important;
		height: 150px !important;
	}
	.resp.mb.mobile.se #notreOffre h2 {
		font-size: 20px;
		line-height: 100%;
	}
	/*.packDemmarrage,
	.visaFiscal,
	.vmc {
		padding: 20px 5% !important;
	}
	.protectionFiscale, 
	.resp .offreSpecialeFNI {
		padding: 30px 5% !important;
	}*/

	/*#page.se.resp p {
		text-align: left !important;
	}*/
}

/*
*/
@media screen and (min-width:401px) and (max-width:420px) {
	.mobile #notreOffre li {
		padding-bottom: 15px;
	}
	.resp.mb.mobile #notreOffre h2 {
		font-size: 26px;
	}
	.btn.essai {
		margin: 40px 0;
	}
	.resp #slider_situations .column.one-third.noSpace {
		padding: 40px 5% !important;
	}
		
}


/*
*/
@media screen and (max-width:420px) {
	.page.quiSommesNous .imgSCS.scr {
		display: none;
	}
	.page.quiSommesNous .resp .imgSCS.schema.se {
		display: inline-block; width: 55%;
	}
	.page.quiSommesNous img.schema {
		width: 100%;
	}
	.resp ul#columns {
		padding: 0 0 80px;
	}
	.resp.mb ul#columns.one_third img.logo {
		width: 30% !important;
		display: block;
		float: none;
		margin: 10px 35%;
	}
	.resp ul#columns.one_third li h3 {
		font-size: 1.8em;
		margin: 30px 0 10px !important;
		text-align: center;
	}
	.resp ul#columns.one_third li {
		font-size: 1em;
		line-height: 150%;
	}

	/*
	*/
	.contactezNous li span {
		display: block;
	}
	.resp.mb .contactezNous li h2 a {
		font-size: 18px !important;
	}
	.guideInstall .resp.mb #formulaire td {
		padding: 0 10px;
	}
	.guideInstall .resp #articleActu i {
		padding: 10px 0px 20px;
	}
	.single.actu.guideInstall  #articleActu i h2 {
		padding: 0 15px;
		line-height: 120%;
		text-align: center;
	}
	.guideInstall .resp .sidebar a.btn.plus span, 
	.guideInstall .resp.mb .sidebar a.btn.plus {
		display: block;
		text-align: center;
		position: relative;

	}
	.resp.mobile #formulaire tr {
		margin-bottom: 1px;
		display: inline-block;
		width: 100%;
		background: #eee;
		padding: 10px;
	}
	.resp.mobile #formulaire td {
		float: left; display: inline-block;
		width: 100%;
		border: none !important;
		padding: 0;
	}
	.resp.mobile input[type="text"],
	.resp.mobile textarea {
		width: 92%;
	}
	#articleActu #formulaire table {
		border: none;
		padding: 10px;
	}
	.resp.mobile #formulaire {
		background-color: transparent;
		border: none;
		border-radius: 0;
		padding: 10px !important;
	}
	.resp.mb.mobile #formulaire td {
		font-size: 15px;
	}
	/*
	*/
		
	#entete_page .imgCircle img.portrait {
		width: 320px !important;
		height: 320px !important;
	}
	.resp .nos_editions #mod_s_slide .one_half.left {
		text-align: center;
	}
	.page.s-slider.nosEditions .resp.se #header {
		min-height: 260px;
		max-height: 260px !important;
	}
	.resp .nos_editions .inscription li.logo {
		display: none;
	}
	.page.nosEditions .resp #footer ul.infos {
		display: block !important;
	}
	/*
	*/
	.resp.mb.mobile.se .footer #mod_s_slide.two_column iframe, 
	.resp.mb.mobile.se .nos_editions #mod_s_slide.two_column iframe {
		height: 210px !important;
	}
	.resp.mobile.se .footer .inscription .title strong,
	.resp.mobile.se .nos_editions .inscription .title strong {
		font-size: 1.5em;
	}
	.resp .footer #mod_s_slide .one_half.left,
	.resp .footer #mod_s_slide .one_half.left,
	.footer #mod_s_slide .one_half.right,
	.nos_editions #mod_s_slide .one_half.right {
		text-align: center;
	}
	.resp #mod_s_slide .one_half,
	.resp .footer #mod_s_slide .one_half.last,
	.resp .nos_editions #mod_s_slide .one_half.last {
		width: 100% !important; margin: 0 !important;
	}
	.resp .footer .inscription li,
	.resp .nos_editions .inscription li {
		display: inline-block;
	}
	.resp i.portrait img {
		position: relative;
		top: -50px;
		left: 10px;
		display: inline-block;
		float: left;
		width: 50% !important;
		margin: 0 50% 0 0;
	}

	a.btn.nosEditions span {
		display: block; line-height: 150%;
	}
	.page.s-slider .resp.se #header, 
	.page.s-slider .resp.se #slider_header_forcefullwidth, 
	.page.s-slider .resp.se .fullscreen-container, 
	.page.s-slider .resp.se .tp-fullwidth-forcer {
		min-height: 230px;
		max-height: 230px !important;
	}

	.resp.mb .logo {
		width: 100%;
		margin: 70px 0 0 0;
	}
	.resp.mb li.logo {
		margin: 20px 0 0 0;
	}
	.resp.mb #navigation_editions ul {
		right: inherit;
		float: left;
		padding: 0;
	}
	.resp #navigation_editions #slider-1050-layer-1 {
		min-width: 276px !important;
		max-width: 276px !important;
	}


	#page.se.resp .headline {
		width: 70%;
		margin: 0 15% 30px;
		text-align: center;
		line-height: 100% !important; 
		font-size: 20px !important;
	}

	/*
	*/
	.article_content .one-half,
	.article_content .one-third,
	.article_content .two-third {
		width: 100%;
	margin: 0;
	}
	.article_content .one-third img {
		width: 100% !important;
		margin-right: 0;
		margin-bottom: 20px !important;
		float: left;
	}
	.resp .two-third .resume {
		text-align: left !important;
	}

	.securite img {
		width: 100%;
	}
	.securite img.img_portrait {
		width: 60%;
	}
	#page.se .banques .logo {
		margin: 0;
	}
	#page.se .banques form {
		padding: 10px 0;
	}
	#page.se .banques .col3,
	#page.se .banques .col2,
	#page.se .banques .col1 {
		width: 100%;
		float: left;
	}

	#page.se #slider_contactezNous .column.one-half {
		width: 94% !important;
		padding: 0 5% !important;
		margin: 0 4% !important;
	}
	#page.se .contact a.btn {
		float: left;
	}
	#page.se .securite .frame {
		margin: 50px 0 0;
	}


	.CdE_new .btn a,
	#slider_articlesCdE .btn a {
		float: left;
		clear: both;
		margin: 5px 0 0 !important;
	}
	.btn.essai {
		margin: 20px 0;
	}
	.imgCircle img {
		width: 220px !important;
		height: 220px !important;
	}
	.resp #slider_situations .pack span {
		font-size: 2.5em;
	}
	.resp.mb.mobile #slider_situations .title p {
		font-size: 20px !important;
		line-height: 140% !important;
	}
	.resp #slider_situations .column.one-third img {
		width: 100%; 
		margin-right: 0; float: none;
	}
	.resp.mb.mobile .tp-caption.inscription a {
		padding: 20px;
	}

	.resp.mb.mobile #slider_inscription .title strong {
		font-size: 30px !important;
	}

	#page.resp.mb ul.tp-revslider-mainul {
		margin: 0 5% !important;
	}

	.resp #nosEditions .one-third img {
		width: 100%;
		margin: 0 0 10px;
	}
	.resp #nosEditions h3 {
		font-size: 1.2em; text-align: center;
	}


	/*.packDemmarrage,
	.visaFiscal,
	.vmc {
		padding: 30px 5% !important;
	}
	.protectionFiscale,
	.resp .offreSpecialeFNI {
		padding: 40px 5% !important;
	}*/
	.resp #navigation_editions {
		position: fixed;
	}
	#page #notreOffre .one-half ul {
		margin-top: 30px !important;
	}

	.se #header.resp {
		text-align: center;
	}
	.resp .logo {
		margin-left: 0;
		text-align: center;
		width: 100%;
	}

	.se h1 span, 
	.se h2 span,
	.se .title.edito {
		font-size: 26px !important; line-height: 110% !important;
	}
	.resp .tarif {
		font-size: 50px;
	}
	.resp sup {
		font-size: 26px;
	}

	.tp-caption.inscription a {
		font-size: 20px;
		line-height: 30px;
	}


	.resp.mb #slider_situations .btn.lireLaSuite {
		float: left;
		width: 100%;
		display: block;
		padding: 20px 0 0 !important;
	}

	#slider_inscription .title strong {
		font-size: 30px !important;
	}
	.shape {
		width: 100px;
	}

	#slider_entete .rev_row_zone_middle {
		top: 45%;
	}
}


/*
*/
@media screen and (min-width:480px)  and (max-width:600px) {
	#nosEditions .one-third img {
		width: 70%; margin: 0 15%;
	}
	.resp.mb #nosEditions .resume {
		font-size: 17px !important; line-height: 120% !important;
	}
	.resp.mb #nosEditions .column.one-third {
		padding: 30px 3% 30px !important;
	}
	#slider_articlesCdE .two-third {
		width: 62%;
	}
	.se #slider_articlesCdE p.resume {
		padding: 10px 0 !important;
	}
	.se #slider_articlesCdE .row.article {
		padding: 40px 0;
	}
}

/*
*/
@media screen and (max-width:600px) {
	.resp.mb .formulaire_install td.colL {
		width: 30%;
	}
	.resp.mb #formulaire td {
		font-size: 13px;
	}
	#footer .shape {
		background: #fefefe;
		width: 100px;
	}
	.resp.mobile.se .footer.container iframe,
	.resp.mobile.se .nos_editions.container iframe {
		height: 230px;
	}
	.resp .footer .inscription a,
	.resp .nos_editions .inscription a {
		font-size: 13px;
		line-height: 13px;
	}
	#page.se .frame p {
		text-align: left !important;
	}
	#slider_articlesCdE .one-third,
	#slider_articlesCdE .two-third {
		width: 100%; margin: 0 0 20px;
	}
	#slider_articlesCdE .one-third img {
		width: 70%; margin: 0 10%;
	}
	#page.resp ul.tp-revslider-mainul {
		margin: 8% 5% 0 !important;
	}
	#navigation {
		display: none;
	}
	.resp #navigation_editions {
		top: 0;
	}
	.se .logo {
		width: 100px;
		margin: 46px 0 0 3%;
	}
		
	.resp.mb .subNavigation li {
		display: block !important;
	}
	.resp.se .headline {
		font-size: 18px !important;
		line-height: 120% !important;
	}
	.page.s-slider .resp #header, 
	.page.s-slider .resp #slider_header_forcefullwidth, 
	.page.s-slider .resp .fullscreen-container, 
	.page.s-slider .resp .tp-fullwidth-forcer {
		min-height: 130px;
		max-height: 130px !important;
	}
}

/*
*/
@media screen and (max-width:640px) {
	.resp.mb.se .footer #mod_s_slide.two_column iframe, 
	.resp.mb.se .nos_editions #mod_s_slide.two_column iframe {
		height: 325px;
	}
	}
/*
*/
@media screen and (max-width:700px) {
	.resp.mb.mobile .footer #mod_s_slide.two_column iframe, 
	.resp.mb.mobile .nos_editions #mod_s_slide.two_column iframe {
		height: 340px !important;
	}
	.resp .headline span {
		display: inline ;
	}
	#page ul.tp-revslider-mainul {
		margin: 5% 5% 0 !important;
	}
	.btn.lireLaSuite {
		/*text-align: center !important;*/
		margin: 5% 5% 0 !important;
	}

	.two-third h2 {
	margin-left: 0%;
	}

	i.portrait img {
		position: relative;
		top: -50px;
		left: 10px;
		display: inline-block;
		float: left;
		width: 30% !important;
		margin: 0 70% 0 0;
	}
	.resp .subNavigation li a {
		font-size: 12px !important; 
	}
}


/*
*/
@media screen and (max-width:720px) {
	.single.actu .resp .alignLeft.logo {
		width: 50%;
		margin: 0 25% 5%;
	}
	.resp .encadre {
		padding: 15px !important;
	}
	.resp.se a.btn.plus {
		padding: 12px 20px;
		font-size: 1em;
		line-height: 180%;
		display: block;
		text-align: center;
	}
	.resp #articleCdE i h2, 
	.resp #articleCdE i h3, 
	.resp #articleActu i h2, 
	.resp #articleActu i h3 {
		margin: 20px 0 10px !important;
		font-size: 1.15em !important;
	}
	.resp #articleCdE i, 
	.resp #articleActu i {
		padding: 20px 15px;
	}
	#page.se.resp.mb #articleActu h1 {
		font-size: 2em !important;
	}
	.resp #articleActu h1 span {
		font-size: 20px !important;
	}
}

/*
*/
@media screen and (min-width:500px) and (max-width:680px) {

	.resp #slider_FNI blockquote {
		margin: 20px 0 !important; font-size: 26px !important;
	}
}

/*
*/
@media screen and (min-width:500px) and (max-width:980px) {

	.packDemarrage {
		padding: 0 !important; 
	}
	#slider_articlesCdE .btn a {
		float: left;
		clear: both;
		margin: 5px 0 0 !important;
	}
	#slider_FNI .one-third.left {
		width: 35% !important; float: left; margin-right: 5% !important;
	}
}


/*
*/
@media screen and (max-width:767px) {
	.sidebar #notreOffre li {
		text-align: left;
	}
	.guideInstall .resp .sidebar img {
		width: 100% !important;
	}
	.guideInstall .resp .sidebar {
		text-align: center !important;
	}
	.single.actu .resp.mb.se h2 {
		font-size: 1.5em !important; margin: 40px 0 10px;
	}
	#articleActu.container {
		width: 80% !important;
	}
	.resp table.cadre {
		margin: 0;
	}
	.resp .banques .col3 {
		width: 25%;
	}
	/*#navigation_editions #slider-1050-layer-2 a, 
	#navigation_editions #slider-1050-layer-9 a {
		background: #34d6c2;
	}

	
	#navigation_editions .editPRO.subMenu,
	#navigation_editions .editPER.subMenu {
		display: none !important;
	}

	#navigation_editions .editPRO,
	#navigation_editions .editPER {
		display: inline-block !important;
	}
	#navigation_editions #editionsPER .tp-parallax-wrap {
		top: 90px !important;
	}

	#navigation_editions .tp-caption.tp-withaction.open {
		min-height: 400px !important;
		max-height: 400px !important;
	}*/

	#navigation_responsive {

		display: inline-block;
		position: relative;
		/*display:none;*/
		top:400px;

	}
	#navigation_responsive .menu-item a {

		background: rgba(237,237,232,1);
		color: #333; line-height: 30px !important;
		/*display:none;*/
	}

	#navigation_responsive .menu-item a:hover {

		color: #0b9acb;
		background: rgba(237,237,232,1) !important;
		
	}
	
	
	.resp .logo {
		width: 110px;
		margin: 7px 0 0 3%;
	}

	.resp #navigation_editions ul {
		right: 80px;
	}

	/*
	*/
	.page.editPro .resp #header, 
	.page.editPers .resp #header {
		min-height: 200px;
	}
	#header .bg2 {
		background: none !important;
	}
	#nosEditions blockquote {
		display: none;
	}
	.resp #navigation {
		margin: 122px auto 0;
	}
	.resp .headline {
		margin: 63px 0 0 20px;
	}
	.logo img {
		width: 110px;
	}


	#navigation_editions .txt_editPro,
	#page.se.resp .headline span {
		display: none;
	}


	/*
	*/	

	#page.se.resp #slider_contactezNous .column.one-half {
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	.resp .aideSupport h1 {
		font-size: 26px;
	}
	.resp .contact h4 {
		padding: 20px 0 10px;
	}
	.resp .securite img.img_anime {
		width: 100%;
	}
	#page.se .frame ul {
		padding: 0;
	}
	.resp #content.aideEtSupport .column.one-half {
		padding: 0 !important;
		margin: 0 !important;
	}	
	#navigation_editions #slider-1050-layer-2, 
	#navigation_editions #slider-1050-layer-9 {
		padding: 0 !important;
		right: 0; background: none;
	}
	#navigation_editions .menu-item a {
		font-size: 12px;
		padding: 8px 15px;
	}


	/*
	*/
	.resp #nosEditions .resume {
		margin-bottom: 20px;
	}

	.resp #navigation li a {
		font-size: 0.9em; 
	}
	.column .shape {
		margin-bottom: 10px !important;
	}
	h1, 
	h1 span {
		white-space: normal;
	}

	.mb.resp #slider_entete_page .row.multi {
		padding: 0 !important;
	}
	.resp.mb #notreOffre h2 {
		font-size: 26px;
		line-height: 100%;
	}
	.resp.mb #notreOffre h3 {
		font-size: 30px;
	}

	.resp.mb #slider_situations h3 {
		font-size: 30px;
	}
	.resp.mb #slider_situations h3 i {
		font-size: 20px;
	}
	.resp.mb #slider_situations .title p {
		padding: 10px 0 0 !important;
	}
	.resp.mb #slider_situations .column.one-third.noSpace {
		margin-bottom: 20px !important;
	}
	.resp.mb #slider_inscription .title strong {
		font-size: 36px !important;
	}
	.resp.mb .tp-caption.inscription a {
		padding: 20px 35px;
	}
	.resp.mb blockquote {
		font-size: 26px;
		margin: 20px 0 !important;
	}
	.resp.mb .footer #mod_s_slide.two_column iframe, 
	.resp.mb .nos_editions #mod_s_slide.two_column iframe {
		height: 375px !important;
	}
}


/*
*/
@media screen and (max-width:980px) {
	.guideInstall .sidebar img {
		width: 50% !important;
	}
	.guideInstall .sidebar {
		text-align: left !important;
	}
	.guideInstall .alignCenter {
		text-align: center;
		display: inline-block;
		width: 100%;
	}
	.guideInstall .sidebar a.btn.plus span,
	.guideInstall .resp .sidebar a.btn.plus {
		display: inline;
		font-size: 20px;
	}
	.resp.mb #formulaire td {
		padding: 10px;
	}
	/*
	*/
	.resp ul#columns.one_third li {
		width: 100%;
	}
	.resp ul#columns.one_third img.logo {
		width: 120px !important;
		margin-bottom: 20px;
	}
	.resp ul#columns.one_third li h3 {
		font-size: 1.5em;
	}
	.resp #slider_quiSommesNous img.portrait {
		width: 50%;
	}
	/*
	*/
	.resp.mb #mod_s_slide.two_column .one_half {
		width: 100% !important;
	}
	.resp.mb #mod_s_slide.two_column .one_half.last {
		width: 100% !important; margin: 0 !important; text-align: center;
	}
	.resp.mobile .footer .inscription .title strong,
	.resp.mobile .nos_editions .inscription .title strong {
		font-size: 2em;
	}
	.resp .footer #mod_s_slide.two_column iframe,
	.resp .nos_editions #mod_s_slide.two_column iframe {
		height: 390px !important;
	}

	/*
	*/
	.erreur_404 .container a.lien_accueil {
		display: block; margin-bottom: 30px;
	}
	.erreur_404 .container {
		margin: 0 auto !important;
	}
	.erreur_404 .container em br {
		display: inline; float: left;
	}
	.single.actu .resp.mb h2 {
		font-size: 1.75em !important;
	}
	#articleCdE .two-third, #articleActu .two-third {
		width: 100%;
		margin-right: 0;
		border-right: none;
		padding-right: 0;
	}
	#articleCdE .one-third, #articleActu .one-third {
		width: 100%;
		float: none;
		border-top: 1px dashed #0b9acb;
		margin: 50px 0;
		text-align: center;
	}
	.encadre a {
		font-size: 1.15em !important;
		display: block;
		float: none;
		text-align: center;
		padding: 12px 20px;
	}
	.single.actu .encadre h2 {
		font-size: 1.8em !important;
	}
	.encadre {
		padding: 30px !important;
	}
	.resp a.btn.plus {
		padding: 12px 25px;
		font-size: 1.15em;
		line-height: 180%;
		display: inline-block;
	}
	#articleActu.container {
		margin: 0 auto !important;
	}
	.single.actu .resp h2 {
		font-size: 2em !important;
	}
	/*
	*/
	.resp .dep {
		text-align: center;
		float: left;
		width: 100%;
	}
	.resp.mb #entete_page.edito .column.right.last{
		margin-left: 0% !important;
		width: 100% !important;
	}
	#entete_page.edito .column.left {
		width: 100% !important;
	}
	#entete_page.edito .column.right.last {
		margin-left: 0 !important;
		width: 100% !important;
	}
	/* Sidebar */
	.sidebar {
		padding: 50px 8%; background: rgba(51,51,51,0.015);
	}
	.resp #articleCdE .two-third {
	width: 100%;
	/*margin: 0 8% 100px;*/
	padding-right: 0;
		border-right: none;
	}
	#articleCdE img {
		width: 80%;
	}
	.resp #articleCdE .one-third {
		width: 100%;
	}
	.sidebar img {
		width: 30% !important;
		margin: 0 20px 20px 0;
	}
	/*
	*/
	.resp .one-third .resume {
		font-size: 15px !important;
	}


	img.img_portrait {
		width: 100px;
	}
	.contact h4 {
		padding: 20px 0 10px;
	}
	#slider_contactezNous .column.one-half {
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	.foireAuxQuestions article {
		padding: 20px 0;
	}
	/*#content.aideEtSupport .row {
		margin: 50px 0 0 !important; max-width: 100% !important;
	}
	#content.aideEtSupport .row.multi {
		margin: 0 !important;
	}*/
	#content.aideEtSupport .column.one-half {
		padding: 0 !important;
		margin: 4% 0 !important;
	}
	#content.aideEtSupport .column.one-half.noSpace {
		margin: 0 !important;
	}

	.left .image.entete {
		margin: 0 !important;
	}
	#nosEditions .column.one-third {
		margin: 0 0 10px !important;
		width: 100% !important;
		padding: 30px 3% !important;
	}
	.resp .right.inverse,
	.resp .left.inverse {
		left: 0;
	}
	#nosEditions .one-third img {
		float: left; width: 50%; margin: 0 20px 0 0;
	}

	.column.one-third {
		width: 100% !important;
		margin: 0 0 20px 0 !important; 
	}
	#navigation li a {
		padding: 16px 10px 12px; font-size: 0.85em; 
	}

	#slider_lastNews .column.one-half,
	#slider_guideInstall .column.one-half,
	#slider_guideInstall3 .column.one-half,
	#slider_inscription .column.one-half {
		margin: 0 !important;
		width: 100% !important;
	}
	.rev_column {
		display: inherit !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important;
	}
	.logo {
		margin-left: 5%;
	}
	/*.telephone {
		right: 5%;
	}*/
	.headline {
		width: 65%;
	}

	#slider_entete .image img,
	#slider_entete_page .image img {
		margin: 0 10%; width: 80%;
	}
	#slider_entete .rev_column,
	#slider_entete_page .rev_column {
		display: inherit; width: 100% !important;
	}
	#slider_entete ul, 
	#slider_entete_page ul {
		margin: 50px 5% 0 !important;
	}
	#nosEditions h3 {
		white-space: normal; min-height: auto; font-size: 30px; text-align: left;
	}
	.column.one-third.last.inscription {
		width: 100% !important;
		padding: 0 !important;
		margin: 2% 0 !important;
	}
	.column.one-third.last.inscription p {
		margin: 0 !important;
	}
	/*#notreOffre .column.one-half {
		padding: 10px 3% !important;
	}
	.offreSpecialeFNI {
		padding: 20px 5% !important;
	}*/
	.resp #slider_situations .resume,
	.resp #slider_situations .pack p {
		min-height: auto !important;
	}
	#slider_situations .column.one-third.noSpace {
		padding: 5% 2% 2% !important;
		margin: 2% 0 0 !important;
		border: 1px solid #ccc;
		width: 100% !important;
		float: left;
	}
	#slider_situations .column.one-third img {
		float: left; width: 40%; margin-right:20px;
	}

	.resp #slider_situations .pack {
		float: left; width: 100%;
	}
	.resp #slider_situations .pack sup {
		display: inline;
	}
	.resp #slider_situations .pack sup {
		text-align: center;
	}
	#slider_situations h3 {
		font-size: 40px;
	}
	#slider_situations h3 i {
		font-size: 26px;
	}
	.resp #notreOffre h2 {
		font-size: 33px;
	}
	.subNavigation li a {
		font-size: 13px !important; padding: 20px 10px;
	}
	#slider_inscription .title strong {
		font-size: 50px;
	}
	#notreOffre i {
		font-size: 20px !important;
	}

	.resp #notreOffre h3 {
		font-size: 36px;
		margin-bottom: 10px;
	}
}


/*
*/
@media screen and (max-width:1170px) {
	.nos_editions #mod_s_slide.two_column iframe {
		height: 280px !important;
	}
	.planDuSite #mod_s_slide .one_half.last {
		width: 48% !important;
	}
	.planDuSite .one_half h2 {
		font-size: 1em;
	}
	.planDuSite .nos_editions .fullwidth.inscription {
		padding: 0;
	}
	.resp .contactezNous li h2 a {
		font-size: 20px !important; padding: 0 0 5px !important;
	}
	.resp .contactezNous li {
		padding: 10px 0;
		font-size: 15px;
	}
	.resp .formulaire_install td.colL {
		width: 27%;
	}
	.resp #formulaire td {
		font-size: 14px;
	}
	.resp .tp-caption.quiSN p {
		font-size: 16px !important;
		line-height: 130% !important;
	}
	.resp .footer #mod_s_slide.two_column iframe,
	.resp .nos_editions #mod_s_slide.two_column iframe {
		height: 280px;
	}
	.resp .footer #mod_s_slide.two_column.inscription a,
	.resp .nos_editions #mod_s_slide.two_column.inscription a {
		font-size: 22px;
		padding: 30px;
	}
	.resp #mod_s_slide.two_column .one_half {
		width: 54% !important;
	}
	.resp #mod_s_slide.two_column .one_half.last {
		width: 41% !important;
		margin-left: 4% !important;
	}
	.resp .footer.container iframe,
	.resp .nos_editions.container iframe {
		height: 420px;
	}
	.resp .footer .inscription .title strong,
	.resp .nos_editions .inscription .title strong {
		font-size: 2em;
	}
	/*.page.quiSommesNous img.portrait{
		width: 60% !important;
	}*/
	img.alignLeft.offreSDPA {
		width: 100% !important; margin-bottom: 15px;
	}
	.resp #slider_situations .one-third .dep_content p {
		font-size: 15px !important;
	}
	.row.banques .frame {
		padding: 0 10px !important;
	}
	.resp #entete_page.edito .column.right.last {
		margin-left: 15% !important;
		width: 85% !important;
	}
	.page.accueil .resp #slider_editionsPro .one-third p.resume {
		min-height: 200px;
	}
	.resp #navigation_editions .txt_editPro {
		line-height: 36px;
	}
	.resp .tp-caption.tp-withaction {
		min-height: 37px !important;
		max-height: 37px !important;
	}
	.resp #navigation_editions .rev-burger .toogle_ico {
		margin-top: 11px;
	}
	.resp #navigation_editions .rev-burger.open .toogle_ico {
		margin-top: 18px;
	}
	#navigation_fixed #navigation_editions {
		height: 36px;
	}
	.resp .telephone a {
		padding: 6px 10px 6px 20px;
		font-size: 18px;
	}
	.resp #connexion a {
		padding: 6px 10px 6px 20px;
		font-size: 14px;
	}
	.telephone a::before,
	#connexion a::before {
		font-size: 22px;
	}

	body {
		font-size: 16px;
		line-height: 150%;
	}
	.text,
	p,
	.text i,
	tr.head_line,
	.encadre,
	.single .text_intro,
	.contact h4,
	.assistance .frame h3,
	.banques .frame h3,
	#notreOffre .text,
	.fullwidth .text_content li,
	#slider_FNI strong,
	.btn.enSavoirPlus a,
	a.btn.enSavoirPlus,
	.btn.guideInstall a,
	.resume,
	#slider_situations .pack {
		font-size: 16px !important; line-height: 130% !important;
	}
	.resp .headline {
		font-size: 20px !important; line-height: 120% !important;
	}

	#navigation li a,
	#navigation_editions .txt_editPro,
	.btn.connexion {
		font-size: 14px;
	}
	.resp .tp-caption.tp-withaction.open {
		min-height: 750px !important;
		max-height: 750px !important;
	}

	.resp #slider_editionsPro .resume {
		min-height: 160px;
	}
	.resp #slider_editionsPers .resume {
		min-height: 180px;
	}
	.resp #nosEditions .column.one-third {
		padding: 30px 5% 10px !important;
		width: 98% !important;
		margin: 2% 1% !important;
	}
	#entete_page .tp-caption.rev_row.articles {
		margin-top: 100px !important;
	}
	.page.accueil .one-third p.resume {
		min-height: 190px;
	}

	.btn a, .lire, a.btn {
		padding: 8px 15px;
	}
	/* ARTICLE */
	.CdE_new .btn a,
	#slider_articlesCdE .btn a {
		padding: 8px 15px;
	}
		
	/*
	*/
	#navigation {
		margin: 142px auto 0;
	}

	#page .fullscreen-container .subNavigation ul {
		padding: 0 10px;
	}
	.logo {
		width: 120px;
		margin: 10px 0 0 3%;
	}
	.headline {
		margin: 60px 0 0 20px;
	}
	h1 {
		font-size: 30px;
		white-space: normal;
	}
	h2 {
		font-size: 2em;
	}
	#notreOffre h2 {
		font-size: 26px;
	}
	.tp-caption.inscription a {
		padding: 20px 20px;
		font-size: 20px;
		line-height: 20px;
	}
	.title {
		white-space: normal !important;
	}
	#notreOffre h3 {
		font-size: 30px; margin-bottom: 5px;
	}
	.tarif {
		font-size: 70px;
	}
	sup {
		top: -0.05em;
	}
	#notreOffre li {
		padding-bottom: 5px;
	}
	.subNavigation li a {
		font-size: 14px;
	}
	#slider_situations .resume {
		min-height: 160px !important;
	}
	.encadre a {
		font-size: 1em;
	}
	.encadre {
		border-radius: 10px;
		padding: 10px;
		margin: 10px 0;
	}
	.single.actu .encadre h2 {
		margin: 20px 0 15px;
	}
	a.btn.plus {
		padding: 8px 10px;
		font-size: 0.85em;
		line-height: 0.85em;
	}
	.single.actu .text_intro {
		font-size: 1em !important;
	}
	.single.actu .alignLeft.logo {
		width: 30%;
	}
	#articleCdE i, #articleActu i {
		padding: 20px 30px;
	}
	/*.page.s-slider #header, 
	.page.s-slider #slider_header_forcefullwidth, 
	.page.s-slider .fullscreen-container,*/ 
	.page.s-slider .tp-fullwidth-forcer {
		min-height: 190px;
		max-height: 190px !important;
	}
}

/*
*/
@media screen and (max-width:1280px) {

	#articleActu h1 {
		font-size: 2.55em !important;
	}
	.single.actu h2 {
		font-size: 1.5em !important;
	}
	.single.actu #articleActu i h2 {
		font-size: 1.1em !important;
	}
	.footer #mod_s_slide.two_column iframe, 
	.nos_editions #mod_s_slide.two_column iframe {
		height: 325px !important;
	}
}

/*
*/
@media screen and (max-width:1619px) {

	.footer.container iframe,
	.nos_editions.container iframe {
		height: 365px !important;
	}
}
/*
*/
@media screen and (min-width:1620px) {

	.contactezNous .title strong {
		font-size: 30px;
	}
	.footer #mod_s_slide.two_column {
		background: none;
		padding: 50px 10%;
	}
	.nos_editions #mod_s_slide.two_column {
		background: none;
		padding: 50px 12%;
	}
	.footer.container iframe,
	.nos_editions.container iframe {
		height: 410px !important;
	}
	#navigation_editions ul li.telephone {
		margin: -1px 0 0;
	}
	.footer .inscription .title strong,
	.nos_editions .inscription .title strong {
		font-size: 3.5em;
	}
	.page.s-slider #header,
	.page.s-slider #slider_header_forcefullwidth,
	.page.s-slider .fullscreen-container,
	.page.s-slider .tp-fullwidth-forcer {
		min-height: 268px;
		max-height: 268px !important;
	}
	#articleActu.container {
		width: 80% !important; margin: 50px auto !important;
	}
	#articleActu h1 {
		font-size: 4em !important; padding-bottom: 50px !important;
	}
	.single.actu h2 {
		font-size: 2em !important;
		margin: 130px 0 15px;
	}
	a.btn.plus {
		padding: 1.25em 2em;
	}
	a.btn.plus span {
		font-size: 1.5em; 
	}
	.single.actu .encadre h2 {
		font-size: 1.8em !important;
	}
	.encadre a {
		font-size: 1em;
		padding: 5px 20px;
	}

	/*
	*/
	.headline {
		margin: 82px 0 0 20px;
	}
	#slider_situations .one-third p.resume {
		min-height: 140px !important;
	}
	body {
		font-size: 20px;
		line-height: 140%;
	}
	.logo {
		width: 200px;
	}
	#navigation {
		margin: 220px auto 0;
	}
	.text,
	p,
	.text i,
	tr.head_line,
	.encadre,
	.single .text_intro,
	.contact h4,
	.assistance .frame h3,
	.banques .frame h3,
	#notreOffre .text,
	.fullwidth .text_content li,
	#slider_FNI strong,
	.btn.enSavoirPlus a,
	a.btn.enSavoirPlus,
	.btn.guideInstall a,
	.resume {
		font-size: 20px !important; line-height: 140% !important;
	}
	#notreOffre .one-half li,
	#notreOffre .text {
		font-size: 18px !important; line-height: 130% !important;
	}
	/*
	*/
	#navigation li a,
	#navigation_editions .txt_editPro,
	.btn.connexion {
		font-size: 20px;
	}
	#navigation_editions .txt_editPro {
		width: 80%;
	}
	#navigation_editions ul {
		right: 320px;
	}
	#navigation_editions #slider-1050-layer-1 {
		min-width: 320px !important;
		max-width: 320px !important;
	}
	#connexion a {
		padding: 12px 35px 11px 45px;
		font-size: 20px;
	}
	#connexion a::before {
		left: -15px;
		font-size: 30px;
	}
	.telephone a::before {
		left: -15px;
		font-size: 32px;
	}
	.telephone a {
		padding: 12px 35px 12px 45px;
		font-size: 26px;
	}
	.tp-caption.tp-withaction {
		min-height: 50px !important;
		max-height: 50px !important;
	}
	/*
	*/
	.single h2 {
		font-size: 40px !important;
	}
	.single h3 {
		font-size: 26px !important;
	}
	#articleCdE.container {
		width:80% !important; 
	}
	.encadre {
		border-radius: 20px; padding: 40px 25px; margin: 50px 0;
	}
	.single h1 {
		font-size: 56px !important;
	}
	#slider_editionsPro .resume {
	min-height: 150px; font-size: 18px !important;
	}
	#slider_editionsPers .resume {
	min-height: 170px; font-size: 18px !important;
	}
	h1 {
		font-size: 3em;
	}
	h2 span, 
	h1 span,
	.telephone,
	.title.edito,
	#slider_situations h3 {
		font-size: 36px !important; line-height: 130%;
	}

	#slider_situations h3 i {
		font-size: 26px !important;
	}
	.resp .btn a {
		font-size: 20px;
		line-height: 20px;
	}
	h3,
	.headline {
		font-size: 30px;
	}

	.title strong {
		font-size: 60px;
	}
	#slider_inscription .inscription a {
		font-size: 30px;
		padding: 50px;
	}

	blockquote {
		font-size: 40px;
	}
	.resp .btn.essai a,
	.resp #notreOffre .btn.inscription a {
		font-size: 26px;
		line-height: 26px;
	}
	#notreOffre h2,
	#notreOffre h3 {
		font-size: 46px;
	}
	.tarif {
		font-size: 100px;
	}
	/*.offreSpecialeFNI {
		padding: 80px !important;
		margin: 2% 0 !important;
	}

	.resp .offreSpecialeFNI {
		margin: 4% 0 2% !important;
	}*/
	.protectionFiscale {
		padding: 80px 3% !important;
	}

	#slider_situations .pack span {
		font-size: 2em;
	}
	.tp-caption.tp-withaction.open {
		min-height: 600px !important;
		max-height: 600px !important;
	}
	#page ul.tp-revslider-mainul {
		width: 80% !important;
		margin: 0 10% !important;
	}
	#slider_situations .one-third p {
		min-height: 100px !important;
		font-size: 18px !important;
	}
}

/*
*/
@media screen and (max-width:1620px) {

   .row.syndicats img {
       height: auto !important;
   }
}







#img_webinar:hover {

    transform: scale(1.1);
    cursor:pointer;
    transition: transform 0.5s ease-in-out;
}

#img_webinar2 {

    position: fixed;
    top: 120px;
    right: 100px;
    width: 250px;
    height: 200px;
    z-index: 1000;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    padding:0px;
    z-index:9999;
    overflow: hidden;
}

#img_webinar2:hover {

    transform: scale(1.2);
    cursor:pointer;
    transition: transform 0.5s ease-in-out;
}

#img_webinar2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 1024px) {
    
    #img_webinar2 {

        left:calc(50% - 125px);
        top:170px;
    }
}

#closeit {

    position: absolute;
    top: 5px;
    right: 5px;
    color:red;
    font-size:20px;
}





















