/* latin-ext */
@font-face {
  font-family: 'Oleo Script';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/oleoscript/v14/rax5HieDvtMOe0iICsUccChTu0_g8A.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display:swap;
}
/* latin */
@font-face {
  font-family: 'Oleo Script';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/oleoscript/v14/rax5HieDvtMOe0iICsUccChdu08.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display:swap;
}
/* vietnamese */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/quicksand/v31/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkKEo58m-wi40.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  font-display:swap;
}
/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/quicksand/v31/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkKEo58i-wi40.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display:swap;
}
/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/quicksand/v31/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkKEo58a-wg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display:swap;
}
body, html{
	height:100%;
	text-align:center;
}
#wrapper {
	min-height:100%;
	background: radial-gradient(circle, 
								rgba(50,50,50,0.4), 
								rgba(10,10,10,0.4), 
								rgba(0,0,0,0.4)), 
				url("../img/background.jpg");
}




/*
	O L D
*/
html{
	box-sizing: border-box;
	background-color: #222;
	color:#ccc;
    background: url("../img/background.jpg");

}
    
}
*, *:before, *:after {
    box-sizing: inherit;
} 

body{
	font-family:"Quicksand", Verdana, Arial;
	font-size:0.9em;
	min-width:550px;
}

h1, h2, h3{
	font-family: "Quicksand", Verdana, sans-serif;
	color:#999;
	text-align:center;
}

h1{
	font-size:4em;
}

h2{
    font-family: "Oleo Script", Verdana;
	color:#ddd;
	font-size:4em;
	margin:15px;
}

h3{
	font-size:1.5em;
    color:#CC5718;
}


a, a:visited {
	display:inline-block;
	color:#fafafa;
	text-decoration:none;
	background:#2c75ff;
	padding:7px 12px;
}
a:hover,a:focus{
	background:#CC5718;
}

#header{
	box-sizing:initial;
	width:100%;
	margin:auto;
    padding-top:30px;
}


#footer{
	color:#fafafa;
	position:fixed;
	bottom:0;
	height:20px;
	width:100%;
	background:rgba(0,0,0,0.3);
	padding:3px;
	text-align:center;
	font-size: 0.8em;
}


/*************/
/*  DIVERS   */
/*************/
#logo{
    position:fixed;
    margin-left:30px;
}

#logolink{
    background:none;
    padding:0px;
    box-shadow:none;
}

#titre{
	padding-top:100px;
    padding-bottom:150px;
	width:50%;
    margin:auto;
}

#social_links{
    color:#999;
    margin:auto;
    width:80%;
    text-align:center;
}


#social_links li {
    margin:5px;
    list-style:none;
    display:inline;
    
}

#social_links li a {
    display:inline-block;
	background:none;
	padding:0;
	box-shadow:none;
    
}


.typexp {
	text-transform:uppercase;
	color:#CC5718;
	font-size:0.8em;
	margin-right:3px;
}

.sep{
	clear:both;
	min-height:45px;
	margin:auto;
	margin-bottom:40px;
	border-bottom:1px solid #ccc;
	width:80%;
}

/*************/
/*   PHOTO   */
/*************/

#photo, #video, #jeu{
    text-align:center;
}


#overlay {
    background:rgba(0,0,0,0.8);
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    -webkit-transition: padding .75s ease;
    -moz-transition: padding .75s ease;
    opacity:0;
    text-align:center;
    font-size:50px;
    height:400px;
    vertical-align:bottom;
    color:#CC5718;
    padding-top:100px;
}

#overlay p{
   color:#999;
   margin:2em;
}



/*************/
/*   TABLE   */
/*************/
table, th, td {
	border: none;
    border-collapse: collapse;
}


/*******************/
/*   NAVIGATION    */
/*******************/
.nav-container{
	clear:both;
}


nav{
	font-family: "Oleo Script", Verdana;
	font-size: 1.8em;
	color:#2c75ff;
	text-align:left;
	border-bottom: solid 1px #CC5718;
    position:fixed;
    z-index:99;
}

nav ul {
    width:auto;
}

nav ul li{
	padding:2px 0;
    width:100%;
    
}


nav ul li a{
	color:#fafafa;
}



/****************/
/*   EN BREF    */
/****************/

#resume {
	width:80%;
    padding:0 10%;
	margin:auto;
	text-align:center;
    background-color:rgba(0,0,0,0.3);
    
}

#resume ul {
	padding-bottom:0.5em;
	margin:auto;
}

#resume ul li{
	display:inline-block;
	width:31%;
	padding:2% 1%;
	vertical-align:top;
}

#resume ul li p {
	color:#CCC;
	text-align:left;
	line-height:1.5em;
	padding-top:0.8em;
	padding-bottom:1.2em;
}

.titre-bref{
	font-family: "Quicksand", Verdana;
	font-size:1.8em;
	color:#CC5718;
}