/*
Theme Name: METEO PROTECT
Description: Thème pour METEO PROTECT
Author: Steven DIAI - Webmaster freelance
*/

body, html {
	font-size: 62.5%;
    margin: 0;
}

body {
	color: #404040;
	font-family: 'Open Sans', sans-serif;
}

.wrap {
	margin: 0 auto;
	max-width: 100rem;
}

p, li {
	font-size: 1.4rem;
	line-height: 2.2rem;
	margin-bottom: 1rem;
}

strong {
	font-weight: bold;
}

input[type='email']:focus, 
input[type='number']:focus, 
input[type='password']:focus, 
input[type='search']:focus, 
input[type='tel']:focus, 
input[type='text']:focus, 
input[type='url']:focus, 
textarea:focus, 
select:focus {
	border: .1rem solid #000;
}

:hover {
	-webkit-transition-delay: 0.1s; /* Safari */
    transition-delay: 0.1s;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}

.img-responsive {
	display: block;
	height: auto;
	max-width: 100%;
}

.mobile {
	display: block;
}

.desktop {
	display: none;
}

.bouton {
	display: table;
	margin: 5rem auto 0;
}

.bouton a {
	background: #efbf40;
	border-radius: 3rem;
	color: #FFF;
	display: table;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: normal;
	text-align: center;
	text-decoration: none;
	padding: 1rem 2.5rem;
}

.bgGrey {
	background: #FCFCFC;
	padding: 5rem 0;
}

.bgYellow {
	background: #efbf40;
	padding: 5rem 0;
}


/* HEADER ------------------------------------------------------------------------------------------*/
	
	header {
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	}

	header {
		background: #FFF;
	    transition: all .2s linear;
		padding: 2rem 0;
	    position: fixed;
	    top: 0;
	    right: 0;
	    left: 0;
		margin-bottom: 2rem;
	    width: 100%;
	    z-index: 1;
	}
	
	header + #wrapper {
    	padding-top: 10rem;
	}
	
	/* HAMBURGER ------------------------------------------------------------------------------------------*/
	
	.hamburger > div {
		cursor: pointer;
		float: right;
	}
	
	.hamburger > div .iconBar {
	    border: .1rem solid #404040;
	    display: table;
	    margin: .5rem;
	    width: 2.5rem;
	}	

	.close {
	    position: absolute;
	    right: 3.2rem;
	    top: 3.2rem;
	    width: 3.2rem;
	    height: 3.2rem;
	    opacity: 1;
	}			


	.close:before, 
	.close:after {
		position: absolute;
		left: 1.5rem;
		content: ' ';
		height: 3.3rem;
		width: .2rem;
		background-color: #404040;
	}
	
	.close:before {
		transform: rotate(45deg);
	}
	
	.close:after {
		transform: rotate(-45deg);
	}	
			
	/* NAV ------------------------------------------------------------------------------------------*/
	
	.sidenav {
	    background-image: url('http://meteoprotect.com/wp-content/themes/meteo-protect/assets/img/sun-pattern.png');
	    height: 100%;
	    overflow-x: hidden;
	    padding-top: 4rem;
	    position: fixed;
	    right: 0;
	    top: 0;
	    transition: 0.5s;
	    width: 0;
	    z-index: 20;
	}
	
	.sidenav ul li a {
	    color: #404040;
	    display: block;
	    font-family: 'Dosis', sans-serif;
	    font-weight: 500;
	    font-size: 1.2rem;
	    padding: 0;
	    text-decoration: none;
	    transition: 0.3s;
	    text-transform: uppercase;
	}	

	.sidenav ul li a:hover,
	.sidenav ul li a:focus {
	    color: #000;
	    outline: none;
	}
	
	.sidenav .menu,
	.sidenav .langues,
	.sous-menu-mobile {
		line-height: 4rem;
		margin-left: 2.5rem;
		margin-top: 2.5rem;
	}
	
	.sidenav .menu {
		margin-top: 4.5rem;
	}
	
	.menu .menu-item-has-children > a {
		align-items: center;
		display: flex;
	}
	
	.menu .menu-item-has-children > a:after {
		content: '\f107';
		display: table;
		font-family: 'Font Awesome 5 Pro';
		padding-left: .5rem;
	} 
	
	.sub-menu {
	  display: none;
	  line-height: 2.5rem;
	  margin: 1.5rem;
	}
	
	.sidenav .sub-menu li a {
		font-size: 1.2rem;
	}
	
	.langues {
		display: block;
	}

	.langues .widget {
		list-style-type: none;
		margin: 0;
	}
	
	.langues > li > div > ul {
		display: flex;
		align-items: center;
	}
	
	.langues > li > div > ul li {
		font-size: 1.4rem;
		margin: 0;
	}
	
	.langues > li > div > ul li:first-child {
		margin-right: 1.5rem;
		margin-bottom: 0;
	}
	
	.langues > li > div > ul li a {
		color: #FFF;
		text-decoration: none;
	}
	
	.sous-menu-mobile ul {
		display: flex;
	}
	
	.sous-menu-mobile ul li {
		align-items: center;
		display: flex;
	}
	
	.sous-menu-mobile ul li:after {
		border-right: .2rem solid #404040;
		content: '';
		display: table;
		height: 1rem;
		margin: 0 1rem;
	}
	
	.sous-menu-mobile ul li:last-child:after {
		content: none;
	}

/* MAIN ------------------------------------------------------------------------------------------*/
	
	/* HOME ------------------------------------------------------------------------------------------*/
	
	.title {
		color: #35c68b;
		font-size: 2.6rem;
		font-weight: bold;
		line-height: normal;
		margin-bottom: 1.5rem;
	}
	
	.home-a-propos {
		margin-bottom: 5rem;
	}
	
	.home-a-propos p {
		font-size: 1.4rem;
		line-height: 2.2rem;
		margin-bottom: 1.5rem;
	}
	
	.home-a-propos .bouton a {
		margin-top: 2.5rem;
	}
	
	.home-a-propos figure {
		margin-top: 2.5rem;
	}
	
	.home-assurance-parametrique .title {
		margin-bottom: 5rem;
		text-align: center;
	}
	
	.single-colonne-assurance {
		margin-bottom: 2.5rem;
	}
	
	.single-colonne-assurance figure img {
		display: table;
		margin: 0 auto 1.5rem;	
		width: 30%;	
	}
	
	.single-colonne-assurance p {
		margin: 0 auto;
		text-align: center;
	}
	
	.home-assurance-parametrique:nth-of-type(3) .title,
	.home-assurance-parametrique:nth-of-type(3) p {
		color: #FFF;
	}
	
	.home-assurance-parametrique:nth-of-type(3) .boutons .bouton a {
		background: #404040;
		margin-bottom: 1.5rem;
	}
	
	.home-actus {
		padding: 5rem 0;
	}
	
	.home-actus .title {
		text-align: center;
	}
	
	.home-a-propos:last-of-type {
		padding: 5rem 0;
	}
	
	.home-a-propos:last-of-type ul {
		display: table;
		margin: 0 auto;
		text-align: left;
		list-style-type: disc;
		padding-left: 2rem;
	}
	
	.home-a-propos:last-of-type ul li {
		font-size: 1.4rem;
		line-height: normal;
		margin-bottom: 1.5rem;
	}
		
	/* ASSURES ------------------------------------------------------------------------------------------*/
	
	.banniere {
		margin: 0 0 5rem 0;
	}
	
	.banniere h1 {
		font-size: 1.8rem;
		margin-bottom: 2rem;
		line-height: 2.5rem;
	}

	#assureurs .banniere .bouton a {
		background: #35c68b;
	}

	#courtiers .banniere .bouton a {
		background: #bada64;
	}
	
	#assures .banniere .bouton a {
		background: #f2bd1e;
	}
	
	

	
	.banniere h2,
	#reclamations .banniere h1,
	#mentions-legales .banniere h1  {
		color: #f2bd1e;
		font-size: 2.8rem;
		line-height: 3rem;
		font-weight: bold;
	}

	.banniere h2:after,
	#reclamations .banniere h1:after,
	#mentions-legales .banniere h1:after {
		content: "";
		display: block;
		width: 12rem;
		height: .1rem;
		background-color: #000;
		margin-top: 2rem;
	}
	
	.banniere img {
		margin: 4rem 0 0 0;
	}
	
	.assuresBloc1 h3,
	.assuresBloc4 h3,
	.reclamationsBloc1 h2 {
		font-size: 1.8rem;
		line-height: 2.5rem;
		text-align: center;
		margin-bottom: 2rem;
	}
	
	.reclamationsBloc1 h2 {
		text-align: left;
	}
	
	.singleRaison {
		margin: 2rem 0;
	}
	
	.singleRaison .titreRaison {
		font-size: 1.8rem;
		margin-bottom: 2rem;
		color: #f2bd1e;
		text-align: left;
		font-weight: bold;
	}
	
	.singleRaison ul,
	.mentionsLegales ul {
		padding-left: 2rem;
	}
	
	.singleRaison li,
	.mentionsLegales li {
		list-style-type: disc;
		text-align: left;
	}
	
	.singleRaison p {
		text-align: left;
	}
		
	.assuresBloc2,
	.assuresBloc4 {
		margin: 5rem 0;
	}
	
	.assuresBloc2 img {
		margin: 2rem auto;
	}
	
	.assuresBloc2 h3 {
		color: #f2bd1e;
		font-size: 2.4rem;
		margin-bottom: 3rem;
		font-weight: bold;
	}
	
	.bouton.black a {
		background-color: #404040;
	}
	
	.bouton.black {
		margin: 3rem 0 0;
	}
	
	.assuresBloc3 .bgYellow {
		padding: 3rem;
	}
	
	.assuresBloc3 h3,
	.assuresBloc5 h5 {
		font-size: 2.4rem;
		margin-bottom: 3rem;
		line-height: 2.8rem;
	}
	
	.assuresBloc3 h3 {
		color: #fff;
	}
	
	.assuresBloc3 ul {
		padding-left: 2rem;
	}
	
	.assuresBloc3 li {
		color: #fff;
		list-style-type: disc;
	}
	
	.assuresBloc3 p {
		color: #FFF;
	}
	
	.assuresBloc4 h4 {
		text-align: center;
		font-size: 2rem;
		font-weight: bold;
		margin-bottom: 1rem;
	}
	
	.singleCouverture {
		margin: 2rem 0;
	}
	
	.singleCouverture p {
		text-align: center;
	}
	
	.singleCouverture img {
		margin: 0 auto 2rem;
	}
	
	.singleCouverture:first-of-type h4 {
		color: #536EB7;
	}
	
	.singleCouverture .bouton {
		margin: 0 auto;
	}
	
	.singleCouverture:first-of-type .bouton a {
		background-color: #536EB7;
	} 
	
	.singleCouverture:nth-of-type(2) h4 {
		color: #35C68B;
	}
	
	.singleCouverture:nth-of-type(2) .bouton a {
		background-color: #35C68B;
	}
	
	.singleCouverture:nth-of-type(3) h4 {
		color: #F2BD1E;
	}
	
	.singleCouverture:nth-of-type(3) .bouton a {
		background-color: #F2BD1E;
	}
	
	.singleCouverture:last-of-type h4 {
		color: #BADA55;
	}
	
	.singleCouverture:last-of-type .bouton a {
		background-color: #BADA55;
	}
	
	.assuresBloc5 h5 {
		font-weight: bold;
		color: #fff;
	}
	
	.assuresBloc5 p {
		color: #fff;
	}
	
	.assuresBloc5 .bouton {
		margin: 2rem 0 0 0;
	}
	
	.assuresBloc5 .bouton a {
		background-color: #404040;
	}
	
	.assuresBloc5 img {
		margin: 2rem auto;
	}
	
	/* ASSUREURS ------------------------------------------------------------------------------------------*/
	
	#assureurs .banniere h2,
	#assureurs .singleRaison .titreRaison,
	#assureurs .assuresBloc2 h3 {
		color: #35c68b;
	}
	
	#assureurs .assuresBloc2 h3 {
		line-height: 3rem;
	}
		
	#assureurs .assuresBloc1 .bouton a {
		background: #35c68b;
	}
	
	#assureurs .bgYellow {
		background-color: #35c68b;
	}
	
	/* COURTIERS ------------------------------------------------------------------------------------------*/
	
	#courtiers .banniere h2,
	#courtiers .singleRaison .titreRaison,
	#courtiers .assuresBloc2 h3 {
		color: #bada64;
	}
	
	#courtiers .assuresBloc1 .bouton a {
		background: #bada64;
	}
	
	#courtiers .bgYellow {
		background-color: #bada64;
	}
	
	/* COUVERTURES ------------------------------------------------------------------------------------------*/
	
	#gel .banniere h1,
	#gel .couvertureBloc2 h2,
	#gel h3 {
		color: #536EB7;
	    font-size: 2.8rem;
	    line-height: 3rem;
	    font-weight: bold;
	    margin-bottom: 3rem;
	}
	
	.single-couverture .banniere img {
		margin: 2rem 0;
		width: 50%;
	}
	
	.couvertureBloc2 img {
		margin: 0 auto 2rem auto;
	}
	
	.couvertureBloc3,
	.couvertureBloc5,
	.couvertureBloc7,
	.couvertureBloc9 {
		margin: 5rem 0;
	}
	
	.couvertureBloc3 ul {
		padding-left: 2rem;
	}
	
	.couvertureBloc3 li {
		list-style-type: disc;
	}
	
	#gel .bouton a,
	#stress .bouton a,
	#carence .bouton a,
	#chaleur .bouton a {
		background-color: #536EB7;
		padding: 1rem 1.5rem;
	}
	
	#gel .couvertureBloc3 img {
		width: 60%;
		margin: 4rem auto 0 auto;
	}
	
	#gel .bouton,
	#stress .bouton,
	#carence .bouton,
	#chaleur .bouton {
		margin: 3rem 0 0 0;
	}
	
	#gel .couvertureBloc4 img {
	    width: 40%;
		margin: 0 auto 2rem auto;
	}
	
	.couvertureBloc5 img {
		margin: 2rem auto 0 auto;	
	}
	
	.bgColor {
		background-color: #536EB7;
		padding: 5rem 0;
		text-align: center;
		color: #fff;
	}
	
	#gel .bgColor h3,
	#stress .bgColor h3,
	#carence .bgColor h3,
	#chaleur .bgColor h3 {
		color: #fff;
	}
	
	#gel .bgColor .bouton,
	#stress .bgColor .bouton,
	#carence .bgColor .bouton,
	#chaleur .bgColor .bouton  {
		background-color: transparent;
		border: .2rem solid #fff;
		border-radius: 3rem;
		margin: 3rem auto 0 auto;
	}
	
	.couvertureBloc7 img {
		margin: 2rem auto;
		width: 50%;	
	}
	
	.couvertureBloc8 h3 {
		text-align: center;
	}
	
	.couvertureBloc8 img {
		margin: 0 auto;
	}
	
	.couvertureBloc9 img {
		margin: 2rem auto;
	}
	
	#gel .couvertureBloc7 .bouton,
	#stress .couvertureBloc7 .bouton,
	#carence .couvertureBloc7 .bouton,
	#chaleur .couvertureBloc7 .bouton  {
		margin: 3rem .5rem 0 .5rem;
	}
	
	#stress .banniere h1,
	#stress .couvertureBloc2 h2,
	#stress h3 {
		color: #35C68B;
	    font-size: 2.8rem;
	    line-height: 3rem;
	    font-weight: bold;
	    margin-bottom: 3rem
	}
	
	#stress .bouton a {
		background-color: #35C68B;
	}

	#stress .bgColor {
		background-color: #35C68B;
	}
	
	#stress .couvertureBloc3 img,
	#carence .couvertureBloc3 img,
	#chaleur .couvertureBloc3 img {
		width: 50%;
		margin: 2rem auto;
	}
	
	#stress .couvertureBloc4 img,
	#carence .couvertureBloc4 img,
	#chaleur .couvertureBloc4 img {
		width: 40%;
		margin: 2rem auto;
	}
	
	#carence .banniere h1,
	#carence .couvertureBloc2 h2,
	#carence h3 {
		color: #F2BD1E;
	    font-size: 2.8rem;
	    line-height: 3rem;
	    font-weight: bold;
	    margin-bottom: 3rem
	}
	
	#carence .bouton a {
		background-color: #F2BD1E;
	}

	#carence .bgColor {
		background-color: #F2BD1E;
	}
	
	#carence .banniere img {
		width: 100%;
	}
	
	#chaleur .banniere h1,
	#chaleur .couvertureBloc2 h2,
	#chaleur h3 {
		color: #BADA55;
	    font-size: 2.8rem;
	    line-height: 3rem;
	    font-weight: bold;
	    margin-bottom: 3rem
	}
	
	#chaleur .bouton a {
		background-color: #BADA55;
	}

	#chaleur .bgColor {
		background-color: #BADA55;
	}
	
	#stress .couvertureBloc5,
	#carence .couvertureBloc5,
	#chaleur .couvertureBloc5 {
		display: none;
	}
	
	/* A PROPOS ------------------------------------------------------------------------------------------*/
		
		/* QUI SOMMES NOUS ------------------------------------------------------------------------------------------*/
	
		#quiSommesNous .banniere h2,
		#notreHistoire .banniere h2,
		#contact .banniere h2 {
			margin-bottom: 2rem;
		}
		
		#quiSommesNous h3,
		.notreHistoireBloc2 h3 {
			color: #f2bd1e;
		    font-size: 2.4rem;
		    margin-bottom: 2rem;
		    font-weight: bold;
		    line-height: 2.8rem;
		}
		
		.quiSommesNousBloc1 iframe {
			max-width: 100%;
		}
		
		.quiSommesNousBloc1 .bouton {
			margin: 3rem 0 0 0;
		}
		
		.quiSommesNousBloc2 {
			text-align: center;
			margin: 5rem 0;
		}
		
		.quiSommesNousBloc2 .row {
			margin-top: 3rem;
		}  
		
		.quiSommesNousBloc2 .row > div p:first-of-type {
			color: #f2bd1e;
			font-weight: bold;
		}
		
		.quiSommesNousBloc3 img {
			margin: 2rem auto;
		}
		
		#quiSommesNous .quiSommesNousBloc4 h3 {
			color: #fff;
		}
		
		.quiSommesNousBloc4 img {
			margin: 1rem auto;
		}
		
		.quiSommesNousBloc5 {
			margin: 5rem 0;
		}
		
		/* NOTRE HISTOIRE ------------------------------------------------------------------------------------------*/
		
		.notreHistoireBloc2 .tab {
			display: flex;
			flex-direction: column;
			margin-bottom: 3rem;
		}
		
		.notreHistoireBloc2 .tab button {
			font-size: 1.6rem;
			text-transform: uppercase;
			background-color: #e6e6e6;
			padding: 1.5rem;
			color: #000;
			border: none;
			margin: .1rem 0;
			cursor: pointer;
		}
		
		.notreHistoireBloc2 .tab button.active,
		.notreHistoireBloc2 .tab button:hover {
			background-color: #f2bd1e;
			color: #fff;
		}
		
		:focus {
			outline: none;
		}
		
		.notreHistoireBloc3 {
			margin: 5rem 0;
		} 
		
		/* CONTACT ------------------------------------------------------------------------------------------*/
		
		.contactBloc h3 {
			color: #f2bd1e;
		    font-size: 2.8rem;
		    line-height: 3rem;
		    font-weight: bold;
		    margin-bottom: 3rem;
		}
		
		.contact-form {
			margin: 0 auto;
		}
		
		.contact-form .gform_fields {
		    display: flex;
		    flex-wrap: wrap;
		    justify-content: space-between;
		    padding: 0;
		}
		
		.contact-form .gform_fields,
		.contact-form .gform_fields li {
			list-style-type: none;
		}
		
		.contact-form .gform_fields li:before {
			content: none;
		}
		
		.contact-form .gform_fields li {
			display: block;
			margin-bottom: 2.5rem;
			width: 100%;
		}
		
		.contact-form .gform_fields li label {
			display: block;
			font-size: 1.2rem;
			margin-bottom: .5rem;
			text-transform: uppercase;
		}
		
		.gfield_html {
			text-align: center;
			text-transform: uppercase;
		}
		
		.instruction {
			font-size: 1rem;
			font-style: italic;
		}
		
		.contact-form .gform_fields input, 
		.contact-form .gform_fields textarea,
		.contact-form select {
		    background-color: #FFF;
		    border-radius: 0;
		    border: .1rem solid #D8D8D8;
		    padding: 1rem 0;
		    text-indent: 1rem;
		    width: 100%;
		}
		
		.contact-form .gform_fields input:focus, 
		.contact-form .gform_fields textarea:focus {
			border: .1rem solid #f2bd1e;
			outline: none;
		}
		
		.contact-form .gform_fields li.rgpd {
			align-items: flex-start;
			display: flex;
			flex-direction: column;
		}
		
		.contact-form .gform_fields li.rgpd label {
			flex-basis: 100%;
			max-width: 100%;
		}
				
		input[type="submit"] {
			background: none;
			border: .1rem solid #f2bd1e;
		    background-color: #f2bd1e;
		    color: #fff;
		    display: block;
		    font-size: 1.4rem;
		    margin: 0 auto;
		    padding: .75rem .5rem;
		    position: relative;
		    text-align: center;
		    text-decoration: none;
		    text-transform: uppercase;
		    z-index: 1;
		    border-radius: 3rem;
		    padding: 1rem 2rem;
		    cursor: pointer;
		}
		
		input[type="submit"]:hover {
			background-color: #404040;
			border: .1rem solid #404040;
		}
		
		.validation_error, .validation_message {
		    color: red;
		    font-size: 1rem;
		    line-height: normal;
		}
		
		.contact-form .validation_error {
		    font-size: 1.4rem;
		    margin-bottom: 2.5rem;
		    text-align: left;
		}
		
		.gform_confirmation_message {
			text-align: center;
			color: green;
			font-size: 1.6rem;
		}

		.contact-form {
			margin-bottom: 3rem;
		}
		
		.singleInfoContact a {
			font-size: 1.4rem;
			text-decoration: none;
			color: #404040;
		}
		
		.singleInfoContact {
			margin: 2rem 0;
			text-align: center;
		}
		
		.singleInfoContact p,
		.singleInfoContact a {
			color: #fff;
		}
		
		.singleInfoContact p:first-of-type {
			font-size: 1.6rem;
			font-weight: 600;
		}
		
	/* RECLAMATIONS ------------------------------------------------------------------------------------------*/
	
	.warningTextareaInfo {
		display: none;
	}
	
	#reclamations .contact-form {
		margin-bottom: 6rem;
	}
	
	/* PRESSE ------------------------------------------------------------------------------------------*/
	
	#presse h3 {
		font-size: 2.4rem;
		margin-bottom: 2rem;
		font-weight: bold;
	}
	
	.presseBloc1 img,
	.presseBloc2 img,
	.presseBloc4 img,
	.presseBloc5 img {
		margin: 2rem 0;
	}
	
	.presseBloc1 a,
	.presseBloc2 .singleVideo a,
	.presseBloc3 .singleVideo a,
	.presseBloc4 .singleVideo a,
	.presseBloc5 .singleVideo a {
		color: #f2bd1e;
		font-size: 1.4rem;
		text-decoration: none;
	}
	
	.presseBloc1 a:hover,
	.presseBloc2 .singleVideo a:hover,
	.presseBloc3 .singleVideo a:hover,
	.presseBloc4 .singleVideo a:hover,
	.presseBloc5 .singleVideo a:hover   {
		color: #000;
	}
	
	.presseBloc2,
	.presseBloc4,
	.presseBloc6 {
		margin: 5rem 0;
	}
	
	.presseBloc2 a,
	.presseBloc5 a {
		color: #000;
		text-decoration: none;
	}
	
	.presseBloc2 a:hover,
	.presseBloc5 a:hover {
		color: #f2bd1e;
	}
	
	.presseBloc2 a p,
	.presseBloc4 .row > div > p,
	.presseBloc5 a p {
		font-weight: bold;
		font-size: 1.6rem;
	}
	
	.infosSup p {
		margin: 0;
	}
	
	#communique .banniere h1 {
		font-weight: bold;
		font-size: 2.4rem;
		text-align: center;
	}
	
	.communique h2 {
		font-size: 2rem;
		margin-bottom: 2rem;
		text-align: center;
	}
	
	.presseBloc2 details,
	.presseBloc3 details,
	.presseBloc4 details,
	.presseBloc5 details  {
		margin: 3rem 0 0 0;
		font-size: 1.6rem;
		cursor: pointer;
		color: #35c68b;
	}
	
	.presseBloc2 details summary,
	.presseBloc3 details summary,
	.presseBloc4 details summary,
	.presseBloc5 details summary {
		margin: 0 0 2rem 0;
	}
	
	.singleVideo {
		display: flex;
		align-items: center;
		margin-bottom: 1rem;
	}
	
	.singleVideo p {
		margin: 0 1rem 0 0;
		color: #000;
	}
	
	.presseBloc3 iframe {
		max-width: 100%;
		margin-bottom: 2rem;
	}
		
	.presseBloc3 .row > div:first-of-type p {
		margin: 0;
	}
	
	.presseBloc3 .row > div:first-of-type p.titleEpisode {
		font-weight: bold;
		font-size: 1.8rem;
		margin-bottom: 1rem;
	}
	
	.presseBloc3 h3 {
		margin-top: 2rem;
	}
	
	.presseBloc5 details a {
		color: #f2bd1e
	}
	
	.presseBloc5 details a:hover,
	.presseBloc5 details h3,
	.presseBloc5 details p {
		color: #000;
	}
	
	.presseBloc5 details h3 {
		margin-top: 2rem;
	}
	
	.presseBloc6 img {
		margin: 2rem auto;
		width: 60%;
	}
	
	.presseBloc6 .bouton {
		margin: 2rem 0 0 0;
	}
	
	/* SINGLE ARTICLE ------------------------------------------------------------------------------------------*/
	
	.singleArticlePage img {
		margin: 2rem 0;
		max-width: 100%;
		height: auto;
	}
	
	.singleArticlePage p {
		text-align: justify;
	}
	
	.singleArticlePage p.date span {
		color: #f2bd1e;
	}
	
	.singleArticlePage p.date:after {
		content: "";
		width: 100%;
		height: .1rem;
		background-color: #ddd;
		display: block;
		margin: 1rem 0 0 0;
	}
	
	blockquote {
		margin: 2rem 0;
	}
	
	blockquote p {
		font-size: 1.8rem;
		line-height: 2.5rem;
		border: .1rem solid #404040;
		margin: 0;
		padding: 2rem;
	}
	
	blockquote p:before {
		content: '\f10d';
		font-family: 'Font Awesome 5 Pro';
		font-weight: bold;
		font-size: 2rem;
		margin-right: 1rem;
	}
	
	.BlogBloc img,
	.home-actus img {
		margin: 2rem 0;
	}
	
	.BlogBloc a,
	.home-actus a {
		color: #404040;
		text-decoration: none;
	} 
	
	.BlogBloc a p,
	.home-actus a p {
		font-size: 1.6rem;
		font-weight: bold;
	}
	
	.BlogBloc a:hover p,
	.home-actus a:hover p {
		color: #f2bd1e;
	}
	
	.home-actus h3 {
		margin-bottom: 3rem;
	}
		
	/* MENTIONS LEGALES ------------------------------------------------------------------------------------------*/
	
	.mentionsLegales h2,
	.mentionsLegales h3 {
		font-size: 2.4rem;
		margin-bottom: 2rem;
		font-weight: bold;
	}
	
	.mentionsLegales h3  {
		margin: 3rem 0 2rem 0;
	}
	
	/* BLOG ------------------------------------------------------------------------------------------*/
		
	#blog .banniere h1 {
		font-weight: bold;
		color: #404040;
		font-size: 2.4rem;
		text-align: center
	}
	
	#blog .banniere {
		margin: 3rem 0;
	}
	
	.BlogBloc {
		margin: 5rem 0;
	}
	
	.BlogBloc .aLaUne,
	.BlogBloc .derniersArticles {
		margin-bottom: 6rem;
	}
	
	.BlogBloc .date {
		font-weight: 400; 
		font-size: 1.4rem;
	}
	
	.BlogBloc .date span,
	.singlePostSearch .date span {
		color: #35c68b;
	}
	
	.BlogBloc .aLaUne .date:after,
	.BlogBloc .derniersArticles .date:before {
		content: "";
	    width: 100%;
	    height: .1rem;
	    background-color: #ddd;
	    display: block;
	    margin: 0 0 1rem 0;
	}
				
	.BlogBloc .aLaUne a p {
		font-weight: 600;
		margin-bottom: 2rem;
		font-size: 2rem;
		line-height: 2.8rem;
	}
	
	h2.aLaUneTitre,
	h3.actusTitle,
	.results h1 {
		font-size: 2.4rem;
		margin-bottom: 3rem;
		font-weight: 600;
		text-transform: uppercase;
		padding-left: 1rem;
	}
	
	.results h1 {
		padding-left: 0;
	}
	
	.BlogBloc .row > div {
		padding: 0 2rem;
	}
	
	.lastArticles .row > div {
		margin: 2rem 0;
	}
	
	.search-form {
		margin-bottom: 3rem;
	}
	
	.searchForm {
		margin-bottom: 6rem;
	}
	
	.searchForm input[type="search"] {
		border: .1rem solid #000;
		border-radius: 50rem;
		padding: 1rem;
		width: 100%;
	}
	
	.searchForm .row.socials {
		justify-content: flex-end;
		align-items: center;
	}
	
	.searchForm .row.socials p {
		margin: 0 1rem 0 0;
	}
	
	.searchForm .socials ul li a i {
		color: #000;
	    border: .1rem solid #000;
	    height: 3rem;
	    width: 3rem;
	    border-radius: 2rem;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	
	.singlePostSearch {
		margin: 3rem 0;
	} 
		
	.singlePostSearch .aLaUne a {
		font-weight: 600;
		color: #000;
		text-decoration: none;
		font-size: 1.8rem;
	}
	
	.infosArticle {
		display: flex;
		justify-content: center;
	}
	
	.infosArticle p {
		margin: 0 1rem;
	}
	
	.singleArticlePage a {
		color: #35c68b;
	}
		
/* FOOTER ------------------------------------------------------------------------------------------*/

	footer {
		background: #404040;
		padding: 5rem 0 1rem 0;
	}
	
	footer h4 {
		border-bottom: .1rem solid #FFF;
		color: #FFF;
		display: table;
		font-size: 1.2rem;
		margin: 0 auto 1rem;
		text-transform: uppercase;
	}
	
	.menu-footer .single-menu-footer {
		margin-bottom: 2.5rem;
	}
	
	.menu-footer .single-menu-footer ul li,
	.menu-footer-2 ul li {
		margin-bottom: .5rem;
	}
	
	.menu-footer .single-menu-footer ul li a,
	.menu-footer-2 ul li a {
		color: #FFF;
		font-size: 1.2rem;
		line-height: normal;
		text-decoration: none;
	}
	
	footer p {
		color: #FFF;
		font-size: 1.2rem;
	}
	
	footer .copyright,
	.menu-footer-2 {
		padding-top: 2.5rem;
	}
	
	footer .copyright p {
		text-align: center;
	}
	
	
	.popup-form span,
	.popup-form .form {
		display: none;
	}

	.popup-form {
		bottom: 0;
		position: fixed;
		right: 2rem;
		width: 25rem;
	}
	
	.popup-form > span {
		background: #35c68b;
		border-radius: 1rem 1rem 0 0;	
	    color: #FFF;
	    display: block;
	    font-size: 1.4rem;
	    font-weight: 800;
	    padding: 1rem 3rem;
	    text-align: center;
	    text-transform: uppercase;
	    text-decoration: none;
	}
	
	.popup-form > span:hover {
		cursor: pointer;
		transition: none;
	}
	
	.popup-form .form {
		transition: opacity .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out;
   }
   
	.popup-form .form .close {
		align-items: center;
		background: #333;
		border-radius: 25rem;
		display: flex;
		height: 1.5rem;
		justify-content: center;
		padding: .5rem;
		right: -1rem;
		top: -1rem;
		width: 1.5rem;
	}
	
	.popup-form .form .close:before, 
	.popup-form .form .close:after {
		background: #FFF;
		height: 1.5rem;
		left: auto;
	}
	
	.popup-form .form form {
		background: #FDFAFA;
		padding: 2rem;
	}
	
	.popup-form .form .gform_fields label {
		display: none;
	}
	
	.popup-form .form .gform_fields .rgpd .gfield_label,
	.gform_fields .rgpd .gfield_label {
		display: none;
	}
	
	.popup-form .form .gform_fields .rgpd label {
		display: block;
		font-size: 1.2rem;
	}
	
	.gform_fields .rgpd .ginput_container_consent {
		align-items: center;
		display: flex;
	}
	
	.contact-form .gform_fields .rgpd label {
		margin: 0;
	}
	
	.popup-form .form .gform_fields .rgpd input,
	.gform_fields .rgpd input {
		height: 1.5rem;
		margin: 0 1rem 0 0;
		width: 1.5rem;
	}
	
	.popup-form .form .gform_fields .gfield {
		margin-bottom: 1rem;
	}
	
	.popup-form .form .gform_fields input,
	.popup-form .form .gform_fields textarea {
		background-color: #FFFFFF;
		border: .1rem solid #D8D8D8;	
		padding: 1rem 0;
		text-indent: 1rem;
		width: 100%;
	}
	
	.popup-form .form .gform_fields textarea {
		height: 8rem;
	}
	
	.popup-form .form .gform_footer input {
		background: #35c68b;
		border: none;
	    border-radius: 2rem;
	    color: #FFF;
	    display: block;
	    font-size: 1rem;
	    font-weight: 800;
	    margin: 0 auto;
	    padding: .5rem 0;
	    text-align: center;
	    text-decoration: none;
	    text-transform: uppercase;
	    width: 12rem;
	} 
	
	.popup-form .form .gform_confirmation_message {
	    background: #F8F7F8;
	    color: #333;
		font-size: 1.4rem;
	    line-height: 2rem;
	    padding: 2rem;
	}
	
	.gfield_consent_description {
		font-size: 1.2rem;
		font-style: italic;
	}
	
	.socials {
		margin-bottom: 2.5rem;
	}
	
	.socials ul {
		display: flex;
		justify-content: center;
	}
	
	.socials ul li {
		margin: 0 1rem;
	}
	
	.socials ul li a i {
		color: #FFF;
		font-size: 1.6rem;
	}


	/* 404 ------------------------------------------------------------------------------------------*/	
	
	.error404 main section {
		margin: 5rem 0;
	}
	
	.error404 main section p {
		font-size: 1.6rem;
		text-align: left;
	}
	
	.error404 p.title404 {
		font-size: 2.4rem;
		margin-bottom: 3rem;
		font-weight: bold;
	}
	
	.error404 main section a {
		background: #000;
		display: table;
		color: #FFF;
	    font-size: 1.4rem;
	    font-weight: bold;
	    margin-top: 2.5rem;
	    padding: .75rem 1rem;
	    text-transform: uppercase;
	}

	
/* SCREEN 768px ------------------------------------------------------------------------------------------*/	

@media screen and (min-width : 768px) {

	.mobile {
		display: none;
	}
	
	.desktop {
		display: block;
	}
	
	/* HEADER ------------------------------------------------------------------------------------------*/
		
		/* MENU ------------------------------------------------------------------------------------------*/
		
		header {
			background: none;
			box-shadow: none;
			padding: 4rem 0 2.5rem 0;
		}
		
		.langues {
		    display: block;
		    position: absolute;
		    top: -3rem;
		    right: 1rem;
		}
		
		.menu-langues {
			align-items: center;
			display: flex;
			justify-content: flex-end;
		}
		
		header > div > div.row {
			background: #FFF;
			box-shadow: -1px 0px 25px -5px rgba(0,0,0,0.69);
		    -webkit-box-shadow: -1px 0px 40px -5px rgba(0,0,0,0.29);
		    -moz-box-shadow: -1px 0px 25px -5px rgba(0,0,0,0.69);			
			border-radius: 50rem;
			padding: 1rem;
			position: relative;
		}
		
		.menu {
			align-items: baseline;
			display: flex;
			justify-content: center;
		}
		
		.menu li {
			margin: 0 .5rem;
			position: relative;
		}
		
		.menu li a {
			color: #404040;
		    display: block;
		    font-weight: 500;
		    font-size: 1.2rem;
		    padding: 0;
		    text-decoration: none;
		    transition: 0.3s;
		}
		
		.menu li a:hover {
			color: #35c68b;
		}
		
		.sub-menu {
		    border-radius: 1rem;
		    background-color: #FCFCFC;
			margin: 0;
			line-height: normal;
			left: 0;
			padding: 1rem;
		    position: absolute;
		    text-align: center;
		    width: 15rem;
		    z-index: 5;
		}
		
		.menu .sub-menu li {
			margin: 0;
		}
		
		.menu .sub-menu li a {
			text-align: left;
		}
	
	/* MAIN ------------------------------------------------------------------------------------------*/
		
		header + #wrapper {
			padding-top: 14rem;
		}
		
		/* HOME ------------------------------------------------------------------------------------------*/
		
		.home-a-propos .bouton {
			margin: 2rem 0 0 0;
		}
		
		.home-a-propos .bouton a {
			margin: 0;
		}
		
		.single-colonne-assurance {
			margin-bottom: 5rem;
		}
		
		.home-assurance-parametrique .bouton {
			margin: 0 auto;
		}

		.home-a-propos:last-of-type .title {
			text-align: left;
		}
		
		.single-colonne-assurance figure img {
			width: 40%;
		}
		
		/* ASSURES ------------------------------------------------------------------------------------------*/
		
		.banniere h1 {
			margin-bottom: 1rem;
		}
		
		.banniere .bouton {
			margin: 5rem 0 0 0;
		}
		
		.banniere img {
			margin: 0;
		}
		
		.singleRaison {
		    margin: 0 2rem;
		    width: 44%;
		}
		
		.assuresBloc1 h3,
		.assuresBloc4 h3 {
		    margin-bottom: 4rem;
		    font-size: 2rem;
		}
		
		.reclamationsBloc1 h2  {
			font-size: 2rem;
		}
		
		.assuresBloc2 img {
			margin: 0;
			width: 90%;
		}
		
		.assuresBloc3 .row > div {
			padding: 0;
			position: relative;
		}
		
		.assuresBloc3 .bgYellow {
		    padding: 1.9rem 3rem;
		}
		
		.assuresBloc3 h3 {
		    margin-bottom: 2rem;
		}
		
		.assuresBloc3 figure {
			bottom: 0;
			position: absolute;
			top: 0;
		}
		
		.assuresBloc3 figure img {
			height: 100%;
			width: 100%;
			object-fit: cover;
		}
		
		.bouton.black {
		    margin: 2rem 0 0;
		}
		
		.singleCouverture p {
		    min-height: 11rem;
		}
		
		.assuresBloc4 h4 {
		    min-height: 4rem;
		}
		
		/* ASSUREURS ------------------------------------------------------------------------------------------*/
		
		#assureurs .singleRaison {
			width: 27%;
		}
		
		/* COURTIERS ------------------------------------------------------------------------------------------*/
		
		#courtiers .singleRaison {
			width: 19%;
		}
		
		/* COUVERTURES ------------------------------------------------------------------------------------------*/
		
		.single-couverture .banniere img,
		.couvertureBloc7 img {
		    margin: 0 auto;
		    width: 40%;
		}
		
		.couvertureBloc2 img,
		#gel .couvertureBloc3 img,
		#gel .couvertureBloc4 img,
		#stress .couvertureBloc3 img,
		#stress .couvertureBloc4 img,
		#carence .couvertureBloc3 img,
		#carence .couvertureBloc4 img,
		#chaleur .couvertureBloc3 img,
		#chaleur .couvertureBloc4 img  {
			margin: 0 auto;
		}
		
		#gel .couvertureBloc3 img {
			width: 50%;
		}
		
		.couvertureBloc8 img {
		    margin: 2rem auto;
		}
		
		/* A PROPOS ------------------------------------------------------------------------------------------*/
		
			/* QUI SOMMES NOUS ------------------------------------------------------------------------------------------*/
			
			#quiSommesNous .banniere img,
			#notreHistoire .banniere img {
				margin: auto;
			}	
			
			/* CONTACT ------------------------------------------------------------------------------------------*/
			
			.singleInfoContact {
				text-align: center;
			}
			
			.singleInfoContact p,
			.singleInfoContact a {
				font-size: 1.6rem;
			}
			
			.singleInfoContact p:first-of-type {
				font-size: 2rem;
			}
			
			.contactBloc .bgYellow {
				padding: 3rem;
			}
			
			.contactBloc .row > div:first-of-type {
				padding-right: 3rem;
			}
			
			.contactBloc .row > div:last-of-type {
				padding-left: 3rem;
			}
			
		/* RECLAMATIONS ------------------------------------------------------------------------------------------*/
		
		#reclamations .contact-form li#field_2_1,
		#reclamations .contact-form li#field_2_2,
		#reclamations .contact-form li#field_2_3,
		#reclamations .contact-form li#field_2_4,
		#reclamations .contact-form li#field_2_5,
		#reclamations .contact-form li#field_2_6 {
			width: 48%;
		}
		
		.reclamationsBloc1 .wrap > p:first-of-type {
			margin-bottom: 3rem;
		}
		
		/* PRESSE ------------------------------------------------------------------------------------------*/
		
		.presseBloc3 h3 {
			margin-top: 0;
		}
		
		.presseBloc6 img {
			margin: 0 auto;
			width: 50%;
		}
		
		/* BLOG ------------------------------------------------------------------------------------------*/

		.BlogBloc .lastArticles img,
		.BlogBloc .aLaUne img {
			margin: 0;
		}
		
		/* SINGLE ARTICLE ------------------------------------------------------------------------------------------*/
	
		.singleArticlePage img {
		    height: 35rem;
			object-fit: cover;
		}

	/* FOOTER ------------------------------------------------------------------------------------------*/	
	
	footer h4 {

	}

}


/* SCREEN 992px ------------------------------------------------------------------------------------------*/	



@media screen and (min-width : 992px) {
	
	header + #wrapper {
		padding-top: 15rem;
	}
	
	.menu li {
	    margin: 0 2rem;
	}
	
	.menu li a {
		font-size: 1.4rem;
	}
		
	/* MAIN ------------------------------------------------------------------------------------------*/
	
		/* HOME ------------------------------------------------------------------------------------------*/
		
		.home-a-propos:first-child .title {
			font-size: 3.6rem;
		}
		
		.boutons {
			margin: 0 auto;
			width: 70%;
		}
		
		.home-a-propos img {
			width: 80%;
			float: right;
		}
		
		.single-colonne-assurance figure img {
			width: 30%;
		}
		
		/* ASSURES ------------------------------------------------------------------------------------------*/
			
		.banniere h2,
		#reclamations .banniere h1 {
		    font-size: 3.4rem;
			line-height: 4rem;
		}
		
		.assuresBloc2 img {
			width: 95%;
		}
		
		.assuresBloc3 .row {
			width: 80rem;
			margin: auto;
		}
		
		.assuresBloc3 .bgYellow {
		    padding: 3rem;
		}
		
		.singleCouverture p {
		    min-height: 7rem;
		}
		
		.assuresBloc4 h4 {
		    min-height: 0;
		}
		
		.assuresBloc5 .row > div:first-of-type {
			padding-right: 4rem;
		}
		
		/* ASSUREURS ------------------------------------------------------------------------------------------*/
		
		#assureurs .singleRaison {
			width: 29%;
		}
		
		/* COURTIERS ------------------------------------------------------------------------------------------*/
		
		#courtiers .singleRaison {
			width: 20%;
		}
		
		/* COUVERTURES ------------------------------------------------------------------------------------------*/
		
		#gel .row > div,
		#stress .row > div,
		#carence .row > div,
		#chaleur .row > div,
		.quiSommesNousBloc1 .row > div,
		.quiSommesNousBloc2 .row > div,
		.quiSommesNousBloc3 .row > div,
		.notreHistoireBloc2 .row > div,
		.notreHistoireBloc3 .row > div {
			padding: 0 3rem;
		}
		
		#gel .couvertureBloc3 img,
		#stress .couvertureBloc3 img,
		#carence .couvertureBloc3 img,
		#chaleur .couvertureBloc3 img {
		    width: 40%;
		}
		
		#gel .couvertureBloc4 img,
		#stress .couvertureBloc4 img,
		#carence .couvertureBloc4 img,
		#chaleur .couvertureBloc4 img {
			width: 30%;
		}
		
		.couvertureBloc8 .row {
			width: 80%;
			margin: auto;
		}
		
		#gel .couvertureBloc7 .row > div,
		#gel .couvertureBloc8 .row > div,
		#stress .couvertureBloc7 .row > div,
		#stress .couvertureBloc8 .row > div,
		#carence .couvertureBloc7 .row > div,
		#carence .couvertureBloc8 .row > div,
		#chaleur .couvertureBloc7 .row > div,
		#chaleur .couvertureBloc8 .row > div {
			padding: 0;
		}
		
		/* A PROPOS ------------------------------------------------------------------------------------------*/
			
			/* QUI SOMMES NOUS ------------------------------------------------------------------------------------------*/
			
			.quiSommesNousBloc4 img {
				width: 80%;
				margin: 2rem auto;
			}
			
			.quiSommesNousBloc2 .row {
				margin-top: 4rem;
			}
			
			.quiSommesNousBloc2 .wrap > p {
				width: 58%;
				margin: auto;
			}
			
			/* CONTACT ------------------------------------------------------------------------------------------*/
			
			.contactBloc .bgYellow {
			    width: 70%;
			    margin: auto;
			}
			
		/* RECLAMATIONS ------------------------------------------------------------------------------------------*/
		
		.reclamationsBloc1 .wrap {
			width: 80rem;
			margin: auto;
		}
		
		/* SINGLE ARTICLE ------------------------------------------------------------------------------------------*/
	
		.singleArticlePage img {
		    height: 45rem;
		}
}	


/* SCREEN 1200px ------------------------------------------------------------------------------------------*/	


@media screen and (min-width : 1200px) {

	li.menu-item-has-children:hover > .sub-menu {
		display: block;
	}
	
	.sub-menu {
		right: 10rem;
	}
	
	/* COURTIERS ------------------------------------------------------------------------------------------*/
		
	#courtiers .singleRaison {
		width: 21%;
	}
}

/* SCREEN 1280px ------------------------------------------------------------------------------------------*/	

@media screen and (min-width : 1280px) {

	.sub-menu {
		right: 14rem;
	}
	
	
}

/* SCREEN 1440px ------------------------------------------------------------------------------------------*/	

@media screen and (min-width : 1440px) {

	.sub-menu {
		right: 22rem;
	}
	
}

/* SCREEN 1680px ------------------------------------------------------------------------------------------*/	

@media screen and (min-width : 1680px) {

	.sub-menu {
		right: 34rem;
	}
	
	
}

/* SCREEN 1920px ------------------------------------------------------------------------------------------*/	

@media screen and (min-width : 1920px) {

	.sub-menu {
		right: 46rem;
	}
	
	
}