body {
margin: 0;
padding: 0;
font-family: "trebuchet ms", arial, sans-serif;
}

.fondbleu {
background: url(images/blueBCKlight.png) repeat-x;
}


h1, h2, h3, p {
padding: 0;
margin: 0;
}

.clear {
clear: both;
}


.topHeader {
position: relative;
margin: 0 auto;
width: 960px;
height: 350px;
}

.topHeaderMenu {
position: relative;
color: #ffffff;
top:25px;
text-align: right;
margin-right:295px;
}

.topHeaderMenu a {
font-size: 18px;
color: #ffffff;
}

.topHeaderMenu a:hover {
font-size: 18px;
color: #25a9d4;
}


.topHeader .logo {
position:relative;
float:left;
margin-top:5;
margin-left:5;
background: url(images/logo.png) no-repeat;
width: 403px;
height: 227px;
}

.topHeader .baseline {
	position: absolute;
	background: url(images/baseline.png) no-repeat;
	width: 500px;
	height: 36px;
	top: 202px;
	left: 324px;

}

.topHeaderCounter {
position: absolute;
font-size: 13px;
color: #ffffff;
top:29px;
left:680px;
}

.topHeader .counter {
	position: absolute;
	width: 104px;
	height: 125px;
	top: 82px;
	left: 524px;

}

.topHeader .formbox {
position: relative;
width: 730px;
top: 15px;
left: 104px;
text-align: center;
padding-bottom: 10px;
}

.topHeader .phrase {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #ffffff;
position:absolute;
width: 50px;
height: 15px;
top:270px;
left:100px;
}

.topHeader .spinner {
position:absolute;
top:233px;
left:670px;
}

.topHeader .coins {
	position: absolute;
	background: url(images/top_coins.png) no-repeat;
	width: 233px;
	height: 317px;
	top: 80px;
	left: 727px;
}

.topHeader .button {
	position: absolute;
	background: url(images/top_button.png) no-repeat;
	width: 563px;
	height: 116px;
	top: 310px;
	left: 45px;
	cursor: pointer;
}
.topHeader .button:hover {
background: url(images/top_button.png) no-repeat 0 -116px;
}
.topHeader .button h2 {
margin: 0;
padding: 0;
}
.topHeader .button h2 a {
width: 563px;
height: 116px;
display: block;
text-indent: -9999px;
overflow: hidden;
}

.topHeader .phone {
	position: absolute;
	background: url(images/top_phone.png);
	width: 274px;
	height: 45px;
	left: 686px;
	top: 10px;
}

.top {
background: #ffffff url('images/top.jpg') no-repeat;
width:950px;
border: 1px solid #1292bf;
margin-bottom: 20px;
}

.top p{
padding: 15px;
}

.middle {
position: relative;
margin: 0 auto;
width: 960px;
height: 300px;
}

.middle .fondmiddle {
position:relative;
float:left;
left:1px;
top:1px;
background: url(images/bluemiddle.png) no-repeat;
width: 693px;
height: 289px;
}

.middle .textemiddle {
position:relative;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #ffffff;
position:relative;
float:left;
left:25px;
top:15px;
margin-top:15px;
width: 650px;
}

.middle .latestTitle {
position:relative;
float:left;
left:1px;
top:1px;
margin-top:1px;
background: url(images/latestTitle.png) no-repeat;
width: 266px;
height: 59px;
}

.middle .latestresults {
position:relative;
float:left;
left:35px;
top:1px;
margin-top:1px;
}

.middle .latestresults a {
color: #0099cc;
text-decoration:none;
}

.middle .latestresults a:hover {
color: #000000;
text-decoration:none;
}

.middleLatestTitle {
position: relative;
margin: 0 auto;
background: url(images/latestTitle.png) no-repeat;
width: 266px;
height: 59px;
}


.middleLatest {
position: relative;
margin: 0 auto;
width: 960px;
height: 300px;
}

.middleLatestResults1 {
position:relative;
float:left;
top:10px;
width:240px;
height: 250px;
}

.middleLatestResults2 {
position:relative;
float:left;
top:10px;
width:240px;
height: 250px;
}

.middleLatestResults3 {
position:relative;
float:left;
top:10px;
width:240px;
height: 250px;
}

.middleLatestResults4 {
position:relative;
float:left;
top:10px;
width:240px;
height: 250px;
}

.middleListTitle {
position: relative;
margin: 0 auto;
background: url(images/fulllistTitle.png) no-repeat;
width: 266px;
height: 59px;
}

.middleList {
position: relative;
margin: 0 auto;
width: 960px;
height: 300px;
}

.middlePaginNumbers {
position: relative;
margin: 0 auto;
width: 960px;
height: 33px;
text-align: center;
padding: 5px 0 0 0;
}

.middlePaginNumbers a {
text-align: center;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: #000000;
font-weight: bold;
padding: 5px;
}

.middlePaginNumbers a:hover {
text-align: center;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: #000000;
font-weight: bold;
padding: 5px;
}

.middlePaginLetters {
position: relative;
margin: 0 auto;
width: 960px;
height: 33px;
text-align: center;
padding: 0 0 5px 0;
}

.middlePaginLetters a {
text-align: center;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 26px;
color: #25a9d4;
font-weight: bold;
padding: 5px;
}

.middlePaginLetters a:hover {
text-align: center;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 26px;
color: #25a9d4;
font-weight: bold;
padding: 5px;
}


a {
color: #1493c0;
text-decoration:none;
}

a:hover {
color: #343434;
text-decoration:none;
}

#header {
width:950px;
color: #343434;
margin:15px auto;
text-align:center;
}

#logo {
width:500px;
height:90px;
color: #282828;
float:left;
padding: 1px;
}

#logo img{
border: 0px;
}

#header2 img{
border: 0px;
}

#header2 {
width:950px;
height: 102px;
margin-left: 7px;
}

#maintext {
background: #3B8FBD;
width: 680px;
margin: 0 auto;
padding: 0;
}

#maintext p{
text-align: center;
color: #ffffff;
font:14px Verdana,Tahoma,Arial,sans-serif;
font-weight: bold;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 2px;
padding-top: 6px;
margin-top: 5px;
}

#secondmaintext {
background: #CED6EC;
width: 680px;
margin: 0 auto;
padding: 0;
}

#secondmaintext p{
text-align: center;
color: #808080;
font:14px Verdana,Tahoma,Arial,sans-serif;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 2px;
padding-top: 6px;
margin-top: 5px;
}


#secondmaintext p a{
color: #808080;
}

#sb {
width: 680px;
margin: 5px auto;
text-align: center;
}

#sb img{
border:0;
}

#mainb {
background: url('images/mainb.jpg') no-repeat;
width:680px;
height: 20px;
margin: 0 auto;
padding: 0;
}


#secondmainb {
background: url('images/secondmainb.png') no-repeat;
width:680px;
height: 20px;
margin: 0 auto;
padding: 0;
}

#nav {
width:440px;
height:102px;
float:right;

}

#nav a{
color: #75bad9;
text-decoration:none;
}

#nav a:hover{
color: #191919;
text-decoration:none;
}

h1 {
font-size:30px;
margin-left:50px;
margin-top:10px;
padding-top:20px;
color: #ffffff;
}

h2 {
font-size:18px;
color: #ffffff;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
}

#mid {
position: relative;
margin: 0 auto;
width: 960px;
}

#mid p{
margin:0 15px 0 15px;
}


#thumb {
float: right;
margin-top: 35px;
width: 400px;
}

#thumb img{
border: 1px solid #343434;
margin: 15px;
}

#data {
float: left;
width:500px;
margin-top: 15px;
}

#data p{
text-align:left;
margin-top: 5px;
}

.mainl {
float: left;
width:500px;
}

.mainr {
float: right;
width: 400px;
}

.gclass {
float: left;
width:140px;
}

.gpr {
float: left;
margin-top: 2px;
width:190px;

}

.inl {
display: inline;
float: left;
margin-top: 2px;
width: 20px;
}

.inr {
float: right;
display: inline;
margin-top: 19px;
margin-bottom: 15px;
width: 150px;
}


.binl {
display: inline;
float: left;
margin-top: 15px;
margin-bottom: 15px;
width: 700px;
}

.bin {
margin: 0 auto;
margin-top: 15px;
margin-bottom: 15px;
width: 900px;
}

.binr {
float: right;
display: inline;
margin-top: 19px;
margin-bottom: 15px;
width: 180px;
}


.cinl {
display: inline;
float: left;
margin-top: 15px;
margin-bottom: 15px;
width: 200px;
}

.cin {
margin: 0 auto;
margin-top: 15px;
margin-bottom: 15px;
width: 900px;
}

.cinr {
float: right;
display: inline;
margin-top: 19px;
margin-bottom: 15px;
width: 680px;
}

.tpr {
float: left;
margin-top: 10px;
margin-left: 20px;
width: 350px;
}

.tleft {
float: left;
margin-top: 60px;
margin-left: 20px;
width: 350px;
}

.tleft2 {
float: left;
margin-top: 20px;
margin-left: 20px;
width: 350px;
}

.tright {
float: right;
width: 550px;
margin-top:25px;
padding-top: 10px;
padding-bottom: 10px;
}

.company {
width: 900px;

}

.companyl {
float: left;
margin-top: 50px;
margin-left: 40px;
width: 460px;
}

.companyr {
float: right;
margin-top: 20px;
margin-right: 20px;
width: 370px;
}

.tright {
float: right;
width: 550px;
padding-top: 10px;
padding-bottom: 10px;
}


.clearer {
clear: both;
}

.espace
{
clear: both;
height:15px;
}

.cont {
padding: 15px;
}

.graph {
margin: 20px auto;
width: 900px;
margin-top:50px;
text-align:center;
}

.graph img{
border: 0;
}

.twit {
margin-top: 15px;
margin-bottom: 15px;
margin-left: 15px;
width: 900px;
text-align:left;
padding: 15px;
}

.twit p {
padding: 20px;
text-align:left;
}


}

#loader {
      position:absolute;
      width: 10%;
      height: auto;
      background: #fff;
      margin: auto; 
      padding:4px;
    }

#mainurl {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #282828;
position:relative;
width: 500px;
padding: 5px;
border: 1px solid #8e8e8e;
margin-bottom: 10px;
margin-top: 0;
text-align: left;
}

#mainbutton {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 1px;
padding-top: 1px;
cursor: pointer;
color: #282828;
margin-bottom: 10px;

}


#url {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #282828;
width: 350px;
padding: 4px;
border: 1px solid #8e8e8e;
margin-bottom: 5px;
margin-top: 35px;
}

#button {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 1px;
padding-top: 1px;
cursor: pointer;
color: #282828;
margin-bottom: 5px;
margin-top: 20px;
}



textarea {
	width: 220px;
}

.tooltip1{
margin-top:10px;
margin-left:30px;
background:#FFFFFF;
color:#FFFFFF;
text-align:center;
padding:4px;
width:255px;
font-size: 25px;


}



.tooltip{
position: relative;
top:10px;
left:6px;
background:#FEFEC7;
color:#393939;
text-align:center;
padding:4px;
width:285px;
font-size: 25px;
border: 1px solid #ABABAB;
height:28px;
}

.logosmall {
	position: absolute;
	background: url(images/logosmall.png) no-repeat;
	width: 127px;
	height: 125px;
	top: 74px;
	left: 1px;
}

.footer {
background: url(images/bg_footer.jpg) repeat-x;
height: 202px;
width: 100%;
bottom: 0;
}

.footer_content {
position: relative;
margin: 0 auto;
width: 960px;
padding-top: 105px;
}

.footerline {
	position: absolute;
	background: url(images/footerline.png) no-repeat;
	width: 250px;
	height: 18px;
	left: 130px;
	top: 110px;
}

.footer_credentials {
position: relative;
margin-left: 500px;
text-align: right;
color: #fff;
font-size: 12px;
}
