@charset "utf-8";

@font-face {
    font-family: 'LucioleRegular';
    src: url('fonts/Luciole-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/Luciole-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Luciole-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/Luciole-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/Luciole-Regular.svg#Luciole-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'LucioleBold';
    src: url('fonts/Luciole-Bold.eot'); /* IE9 Compat Modes */
    src: url('fonts/Luciole-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Luciole-Bold.woff') format('woff'), /* Modern Browsers */
         url('fonts/Luciole-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/Luciole-Bold.svg#Luciole-Bold') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


@font-face{
    font-family:'ProximaNova';
    src:url('fonts/proxima_nova_regular-webfont.eot');
    src:url('fonts/proxima_nova_regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/proxima_nova_regular-webfont.woff') format('woff'),
    url('fonts/proxima_nova_regular-webfont.ttf') format('truetype'),
    url('fonts/proxima_nova_regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-style:normal;
    font-weight:400;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    @font-face {
	font-family:'ProximaNova';
	src:url('fonts/proxima_nova_regular-webfont#proxima_nova_rgregular') format('svg');
	font-style:normal;
	font-weight:400;
    }
}

@font-face{
    font-family:'ProximaNovaBold';
    src:url('fonts/proxima_nova_bold-webfont.eot');
    src:url('fonts/proxima_nova_bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/proxima_nova_bold-webfont.woff') format('woff'),
    url('fonts/proxima_nova_bold-webfont.ttf') format('truetype'),
    url('fonts/proxima_nova_bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-style:normal;
    font-weight:700;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    @font-face {
	font-family:'ProximaNovaBold';
	src:url('fonts/proxima_nova_bold-webfont#proxima_nova_rgbold') format('svg');
	font-style:normal;
	font-weight:700;
    }
}

@font-face{
    font-family:'ProximaNovaItalic';
    src:url('fonts/proxima_nova_regular_italic-webfont.eot');
    src:url('fonts/proxima_nova_regular_italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/proxima_nova_regular_italic-webfont.woff') format('woff'),
    url('fonts/proxima_nova_regular_italic-webfont.ttf') format('truetype'),
    url('fonts/proxima_nova_regular_italic-webfont.svg#proxima_nova_rgitalic') format('svg');
    font-style:normal;
    font-weight:400;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    @font-face {
	font-family:'ProximaNovaItalic';
	src:url('fonts/proxima_nova_regular_italic-webfont#proxima_nova_rgitalic') format('svg');
	font-style:normal;
	font-weight:400;
    }
}

html,body{
	margin:0px;
	width:100%;
	height:100%;
	color:#ddd;
	position:initial;
	/*background: url('https://alonsobertrand.fr/images/000.png') no-repeat center center fixed;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	opacity:1.0;
	font-family:'LucioleRegular';
	font-size:1.2rem;
}

/* CSS FOR INDEX */
.container{height:auto;}
.container h1{font-family:"LucioleBold";color:#cde;text-shadow:1px 1px 2px #000;text-align:center;}

.container .row{border-radius:5px;}

#liens2{font-size:4em;}
#liens3{font-size:4em;}
#liens{margin-top:220px;font-size:4em;}

#liens a{display:block;text-align:center;text-decoration:none;}
#liens2 a{display:block;text-align:center;text-decoration:none;}
#liens3 a{display:block;text-align:center;text-decoration:none;}

#liens a:hover{border-radius:5px;background:rgba(90,90,90,0.4);transition:all 0.1s;}
#liens2 a:hover{border-radius:5px;background:rgba(90,90,90,0.4);transition:all 0.1s;}
#liens3 a:hover{border-radius:5px;background:rgba(90,90,90,0.4);transition:all 0.1s;}~

#liens a i{text-shadow: 1px 1px 2px #fff;}
#liens2 a i{text-shadow: 1px 1px 2px #fff;}
#liens3 a i{text-shadow: 1px 1px 2px #fff;}

#in{color:#0077B5;} #in span{color:#000;text-shadow:0px 0px 3px #fff;}
#yt{color:#FF0000;} #yt span{color:#000;text-shadow:0px 0px 3px #fff;}
#dl{color:#34A943;} #dl span{color:#000;text-shadow:0px 0px 3px #fff;}
#tp{color:#E0D022;} #tp span{color:#000;text-shadow:0px 0px 3px #fff;}
#pc{color:#8822B9;} #pc span{color:#000;text-shadow:0px 0px 3px #fff;}
#ze{color:#ED2221;} #ze span{color:#000;text-shadow:0px 0px 3px #fff;}
#mo{color:#DCA600;} #mo span{color:#000;text-shadow:0px 0px 3px #fff;}

#liens a span{font-family:"Segoe UI";font-weight:bold;font-size:1.4rem;text-decoration:none;display:block;}
#liens2 a span{font-family:"Segoe UI";font-weight:bold;font-size:1.4rem;text-decoration:none;display:block;}
#liens3 a span{font-family:"Segoe UI";font-weight:bold;font-size:1.4rem;text-decoration:none;display:block;}


#vagotron-table{width:1000px;}

table{
border-collapse:separate;
border-spacing:10px;
width:520px;
margin:75px auto;
}
table th{
color:#ccc;
 font-family:ProximaNova;
text-shadow:1px 1px 2px #000;
font-size:1.4em;
font-weight:bold;
}

table tr{
line-height:40px;
}
table tr td{
text-align:center;
}

table tr .first{border-radius:5px;background:rgba(35, 35, 35, 0.75);}
table tr .second{border-radius:5px;background:rgba(35, 35, 35, 0.75);}
table tr .second a{color:#fff;}
table tr .second a:hover{color:#09f; transition:all 0.2s;}
table tr .third{border-radius:5px;background:rgba(165, 165, 165, 0.4);}


table a{
color:#124;
text-decoration:none;
display:block;
font-weight:bold;
text-shadow:1px 1px 1px #aaa;
}

table a:hover{
color:#842;
transition:all 0.2s;
}

div a i{

}

footer{
	position:fixed;
	bottom:0;
	right:7px;
}

footer img{
	opacity:0.7;
}
7
7