html, body{
	height: 100%;
	background-color: #FFFFFF;
	border: 0px solid transparent;
	font-size: 16px; /* Ideal: 16px */
	margin: 0px 0px 0px 0px;
	min-height: 100%;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

@font-face{
	font-family: 'Walkway_bold';
	src: url('../font/Walkway_Bold.ttf') format('truetype');
}

@font-face{
	font-family: 'Walkway_ultrabold';
	src: url('../font/Walkway_UltraBold.ttf') format('truetype');
}

a{
	text-decoration: none;
}

#txt{
	display: none;
}
	

#conteneur_1{
	text-align: center;
	width: 45%;
  	margin-left: auto;
  	margin-right: auto;
	display: table;
	height: 100%;

	overflow: hidden;
}

@media screen and (max-width: 770px) {
  #conteneur_1{
	width: 90%;
  }
}

#conteneur_3{
	text-align: center;
	width: 75%;
  	margin-left: auto;
  	margin-right: auto;
	display: table;
	height: 100%;

	overflow: hidden;
}

#conteneur_2{
	display: table-cell;
	vertical-align: middle;
}

#conteneur_4{
	text-align: justify;
	width: 70%;
  	margin-left: auto;
  	margin-right: auto;
	display: table;
	height: 100%;

	overflow: hidden;
}
	
	/*! index.html*/
	#nom{
		font-size: 2.2vw;
		display: inline-block;
		width: 100%;
		font-family: 'Walkway_bold';
		margin-bottom: 8px;
		font-weight: bold;
	}

		#nom_g{
			color: #D4D4D4;
			float: left;
			margin-left: 6em;
		}

		#nom_d{
			float: right;
			color: #737375;
			margin-right: 6em;
		}

	.cadre_prof{
		border-top: 1px solid #999999 ;
		border-bottom: 1px solid #999999;
	}
		#prof{
			font-size: 4.8vw;
			color: #666ca0;
			margin: 10px;
			font-family: 'Walkway_ultrabold';
		}
	
	
s

	.ul_menu{
		padding-left: 0px;
		margin-top: 4%;
	}
	
	.menu, .sous_menu{
		display: inline;
		list-style: none;
	}

	.menu{
		width: 30%;
	}

	#sous_menu1{
		border-right: 1px solid #c0c0c0;
		padding-right: 0.25em;
	}

		.lien_acc{
			color: #767474;
			font-family: 'Walkway_ultrabold';
			font-size: 1.3vw;
			padding: 0.2em;
			border: 1px solid #767474;
		}

		

		.sous_lien_acc{
			color: #c0c0c0;
			font-family: 'Walkway_ultrabold';
			font-size: 1vw;
		}

		.lien_acc:hover{
			color: white;
			border: 1px solid #767474;
			background-color: #767474;
		}

	/*! portfolio.html*/
	#portfolio{
		font-size: 2vw;
		width: 100%;
		font-family: 'Walkway_bold';
		color: #d3d2d2;
		margin-top: -3em;
		margin-bottom: 3em;
	}

	.ul_menu{
		padding: 0;
	}

	.menu_port{
		padding: 0.5em;
		list-style: none;
	}

	.lien_port{
			color: #c0c0c0;
			font-family: 'Walkway_bold';
			font-size: 2.8vw;
		}

	.lien_port:hover{
		color: #a1a1a1;
	}

	#retour{
			color: #a1a1a1;
			font-size: 1vw;
			font-family: 'Walkway_bold';
			position: absolute;
			top: 2%;
			left: 93%;
		}

	/* contact.php */
form > h2{
	margin: 0;
	color:  #d3d2d2;
	font-family: 'Walkway_bold';
}

form > input{
	border: solid 1px #d3d2d2; 
}

	/* a propos*/

	#image_pascal{
		width: 100%;
	}

	.indi{
		width: 65%;
	}