html, body, div, h1, h2, h3, h4, h5, h6, p, img, dl, dt, dd, ol, ul, li, table, tr, td, form, object, embed, article, aside, canvas, command, details, fieldset, figcaption, figure, footer, group, header, hgroup, legend, mark, menu, meter, nav, output, progress, section, summary, time, audio, video {
    margin:0;
    padding:0;
    border:0;
    box-sizing:border-box;
}
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section {
    display:block;
}
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=file],
textarea, 
select {  
    padding:5px;
    font-size:17px;
    color: #fff;
    border:solid 1px #555;
    box-sizing:border-box;
    font-family:'Spectral', serif;
    background: #333;
}
select {
    appearance:none;
}
input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=file]:focus,
textarea:focus, 
select:focus {
    border:solid 1px #555;
    outline:none;
    box-shadow:0px 0px 5px #36a3fe;  
}
::placeholder {
    font-style:oblique;
    color:#999;
}
input[type=submit] {
    background:#3bd700;
    padding:5px;
    box-sizing:border-box;
    color:#000;
    cursor:pointer;
    border:solid 1px #3bd700;
    font-size:17px;
    font-family:'Spectral', serif;
    font-weight:bold;
}
input[type=submit]:hover {
   background:#49f508;
}
details {
   padding-top:5px;
   padding-bottom:5px;
}
details summary {
    font-size:15px;
    color:#1299dc;
    font-weight:bold;
    display:block;
}
details summary:hover {
   cursor:pointer;
}
details p {
   font-size:13px;
   margin:5px;
   color:#444;
   text-align:justify;
}
summary::-webkit-details-marker {
    display: none;
}
summary:after {
    content: "+";
    color: #ADCA48;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin: -5px 5px 0 0;
    padding: 0;
    text-align: center;
    width: 20px;
}
details[open] summary:after {
    content: "-";
}
summary:focus {
    outline: none;
}
#zoneTexte {
   font-size:11px;
   color:#555;
   font-style:oblique;
}
html { 
    position:absolute;
    min-width:100%;
    min-height:100%;
    color:#fff;  
    background-color:#222;
    font-family:'Spectral', serif;
}
body {
    width:100%;
    margin:auto;
}
.CadreMaxBlock {
    max-width:1200px;
    margin:auto;
    padding:10px;
}
/*HEADER*/
.HeaderAndNavigator {
    width:100%;
    position:fixed;   
    top:0px;
    z-index:2000;  
}
header {
    width:100%;
    background:#000;
}
.LogoSite {
    width:250px;
    margin:auto;
}
.LogoSite img {
    display:block; 
    width:250px;  
}
.ConnexionMembre {
    width:210px;
    float:right;
}
.Sidentifier, .Inscription {
    display:inline-block;
    vertical-align:middle;
    margin-top:8px;   
}
.Inscription {
    margin-left:7px;
}
.Sidentifier a,
.Inscription a  {
    text-decoration:none;
    font-weight:bold;
    color:#000;
    background:#3bd700;
    font-size:11px;
    display:block;
    padding:5px;
    border-radius:5px;
} 
.Sidentifier a:hover,
.Inscription a:hover,
#LienActifConnecInscrip {
    background:#49f508;
}
.MonCompte {
    display:inline-block;
    vertical-align:middle;
    margin-left:20px;
    margin-right:20px;
    margin-top:5px;
}
.MonCompte a {
    display:block;
    text-decoration:none;
    color:#fff;
    text-align:center;
    padding:3px;
}
.MonCompte .fa {
    font-size:20px;
    display:block;
    margin:auto;
}
.MonCompte span {
    display:block;
    font-size:10px;
    margin-top:1px;
    font-weight:bold;
}
.ProfilM {
    display:inline-block;
    vertical-align:middle;
    width:35px; 
    padding:3px;
    background:#777;
    border-radius:50%;
    margin-top:5px;
}
.ProfilM img {
    max-width:100%;
    display:block;
    border-radius:50%;  
}
.navHeader {
    background:#3bd700;
    
}
.navHeader ul {
    list-style:none;
    display:block;
    height:23px;
    padding-top:2px;
}
.navHeader ul li {
    float:left;
    margin-left:5%;
}
.navHeader ul li:nth-child(1) {
    margin-left:0px;
}
.navHeader ul li:nth-child(5) {
    float:right;
    margin-right:2%;
}
.navHeader ul li a {
    text-decoration:none;
    display:block;
    color:#000;
    font-size:15px;
    font-weight:bold;
}
.navHeader ul li a:hover, #LienActif {
    color:#fff;
}
.navHeader .fa {
    font-size:20px;
    display:block;
}
.rubMembres {
    position: fixed;
    bottom:150px;
    right:20px;
    border-radius:50%;
    z-index:999;
    box-shadow:0px 0px 5px #ffc900;
    padding:7px;
    background:#3bd700;   
}
.rubMembres a {
    text-decoration:none;
    color:#000;
}
.rubMembres a:hover {
    color:#fff;
}
.rubMembres a .fa {
    font-size:25px;
}
/*SECTION*/
section {
    width:100%;  
    color:#fff;
    padding-top:150px;
    padding-bottom:30px;
    min-height:780px;
}
.BlockSection1, .BlockSection2, .BlockSection3 {
    width:100%;    
    min-height:600px;  
}
.MsgConnexion {
    font-size:14px;
    color:#fff;
    background:#48c509;
    padding:5px;
    border-radius:10px;
    margin-top:5px;
    margin-bottom:5px;
    width:200px;
}
/*SUGGESTION ACTU*/
.AlaUne_buzzSemaine {
   margin-bottom:20px;
}
.AlaUne {
    padding: 10px;
    background: #333;
    margin-bottom: 15px;
}
.BlockAlaUne a {
    text-decoration:none;
    color:#fff;
    display:block;
    max-width: 700px;
    margin: auto;
}
.BlockAlaUne img {
    display: block;
    background: #000;
    width: 100%;
    max-height: 400px;    
}
.BlockAlaUne h3 {
    background:#000;
    padding:5px; 
    font-weight:normal;
}
.BuzzSemaine {
    border-bottom: solid 1px #333;
    padding:5px;
}
.BlockBuzzSemaine {
    border: solid 1px #333;
    width: 49.4%;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
}
.BlockBuzzSemaine:nth-child(2n+2) {
   margin-left: 10px;
   margin-right: -30px;
}
.BuzzSemaine a {
    display: block;
    text-decoration:none;
    color: #fff;
}
.BuzzSemaine a:hover {
    color:#dbdbdb;
}
.BuzzSemaine img {
    display:inline-block;
    vertical-align: middle;
    width:40%;
}
.BuzzSemaine h3 {
    display:inline-block;
    vertical-align: middle;
    width:59%;
    font-size:20px;
    font-weight: normal;
}
.TouteRub {
    margin:10px;
}
.TouteRub a {
    width:200px;
    display:block;
    margin:auto;
    color:#3bd700;
    border:solid 2px;
    padding:5px;
    border-radius:10px;
    background:#000;
    font-size:14px;
    text-align:center;
    text-decoration:none;
    font-weight:bold;    
}
.TouteRub a:hover {
    color:#49f508;
}
/*SUGGESTION MUSIC*/
.TitreMusicHome {
	 font-size:50px;
	 margin-bottom:10px;
	 text-align:center;
}
.BoutonCreerCompteHome a {
    display:block;
    margin: auto;
    width:250px;
	 font-size:20px;
    font-weight:bold;
	 color:#3bd700;
	 text-align:center;
    margin-bottom:20px;
}
.BoutonCreerCompteHome a:hover {
	 text-decoration: none;
    color: #49f508;
}
.NombreInscritsHome {
    margin-top:10px;
    margin-bottom:10px;    
    text-align:right;
}
.NombreInscritsHome a {
    font-size:18px;
    color:#3180fa;
    font-weight:normal;
    text-decoration:none;
}
.NombreInscritsHome a:hover {
    text-decoration: underline;
}
/*SUGGESTION VIDEOS*/
.ContenuSuggestVideos {
    margin-top:20px;
}
.PresentationRubClip p {
    font-size:50px;
    margin-bottom:30px;
    text-align:center;
}

/*FOOTER*/
footer {
    background:#000;
    min-height:250px;
}
.LogoPresFooter, .CadreRubriques {
    margin-top:10px;
    display: inline-block;
    vertical-align: middle;
}
.LogoPresFooter {
    width: 43%;
}
.CadreRubriques {
    width: 56%;
    margin-right: -30px;
}
.LogoPresFooter a, .LogoPresFooter a img {
    width:100px;
    display:block;
    margin:auto;
}
.LogoPresFooter p {
    color:#fff;
    font-size:20px;
    margin:5px;
    text-align:center;
}
.Suivez-nous {
    height:80px;
}
.Suivez-nous h3 {
    color:#fff;
    font-size:12px;
    text-align:right;
    margin:10px;
    text-transform:uppercase;
}
.Suivez-nous {
    text-align:right;
}
.Suivez-nous .fa {
    font-size:35px;
    color:#3bd700;
    margin:5px;
}
.Suivez-nous .fa:hover {
    color:#fff;
}
.LiensAnnexes {
    border-top: solid 1px #49f508;
    margin-top:20px;
    margin-bottom:10px;
    padding-top: 10px;   
    min-height:40px;
}
.LiensAnnexes ul { 
    list-style:none;
}
.LiensAnnexes ul li {
    float:left;
    padding-left:15px; 
    padding-right:15px;
}
.LiensAnnexes ul li a {
    color:#3bd700;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    margin-bottom:10px;
}
.LiensAnnexes ul li a:hover, #LienActifooter {
    color:#49f508;
    text-decoration:underline;
} 
.Copyright {
	 padding:5px;
    color:#999;
    text-align:center;
    font-size:11px;
    margin-top:10px;
    margin-bottom:10px; 
    font-weight:bold;
}
.Copyright .fa {
    vertical-align:middle;
    font-size:15px;
}
/*VERSION MOBILE*/
@media screen and (max-width: 767px) {
   .CadreMaxBlock {
       width:96%;
       padding:7px;
   }
   .rubMembres a .fa {
       font-size:22px;
   }   
   /*HEARDER*/
   .LogoSite {
       width:135px;
       margin:0;
   }
   .LogoSite img {
       width:135px;  
   }
   /*SECTION*/
   section {
       padding-top:100px;
   }
   .MsgConnexion {
       font-size:12px;
   }
   /*SUGGESTION ACTU*/
   .AlaUne_buzzSemaine {
      margin-bottom:20px;
   }
   .AlaUne {
       margin-right:0%;
   }
   .AlaUne h2 {
       font-size:25px;
   }
   .BlockAlaUne img {
       max-height:350px
   }
   .BlockBuzzSemaine {
       display: block;
       width: 100%;
   }
   .BlockBuzzSemaine:nth-child(2n+2) {
      margin-left: 0px;
      margin-right: 0px;
   }
   .BuzzSemaine h3 {
       font-size:15px;
   }  
   /*SUGGESTION MUSIC*/
   .TitreMusicHome {
       font-size:35px;
   }
   .BoutonCreerCompteHome a {
       font-size:15px;
   }
   /*SUGGESTION VIDEOS*/
   .PresentationRubClip p {
       font-size:35px;
   }
   /*FOOTER*/
   .LogoPresFooter a, .LogoPresFooter a img {
       width:70px;
   }
   .LogoPresFooter p {
       font-size:20px;
   }
   .Suivez-nous h3 {
       font-size:11px;
   }
   .Suivez-nous .fa {
       font-size:30px;
   }
   .LiensAnnexes {
       min-height:80px;
   }
   .LiensAnnexes ul {
       list-style:none;
   }
   .LiensAnnexes ul li a {
       font-size:13px;
   }
   .Copyright {
       font-size:10px;
   }
   .Copyright .fa {
       font-size:13px;
   }   
}
/*
     FILE ARCHIVED ON 12:58:38 Jul 20, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:07:58 Jul 03, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.442
  exclusion.robots: 0.042
  exclusion.robots.policy: 0.032
  esindex: 0.009
  cdx.remote: 22.706
  LoadShardBlock: 823.867 (3)
  PetaboxLoader3.datanode: 154.162 (7)
  PetaboxLoader3.resolve: 1105.392 (4)
  load_resource: 528.25 (2)
  loaddict: 91.141 (2)
*/