/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

  
body {
color:black;
background-color:black;
/*background-image: url("img/bg.jpg");*/
background-position:50% 0%;
background-repeat:no-repeat;
}
 
@font-face {
    font-family: 'CoalitionV2';
    src: url('coalitionv2.eot');
    src: url('coalitionv2.eot') format('embedded-opentype'),
         url('coalitionv2.woff') format('woff'),
         url('coalitionv2.ttf') format('truetype'),
         url('coalitionv2.svg#CoalitionV2Regular') format('svg');

}

h1
{
font-size: 200%;
}

h2
{
font-family:"Century";
font-size: 20;
}

h3
{
font-family:"Century";
font-size: 15;
}

h4
{
font-family:"Century";
font-size: 12;
}

ha
{
font-family:"Century";
font-size: 50;
}

a 
   { 
     text-decoration: none; }

  
a:hover 
   { 
     text-decoration: underline;
  }

.bouton a {
display:block;
text-align:center;
vertical-align:middle;
color:white;
font-family: "CoalitionV2", sans-serif;

}
.bouton a:hover {
  color:darkblue;
}


at_alan {
    position: absolute;
    right: 365px;
    bottom: 148px;
  	width: 70px;
  	height: 70px;
  	border: 0px solid black;
}
at_alan:hover { 
  	border: 2px solid white;
}

at_alex {
    position: absolute;
    right: 162px;
    bottom: 157px;
  	width: 70px;
  	height: 70px;
  	border: 0px solid black;
}
at_alex:hover { 
  	border: 2px solid white;
}

at_eric {
    position: absolute;
    right: 102px;
    bottom: 217px;
  	width: 70px;
  	height: 70px;
  	border: 0px solid black;
}
at_eric:hover { 
  	border: 2px solid white;
}

at_joris {
    position: absolute;
    right: 98px;
    bottom: 147px;
  	width: 70px;
  	height: 70px;
  	border: 0px solid black;
}
at_joris:hover { 
  	border: 2px solid white;
}

at_julien {
    position: absolute;
    right: 337px;
    bottom: 222px;
  	width: 70px;
  	height: 70px;
  	border: 0px solid black;
}
at_julien:hover { 
  	border: 2px solid white;
}

at_lyon {
    position: absolute;
    right: 255px;
    bottom: 227px;
  	width: 70px;
  	height: 70px;
  	border: 0px solid black;
}
at_lyon:hover { 
  	border: 2px solid white;
}

at_mic {
    position: absolute;
    right: 175px;
    bottom: 225px;
  	width: 70px;
  	height: 70px;
  	border: 0px solid black;
}
at_mic:hover { 
  	border: 2px solid white;
}
	
at_nath {
    position: absolute;
    right: 265px;
    bottom: 154px;
  	width: 70px;
  	height: 70px;
  	border: 0px solid black;
}
at_nath:hover { 
  	border: 2px solid white;
}


.bloc-1 {
  position:relative;
  border:solid 0px;
  right: auto;
  bottom: auto;
  width:1440px;
  height:900px;
  background-image: url("img/bg.jpg");
}


.bloc-a {
    position: absolute;
    right: 300px;
    bottom: 180px;
  	width:800px;
  	height:600px;
  	border: 5px solid black;
    background-color: white;
    color: black;
    opacity: 0.7;
}
.bloc-a1 {
    position: absolute;
    right: 10px;
    bottom: 50px;
  	width:780px;
  	height:540px;
  	border: 0px solid black;
    color: black;

}
.bloc-a2 {
    position: absolute;
    right: 10px;
    bottom: 10px;
  	width:780px;
  	height:40px;
  	border: 0px solid black;
    color: black;

}

.bloc-b {
    position: absolute;
    right: 120px;
    bottom: 120px;
  	width:1200px;
  	height:750px;
  	border: 5px solid black;
    background-color: white;
    color: black;
}
.bloc-b1 {
    position: absolute;
    right: 0px;
    bottom: 60px;
  	width:1180px;
  	height:640px;
  	border: 0px solid black;
    color: black;

}
.bloc-b2 {
    position: absolute;
    right: 10px;
    bottom: 10px;
  	width:1180px;
  	height:40px;
  	border: 0px solid black;
    color: black;

}

.bloc-c {
    position: absolute;
    right: 320px;
    bottom: 150px;
  	width:800px;
  	height:600px;
  	border: 5px solid black;
    background-color: white;
    color: black;
    opacity: 1;
}

.bloc-d {
    position: absolute;
    right: 320px;
    bottom: 400px;
  	width:800px;
  	height:300px;
  	border: 5px solid black;
    background-color: white;
    color: black;
    opacity: 1;
}
.bloc-e {
    position: absolute;
    right: 460px;
    bottom: 310px;
  	width:510px;
  	height:343px;
  	border: 0px solid black;
    opacity: 1;
    background:url('photo/athletes/groupe.jpg');
    color: black;

}

.bloc-f {
    position: absolute;
    right: 750px;
    bottom: 230px;
  	width:300px;
  	height:450px;
  	border: 0px solid black;
    opacity: 1;
    color: black;

}

element 
{
/* Ahletes */
position: absolute;
left: 225px;
bottom: 600px;
} 
  
element2
{
/* Courses */
position: absolute;
left: 385px;
bottom: 415px;
}   
  
element3
{
/*Photo*/
position: absolute;
left: 685px;
bottom: 647px;
} 
  
element4
{
/* Presentation */
position: absolute;
left: 642px;
bottom: 535px;
} 
  
  
element5
{
/* Resultat */
position: absolute;
left: 1010px;
bottom: 640px;
} 
  
element6
{
/* Sponsor */
position: absolute;
left: 1160px;
bottom: 353px;
}  
  
element7
{
/* News */
position: absolute;
left: 700px;
bottom: 120px;
}