@charset "ISO-8859-1";
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
  
  
  

}
body {
  /* Margin bottom by footer height */
 

background-color:#f3e6d6;
  background-repeat: no-repeat;
  background-size: auto;
  margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	

	

}







/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
  width: auto;
  padding:0px;
}
.logolol {
  width: auto;
  float:left;
  margin-left:20px;
}

   
@font-face {
    font-family: 'DKLemon';
    src: url('../fonts/dk_lemon_yellow_sun-webfont.eot');
    src: url('../fonts/dk_lemon_yellow_sun-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dk_lemon_yellow_sun-webfont.woff') format('woff'),
         url('../fonts/dk_lemon_yellow_sun-webfont.ttf') format('truetype'),
         url('../fonts/dk_lemon_yellow_sun-webfont.svg#Sri-TSCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
   }
   
@font-face {
    font-family: 'Cubano';
    src: url('../fonts/cubano-regular-webfont.eot');
    src: url('../fonts/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cubano-regular-webfont.woff') format('woff'),
         url('../fonts/cubano-regular-webfont.ttf') format('truetype'),
         url('../fonts/cubano-regular-webfont.svg#Sri-TSCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
   }

   



.nav {
	bottom:0px;


}

@media (min-width: 768px){
.nav-justified{
    
    display: table;
    
   
}
} 

.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{border-color:#000;padding-top:0px;margin-top:0px;}

.nav {
padding-top:0px;
margin-top:0px;

}

.nav li a {
padding:0px;
font-family:DKLemon;

}
@media screen and (max-width: 3008px) {
	.nav-justified li {
    
    display:inline;
	color:#FFF;
  padding:0px;
   width:115px;
   height:28px;
    font-size:100%;
   background-color:#f3e6d6;
   vertical-align: top;
   text-indent: 0;
}

.nav-justified li a{
    
   
  padding:0px;
  
}
.nav li {
    
   
    font-family:DKLemon;
	text-transform : uppercase;
	color:#FFF;
     width:115px;
   height:28px;
   padding-top:0px;
 text-indent: 0;
   vertical-align: top;
   padding:0px;
   background-color:#f3e6d6;
 
}
.nav li a {
    
    font-size:120%;
    font-family:DKLemon;
	text-transform : uppercase;
	color:#FFF;
   background-image: url("../img/menu.png");
   background-repeat:no-repeat;
   background-position:0px 5px;
   width:115px;
   height:33px;
    padding:0px;
   margin-left:5px;
   vertical-align: top;
 text-indent: 0;
background-color:#f3e6d6;
}
.nav li ul {
    
   
background-color:#FFF;
}


.nav li a:hover {
    
    font-size:120%;
    font-family:DKLemon;
	text-transform : uppercase;
	color:#FFF;
   background-image: url("../img/menuhover.png");
background-color:#f3e6d6;
}
.social{

margin-top:30px;
margin-left:10px;
}
} 

@media screen and (max-width: 1024px) {
.nav li a {
    
    font-size:110%;
    ont-family:DKLemon;
	text-transform : uppercase;
	width:105px;
   
   
}
.social{
float:right;
margin-top:60px;
margin-left:10px;
}

} 

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

.social{
float:right;
margin-top:0px;
margin-left:10px;
}

} 

.icon-bar {
	color:#FFF;
	background-color:#353352;


}

.nav li ul {
	text-decoration:none;	
	color:#000;
	font-family:DKLemon;
	text-transform: uppercase;
	font-weight:bold;
	margin-top:0px;
	cursor:pointer;
    outline:none;
    border:none;
    box-shadow:none; 
    background-color: transparent;
    background: transparent;
    border-color: transparent;
}
.nav li ul li a{
		
	color:#000;
	background-image: none;
	background-image: url("../img/sousmenu.png");
    background-repeat:no-repeat;
   background-position:0px 0px;
background-color:#f3e6d6;
	
}
.nav li ul li a:hover{
		
	 font-size:120%;
    font-family:DKLemon;
	text-transform : uppercase;
	color:#FFF;
   background-image: url("../img/menuhover.png");
    background-repeat:no-repeat;
   background-position:0px 0px;
background-color:#f3e6d6;
	
}



.dropdown-menu li a:hover {
	text-decoration:none;	
	color:#FFF;
	font-family:DKLemon;
	
	color:#a2b9fd;
	text-transform: uppercase;
	font-weight:bold;
}
.dropdown-menu li a  {
	padding-top:0px;
	padding-bottom:0px;
	
}


.caret {
	float:right;
	margin-left:0px;
	


}
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}


.navbar {
	
	

	margin:0px;
	color:#FFF;
	 padding:0px;
	
	


}

.dropdown-toggle {
	
	 padding:0px;
}	

.nav-justified {

list-style-type: circle;



}

.icon-bar{
color:#FFF;


}
.navbar-nav > li > a {padding-top:10px !important; padding-bottom:10px !important;}

.sr-only{
color:#FFF;
}
.boulebillet{
position:absolute;
top:200px;
left:80%;
background-image: url("../img/boulebillet.png");
width:119px;
height:110px;
float:left;
font-family:Cubano;
padding-top:45px;
padding-left:10px;
text-align:center;
margin-top:20px;
 -webkit-animation-delay: 3000ms;
  animation-delay: 3000ms;
}

.boulebillet a{
color:#FFF;
font-family:Cubano;
text-decoration:none;
}
.boulebillet a:hover{
color:#000;
font-family:Cubano;
text-decoration:none;
}

.mondial{
position:relative;
height:50px;
}
.mondial img{


}
@media (max-width: 3000px){
	
	.boulebillet{
position:absolute;
top:200px;
left:80%;
background-image: url("../img/boulebillet.png");
width:119px;
height:110px;
float:left;
font-family:Cubano;
padding-top:45px;
padding-left:10px;
text-align:center;
margin-top:20px;
 -webkit-animation-delay: 1500ms;
  animation-delay: 3000ms;
}

.visuelmondial{
position:absolute;
left:30%;

}
.visuelmondial img {

width:100%;
 animation-duration: 3s;
  animation-delay: 2s;
}

.boulerouge{
position:absolute;
left:15%;
   -webkit-animation-delay: 1000ms;
  animation-delay: 500ms;
}
.bouleviolet{
position:absolute;
left:25%;
top:270px;
 -webkit-animation-delay: 200ms;
  animation-delay: 700ms;
 
}
.boulejaune{
position:absolute;
left:45%;
top:300px;
z-index:50;
 -webkit-animation-delay: 400ms;
  animation-delay: 2000ms;
}
.bouleverte{
position:absolute;
left:60%;
top:0px;
 -webkit-animation-delay: 300ms;
  animation-delay: 800ms;

}
.boulebleu{
position:absolute;
left:62%;
top:200px;
 -webkit-animation-delay: 100ms;
  animation-delay: 600ms;

}

.bulle{
position:absolute;
left:80%;
top:0px;
 -webkit-animation-delay: 2000ms;
  animation-delay: 2500ms;
 

}

}

@media (max-width: 1024px){
	.visuelmondial img {

width:80%;
}
	}

@media (max-width: 768px){
.visuelmondial{
position:absolute;
left:15%;
}
.visuelmondial img {

width:60%;
}

.boulerouge{
position:absolute;
left:0%;

}
.boulerouge img{

width:40%;
}
.bouleviolet{
position:absolute;
left:5%;
top:100px;
}
.bouleviolet img{
width:80%;
}

.boulejaune{
position:absolute;
left:35%;
top:180px;
z-index:50;
}

.boulejaune img{
width:60%;
}

.bouleverte{
left:55%;
}
.bouleverte img{
width:60%;
}

.boulebleu{
left:55%;
top:100px;
}
.boulebleu img{
width:60%;
}
.bulle{
left:75%;

}
.bulle img{
width:100%;
}

.boulebillet{
position:absolute;
top:200px;
left:70%;
background-image: url("../img/boulebillet.png");
width:119px;
height:110px;
float:left;
font-family:Cubano;
padding-top:45px;
padding-left:10px;
text-align:center;
margin-top:20px;
 -webkit-animation-delay: 3000ms;
  animation-delay: 3000ms;
}
}

.entete{
background-image: url("../img/titres.png");
width:243px;
height:40px;
font-family:Cubano;
font-size:160%;
padding-top:5px;

color:#FFF;
text-align:center;
}
.gauche{

margin-left:5%;
margin-right:5%;
width:80%;

}
.blocactu {

margin-top:20px;
width:95%;
margin-bottom:50px;


}

.txtnews {
position:relative;
margin-top:-80px;
margin-left:10%;
background-color:#FFF;
z-index:50;
width:80%;
display:block;
padding:20px;
left:auto;
right:auto;
font-size:130%;
font-family:open_sansregular;

}
.blocactu img{

width:100%;

}

.titre{

font-family:Cubano;
font-size:160%;
text-align:center;
margin-bottom:10px;


}

h2{

font-family:Cubano;
font-size:160%;
text-align:center;
margin-bottom:10px;


}

h2 a{

font-family:Cubano;
color:#000;

text-decoration:none;



}

h2 a:hover{

font-family:Cubano;
color:#e6007e;

text-decoration:none;



}

h2 a:focus{

font-family:Cubano;
color:#e6007e;

text-decoration:none;



}

.titre a{

font-family:Cubano;
color:#000;

text-decoration:none;

}

.titre a:hover{

font-family:Cubano;
color:#e6007e;

text-decoration:none;

}

.titre a:focus{

font-family:Cubano;
color:#e6007e;

text-decoration:none;

}

.suite{

font-family:DKLemon;
font-size:140%;
text-align:right;
color:#e6007e;

}
.suite a{

color:#e6007e;
text-decoration:none;
}
.suite a:hover{

color:#000;
text-decoration:none;

}
.more{

font-family:DKLemon;
font-size:140%;
text-align:right;
color:#e6007e;

}
.more a{

color:#e6007e;
text-decoration:none;
}
.more a:hover{

color:#000;
text-decoration:none;

}
.classified-in{

color:#e6007e;

text-align:right;
color:#e6007e;

}
.classified-in a{

color:#e6007e;
text-decoration:none;
}
.classified-in a:hover{

color:#000;
text-decoration:none;

}

.blocmatch {


margin-top:20px;
background-color:#FFF;
z-index:50;
width:100%;
display:block;
padding:20px;
text-align:center;


}

.date{
font-family:Cubano;
font-size:130%;
text-align:center;
margin-bottom:10px;

}

.match{

font-family:DKLemon;
font-size:220%;
text-align:center;
color:#e6007e;
margin-bottom:10px;

}
.lieu{
font-family:Cubano;
font-size:100%;
text-align:center;
margin-bottom:10px;

}
.lieu a{
font-family:Cubano;
color:#e6007e;
font-size:120%;
text-decoration:none;

}
.lieu a:hover{
font-family:Cubano;
color:#000;
font-size:120%;
text-decoration:none;

}

.equipe img{
width:100%

}

.equipe img:hover{


}

.blocequipe {



background-color:#FFF;
z-index:50;
width:100%;
display:block;
padding:3px;


}

.blocequipe:hover {



background-color:#FFF;
z-index:50;
width:100%;
display:block;
padding:3px;


}


.equipe  {



margin-bottom:20px;

}


.equipe a {



background-color:#000;
color:#000;

}

.equipe a:hover {



background-color:#000;
text-decoration:none;
color:#000;
}

.pays{

font-family:Cubano;
font-size:220%;
text-align:center;
color:#e6007e;
margin-bottom:5px;

}
.pays:hover{

font-family:Cubano;
font-size:220%;
text-align:center;
color:#000;
margin-bottom:5px;

}
.asso{
font-family:Cubano;
font-size:100%;
text-align:center;


}

.asso a{
font-family:Cubano;
font-size:100%;
text-align:center;



}
@media (max-width: 3000px){
.apropos{
background-color:#000;
padding:20px;
height:1000px;
font-size:120%;

color:#FFF;


}
.topsite{
height:500px;

}
}
@media (max-width: 1024px){
.apropos{
background-color:#000;
padding:20px;
height:1400px;
font-size:120%;
margin-bottom:100px;
color:#FFF;


}}
@media (max-width: 768px){
.topsite{
height:300px;

}}

}

.apropos img{
float:left;
margin-left:20px;
margin-bottom:20px;


}

.titre2{
font-family:Cubano;
font-size:120%;
margin-bottom:5px;

}
.txt2{
font-family:DKLemon;
font-size:150%;
margin-bottom:5px;

}

.txt2 a{
font-family:DKLemon;
color:#e6007e;

}
.txt2 a:hover{
font-family:DKLemon;
color:#e6007e;

}

.navbar-collapse .collapse .nav-justified .navbar-header{
	overflow:hidden;
	
	}
	
#nav{
	overflow:hidden;
	
	}