/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
* Filename: radars.css
* Version: 1.0.0 (2008-06-23) 
* Website: http://www.navx.com/
* Author: Florian Cabirol
* Description: Radars
== STRUCTURE: ==============================
* Page width: 920 px
* Number of columns: 2
============================================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/* INDEX
_header : haut de page
_gauche : colonne gauche
_droite : colonne droite
_onglets : menu onglets
*/

/* _header */

#bloc_engagement {
position : relative;
margin : 0;
width : 415px;
height : 137px;
float : right;
background : url(/lang_fr/htdocs/images/radars/engagement.gif) no-repeat;
list-style: none ;
}

#dl_big {
position : absolute;
top : 60px;
left :10px;
}

#prix_haut_1 {
position : absolute;
top : 60px;
left : 10px;
}

#prix_haut_1_tracker {
position : absolute;
top : 45px;
left : 10px;
}

#prix_haut_2 {
position : absolute;
top : 60px;
left : 195px;
}

#prix_haut_2_tracker {
position : absolute;
top : 100px;
left : 10px;
}

#payant {
position : absolute;
top : 130px;
left : 10px;
}

#payant_tracker {
position : absolute;
top : 150px;
left : 10px;
}

#logo_garmin {
position : absolute;
top : 45px;
left : 80px;
}

#logo_garmin_inscrit {
position : absolute;
top : 55px;
left : 215px;
}

/*
#dl_garmin {
position : absolute;
top : 110px;
left : 80px;
}
*/

#dl_garmin {
position : absolute;
top : 45px;
left : 80px;
}

#corner_garmin {
position : absolute;
top : 0;
right : 0;
}

#corner_garmin_inscrit {
position : absolute;
top : 0;
right : 0;
}

#logo_tomtom {
position : absolute;
top : 45px;
left : 80px;
}

#logo_tomtom_inscrit {
position : absolute;
top : 60px;
left : 190px;
}


#dl_tomtom {
position : absolute;
top : 100px;
left : 80px;
}

#corner_tomtom {
position : absolute;
top : 0;
right : 0;
}

#corner_tomtom_inscrit {
position : absolute;
top : 0;
right : 0;
}

#engagement {
position : absolute;
top : 37px;
left : 30px;
margin : 0;
padding : 0;
list-style: none ;
}

#engagement a {
text-decoration : none;
color : #666666;
}

#engagement ul {
margin : 0;
padding : 0;
}

#engagement li {
padding : 1px;
/padding : 0px;
margin : 0px;
font : bold 1em 'Arial';
color : #666666;
}

/* _gauche */

#poi_nat {
position : relative;
width : 370px;
height : 120px;
margin : 0;
padding : 0;
background : url(/lang_fr/htdocs/images/radars/poi_cadeau_nat.gif) no-repeat;
}

#poi_eur {
position : relative;
width : 370px;
height : 170px;
margin : 0;
padding : 0;
background : url(/lang_fr/htdocs/images/radars/poi_cadeau_eur.gif) no-repeat;
}

#h2_poi {
position : absolute;
top : 2px;
left : 7px;
color : #ff6600;
font-size : 1.5em;
}

.p_poi {
font-size : 0.7em;
font-weight : normal;
color : #000000;
}

#p_poi_eur {
position : absolute;
top : 40px;
left : 10px;
}

#table_poi {
position : absolute;
top : 0px;
left : 0px;
}

#table_poi {
border : none;
}


#img_poi_nat {
position : absolute;
top : 50px;
left : 15px;
}

#img_poi_eur {
position : absolute;
top : 55px;
left : 15px;
}

#img_poi_eur td {
font-size : 1em;
}

#photo {
position : relative;
width : 370px;
height : 180px;
margin : 10px 0px;
}

#photo_eur{
width : 370px;
height : 240px;
margin : 10px 0px;
}

#img_dl {
width : 370px;
margin-bottom : 10px;
text-align : left;
}

#pack_nat {
float : right;
position : relative;
margin : 0;
padding : 0;
width : 520px;
height : 390px;
background : url(/htdocs/images/radars/bg_pack.gif) no-repeat;
}

#pack_eur {
float : right;
position : relative;
margin : 0;
padding : 0;
width : 520px;
height : 500px;
background : url(/htdocs/images/radars/bg_pack_eur.gif) no-repeat;
}

#h1_pack {
position : absolute;
left : 5px;
top : 10px;
margin : 0;
padding : 0;
color : #ff6600;
font-size : 1.3em;
font-weight : bold;
}

#h1_pack a, #h2_mobile_nat a, #h2_fixe_nat a, #h2_carburant_nat a {
text-decoration : none;
color : #ff6600;
}

#h1_pack a, #h2_mobile a, #h2_fixe a, #h2_carburant a {
text-decoration : none;
color : #ff6600;
}

#h3_pack {
position : absolute;
left : 15px;
top : 30px;
margin : 0;
padding : 0;
color : #666666;
font: italic bold 1.4em 'Trebuchet MS';
}

/* _droite */

.europe {
position : absolute;
left : 15px;
top : 50px;
}

.mobile_eur {
position : absolute;
left : 15px;
top : 170px;
}

.mobile_nat {
position : absolute;
left : 15px;
top : 60px;
}

.fixe_eur {
position : absolute;
left : 15px;
top : 290px;
}

.fixe_nat {
position : absolute;
left : 15px;
top : 180px;
}

.carburant_eur {
position : absolute;
left : 15px;
top : 410px;
}

.carburant_nat {
position : absolute;
left : 15px;
top : 300px;
}

.plus1_eur {
position : absolute;
left : 45px;
top : 140px;
}

.plus1_nat {
position : absolute;
left : 45px;
top : 150px;
}

.plus2_eur {
position : absolute;
left : 45px;
top : 260px;
}

.plus2_nat {
position : absolute;
left : 45px;
top : 270px;
}

.plus3_eur {
position : absolute;
left : 45px;
top : 380px;
}

.plus3_nat {
position : absolute;
left : 45px;
top : 420px;
}

#h2_europe {
position : absolute;
left : 170px;
top : 45px;
color : #ff6600;
font-size : 1.3em;
}

#liste_europe1 {
position : absolute;
left : 170px;
top : 75px;
margin: 0 ;
padding: 0 ;
list-style: none ;
}

#liste_europe1  a{
font-size : 1em;
text-decoration : none;
color : #000000;
}

#liste_europe2 {
position : absolute;
left : 260px;
top : 75px;
margin: 0 ;
padding: 0 ;
list-style: none ;
font-size : 1em;
text-decoration : none;
color : #000000;
}

#liste_europe2  a{
font-size : 1em;
text-decoration : none;
color : #000000;
}

#liste_europe3 {
position : absolute;
left : 360px;
top : 75px;
margin: 0 ;
padding: 0 ;
list-style: none ;
font-size : 1em;
text-decoration : none;
color : #000000;
}

#liste_europe3  a{
font-size : 1em;
text-decoration : none;
color : #000000;
}

#liste_europe4 {
position : absolute;
left : 460px;
top : 75px;
margin: 0 ;
padding: 0 ;
list-style: none ;
font-size : 1em;
}


#h2_mobile {
position : absolute;
left : 170px;
top : 170px;
color : #ff6600;
font-size : 1.3em;
}

#h2_mobile_nat {
position : absolute;
left : 170px;
top : 60px;
color : #ff6600;
font-size : 1.3em;
}

#liste_mobile {
position : absolute;
left : 170px;
top : 200px;
margin: 0 ;
padding: 0 ;
list-style: none ;
font-size : 1.2em;
}

#liste_mobile_nat {
position : absolute;
left : 170px;
top : 90px;
margin: 0 ;
padding: 0 ;
list-style: none ;
font-size : 1.2em;
}

#liste_mobile_nat a, #liste_fixe_nat a, #liste_carburant_nat a {
text-decoration : none;
color : #000000;
font-size : 1em;
}

#liste_mobile li , #liste_fixe li , #liste_carburant li, #liste_mobile_nat li , #liste_fixe_nat li , #liste_carburant_nat li, #liste_mobile a, #liste_fixe a, #liste_carburant a, #liste_europe1 li, #liste_europe2 li, #liste_europe3 li {
text-decoration : none;
color : #000000;
font-size : 1em;
}

#h2_europe a {
color : #ff6600;
text-decoration : none;
}

#h2_fixe {
position : absolute;
left : 170px;
top : 290px;
color : #ff6600;
font-size : 1.3em;
}

#h2_fixe_nat {
position : absolute;
left : 170px;
top : 180px;
color : #ff6600;
font-size : 1.3em;
}

#liste_fixe {
position : absolute;
left : 170px;
top : 320px;
margin: 0 ;
padding: 0 ;
list-style: none ;
font-size : 1.2em;
}

#liste_fixe_nat {
position : absolute;
left : 170px;
top : 210px;
margin: 0 ;
padding: 0 ;
list-style: none ;
font-size : 1.2em;
}

#h2_carburant {
position : absolute;
left : 170px;
top : 415px;
color : #ff6600;
font-size : 1.3em;
}

#h2_carburant_nat {
position : absolute;
left : 170px;
top : 300px;
color : #ff6600;
font-size : 1.3em;
}

#liste_carburant {
position : absolute;
left : 170px;
top : 445px;
margin: 0 ;
padding: 0 ;
list-style: none ;
font-size : 1.2em;
}

#liste_carburant_nat {
position : absolute;
left : 170px;
top : 330px;
margin: 0 ;
padding: 0 ;
list-style: none ;
font-size : 1.2em;
}

#compa_gps {
text-align : center;
margin : 20px 0px;
display : block;
border : 1px dashed #e5e5e5;
}

#stop {
clear : both;
visibility : hidden;
}

/* _onglets*/ 

#tabs {
	position : relative;
	margin-bottom : 15px;
	float:left;
	width:100%;
	font-size:93%;
	border-bottom:1px solid #e5e5e5;
	}
html[xmlns*=""] body:last-child #tabs {
  margin-top : 15px;
}	
#tabs ul {
	margin:0;
	padding:0 10px 0 50px;
	list-style:none;
	}
#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}
#tabs a {
float:left;
width : 100px;
height : 30px;
background:url(/htdocs/images/radars/onglet.gif) no-repeat 50% 50%;
border : 1px solid #e5e5e5;
border-bottom : none;
margin:0;
margin-right : 3px;
padding:0;
text-decoration:none;
text-align : center;
font-size : 1.2em;
line-height: 2.3em;
font-weight : bold;
text-align : center;
}
	
#tabs #current  a {
background:url(/htdocs/images/radars/onglet_on.gif) no-repeat left top;
}
	
#tabs a span {
float:left;
display:block;
padding:0;
color:#666666;
}
	
#tabs a span 
{float:none;
} /* IE5 MAC */

#tabs a:hover span 
{
text-decoration : underline; 
}

#tabs a:hover {
background-color : #ff6600;
color : red;
}

#codepromo {
	position : absolute;
	top : 131px;
	left: 195px;
}

#codepromo input {
	border : 1px solid #e7e7e7;
	width : 67px;
	height:16px;
	background : none;	
	color: #000;
	font-size:12px;
}

#codepromo input#validcode {
	background : #e7e7e7;
	width : 30px;
	height : 18px;
	line-height:18px;
	margin-left : 3px;
	border:none;
}

.errorcodepromo {
position:absolute;
top:131px;
left:380px;
color:red;
font-weight:bold;
}

#prix_code_1_nat {
position : absolute;
top : 60px;
left : 10px;
width : 180px;
height : 70px;
background:url(/lang_fr/htdocs/images/radars/buy/bg_code_mensu_nat.gif) no-repeat left top;
}

#prix_code_2_nat {
position : absolute;
top : 60px;
left : 195px;
width : 180px;
height : 70px;
background:url(/lang_fr/htdocs/images/radars/buy/bg_code_annu_nat.gif) no-repeat left top;
}

#prix_code_1_eur {
position : absolute;
top : 60px;
left : 10px;

width : 180px;
height : 70px;
background:url(/lang_fr/htdocs/images/radars/buy/bg_code_mensu_eur.gif) no-repeat left top;
}

#prix_code_2_eur {
position : absolute;
top : 60px;
left : 195px;
width : 180px;
height : 70px;
background:url(/lang_fr/htdocs/images/radars/buy/bg_code_annu_eur.gif) no-repeat left top;
}

#prix_code_1_nat a, #prix_code_2_nat a, #prix_code_1_eur a, #prix_code_2_eur a  {
font-size : 28px;
font-weight : bold;
color : #fff;
text-decoration:none;
}

#prix_code_1_nat a.featuring, #prix_code_2_nat a.featuring, #prix_code_1_eur a.featuring, #prix_code_2_eur a.featuring, #prix_haut_1_tracker a div div.featuring, #prix_haut_2_tracker a div div.featuring  {
color : #000;
}

#prix_code_1_nat, #prix_code_2_nat, #prix_code_1_eur, #prix_code_2_eur  {
text-align:center;
padding : 17px 0;
}

#code_bottom {
position:relative;
width:370px;
height:70px;
margin-bottom:10px;
text-align:left;
}

#code_bottom #prix_code_1_nat {
position : absolute;
top : 0;
left : 0;
}

#code_bottom #prix_code_2_nat {
position : absolute;
top : 0;
left : 190px;
}

#code_bottom #prix_code_1_eur {
position : absolute;
top : 0;
left : 0;
}

#code_bottom #prix_code_2_eur {
position : absolute;
top : 0;
left : 190px;
}