body{
background-color : #F2F2F2;
font:80% "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
color:#444444;
}
h2{
color:#424242;
font:bold 1.14em Arial,Helvetica,sans-serif;
margin:0;
}
#main {
position:absolute;
left:50%;
top:50%;
margin-top: -210px;
margin-left: -350px;
width:700px;
 /* height:420px;*/
background-color:#fff;
border : 1px solid #DDDDDD;
-moz-border-radius: 12px; /* FF1+ */
-webkit-border-radius: 12px; /* Saf3+, Chrome */
border-radius: 12px; /* Opera 10.5, IE 9 */
}
#logos{
position : relative;
margin-left:auto;
margin-right:auto;
width:340px;
}
.box{
width:650px;
height:140px;
margin-left:auto;
margin-right:auto;
}
.box img{
margin-top:20px;
margin-right:20px;
position:relative;
float:left;
}
.box .horde{
margin-left:70px;
margin-top:40px;
margin-right:90px;
}

.box .rainloop{
margin-left:170px;
margin-top:40px;
margin-right:90px;
}

.box .roundcube{
margin-left:55px;
margin-top:30px;
margin-right:60px;
}
.box2{
border-bottom:1px solid #DDDDDD;
}
.desc{
position:relative;
height: 95px;
float:left;
width:300px;
margin-top:20px;
}
.desc span{
margin-bottom:10px;
}
.bouton{
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
font-size: 13px;
margin-top:7px;
}
.orange{
background-color: #ff5c00;
}
.orange:hover{
background-color:#D45500;
}
.bleu{
background-color: #2daebf;
}
.bleu:hover{
background-color: #007D9A;
}
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {
background-color:#fff;
border:1px solid #DDDDDD;
padding:12px;
-moz-border-radius: 8px; /* FF1+ */
-webkit-border-radius: 8px; /* Saf3+, Chrome */
border-radius: 8px; /* Opera 10.5, IE 9 */
}
#redirect{
text-align:center;
}
.thumb{
width:50px;
}