body {
  margin:0;
  padding:0;
  background-color: #FFF;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size:100%;         }



div {   display: block;     }

p { padding: 0;  margin: 0;  }








#blog-post {
    max-width: 760px;
    margin: 18px auto 32px;
    padding: 0;
    display: block;
    background-color: #FFF;
    border: solid #222 3px;
    box-shadow: 6px 6px 0px 0px #000;

}


#blog-post .l-box{  padding: 0px 12px 0px 12px;    }





#blog-post-ct {  padding: 0;    }




#blog-post h3 {
  font-family: 'GTSectra', serif, 'Lato', helvetica, sans-serif;
  color: #000;
  font-weight: 900;
  text-transform: capitalize;
  font-size: 24px;
  text-align: left;
  line-height: 28px;
  padding: 0;
  margin: 0px 0px;        }

#blog-post h3 a:hover{   color: #999;  }

#blog-post h3 a{ text-decoration: none;    color: #000;    }


#blog-post p {
  font-family: verdana;
  padding-top: 8px;
  color: #646464;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
       }


#blog-post p a{ text-decoration: none; color: #000;         }


#blog-post-cd-txt { padding : 0 10px 0 6px; }


.news-tag{
  padding-top: 18px;
}

.news-tag a{
    font-size: 12px;
    text-decoration: none;
    font-family: helvetica;
    color: #FFF;
    font-weight: bold;
    border: solid #000 1.5px;
    padding: 6px 12px;
    border-radius: 3px;
    background-color: #000;
    margin-right: 6px;
}

.news-tag a:hover{ background-color: #FFF;  color: #000; }



.blg-post-img {  width: 100%;  min-height: 150px; -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;}

.blg-post-img:hover{ opacity: 0.68;   }




/*********************************
DEBUT PAGE NEW DEV
*********************************/
.newdev-lkbox-ct{  padding: 20px 0 230px; width: 98%; max-width: 1000px; margin: 0 auto;}

.newdev-lkbox-ct a{ text-decoration: none;}

.newdev-lkbox-ct .l-box{
  margin: 0;
  padding: 20px 10px;
}

.newdev-lkbox{
  width: 260px;
  display: block;
  margin: 10px auto 0;
  min-height: 290px;
  border: solid #222 5px;
  box-shadow: 14px 14px 0px 0px  #00FFFF;        }

.newdev-img{
  width : 260px;
  height:
  object-fit: contain
  padding: 0px;      }

.newdev-lkbox h3{
  font-size: 28px;
  font-family: 'Times New Roman', serif;
  font-weight: 700;
  color: #222;
  text-align: center;
  padding: 24px 0 16px;
  margin: 0;          }

.newdev-lkbox p{
  font-size: 18px;
  font-weight: 500;
  font-family: 'Neuton';
  color: #363636;
  padding-bottom: 4px;
  text-align: center;      }

/*********************************
FIN PAGE NEW DEV
*********************************/
















/*********************************
DEBUT PROJET NEW DEV
*********************************/

.newdev-project-ct{width: 92%; max-width: 1200px; margin: 0 auto;          }



.parent-asterisk{  display: flex;  justify-content: center;  align-items: center;}

.new-dev-p-ttl{ padding: 20px 0 30px;}

.new-dev-p-ttl p{
  color: #222;
  display: inline-block;
  background-color:  #00FFFF;
  text-align: center;
  padding: 10px 8px 0;
  font-size: 28px;
  letter-spacing: 2;        }


.new-dev-p-ttl h3{
  font-family: Times New Roman, serif;
  font-size: 42px;
  color: #363636;
  text-align: center;
  margin: 0;
  padding: 20px 0;        }

table.ppl-tb{
    width: 720px;
    margin: 0 auto 30px;       }


table.ppl-tb td{
    padding: 8px 20px 6px 20px;
    border-spacing: 0px;
    border-top : 2px solid #505050;
    border-bottom : 2px solid #505050;
    color: #222;
    text-align: left;
    font-size: 15px;        }




table.ppl-tb tr{ width: 100%; }

table.ppl-tb tr:nth-child(odd) {background:  #00FFFF;    }


td.ppl-tb-pnme {width: 160px; font-weight: bold;    }



table.ppl-tb td a{ text-decoration: none;  color: #222; font-weight: bold;    }

table.ppl-tb td a:hover { text-decoration: underline; color: #6e0dd0 ;    }


.img_bloc_bg{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 0;        }


.img_bloc_bg img{    width: 100%;      }

.new-dev-p-txt{
  max-width: 700px;
  padding: 20px 0;
  margin: 0 auto;
  padding: 60px 0;        }


.new-dev-p-txt p{
  color: #555;
  font-family: 'Neuton', Times New Roman, serif;
  font-size: 20px;
  text-align: center;        }








   @media screen and (max-width: 767px) {
       .tg {   width: auto !important; }
       .tg col {   width: auto !important; }
       .tg-wrap {  overflow-x: auto; -webkit-overflow-scrolling: touch; margin: auto 0px;   }   }






























/*********************************
DEBUT DIRECTORY
*********************************/
.dir_menu ul li a{
  border: solid #222 2px;
  border-radius: 3px;
  padding: 2px 10px;
  text-decoration: none;
  color: #222;
  font-family: helvetica;
  font-weight: bold;
  background-color: #66FCF1;
  margin: 0 6px;        }

.dir_menu ul li a:hover{  background-color: #FFF;    }

.dir_menu ul li{  display: inline;      }

.dir_menu{  width: 280px; margin: 0 auto; padding: 10px 0;  }
/*********************************
FIN DIRECTORY
*********************************/





.ressource-ct{
  width: 90%;
  max-width: 860px;
  margin: 0 auto;
  background-color: #D0E0FF;
  border-radius: 10px;
  margin-top: 40px;



 }

.ressource-ct .l-box{ padding: 10px 20px;}

.ressources-box{
  border-radius: 6px;
  background-color: #A3C4FD;
  padding: 16px 20px 20px;            }


.ressources-box p{
  font-weight: bold;
}

.ressource-cd{
  padding: 0;
  margin: 0;
}

.ressources-box a{
  text-decoration: none;
  color: #111;
  margin-top: 20px;
  display: inline-block;

  font-weight: bold;
  padding: 4px 10px ;
  font-family: helvetica;
  font-size: 14px;
  border: solid #222 2px;
  border-radius: 3px;
  box-shadow: 3px 3px 0px 0px #000;
  background-color: #FFF;
}


.ressources-box a:hover{ background-color: #66FCF1;  }


.view-all-lk{ padding: 0px 20px 20px;}

#ress_ttl{
  padding: 20px 20px 0;
  font-family: 'Times New Roman', helvetica;
  font-size: 30px;
  margin: 0;

}

.view-all-lk a{
  text-decoration: none;
  color: #222;
  font-family: helvetica;
  font-weight: bold;
  font-size: 14px;
}




.pdf-object-cd{
  height: 45rem;
  border: 1rem solid rgba(0,0,0,.1);
  width: 800px;
  margin: 40px auto;

}










/*********************************
DEBUT INDEX
*********************************/
.index-ct{ width: 100%; display: block;}

.index-ct{
    width: 100%;
    margin: 0px auto;
    padding-top: 0px;
    padding-bottom: 60px;
    text-align: justify;
    display: block;
}

.content-ct{width: 100%; max-width: 760px; margin: 0 auto; padding: 20px 0;  display: block;}


















.mdl-ct{ display: block; width: 96%; max-width: 760px; margin: 0 auto;}





.impala-lgo{ width: 80%; margin: 0 auto; padding-top: 20px;}

#betsafe-img { width: 70%; margin: 0 auto; display: block; padding-bottom: 20px;}


/*********************************
GRID STYLES
*********************************/

.l-box { padding: 20px 40px;}


.pure-g{padding: 10px 0; }

























/*********************************
DEBUT FOOTER
*********************************/
.footer-cd ul{  padding-left: 0;  }



.footer-cd ul li{
  display: inline;
  list-style: none;
  padding-top: 6px;
  padding: 0 4px;        }

.footer-cd ul li a{
  text-decoration: none;
  font-family: Helvetica, Sans-serif;
  color: #222;
  font-weight: bold;      }

.footer-cd ul li a:hover{  text-decoration: underline; color: #4e4e4e;   }

.footer-cd{  width: 244px;    margin: 0 auto;   padding-bottom: 10px;  }

.copy-p2{
  text-align: center;
  font-family: "Benton Sans",Helvetica,Sans-serif;
  font-size: 13px; color: #505050; padding-top: 2px;       }


.footer-cd2{  padding-bottom: 16px;    }

/*********************************
FIN FOOTER
*********************************/





/*********************************
DEBUT NAV
*********************************/

.nav-ct{padding: 0; margin: 0; display: block; }


.logo-hdr h1 {
  color: #222;
  font-family:'Times New Roman', "Benton Sans",Helvetica,Sans-serif;
  font-size: 42px;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  padding: 0 14px 0;
  box-shadow: 8px 8px 0px 0px #00FFFF    }






.logo-hdr { display: flex;  justify-content: center;  align-items: center; padding: 20px 0;   }


.logo-hdr{ text-decoration: none;          }


.nav-menu ul { padding-left: 0px; }

.nav-menu{
  width: 698px;
  margin: 0 auto;        }

.nav-menu ul li{
  display: inline;;
  padding: 12px;        }

.nav-menu ul li a{
  text-align: left;
  text-decoration: none;
  font-family: "Benton Sans",Helvetica,Sans-serif;
  color: #000;
  border: solid #000 2px;
  box-shadow: 4px 4px 0px 0px #000;
  border-radius: 0;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  background-color: #fff;
  display: inline-block;
  padding: 6px 12px;
  padding-bottom: 5px;
  cursor: pointer;
  position: relative;
  vertical-align: middle;      }


.nav-menu ul li a:hover{

}


/*********************************
FIN NAV
*********************************/





/*********************************
DEBUT MENU
*********************************/

.slicknav_menu {    display:none;   }

#menuct > .wbtitle > h1 > a {
    text-decoration: none;
    color: black;       }


#menuct{
    background-color: #FDF6E3;
    padding-top: 0.01em;
    /** border-top: 2px solid #505050;
    border-bottom: 2px solid #505050; **/

    }

.wbtitle{   width: 100%;    overflow: hidden;       }

.wbtitle-lk{
    width: 100%;
    max-width: 200px;
    margin: 0 auto;         }

.logo{  width: 190px; margin: 17px auto; display: block;    }

/*********************************
FIN MENU
*********************************/












@media screen and (max-width: 568px){

  #blog-post-cd-txt{ padding: 14px;  }

}


@media screen and (max-width: 680px) {
  .nav-menu{ width: 96%; }
  .nav-menu ul li { display: inline-block; margin-top: 14px; padding: 0 8px 0}

  .newdev-lkbox-ct .l-box { padding: 10px 0;}


  #blog-post-cd p { text-align: left; font-family: 13px; }

  #blog-post-cd h3 { font-size: 20px; line-height: 24px;}
}



@media screen and (max-width: 788px) {

    .js #menu {    display:none;   }
    .js .slicknav_menu {   display:block;  }
    .flag { padding-right: 5%;   }
    .flag-svg { display: inline-block; width: 26px;}
    .index-flex-item { width: 90%; margin: 0 auto;  }

    #fxd-logo{ display: none;}

    .plus{ display: none;   }

    .footer-column{ width: 100%; height: 240px; display: inline-block;  }

    .footer--cl, .footer--cl2, .footer--cl3{    width: 220px;   }

    .copy-p, .copy-p2{  max-width: 80%; margin: 10px auto 0;    }

    #contact-cl { width: 100%; padding-bottom: 15px;   }

    .content-ct-bio{ max-width: 92%; margin: 0 auto; }
    .content-ct{ max-width: 92%; margin: 0 auto;}


}



/*********************************
DEBUT STYLES MOBILE
*********************************/








/*********************************
FIN STYLES MOBILE
*********************************/