html {
  height: 100%;
}

body {
    text-align:         left ; /* For IE */
    color:              #202020 ;
    font-size:          13px ;
    background-color:   #fff ;
    margin:             0px 0px 0px 0px ;
    padding:            0px 0px 0px 0px ;
    min-height:         100%;
}

.bodyfont {
    font-family:        'Arimo', Arial  ;
}

.bodyfont_ar {
    font-family:        Arial  ;
}

ul, ol {
    list-style: none ;
    margin:  0 ;
    padding: 0 ; 
}

td {
    color:              #202020 ;
    font-size:          16px ;
    text-align:         justify ;
}

p {
    color:              #202020 ;
    font-size:          15px ;
    margin:             0px 0px 0px 0px ;
    padding:            0px 0px 0px 0px ;
/*    text-align:         justify ; */
}

h1 {
    color:              #202020 ;
    font-size:          28px ;
    margin:             20px 0px 20px 0px ;
    padding:            0px 0px 0px 0px ;
}

h2 {
    color:              #202020 ;
    font-size:          20px ;
    margin:             20px 0px 10px 0px ;
    padding:            0px 0px 0px 0px ;
}

.h2_access {
    color:              #202020 ;
    font-size:          20px ;
    margin:             10px 0px 30px 10px ;
}

h3 {
    color:              #202020 ;
    font-size:          23px ;
    margin:             20px 0px 10px 0px ;
    padding:            0px 0px 0px 0px ;
}

.h3_access {
    color:              #202020 ;
    font-size:          16px ;
    margin:             0px 0px 10px 0px ;
}

h4 {
    color:              #202020 ;
    font-size:          16px ;
    margin:             0px 0px 0px 0px ;
    padding:            20px 0px 10px 0px ;
}

h5 {
    color:              #202020 ;
    font-size:          14px ;
    margin:             0px 0px 0px 0px ;
    padding:            0px 0px 1px 0px ;
}

.gameloft {
    background: transparent url('/img/games/gameloft_bg.jpg') top center no-repeat;
}

#contenu {
  background-color:     #fff ;
  margin:               0px 0px 0px 0px ;
  padding:              0px 0px 0px 0px ;
  height:               auto ;
  min-height:           550px;
}


a {
    color:              #202020 ;
    margin:             0px ;
    padding:            0px ;
}
a:hover {
    color:              #99ca3d ;
    margin:             0px ;
    padding:            0px ;
}


a.bwhite {
    color:              #eeeff0 ;
    margin:             0px ;
    padding:            0px ;
    font-weight:        bold
}
a.bwhite:hover {
    color:              #99ca3d ;
    margin:             0px ;
    padding:            0px ;
    font-weight:        bold
}

a.button {
    background-image:   url('/img/main/arrow_b_r.gif') ;
    background-repeat:  no-repeat;
    background-position:right center;
    background-color:   #99ca3d ;
    border-width:       1px ;
    border-style:       solid ;
    border-color:       #202020 ;
    padding:            4px 25px 4px 10px ;
    margin:             0px 0px 0px 0px ;
    color:              #202020 ;
    font-weight:        bold ;
    text-decoration:    none ;
}
a.button:hover {
    background-image:   url('/img/main/arrow_g_r.gif') ;
    background-repeat:  no-repeat;
    background-position:right center;
    background-color:   #202020 ;
    color:              #99ca3d ;
    text-decoration:    none ;
}

a.buttonback {
    background-image:   url('/img/main/arrow_b_l.gif') ;
    background-repeat:  no-repeat;
    background-position:left center;
    background-color:   #cccccc ;
    border-width:       1px ;
    border-style:       solid ;
    border-color:       #202020 ;
    padding:            4px 10px 4px 25px ;
    margin:             0px 0px 0px 0px ;
    color:              #202020 ;
    font-weight:        bold ;
    text-decoration:    none ;
}
a.buttonback:hover {
    background-image:   url('/img/main/arrow_g_l.gif') ;
    background-repeat:  no-repeat;
    background-position:left center;
    background-color:   #202020 ;
    color:              #99ca3d ;
    text-decoration:    none ;
}

a.buttonshop {
    background-image:   url('/img/main/caddie.png') ;
    background-repeat:  no-repeat;
    background-position:10px 50%;
    background-color:   #99ca3d ;
    border-width:       1px ;
    border-style:       solid ;
    border-color:       #202020 ;
    padding:            4px 10px 4px 40px ;
    margin:             0px 0px 0px 0px ;
    color:              #202020 ;
    font-weight:         bold ;
    font-size:          14px;
    text-decoration:    none ;
}
a.buttonshop:hover {
    background-image:   url('/img/main/caddie_over.png') ;
    background-repeat:  no-repeat;
    background-position:10px 50%;
    background-color:   #202020 ;
    color:              #99ca3d ;
    text-decoration:    none ;
}

.main_box {
    background-color:   #ffffff ;
    width:              898px ;
    margin:             0px 0px 0px 0px ;
    padding:            20px 20px 20px 20px ;
/*    border:             1px solid #000000 ; */
    text-align:         justify ;
    height:             100% ;
}

.main_box_mini {
    background-color:   #ffffff ;
    width:              448px ;
    margin:             0px 0px 0px 0px ;
    padding:            5px 5px 5px 5px ;
    border:             1px solid #000000 ;
    text-align:         justify ;
}

.main_box_2 {
    background-color: #ffffff ;
    width:   938px ;
    margin:  0px 0px 0px 0px ;
    padding: 20px 0px 20px 0px ;
/*    border:  1px solid #000000 ; */
}

.grid_6_box {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 9px;
    width: 458px;
    background-color: #ffffff ;
    padding-top: 10px ;
    padding-bottom: 10px ;
    border:  1px solid #000000 ;
}

.ul_square {
    margin:             0px 0px 0px 20px ;
    padding:            0px 0px 0px 0px ;
    list-style-type:    square;
}

.ul_square li {
    margin:             0px 0px 0px 0px ;
    padding:            0px 0px 0px 10px ;
    text-align:         justify ;
}

.ul_disc {
    margin:             0px 0px 0px 20px ;
    padding:            0px 0px 0px 0px ;
    list-style-type:    disc;
}

.ul_disc li {
    margin:             0px 0px 0px 0px ;
    padding:            0px 0px 0px 10px ;
    text-align:         justify ;
}

.tabmodel td {
    font-size:   16px ;
}

.tabmodel_ar td {
    font-size:   20px ;
}

.yearselected {
    font-style:  italic ;
    font-weight: bold ;
    font-size:   20px ;
    text-decoration: none ;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h18 { clear: both; width:100%; height: 18px; }
.cleaner_h19 { clear: both; width:100%; height: 19px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.tdr {
    text-align:      right ;
}
.tdl {
    text-align:      left ;
}
.tdc {
    text-align:      center ;
}

.pad20 {
	margin:      0 ;
	padding:     0px 20px 0px 20px ;
        text-align:  justify ;
}

.pad30 {
	margin:      0 ;
	padding:     0px 30px 0px 30px ;
        text-align:  justify ;
}

.pad50 {
    margin:      0 ;
    padding:     0px 50px 0px 50px ;
    text-align:  justify ;
}

.cadre_938_208 {
    width:       938px;
    height:      208px;
    margin:      0px 0px 0px 0px ;
    padding:     0px 0px 0px 0px ;
    border:      1px solid #000000;
    text-align:  justify ;
}

.cadre_938_325 {
    background-color: #ffffff ;
    width:       938px;
    height:      325px;
	margin:      0px 0px 0px 0px ;
	padding:     0px 0px 0px 0px ;
    border:      1px solid #000000;
}

.cadre_938_348 {
    background-color: #ffffff ;
    width:       938px;
    height:      348px;
	margin:      0px 0px 0px 0px ;
	padding:     0px 0px 0px 0px ;
}

.cadre_938_425 {
    background-color: #ffffff ;
    width:       938px;
    height:      425px;
    margin:      0px 0px 0px 0px ;
    padding:     0px 0px 0px 0px ;
}

.cadre_938_650 {
    background-color: #ffffff ;
    width:       938px;
    height:      650px;
    margin:      0px 0px 0px 0px ;
    padding:     0px 0px 0px 0px ;
    border:      1px solid #000000;
}

.cadre_interne {
    float: right;
    padding: 50px 30px 0 0;
    width: 480px;
}

.txt_cadre {
    height: 180px;
}

.gplcad {
   float:   left;
   width:   420px;
   padding: 5px;
}

.pad0cadre {
    background:  #ffffff ;
    margin:      0px 0px 0px 0px ;
    padding:     0px 0px 0px 0px ;
    border:      1px solid #000000;
    text-align:  justify ;
}

.pad20cadre {
    background:  #ffffff ;
    margin:      10px 10px 10px 10px ;
    padding:     10px 10px 10px 10px ;
    border:      1px solid #cccccc;
    text-align:  justify ;
}

.pad30cadre {
    background:  #ffffff ;
    margin:      10px 10px 10px 10px ;
    padding:     20px 20px 20px 20px ;
    border:      1px solid #cccccc;
    text-align: justify ;
}


.disclaim {
    font-size:  9px ;
    margin:     1px 0px 1px 0px ;
    color:      #5c5c5c ;
}

.a_wo_u, a_wo_u:hover, a_wo_u:focus, a_wo_u:active {
    text-decoration: none ;
}

sup {
    vertical-align: super; /* valign: super; */
    font-size: 70%;
    line-height: 80%;
}

.specs_tit {
    font-weight:   bold;
    font-size:     14px;
    text-align:    left ;
    padding:       10px 5px 10px 5px;
}

.specs_txt {
    font-size:     14px;
    padding:       10px 2px 10px 2px;
    text-align:    left ;
}

.vision-small-10 {
    font-size:          10px ;
}

.bord_top    { border-top:    1px solid #000; }

.bord_right  { border-right:  1px solid #000; }

.bord_bottom { border-bottom: 1px solid #000; }

.bord_left   { border-left:   1px solid #000; }


/* ------- chemin web - start ------- */
.chemin_web {
        padding: 7px 0px 15px 0px;
}

.chemin_web .ch_ici {
        color: #999 ;
        font-weight: bold ;
}
/* ------- chemin web - stop -------  */


/* ~~~~~~~ sub menu #0 and #2 - start ~~~~~~~ */

#sub_menu_div {
        margin:      0 ;
        padding:     0 ;
}

#sub_menu_0, #sub_menu_2 {
        list-style: none ;
        border-bottom: 1px solid #A3A3A3;
        overflow:     hidden ;
}

#sub_menu_0 li {
        float:          left ;
        width:          180px ;
        border:         1px solid #000000 ;
        border-bottom:  0px solid #000000;
        margin-right:   3px ;
        color:          #666666 ;
}

#sub_menu_2 li {
        float:             right ;
        background-color:  #A6A6A6;
        margin-right:      4px;
        font-size:         15px;
}

#sub_menu_2 li a {
        display:            block ;
        color:              #FFFFFF ;
        text-decoration:    none ;
        padding:            4px 10px 4px 10px;
}

#sub_menu_0 li a {
        display:            block ;
        color:              #FFFFFF ;
        text-decoration:    none ;
}

#sub_menu_0 li a:hover, #sub_menu_2 li a:hover  {
        color:           #FFFFFF ;
/*        text-decoration: underline ;*/
}

#sub_menu_0 li:hover, #sub_menu_2 li:hover  {
        background-color: #3A3A3A;
}

#sub_menu_0 .sel, #sub_menu_2 .sel {
        background-color: #3A3A3A;
}

#sub_menu_2 .buy_now {
        background-color: #9ACA3C;
}

#sub_menu_2 .buy_now:hover {
        background-color: #7cac1e;
}

#sub_menu_2 .unavailable {
        background-color: #dd0000;
}

#sub_menu_2 .unavailable:hover {
        background-color: #dd0000;
}

#sub_menu_2 .unavailable a {
        cursor: default;
}

/* ~~~~~~~ sub menu #0 and #2 - stop ~~~~~~~  */


/* ~~~~~~~ sub menu #1 - start ~~~~~~~  */

#sub_menu_1 {
        list-style:   none ;
        margin:       0 ;
        padding:      0;
        overflow:     hidden ;
}

#sub_menu_1 li {
        float:          left ;
        margin-right:   30px ;
        color:          #666666 ;
        font-weight:    bold ;

}

/* ~~~~~~~ sub menu #1 - stop ~~~~~~~ */

/* ~~~~~~~ Device Range - start ~~~~~~~  */

.divright_range {
    padding:    45px 0px 0px 0px;
}
.conteneur_thumbs {
    height:     150px;
    margin:     0 auto;
}
.thumb_range {
    width:      130px;
    height:     125px;
    padding:    0px 20px 0px 0px;
    float:      left;
    text-align: center;
}
.thumb_range img {  
    height: 100%;
    width:  100%;
}
.thumb_range img:hover {
    height:     200%;
    left:       -70px;
    position:   relative;
    top:        -10px;
    width:      200%;
}
.link_range {
    font-size:  15px;
}
.txt_range {
    padding:    10px 0px 0px 20px;
    font-size:  22px;
}
.hbar_range {
    border-bottom: 1px solid #A3A3A3;
    padding-top:   10px;
}

/* ~~~~~~~ Device Range - stop ~~~~~~~ */

/*---- BLOCK background imgage with bottom text ----*/
.bgimg_botxt_link { text-decoration: none ; }

.bgimg_botxt_img {
        width: 298px ;
        height: 150px ;
        border: 1px solid #000 ;
}

.bgimg_botxt_img460x250 {
        width:  460px ;
        height: 250px ;
        border: 0px ;
}

.bgimg_botxt_img940x300 {
        width:  940px ;
        height: 300px ;
        border: 0px ;
}

.bgimg_botxt_txt {
        font-size: 16px ;
        color: #FFF ;  
        padding: 126px 0 0 7px ;
}

.bgimg_botxt_txt460x250 {
        font-size: 16px ;
        color: #202020 ;
        padding: 214px 0 0 10px ;
}

.bgimg_botxt_txt940x300 {
        font-size: 16px ;
        color: #202020 ;
        padding: 264px 0 0 10px ;
}

.bgimg_botxt_car {
        float: right ; 
        padding-right: 7px ;
}
/*---- END: BLOCK background imgage with bottom text ----*/