/*---------------------------------------------------
 * Cité Nantes Events Center Nantes-Métropole
 * Historique
 *      SQLI - Création : 2010/05/06
 */

/*---------------------
   Variables globales
 ----------------------*/
body {
    margin: 0;
    padding: 0;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 70%;
    background: url(../images/v5/bg_global_body.png) repeat-x top left !important;
    behavior: url('js/csshover3.htc'); /* Fichier importe pour permettre à Internet Explorer 7+ de comprendre la pseudo-classe :hover */
}

img,div,h1,a,p {
    behavior: url(js/iepngfix.htc); /* Fichier permettant à Internet Explorer d'exploiter les PNG */
    border: none;
}

* {
    margin: 0;
    padding: 0;
}

div,li {
    _height: 1%;
}

br.clear {
    clear: both;
    margin: 0;
    padding: 0;
}

div#page {
    margin: 0 auto;
    padding: 0;
    position: relative;
}

a, a:link, a:visited {
    text-decoration: none;
    color: #b6b6b6;
}

a:hover {
    color: #632182;
}

input, textarea {
    border: 1px solid #c3c3c3;
}

/*--------------
   Central part
 ---------------*/
div#central_part {
    margin: 0 auto;
    width: 1044px;
    position: relative;
}

/*-------------
    Bannière
 --------------*/

div#banniere_container {
    background:none repeat scroll 0 0 #FFFFFF;
	margin:0 0 0 5px;
	padding:0;
	text-align:center;
	width:1023px;
}

#left_column div#banniere_container {
    width: auto !important;
}

/*---------
   Header
 ----------*/
div#header {
    margin: 0 0 0 5px;
    padding: 0;
    width: 1023px;
    height: 130px;
    background: #ffffff;
    position: relative;
    z-index: 999;
}

    /* Spécificité header interne */
    div.header_interne {
        background: url(../images/v5/bg_header_interne.png) no-repeat bottom left !important;
        height: 110px !important;
    }

    div.header_interne_uk {
        background: url(../images/v5/bg_header_interne_uk.png) no-repeat bottom left !important;
        height: 110px !important;
    }

    /* Logo */
    #header #logo {
        float: left;
        margin: 8px 0 0 4px;
    }

        #logo h1 {
            margin: 0; padding: 0;
            background: url(../images/v5/logo.gif) no-repeat top left;
        }

            #logo h1 a,
            #logo h1 a:link,
            #logo h1 a:visited {
                display: block;
                overflow: hidden;
                margin: 0; padding: 0;
                width: 215px; height: 91px;
                text-decoration: none;
                text-indent: -100em;
            }

    /* Top menu */
    #header #top_menu {
        float: right;
        list-style-type: none;
        overflow: hidden;
        margin: 5px 10px 0 0;
    }
    
        #header #top_menu li {
            display: block;
            float: left;
            margin: 0 5px 0 0;
        }

            #header #top_menu li a,
            #header #top_menu li a:link,
            #header #top_menu li a:visited {
                background: url(../images/v5/puce_top_menu.gif) no-repeat top left;
                color: #414141;
                padding: 0 0 0 12px;
            }

            #header #top_menu li a:hover {
                background: url(../images/v5/puce_top_menu.gif) no-repeat bottom left;
            }

        #header #top_menu li.langue {
            margin: 0 10px 0 0;
        }

    /* Search */
    #header #search {
        float: right;
        background: url(../images/v5/bg_search.gif) no-repeat top left;
        width: 297px;
        height: 26px;
        line-height: 24px;
        vertical-align: middle;
        padding: 0px 0px 1px 15px;
        margin: 20px 0 0 0;
        clear:right;
    }

        #header #search label {
            float: left;
            margin: 0 10px 0 0px;
            color: #632182;
        }

        #header #search input {
            float: left;
            width: 145px;
            height: 16px;
            font-size: 1em;
            margin: 4px 0 0 0;
        }

        #header #search a,
        #header #search a:link,
        #header #search a:visited {
            float: right;
            text-indent: -500em;
            overflow: hidden;
            background: url(../images/v5/btn_search_ok.gif) no-repeat top left;
            width: 33px;
            height: 12px;
            margin: 8px 30px 0 0px;
        }

        #header #search a:hover {
            background: url(../images/v5/btn_search_ok.gif) no-repeat bottom left;
        }

    /* Main menu */
    #header #main_menu {
        z-index: 1000;
        display: block;
        float: right;
        margin: 15px 4px 0 0px;
        width: 800px;
        position: relative;
    }

        #header #main_menu li {
            z-index: 1001;
            display: block;
            float: right;
            right: 0;
            height: 27px;
            position: relative;
        }

            #header #main_menu li span.tl {
                z-index: 1001;
                float: left;
                display: block;
                background: url(../images/v5/main_menu_tl.gif) no-repeat top left;
                width: 7px;
                height: 27px;
            }

            #header #main_menu li a,
            #header #main_menu li a:link,
            #header #main_menu li a:visited {
                z-index: 1001;
                float: left;
                display: block;
                background: url(../images/v5/main_menu_bg.gif) repeat-x top left;
                line-height: 25px;
                vertical-align: middle;
                text-transform: uppercase;
                font-weight: bold;
                font-size: 1em;
                color: #632182;
                padding: 2px 2px 0 0px;
            }

            #header #main_menu li.spectacle a,
            #header #main_menu li.spectacle a:link,
            #header #main_menu li.spectacle a:visited {
                z-index: 1001;
                color: #be0a27 !important;
            }

            #header #main_menu li span.tr {
                z-index: 1001;
                float: left;
                display: block;
                background: url(../images/v5/main_menu_tr.gif) no-repeat top left;
                width: 7px;
                height: 27px;
            }

        #header #main_menu li:hover span,
        #header #main_menu li:hover a {
            z-index: 1001;
            background-position: bottom left;
            color: #009bc3 !important;
        }

        #header #main_menu li.no_sub:hover span.tl {
            background: url(../images/v5/main_menu_tl_no_sub.gif) no-repeat bottom left !important;
        }

        #header #main_menu li.no_sub:hover span.tr {
            background: url(../images/v5/main_menu_tr_no_sub.gif) no-repeat bottom left !important;
        }

        #header #main_menu li.no_sub:hover a,
        #header #main_menu li.no_sub:hover a:link,
        #header #main_menu li.no_sub:hover a:visited {
            background: url(../images/v5/main_menu_bg_no_sub.gif) repeat-x bottom left !important;
        }

            #header #main_menu li ul {
                z-index: 1001;
                background: #ffffff;
                position: absolute;
                top: 27px;
                left: 0;
                border: 1px solid #7fb7d0;
                border-top: none;
                padding: 10px 0;
                opacity:0.9;
                filter: alpha(opacity = 90);
            }

            /*
            #header #main_menu li.agenda ul {
                 background: url("../images/v5/bg_agenda_border.png") no-repeat right top #FFFFFF;
            }
            */

                #header #main_menu li ul li {
                    z-index: 1001;
                    display: block !important;
                    float: left;
                    margin: 0px !important;
                    padding: 0px !important;
                    height: auto !important;
                    clear: both !important;
                }

                    #header #main_menu li ul li a,
                    #header #main_menu li ul li a:link,
                    #header #main_menu li ul li a:visited {
                        z-index: 1001;
                        display: block !important;
                        background: none !important;
                        color: #004462 !important;
                        font-size: 1em !important;
                        font-weight: normal !important;
                        text-transform: none !important;
                        line-height:13px !important;
                        padding:3px 12px !important;
                    }

                    #header #main_menu li.spectacle ul li a,
                    #header #main_menu li.spectacle ul li a:link,
                    #header #main_menu li.spectacle ul li a:visited {
                        z-index: 1001;
                        color: #004462 !important;
                    }

                    #header #main_menu li ul li a:hover {
                        z-index: 1001;
                        color: #009bc3 !important;
                    }

                    #header #main_menu li.spectacle ul li a:hover {
                        z-index: 1001;
                        color: #009bc3 !important;
                    }

/*----------
   ACCUEIL
 -----------*/

/*-------------
   Top Content
 --------------*/
div#top_content {
    background: url(../images/v5/bg_top_content.gif) no-repeat bottom left;
    margin: 0 0 0 5px;
    height: 484px;
    width: 1044px;
    overflow: hidden;
    z-index: 998;
}

    #flash_part {
        float: left;
        z-index: 1;
        margin: -4px 0 0 15px;
        padding: 0;
    }

    #top_content #right_part {
        float: right;
        width: 280px;
        margin: 60px 30px 0 0;
    }

        #top_content #right_part a#link_actu,
        #top_content #right_part a#link_actu:link,
        #top_content #right_part a#link_actu:visited {
            display: block;
            background: url(../images/v5/bg_link_actu.png) no-repeat top left;
            width: 275px;
            height: 29px;
            text-align: right;
            font-size: 1.2em;
            font-weight: bold;
            color: #ffffff;
            line-height: 27px;
            vertical-align: middle;
        }

            #top_content #right_part a#link_actu span {
                padding: 0 10px 0 0;
            }

        #top_content #right_part a#link_actu:hover {
            background: url(../images/v5/bg_link_actu.png) no-repeat bottom left;
        }

        #top_content #right_part a#link_actu:hover span {
            color: #632182 !important;
        }

        #top_content #right_part #agenda_part {
            background: url(../images/v5/bg_agenda.png) no-repeat top left;
            margin: 10px 0 0 0;
            height: 332px;
            padding: 35px 0 0 0;
            position:relative;
        }

            #agenda_part a.chevron,
            #agenda_part a.chevron:link,
            #agenda_part a.chevron:visited {
                bottom:0;
                color:#FFFFFF;
                font-size:18px;
                font-weight:bold;
                position:absolute;
                right:25px;
            }
            
            #agenda_part a.chevron:hover {
            	color: #632182 !important;
            }

            #top_content #right_part #agenda_part h2 {
                text-indent: -100em;
                overflow: hidden;
            }

            #top_content #right_part #agenda_part ul {
                list-style-type: none;
                margin: 0 30px 0 13px;
            }

                #top_content #right_part #agenda_part ul li {
                    margin: 0 0 18px 0;
                }

                    #top_content #right_part #agenda_part ul li span.date {
                        color: #00415e;
                    }

                    #top_content #right_part #agenda_part ul li a,
                    #top_content #right_part #agenda_part ul li a:link,
                    #top_content #right_part #agenda_part ul li a:visited {
                        display: block;
                        color: #ffffff;
                        text-transform: uppercase;
                        font-weight: bold;
                    }

                    #top_content #right_part #agenda_part ul li a:hover {
                        color: #00415e;
                    }


/*-----------------
   Spectacle part
 ------------------*/
div#spectacle_part {
    width: 1044px;
    margin: 0px 0 0 0px;
    padding: 0px 5px 0 0px;
    position: relative;
    overflow: hidden;
}

    div#spectacle_part .top {
        background: url(../images/v5/bg_bloc_top.png) no-repeat top left;
        height: 21px;
    }

    div#spectacle_part .content {
        background: url(../images/v5/bg_bloc_content.png) no-repeat bottom left;
        overflow: hidden;
        height: 240px;
        position: relative;
    }

        div#spectacle_part h3 {
            text-indent: -100em;
            overflow: hidden;
            width: 198px;
            height: 20px;
            background: url(../images/v5/a_l_affiche.gif) no-repeat top left;
            margin: 0 0 0 15px;
        }

        /* Events part */
        div#spectacle_part ul {
            float: left;
            margin: 10px 0 0 5px;

        }

            div#spectacle_part ul li {
                display: block;
                float: left;
                width: 210px;
                height: 118px;
                border-left: 1px solid #f9c980;
                padding: 5px 20px 5px 12px;
                margin: 0 0 0 0;
                position: relative;
            }

            div#spectacle_part ul li.first {
                border: none !important;
            }

                div#spectacle_part ul li span.cropper{
                    display:block;
                    width:109px;
                    height:123px;
                    overflow:hidden;
                    float:left;
                }

                div#spectacle_part ul li img {
                    float: left;
                    max-height:123px;
                }

                div#spectacle_part ul li .description {
                    float: right;
                    width: 90px;
                    margin: 0 0 0 5px;
                    padding: 5px 0 0 0;
                }

                 div#spectacle_part ul li .affiche_container{
                    height:100px;
                    overflow:hidden;
                 }

                    div#spectacle_part ul li .description .date {
                        font-size: 0.9em;
                        color: #be0a27;
                        margin: 0 0 10px 0;
                        font-weight: normal;
                        text-transform: none;
                    }

                    div#spectacle_part ul li .description p {
                        text-transform: uppercase;
                        font-weight: bold;
                        color: #414141;
                    }

                    div#spectacle_part ul li .description a,
                    div#spectacle_part ul li .description a:link,
                    div#spectacle_part ul li .description a:visited {
                        position: absolute;
                        bottom: 0;
                        right: 26px;
                        display: block;
                        background: url(../images/v5/bg_link_detail.gif) no-repeat top left;
                        color: #ffffff;
                        width: 89px;
                        height: 16px;
                        line-height: 14px;
                        text-align: center;
                        font-weight: bold;
                    }

                    div#spectacle_part ul li .description a:hover {
                        background: url(../images/v5/bg_link_detail.gif) no-repeat bottom left;
                        color: #ffffff !important;
                    }

        /* Encart qitem */
        div#spectacle_part #encart_part {
            float: right;
            width: 275px;
            margin: 0 15px 0 0;
        }

            div#spectacle_part #encart_part .qitem {
                /* width and height must be even number */
                width: 132px;
                height: 80px;

                /* some styling for the item */
                margin: 0px 3px 3px 0px;

                /* make sure the four divs are hidden after changing the position */
                overflow:hidden;

                /* absolute position enabled for children elements*/
                position:relative;

                /* display item in single row */
                float:left;

                /* hand symbol for ie and other browser */
                cursor:hand; cursor:pointer;
            }

                div#spectacle_part #encart_part .qitem img {
                    border:0;
                }

                /* styling for caption, position absolute is a must to set the z-index */
                div#spectacle_part #encart_part .qitem .qitem .caption {
                    position:absolute;
                    z-index:0;
                    color:#ccc;
                    display:block;
                }

                    div#spectacle_part #encart_part .qitem .qitem .caption img {
                        display: block;
                    }



            /* Generic setting for corners */
            div#spectacle_part #encart_part .qitem .topLeft,
            div#spectacle_part #encart_part .qitem .topRight,
            div#spectacle_part #encart_part .qitem .bottomLeft,
            div#spectacle_part #encart_part .qitem .bottomRight {
                /* allow javascript to move the corners */
                position:absolute;
                background-repeat: no-repeat;
                z-index:200;
            }

            /* set the background position for different corners */
            div#spectacle_part #encart_part .qitem .topLeft {
                background-position: top left;
            }

            div#spectacle_part #encart_part .qitem .topRight {
                background-position: top right;
            }

            div#spectacle_part #encart_part .qitem .bottomLeft {
                background-position: bottom left;
            }

            div#spectacle_part #encart_part .qitem .bottomRight {
                background-position: bottom right;
            }

            div#spectacle_part #encart_part .qitem .clear {
                clear:both;
            }

        div#spectacle_part #link_reservez {
            margin: 0 0 0 50px;
            position: absolute;
            bottom: 14px;
            left: 195px;
        }

            div#spectacle_part #link_reservez a,
            div#spectacle_part #link_reservez a:link,
            div#spectacle_part #link_reservez a:visited {
                display: block;
                background: url(../images/v5/bg_link_resa.gif) no-repeat top left;
                text-indent: -100em;
                overflow: hidden;
                width: 459px;
                height: 25px;
            }

            div#spectacle_part #link_reservez a:hover {
                background: url(../images/v5/bg_link_resa.gif) no-repeat bottom left;
            }

/*-------------
   Infos part
 --------------*/
div#infos_part {
    width: 1044px;
    margin: 0px 0 0 0px;
    padding: 9px 10px 0px 0px;
    overflow: hidden;
    background: url(../images/v5/bg_bloc_infos.png) no-repeat top left;
    height: 105px;
}

    div#infos_part ul {
        float: left;
        background: url(../images/v5/bg_infos_1.gif) no-repeat top left;
        height: 79px;
        width: 822px;
        margin: 4px 0 0 15px;
        padding: 8px 0 0 10px;
        overflow: hidden;
    }

        div#infos_part ul li {
            display: block;
            float: left;
            width: 400px;
            margin: 0 0 0 0;
        }

        div#infos_part ul li img {
            float: left;
            margin: 0 15px 0 0;
        }

        div#infos_part ul li a,
        div#infos_part ul li a:link,
        div#infos_part ul li a:visited {
            display: block;
            color: #ffffff;

        }

        div#infos_part ul li a:hover {
          color: #632182 !important;
        }

            div#infos_part ul li a span {
                display: block;
                font-size: 1.3em;
                line-height: 1.1em;
            }

            div#infos_part ul li a span.small {
                font-size: 1em !important;
                line-height: 1.1em;
                margin: 10px 0 0 0;
            }

    div#infos_part #icb,
    div#infos_part #icb:link,
    div#infos_part #icb:visited {
        float: left;
        background: url(../images/v5/bg_icb.gif) no-repeat top left;
        width: 170px;
        height: 79px;
        margin: 4px 0 0 3px;
        text-indent: -100em;
        overflow: hidden;
    }

        div#infos_part #icb span {
            text-indent: -100em;
            overflow: hidden;
        }

/*---------------
   Page interne
 ----------------*/

/*--------------
   Breadcrumbs
 ---------------*/
#ariane {
    list-style-type: none;
    overflow: hidden;
    margin: 10px 0px 5px 25px;
}

    #ariane {
        color: #ffffff;
        font-weight: bold;
    }

        #ariane a,
        #ariane a:link,
        #ariane a:visited {
            padding: 4px 2px;
            color: #ffffff;
            font-weight: normal;
        }

        #ariane a:hover {
            color: #632182;
            background: #ffffff;
        }


/*----------------------
    Contenu principal
 -----------------------*/
div#int_content {
    width: 1044px;
    margin: 0px 0 0px 0px;
    overflow: hidden;
}

    div#int_content .top {
        background: url(../images/v5/bg_bloc_top.png) no-repeat top left;
        height: 21px;
    }

    div#int_content .content {
        background: url(../images/v5/bg_bloc_content.png) no-repeat bottom left;
        overflow: hidden;
        position: relative;
        padding: 0px 0 30px 25px;
        color: #444444;
    }

        /* Left column */
        div#int_content .content #left_column {
            float: left;
            width: 230px;
        }

            /* Menu part */
            #left_column .menu_part {
                margin: 0 0 20px 0;
            }

                #left_column .menu_part .menu_part_top {
                    display: block;
                    background: url(../images/v5/bg_menu_left_top.gif) no-repeat top left;
                    width: 100%;
                    height: 17px;
                    overflow: hidden;
                }

                #left_column .menu_part .menu_part_content {
                    display: block;
                    background: url(../images/v5/bg_menu_left_content.gif) repeat-y top left;
                    width: 100%;
                    overflow: hidden;
                }

                #left_column .menu_part .menu_part_content ul {
                    padding: 0 0 5px 0;
                    margin: 0 20px 8px 13px;
                    list-style-type: disc;
                    color: #006a8d;
                    border-bottom: 1px solid #006a8d;
                }

                #left_column .menu_part .menu_part_content ul.last {
                    border: none;
                }

                        #left_column .menu_part .menu_part_content ul li a,
                        #left_column .menu_part .menu_part_content ul li a:link,
                        #left_column .menu_part .menu_part_content ul li a:visited {
                            color: #006a8d !important;
                            font-weight: bold;
                            font-size: 1.2em;
                        }

                        #left_column .menu_part .menu_part_content ul li a:hover {
                            color: #632182 !important;
                        }

                        #left_column .menu_part .menu_part_content ul li ul {
                            list-style-type: none;
                            border-bottom: none;
                            margin: 5px 5px 0 10px;
                            padding: 0 0 0px 0;
                        }

                            #left_column .menu_part .menu_part_content ul li ul li {
                            }

                            #left_column .menu_part .menu_part_content ul li ul li.reserver_en_ligne {
                                margin: 8px 0 !important;
                                border-top: 1px solid #7fb4c6;
                                border-bottom: 1px solid #7fb4c6;
                                padding: 8px 10px;
                            }

                                #left_column .menu_part .menu_part_content ul li ul li.reserver_en_ligne a,
                                #left_column .menu_part .menu_part_content ul li ul li.reserver_en_ligne a:link,
                                #left_column .menu_part .menu_part_content ul li ul li.reserver_en_ligne a:visited {
                                    font-weight: bold;
                                    color: #be0a27 !important;
                                    padding: 3px;
                                }

                                #left_column .menu_part .menu_part_content ul li ul li.reserver_en_ligne a:hover {
                                    background: #be0a27 !important;
                                    color: #ffffff !important;
                                }

                                #left_column .menu_part .menu_part_content ul li ul li a,
                                #left_column .menu_part .menu_part_content ul li ul li a:link,
                                #left_column .menu_part .menu_part_content ul li ul li a:visited {
                                    font-size: 1em;
                                    color: #6b6b6b !important;
                                    font-weight: normal;
                                }

                                    #left_column .menu_part .menu_part_content ul li ul li a:hover {
                                        color: #632182 !important;
                                    }

                                #left_column .menu_part .menu_part_content ul li ul li ul {
                                    margin: 0 5px 0 15px;
                                }

                                #left_column .menu_part .menu_part_content ul li ul li a.selected_menu_item{
                                    color: #632182 !important;
                                }

                                #left_column .menu_part .menu_part_content ul li ul li ul.ssmenu{
                                    display: none;
                                }

                                    #left_column .menu_part .menu_part_content ul li ul li ul li {
                                    }

                                        #left_column .menu_part .menu_part_content ul li ul li ul li a,
                                        #left_column .menu_part .menu_part_content ul li ul li ul li a:link,
                                        #left_column .menu_part .menu_part_content ul li ul li ul li a:visited {
                                            color: #006a8d !important;
                                        }

                                        #left_column .menu_part .menu_part_content ul li ul li ul li a:hover {
                                            color: #632182 !important;
                                        }

                #left_column .menu_part .menu_part_bottom {
                    display: block;
                    background: url(../images/v5/bg_menu_left_bottom.gif) no-repeat top left;
                    width: 100%;
                    height: 17px;
                    overflow: hidden;
                }



        /* Left column */
        div#int_content .content #corps_court {
            float: left;
            width: 540px !important;
            margin: 20px 0px 0 15px;
            line-height: 1.8em;
        }

        div#int_content .content h1 {
            display: block;
            font-size: 1.8em;
            font-weight: bold;
            color: #006a9c;
            margin: 0 0 15px 0;
        }

        div#int_content .content p {
            clear: both;
            line-height: 1.5em;
        }

            div#int_content .content a,
            div#int_content .content a:link,
            div#int_content .content a:visited {
                color: #f49401 !important;
            }

            div#int_content .content span.important,
            div#int_content .content strong,
            div#int_content .content b {
                color: #666460;
                font-weight: bold;
            }

            div#int_content .content strong {
                color: #632182 !important;
            }

        div#int_content .content h2 {
            margin: 15px 0 10px 0;
            color: #632182;

        }

        div#int_content .content .two-columns {
            margin-left: 20px !important;
            margin-left: 50px;
        }

        div#int_content .content .left_part {
            float: left;
            width: 730px;
        }

            div#int_content .content .left_part a,
            div#int_content .content .left_part a:link,
            div#int_content .content .left_part a:visited {
                color: #343434;
            }

            div#int_content .content .left_part a:hover {
                color: #632182 !important;
            }

            div#int_content .content .left_part table.culture a:hover {
                color: #be0a27 !important;
            }

            div#int_content .content .left_part a.mainLink,
            div#int_content .content .left_part a.mainLink:link,
            div#int_content .content .left_part a.mainLink:visited {
                float: right;
                display: block;
                background: url(../images/v5/bg_btn_blue.gif) no-repeat top left;
                color: #0093ba !important;
                width: 76px;
                height: 16px;
                font-weight: bold;
                line-height: 14px;
                vertical-align: middle;
                text-align: center;
                font-size: 0.9em;
                margin: 0 0 25px 0;
            }

            div#int_content .content .left_part a.mainLink:hover {
                background: url(../images/v5/bg_btn_blue.gif) no-repeat bottom left;
                color: #ffffff !important;
            }

            div#int_content .content .left_part table {
                width: 100%;
                border-collapse: collapse;
                margin: 0px 0 0 0;
            }

                div#int_content .content .left_part table tr.trth {
                    background: #72378e;
                    color: #ffffff;
                    font-size: 1.2em;

                }

                div#int_content .content .left_part table.culture tr.trth {
                    background: #be0a27 !important;
                }

                    div#int_content .content .left_part table tr.trth th {
                        text-align: left;
                        padding: 3px 10px 3px 10px;
                    }

                    div#int_content .content .left_part table tr.trth th.center {
                       border-left: 10px solid #ffffff;
                       text-align: center;
                    }

                    div#int_content .content .left_part table tbody tr td {
                        text-align: left;
                        padding: 5px 5px 5px 10px;
                        border: none !important;
                    }

                    div#int_content .content .left_part table tbody tr td.date {
                       color: #72378e;
                       width:165px;
                    }


                    div#int_content .content .left_part table.culture tr td.date {
                       color: #be0a27 !important;
                    }

                    div#int_content .content .left_part table tbody tr td.tarifs {
                        border-left: 10px solid #ffffff !important;
                        color: #72378e;
                        font-weight: bold;
                    }

                    div#int_content .content .left_part table.culture tbody tr td.tarifs {
                       color: #be0a27 !important;
                    }

                        div#int_content .content .left_part table tbody tr td.tarifs span {
                           float: left;
                           line-height: 1.4em;
                           vertical-align: middle;
                        }

                        div#int_content .content .left_part table tbody tr td.tarifs a,
                        div#int_content .content .left_part table tbody tr td.tarifs a:link,
                        div#int_content .content .left_part table tbody tr td.tarifs a:visited {
                            float: right;
                            display: block;
                            height: 16px;
                            font-weight: bold;
                            line-height: 14px;
                            vertical-align: middle;
                            text-align: center;
                            font-size: 0.9em;
                            background: url(../images/v5/bg_btn_magenta.png) no-repeat top left;
                            width: 73px;
                            color: #ffffff !important;
                            margin: 0 0 0 0 !important;
                        }

                        div#int_content .content .left_part table.culture tbody tr td.tarifs a,
                        div#int_content .content .left_part table.culture tbody tr td.tarifs a:link,
                        div#int_content .content .left_part table.culture tbody tr td.tarifs a:visited {
                            background: url(../images/v5/bg_btn_red.png) no-repeat top left;
                        }

                        div#int_content .content .left_part table tbody tr td.tarifs a:hover {
                            background: url(../images/v5/bg_btn_magenta.png) no-repeat bottom left;
                        }

                        div#int_content .content .left_part table.culture tbody tr td.tarifs a:hover {
                            background: url(../images/v5/bg_btn_red.png) no-repeat bottom left;
                        }

                    div#int_content .content .left_part table tbody tr.odd td {
                        background: #efe8f2;
                    }

                    div#int_content .content .left_part table.culture tr.odd td {
                        background: #f8e6e9 !important;
                    }

        /* Right column */
        div#int_content .content .right_part {
            float: right;
            width: 180px;
            margin: 0px 30px 0 0;
        }

            div#int_content .content div.haut_page {
                margin: 5px 0 10px 0;
            }

            div#int_content .content .right_part a.MainLink,
            div#int_content .content .right_part a.MainLink:link,
            div#int_content .content .right_part a.MainLink:visited,
            div#int_content .content div.haut_page a,
            div#int_content .content div.haut_page a:link,
            div#int_content .content div.haut_page a:visited {
                text-align: left;
                clear: both;
                margin: 0px 0 5px 10px;
                background: url(../images/v5/puce_bloc_droite_jaune.png) no-repeat top left;
                padding: 0 0 0 15px;
                color: #F49401 !important;
                font-weight: bold !important;
            }

            div#int_content .content .right_part a.MainLink:hover,
            div#int_content .content div.haut_page a:hover {
                background: url(../images/v5/puce_bloc_droite_jaune.png) no-repeat bottom left;
                color: #632182 !important;
            }

            div#int_content .content #cadreDroite3D {
                position: absolute;
                top: 180px;
                right: 25px;
            }

            div#int_content .content .right_part .cadreHaut,
            div#int_content .content #cadreDroite3D .cadreHaut {
                background: url(../images/v5/bg_bloc_droite_top.gif) no-repeat top left;
                height: 50px;
                width: 177px;
                overflow: hidden;
            }

                div#int_content .content .right_part .cadreHaut .cadreHautTitre,
                div#int_content .content #cadreDroite3D .cadreHaut .cadreHautTitre {
                    font-size: 1.2em;
                    font-weight: bold;
                    color: #ffffff;
                    text-transform: uppercase;
                    text-align: left;
                    padding: 15px 0 0 18px;
                }

            div#int_content .content p {
                margin: 0 0 10px 0;
            }

            div#int_content .content .right_part .cadreContenu,
            div#int_content .content #cadreDroite3D .cadreContenu {
                background: url(../images/v5/bg_bloc_droite_content.gif) repeat-y top left;
                width: 167px;
                overflow: hidden;
                padding: 0 10px 20px 8px;
            }

                div#int_content .content .right_part .cadreContenu a,
                div#int_content .content .right_part .cadreContenu a:link,
                div#int_content .content .right_part .cadreContenu a:visited,
                div#int_content .content .right_part .cadreContenu img,
                div#int_content .content #cadreDroite3D .cadreContenu a,
                div#int_content .content #cadreDroite3D .cadreContenu a:link,
                div#int_content .content #cadreDroite3D .cadreContenu a:visited,
                div#int_content .content #cadreDroite3D .cadreContenu img {
                    margin: 0 auto 15px auto;
                    display: block;
                    text-align: center;
                }

                div#int_content .content .right_part .cadreContenu a img,
                div#int_content .content .right_part .cadreContenu img,
                div#int_content .content #cadreDroite3D .cadreContenu a img,
                div#int_content .content #cadreDroite3D .cadreContenu img {
                    border: 2px solid #ffffff;
                    max-width: 148px !important;
                    max-height: 106px !important;
                    margin: 0 auto !important;
                }

                div#int_content .content .right_part .cadreContenu a.MainLink,
                div#int_content .content .right_part .cadreContenu a.MainLink:link,
                div#int_content .content .right_part .cadreContenu a.MainLink:visited,
                div#int_content .content #cadreDroite3D .cadreContenu a.MainLink,
                div#int_content .content #cadreDroite3D .cadreContenu a.MainLink:link,
                div#int_content .content #cadreDroite3D .cadreContenu a.MainLink:visited {
                    text-align: left;
                    clear: both;
                    margin: 0px 0 0px 10px;
                    background: url("../images/v5/puce_bloc_droite.png") no-repeat top left;
                    padding: 0 0 0 15px;
                    color: #006a9c !important;
                    font-weight: bold !important;
                }

                div#int_content .content .right_part .cadreContenu a.MainLink:hover,
                div#int_content .content #cadreDroite3D .cadreContenu a.MainLink:hover {
                    color: #632182 !important;
                    background: url(../images/v5/puce_bloc_droite_hover.png) no-repeat top left;
                }

            div#int_content .content .right_part .cadreBas,
            div#int_content .content #cadreDroite3D .cadreBas {
                background: url(../images/v5/bg_bloc_droite_bottom.gif) no-repeat top left;
                height: 11px;
                overflow: hidden;
                margin: 0 0 20px 0;
            }

        div#int_content .content .right_agenda {
            width: 230px !important;
            margin: 0px 30px 0 0 !important;
        }

            /* Agenda Dates */
            div#int_content .content .right_part #agenda_dates {
                margin: 0 0 25px 0;
            }

                div#int_content .content .right_part #agenda_dates p {
                    font-size: 1.8em;
                    color: #be0a27;
                    margin: 10px 0 0 0;
                }

                div#int_content .content .right_part div.ecoco p{
                    color:#72378E !important;
                }

                div#int_content .content .right_part #agenda_dates ul {
                    list-style-type: none;
                    border-bottom: 1px dashed #be0a27;
                    padding: 0 0 15px 0;
                }

                    div#int_content .content .right_part #agenda_dates ul li {
                        display: inline;
                        margin: 0 3px 0 0;
                        line-height: 1.8em;
                    }

                        div#int_content .content .right_part #agenda_dates ul li a,
                        div#int_content .content .right_part #agenda_dates ul li a:link,
                        div#int_content .content .right_part #agenda_dates ul li a:visited {
                            color: #0093ba !important;
                            font-weight: bold;
                            padding: 1px 5px;
                        }

                        div#int_content .content div.right_part div.ecoco ul.ecocul li a:hover,
                        div#int_content .content div.right_part div.ecoco ul.ecocul li a.on,
                        div#int_content .content div.right_part div.ecoco ul.ecocul li a.on:link,
                        div#int_content .content div.right_part div.ecoco ul.ecocul li a.on:visited {
                            background: #72378E !important;
                            color: #ffffff !important;
                        }

                        div#int_content .content .right_part #agenda_dates ul li a:hover,
                        div#int_content .content .right_part #agenda_dates ul li a.on,
                        div#int_content .content .right_part #agenda_dates ul li a.on:link,
                        div#int_content .content .right_part #agenda_dates ul li a.on:visited {
                            background: #be0a27;
                            color: #ffffff !important;
                        }


        /* Encart qitem */
        div#int_content .content #encart_part {
            margin: 0 0 20px 0;
            clear: both;
            overflow: hidden;
        }

            div#int_content .content #encart_part .qitem {
                /* width and height must be even number */
                width: 112px;
                height: 68px;

                /* some styling for the item */
                margin: 0px 3px 3px 0px;

                /* make sure the four divs are hidden after changing the position */
                overflow:hidden;

                /* absolute position enabled for children elements*/
                position:relative;

                /* display item in single row */
                float:left;

                /* hand symbol for ie and other browser */
                cursor:hand; cursor:pointer;
            }

                div#int_content .content #encart_part .qitem img {
                    border:0;
                }

                /* styling for caption, position absolute is a must to set the z-index */
                div#int_content .content #encart_part .qitem .qitem .caption {
                    position:absolute;
                    z-index:0;
                    color:#ccc;
                    display:block;
                }

                    div#int_content .content #encart_part .qitem .qitem .caption img {
                        display: block;
                    }

            /* Generic setting for corners */
            div#int_content .content #encart_part .qitem .topLeft,
            div#int_content .content #encart_part .qitem .topRight,
            div#int_content .content #encart_part .qitem .bottomLeft,
            div#int_content .content #encart_part .qitem .bottomRight {
                /* allow javascript to move the corners */
                position:absolute;
                background-repeat: no-repeat;
                z-index:200;
            }

            /* set the background position for different corners */
            div#int_content .content #encart_part .qitem .topLeft {
                background-position: top left;
            }

            div#int_content .content #encart_part .qitem .topRight {
                background-position: top right;
            }

            div#int_content .content #encart_part .qitem .bottomLeft {
                background-position: bottom left;
            }

            div#int_content .content #encart_part .qitem .bottomRight {
                background-position: bottom right;
            }

            div#int_content .content #encart_part .qitem .clear {
                clear:both;
            }


        div#int_content .content .right_part #push_pub {
            overflow: hidden;

        }

/*---------
   Footer
 ----------*/
div#footer {
    margin: 0px 0 10px 0;
    padding: 0 0 0 30px;
    clear: both;
    overflow: hidden;
}
    div#footer img, div#footer p {
        margin: 0 5px 0 0;
        float: left;
    }
    div#footer p {
        line-height: 33px;
        vertical-align: middle;
        margin: 0 0 0 20px;
        color: #898989;
    }

/* Absolute footer */
div#absolute_footer {
    clear: both;
    width: 1023px;
    height: 150px;
    background: url(../images/v5/bg_absolute_footer.png) no-repeat top left;
    margin: 0 0 0 10px;
}

    div#absolute_footer a,
    div#absolute_footer a:link,
    div#absolute_footer a:visited {
        text-indent: -100em;
        overflow: hidden;
        display: block;
        float: left;
        background: url(../images/v5/logo_transparent.png) no-repeat top left;
        width: 188px;
        height: 86px;
        margin: 30px 50px 0 50px;
    }

    div#absolute_footer ul {
        float: left;
        list-style-type: none;
        margin: 20px 0 0 25px;
        overflow: hidden;
    }

        div#absolute_footer ul li {
            display: block;
            clear: both;
        }

            div#absolute_footer ul li a,
            div#absolute_footer ul li a:link,
            div#absolute_footer ul li a:visited {
                display: block;
                text-indent: 0 !important;
                background: none !important;
                color: #898989;
                height: auto !important;
                width: auto !important;
                margin: 0 0 2px 0;
                padding: 0;
            }

            div#absolute_footer ul li a:hover {
                color: #632182 !important;
            }