/* CSS Document - Author: ENIGMATIC */

*{
   margin: 0;
   padding:0;
   border:none;
}

#enigmatic{
    background: url(/sts/www-tridentt-fr/img/gbr/enigmatic.png) no-repeat 0 7px;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sts/www-tridentt-fr/img/gbr/enigmatic.png');
	_background-image:none;
    bottom:8px;
    display:block;
    height:60px;
    left:8px;
    position:fixed;
    _position:relative;
    width:140px;
}
#enigmatic span{display: none;}

body{
    background: url(/sts/www-tridentt-fr/img/gbr/bg_repeat.gif) repeat;    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: justify;
}

#vert, #vert a {color: #78AF00;}
#orange, #orange a {color: #F18F00;}
#bleu, #bleu a {color: #0098D4;}
#jaune, #jaune a {color: #EFAE00;}

#vert h3.presentation{background: url(/sts/www-tridentt-fr/img/gbr/presentation_v.gif) no-repeat;}
#orange h3.presentation{background: url(/sts/www-tridentt-fr/img/gbr/presentation_o.gif) no-repeat;}
#bleu h3.presentation{background: url(/sts/www-tridentt-fr/img/gbr/presentation_b.gif) no-repeat;}   
#jaune h3.presentation{background: url(/sts/www-tridentt-fr/img/gbr/presentation_j.gif) no-repeat;}        

#vert a:hover, #orange a:hover, #bleu a:hover, #jaune a:hover{
    color: #666;
}

#page{
    width: 867px;
    margin: auto;
    margin-top: 50px;
    background: url(/sts/www-tridentt-fr/img/gbr/page_repeat.gif) repeat-x;
}
#page.accueil{
    background: url(/sts/www-tridentt-fr/img/gbr/accueil_repeat.gif) repeat-y;    
}
#accueil{background: url(/sts/www-tridentt-fr/img/gbr/accueil_right_img.jpg) no-repeat 590px 44px;}

    #accueil #header{
        width: 867px;
        height: 44px;
        background: url(/sts/www-tridentt-fr/img/gbr/accueil_top.jpg) no-repeat;
    }
    #accueil #content{
        margin-left: 62px;
        background: url(/sts/www-tridentt-fr/img/gbr/accueil_left_img.jpg) no-repeat 0 100%;
        padding-bottom:10px;
    }
        #accueil h1{
            height: 40px;
            background: url(/sts/www-tridentt-fr/img/gbr/tridentt_tt.gif) no-repeat 9px 2px;
        }
        #accueil h1 span{display: none;}

        #accueil h3{
            margin-bottom: 10px;
        }
        
         #accueil #vert, #accueil #orange, #accueil #bleu, #accueil #jaune, #accueil #club{ 
            display: block; 
            width: 360px; 
                        margin-left: 150px; 
            padding-left: 80px; 
            margin-top: 35px; 
                        color: #333;
            text-decoration : none;
        }
        
            #accueil #vert{background: url(/sts/www-tridentt-fr/img/gbr/v_tridentt.gif) no-repeat; min-height: 71px; _height: 71px;}
                #accueil #vert h3{background: url(/sts/www-tridentt-fr/img/gbr/v_titre.gif) no-repeat; height: 15px;}
                    #accueil #vert h3 span{display: none;}
                #accueil #vert:hover{color: #84B81A;}
                                    
            #accueil #orange{background: url(/sts/www-tridentt-fr/img/gbr/o_tridentt.gif) no-repeat; min-height: 71px; _height: 71px;}
                #accueil #orange h3{background: url(/sts/www-tridentt-fr/img/gbr/o_titre.gif) no-repeat; height: 15px;}
                    #accueil #orange h3 span{display: none;}
                #accueil #orange:hover{color: #F18F00;}

            #accueil #bleu{background: url(/sts/www-tridentt-fr/img/gbr/b_tridentt.gif) no-repeat; min-height: 71px; _height: 71px;}
                #accueil #bleu h3{background: url(/sts/www-tridentt-fr/img/gbr/b_titre.gif) no-repeat; height: 15px;}
                    #accueil #bleu h3 span{display: none;}
            #accueil #bleu:hover{color: #0098D4;}       

            #accueil #jaune{background: url(/sts/www-tridentt-fr/img/gbr/j_tridentt.gif) no-repeat; min-height: 71px; _height: 71px;}
                #accueil #jaune h3{background: url(/sts/www-tridentt-fr/img/gbr/j_titre.gif) no-repeat; height: 15px;}
                    #accueil #jaune h3 span{display: none;}
            #accueil #jaune:hover{color: #EFAE00;}
          
          
          	#accueil #club{background: url(/sts/www-tridentt-fr/img/gbr/club_tridentt_logo.png) no-repeat; min-height: 71px; _height: 71px;}
                #accueil #club h3{background: url(/sts/www-tridentt-fr/img/gbr/club_titre.gif) no-repeat; height: 15px;}
                    #accueil #club h3 span{display: none;}
                #accueil #club:hover{color: #7e7564;}
                                    
    #accueil p{width: 285px;}

                
#accueil #footer{
    background: url(/sts/www-tridentt-fr/img/gbr/accueil_btm.jpg) no-repeat;
}

#accueil #footer ul{
    float: left;
    _margin-left: 40px;
    
}
#copy{position: absolute; bottom: 0;}

    #accueil #footer li, #copy li{
        list-style-type: none;
        display: inline;
        font-size: 11px;
        color: #666;
    }
        #accueil #footer li a, #copy li a{
            font-size: 11px;
            text-decoration: none;
            color: #666;
        }
        #vert #copy li a:hover, #accueil #footer li a:hover{color: #84B81A;}
        #orange #copy li a:hover{color: #F18F00;}
        #bleu #copy li a:hover{color: #0098D4;}
        #jaune #copy li a:hover{color: #EFAE00;}

#col_left, #col_right{padding-bottom: 30px;}

#col_left{
    position: relative;
    float: left;
        padding-left: 75px;
    background: url(/sts/www-tridentt-fr/img/gbr/page_left.gif) no-repeat -1px 0; 
        width: 210px;
}
   
    #col_left h1 a{
        display: block; 
        width:163px; 
        height: 38px; 
        background: url(/sts/www-tridentt-fr/img/gbr/tridentt_tt_rub.gif) no-repeat; 
        margin-left: -7px;
    }
        #col_left h1 a span{display: none;}
    
    
        #menu{margin-top: 10px;}
    #menu li{
        list-style-type: none;
    } 
        #menu li a{
            display: block;
            width: 205px;
            height: 40px;
        }
            #menu li a span{display: none;}
    
    .menu_v a{background: url(/sts/www-tridentt-fr/img/gbr/menus_v.gif) no-repeat 0 -40px;}
    .menu_o a{background: url(/sts/www-tridentt-fr/img/gbr/menus_o.gif) no-repeat 0 -40px;}
    .menu_b a{background: url(/sts/www-tridentt-fr/img/gbr/menus_b.gif) no-repeat 0 -40px;}
    .menu_j a{background: url(/sts/www-tridentt-fr/img/gbr/menus_j.gif) no-repeat 0 -40px;}
    
        .menu_v a:hover,
		.menu_o a:hover,
		.menu_b a:hover,
		.menu_j a:hover
		{background-position: 0px 0px;}
        
        #vert 	.menu_v.active a, 
        #orange .menu_o.active a,
        #bleu 	.menu_b.active a,
        #jaune 	.menu_j.active a
		{background-position: 0 -80px;}
    
    
        
    #contact{position: absolute; bottom: 25px; margin-top: 30px;}
    #contact h3, #contact h4{color: #000;}
    
    #contact h3{
        margin-top: 1em;
        font-size: 12px;
        text-transform: uppercase;
    }

    #contact p, #contact h4{
        font-size: 11px;
        margin-bottom: 0.5em;
    }


#col_right{
    float: left; 
    width: 572px; 
    padding: 80px 0px 30px 10px;}
    #col_right h2{height: 25px; margin-bottom: 30px;}
        #col_right h2 span{display: none;}
        
    h3.presentation{height: 13px; margin-bottom: 5px;}
        h3.presentation span{display: none;}
     
        
        #vert #col_right h2{background: url(/sts/www-tridentt-fr/img/gbr/page_titre_v.gif) no-repeat;}

        #orange #col_right h2{background: url(/sts/www-tridentt-fr/img/gbr/page_titre_o.gif) no-repeat;}

        #bleu #col_right h2{background: url(/sts/www-tridentt-fr/img/gbr/page_titre_b.gif) no-repeat;}

        #jaune #col_right h2{background: url(/sts/www-tridentt-fr/img/gbr/page_titre_j.gif) no-repeat;}

        
            
    #col_right h4{
        font-size: 12px; 
        font-weight: normal; 
        margin-top: 1em;
    }

    #col_right p{
        color: #000;
        width: 345px;
        padding: 0.5em 0 1em 0;
    }
    
    #col_right li{
        width: 330px;
    }
    
    #col_right li{
        padding-left: 15px;
        color: #000;
        margin-top: 1em;
        list-style-type: none;
        background: url(/sts/www-tridentt-fr/img/gbr/puce.gif) no-repeat 3px 4px;        
    }
    
    
    #col_right li ul li{
        list-style-position: inside;
        list-style-type: circle;
        background: none;
        margin-top: 0.5em;
            }
    
    
    #page {
        background: url(/sts/www-tridentt-fr/img/gbr/accueil_repeat.gif) repeat-y -4px 0;
        height: inherit;
    }
    
    #ombre_top{
        background: url(/sts/www-tridentt-fr/img/gbr/ombre_top.png) no-repeat 59px 0;
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sts/www-tridentt-fr/img/gbr/ombre_top.png');
	    _background-image:none;
	    _margin-left: 30px;
        float:left;
        height:8px;
        margin-top:-8px;
        width:820px;
        z-index:10;
    }
    
    .rubrique{
        margin-top:-8px;
    }
    
    #col_left, #col_right{
        background: none;
        height: inherit;
        
    }
    
    #col_right{
        width: 525px;
        padding:35px 0px 30px 10px;
        margin-top:-2px;
        _margin-top: 6px;
        /*min-height: 340px;*/
        _height: 351px;
    }
    
        #bleu.rubrique{
            background: url(/sts/www-tridentt-fr/img/gbr/page_right_b.jpg) no-repeat 570px 100%;
        }
        
        #orange.rubrique{
            background: url(/sts/www-tridentt-fr/img/gbr/page_right_o.jpg) no-repeat 570px 100%;
        }
        
        #vert.rubrique{
            background: url(/sts/www-tridentt-fr/img/gbr/page_right_v.jpg) no-repeat 570px 100%;
        }
        
        #jaune.rubrique{
            background: url(/sts/www-tridentt-fr/img/gbr/page_right_j.jpg) no-repeat 570px 100%;
        }
    
    #page h1{
        background: url(/sts/www-tridentt-fr/img/gbr/page_top.gif) no-repeat; 
        padding: 0 72px;
        height:58px;
    }
    
        #page h1 a{
            display: block; 
            width:163px; 
            height: 46px; 
            background: url(/sts/www-tridentt-fr/img/gbr/tridentt_tt_rub.png) no-repeat; 
        }
        
            #page h1 a span{display: none;}
            
    #footer{
        clear: both; 
        position: relative; 
        background: url(/sts/www-tridentt-fr/img/gbr/page_bottom.gif) no-repeat;
        height: 41px;
        padding:8px 0pt 0pt 70px;
    }
    #page.accueil #footer{
        _padding:8px 0pt 0pt 0px;
    }
    
    .clear{
        clear: both;
    }
    
    #copy, #contact{
        position: relative;
        bottom: inherit;
    }
        
    #page #accueil h1{
        background:transparent url(/sts/www-tridentt-fr/img/gbr/tridentt_tt.gif) no-repeat scroll 9px 2px;
        height:50px;
    }