@charset "UTF-8";
/* CSS Document */
html, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
body{
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	background:#FFFFFF;
	color:#2B2B2B;
	font-size:13px;
}

.custom_base_center{
	margin:auto;	
	max-width:1280px;
	height:auto;
	min-height: 135px;
	position: relative;
}

.custom_base_center2{
	width:100%;
	text-align:center;
	position: relative;
}



header{
	width:100%;
	height:135px;
	margin:auto;
	position:fixed;
	z-index:200;
	background:#FFFFFF;
	top: 0;
	left: 0;
}

header .logo img {
	width: 200px;
	padding: 19px 0px;
	position: absolute;
	left: 0px;
}

header .nav{
    background: #ededed none repeat scroll 0 0;
    min-height: 45px;
	height:auto;
    width: 100%;
}

header .nav .inside {
	margin: 0 auto;
    max-width: 800px;
}


header .nav .rub {
    display: inline-block;
    float: left;
    padding: 0 20px;
    text-align: center;
}

header .nav .rub > a {
    display: inline-block;
    float: left;
    font-size: 17px;
    font-weight: 300;
    padding: 11px 0;
    text-align: center;
}

header .nav .rub > a:hover{
	
}

header .nav .sous{
	border-bottom:2px solid #e03d16;
}

.custom_base_center .tel{
    color: #f15a20;
    font-size: 33px;
    left: 38%;
    line-height: 30px;
    position: absolute;
    top: 30px;
    width: 300px;
}

.custom_base_center .tel i {
    color: #f15a20;
    float: left;
    font-size: 55px;
    padding: 8px;
}

.custom_base_center .tel span {
    color: #333;
    float: left;
    font-size: 27px;
}

.custom_base_center .btn {
    background: #32c9ba none repeat scroll 0 0;
    border-radius: 0 0 8px 8px;
    float: right;
    padding: 3px 10px 8px;
}

.custom_base_center .btn a {
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
}

.custom_base_center .btn a i {
    font-size: 25px;
    position: relative;
}

.custom_base_center .btn a i span {
	color: #f15a20;
    font-size: 18px;
    left: 8px;
    position: absolute;
    top: 5px;
}

.custom_base_center .zone_login{
	width:220px;
	height:150px;
	position:absolute;
	background:#32c9ba;
	right:0px;
	top:30px;
	padding:20px;
	display:none;
}

.container{
	background-color: #fff;
	margin:auto;
	max-width:1280px;
	width:100%;
	min-height:65px;	
	height:auto;
}

.container_centre{
	margin:auto;
	margin-top:115px;
	width:85%;	
}

.custom_h1{
	color: #dc5219;
	width: 80%;
	font-weight: normal;
	font-size:32px;
	margin:0;
	margin:auto;
	margin-bottom: 15px;	
}

.custom_h3
{
	text-align: center;
	padding: 10px;
	background: #f15a20;
	color: #fff;
}

.estimer_font_gris{
	width:100%;	
	height:auto;
	background:#ededed;

}

.estimer_contenu{
	max-width:1103px;
	width:100%;
	height:auto;
	margin:auto;
	padding:18px;
	box-sizing: border-box;
	position: relative;
}

.custom_zone_champs{
	max-width:330px;
	min-height:80px;
	float:left;
	width:100%;
	margin-bottom:12px;	
	position:relative;
}

.custom_btn_valider{
	border: none;
    width: 340px;
    padding: 12px;
    float: left;
    color: #FFFFFF;
    cursor: pointer;
    background: #32c9ba;
    text-align: center;
    font-weight: 300;
    transition: 0.9s all;
    -webkit-transition: 0.9s all;
    font-size: 20px;
}

.custom_btn_valider:hover{
	cursor: pointer;
	background: #16A085;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#topBtn {
    /* display: none; */
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 9999;
    border: none;
    outline: none;
    background-color: #6fb1b2;
    color: white;
    cursor: pointer;
    padding: 15px;
    font-size: 18px;
    box-shadow: 0 3px 14px rgba(0,0,0,.3);
    border-radius: 45%;
    width: 50px;
    height: 50px;
}

.estimer_local_div
{
	display:flex;
	align-items:center;
	align-content:center;
	justify-content:center;
	height:40px;
	flex-direction:column;
}

/********
** Column
*********/

.col-50
{
	width:49.5%;
	margin-right:1%;
	float:left;
	height:auto;
}

.col-50:nth-child(2n)
{
	width:49.5%;
	margin-right:0%;
	float:left;
	height:auto;
}


@media (max-width: 870px){
	header .nav {
		width: 100%;
	}
	
	header .nav .inside {
		margin: 0;
		width: 100%;
	}
	
	.estimer_contenu .col-50
	{
		width:100%;
		float:left;
		height:auto;
	}
}

@media (max-width:735px){
	.estimer_contenu {
		max-width: 100%;
	}
	
	.custom_header_non_resp
	{
		display:none;
	}
}
