@import url("/include/fonts/sourcesanspro/styles-sourcesanspro.css");
@import url("/include/fonts/font-awesome/styles-font-awesome.css");
body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: 'source_sans_proregular';
	color: #212026;
	max-width: 1920px;
}
img {
	vertical-align: middle;
}
#ascenseur {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0.5s, opacity 0.5s;
	position: fixed;
	right: 25px;
	bottom: 5%;
	z-index: 1000;
	background-color: #8e8e8e;
	border-radius: 20px;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#ascenseur a {
	color: #212026;
	padding: 10px 15px;
}

.cc-banner.cc-bottom   /* cookie consent */
{
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 200000000000;
}

.slider {
	max-width: 1920px;
	position: relative;
	width: 100%;
	height: 100%;
	
	overflow: visible;
}
.ttu {
	text-transform: uppercase;
}
.Menu {
	position: absolute;
	z-index: 10000;
	color: white;
	font-size: 18px;
}
.Menu a {
	color: white;
	text-decoration: none;
}
/***** NAV *****/
nav{
	font-size: 18px;
	text-transform: uppercase;
	color:#fff;
}
nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
nav a{
	text-decoration: none;
	color:#fff;
}
#menu-lg{
	max-width: 1280px;
	margin: auto;
}
#menu-lg a{
	padding: 0 5px;
}
#menu-xs{
	position: fixed;
	top: 10px;
	left: calc(100% / 12);
	width: calc(100% / 12);
	z-index: 19999;
}
.icon-bar {
    display: block;
    width: 100%;
    height: 3px;    
	background-color:#fff;
	box-shadow: 0px 3px 5px 0px #000;
}
.icon-bar +.icon-bar
{
	margin-top:6px;
}
.btnMenu .txt{
	margin-top: 8px;
	display: block;
}
.btnMenu
{
	width: 100%;
	background-color: transparent;
	background-image: none;
	border: 0px;	
	cursor:pointer;
	padding: 0px;
	color:#fff;
	font-size: 10px;
}
@media(max-width:767px){	
	
	#menu-lg{
		
		position: absolute;
		top: 0;
		z-index: 20000;
		width: 240px;
		background: #27726d;
		left: -240px;
		-webkit-transition-duration: 1s;
		transition-duration: 1s;
	}
	#menu-lg>li:nth-child(2n+4){
		display: none;
	}
	#menu-lg>li:not(:last-child){
		border-bottom: 1px solid #fff;
	}
	#menu-lg>li{
		width:100%;
	}
	#menu-lg .close{
		text-align: right;	
		padding: 11px 5px;	
	}
	#menu-lg .close span{
		color:#fff;
		padding: 1px 5px;
		cursor:pointer;
	}
	#menu-lg>li a{
		padding: 15px 40px;
		display: block;
	}
}
/***** FIN NAV *****/
.TextSlide {
	color: white;
	position: absolute;
	z-index: 10001;
	top: 110px;
}
.TextSlide p {
	font-size: 48px;
	margin-bottom: 410px;
	margin: 0;
	text-transform: uppercase;
	text-shadow: 3.1px 2.1px #333;
	text-align: center;
}
/*wrapper*/
.Bloc1 {
	background-color: #27726d;
	padding: 20px;
}
.Bloc2 {
	background-color: #41a193;
	padding: 20px;
}
.Bloc3 {
	background-color: rgba(82, 169, 157, .7);
	padding: 20px;
	height: 325px;
	max-width: 640px;
}
.BlocH1 {
	background-color: #f3f3f3;
	color: #605f5f;
	min-height: 60px;
}
h1,div.h1{
 	font-size:18px;
	font-weight: bold;
}
h1.h1{
	text-align: center;
	font-weight: normal;
	font-size: 14px;
	width: 100%;
}
.BlocH2 {
	background-color: #27726d;
	color: white;
	font-size: 16px;
	text-align: center;
}
.ContentH2 {
	max-width: 1035px;
}
.Border {
	border: solid 1px white;
	padding: 5px;	
}/*Titre*/
.Titre1 {
	font-size: 30px;
	color: white;
	text-transform: uppercase;
}
.Titre2 {
	font-size: 30px;
	color: #f5c51e;
	text-transform: uppercase;
}
.Titre3 {
	font-size: 36px;
	color: white;
	text-shadow: 2.1px 2.1px #333;
	text-transform: uppercase;
}
.Titre4 {
	font-size: 36px;
	color: #f5c51e;
	text-shadow: 2.1px 2.1px #333;
	text-transform: uppercase;
}
.TextBloc, .TextBlocAgde {
	color: white;
	font-size: 18px;
	margin-bottom: 0px;
	padding: 0px 100px 10px 100px;
}
.TextBlocAgde a{
	text-decoration: underline;
}
.TextBloc1 {
	color: white;
	font-size: 18px;
	margin-bottom: 0px;
	padding: 0px 15px 0px 15px;
}
.EnSavoirPlus {
	max-width: 150px;
	background-color: #1bcdee;
	height: 43px;
	border-radius: 10px;
	font-size: 18px;
}
.EnSavoirPlus a {
	text-decoration: none;
	color: white;
}
.EnSavoirPlus a:hover {
	transition: 0.2s all linear;
	text-shadow: 0.2em 0.2em 0.2em rgba(0,0,0,0.4);
	font-size: 17px;
}
.ColoneFooter1 {
	color: white;
	font-size: 18px;
	list-style-type: none;
	/*margin-bottom: 109px;*/
}
.ColoneFooter1, .ColoneFooter2,a {
	color: white;
	text-decoration: none;
}
.ColoneFooter2 {
	color: white;
	font-size: 16px;
}
.ColoneFooter3, .ColoneFooter4 {
	color: white;
	font-size: 12px;
	list-style-type: none;
}
.ColoneFooter3, .ColoneFooter2 {
	/*margin-top: 80px;*/
}
._ {
	text-decoration: underline;
	white-space: nowrap;
}
.Copyright {
	margin-top: 10px;
	margin-bottom: 10px;
}
.Copyright a {
	color: #27726d;
}
.icone {
	max-width: 100%;
}
.BlocContact{
	max-width:920px;
}
.BlocContact2{
	color:#fff;
	margin: 60px 10px;
}
.contentcontact{
	background-color:#41a193;
}
.BlocDetail {
	padding: 20px 13px 20px 13px;
}
.BlocDetail a{
	color:black;
}
.details {
	border: 1px solid #605f5f;
}
.detail {
	padding: 0px 15px 10px 15px;
}
.detail1 {
	text-transform: uppercase;
	color: #52a99d;
	text-align: center;
	font-size: 18px;
	margin-bottom: 0;
	font-weight: bold;
}
.detail2 {
	text-transform: uppercase;
	text-align: right;
	font-size: 12px;
	margin: 0;
}
.detail3 {
	text-transform: uppercase;
	text-align: left;
	margin: 0;
}
.detail4 {
	padding-left: 155px;
	margin: 0;
}
.detail5 {
	text-transform: uppercase;
	color: #52a99d;
	text-align: left;
	font-size: 18px;
	margin: 0;
	font-weight: bold;
}
.detail6 {
	text-transform: uppercase;
	color: #52a99d;
	font-size: 18px;
	margin-bottom: 0;
	margin-top: 0;
	font-weight: bold;
}
.EmplacementPhoto{
	margin-top: 15px;
}

.BlocDetailTransac{
	padding: 20px 20px 20px 20px;
	border: 1px solid #5a5959;
}
.BlocDetailTransac2{
	padding: 0px 25px 20px;
	border: 1px solid #5a5959;
}
.BlocDetailTransac3{
padding: 10px 15px 20px 10px;
border: 1px solid #5a5959;
margin-top: 35px;
	background-color: #52a99d;
}
.BlocDetailText{
		padding: 20px 13px 20px 13px;
	border: 1px solid #5a5959;
	margin-top: 35px;
margin-bottom: 35px;
	color:#7b7a7a;
}
.BlocTelephone{
	background-color:#52a99d; 
	padding: 10px 6px 10px 6px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 5px;
}
.Imprimer{
	margin-top: 30px;
	font-size: 12px;
    text-align: center;
}
.Imprimer a{
	color: black;
}
.envoyer{
margin-top: 16px;
}
.obligatoire{
	color: white;
	text-align: left;
	font-size: 12px;
	margin: 10px 0px -15px 0px;
}
.Renseignements{
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	font-size: 18px;
	
}
input[type=text], textarea {
	width: 100%;
}
.ContentTransac{
	padding-left: 4px;
}
.wrapperTransac{
	max-width: 1280px;
	margin: auto;
}

.changePage{
	font-style: italic;
	font-weight: bold;
	color:#5a5959;
	text-align: right;
	margin-top: 50px;
	margin-bottom: 50px;
}
.changePage a{
	color:#5a5959;
}
.wrapperTarif{
	max-width: 890px;
	margin: auto;
	margin-top: 35px;
	margin-bottom: 35px;
}
.tarif1, .tarif2{
color: white;
padding: 15px;
margin-top: 5px;
margin-bottom: 5px;
}
.tarif2{
	background-color:#41a193; 
}
.tarif1{
background-color:#27726d; 
text-transform: uppercase;
}
/*Background*/
.bg1 {
	background-image: url(../images/transaction-immobiliere-agde.jpg);
	background-size: cover;
	min-height: 416px;
	max-width: 100%;
	background-position: center;
}
.bg2 {
	background-image: url(../images/location-immobiliere-agde.jpg);
	background-size: cover;
	min-height: 416px;
	max-width: 100%;
}
.bg3 {
	background: url(../images/fond-promotion-immobiliere.jpg) no-repeat;
	min-height: 416px;
	margin-top: 60px;
	margin-bottom: 60px;
	max-width: 100%;
}
.bg4 {
	background: url(../images/footer-fond.jpg) no-repeat;
	min-height: 416px;
	max-width: 100%;
}
.bg5 {
	background: url(../images/grau-dagde-3.jpg) no-repeat;
	min-height: 416px;
	max-width: 100%;
	background-position: left center;
	background-size: cover;
}
.bg6 {
	background: url(../images/agde-1.jpg) no-repeat;
	min-height: 416px;
	max-width: 100%;
}
.bg7 {
	background: url(../images/agde-2.jpg) no-repeat;
	min-height: 416px;
	max-width: 100%;
}
.bg8 {
	background: url(../images/agence-emeraude-agde.jpg) no-repeat;
	min-height: 416px;
	max-width: 100%;
}
.bg9 {
	background: url(../images/agence-emeraude-grau-dagde.jpg) no-repeat;
	min-height: 416px;
	max-width: 100%;
}
.bg10 {
	background: url(../images/grau-dagde-2.jpg) no-repeat;
	min-height: 416px;
	max-width: 100%;
}
.bg11 {
	background: url(../images/grau-dagde-1.jpg) no-repeat;
	min-height: 416px;
	max-width: 100%;
}
/*Fin background*/

/*réutilisable*/

.mt15 {
	margin-top: 15px;
}
.mt10{
margin-top: 10px;
	}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 20px;
}
.m40 {
	margin: 40px;
}
.m20 {
	margin: 20px;
}
.Fs30 {
	font-size: 30px;
}
.fs18{
	 font-size: 18px;
}
.p20{
	padding: 0px 20px 0px 20px;
}
.p6{
	padding-top: 6px;
padding-bottom: 6px;
}
.p7{
	padding-left: 5px;
padding-right: 5px;
}
.clr {
	color: #5a5959;
}
.h70{
	height: 70px;
}
.SW{
padding: 0px 15px 0px 15px;
}
/*réutilisable*/
@media(max-width:767px){
	.slide+.slide,.TextSlide,.col-xs-0{
		display: none;
	}
	.TextBloc, .TextBlocAgde {
		padding: 10px;
		text-align: center;
	}
}
@media(max-width:1200px) {
.Menu {
	font-size: 14px;
}
.TextSlide p {
	font-size: 30px;
	
}
.Titre1, .Titre2, .Titre3, .Titre4 {
	font-size: 24px;
}
.TextBloc, .TextBloc1, .TextBlocAgde {
	font-size: 14px;
}
.EnSavoirPlus {
	font-size: 14px;
}
.EnSavoirPlus a:hover {
	font-size: 15px;
}
.hidden-xs {
	display: none;
}
.Bloc3 {
	height: 255px;
}
.icone {
	max-width: 20%;
	;
}
.ContentTransac{
	padding-left: 0px;
	padding: 15px 15px 15px 15px;
}
	.BlocDetailText {
 
    margin-top: 20px;
    margin-bottom: 20px;
    color: black;
}
	.BlocDetailTransac3 {
    padding: 40px 15px 40px 10px;
   
    margin-top: 0px;
	}
	.p6 {
    padding-top: 13px;
		padding-bottom: 13px;}
	.h70{
		height: none;
	}
}
.detail6 {
   
	font-size: 20px;}

@media(max-width:991px) {
.Menu {
	font-size: 12px;
}
.TextBlocAgde {
	padding: 0px 30px 0px 30px;
}
}
@media(max-width:991px) {
	.h70{
		height: 430px;

	}
}

@media(min-width:768px){
	#menu-xs,#menu-lg>li:nth-child(1),#menu-lg>li:nth-child(2){
		display: none;
	}
}
/* media screen*/


/*** formulaire de recherche ****/
#search{
	
	color:#fff;
}
#search .onglet{
	width:150px;
	background: rgba(82,182,157,0.5);
	text-align: center;
	font-size: 18px;
	padding: 10px 0;
	border:1px solid #fff;
	margin-bottom: -1px;
	cursor: pointer;
}
#search .onglet.actif{
	border-bottom: 2px solid #52a99d;
	background-color: #52a99d;
	
}
#search .onglet+.onglet{
	margin-left:12px;
}
#search .contenus{
	background-color: #52a99d;
	padding: 10px;
	border:1px solid #fff;
}
#search label{
	display: block;
	font-size: 16px;
	color:#fff;
	padding: 10px 0;
}
#search input[type=number],#search select,#search input[type=text]{
	width: 100%;
	border:0;
	padding: 7px 0;
}
#search input[type=submit]{
	background-image: url("../images/ico-loupe.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #52a99d;
	padding: 8px 0;
	padding-left: 40px;
	width: 100%;
	border:1px solid #fff;
	text-transform: uppercase;
	color:#fff;
	cursor: pointer;
}
@media(max-width:768px){

	#search{
		margin:10px calc(100% / 12);
	}
	body{
		margin-bottom: 100px;
	}
}
@media(min-width:768px){
	#search{
		max-width: 960px;
		position:absolute;
		bottom: 0;
		z-index: 20000;
	}
	#footerXs{ display: none;}
}
@media(min-width:992px){
	#search{
		left: calc(50% - 960px / 2);	
		bottom: 45px;	
	}
	#search .contenus{
		padding: 20px 0 30px;
	}
}
/*** footer sur mobile****/
#footerXs{
	position:fixed;
	bottom:0;
	background-color: #27726d;
	width:100%;
	padding: 15px 0;
}
#footerXs>div{
	background-color: #51a89c;
	height: 66px;
}
form#f{
	margin: 60px 10px;
}
form#f .submit{
	border: 0;
	background: #000;
	padding: 5px 20px;
	text-transform: uppercase;
	color:#fff;
	cursor:pointer;
}
.relative #search{
	bottom:0;
	position: relative;
	width: calc(100% - 20px);
	max-width: 960px;
	margin:10px auto;
	left: 0;
}

a.blanc{
	color:#fff;
	text-decoration: none;
}

@media(max-width:1600px){
	.Menu>div:nth-child(3){
		font-size: 15px;
	}
}