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

// CSS de la page du produit Hélico-Mots 

#wrap {
	position: relative;
	width: 400px;
	margin: 0 auto; 
	padding: 20px 220px 20px 20px;
	border: 1px solid #ccc;
	background-color: f#3366FF; 
}
	
#maintext {
	position: absolute;
	top: 288px;
	left: 97px;
	width: 353px;
	height: 511px;
	border-right:#999999;
	border-right-width: 1px;
	border-right-style: solid;
}
#techtext {
	position: absolute;
	left: 68px;
	top: 812px;
	right: 200px;
	bottom: 800px;
	height: 130px;
	width: 410px;
	padding-left:240px;
	border-top:#999999;
	border-top-width: 1px;
	border-top-style: solid;
}
#downloadtext {
	position: absolute;
	left: 461px;
	top: 494px;
	right: 200px;
	bottom: 500px;
	height: 303px;
	width: 256px;
}
#martyimage {
	position: absolute;
	left: 53px;
	top: 802px;
}
p.main {
margin: 0;
padding-top: 7px;
padding-bottom: 7px;
}

/* DÉBUT : Boutons */
.buy_button {
background-image: url(../../images/img_mia_copter/buy_button_fr_hover.jpg);
background-repeat: no-repeat;
float:left;
width: 167px;
height: 52px;
}
.buy_button a{
background-image: url(../../images/img_mia_copter/buy_button_fr_reg.jpg);
background-repeat: no-repeat;
width: 167px;
height: 52px;
display: block;
}
.buy_button a:hover{
background: none;
}

.mac_button {
background-image: url(../../images/img_mia_copter/button_mac_hover.jpg);
background-repeat: no-repeat;
width: 69px;
height: 69px;
}
.mac_button a{
background-image: url(../../images/img_mia_copter/button_mac_reg.jpg);
background-repeat: no-repeat;
width: 69px;
height: 69px;
display: block;
}
.mac_button a:hover{
background: none;
}

.win_button {
background-image: url(../../images/img_mia_copter/button_win_hover.jpg);
background-repeat: no-repeat;
width: 69px;
height: 69px;
}
.win_button a{
background-image: url(../../images/img_mia_copter/button_win_reg.jpg);
background-repeat: no-repeat;
width: 69px;
height: 69px;
display: block;
}
.win_button a:hover{
background: none;
}
/* FIN : Boutons */

style4 {font-size: 20px}

/* DÉBUT : Tableaux de pointage */
.top_table {
	font-size: 12px; 
	font-variant: normal;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	background: white;
	margin-bottom: 45px;
}

.bottom_left_table {
	font-size: 12px;
	font-variant: normal;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	background: white;
	float: left;
	margin-top: 25px;
	margin-left: 25px;
}

.bottom_right_table {
	font-size: 12px;
	font-variant: normal;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	background: white;
	float: right;
	margin-top: 25px;
	margin-right: 25px;
}

.thismonthtable {
	padding: 0;
    border-left: 1px solid #abcc77;
    margin-left: auto;
    margin-right: auto;
}

.lastmonthtable {
	padding: 0;
    border-left: 1px solid #abcc77;
}

.hs caption {
	padding: 0 0 5px 0;	 
	font: 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	border-bottom: 1px solid #abcc77;
	color: #abcc77;
}

.hs td {
	width: 120px;
	border-right: 1px solid #abcc77;
	border-bottom: 1px solid #abcc77;
	background: #fff;
	padding: 3px 3px 3px 12px;
	color: #abcc77;
}

.hs th {
	width: 50px;
	border-right: 1px solid #abcc77;
	border-bottom: 1px solid #abcc77;
	background: #fff;
	padding: 3px 3px 3px 3px;
	color: #abcc77;
}

.hs td.alt {
	background: #F5FAFA;
	color: #5ebee6;
}

.hs th.alt {
	background: #F5FAFA;
	color: #5ebee6;
}

.image_hs_title  {
	margin-top: 40px;
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: 40px;
}
	
.image_hs_mia  {
	position: absolute;
	right: 53px;
	top: 162px;
}

.image_hs_marty  {
	position: absolute;
	left: 0px;
	top: 250px;
}

/* FIN : Tableaux de pointage */