@font-face
{
    font-family: "FingerPaint-Regular";
    src: url('FingerPaint-Regular.ttf');
}

	body
		{
			background-color: #ffb36d;
			background-image: url("cv2.jpg");		
			background-image: scroll;
			background-position: center ;
			width: 70%;
	
		}

	h1
{
		font-family: "FingerPaint-Regular", arial, sans-serif;
		font-style: italic;
		font-weight: bold;
		text-decoration: underline;
		text-align: center;
		padding: 5px;
		background-color:#16b3ef;	
		color: #8d8d8d;
		box-shadow: 6px 6px 6px black inset;
		margin-top: 50px;
		margin:auto;
		margin-left: 20%;
		display: block;
		width: 100%;
}

table
{
	margin-top: 100px;
}

	#menu li
{
	display: inline-block;
	background-color: green;
	color: white;
	border: 1px;
	margin-bottom: 1px;	
}

	#menu li a								
	{
		background : #c00;
		color: #fff;
		line-height: 1em;
		text-decoration: none;
		padding: 10px 8px;
		text-align: center;
		transition: 0.7s;
	}

	li
		{
			list-style: none;
		}

	nav
		{
			padding-bottom:20px;
			background-color: gris clair;  
		}

	#menu
		{
			text-align: center;
			
	
		}


		#acc a
			{
				text-decoration: none;
				color: red;
			}
	
	#compt
		{
			color: #fff347;
			background-color:#29dc00;
			width: 360px;
			color: black;
			background-color: white;
			border-bottom: 7px solid black;
			border-right: 7px solid black;
			border-radius: 50px;
			padding: 25px;
			text-align: center;				
			margin-top: 20%;
			opacity:0.6;
			width: 530px;
			height: 600px;
			margin: 20%;
			margin-top: 80px;
			box-shadow: 3px 2px 6px 2px black inset;
			text-shadow: 40px 40px 40px  black;
			text-align: justify;
			width: 90%
			
		}
	#compt a
		{
			text-decoration: none;
			color: red;
		}

	#contact
		{	

			color: black;
			background-color: white;
			border-bottom: 7px solid black;
			border-right: 7px solid black;
			border-radius: 50px;
			padding: 25px;
			text-align: center;
			opacity:0.6;	
			height: 600px;
			margin: auto;
			margin-top: 40px;
			box-shadow: 3px 2px 6px 2px black inset;
			text-shadow: 40px 40px 40px  black;
			text-align: justify;
			left:20%;
			position: relative;
			width:630px;
			width:90%;
		}

	#contact a
		{
			text-decoration: none;
			color: red;

		}		
	
#acc
{
	color: black;
	background-color: white;
	border-bottom: 7px solid black;
	border-right: 7px solid black;
	border-radius: 50px;
	padding: 40px;
	text-align: center;
	opacity:0.6;
	width: 600px;
	height: 650px;
	margin: 25%;
	margin-top: 90px;
	box-shadow: 3px 2px 6px 2px black inset;
	text-shadow: 40px 40px 40px  black;
	text-align: justify;
	position: relative;
	width: 90%;
}


	#exper
		{
			color: #0001d0;
			background-color: white;
			border-left: 5px solid black;
			border-right: 5px solid black;
			width:640px;
			border-radius: 20px;
			background-color: rgb(255,0,0); 
			color: black;
			background-color: white;
			border-bottom: 7px solid black;
			border-right: 7px solid black;
			border-radius: 50px;
			padding: 25px;
			text-align: center;
			vertical-align: middle;
			margin-top: 20%;
			opacity:0.6;
			width: 530px;
			height: 600px;
			margin: auto;
			margin-top: 80px;
			box-shadow: 3px 2px 6px 2px black inset;
			text-shadow: 40px 40px 40px  black;
			text-align: justify;
			left: 20%;
			position: relative;
			width: 90%
		}	

	#exper a
		{
			text-decoration: none;
			color: red;
		}
	
	#formation
		{	
			width: 300px;
			padding-bottom: 10px;
			color: black;
			background-color: white;
			border-bottom: 7px solid black;
			border-right: 7px solid black;
			border-radius: 50px;
			padding: 25px;
			text-align: center;
			opacity:0.6;
			width: 530px;
			height: 600px;
			margin: 25%;
			margin-top: 80px;
			box-shadow: 3px 2px 6px 2px black inset;
			text-shadow: 40px 40px 40px  black;	
			text-align: justify;
			position: relative;
			width: 90%
		}

			#formation a
				{
					text-decoration: none;
					color: red;
				}
	
	#info
		{	

			color: black;
			background-color: white;
			border-bottom: 7px solid black;
			border-right: 7px solid black;
			border-radius: 50px;
			padding: 5%;
			opacity:0.6;
			width: 530px;
			height: 600px;
			margin: 25%;
			margin-top: 80px;
			box-shadow: 3px 2px 6px 2px black inset;
			text-shadow: 40px 40px 40px  black;
			text-align: justify;	
			position: relative;
			width: 90%
		}

#info a
	{
		text-decoration: none;
		color: red;
	}
	
		.header1
		{
			width: 150%;
			border: 0px;
			margin: 0px;
			padding: 0px;
		}
	
	
#contact:hover /* Apparence au survol des liens */
	{
		text-decoration: none;
		color: blue;
	}
			#info:hover
				{
					text-decoration: none;
					color: blue;
				}

	#formation:hover
		{
			text-decoration: none;
			color: blue;
		}

#exper:hover
	{
		text-decoration: none;
		color: blue;
	}

#compt:hover
		{
			text-decoration: none;
			color: blue;
		}

				#acc:hover
				{
					text-decoration:none;
					color: blue;
				}

	#contact:active 
		{
			background-color: green;
		}

#acc:active 
	{
		background-color: green;
	}

		#compt:active 
			{
				background-color: green;
			}

#exper:active 
	{
		background-color: green;
	}

		#formation:active 
			{
				background-color: green;
			}

#info:active 
	{
		background-color: green;
	}


		#menu a:focus, #menu a:hover
			{
				background-color:yellow;
				color:red;
				font-weight:bold;
			}

 #menu a:active
	{
		background-color: white;
	}

			a:active
				{		
					background-color: white;
				}

	#acc a:visited
		{
			color: #AAA; 
		}

#compt a:visited
	{
		color:#AAA;
	}

		#exper a:visited
			{
				color: #AAA
			}

#formation a:visited
	{
		color:#AAA
	}

			#info a:visited
				{
					color:#AAA;
				}

		#contact a:visited
			{
				color:#AAA;
				vertical-align: middle;
			}

		footer
			{
				position:relative;
				bottom:  200px;
				padding: 12px;
				margin: 220px;
			}

	td 
		{
			border: 2px solid brown;
			position: relative;
			background-color: green;
			text-align: center;
			height : 100px;
			padding: 4px;
			width: 250px;

		}

#contact div
	{
		width:100%;
		position:relative;
	}	

#retour-accueil
		{
			text-align:center;
		}