@font-face{
	font-family: 'markpro_regular';
    src:url('../fonts/markpro-regular.woff') format('woff');
    font-weight:normal;
    font-style: normal;
}
@font-face{
	font-family: 'markpro_bold';
    src:url('../fonts/markpro_bold.woff') format('woff');
    font-weight:bold;
    font-style: normal;
}
@font-face{
	font-family: 'markpro_medium';
    src:url('../fonts/markpro_medium.woff') format('woff');
    font-weight:normal;
    font-style: normal;
}
@font-face{
	font-family: 'futura_medium';
    src:url('../fonts/futura-md-bt-medium.woff') format('woff');
    font-weight:normal;
    font-style: normal;
}
@font-face{
	font-family: 'futura_regular';
    src:url('../fonts/Futura-Regular.woff') format('woff');
    font-weight:normal;
    font-style: normal;
}
@font-face{
	font-family: 'h-nw_bd';
    src:url('../fonts/W-HelveticaNeueW23forSKY-Bd.woff') format('woff');
    font-weight:normal;
    font-style: normal;
}
@font-face{
	font-family: 'h-nw_reg';
    src:url('../fonts/W-HelveticaNeueW23forSKY-Reg.woff') format('woff');
    font-weight:normal;
    font-style: normal;
}
@font-face{
	font-family: 'ges_bold';
    src:url('../fonts/GE-SS-Two-Bold.woff') format('woff');
    font-weight:normal;
    font-style: normal;
}
@font-face{
	font-family: 'driod_kufi';
    src:url('../fonts/DroidKufi-Bold.woff') format('woff');
    font-weight:normal;
    font-style: normal;
}

*{
	margin: 0;
	padding: 0;
}
p{
	margin: 0;
}
a{
	text-decoration: none;
}
li{
	list-style-type: none;
}
ul{
	padding: 0;
	margin: 0;
}
.centre_div{
	display: flex;
	justify-content: center;
	align-items: center;
}
.centre_div_v{
	display: flex;
	justify-content: center;
}
.centre_div_h{
	display: flex;
	align-items: center;
}
/*--------------------------css page------------------------------*/

.header_duplex{
    background: #16a255;
}
.switcher-right{ 
	
}
.switcher-left{
    align-items: center;
    align-content: center;
    display: flex; 
}
.switcher-left img{
    margin: auto;
}
.logo-header{
	padding: 50px 0 40px;
	text-align: center;
}
.dicru_switcher_right{
	padding:0px 77px 40px;
	text-align: center;
	
}
.dicru_switcher_right h1{
	font-family:h-nw_bd ;
	font-size:24px ;
	color:#fff ;
	margin-bottom: 20px;
	line-height: 35px;
	direction: rtl;
}
.dicru_switcher_right h2{
	font-family:h-nw_reg ;
	font-size: 18px;
	color:#fff ;
}
.partir{
	text-align: center;
	padding-bottom: 87px;
}
.link_prj{
	padding-bottom:57px;
	text-align: center;
}
.link_prj a{
	background: url(../images/background_link.png) no-repeat;
	position: relative;
	color: #fff;
	padding: 10px 20px 10px 60px;
	font-family: driod_kufi;
	font-size: 14px;
}
.link_prj a:before{
	position: absolute;
	content: '';
	background: url(../images/back.png) no-repeat;
	width: 25px;
	height: 19px;
	left: 20px;
	top: 12px;
}
.content{
	padding: 80px 0;
    background: #11723d;
}
.galeryfooter{
    display: flex;
    justify-content: center;
	margin-bottom: 30px;
}
.galeryfooter a{
    display: block;
    position: relative;
}

.galeryfooter a:before{
    content: " ";
    display: block;
    width: 43px;
    height: 43px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../images/loop.png) no-repeat center;
}
.titre_block{
    padding: 30px 0;
    margin: 0;
    font-family: 'driod_kufi';
    font-size: 60px;
    color: #fff;
    text-align: center;
}
.appartements{
	background-color: #055941;
	padding: 70px 0 50px;
	text-align: center;
}
.item_appartement{
    text-align: center;
    margin-top: 50px;
}
.item_appartement.border_right{
    border-right: 2px dashed #1d3835;
}

.footer{
	background: #16a255;
    padding: 50px 0;
}
.sous_footer{
	background: #fff;
	padding: 10px 0px;
    align-items: center;
}
.plus_info{
	margin-top: 15px;
}
.logo_footer{
    text-align: right;
    padding-right: 20px;
}


.form_inscription label{
    font-family: 'markpro_bold';
    font-size: 13px;
    color: #fff;
    margin-top: 10px;
    width: 24%;
    text-align: right;
}

.form_inscription label:last-child{
    font-family: 'driod_kufi'; 
    width: 24%;
    text-align: left;
}

.form_inscription p{
    font-family: 'markpro_regular';
    font-size: 10px;
    color: #fff;
    text-align: center;
    max-width: 520px;
    padding: 20px 10px; 
    margin: auto;
}

.form_group{
    margin-bottom: 24px;
    text-align: center;
}

.sous_input_form{

    position: relative;

    display: inline-block;

    width: 38%;

}
samp.error{
    font-family: 'markpro_regular';
    font-size: 12px;
    color: #910505;
    display: inherit;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
}
.form_group input{
    position: relative;
    width: 250px;
    height: 38px;
    padding-left: 40px;
    border: 1px solid transparent;
    font-family: 'markpro_bold';
    font-size: 12px; 
    color: #000; 
    outline: none; 
    background: #f9f9f9;

}

.form_group select{
    position: relative;
    width: 380px;
    height: 40px;
    border-radius: 30px;
    padding-left: 35px;
    border: 1px solid transparent;
    font-family: 'MarkLight';
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
    outline: none;
    margin-bottom: 20px;
    -webkit-appearance: none;
    appearance: none;
    margin-bottom: 0px;
}

.select::before {
    content: " ";
    background: url(../images/arrow.png) no-repeat center;
    width: 16px;
    height: 10px;
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 9;
    pointer-events: none;
}

.form_group input::placeholder{
    color: #939393;
}
.sous_input_form:before{
    content: " ";
    position: absolute;
    background-size: contain !important;
    z-index: 9;
}
.icon_nom:before{
    width: 24px;
    height: 18px;
    background: url('../images/nom.png') no-repeat;
    top: 9px;
    margin-left: 10px;
}
.icon_mail:before{
    width: 24px;
    height: 18px;
    background: url('../images/mail.png') no-repeat;
    top: 9px;
    margin-left: 10px;
}

.icon_phone:before{
    width: 15px;
    height: 24px;
    background: url('../images/mobile.png') no-repeat;
    top: 8px;
    margin-left: 10px;
}

.icon_ville:before{
    z-index: 9;
    width: 21px;
    height: 24px;
    background: url('../images/ville.png') no-repeat;
    top: 8px;
    margin-left: 10px; 
} 

.icon_bien:before{
    content: " ";
    width: 40px;
    height: 30px;
    background: url(../images/select.png) no-repeat;
    top: 5px;
    right: 0px;
} 

.form p{
    font-family: 'MarkPro';
    font-size: 10px;
    color: #b6b6b6;
    max-width: 350px;
}
.submit_input input:focus, 
.submit_input input{
    font-family: 'markpro_bold';
    font-size: 16px;
    color: #fff;
    padding: 15px 45px;
    text-transform: uppercase;
    letter-spacing: 3px;
    background: url(../images/envoyer.png) no-repeat;
    border-width: 0;
    margin-bottom: 25px;
    line-height: 1;
    outline: none; 
    width: 216px;
    height: 40px;
}

.submit_input{
    text-align: center;
}
.submit_input button{
    background: transparent;
    border: 0;
}

.logo_footer_form{

    background-color: #fff;

}

.message-success{
    border-radius: 3px;
    display: block; 
    background: #fff;
    margin: 20px 50px; 
    padding: 30px 10px; 
    color: #1da37d;
    text-align: center;  
    font-size: 15px;
    font-weight: 600;   
}

#errormessage p{
    display: block;
    padding: 5px 0px;
    color: red;
}




 


/*--------------------------css form------------------------------*/

/*---------------------- Responsive -------------------------------------------------*/

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

	.logo-header {
	    padding: 30px 0;
	}
	.dicru_switcher_right {
		padding-bottom: 0;
	}
	.dicru_switcher_right h1 {
		font-size: 20px;
	}
	.partir {
		text-align: center;
		padding-bottom: 80px;
	}
	.image_middle_switcher_right {
		padding-bottom: 65px;
	}
	.list_category_switcher_right li {
		margin: 0 40px;
	}
	.link_prj {
		padding-bottom: 63px;
	}
	

}
@media (min-width: 992px) and (max-width: 1199px){

	.logo-header {
	    padding: 10px 0 35px 0;
	}
	.dicru_switcher_right {
		padding: 0 20px 14px;
	}
	.dicru_switcher_right h1 {
    font-size: 16px;
	}
	.dicru_switcher_right h2 {
    font-size: 16px;
	}
	.partir {
		text-align: center;
		padding:0 145px 45px;
	}
	.link_prj {
		padding-bottom: 29px;
	}

}
@media (max-width: 991px){
    .titre_block{
        font-size: 35px;
    }

}
@media (min-width: 576px) and (max-width: 767px){

	.image_middle_switcher_right {
		padding: 0px 30px 50px 30px;
	}
	.list_category_switcher_right li {
		margin: 0 45px;
    font-size: 14px;
	}
	.list_category_switcher_right .green:after {
		background-repeat: no-repeat;
		background-size: 30px;
		left: 108px;
	}
	.list_category_switcher_right .store:after {
		background-repeat: no-repeat;
		background-size: 30px;
		left: 92px;
	}
	.list_category_switcher_right .mosqui:after {
		background-repeat: no-repeat;
		background-size: 30px;
		left: 50px;
	}
	.galeryfooter{
		margin-bottom: 30px;
	}
	.plus_info{
		text-align: center;
	}
	.logo_footer{
		text-align: center;
        padding-right: 0;
	}

}
@media (max-width: 767px){
	.form_inscription{
		padding: 20px;
	}
    .form_complet{ 
        display: flex; 
        justify-content: center; 
    }

    .form_group {  
        position: relative;
        margin: 0px auto 8px;
        padding-top: 40px; 
    }
    .form_inscription label{
        display: block;
        width: 45%;
        position:absolute;
        top: 0px;
        left: 0px;
        text-align: left !important;
    }
    .form_inscription label:last-child{ 
        top: 0px;
        left: auto;
        right: 0px;
        width: 45%;
        text-align: right !important;
    } 
    .form_group input{
        width: 100%;
    }
    .footer{ 
        text-align: -webkit-center; 
    } 
    /*.logo_footer{ 
        margin-bottom: 30px; 
    }*/
    .titre_block{
        font-size: 30px;
    }
    .appartements .row{
        justify-content: center;
    }

    .logo_footer, .plus_info{
        float: unset;
    }

    .plus_info h3{

        font-size: 35px;

    }

    .plus_info h4{

        font-size: 14px;

        letter-spacing: 1px;

    }

    .sous_input_form { 
        width: 100%; 
        text-align: center; 
    }
    .item_appartement.border_right{
        border-right: 0;
    }
}
@media(max-width: 575px){
    .titre_block{
        font-size: 22px;
    }

    .image_middle_switcher_right {
        padding: 0px 30px 50px 30px;
    }
    .list_category_switcher_right {
        display: flex;
        justify-content: center;
        direction: rtl;
    }
    .list_category_switcher_right li {
        display: block;
        font-size: 14px;
        margin: 30px 0;
    }
    .list_category_switcher_right .green:after {
        background-repeat: no-repeat;
        background-size: 30px;
        right: -50px;
    }
    .list_category_switcher_right .store:after {
        background-repeat: no-repeat;
        background-size: 30px;
        right: -50px;
    }
    .list_category_switcher_right .mosqui:after {
        background-repeat: no-repeat;
        background-size: 30px;
        right: -50px;
    }
    .galeryfooter{
        margin-bottom: 30px;
    }
    .plus_info{
        text-align: center;
        padding: 0px 16px;
    }
    .logo_footer{
        text-align: center;
        padding: 0px 16px;
    }
    
}