/* 
CSS conditionnel pour pages spéciales (background différent)
*/

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	margin: 0px auto;
	padding: 0px;
	color: #00000B;
    min-width : 1024px;
}
#content {
	width:100%;
	position: relative;
	padding-top: 110px;
	
	
}
#contactScroll{
	min-height: 296px;
	padding: 18px;
	color: #FFFFFF;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	background: #000000 url("https://www.gesprojet.com/Site/WebFolder/img/contact/contact.jpg") no-repeat center top;
	background-size: cover;
	background-attachment: scroll;
 	background-position: -1px -77.35px;
	text-align : center;
}
#textContact{
	width: 593px;
	background-color: transparent;
	color: #FFFFFF;
	font-size: 48px;
	letter-spacing: -1px;
	line-height: 58px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	position: relative;
	margin-top: 120px;
	margin-left : auto;
	margin-right : auto;

}
#contentContact{
	width : 100%
	
}
#infoContact{
	min-height : 360px;
	width : 1024px;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
	position : relative;
	padding-bottom : 100px;
}
#textInfo{
text-align: center;
color: #00364E;
font-size: 24px;
letter-spacing: -1px;
line-height: 29px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
padding-top : 50px;
padding-bottom : 50px;
}
#mail{
border-width: 10px;
border-style: solid;
border-color: #FFFFFF;
position : absolute;
left : 30px;
}
#iconeMail{
z-index:10;
width: 112px;
height: 112px;
border-radius: 200px;
background: #4CC2DB url("https://www.gesprojet.com/Site/WebFolder/img/contact/iconescontact1.svg") no-repeat center center;
background-size: contain;
margin-left : 130px;
}
#mail p{
text-align: center;
font-weight: 700;
}
#trouver{

border-width: 10px;
border-style: solid;
border-color: #FFFFFF;
position : absolute;
left : 430px;

}

#iconeTrouver{
z-index:10;
background: #FF3D4C url("https://www.gesprojet.com/Site/WebFolder/img/contact/iconescontact2.svg") no-repeat center center;
width: 112px;
height: 112px;
border-radius: 200px;
background-size: contain;
margin-left : 20px;

}
#iconeappeler{
	background: #00364E url("https://www.gesprojet.com/Site/WebFolder/img/contact/iconescontact3.svg") no-repeat center center;
	width: 112px;
	height: 112px;
	border-radius: 200px;
background-size: contain;
margin-left : 40px;
z-index:10;
}
#contentAppeler{
	margin-left : 35px;
	z-index : 3;
}
#contentTrouver{
	margin-left : 5px;
	z-index : 3;
}
#contentMail{
	margin-left : 110px;
	z-index : 3;
}
.text{
	width : 230px;
	
}
#trouver p{
text-align: center;
font-weight: 700;
}


#appeler{

border-width: 10px;
border-style: solid;
border-color: #FFFFFF;
position : absolute;
left : 700px;

}
#appeler p{
text-align: center;
font-weight: 700;
}

#formContact{
width: 580px;
min-height: 558px;
border-radius : 7px;
background-color: #F0F0F0;
color: #7F7F7F;
font-size: 10px;
letter-spacing: 0px;
line-height: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
position: relative;
margin-left : auto;
margin-right : auto;
margin-bottom : 100px;
}
#iconeForm{
margin-top : -50px;
width: 88px;
border-width: 10px;
border-style: solid;
border-color: #FFFFFF;
background-color: #FF3D4C;
border-radius: 50%;
padding-bottom: 19px;
position: absolute;
left: 230px;
}

#iconeForm i{
	margin-left : 20px;
	margin-top : 18px;
}
#contentForm{
	margin-top : 50px;
	text-align: left;
color: #00364E;
line-height: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 14px;
word-wrap: break-word;



}
#textForm{
width: 347px;
background-color: transparent;
text-align: center;
font-size: 21px;
color: #00364E;
line-height: 25px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
position: relative;
padding-top : 70px;
left: 110px;
}
#envoyer{
min-height: 70px;
color : #FFFFFF;
width: 465px;
position: relative;
background-color: #FF3D4C;
padding-top: 15px;
padding-bottom: 10px;
min-height: 25px;
border-radius : 4px;
margin: 10px 0px 0px;
text-align : center;
cursor: pointer;
}

#envoyer:hover{
background-color: #FF686F;

}