/*
* NICOLAS RENOUS HOMEPAGE
*/

/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


/* **************************
	BODY
*************************  */
body {
	font-size: 100%;
	font-family: Courier New, monospace	;
	background: #eeeeee;
	color: #333;
	text-align: left; 
	line-height: 1;
}

#container-p {

margin-top: 50vh; 
transform: translateY(-50%); 
}

#container-c {
	margin: auto;
	width: 480px;
}


p {
  margin: 18px auto;
}


/* **************************
	HTML
*************************  */	
a, a:visited{
	color: #06c;
	text-decoration: none;
}
a:hover  {
	color: #147;
	text-decoration: none;
}
a:focus {
	color:#FFA800;
}
a img {
	border: none;
}
h1 {
	font-size: 140%;
	margin-bottom: 20px;
	color: black;
} 

span { color: #2255bb; }

/* **************************
	SOCIAL NETWORK
*************************  */


#social {
	display: flex;
	flex-wrap: nowrap; 
	overflow: auto;
	background: linear-gradient(#2255bb, #1A3E8A);
	text-align: center;
	box-shadow: 0px 0px 12px #aaa;
}

a.btn-social {
	flex: 0 0 auto;  
	width: 120px;
	height: 32px;
	border: 0;
	margin: 0;
	text-align: center;
}

.btn-twitter { background: transparent url("images/twitter.png") no-repeat center center; }
.btn-linkedin { background: transparent  url("images/linkedin.png") no-repeat center center; }
.btn-flickr { background: transparent  url("images/flickr.png") no-repeat center center; }
.btn-instagram { background: transparent  url("images/instagram.png") no-repeat center center; }


.btn-twitter:hover { background-color: rgb(8, 187, 255); }
.btn-linkedin:hover { background-color: rgb(16, 135, 192); }
.btn-flickr:hover { background-color: rgb(255, 0, 132); }

.btn-instagram:hover { 
	background-image: url("images/instagram.png"), radial-gradient(circle at 33% 100%, #FED373 9%, #F15245 35%, #D92E7F 67%, #9B36B7 90%, #515ECF);
}


/* ********* FIN ******** 
   La verite d'un homme, 
c'est d'abord ce qu'il cache.
		Malraux
*********************** */