body{
	margin: 0;
	padding: 0;
	background: black url(../images/New_York_City.jpg) top center no-repeat;
}

a{
text-decoration:none;
}

img {
border-width : 0px;
border : 0px;
}

/* Le général 1 comprend: entete, espace, menu, flash et principal */
#general1{
  width: 800px;
  height: 1000px;
  background: transparent url(../images/backgeneral1.png) top no-repeat;
  margin-left: auto;
  margin-right: auto;
}

/* Le pied de page */
#pied2page{
  width: 800px;
  height: auto;
  background: transparent top no-repeat;
  margin-left: auto;
  margin-right: auto;
}
#pied2page p{
	color: white;
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	font-size: 15px;
	text-align: center;
	display: block;
}
#entete{
  width: 800px;
  height: 200px;
  margin: auto;
  background: transparent url(../images/entete.png) no-repeat;
}


/* class d'espacement */
.espace1{
  width: 800px;
  height: 10px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  background: transparent;
}

.espace2{
  width: 800px;
  height: 25px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  background: transparent;
}


/* Le menu comprend: onglet1 1, onglet 2, onglet 3 et onglet 4 */
#menu{
  width: 760px;
  height: 66px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  color: transparent;
  background: transparent;
}
#menu
:link,
:visited{
  width: 760px;
  height: 66px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  color: transparent;
  background: transparent;
}

/* Gestion de l'onglet accueil */
#onglet1 a.ici,
#onglet1 a.ici:active,
#onglet1 a.ici:hover{
  width: 192px;
  height: 66px;
  border-width : 0px;
  border : 0px;
  margin-left: 0px;
  margin-right: 0px;
  background: url(../images/ongletgbis.png) no-repeat;
  text-decoration:none;
  display: block;
  color: transparent;
}
#onglet1 a:hover{
  width:192px;
  height:66px;
  border-width : 0px;
  border : 0px;
  margin-left: 0px;
  margin-right: 0px;
  background: url(../images/ongletgbis.png) no-repeat;
  text-decoration:none;
  display: block;
  color: transparent;
}
#onglet1{
  width: 192px;
  height: 66px;
  margin-left: 0px;
  margin-right: 0px;
  background: url(../images/ongletg.png) no-repeat;
  float: left;
  color: transparent;
}/* Fin de gestion de l'onglet accueil */

/* Gestion de l'onglet portfolio */
#onglet2 a.ici,
#onglet2 a.ici:active,
#onglet2 a.ici:hover{
  width: 188px;
  height: 66px;
  border-width : 0px;
  border : 0px;
  margin-left: 0px;
  margin-right: 0px;
  background: url(../images/ongletmgbis.png) no-repeat;
  text-decoration: none;
  display: block;
  color: transparent;
}
#onglet2 a:hover{
  width:188px;
  height:66px;
  border-width : 0px;
  border : 0px;
  margin-left: 0px;
  margin-right: 0px;
  background: url(../images/ongletmgbis.png) no-repeat;
  text-decoration:none;
  display: block;
  color: transparent;
} 
#onglet2{
  width: 188px;
  height: 66px;
  margin-left: 0px;
  margin-right: 0px;
  background: url(../images/ongletmg.png) no-repeat;
  float: left;
  color: transparent;
}/* Fin de gestion de l'onglet portfolio */

/* Gestion de l'onglet Nzo&co */
#onglet3 a.ici,
#onglet3 a.ici:active,
#onglet3 a.ici:hover{ 
  width:188px;
  height:66px;
  border-width : 0px;
  border : 0px;
  margin-left: 0px;
  margin-right: 0px;
  background: url(../images/ongletmdbis.png) no-repeat;
  text-decoration:none;
  display: block;
  color: transparent;
}
#onglet3 a:hover{
  width:188px;
  height:66px;
  border-width : 0px;
  border : 0px;
  margin-left: 0px;
  margin-right: 0px;
  background: url(../images/ongletmdbis.png) no-repeat;
  text-decoration:none;
  display: block;
  color: transparent;
} 
#onglet3{
  width: 188px;
  height: 66px;
  margin-left: 0px;
  margin-right: 0px;
  background: url(../images/ongletmd.png) no-repeat;
  float: left;
  color: transparent;
}/* Fin de gestion de l'onglet Nzo&co */

/* Gestion de l'onglet Face B */
#onglet4 a.ici,
#onglet4 a.ici:active,
#onglet4 a.ici:hover{
  width:192px;
  height:66px;
  border-width : 0px;
  border : 0px;
  margin-left: 0px;
  margin-right: 0px;
  background: url(../images/ongletdbis.png) no-repeat;
  text-decoration:none;
  display: block;
  color: transparent;
}
#onglet4 a:hover{
  width:192px;
  height:66px;
  border-width : 0px;
  border : 0px;
  margin-left: 0px;
  margin-right: 0px;
  background: url(../images/ongletdbis.png) no-repeat;
  text-decoration:none;
  display: block;
  color: transparent;
}
#onglet4{
  width: 192px;
  height: 66px;
  margin-left: 0px;
  margin-right: 0px;
  background: url(../images/ongletd.png) no-repeat;
  float: left;
  color: transparent;
}/* Fin de gestion de l'onglet Face B */

/* Fin de la partie menu */

/* Animation flash */
#flash{
  width: 760px;
  height: 134px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  background: transparent;
}
#principal{
  width: 800px;
  height: 400px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  background: url(../images/page.png) top left no-repeat;
  clear: left;
}


/* class de titre1 */
.titre1{
  width: 600px;
  height: 45px;
  margin-top: 0px;
  margin-left: 30px;
  margin-right: 0px;
  background: url(../images/titre-h1.png) top left no-repeat;
}

.titre1 h1{
  vertical-align: middle;
  margin-left: 30px;
  color: #4fa9d3;
}

.titre1 a{
  margin-left: 30px;
  color: #4fa9d3;
}
  
.titre1
a:hover,
a:active{
  /*vertical-align: middle;*/
  text-align: center;
  color: #4fa9d3;
}
/* class de titre2 */
.titre2{
  width: 600px;
  height: 45px;
  margin-top: 0px;
  margin-left: 30px;
  margin-right: 0px;
  background: url(../images/titre-h1bis.png) top left no-repeat;
}

.titre2 h1{
  vertical-align: middle;
  margin-left: 30px;
  color: #d961cf;
}

/* class de titre3 */
.titre3 a{
  /*color: #4fa9d3;*/
  /*color: black;*/
  color: white;
}

.titre3{
  width: 600px;
  height: 20px;
  font-size: 15px;
  font-family: arial, impact;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  background: transparent;
}

.titre3 h3{
	font-size: 15px;
	font-family: arial, impact;
}

.titre3 h3, p
a:hover,
a:active{
  /*vertical-align: middle;*/
  text-align: center;
  color: #4fa9d3;
}

.titre3 h3,p  .ici2,
a.ici2:hover,
a.ici2:active{
  text-align: center;
  color: #4fa9d3;
}

#principal1{
    width: 700px;
	margin-left: auto;
	margin-top: 0px;
    margin-right: auto;
    background: url(../images.png) top left repeat;
    /*float: left;*/
}
#principal1 p{
	margin: 0 30 30 30;
	text-align: justify;
	display: block;
}

#principal1 a{
  color: #ffffff;
}

#principal1
a:hover,
a:active{
  color: #4fa9d3;
  text-align: justify;
}

.p{
	margin-left: 30px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 30px;
	text-align: right;
	display: block;
}
#principal2{
    width: auto;
    height: auto;
}
.principal2_haut{
    width: 784px;
    height: 25px;
	margin-left: auto;
	margin-right: auto;
    background: url(../images/pagebis_haut.png) top left no-repeat;
}
.principal2_milieu{
    width: 784px;
	margin-left: auto;
	margin-right: auto;
    background: url(../images/pagebis_milieu.png) top left repeat-y;
}
.principal2_milieu_bis{
    width: 700px;
    height: auto;
	margin-left: auto;
	margin-right: auto;
    background: transparent;
}
.principal2_bas{
    width: 784px;
    height: 22px;
	margin-left: auto;
	margin-right: auto;
    background: url(../images/pagebis_bas.png) top left no-repeat;
}

#principal2 p{
	margin: 0px 50px 0px 50px;
	padding: 10px 0px 10px 0px;
	text-align: justify;
	display: block;
}

#principal2 a{
  color: #ffffff;
}

#principal2
a:hover,
a:active{
  color: #4fa9d3;
  text-align: justify;
}
					 .champTexte{
						font-size:15px;
						margin-bottom:10px;
						margin-right:10px;
						border:1px solid gray;
						color:black;
						padding-left:2px;
						padding-top:2px;
					}
					 .submit{
						color:black;
						font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
						font-weight:bold;
					}
					 .contact{
						margin-right:10px;
						float: right;
					}
					.contact textarea{
						width:390px;
						height:200px;
						border:1px solid gray;
						font-family: Times, "Times New Roman", "Liberation Serif", FreeSerif, serif; 
					}
					 .nom{
						float:left;
					}
					.nom input{
						width:200px;
					}
					 .prenom{
						float:left;
					}
					.prenom input{
						width:200px;
					}
					 .adresse{
						clear:left;
					}
					.adresse input{
						width:450px;
					}
					 .cp{
						float:left;
					}
					.cp input{
						width:60px; 
					}
					 .ville{
						float:left;
					}
					.ville input{
						width:300px;
					}
					 .telephone{
						clear:left;
					}
					.telephone input{
						width:90px;
					}
					 .mdp{
						float:left;
					}
					.mdp input{
						width:180px;
					}
					.ancien_mdp input{
						width:180px;
					}
					 .confirm_mdp{
						float:left;
					}
					.confirm_mdp input{
						width:180px;
					}
					 .email{
						float:left;
					}
					.email input{
						width:180px;
					}
					 .confirm_email{
						float:left;
					}
					.confirm_email input{
						width:180px;
					}
					 .valider{
						float:right;
					}
					 .message_erreur{
						float:left;
						margin-top:10px;
						color:#E68400;
					}
					 .valider input{
						margin-bottom:10px;
						margin-right:10px;
					}