@charset "utf-8";
/* CSS Document */


body{
margin:0;
padding:0;
background:url(../medias/bg.jpg) no-repeat top center;
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
color:#232423;
}

a.back{
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
color:#232423;
text-decoration:none;
}

a.back:hover{
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
color:#232423;
text-decoration:underline;
}

.gris{
color:#737476;
text-decoration:none;
}

a.gris {
color:#737476;
text-decoration:none;
}

a.gris:hover{
background-color:#737476;
text-decoration:none;
color:#fff;
}

.blue{
color:#29c1f2;
}

a.blue{
color:#29c1f2;
text-decoration:none;
}

a.blue:hover{
background-color:#29c1f2;
text-decoration:none;
color:#fff;
}


.vert{
color:#80c341;
}
a.vert{
color:#80c341;
text-decoration:none;
}
a.vert:hover{
background-color:#80c341;
text-decoration:none;
color:#fff;
}



.violet{
color:#e0088d;
}
a.violet{
color:#e0088d;
text-decoration:none;
}
a.violet:hover{
background-color:#e0088d;
text-decoration:none;
color:#fff;
}

.jaune{
color:#fdbc36;
}
a.jaune{
color:#fdbc36;
text-decoration:none;
}
a.jaune:hover{
background-color:#fdbc36;
text-decoration:none;
color:#fff;
}

.orange{
color:#e55a25;
}
a.orange{
color:#e55a25;
text-decoration:none;
}
a.orange:hover{
background-color:#e55a25;
text-decoration:none;
color:#fff;
}


.djgris{
color:#737476;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
}

a.djgris {
color:#737476;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
}

a.djgris:hover{
background-color:#737476;
text-decoration:none;
color:#fff;
text-transform:uppercase;
font-weight:bold;
}

.djblue{
color:#29c1f2;
text-transform:uppercase;
font-weight:bold;
}

a.djblue{
color:#29c1f2;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
}

a.djblue:hover{
background-color:#29c1f2;
text-decoration:none;
color:#fff;
text-transform:uppercase;
font-weight:bold;
}


.djvert{
color:#80c341;
text-transform:uppercase;
font-weight:bold;
}
a.djvert{
color:#80c341;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
}
a.djvert:hover{
background-color:#80c341;
text-decoration:none;
color:#fff;
text-transform:uppercase;
font-weight:bold;
}



.djviolet{
color:#e0088d;
text-transform:uppercase;
font-weight:bold;
}
a.djviolet{
color:#e0088d;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
}
a.djviolet:hover{
background-color:#e0088d;
text-decoration:none;
color:#fff;
text-transform:uppercase;
font-weight:bold;
}

.djjaune{
color:#fdbc36;
text-transform:uppercase;
font-weight:bold;
}
a.djjaune{
color:#fdbc36;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
}
a.djjaune:hover{
background-color:#fdbc36;
text-decoration:none;
color:#fff;
text-transform:uppercase;
font-weight:bold;
}

.djorange{
color:#e55a25;
text-transform:uppercase;
font-weight:bold;
}
a.djorange{
color:#e55a25;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
}
a.djorange:hover{
background-color:#e55a25;
text-decoration:none;
color:#fff;
text-transform:uppercase;
font-weight:bold;
}

.djlblue{
color:#3852a4;
text-transform:uppercase;
font-weight:bold;
}

a.djlblue{
color:#3852a4;
text-transform:uppercase;
font-weight:bold;
}

a.djlblue:hover{
text-transform:uppercase;
font-weight:bold;
background-color:#3852a4;
text-decoration:none;
color:#fff;
}




#pixels {
position:absolute;
left: 50%;
top: 50%;
width: 950px;
height: 560px;
margin-top: -280px; /* moitié de la hauteur */
margin-left: -475px; /* moitié de la largeur */
}

h1{
font-family:Helvetica, Arial, sans-serif;
font-size:37px;
background-color:#1a171b;
padding:5px 5px 5px 5px;
width:110px;
color:#fff;
font-weight:normal;
margin-bottom:10px;
}

.else{
font-family:Helvetica, Arial, sans-serif;
font-size:37px;
background-color:#1a171b;
padding:5px 5px 5px 5px;
width:190px;
color:#fff;
font-weight:normal;
margin-bottom:10px;
}

h2{
font-family:Helvetica, Arial, sans-serif;
font-size:47px;
background-color:#1a171b;
padding:5px 5px 5px 5px;
width:287px;
color:#fff;
font-weight:normal;
text-transform:uppercase;
margin-top:0px;
margin-bottom:10px;
}

.dates{
font-family:Helvetica, Arial, sans-serif;
font-size:47px;
background-color:#1a171b;
padding:5px 5px 5px 5px;
width:360px;
color:#fff;
font-weight:normal;
text-transform:uppercase;
margin-top:0px;
margin-bottom:10px;
}

h3{
font-family:Helvetica, Arial, sans-serif;
font-size:28px;
color:#1a171b;
padding-left:5px;
width:350px;
font-weight:normal;
margin-top:0px;
margin-bottom:0px;
}

h4{
font-family:Helvetica, Arial, sans-serif;
font-size:28px;
color:#1a171b;
padding-left:5px;
width:350px;
font-weight:normal;
margin-top:0px;
margin-bottom:10px;
}


.spacer{
clear:both;
}

.fl{
float:left;
padding-left:20px;
}

.fr{
float:right;
padding-right:20px;
}

#logo{
width:495px;
height:560px;
float:left;
}

#intro{
width:350px;
height:320px;
float:left;
padding-left:80px;
margin-top:120px;
}

#dates{
font-family:Helvetica, Arial, sans-serif;
font-size:16px;
padding-left:5px;
}

#datesdet{
font-family:Helvetica, Arial, sans-serif;
font-size:18px;
padding-left:5px;
width:350px;
}

/*infobulls home */

.custom_tip .tip {
	background-color: #1a171b;
	padding: 5px;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
}
 
.custom_tip .tip-title {
	color: #fff;
	background-color: #1a171b;
	font-size: 13px;
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
}
 
.custom_tip .tip-text {
	color: #fff;
	padding: 5px;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
}

#footer{
width:100%;
height:17px;
background-color:#000;
position:absolute;
bottom:0;
font-family:Helvetica, Arial, sans-serif;
font-size:10px;
color:#fff;
}

#footer a{
font-family:Helvetica, Arial, sans-serif;
font-size:10px;
color:#fff;
text-decoration:none;
}

#footer a:hover{
font-family:Helvetica, Arial, sans-serif;
font-size:10px;
color:#3852a4;
text-decoration:underline;
}