/********** CSS GAMERZ 14 **********/

@font-face {
   font-family: "consola";
   src: url('fonts/consola.ttf');
}

@font-face {
   font-family: "consolab";
   src: url('fonts/consolab.ttf');
}

@font-face {
   font-family: "DIN";
   src: url('fonts/DINPro-Bold.ttf');
}

@font-face {
   font-family: "Webdings";
   src: url('fonts/webdings.ttf');
}

body {
   background-color:#222;
}

body#home{
   background-image: url("images/trame.jpg");
   /*background-repeat: repeat;*/
   background-attachment: fixed;
   
}

body#home2{
   background-image: url("images/trame2.jpg");
   /*background-repeat: repeat;*/
   background-attachment: fixed;
   
}

*{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}


/******************** SOMMAIRE ********************/

#bloc {
   width : 1100px;
   float: right;
   padding : 10px;
   text-align : right;
   /*border:1px; border-style: dashed; border-color:#00ff00;*/
}

@media (max-width: 1000px){
   #bloc{
      width: 100%;
   }
}

header {
   font-family: 'consolab', verdana, sans-serif;
   color: #222;
   font-size: 35pt;
   font-weight: bold;
   text-shadow: 0px 0px 9px #FFF;
   border-top: 2px solid black;
}

header a { color: #111; text-decoration: none; 
}

header a:hover { color: #FFF; animation: blur .75s ease-out infinite; text-shadow: 0px 0px 5px #fff, 0px 0px 7px #fff;
}

.gamerz {
   font-family: 'DIN', verdana, sans-serif;
   color: #222;
   font-size: 100pt;
   font-weight: bold;
   text-shadow: 0px 0px 9px #FFF;
   /*border-bottom: 2px solid black;*/
}

.gamerz a { color: #111; text-decoration: none; 
}

.gamerz a:hover { color: #FFF; animation: blur .75s ease-out infinite; text-shadow: 0px 0px 5px #fff, 0px 0px 7px #fff;
}

.edition {
   font-family: 'consolab', verdana, sans-serif;
   color: #222;
   font-size: 35pt;
   font-weight: bold;
   text-shadow: 0px 0px 9px #FFF;
}

.edition a { color: #111; text-decoration: none; 
}

.edition a:hover { color: #FFF; animation: blur .75s ease-out infinite; text-shadow: 0px 0px 5px #fff, 0px 0px 7px #fff;
}

h1 {
   font-family: 'consolab', verdana, sans-serif;
   color: #000;
   font-size: 25pt;
   font-weight: bold;
   text-shadow: 0px 0px 7px #FFF;
   border-top: 2px solid black;
   height:50px;
   vertical-align:middle;
   line-height: 60px;

   /*border: 1px solid yellow;*/
}

h1 a { color: #000; text-decoration: none; }
h1 a:hover { color: #FFF; animation: blur .75s ease-out infinite; text-shadow: 0px 0px 5px #fff, 0px 0px 7px #fff; }

@media (max-width: 1000px){
   h1 {

   }
}

h2 {
   font-family: 'consola', verdana, sans-serif;
   color: #000;
   font-size: 17pt;
   text-shadow: 0px 0px 7px #FFF;
   /*border-top: 2px solid black;
   height:100px;
   vertical-align:middle;
   line-height: 150px;*/

   /*border: 1px solid yellow;*/
}

h2 a { color: #000; text-decoration: none; }
h2 a:hover { color: #FFF; animation: blur .75s ease-out infinite; text-shadow: 0px 0px 5px #fff, 0px 0px 7px #fff; }

h3 {
   font-family: 'consola', verdana, sans-serif;
   color: #FFF;
   background-color: #000;
   font-size: 17pt;
  /* text-shadow: 0px 0px 5px #FFF;*/
   border-bottom: 2px solid black;
   border-top: 2px solid black;
   line-height: -50px;
   /*border: 1px solid yellow;*/
}

h3 a { color: #FFF; text-decoration: none; }
h3 a:hover { color: #FFF; animation: blur .75s ease-out infinite; text-shadow: 0px 0px 5px #fff, 0px 0px 7px #fff; }

h4 {
   font-family: 'consolab', verdana, sans-serif;
   color: #000;
   font-size: 17pt;
   font-weight: bold;

   /*border: 1px solid yellow;*/
}

h4 a { color: #000; text-decoration: none; }
h4 a:hover { color: #FFF; animation: blur .75s ease-out infinite; text-shadow: 0px 0px 5px #fff, 0px 0px 7px #fff; }

h5 {
   font-family: 'DIN', verdana, sans-serif;
   color: #FFF;
   font-size: 15pt;
}

h6 {
   font-family: 'consola', verdana, sans-serif;
   color: #000;
   font-size: 15pt;
}

@keyframes blur {
  from {
    text-shadow:0px 0px 10px #fff,
      0px 0px 10px #fff, 
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 50px #fff,
      0px 0px 50px #fff,
      0px 0px 50px #7B96B8,
      0px 0px 150px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px -10px 100px #7B96B8,
      0px -10px 100px #7B96B8;
   }
}
/******************** PAGES - CONTENT ********************/
#background-top {
   position:fixed;
   z-index: -1;
   top: 0;
   left: 0;
   right: 0; 
}

@media (max-width: 1000px){
   #background-top {
      position: absolute;
      width: 100%;
      height:100%;
   }
}

#background-bottom {
   position:fixed;
   z-index: -1;
   bottom: 0;
   left: 0;
   right: 0; 
}

@media (max-width: 1000px){
   #background-bottom {
      position: absolute;
      width: 100%;
      height:100%;
   }
}

main {
   width: 40%;
   float: right;
}

@media (max-width: 1000px){
   main {
      width: 100%;
      margin-top:65%;
   }
}

nav{
   padding: 10px;
   /*background-color: rgba(255,255,255,0.3);*/
   /*border: 1px solid red;*/
}

#navigation1 {
   font-size: 15pt;
   font-family:"Consola", verdana, sans-serif;
   color:#FFF;
   text-align: center;
   width : 100%;
   /*border: 1px solid green;*/
}

#navigation1 a {text-decoration: none; color: #FFF;}
#navigation1 a:visited {text-decoration: none; color: #FFF;}
#navigation1 a:hover {text-decoration: none; color: #999999;}
#navigation1 a:active { text-decoration: none; color: #FFF;}

#navigation1-bis {
   font-size: 15pt;
   font-family:"Consola", verdana, sans-serif;
   color:#555;
   text-align: center;
   width : 100%;
   /*border: 1px solid green;*/
}

#navigation1-bis a {text-decoration: none; color: #777777;}
#navigation1-bis a:visited {text-decoration: none; color: #777777;}
#navigation1-bis a:hover {text-decoration: none; color: #999999;}
#navigation1-bis a:active { text-decoration: none; color: #777777;}

@media (max-width: 1000px){
   #navigation1-bis {
      color:#FFF;
   }

   #navigation1-bis a {
      color:#FFF;
   }
}

#navigation2 {
   width : 100%;
   font-size: normal;
   /*font-weight: bold;*/
   font-family:"Webdings";
   color:#FFF;
   /*border: 1px solid yellow;*/
}

#navigation2 a {text-decoration: none; color: #FFF;}
#navigation2 a:visited {text-decoration: none; color: #FFF;}
#navigation2 a:hover {text-decoration: none; color: #999999;}
#navigation2 a:active { text-decoration: none; color: #FFF;}

#navigation2-bis {
   width : 100%;
   font-size: normal;
   /*font-weight: bold;*/
   font-family:"Webdings";
   color:#555;
   /*border: 1px solid yellow;*/
}

#navigation2-bis a {text-decoration: none; color: #777777;}
#navigation2-bis a:visited {text-decoration: none; color: #777777;}
#navigation2-bis a:hover {text-decoration: none; color: #999999;}
#navigation2-bis a:active { text-decoration: none; color: #777777;}

@media (max-width: 1000px){
   #navigation2-bis {
      color:#FFF;
   }
}

#navigationl {
   display: inline-block;
   width: 32%;
   padding: 10px;
   margin-left: 1%;
   margin-right:1%;
   text-align: left;
  /* border: 1px solid blue;*/
}

#navigationm {
   display: inline-block;
   width: 32%;
   padding: 10px;
   text-align: center;
   /*border: 1px solid blue;*/
}

#navigationr {
   display: inline-block;
   width:32%;
   padding: 10px;
   margin-left: 1%;
   margin-right:1%;
   text-align: right;
   /*border: 1px solid blue;*/
}

article {
   height: 80%;
   overflow: auto;
   padding: 10px;
   background-color: rgba(51,51,51,0.6);
}

@media (max-width: 1000px){
   article {
      height: auto;
      overflow: none;
   }
}

.content {
   font-weight: normal;
   font-size: normal;
   font-family:"Consola", verdana, sans-serif;
   color:#FFF;
   text-align:justify;
}

.content a {text-decoration: none; color: #e3e3e3;}
.content a:visited {text-decoration: none; color: #e3e3e3;}
.content a:hover {text-decoration: none; color: #999999;}
.content a:active {text-decoration: none; color: #e3e3e3;}

.note-de-bas-de-page {
   font-size: 10pt;
   font-family:"Consola", verdana, sans-serif;
   color:#FFF;
   margin-top: 10px;
}

#copyright {
   font-size: 10pt;
   font-family:"Consola", verdana, sans-serif;
   color:#888;
   text-align: right;
   margin-top: 10px;
}

#copyleft {
   font-size: 10pt;
   font-family:"Consola", verdana, sans-serif;
   color:#FFF;
   text-align: right;
   margin-top: 10px;
}


/* PARTENAIRES */
.main-partenaires {
   width: 40%;
   margin-left: auto;
   margin-right: auto;

   /*border: 1px dashed yellow;*/
}

@media (max-width: 1000px){
   .main-partenaires {
      width: 100%;
      margin-top:65%;
   }
}

.partenaires {
   width: 80%;
   margin-left: auto;
   margin-right: auto;
   padding-left:10%;
   padding-right:10%;
   

   opacity: 0.8;
   filter: alpha(opacity=80);
}

/* ACCÈS */
#background-carte {
   position:fixed;
   width:100%;
   height:100%;
   z-index: 1;
   top: 0;
   left: 0;
   right: 0; 
}

.main-left {
   width: 40%;
   position : relative;
   z-index: 2;
   float: left;
   margin-left: 10%;
   /*border: 1px dashed yellow;*/
}


/* http://www.proftnj.com/RGB3.htm */