body  {
  background-color: #000000;
  background-image: url("starField_BG_LOQ.jpg");
  color: white;
 /* font-family: "Avenir", "Source Sans Pro", sans;*/
  font-size: 18px;
  font-family: Sen, Europa, Avenir, system, -apple-system, ".SFNSText-Regular", "San Francisco", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
}
      
.btn {
    background-color: #002040;
    border: none;
    color: white;
  	width: 180px;
   	font-size: 18px;
  	font-weight: 600;
  	text-align: right;
    padding: 52px;
}
      
 
a.btn:link, a.btn:visited {
    color: white;
}
a.btn:hover, a.btn:active{
  background-color: #002040;
  color: darkblue;
    cursor: pointer;

} 

      
.btx {
    background-color: #002040;
    border: none;
    color: lightgray;
  	width: 160px;
   	font-size: 18px;
  	font-weight: 600;
  	text-align: right;
    padding: 12px;
}
      
.sousTitre  { color:#d09c00;}
      
      
     
.leger     {  color: #999999; }
.moinsleger{ color:#bbbbbb; }
.rouge     {color: #ee5060;}
.marine      {color:#3590ab;}
.orange    {color: #db940b;font-weight: 600;}
.txtHigh   { color:#ffab00;}


.mobSiz {
	max-width: 100%;
  min-width: 200px;
  height: auto;
}
      
a.buy:link, a.buy:visited {
    background-color: green;
    color: white;
    border: 2px solid MediumSeaGreen ;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

a.buy:hover, a.buy:active {
    background-color: MediumSeaGreen;
    color: white;
}
a.buy_s:link, a.buy_s:visited {
    color: lightgreen;
    text-decoration: none;
}

a.buy_s:hover, a.buy_s:active {
    color: white;
}
     
a.dud:link, a.dud:visited {
    background-color: #21618C;
    color: white;
    border: 2px solid MediumSeaGreen ;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

a.dud:hover, a.dud:active {
    background-color: #85C1E9;
    color: white;
}

p {color:lightskyblue;}

li, dt {
 font-size: 100%;
 list-style-type: none;
 background-image: url(puce.png);
 background-repeat: no-repeat;
 color:#bbbbdd;
 /*background-position: 0 0.0em;*/
 padding-left: 30px;
} 
dd { color:lightskyblue; }


/*li::after {content: "\A\A";}*/

code { color:#e9e9e9; }

      
a:link, a:visited {
	color: #6699ff;
  text-decoration: none;
}
a:hover, a:active {
    color:white;
}
      

div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  /*padding: 50px;
  font-size: 20px;*/
}



      
.dropbtn {

    background-color:Transparent;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: Transparent; 
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #003060;}
      
      
.MsoNormal { color: lightskyblue;}
.encadre {
	float:right;
  padding:12px;
  color:lightskyblue;
  margin:10px;	/*top right bottom left*/
  background-color: #101040;
  vertical-align:top;
  font-family: "Source Sans Pro", sans;
}
.brun {
  background-color:#2f2f00;
  font-family:'Source Sans Pro', 'sans';"
}
.zonel {
	float:left;
  padding:12px;
  color:lightskyblue;
  margin:10px;	/*top right bottom left*/
  background-color: #101040;
  vertical-align:top;
  font-family: "Source Sans Pro", sans;

}
 
.padr { /*mnu icon*/
  float:right;
  padding:2px;
  color:lightskyblue;
  margin:2px;
  vertical-align:top;
  font-family: "Source Sans Pro", sans;
}

.lettrine { /*mnu icon*/
  float:left;
  padding:0px;
  color:lightskyblue;
  margin:0px;
  vertical-align:top;
  font-family: "Garamond", serif;
  font-size:72px;
}

textarea, input {
  background-color:lightblue;
  opacity:0.8;
}

.litt{margin-left: 20px;font-size: 28px;opacity:0.7; font-family: Times New Roman;}
.littS{margin-left: 20px;font-size: 18px;opacity:0.9; font-family: Times New Roman;}
.littSblue{margin-left: 20px;font-size: 16px;opacity:0.9; font-family: Times New Roman;color: lightskyblue;}

















/* Style the header */
.header {
    background-color: #f1f1f1;
    padding: 20px;
    text-align: center;
}

/* Style the top navigation bar */
.topnav {
    overflow: hidden;
    background-color: #333;
}

/* Style the topnav links */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

.shine {color:white;}
.p16px {padding:16px;}



/* Clear floats after the col3s */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.mag {  
  text-decoration: none; 
  vertical-align:top;}

.mag:before, .mag:after {
    content: url('puce.png');

}

.tdn {  
  text-decoration: none; 
}

a.tdn:hover, a.tdn:active, a.mag:hover, a.mag:active {
    color:white;
}

.thd, a.thd {  
  /*font-size: 4vw;*/
  line-height: 0.6;
  text-decoration: none; 
  color:white;
  text-align: center;
}
.th1 {   text-align: center; }
.th2 {  text-align: center; } /*sous titre*/
.tt {text-align: center; font-size:20px;} /*TAGS*/

/* Left and right col3 */
.col2.side {
    width: 50%;
    /*border: 1px solid red;*/
    display: table-cell;
    vertical-align: top;
    padding:2;
}
.col1.side {
    width: 100%;
    /*border: 1px solid red;
    display: table-cell;*/
    vertical-align: top;
    padding:2;
}


/* Responsive layout - makes the three col3s stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
    .col2.side {
      display: table;
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .thd, a.thd {font-size: 20px; line-height: 0.3;}

}


/* max width*/ 
div.maxwid {
    max-width:800px;
    margin: auto;
    /*border: 3px solid #00AD21;*/
}


.ct {text-align:center; }
.pd { padding:16px; }


.popmenu1 {  
  float:left;
}  
.popmenu2 {  
    position: fixed;  
    top: 0;  
    left:78%;  
    z-index: 1;
}