/* <![CDATA[ */
    
    /***************************************************************
     * BASE ELEMENTS- SECTION 1
     *
     * Template classes
     ***************************************************************/
    
    /*----------------------------------------------
     :     ACCESSIBILITY
     -----------------------------------------------*/
    #skip a, #skip a:hover, #skip a:visited {
        position:               absolute;
        left:                   0px;
        top:                    -500px;
        width:                  1px;
        height:                 1px;
        overflow:               hidden;
    }
    
    #skip a:active {
        position:               static;
        width:                  auto;
        height:                 auto;
    }
    
    SPAN.accessKey {
        text-decoration:        underline;
    }
    
    /*----------------------------------------------
     :     GLOBALS STRUCTURE
     -----------------------------------------------*/
    /* Dimensions & positions for all the elements */
    
    /* HTML - Generic */
    HTML, BODY {
        margin:                 0px;
        padding:                0px;
        background:             url(saintpierre-imgs/fond_saint_pierre.jpg);
        color:			#333;
    }
    
    /* FOR NON IE : to restablish text align in the DIV structure */
    BODY>DIV {
        text-align:             left;
    }
    #pre_interface {
        background-image:       url(saintpierre-imgs/dotColumns.png);
        background-position:    205px 165px;
        background-repeat:      no-repeat;
        width:                  1000px;
        height:                 100%;
        overflow:               hidden;
        margin-top:             0px;
        margin-left:            30px;
        text-align:             left;
    }

    #interface {
        width:                  955px;
        background-image:       url(saintpierre-imgs/dotColumns.png);
        background-position:    163px 185px;
        background-repeat:      no-repeat;
        height:                 95%;
        overflow:               hidden;
        margin-top:             0px;
        margin-left:            30px;
        text-align:             left;
    }
    
    #header {
        width:                  955px;
        height:                 165px;
        overflow:               hidden;
        margin-top:             20px;
    }
    
    #corporate {
        width:                  955px;
        height:                 165px;
        overflow:               hidden;
        margin:                 0px;
    }
    
    
    #main {
        width:                  955px;
        height:                 100%;
        overflow:               hidden;
    }
    
    /* Column left  */
    #col_left {
        float:                  left;
        width:                  165px;
        height:                 100%;
    }
    
    /* Column center */
    #col_center {
        float:                  left;
        width:                  575px;
    }
    
    .content {
        width:                  510px;
        margin:                 0px 30px 0px 35px;
        padding-top:            25px;
        padding-bottom:         30px;
        color:                  #333;
        clear:                  both;
    }
    
    .content P.bodytext {
        margin-bottom: 10px;
    }
    
    .content DIV .csc-firstHeader {
        margin-bottom:          20px;
    }
    
    .content TABLE P.bodytext, .content TABLE H2, .content TABLE H3, .content TABLE H4, .content TABLE H5, .content TABLE H6 {
        margin-left:            0px;
        width:                  auto;
    }
    
    /*----------------------------------------------
     :     COLUMN RIGHT
     -----------------------------------------------*/
    /* Dimensions & positions for headers elements  */
    #col_right {
        float:                  left;
        width:                  215px;
        height:                 100%;
    }
    
    #teasers_top {
        width: 195px;
        height: auto;
        overflow: hidden;
        margin-left: 20px;
        margin-top: 25px;
    }
    
    #teasers_top DIV {
        margin: 0px 0px 0px 10px;
        padding: 0px;
    }
    
    #teasers_top H2 {
		margin: 0px 0px 5px 0px;
    }
    
    #teasers_top P.bodytext {
        margin: 5px 0px 30px 0px;
        line-height: 120%;
        font-size:  16px;
    }
    
    #teasers_top A.mail:hover {
    	/*color: #320407;*/
    }
    
   #teasers_bottom {
        width: 150px;
        height: auto;
        overflow: hidden;
        padding-top: 5px;
        margin-left: 20px;
        text-align: right;
    }
    
    #teasers_bottom DIV.csc-textpic-imagewrap {
        float: right;
        clear: both;
    }
    
    #teasers_bottom P.bodytext {
        width: 160px;
        margin: 0px 0px 0px 25px;
        color: #320407;
    }
    

    #footer {
        width:                  955px;
        margin-top:             20px;
        margin-left:            auto;
        margin-right:           auto;
    }
    
    #credits {
        margin-left:            200px;
    }

    /*----------------------------------------------
     :     NAVIGATION GLOABALS
     -----------------------------------------------*/
    #menu_level1 {
        overflow: hidden;
        display: block;
    }
    
    /* IE 6 Hack */
    * HTML #menu_level1 {
    	display: inline;
    }
    
    /*----------------------------------------------
     :     MENU LEVEL 1
     -----------------------------------------------*/
    #menu_level1 {
        float: left;
        padding-top: 10px;
        margin-right: 0px;
    }
    
    #menu_level1 UL {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }
    
    #menu_level1 LI {
        margin-top: 10px;
        overflow: hidden;
        list-style: none;
        display: block;
    }
    
    /*----------------------------------------------
     :     MENU LEVEL 2
     -----------------------------------------------*/
     
    #level2 {
        margin: 0px 0px 15px 10px;
        padding: 0px;
        list-style: none;
        display: block;
        width: 165px;
        clear: both;
    }

    #level2 UL {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

    #level2 LI {
        margin: 0px;
    }
    
    #level3 {
        margin: 0px 0px 5px 0px;
        padding: 0px;
        list-style: none;
        font-size: 10px !important;
    }
    
    #level3 UL LI SPAN A {
        font-size: 10px !important;
    }
    
    #level4 {
        margin: 0px 0px 5px 0px;
        padding: 0px;
        list-style: none;
    }
    
    #level4 UL LI SPAN A {
        font-size: 9px !important;
    }


    /*----------------------------------------------
     :     MENU PERIPHERICAL
     -----------------------------------------------*/    
    #menu_periph {
        float: right;
        margin-right: 20px;
    }

    #menu_periph UL {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

    #menu_periph LI, #menu_periph LI .act {
        float: left;
    }

    /***************************************************************
     * BASE ELEMENTS - SECTION 3
     *
     * PLUGINS
     ***************************************************************/
    /* TT NEWS */
    .news-latest-container {
        margin-left: 10px;
        margin-bottom: 20px;
        width: 380px;
    }
    .news-latest-container H2 {
        margin-bottom: 15px;
        margin-left: 0px;
    }
    .news-latest-container H3 {
        margin-left: 0px;
    }
    .news-latest-container .news-latest-item {
        margin-bottom: 15px;
    }
    .news-latest-container P.bodytext {
        margin-left: 0px;
        margin-bottom: 5px;
    }

    .news-single-item {
        margin-left: 10px;
        margin-bottom: 20px;
		width: 380px;
    }
    .news-single-item  H2{
        margin-bottom: 15px;
        margin-left: 0px;
    }
    .news-single-item H3{
        margin-left: 0px;
    }
    .news-single-item .news-single-img A {
        border-bottom: none;
    }
    .news-single-item P.bodytext {
        margin-left: 0px;
        margin-bottom: 5px;
    }

	DIV.tx-rgsmoothgallery-pi1 DIV.content {
		padding: 0px;
	}
    
    DIV.news-search-form, DIV.news-search-emptyMsg {
        margin-left: 20px;
        margin-bottom: 20px;
    }


	/* TYPO3 Content Table - Image Border */
	TABLE.contenttable TR TD IMG {
		border: 1px solid #CBCC99;
	}
	
	/* FLV Player */
	DIV.tx-flvplayer-pi1 {
		width: 550px;
		text-align: center;
	}

/* ]]> */