html, body {
		
    font-family: 'Poppins', sans-serif;
    color: #fff;
    height:100%;
 background: #000;
    width:100%;
       background-image:url("../img/basketball_bg.jpg");
     background-size: cover;
        background-repeat: no-repeat;
        
	}
p {
    margin-bottom: 0 !important;
}

	.background {
	
        background-image:url("../img/basketball_bg.jpg");
        background-size: cover;
        
	}
	
	.letters {
		position: absolute; top: 0; left: 0; 
		width: auto; height: auto;
		z-index: 2;
		opacity: 1;
	}
    .dots {
		position: absolute; top: 0; left: 200; 
		width: auto; height: auto;
		z-index: 2;
		opacity: 1;
	}
.motifs {
		position: absolute; top: 0; left: 300; 
		width: auto; height: auto;
		z-index: 2;
		opacity: 1;
	}
  .title {
		position: absolute; top: 0; left: 200; 
		width: auto; height: auto;
		opacity: 1;
	}
h1,h2{
    font-weight: 900
}
#logo {
    padding-top:3em;
    position: relative;
    text-align: center;
}
#logo img {
    z-index: 10;
    margin: 0 auto;
}
#logo p, #logo a {
    font-size:0.8em;
    text-transform: uppercase;
}
#logo a {
    color: #fff;
     font-weight: 400;
}
#logo a:hover {
    font-weight: 700;
    text-decoration: none;
}
#logo p {
    color: #bf1e2e;
}
.img-responsive {
    max-width:100% !important;
    
}
.text-center {
    text-align: center !important;
}


#titre {
  
     z-index: 10;
    color: #fff;
     text-align: center ;
     font-weight: 700;
    text-transform: uppercase;
    padding: 3em;
      position: relative;
}


.categories {
     padding:0.5em 20em;
}
#infos {
    position: relative;
     z-index: 10;
    color: #fff;
     text-align: center ;
     font-weight: 700;
    text-transform: uppercase;
    margin-bottom:5em;
}
#footer {
     z-index:20 !important;
    color: #fff;
    text-align:center;
      position:relative;
   
}

.contact {
    background-color:#ed1e2b;
    padding: 1em 3em 0em 3em;
}
.partenaires {
    background-color: black;
    padding: 2em 3em;
}
h1.ml2 {
    font-size: 3.5em;
    margin: 0;
    display: block;
}
.ml2 .letter {
  display: inline-block;
  line-height: 1em;
}
img.icon{
    margin-bottom: 0.5em;
}
img.mail {
    width:2em;
}
img.phone {
    height:1.7em;
    
}

.contact-details p {
    font-size: 0.8em;
    margin-top:7px;
}


#infos h4 {
    margin-bottom: 1em;
    color:#ed1e2b;
    font-weight: 700;
}
#infos h5 {
    font-weight:700;
    font-size:2.5em;
    margin-bottom: 1em;
}
.circle {
    background:#fff;
    padding:1.2em 0.6em;
    color:#ed1e2b;
    border-radius:50px;
    text-align:center;
    width:4em;
    height:4em;
    margin:0 auto;
    margin-bottom: 0.8em;
}

#infos p.date {
   font-weight:200 !important; 
}

#footer .logo-square {
    width:4em;
}

#footer .logo-fontenay{
    width:2em;
}
.padding-top-5 {
    padding-top:5px;
}


/*---FOOTER---*/

footer {
     text-align: center;
    color: #fff;
    position:relative;
    z-index:10;
    margin-bottom:20px;
}
footer a:hover {
    opacity:0.7;
}
/*---CONTACT---*/
#contact {
    background: #ed1e2b;
    padding:1em;
    
}
#contact img {
    margin:0.5em;
}
#contact img.phone {
    width:1em;
}
#contact img.envelop {
    width:1.5em;
}


/*---PARTENAIRES---*/
#partenaires {
    background: white;
   padding:1em;
    color:#000;
}

#partenaires img {
    margin: 0.5em;
}
#partenaires img.logo-square {
    width:3em;
}
#partenaires img.logo {
    width:5em;
}
#partenaires img.logo-fontenay {
    width:7em;
}
/*---CREDITS---*/
   #credits {
        text-align: center;
       position: relative;
       z-index:21;
       padding:0 0 20px 0;
    }
    #credits p, #credits  a {
    font-size:0.8em;
    text-transform: uppercase;
         margin-top: 1em !important;
}
#credits a {
    color: #fff;
     font-weight: 400;
}
#credits a:hover {
    font-weight: 700;
    text-decoration: none;
}
#credits p {
    color: #ed1e2b;
   
}

.vertical-text {
	transform: rotate(-90deg);
	transform-origin: right bottom  100;
      margin-right:-7em;
      position:relative;
      z-index: 21;
}
#contact .uppercase {
    text-transform:uppercase !important;
}

#contact .social {
    width:30px;
}

h1.mobile {
    display:none;
}

/*------------QUERIES-----*/

@media screen and (max-width: 640px) {
    #logo p, #logo a {
        display: none;
    }
#titre {
  
     z-index: 10;
    color: #fff;
     text-align: center ;
     font-weight: 700;
    text-transform: uppercase;
      position: relative;
    font-size:0.5em;
    padding: 3em;
}
h1.ml2 {
    display: none;
    }
    
    h1.ml2.mobile {
    display:block;
}
  
    #infos h5 {
    font-weight:700;
    font-size:2em;
    margin-bottom: 0.5em;
}
    #infos h4 {
    margin-bottom: 1em;
    color:#fff;
    font-weight: 400;
}
    }
     
 @media screen and (max-width: 1280px) {
     .categories {
     padding:0.5em 2em;
}
 
}