html, body 
	{
	color:#353534;
	background-color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	text-align: center;
	background-image: url(../images/background-noize.png);
	background-repeat: repeat;
	margin:0;
	width:100%;
	height:100%;
	}
a:link { font-weight:bold; color:#334259; background-color: transparent; text-decoration:none }
a:visited { font-weight:bold; color:#4d5361; background-color: transparent; text-decoration:none }
a:hover { font-weight:bold; color:#4d5361; background-color: transparent; text-decoration:none }
a:active { font-weight:bold; color:#4d5361; background-color: transparent; text-decoration:underline }
a:focus { font-weight:bold; color:#4d5361; background-color: transparent; text-decoration:underline }
/* Page de site en construction */
div.tableau
	{
    display: table;
    width: 95%;

	height: 100%;
	margin:auto;
	}
div.cellule
	{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
	}
div.bloc
	{
    display: block;
	max-width: 960px;
	margin:auto;
}
h1 
	{
	font-size: 2.063em;
	padding-left:17px;
	letter-spacing:17px;
	text-transform: uppercase;
	color: #4d5361;
	background-color: transparent;
	vertical-align: middle;
	text-align: center;
	word-spacing: normal;
	border-bottom:thin solid #4d5361;
	}
h2 
	{
	font-size: 1.500em;
	text-transform: uppercase;
	color: #4d5361;
	background-color: transparent;
	text-align: center;
	vertical-align: middle;
	letter-spacing:5px;
	}
h3.stage 
	{
	text-transform: uppercase;	
	}
.texte 
	{
	line-height: 2.143em;
	margin: 0 auto;
	max-width: 600px;
	}
.subtitle {
	display: block;
	font-size: 0.75em;
	color: #4d5361;
	margin-top: 4px;
	}
img 
	{
	width: auto;
	margin-right: 0.250em;
	margin-left: 0.250em;
	margin-bottom: 0.250em;
	border: 0px;
	}	
img.identite {	border-radius: 100px;	}
 /* NAVIGATION*/
ol {
	padding-left:0px;
	margin:1em 1em 0em 1em;
	}
 /* NAVIGATION ME CONTACTER & TELECHARGER CV*/
li.project,li.contact {
	list-style-type:none;
	display:inline-grid;
	padding:0.5em;
	}
 /* BOUTON ME CONTACTER*/
li.project  a {
	color:#fff;
	background-color:#4d5361;
	border:dotted 1px #353534;
	width: 200px; 
	height: 3em; 
	display: inline-block;
	text-decoration:none;
	text-transform: uppercase;
	text-shadow: 1px 1px 0px #353534;
	text-align: center; 
	line-height: 3em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
  }
li.project a:link {
	color: #fff;
	background-color: #4d5361;
	text-decoration:none;
  }
li.project a:visited {
	color: #F8F8F1;
	background-color: #4d5361;
	text-decoration:none;
  }
li.project a:hover {
	color: #fff;
	background-color: #40517a;
	text-decoration:none;
	transition: all 0.8s ease;
  }
li.project a:active {
	color: #fff;
	background-color: #40517a;
	text-decoration:underline;
  }
li.project a:focus {
	color: #fff;
	background-color: #40517a;
	 text-decoration:underline;
  } 
/* BOUTON TELECHARGER CV*/
a.contact {
	color:#40517a;
	width: 300px;
    margin: 0 auto;
	display: block;
    padding: 1em;
	text-decoration:none;
	text-align: center; 
  }
a.contact:link {
	color:#40517a;
	text-decoration:none;
  }
a.contact:visited {
	color:#40517a;
	text-decoration:none;
  }
a.contact:hover {
	color:#4d5361;
	text-decoration:none;
	transition: all 0.5s ease;
  }
a.contact:active {
	color:#40517a;
	 text-decoration:underline;
  }
a.contact:focus {
	color:#40517a;
	text-decoration:underline;
  }
.bi {
    vertical-align: -0.125em;
}
/* NAVIGATION RESEAUX SOCIAUX*/  
li.reseauxsociaux {
	list-style-type:none;
	display:inline;
	padding-left:0px;
	}
span.pseudo {font-size:0.625em; font-weight:normal; color:#4d5361; background-color: transparent; text-decoration:none;padding:0em 0em 1em 0em;}
.pseudo:link {font-size:0.625em; font-weight:normal; color:#4d5361; background-color: transparent; text-decoration:none;}
.pseudo:visited {font-size:0.625em; font-weight:normal; color:#4d5361; background-color: transparent; text-decoration:none }
.pseudo:hover {font-size:0.625em; font-weight:normal; color:#4d5361; background-color: transparent; text-decoration:none }
.pseudo:active {font-size:0.625em; font-weight:normal; color:#4d5361; background-color: transparent; text-decoration:underline }
.pseudo:focus {font-size:0.625em; font-weight:normal; color:#4d5361; background-color: transparent; text-decoration:underline }
 /* ----------------RESPONSIVE 500 � 1000 ----------------*/
@media screen and (min-width: 500px) and (max-width: 1000px) { 
h1 {
padding-left:8px;
letter-spacing:8px;
}

}
 /* ----------------RESPONSIVE 0 � 499 ----------------*/
@media screen and (max-width: 499px) { 
h1 {
font-size:1em;
padding-left:2.3px;
letter-spacing:2.3px;
}
h2 {
font-size:1.4em;
}
li.project,li.contact {
	list-style-type:none;
	display:block;
	padding:0.5em;
}
}
 /* Fin de style Page de site en construction */

