@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

body
{
	margin:0;
	font-family:"Century Gothic";
}
#test
{
	background-color: white
}
#Entete {
	background-image: url(../images/EnteteARplan.jpg);
	height: 200px;
	width: 100%;



	background-position: 0 1100px;
	background-position: 0%;
	background-position: 0% 450px;
	opacity: 0.6;
}

#Menu {
	background-color: #1C1F24;
	padding: 5px;
	height: 100px;
	width: 99.4%;
	color:white;
	font-size:16px;
	font-family:"Century Gothic";
}
#Menu td
{
	vertical-align:middle;
}
#Menu .TitreMenu a
{
	color:white;
	text-decoration:none;
}

#Menu .TitreMenu a:hover
{
	color:#6F5976;
	cursor:pointer;
	transition:0.4s all;
}
#Menu  .TitreMenuOver a
{
	color:#6F5976;
	text-decoration:none;
}
	
#Adresse
{
	color:#1C1F24;
	font-family:"Century Gothic";
	font-size:18px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	width:500px;
	text-align:center;
}
#formContact
{
	margin-top:50px;
margin-left:50px;
}
#formContact tr
{
	height:35px;
}
#formContact tr.titreFormulaire
{
	height:55px;
	font-size:18px;
}

#photo
{
	width:50px;
	height:50px;
	background-image:url(../images/betty_pres.png);
	background-size:cover;
	position:absolute;
	top:500px;
	left:100px;
}
#photo:hover
{
	width:150px;
	height:150px;
	background-image:url(../images/betty_pres.png);
	background-size:cover;
	position:absolute;
	top:500px;
	left:200px;
	transition:1s all cubic-bezier(.10, .10, .25, .90);
}
#PhotoPres
{
	float:left;
	width:181px;;
	height:265px;
	margin-left:50px;
	margin-top:50px;
	margin-right:50px;
	
}
#texte-NousConnaitre
{
	margin-left:300px;
	height:auto;
	margin-right:50px;
	width:auto;
	padding:5px;
	margin-top:50px;
	padding-bottom:300px;

}
#MenuMaquette
{
	background-image:url(../images/menu%20folio/PortFolioMaquettes.png);
}
#MenuFengShui
{
	background-image:url(../images/menu%20folio/PortFolioFengShui.png);
}
#errnom, #errprenom, #errmail, #errtel, #nomok, #prenok, #mailok, #telok
{

	visibility:hidden;
	margin-left:10px;
}
.introuge
{
	background-color:#E5494C;
	color:white;
}
.inputok
{
	background-color:#fff;
}
#Maquette3D,#FengShui,#ComWeb,#PlansG,#PlansT,#PermisC
{
	width: 190px;
	height: 190px;
	background-size:cover;
	cursor:pointer;
}
.Maquette3D,.FengShui,.ComWeb,.PlansG,.PlansT,.PermisC,.Architecture,.Communication
{
	transition:0.5s all;
}
.Maquette3D
{
	background-image:url(../images/menu%20folio/jpeg/maquette3D.jpg);
	
}



.FengShui
{
	background-image:url(../images/menu%20folio/jpeg/PortFolioFengShui.jpg);
}
.ComWeb
{
	background-image:url(../images/menu%20folio/jpeg/PortFolioCommunication.jpg);
}
.PlansG
{
	background-image:url(../images/menu%20folio/jpeg/PortFolioGraphiques.jpg);
}
.PlansT
{
	background-image:url(../images/menu%20folio/jpeg/PortFolioTechniques.jpg);
}
.PermisC
{
	background-image:url(../images/menu%20folio/jpeg/PortFolioPermis.jpg);
}
#MenuPrestations
{
	margin-top:50px;
	width:630px;
	margin-left:auto;
	margin-right:auto;

}


.Maquette3DOver
{
	background-image:url(../images/menu%20folio/jpeg/Over/MaquetteOver.jpg);
	transition:0.5s all;	
}
.FengShuiOver
{
	background-image:url(../images/menu%20folio/jpeg/Over/FengshuiOver.jpg);
	transition:0.5s all;
}
.ComWebOver
{
	background-image:url(../images/menu%20folio/jpeg/Over/ComWebOver.jpg);
	transition:0.5s all;
}
.PlansGOver
{
	background-image:url(../images/menu%20folio/jpeg/Over/PlansGOver.jpg);
	transition:0.5s all;
}
.PlansTOver
{
	background-image:url(../images/menu%20folio/jpeg/Over/PlansTOver.jpg);
	transition:0.5s all;
}
.PermisCOver
{
	background-image:url(../images/menu%20folio/jpeg/Over/PermisCOver.jpg);
	transition:0.5s all;
}
.Details-Prestations
{
	margin-top:90px;
	height:auto;
	width:67%;
	margin-left:auto;
	margin-right:auto;
}
.Image-Details-Prestations
{
	float:left;
	margin:15px;
	width:190px;
	height:190px;
}
.Image-Details-Prestations img
{
	
	width:190px;
	height:190px;
}
.Texte-Details-Prestations
{
	padding:15px;
}
.Titre-Details-Prestations
{
	margin-left:15px;
	font-size:24px;
	font-weight:bold;
	border-bottom:solid 1px #c594c0;
}
.Texte-Details-Prestations h1
{
	font-size:18px;
}
.lienM
{
	width:190px;
	height:190px;

}
.droite input,.droite select
{
	border-radius:5px;
	height:25px;
	padding-left:3px;
	border:solid #ccc 1px;
	box-shadow:none;
}
.droite textarea
{
	border-radius:5px;
	border:solid #ccc 1px;
	box-shadow:none;
}