/*********************/
/*  TOP - PAGE
/*********************/

#top_page{
	text-align: center;
	padding: 0;
}

#top_page .top_page_content{
	background-color: rgba(255,255,255,0.75);
	width: 100%;
	height: 100%;
	padding: 2em 1em;
}

#top_page h1{
	font-size: 3.5rem;
	text-transform: uppercase;
	font-weight: 800;
}

#top_page h2{
	font-size: 2.5rem;
	margin: 0;
}

@media(max-width: 992px){

	#top_page h1{
		font-size: 2.5rem;
	}

	#top_page h2{
		font-size: 2rem;
	}

}



/*********************/
/*  SERVICE
/*********************/

#service{
	padding: 4em 0;
}

#service .service_left .service_left_titre{
	text-transform: uppercase;
	font-size: 2rem;
	font-weight: 600;
	text-align: center;
	margin-bottom: 0.5em;
}

#service .service_left .service_left_liste_soustitre{
	color: #333;
	font-size: 1.3rem;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 0.5em;
}

#service .service_left ul{
	list-style-type: none;
	padding-left: 0;
}

#service .service_left ul li{
	margin-bottom: 0.5em;
}

#service .service_left ul li a{
	text-decoration: none;
	color: #333;
	font-size: 1.3rem;
}

#service .service_left ul li span{
	display: inline-block;
	width: 0px;
	height: 4px;
	transition: all 1s ease-out;
}

#service .service_left ul li:hover span{
	width: 50px;
	margin-right: 1em;
	transition: all 1s ease-out;
}

#service .service_right{
	padding: 0 3em;
}

#service .service_right .service_right_titre{
	text-transform: uppercase;
	text-align: center;
	position: relative;
}

#service .service_right .service_right_titre h1{
	position: relative;
	z-index: 1;
	font-weight: 600;
}

#service .service_right .service_right_titre span{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 0;
	font-size: 5rem;
	font-weight: 800;
	color: rgba(148,144,141,0.1);
}

#service .service_right .service_right_tarif{
	text-align: center;
	margin-top: 2em;
}

#service .service_right .service_right_tarif .service_right_tarif_content{
	display: inline-block;
	position: relative;
	margin: 1em;
}

#service .service_right .service_right_tarif .t1{
	color: #fff;
	font-size: 2.5rem;
	display: block;
	padding: 0.4em 0.8em;
}

#service .service_right .service_right_tarif .t2{
	position: absolute;
	font-size: 1.2rem;
	font-weight: 800;
	padding: 0;
	bottom: 0;
	right: 10px;
	color: rgba(255,255,255,0.2);
}

#service .service_right .service_right_tarif .t3{
	position: absolute;
	writing-mode: vertical-lr;
	top: 3px;
	right: -20px;
	font-size: 0.75em;
	color: #999;
	white-space: nowrap;
	text-transform: uppercase;
}

#service .service_right .service_right_photo{
	text-align: center;
	margin-top: 2em;
}

#service .service_right .service_right_photo img{
	width: 100%;
}

#service .service_right .service_right_texte{
	text-align: center;
	margin-top: 2em;
	font-weight: 400;
}

#service .service_right .texte_seo{
	text-align: inherit !important;
}

#service .service_right .service_right_texte h3{
	font-weight: 600;
	font-size: 1.5rem;
}

#service .service_right .service_right_texte h4{
	font-size: 1.3rem;
}

#service .service_right .texte_seo h4{
	color: #333 !important;
	font-weight: 600;
}

@media(min-width: 992px){

	#service .service_left{
		border-right: solid 2px;
		padding: 0 2em;
	}

	#service .seo_left{
		border-left: solid 2px;
		border-right: none !important;
	}

	#service .service_left .service_left_dropdown{
		display: none;
	}

	#service .service_right .service_right_titre span{
		margin-top: -0.47em;
	}

}

@media(max-width: 992px){

	#service .service_left .service_left_titre{
		display: none;
	}

	#service .service_left .service_left_liste{
		display: none;
	}

	#service .service_left .service_left_dropdown{
		margin-bottom: 4em;
		text-align: center;
		z-index: 2000;
		position: relative;
	}

	#service .service_left .service_left_dropdown .btn{
		color: #fff;
		font-size: 1.2rem;
		text-transform: uppercase;
		background-color: #333;
	}

	#service .service_right .service_right_titre span{
		margin-top: -0.50em;
	}

}

@media(max-width: 576px){


	#service .service_right .service_right_titre span{
		margin-top: -0.55em;
	}

}




/*********************/
/*  SERVICES LISTE
/*********************/

#services_liste{
	padding: 7em 2em 4em;
}

#services_liste .services_liste_titre{
	text-transform: uppercase;
	text-align: center;
	position: relative;
	margin-bottom: 3em;
}

#services_liste .services_liste_titre h1{
	position: relative;
	z-index: 1;
	font-weight: 600;
	font-size:  2.5em;
}

#services_liste .services_liste_titre span{
	position: absolute;
	top: -50px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 0;
	font-size: 5em;
	font-weight: 800;
	color: rgba(148,144,141,0.13);
}


#services_liste .services_liste_texte{
	text-align: center;
}

#services_liste .services_liste_link{
	text-align: center;
	color: #333;
	text-decoration: none;
	padding: 1em;
}

#services_liste .services_liste_link img{
	width: 100%;
}

#services_liste .services_liste_link h2{
	font-size: 1.4em;
	margin-top: 0.3em;
}

#services_liste .services_liste_link:hover img{
	opacity: 0.7;
}

@media(max-width: 576px){

	#services_liste .services_liste_titre h1{
		font-size: 1.8em;
	}

	#services_liste .services_liste_titre span{
		position: absolute;
		top: -43px;
		left: 0;
		font-size: 4em;
	}

}







/*********************/
/*  LISTE VILLES
/*********************/

#liste_villes{
	text-align: center;
	color: #666;
	margin-bottom: 2em;
}

#liste_villes a{
	text-decoration: none;
	margin: 0 0.5em;
	text-transform: uppercase;
	font-size: 1.2rem;
}

#liste_villes a:hover{
	color: #333;
}






/*********************/
/*  SUPPORT
/*********************/

#support{
	padding: 7em 2em 4em;
}

#support .support_titre{
	text-transform: uppercase;
	text-align: center;
	position: relative;
	margin-bottom: 3em;
}

#support .support_titre h1{
	position: relative;
	z-index: 1;
	font-weight: 600;
	font-size:  2.5em;
}

#support .support_titre span{
	position: absolute;
	top: -50px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 0;
	font-size: 5em;
	font-weight: 800;
	color: rgba(148,144,141,0.13);
}

#support .support_texte{
	text-align: center;
}

#support .support_link{
	text-align: center;
	margin-top: 2em;
}

#support .support_link a{
	margin: 0 1.5em 0 1.5em;
	display: inline-block;
	color: #333;
	text-decoration: none;
	font-size: 1.3rem;
	font-weight: 500;	
}

#support .support_link img{
	width:  100%;
	max-width: 70px;
}

@media(max-width: 576px){

	#support .support_titre h1{
		font-size: 1.8em;
	}

	#support .support_titre span{
		position: absolute;
		top: -25px;
		left: 0;
		font-size: 3em;
	}

	#support .support_link a{
		margin-bottom: 2em;
	}

}




/*********************/
/*  FORFAITS
/*********************/

#forfaits_texte{
	text-align: center;
	padding: 3em 1em;
	font-size: 1.2rem;
}

#forfaits{
	padding-bottom: 3em;
}

#forfaits .forfaits_table{
	text-align: center;
}

#forfaits .forfaits_table thead th{
	color: #fff;
	font-weight: 300;
	font-size: 1.3rem;
}

#forfaits .forfaits_table tbody{
	border-top: none;
}

#forfaits .forfaits_table th{
	border: solid 1px #ddd;
}

#forfaits .forfaits_table tbody th{
	padding: 1em 0;
	font-weight: 400;
}

#forfaits .forfait_strong{
	font-weight: 800 !important;
}

#forfaits .forfaits_table .forfaits_bg{
	background-color: #e6e6e6;
}

#forfaits_photo{
	text-align: center;
	margin-bottom: 3em;
}

#forfaits_photo img{
	width: 100%;
	max-width: 1000px;
}

#forfaits .forfaits_titre{
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 1em;
	font-size: 1.5rem;
}