body
{
    margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
    padding: 0;
}


a img{ border: 0;}
.site_container{
    background-image: url(/templates/55/images/fond-homepage.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top center;
    
    margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
    padding: 0;
    text-align: center;
    
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    
    width:100%;
    height:100%;
    position:relative;
}

.dti_head_container
{
    margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
    width: 997px;
    
    text-align: left;
}

.dti_head_container table
{
    width: 100%;
    
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 15px;
}

/***************************/
/*        Top Menu         */
/***************************/
.dti_top_menu
{
    text-align: right;
    padding-right: 15px;
}

.dti_top_menu li {
    padding-left:1em;
    margin-left:1em;
    border-left:1px solid #ddd
}
.dti_top_menu li:first-child {
    border-left:none;
}
.dti_top_menu li a
{
    color: #CCC;
    font-size: 12px;
    text-decoration: none;
}


/***************************/
/*       Main Menu         */
/***************************/
.dti_main_menu
{
    padding-left: 60px;
    padding-bottom: 4px;
    vertical-align: bottom;
}

.dti_main_menu li
{
    padding-left:1em;
    margin-left:1em;
    border-left:1px solid #FFF
}

.dti_main_menu li:first-child {
    border-left:none;
}


.dti_main_menu h2
{
    padding-right: 5px;
}

.dti_main_menu li a
{
    color: #FFF;
    font-size: 17px;
    text-decoration: none;
    text-align: left;
}

/*********************/

.dti_language_selector
{
    color: #FFF;
    font-size: 11px;
    font-weight: 500;
    text-align: right;
}

/*********************/

.dti_main_container{
    background-image: url(/templates/55/images/fond-contenu-central-homepage.png);
    background-repeat: no-repeat;
    
    position: relative;
    margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
    
    width: 997px;
    height: 663px;
}

.dti_carrousel
{
    padding-top: 13px;
}

/***************************/
/*       Featured Games    */
/***************************/
.dti_featured_games
{
    margin-right: 5px;
    text-align:left;
}

.fgames_title
{
    color: #03C;
    font-size: 14px;
    font-weight: 500;
    margin-left:15px;
    left: 5px;
    
}


.featured_game img
{
    padding: 4px;
}

/***************************/
/*       Bottom Menu       */
/***************************/

.dti_bottom_menu
{
    
    position: absolute;
    padding-bottom: 9px;
    padding-right: 20px;
    bottom: 0;
    right: 0;
}

.dti_bottom_menu li
{
    padding-left:0;
    margin-left:0;
}

.dti_bottom_menu li:first-child {
    border-left:none;
}

.dti_bottom_menu li a
{
    color: #222;
    font-size: 10px;
    text-align: right;
}

.dti_pg2_container
{
    background-image:url(/templates/55/images/fond-career.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
    
    margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
    padding: 0;
    text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
    
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    width:100%;
    height:100%;
    position:relative;
}

.dti_secondary_container_top
{
    background-image:url(/templates/55/images/main-transp-top.png);
    width: 1019px;
    height: 26px;
    
    margin:0px auto;
    
}

.dti_secondary_container
{
    background-image:url(/templates/55/images/main-transp-center.png);
    width:1019px;
    height:auto;
    
    margin:0px auto;
}


.dti_secondary_container_bottom
{
    background-image:url(/templates/55/images/main-transp-bottom.png);
    width: 1019px;
    height:42px;
    
    position: relative;
    margin:0px auto;
    vertical-align: top;
    
}

.dti_left_col_top{
    background-image:url(/templates/55/images/contenu-central-top.png);
    width:670px;
    height: 13px;
}
.dti_left_col
{
    background-image:url(/templates/55/images/contenu-central-center.png);
    width: 670px;
    height:auto;
}
.dti_left_col_bottom{
    background-image:url(/templates/55/images/contenu-central-bottom.png);
    width:670px;
    height: 13px;
    vertical-align: top;
}

.dti_right_col_top{
    background-image:url(/templates/55/images/contenu-lateral-top.png);
    width: 290px;
    height: 13px;
    margin: 0; padding: 0;
}

.dti_right_col{
    background-image: url(/templates/55/images/contenu-lateral-center.png);
    background-position: top left;
    background-repeat: repeat;
    background-color:#FFF;
    
    /*overflow:auto;*/
    border-top:1px solid white;
    border-bottom: 1px solid white;
    
    margin: 0; padding: 0;
    width: 290px;
    min-height: 500px;
    
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #999;
    vertical-align: top;
}

.dti_right_col_bottom{
    background-image:url(/templates/55/images/contenu-lateral-bottom.png);
    width: 290px;
    height: 13px;
    margin: 0; padding: 0;
}

.main_content
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333;
    padding-left: 5px;
    padding-right: 10px;
    width: 460px;
    border-left-width: thin;
    border-left-style: dotted;
    border-left-color: #CCC;
}

.left_content {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #999;
    vertical-align: text-top;
}


.right_content{
    vertical-align: text-top;
}

.dti_pg3_container
{
    background-image: url(/templates/55/images/fond-advertise.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
    
    margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
    padding: 0;
    text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
    
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    
    width:100%;
    height:100%;
    position:relative;
}

.dti_pg4_container
{
    background-image:url(/templates/55/images/fond-company.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
    
    margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
    padding: 0;
    text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
    
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    
    width:100%;
    height:100%;
    position:relative;
}

.dti_pg5_container
{
    background-image:url(/templates/55/images/fond-contact.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
    
    margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
    padding: 0;
    text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
    
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    
    width:100%;
    height:100%;
    position:relative;
}

.dti_pg6_container
{
    background-image:url(/templates/55/images/fond-partner.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
    
    margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
    padding: 0;
    text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
    
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    
    width:100%;
    height:100%;
    position:relative;
}

.dti_pg7_container
{
    background-image:url(/templates/55/images/fond-product.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
    
    margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
    padding: 0;
    text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
    
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    
    width:100%;
    height:100%;
    position:relative;
}

/* you may want to setup some decorations to active the item */
div.items div.active {
    border:1px inset #ccc;
    background-color:#fff;
}



/*********************/
/* DIV Conteneur du menu-déroulant*/
ul#MegaDropDown_list div
{
    background-image: url(/templates/55/images/fond-dropdown.png);
    background-position: center;
    /*Firefox*/
    -moz-border-radius: 0px 8px 8px 8px;
    /*Safari*/
    -webkit-border-radius: 8px;
    -webkit-border-top-left-radius: 0px;
    -opera-border-radius: 8px;
    /*Konqueror*/
    -khtml-border-radius: 0px 8px 8px 8px;
    border-radius: 0px 8px 8px 8px;
    left: 16px;
    width: 240px;
}

/******************/
/* Menus niveau 1 */
/* qui ont des enfants niv 2 seulement */
.MegaDropDown_li_has_childs h2 a
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #FFF;
    /*Firefox*/
    -moz-border-radius: 8px 8px 0px 0px;
    /*Safari*/
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    border-radius: 8px 8px 0px 0px;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:5px;
    padding-right: 5px;
}

/* Hover (mouse-over) pour menus niveau 1 possédant des enfants niv 2 seulement */
/* Activée par javascript (jquery), ne pas renommer */
.MegaDropDown_li_has_childs_hover
{
    color: #666;
    text-decoration: none;
    background-color: #EFEFEF;
}

/*******************/
/* Menus niveau 2*/
ul#MegaDropDown_list h3 a, ul#MegaDropDown_list h3 a:visited {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #333;
    text-decoration: underline;
    padding-left: 10px;
}

ul#MegaDropDown_list h3 a:hover,
ul#MegaDropDown_list h3 a:focus
{
    color: #039;
    text-decoration: underline;
}

/*******************/
/* Menus niveau 3*/
ul#MegaDropDown_list p a,
ul#MegaDropDown_list p a:visited
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    padding: 5px;
    padding-left: 0;
}

ul#MegaDropDown_list p a:hover,
ul#MegaDropDown_list p a:focus
{
    color: #039;
    text-decoration: underline;
}

ul#MegaDropDown_list p
{
    
    padding-bottom: 20px;
    padding-left: 20px;
    background-image: url(/templates/55/images/separation.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
}

/*******************/
/*CSS sous menu*/

.submenu li
{
    display: block;
}


.submenu a
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    text-decoration: none;
    
    display: block;
    height: 31px;
    width: 179px;
    
    padding-top: 5px;
    padding-left: 5px;
    
    background-image: url(/templates/55/images/submenu-btn.png);
    background-repeat: no-repeat;
}

.submenu a:hover {
    color: #333;
    background-image: url(/templates/55/images/submenu-btn-over.png);
    background-repeat: no-repeat;
}

.copyright
{
    font-size: 10px;
    padding-left: 8px;
    vertical-align:bottom;
}

ul.list_menu{margin:0;padding:0;}
ul.list_menu li {margin:0;padding:0;}