/* @override
    http://www.sapiensconsulting.fr/demo/les_ouvriers/styles/style.css
    http://lodp.sapiensconsulting.fr/design/lodp/stylesheets/style.css
    http://lodp.sapiensconsulting.fr/design/en/stylesheets/style.css
*/

/* @group Choix de langue */

#body_homepage{
    background: #000;
    margin: 0;
    padding: 0;
}
#flashcontent_homepage{
    position: absolute;
    width: 306px;
    height: 14px;
    left: 50%;
    margin-left: -153px;
    top: 534px;
}
#select_language {
    margin: 0 auto;
    width: 312px;
    height: 600px;
    background: #000 url(../images/logo_home.jpg) no-repeat;
}
#select_language ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
    padding: 565px 0 0 90px;
}
#select_language li {
    float: left;
    padding: 0 6px;
}

/* @end */
/* @group Edito */

#body_edito{
    background: #fff url(../images/body_edito_repeat.jpg) repeat-x;
    margin: 0;
    padding: 0;
}
#content {
    padding: 0;
    margin: 0 auto;
    width: 882px;
    height: 642px;
    background-image: url(../images/body_edito_back.jpg);
}
#content_uk {
    padding: 0;
    margin: 0 auto;
    width: 882px;
    height: 642px;
    background-image: url(../images/body_edito_back.jpg);
}
#edito_video {
    float: left;
    width: 335px;
    height: 249px;
    margin: 179px 0 0 -370px;
    padding: 0 0 0 50%;
    background: url(../images/video_back.jpg) no-repeat top right;
}
#video_flv {

    width: 273px;
    height: 207px;
    background: black;
    padding: 0 0 0 0px;
    margin: 10px 0 0 32px;
}
* html #video_flv {
    position: absolute;
    width: 273px;
    height: 207px;
    background: black;
    padding: 0 0 0 0px;
    margin: 10px 0 0 32px;
}
#video_title {
    display: block;
    padding: 0 0 0 35px;
    margin: 6px 0 0 0;
}
#select_edito {
    position: absolute;
    top: 546px;
}
#select_edito_1 {
    margin: 0 0 0 23px;
}
#select_edito_2 {
    margin: 0 0 0 50px;
}
/* @end */
/* @group Page Inter */

#little_flag {
    float: left;
    width: 67px;
    height: 25px;
    margin: -544px 0 0 788px;
    padding: 0 0 0 0;
    text-align: center;
}
* html #little_flag{
    float: left;
    width: 67px;
    height: 25px;
    margin: -544px 0 0 172px;
    padding: 0 0 0 50%;
    text-align: center;
}

#body_inside{
    background: #fff;
    margin: 0;
    padding: 0;
}
#logotype {
    width: 131px;
    height: 90px;
    margin: 0px auto 0px auto;
}
#content_inside{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_back.jpg) no-repeat;
}

#content_inside_2{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_white.jpg) no-repeat;
}
#corps_contenu{
    width: 878px;
    height: 500px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
#title_inside{
    float: left;
    width: 250px;
    height: 18px;
    margin: 45px 0 0 0 ;
    padding: 5px 0 0 45px;
}
.title_inside_text{
    font-family: Verdana, sans-serif;
    border-top: 1px solid #000;
    margin: 5px 0 0 0;
    padding: 5px 0 0 0;
    font-size: 13px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}
#title_inside a, #title_inside a:hover, #title_inside a:visited{
    color:#000;
}

#nav_up_down{
    float: left;
    width: 400px;
    height: 8px;
    margin: 60px 0 0 0;
    padding: 0 0 0 424px;

}
#nav_up_down ul{
    height: 8px;
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
#nav_up_down li{
    float: left;
    height: 8px;
}
#nav_up_down li.suivant{
float: right;
}
#picture_inside{
    float: left;
    width: 310px;
    height: 192px;
    margin: 8px 0 0 0;
    padding: 0 0 0 111px;
}
#text_inside{
    float: left;
    width: 376px;
    margin: 10px 0 0 0;
    padding: 0 0 0 3px;
}
#menu_inside{
    float: left;
    width: 878px;
    height: 25px;
    margin: -25px 0 0 0;
    padding: 0 0 0 0;
    font: 9px Arial, Helvetica, Geneva, sans-serif;
}
#menu_inside a{
    display: block;
    color: black;
    text-decoration: none;
    margin-top: 5px;
}
#menu_inside a:hover{
    color: black;
    text-decoration: underline;
}
#menu_inside ul{
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
#menu_inside li{
    white-space: nowrap;
}
#menu_inside li.left{
    float: left;
    padding-right: 2px;
    padding-left: 31px;
}
#menu_inside li.right{
    float: right;
    padding-left: 2px;
    padding-right: 28px;
}
#menu_inside_uk{
    float: left;
    width: 863px;
    height: 25px;
    margin: -23px 0 0 -438px;
    padding: 0 0 0 0;
    font: 9px Arial, Helvetica, Geneva, sans-serif;
}
#menu_inside_uk a{
    display: block;
    color: black;
    text-decoration: none;
    margin-top: 5px;
}
#menu_inside_uk a:hover{
    color: black;
    text-decoration: underline;
}
#menu_inside_uk ul{
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
#menu_inside_uk li{
    white-space: nowrap;
}
#menu_inside_uk li.left{
    float: left;
    padding-right: 2px;
    padding-left: 21px;
}
#menu_inside_uk li.right{
    float: right;
    padding-left: 2px;
    padding-right: 14px;
}

#footer_copyright{
    float: left;
    width: 878px;
    height: 25px;
    margin: 25px 0 0 0;
    padding: 0 0 0 0;
    text-align:center;
    font: 11px Arial, Helvetica, Geneva, sans-serif;

}
#footer_copyright span {
   vertical-align:middle;
}

#footer_copyright a{
    color:#000000;
    text-decoration:none;
}

#footer_copyright a:hover{
    color:#000000;
    text-decoration:underline;
}

#footer_copyright img {
    vertical-align:middle;

}

#menu_nav{
    position: absolute;
    left: 50%;
    top: 175px;
    margin-left: -439px;
    width: 199px;
    z-index: 1;
}
#menu_debug_ie{
    background: url(../images/menu_repeat.jpg) no-repeat 0 8px;
}
* html #menu_debug_ie{
    margin:2px 0 0 1px;
    width: 199px;
}
#menu_header{
    width: 199px;
    height: 29px;
    background: url(../images/menu_header.jpg) no-repeat left top;
    text-align: center;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    color: #ffffff;
    font-size: 11px;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    padding: 15px 0 0px 0;
}
#menu_content{
    width: 199px;
    background: url(../images/menu_repeat.jpg) repeat-y left top;
    margin: -3px 0 0 0;
}
#menu_content ul{
    margin: 0;
    padding: 0 0 10px 0;
}
#menu_content li{
    margin: 0 0 2px 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}
#menu_content li.nav_interlude{
    width: 199px;
    height: 35px;
    text-align: center;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    color: #ffffff;
    font-size: 11px;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    padding: 15px 0 0px 0;
    background: url(../images/menu_interlude.jpg) no-repeat left top;
    margin: 0 0 -10px 0;
}
#menu_content li.nav_accueil a,
#menu_content li.nav_esprit a,
#menu_content li.nav_campagnes a,
#menu_content li.nav_ouvriers a,
#menu_content li.nav_contact a,
#menu_content li.nav_ce_mois_ci a,
#menu_content li.nav_agenda a,
#menu_content li.nav_nos_vues_sur a,
#menu_content li.nav_hachis a,
#menu_content li.nav_7extra a{
    display: block;
    width: 199px;
    height: 25px;
    background: none;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 0 0 12px;
}
#menu_content li.nav_accueil a{
    color:#e50053;
}
#menu_content li.nav_esprit a{
    color:#e5a900
}
#menu_content li.nav_campagnes a{
    color:#73be1e;
}
#menu_content li.nav_ouvriers a{
    color:#f26200;
}
#menu_content li.nav_contact a{
    color:#a48c95
}
#menu_content li.nav_ce_mois_ci a{
    color:#f96060;
}
#menu_content li.nav_agenda a{
    color:#320c72;
}
#menu_content li.nav_nos_vues_sur a{
    color: #4aa963;
}
#menu_content li.nav_hachis a{
    color: #009af2;
}
#menu_content li.nav_7extra a{
    color: #b69f62;
}
#menu_content li.nav_accueil a:hover{
    display: block;
    width: 199px;
    height: 25px;
    background: url(../images/btn_main_nav_accueil_over.jpg) no-repeat 0 -2px;
    text-decoration: none;
    color: #ffffff;
}
#menu_content li.nav_esprit a:hover{
    display: block;
    width: 199px;
    height: 25px;
    background: url(../images/btn_main_nav_esprit_over.jpg) no-repeat 0 -2px;
    text-decoration: none;
    color: #ffffff;
}
#menu_content li.nav_campagnes a:hover{
    display: block;
    width: 199px;
    height: 25px;
    background: url(../images/btn_main_nav_campagnes_over.jpg)  no-repeat 0 -2px;
    text-decoration: none;
    color: #ffffff;
}
#menu_content li.nav_ouvriers a:hover{
    display: block;
    width: 199px;
    height: 25px;
    background: url(../images/btn_main_nav_ouvriers_over.jpg)  no-repeat 0 -2px;
    text-decoration: none;
    color: #ffffff;
}
#menu_content li.nav_contact a:hover{
    display: block;
    width: 199px;
    height: 25px;
    background: url(../images/btn_main_nav_contact_over.jpg)  no-repeat 0 -2px;
    text-decoration: none;
    color: #ffffff;
}
#menu_content li.nav_ce_mois_ci a:hover{
    display: block;
    width: 199px;
    height: 25px;
    background: url(../images/btn_main_nav_ce_mois_ci_over.jpg)  no-repeat 0 -2px;
    text-decoration: none;
    color: #ffffff;
}
#menu_content li.nav_agenda a:hover{
    display: block;
    width: 199px;
    height: 25px;
    background: url(../images/btn_main_nav_agenda_over.jpg)  no-repeat 0 -2px;
    text-decoration: none;
    color: #ffffff;
}
#menu_content li.nav_nos_vues_sur a:hover{
    display: block;
    width: 199px;
    height: 25px;
    background: url(../images/btn_main_nav_nos_vues_sur_over.jpg)  no-repeat 0 -2px;
    text-decoration: none;
    color: #ffffff;
}
#menu_content li.nav_hachis a:hover{
    display: block;
    width: 199px;
    height: 25px;
    background: url(../images/btn_main_nav_hachis_over.jpg) no-repeat 0 -2px;
    text-decoration: none;
    color: #ffffff;
}
#menu_content li.nav_7extra a:hover{
    display: block;
    width: 199px;
    height: 25px;
    background: url(../images/btn_main_nav_7extra_over.jpg) no-repeat 0 -2px;
    text-decoration: none;
    color: #ffffff;
}
#menu_footer{
    width: 199px;
    height: 3px;
    background: url(../images/menu_footer.jpg) no-repeat left top;
}

/* @end */
/* @group Contact */

#text_contact{
    margin: 12px auto 0 auto;
    text-align: center;
    background: url(../images/dotted.jpg) no-repeat bottom center;
}
#coordonnees_contact{
    width : 360px;
    margin: 0 auto;
    padding: 3px 0 3px 0;
    background: url(../images/dotted.jpg) no-repeat top left;
}
#map_contact{
    margin: 12px auto 0 auto;
    width: 366px;
    height: 222px;
    background: white;
}
#wpp_contact{
    width: 366px;
    text-align: center;
    font-size: 11px;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    color: #7d6675;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    padding-top: 0;
    padding-left: 0;
}

#text_contact p.email_text_contact a {
    color: #000;
    text-decoration: none;
}
#text_contact p.email_text_contact a:hover {
    color: #000;
    text-decoration: underline;
}
#wpp_contact a{
    text-decoration: underline;
    color: #7d6675;
}
#wpp_contact a:hover{
    text-decoration: none;
    color: #7d6675;
}
/* @end */
/* @group page Campagnes */

#people_campagne ul li a {
    color:#000000;
    text-decoration: none;
}
#people_campagne ul li a:hover {
    color:#000000;
    text-decoration: underline;
}
#back_campagne{
    float: left;
    margin: 80px 0 0 -250px;
}

#text_campagne {
    float: left;
    margin: 45px 0 0 -100px;
    width: 640px;
}
#info_campagne {
    margin: 0 0 0 4px;
    border-left: 1px solid #000;
}
#preview_campagne_print{
    float: left;
    width: 486px;
    height: 374px;
    background: url(../images/campagnes_back.jpg);
    margin: 4px 0 0 0;
    text-align:center;
}
#preview_campagne_print img {
    margin-top: 5px;
    cursor: pointer;
}
#preview_campagne_picto{
    float: left;
    width: 70px;
    margin: 6px 0 0 10px;
}
#preview_campagne_picto img{
    display: block;
    float: left;
}
#people_campagne ul{
    list-style: none;
    list-style-image: none;
    margin: 11px 0 0;
    padding: 0;
}
#people_campagne li{
    float: left;
    width: 240px;
    margin: 0;
    padding: 0 5px;
    color: #000;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
/* @end */
/* @group Liste Campagnes */


#sort_campagne {

    position: absolute;
    background: url(../images/puce_disc.jpg) no-repeat 437px 11px;
    margin-bottom: 0;
    padding-right: 0;
    width: 500px;
    height: 29px;
    left: 50%;
    margin-left: -117px;
    top: 169px;
}
#sort_campagne ul{
    margin: 0;
    list-style: none;
    list-style-image: none;

    margin: 0 3px 0 0;
}
#sort_campagne li{
    float: left;
    border-top: 1px solid #000;
    margin: 0;
    padding: 5px 16px 5px 20px;
    color: #000;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 10px;
    font-weight: normal;
    background: url(../images/puce_disc.jpg) no-repeat 0 10px;
    letter-spacing: 0.2em;
    width: 111px;
    text-align: center;
}
#sort_campagne a{
    text-decoration: none;
    color: #000;
}
#sort_campagne a:hover{
    text-decoration: none;
    color: #000;
}
#sort_date {
    width: 220px;
    margin: 89px 0 0 45px;
    padding: 7px 0;
    background: url(../images/dotted.jpg) no-repeat;
    color: #73be1e;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

ul#listeclients,
ul#listesupports,
ul#listedates{
    margin-top: 7px;
}


#listeclients li.sous_menu_item,
#listesupports li.sous_menu_item,
#listedates li.sous_menu_item {
    display: block;
    float: left;
    margin: 0;
    padding: 3px 0 0;
    width: 111px;
    background: black;
    opacity: 0.79;
    filter : alpha(opacity=79);
    font-size: 9px;

}

#listeclients li.sous_menu_item a, #listesupports li.sous_menu_item a, #listedates li.sous_menu_item a{
    display: block;
    color: white;
    width: 111px;
    padding-top: 3px;
    margin-bottom: 3px;
}
#listeclients li.sous_menu_item a:hover, #listesupports li.sous_menu_item a:hover, #listedates li.sous_menu_item a:hover{
    background: #66a023;
    color: white;
    }
#change_page {
    float: right;
    margin: -23px 0 0 0;
    padding: 0 60px 0 0;
    color: #73be1e;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}
#change_page a, #sort_date a{
    text-decoration: none;
    color: #73be1e;
}
#change_page a:hover,#sort_date a:hover{
    text-decoration: underline;
    color: #73be1e;
}
#list_campagne{
    margin: 0 42px;
}
.thumbs_campagne {
    float: left;
    width: 190px;
    height: 140px;
    margin: 0 8px 0 0;
}
.text_list_campagne {
    padding: 5px 3px;
}
.title_list_campagne {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11px;
    text-transform: uppercase;
    margin: 25px 0 0 0;
}
.detail_list_campagne {
    display: block;
    margin: -2px 0 0 0;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    font-size: 11px;
}
.preview_list_campagne {
    float: left;
    width: 122px;
    height: 93px;
    text-align: center;

}
.preview_list_image{
    text-align: left;
    height: 93px;
    margin-left: auto;
      margin-right: auto;
}

.preview_list_campagne a img {
    padding-top: 4px;

}

.preview_list_image_right_side {
    float: left;
    width: 4px;
    height: 93px;
    background: url(../images/thumbs_left.png) no-repeat top left;
}
.preview_list_image_left_side {
    float: left;
    width: 5px;
    height: 93px;
    background: url(../images/thumbs_right.png) no-repeat top left;
}
.preview_list_image_middle {
    float: left;
    width: auto;
    height: 93px;
    background: url(../images/thumbs_middle.png) repeat-x top left;
}

.category_list_campagne {
    float: left;
    width: 65px;
    height: 93px;
}
.category_list_campagne img{
    float: left;
    width: 31px;
    height: 31px;
}
.title_list_campagne a{
    text-decoration:none;
    color:black;
}
.detail_list_campagne a{
    text-decoration:none;
    color:black;
}

/* @end */
/* @group Ouvriers Accueil*/
#content_inside_17{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_back.jpg) no-repeat;
}
#container_skip_introid {
    position: absolute;
        left: 50%;
    margin-left: -131px;
    margin-top: 479px;
    width: 263px;
    text-align: center;
    color: #292b2c;
    letter-spacing: 0.2em;
    font: 10px Arial, Helvetica, Geneva, sans-serif;
}
#container_skip_introid a{
    color: #292b2c;
    text-decoration: none;
}
#container_skip_introid a:hover{
    text-decoration: underline;
    color: #292b2c;
}
#container_gif {
        position: absolute;
        left: 50%;
    margin-left: -131px;
    margin-top: 101px;
}




/* @end */
/* @group Ouvriers */


#left_column_ouvriers{
    font-family: Arial, Helvetica, Geneva, sans-serif;
    color: #6e6e6e;
    float: left;
    width: 137px;
    margin: 15px 0 0 0;
    padding: 0 0 0 11px;
}
#photo_ouvriers{
    width: 137px;
    height: 181px;
    background: url(../images/photos_ouvriers.jpg) no-repeat top left;
}
#photo_ouvriers img{
    margin: 10px 11px;
}
#left_column_ouvriers ul{
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}
#left_column_ouvriers li{
    background: url(../images/separation_ouvriers.jpg) no-repeat top left;
    font-size: 12px;
    padding: 5px 0 0 0;
    margin: 0 0 10px 0;
    letter-spacing: 0.2em;
}
#left_column_ouvriers span{
    color: #000;
    font-family: Georgia, "Times New Roman", Times, serif;
}
#left_column_ouvriers a.contact_ouvriers{
    display: block;
    margin: 25px 0 0 0;
    font-size: 10px;
    color:#fe7010;
    text-transform: uppercase;
}
#left_column_ouvriers a.plus_d_ouvriers{
    display: block;
    margin: 5px 0 0 0;
    font-size: 11px;
    text-decoration: none;
    color:#fe7010;
}
#right_column_ouvriers{
    float: right;
    width: 705px;
    height: 437px;
    margin: 15px 0 0 0 ;
    padding: 0 11px 0 0 ;
    background: url(../images/back_perso_ouvriers.jpg) no-repeat top left;
}
#right_column_tv_moleskine{
    float: right;
    width: 705px;
    height: 437px;
    margin: 15px 0 0 0 ;
    padding: 0 11px 0 0 ;
    background: url(../images/back_tv_moleskine.jpg) no-repeat top left;
}
#right_column_tv_moleskine_btn {
    margin-left: 76px;
    margin-top: 64px;
}
#right_column_tv_moleskine_link {
    width: 705px;
    text-align: center;
    margin-top: 126px;
    font-size:11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-family: Century Gothic, Arial, Helvetica, Geneva, sans-serif;
    color:#fe7010;
}
#right_column_tv_moleskine_link a{
    color:#fe7010;
    text-decoration: none;
}
#right_column_tv_moleskine_link a:hover{
    color:#fe7010;
    text-decoration: underline;
}
#right_column_tv_moleskine_fla{
    background: black;
    width: 266px;
    height: 196px;
    margin-left: 309px;
    margin-top: -285px;
}
#right_column_carnet_moleskine{
    float: right;
    width: 705px;
    height: 437px;
    margin: 15px 0 0 0 ;
    padding: 0 11px 0 0 ;
    background: url(../images/back_moleskine_carnet.jpg) no-repeat top left;
}

#container_cv {
    overflow:hidden;
    overflow-y: hidden;
    overflow-x:scroll;
    margin-top: 1px;
    height: 428px;
    width: 695px;
    margin-left: 4px;
}
#actus_agenda_ouvriers{
    float: left;
    margin-top: 41px;
    padding-left: 136px;
    height: 330px;
}
#actus_agenda_ouvriers ul{
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}
#actus_agenda_ouvriers li{
    float: left;
    width: 191px;
    margin-right: 43px;
    height: 98px;
}
#actus_agenda_ouvriers h3{
    font: bold 13px Arial, Helvetica, Geneva, sans-serif;
    letter-spacing: 0.1em;
    padding: 0;
    margin: 10px 0 -5px;
}
#actus_agenda_ouvriers p.date_actu{
    font: bold 10px Arial, Helvetica, Geneva, sans-serif;
    color: #320c72;
}
#actus_agenda_ouvriers p.details_actu{
    font: italic 11px Times,"Times New Roman",  serif;
    margin-top: -6px;
}
#actus_agenda_ouvriers a{
    float: right;
    font: italic 10px Arial, Helvetica, Geneva, sans-serif;
    color: #320c72;
    text-decoration: none;
    margin-top: -8px;
    margin-bottom: 0;
}
#actus_agenda_ouvriers a:hover{
    text-decoration: underline;
}
#actus_agenda_herve{
    float: left;
    margin-top: 41px;
    padding-left: 95px;
    height: 330px;
    width: 498px;
}
#moleskie_photo_herve{
    float: left;
    width: 239px;
    height: 295px;
}
#moleskie_link_herve{
    float: left;
    width: 239px;
    height: 16px;
    text-align: center;
}
#moleskie_texte_herve{
    float: left;
    background: url(../images/apostrophe_begin.jpg) no-repeat top left;
    width: 215px;
    padding-left: 0;
    line-height: 20px;
    margin-left: 37px;
    text-indent: 21px;
}
#moleskie_end_herve{
    float: right;
    width: 15px;
    height: 15px;
    background: url(../images/apostrophe_end.jpg) no-repeat top left;
    margin-top: -13px;
}

#moleskine_close {
    float: right;
    margin-top: -405px;
    padding-right: 23px;
}
#actus_agenda_herve a{
    font: italic 10px Arial, Helvetica, Geneva, sans-serif;
    color: #fe7010;
    text-decoration: underline;
}
#actus_agenda_herve a:hover{
    text-decoration: underline;
}
#right_column_ouvriers_content{
    width: 623px;
    height: 369px;
    margin: 32px 0 0 40px;
}
#footer_perso_ouvriers{
    width: 875px;
    height: 107px;
    padding: 0 1px 0 0;
    margin: 461px 0 0 0;
    background: url(../images/straits_ouvriers.jpg) no-repeat top left;
}
#arrow_left{
    float: left;
    margin: -65px 0 0 0;
    padding: 0 0 0 15px;
}
#arrow_right{
    float: right;
    margin: -65px 0 0 0;
    padding: 0 15px 0 0;
}
#references_ouvriers {
    height: 107px;
    width: 700px;
    margin: 0 0 0 85px;
    padding: 0;
    overflow: hidden;
}
#container_ref{
    float: left;
    width : 3000px;
    height: 107px;
    padding: 0;
}
#references_ouvriers ul{
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}
#references_ouvriers li{
    float: left;
    width: 116px;
    height: 86px;
    margin: 8px 22px 8px 0;
    padding: 0;
    background:white;
    border: 3px solid #000;
}
#references_ouvriers li.roll_over_ouvriers{
    background: #454545;
    color: #99cc33;
    text-align: center;
}
#references_ouvriers li.roll_over_ouvriers span{
    display: block;
    padding: 22px 0 0 0;
}
#list_categ_ouvriers{
    background-color:#1d1d1d;
    width: 137px;
    position: absolute;
    margin-bottom: 0;
    margin-right: 0;
    left: 50%;
    margin-left: -427px;
    top: 352px;
}
#list_categ_ouvriers span{
    display: block;
    color: #ff6600;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-align: center;
    font-size: 11px;
    letter-spacing: 0.2em;
    margin: 10px;
}
#list_categ_ouvriers ul{
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}
#list_categ_ouvriers li{
    background: none;
    font-size:8px;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    padding: 0;
    margin: 0 10px 13px;
}
#list_categ_ouvriers a{
    color: #ff6600;
    text-decoration: none;
}
#list_categ_ouvriers a:hover{
    color: #ff6600;
    text-decoration: underline;
}

#nav_up_down_2{
    float: left;
    width: 642px;
    height: 8px;
    margin: 7px 0 0;
    padding: 0 0 0 44px;
}

#nav_up_down_2 ul{
    height: 8px;
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
#nav_up_down_2 li{
    float: left;
    height: 8px;
}
#nav_up_down_2 li.precedent{
    margin: 0 491px 0 0;
}
#nav_up_down_2 li.precedent_herve{
    margin: 0 511px 0 0;
}

#nav_up_down_3{
    float: left;
    width: 674px;
    height: 8px;
    margin: 7px 0 0;
    padding: 0 0 0 12px;
}

#nav_up_down_3 ul{
    height: 8px;
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
#nav_up_down_3 li{
    float: left;
    height: 8px;
}
#nav_up_down_3 li.precedent{
    margin: 0 544px 0 0;
}
#nav_up_down_3 li.precedent_herve{
    margin: 0 511px 0 0;
}

#btn_back {
    position: absolute;
    font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    margin: 20px 0 0 0;
    padding: 0 0 0 800px !important;
    padding: 0 0 0 650px  !important!;
}

#btn_back a{
    color:#fe7010;
    text-decoration: none;
}
#btn_back a:hover{
    color:#fe7010;
    text-decoration: underline;
}
/* @end */
/* @group Liste Ouvriers */

#sort_ouvriers {
    border-top: 1px solid #000;
    float: left;
    margin: 45px 0 0 -70px;
    padding: 5px 0 ;
    background: url(../images/puce_disc.jpg) no-repeat center right;
}

#sort_ouvriers ul{
    margin: 0;
    list-style: none;
    list-style-image: none;
    margin: 0 3px 0 0;
}
#sort_ouvriers li{
    float: left;
    margin: 0 10px 0 0;
    padding: 0 0 0 13px;
    color: #000;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 9.5px;
    font-weight: normal;
    background:  url(../images/puce_disc.jpg) no-repeat center left;
    letter-spacing: 0.15em;
}
#sort_ouvriers a{
    text-decoration: none;
    color: #000;
}
#sort_ouvriers a:hover{
    text-decoration: underline;
    color: #000;
}

#sort_ouvriers_uk {
    border-top: 1px solid #000;
    float: left;
    margin: 45px 0 0 -152px;
    padding: 5px 0 ;
    background: url(../images/puce_disc.jpg) no-repeat center right;
}

#sort_ouvriers_uk ul{
    margin: 0;
    list-style: none;
    list-style-image: none;
    margin: 0 3px 0 0;
}
#sort_ouvriers_uk li{
    float: left;
    margin: 0 7px 0 0;
    padding: 0 0 0 10px;
    color: #000;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 9px;
    font-weight: normal;
    background:  url(../images/puce_disc.jpg) no-repeat center left;
    letter-spacing: 0.15em;
}
#sort_ouvriers_uk a{
    text-decoration: none;
    color: #000;
}
#sort_ouvriers_uk a:hover{
    text-decoration: underline;
    color: #000;
}
#tab_ouvriers {
    float: left;
    width: 670px;
    height: 347px;
    margin-top: 107px;
    padding-left: 102px;
}

#content_inside div.window_details_ouvrier {
    position: absolute;
    width: 392px;
    height: 92px;
    margin-top: 12px;
    margin-left: 240px;

}

div.btn_profil_ouvrier {
    width: 84px;
    height: 18px;
    padding-left: 296px;
    margin-top: -17px;
}

div.ouvrier_photo {
    float: left;
    width: 70px;
    height: 79px;
    padding-left: 21px;
    margin-top: 5px;
}

span.ouvrier_nom {
    display: block;
    float: left;
    color: #f9d1b8;
    text-transform: uppercase;
    font: bold 13px Georgia, "Times New Roman", Times, serif;
    margin-left: 119px;
    width: 241px;
    height: 35px;
    margin-top: -75px;
}
span.ouvrier_fonction {
    display: block;
        float: left;
    color: #f9d1b8;
    text-transform: uppercase;
    font: 11px Arial, Helvetica, Geneva, sans-serif;
    margin-left: 119px;
    margin-top: -38px;
    height: 35px;
    width: 241px;
}
* html span.ouvrier_nom{
    margin-left: 62px;
}
* html span.ouvrier_fonction{
    margin-left: 62px;
}
#content_inside div.details_ouvrier {

    width: 392px;
    height: 92px;
background-image: url(../images/ouvriers_background_details.jpg);
}
.tab_thumb_ouvrier {
    float: left;
    width: 67px;
    height: 67px;
    background: url(../images/back_ouvriers.jpg) no-repeat;
}
.tab_thumb_ouvrier img{
    padding: 10px 0 0 10px;
}
/* @end */
/* @group Menu de navigation */

#handler_menu {
    float: left;
    height: 570px;
    margin: 1px 0 0 -486px;
    padding: 0 0 0 50%;
    cursor: pointer;
}
#handler{
    width: 47px;
    height: 75px;
    margin-top: 52px;
    background-image: url(../images/handler_menu.jpg);
}
/* @end */
/* @group Details Hachis */

#content_inside_3{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_hachis_detail.jpg) no-repeat;
}
#content_inside_3_uk{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_hachis_detail.jpg) no-repeat;
}
#list_categ_hachis {
    float: left;
    width: 100%;
    margin: 74px 0 17px 0;
}
#list_categ_hachis ul{
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}
#list_categ_hachis li{
    float: left;
    width: 175px;
    text-align: center;
}
#list_categ_hachis li.activated{
    font-weight: bold;
}
#list_categ_hachis span{
    display: block;
    height:22px;
    padding:5px 0 0 0 ;
}
#list_categ_hachis a{
    padding: 6px 3px 0px 3px;
    border-top: 1px solid #000;
    color: #000;
    letter-spacing: 0.1em;
    text-decoration: none;
    font-size: 12px;
    font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
}
#list_categ_hachis a:hover{
    padding: 6px 3px 0px 3px;
    border-top: 1px solid #000;
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
#list_categ_hachis_uk {
    float: left;
    width: 844px;
    margin: 74px 0 17px 0;
}
* html #list_categ_hachis_uk{
    float: blue;
    width: 850px;
    margin: 74px 0 17px 0;
}
*+html #list_categ_hachis_uk {
    float: blue;
    width: 892px;
    margin: 74px 0 17px 0;
}
#list_categ_hachis_uk ul{
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}
#list_categ_hachis_uk li{
    float: left;
    width: 20%;
    text-align: center;
}
* html #list_categ_hachis_uk li{
    float: left;
    width: 170px;
    text-align: center;
}
*+html #list_categ_hachis_uk li{
    float: left;
    width: 19%;
    text-align: center;
}
#list_categ_hachis_uk li.activated{
    font-weight: bold;
}
#list_categ_hachis_uk span{
    display: block;
    height:22px;
    padding:5px 0 0 0 ;
}
#list_categ_hachis_uk a{
    padding: 6px 3px 0px 3px;
    border-top: 1px solid #000;
    color: #000;
    letter-spacing: 0.1em;
    text-decoration: none;
    font-size: 12px;
    font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
}
#list_categ_hachis_uk a:hover{
    padding: 6px 3px 0px 3px;
    border-top: 1px solid #000;
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

#arrow_up{
    width: 13px;
    height: 6px;
    margin: 55px 0 0 154px;
}
#arrow_down{
    width: 13px;
    height: 6px;
    margin: 5px 0 0 154px;
}
#left_column_hachis{

    float: left;
    height:305px;
    width: 178px;
    margin: 0 23px 0 0
}
#left_column_hachis ul{
    padding: 0;
    margin: 5px 0 0 40px ;
    list-style: none;
    list-style-image: none;
}
#left_column_hachis li {
    width: 125px;
    height:59px;
    background: url(../images/liste_hachis_out.jpg) no-repeat top left;
}
#left_column_hachis li.activated {
    background: url(../images/liste_hachis_over.jpg) no-repeat top left;
}
#left_column_hachis li a{
    display: block;
    width: 125px;
    height:59px;
    text-align: center;
    padding: 9px 0 0 20px;
    text-transform: uppercase;
    font-size: 12px;
    font: "Times New Roman", Times, serif;
    text-decoration: none;
    color: #000;
    font-weight: bold;
}
#left_column_hachis li.activated{
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    font: "Times New Roman", Times, serif;
    text-decoration: none;
    color: #009af2;
    font-weight: bold;
}
#left_column_hachis li.activated span{
    display: block;
    text-align: center;
    padding: 9px 0 0 43px;
}
#left_column_hachis li a:hover{
    text-decoration: underline;
    color: #000;
}
#left_column_hachis li span {

}
#left_column_hachis li span.activ {
    padding: 0;
    margin: 0;
}
#middle_column_hachis{
    float: left;
    width: 420px;
}
#hachis_photo{
    float: left;
    width: 214px;
    height:305px;
    background: white;
}
#texte_hachis{
    float: left;

    width: 200px;
    height:305px;
}
#texte_hachis p {
    width: 160px;
    margin: 0;
}
#plain_hachis{
    float: left;
    width: 160px;
    height:305px;
    padding: 0 14px;
    overflow: hidden;
}
#container_text{
    float: left;
    height:305px;
    text-align: justify;
    padding: 0;
    margin: 0;
}
#scroll_hachis{
    float: left;
    height:302px;
    background-color:#e0dada;
    width:7px;
}
#handler_hachis{
    width:7px;
    height:77px;
    background-image: url(../images/hachis_handler.jpg);
}
#right_column_hachis{
    float: left;
    width: 154px;
    margin: 0 0 0 36px;
    text-align: right;
}
#right_column_hachis ul {
    margin: 45px 0 0 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}
#right_column_hachis li {
    text-align: left;
    height: 132px;
    padding: 0;
    margin: 0 0 10px 0;
}
#right_column_hachis ul li a span {
    display: block;
    font-weight: bold;
    margin: 0px 0 0 0 ;
    text-transform: uppercase;
    height: 14px;
}
#right_column_hachis a {
    letter-spacing: 0.1em;
    text-decoration: none;
    color: #009af2;
    font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#right_column_hachis a:hover {
    color: #009af2;
    text-decoration: underline;
}

#right_column_hachis div#video {
    height: 156px;
    background: url(../images/7extra_video.jpg) no-repeat;
}
#right_column_hachis div#video_uk {
    height: 156px;
    background: url(../images/7extra_video.jpg) no-repeat;
}
#right_column_hachis div#video img, #right_column_7extra div#video_uk img{
    margin-top: 24px;
}
#right_column_hachis div#audio {
    height: 45px;
    background: url(../images/7extra_audio.jpg) no-repeat;
    padding-top: 23px;
    margin-top: 22px;
}
#right_column_hachis div#audio_uk {
    height: 45px;
    background: url(../images/7extra_audio.jpg) no-repeat;
    padding-top: 23px;
    margin-top: 22px;
}



#footer_inside{
    float: left;
    width: 878px;
    height: 55px;
    margin: -104px 0 0 -438px;
    padding: 0 0 0 50%;
}
#footer_perso_hachis{
    float: left;
    width: 875px;
    height: 55px;
    padding: 0 1px 0 0;
    margin: 121px 0 0 0;
}
#arrow_left_blue{
    float: left;
    margin: -40px 0 0 0px;
    padding: 0 0 0 145px;
}
#arrow_right_blue{
    float: right;
    margin: -40px 0 0 0;
    padding: 0 40px 0 0;
}
#references_hachis {
    height: 55px;
    width: 579px;
    margin: 0 0 0 200px;
    padding: 0;
    overflow: hidden;
}
#container_ref_hachis{
    float: left;
    width : 3000px;
    height: 55px;
    padding: 0;
}
#references_hachis ul{
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}
#references_hachis li{
    float: left;
    width: 74px;
    height: 55px;
    margin: 0px 27px 0px 0;
    padding: 0;
    background:#000;
}
#references_hachis li.roll_over_hachis{
    background: url(../images/zoom_photo.jpg) no-repeat top left;
    color: #99cc33;
    text-align: center;
}
#references_hachis li.roll_over_hachis span{
    display: block;
    padding: 22px 0 0 0;
}
/* @end */
/* @group Details Agenda */

#content_inside_4{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_agenda_detail.jpg) no-repeat;
}
#content_inside_4_uk{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_agenda_detail.jpg) no-repeat;
}
#handler_agenda{
    width:7px;
    height:77px;
    background-image: url(../images/agenda_handler.jpg);
}
#right_column_agenda{
    float: left;
    width: 154px;
    margin: 0 0 0 36px;
    text-align: right;
}
#right_column_agenda ul {
    margin: 45px 0 0 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}
#right_column_agenda li {
    text-align: left;
    height: 132px;
    padding: 0;
    margin: 0 0 10px 0;
}
#right_column_agenda ul li a span {
    display: block;
    font-weight: bold;
    margin: 0px 0 0 0 ;
    text-transform: uppercase;
    height: 14px;
}
#right_column_agenda a {
    letter-spacing: 0.1em;
    text-decoration: none;
    color: #320c72;
    font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#right_column_hachis a:hover {
    color: #320c72;
    text-decoration: underline;
}
#left_column_agenda{
    float: left;
    height:305px;
    width: 178px;
    margin: 0 23px 0 0
}
#left_column_agenda ul{
    padding: 0;
    margin: 13px 0 0 40px ;
    list-style: none;
    list-style-image: none;
}
#left_column_agenda li {
    width: 125px;
    margin: 0 0 7px 0;
    padding: 3px 0 12px 0;
    background: url(../images/dashed.jpg) no-repeat bottom left;
}
#left_column_agenda li.activated {
    margin: 0 0 7px 0;
    padding: 3px 0 12px 0;
    background: url(../images/dashed.jpg) no-repeat bottom left;
    color: #320c72;
}
#left_column_agenda li a{
    width: 125px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    font-family: "Times New Roman", Times, serif;
    text-decoration: none;
    color: #000;
    font-weight: bold;
}
#left_column_agenda li.activated{
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    font-family: "Times New Roman", Times, serif;
    text-decoration: none;
    color: #320c72;
    font-weight: bold;
}
#left_column_agenda li.activated span{
    display: block;
    text-align: center;

}
#left_column_agenda li a:hover{
    text-decoration: underline;
    color: #000;
}
#left_column_agenda li span {

}
#left_column_agenda li span.activ {
    padding: 0;
    margin: 0;
}
#left_column_agenda ul li a span.archive {
    display: block;
    font-variant: normal;
    font-style: italic;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-transform: capitalize;
    text-align: right;
}
/* @end */
/* @group Nos Vues Sur Societe */

#content_inside_5{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_nos_vues_sur_societe.jpg) no-repeat;
}
#content_inside_5_uk{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_nos_vues_sur_societe.jpg) no-repeat;
}
#arrow_up_nos_vues{
    width: 13px;
    height: 6px;
    margin: 32px 0 0 197px;
}

#arrow_down_nos_vues{
    width: 13px;
    height: 6px;
    margin: 5px 0 0 197px;
}
#left_column_nos_vue_sur_societe{
    float: left;
    height:305px;
    width: 221px;
    margin: 0 23px 0 0;
}
#left_column_nos_vue_sur_societe ul{
    padding: 0;
    width: 158px;
    margin: 13px 0 0 44px ;
    list-style: none;
    list-style-image: none;
}
#left_column_nos_vue_sur_societe li {
    width: 160px;
    margin: 0 0 1px 0;
    padding: 3px 0 6px 0;
    background: url(../images/dashed.jpg) repeat-x bottom left;
}
/* ----------------- */
#left_column_nos_vue_sur_societe li span.title{
    display: block;
    width: 158px;
    margin: 0;
    padding: 0;
    text-align: center;
    background: url(../images/puce_liste_nos_vues_sur.jpg) no-repeat;
}
#left_column_nos_vue_sur_societe li span.normal{
    display: block;
    width: 158px;
    margin: 0;
    padding: 0;
    text-align: left;
}
#left_column_nos_vue_sur_societe li span.title_blue{
    display: block;
    width: 158px;
    margin: 0;
    padding: 0;
    text-align: center;
    background: url(../images/puce_liste_blue_nos_vues_sur.jpg) no-repeat;
    color: #009af2;
}
#left_column_nos_vue_sur_societe li span.normal_blue{
    display: block;
    width: 158px;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #009af2;
}
#left_column_nos_vue_sur_societe li span.title_violet{
    display: block;
    width: 158px;
    margin: 0;
    padding: 0;
    text-align: center;
    background: url(../images/puce_liste_violet_nos_vues_sur.jpg) no-repeat;
    color: #320c72;
}
#left_column_nos_vue_sur_societe li span.normal_violet{
    display: block;
    width: 158px;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #320c72;
}
#left_column_nos_vue_sur_societe li span.title_green{
    display: block;
    width: 158px;
    margin: 0;
    padding: 0;
    text-align: center;
    background: url(../images/puce_liste_green_nos_vues_sur.jpg) no-repeat;
    color: #47a32a;
}
#left_column_nos_vue_sur_societe li span.normal_green{
    display: block;
    width: 158px;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #47a32a;
}
#left_column_nos_vue_sur_societe li span.title_orange{
    display: block;
    width: 158px;
    margin: 0;
    padding: 0;
    text-align: center;
    background: url(../images/puce_liste_orange_nos_vues_sur.jpg) no-repeat;
    color: #ed8725;
}
#left_column_nos_vue_sur_societe li span.normal_orange{
    display: block;
    width: 158px;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #ed8725;
}
#left_column_nos_vue_sur_societe li span.title_red{
    display: block;
    width: 158px;
    margin: 0;
    padding: 0;
    text-align: center;
    background: url(../images/puce_liste_red_nos_vues_sur.jpg) no-repeat;
    color: #e74c53;
}
#left_column_nos_vue_sur_societe li span.normal_red{
    display: block;
    width: 158px;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #e74c53;
}
/* ----------------- */
#left_column_nos_vue_sur_societe li.activated {
    margin: 0 0 0px 0;
    padding: 3px 0 12px 0;
    background: url(../images/dashed.jpg) repeat-x bottom left;
    color: #320c72;
}
#left_column_nos_vue_sur_societe li a{
    width: 158px;
    font-size: 12px;
    font: "Times New Roman", Times, serif;
    text-decoration: none;
    color: #000;
}
#left_column_nos_vue_sur_societe li.activated{
    font-size: 12px;
    font: "Times New Roman", Times, serif;
    text-decoration: none;
    color: #000;
    font-weight: bold;
}
#left_column_nos_vue_sur_societe li a:hover{
    text-decoration: underline;
    color: #000;
}
#left_column_nos_vue_sur_societe li span.activ {
    padding: 0;
    margin: 0;
}
#left_column_nos_vue_sur_societe ul li a span.archive_blue {
    display: block;
    font-variant: normal;
    font-style: italic;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-transform: capitalize;
    text-align: right;
    font-size: 11px;
    color: #009af2;
}
#middle_column_nos_vues_sur_societe{
    float: left;
    width: 355px;
    margin: 42px 0 0;
}
#texte_nos_vues_sur_societe{
    float: left;
    width: 355px;
    height:260px;
}
#plain_nos_vues_sur_societe{
    float: left;
    width: 332px;
    height:260px;
    padding: 0 14px 0 0;
    text-align: justify;
    overflow: hidden;
}
#scroll_nos_vues_sur_societe{
    float: left;
    height:260px;
    background-color:#e0dada;
    width:7px;
}
#handler_nos_vues_sur_societe{
    width:7px;
    height:77px;
    background-image: url(../images/hachis_handler.jpg);
}
#right_column_nos_vue_sur_societe{
    float: left;
    height:305px;
    width: 210px;
    margin: -7px 0 0 23px;
    text-align: center;
}
#arrow_nos_vues_sur a.arrow_left_nos_vues_sur {
    display: block;
    margin: 0 0 2px 0;
    float: left;
}
#arrow_nos_vues_sur a.arrow_right_nos_vues_sur {
    display: block;
    margin: 0 0 2px 0;
    float: right;
}
#photo_nos_vues_sur{
    height: 281px;
}
#photo_nos_vues_sur span.blue_copy {
    float: left;
    font-variant: normal;
    font-style: italic;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-align: right;
    font-size: 11px;
    color: #009af2;
}
#right_column_nos_vue_sur_societe ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
    margin: 5px 0 0 12px;
}
#right_column_nos_vue_sur_societe li {
    float: left;
    width: 23px;
    height: 23px;
    background: #cccac7;
    margin: 0 10px 10px 0;
}
#arrow_up_down_nos_vues_sur{
    margin: -5px 0 0 0;
}
html[xmlns*=""] body:last-child #arrow_up_down_nos_vues_sur{
    margin: -10px 0 0 0;
}
#audio_player{
    float: left;
    width: 788px;
    height: 28px;
    margin: -14px 0 0 0;
    padding: 0 0 0 45px;
}
#sous_menu_nos_vues_sur{
    float: left;
    width: 788px;
    height: 28px;
    margin: 5px 0 0 0;
    padding: 0 0 0 45px;
    background: url(../images/circle_black.jpg) no-repeat top right;
}
#sous_menu_nos_vues_sur ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}
#sous_menu_nos_vues_sur li {
    float: left;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    width: 25%;
    background: url(../images/circle_black.jpg) no-repeat top left;
    font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#sous_menu_nos_vues_sur li.societe {
    color: #009af2;
    background: url(../images/circle_blue.jpg) no-repeat top left;
}
#sous_menu_nos_vues_sur a {
    color: #000;
    text-decoration: none;
}
#sous_menu_nos_vues_sur a:hover {
    color: #000;
    text-decoration: underline;
}
#content_nos_vues_sur{
float: left;
    width: 872px;
}
/* @end */
/* @group Nos Vues Sur Accueil */

#content_inside_6{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_nos_vues_sur_accueil.jpg) no-repeat;
}
#content_inside_6_uk{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_nos_vues_sur_accueil.jpg) no-repeat;
}
li.accueil_mode, li.accueil_art, li.accueil_culture, li.accueil_societe{
    text-transform: uppercase;
    letter-spacing: 0.3em;
    font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}
li.accueil_mode {
    display: block;
    color: #ed8725;
    position: absolute;
    margin: 89px 0 0 133px;
}
li.accueil_mode a{
    display: block;
    color: #ed8725;
    text-decoration: none;
    padding-left: 11px;
    padding-top: 7px;
}
li.accueil_art {
    display: block;
    color: #833f92;
    position: absolute;
    margin: 12px 0 0 604px;
}
li.accueil_art a{
    display: block;
    color: #833f92;
    text-decoration: none;
    padding-left: 8px;
    padding-top: 6px;
}
li.accueil_culture {
    display: block;
    color: #49a22e;
    position: absolute;
    margin: 353px 0 0 138px;
}
li.accueil_culture a{
    display: block;
    color: #49a22e;
    text-decoration: none;
    padding-top: 15px;
    padding-left: 12px;
}
li.accueil_societe {
    display: block;
    color: #68a5d4;
    position: absolute;
    margin: 337px 0 0 636px;
}
li.accueil_societe a{
    display: block;
    color: #68a5d4;
    text-decoration: none;
    padding-left: 13px;
    padding-top: 18px;
}
li.accueil_mode a:hover{
    display: block;
    color: #ed8725;
    padding-left: 5px;
    padding-top: 0px;
    text-decoration: none;
    background: url(../images/roll_over_mode.png) no-repeat 21px 17px;
    width: 70px;
    height: 50px;
    font-size: 13px;
}
html[xmlns*=""] body:last-child li.accueil_mode a:hover{
background: url(../images/roll_over_mode.png) no-repeat 21px 18px;
}
li.accueil_art a:hover{
    display: block;
    color: #833f92;
    padding-left: 5px;
    padding-top: 0px;
    text-decoration: none;
    background: url(../images/roll_over_art.png) no-repeat  15px 17px;
    width: 70px;
    height: 50px;
    font-size: 13px;
}
html[xmlns*=""] body:last-child li.accueil_art a:hover{
    background: url(../images/roll_over_art.png) no-repeat 5px 18px;
}
li.accueil_culture a:hover{
    display: block;
    color: #49a22e;
    padding-left: 5px;
    padding-top: 20px;
    text-decoration: none;
    background: url(../images/roll_over_culture.png) no-repeat 29px 0px;
    width: 70px;
    height: 50px;
    font-size: 13px;
}
html[xmlns*=""] body:last-child li.accueil_culture a:hover{
    background: url(../images/roll_over_culture.png) no-repeat 29px 1px;
}
li.accueil_societe a:hover{
    display: block;
    color: #68a5d4;
    padding-left: 5px;
    padding-top: 20px;
    text-decoration: none;
    background: url(../images/roll_over_societe.png) no-repeat 34px 1px;
    width: 70px;
    height: 50px;
    font-size: 13px;
}
html[xmlns*=""] body:last-child li.accueil_societe a:hover{
    background: url(../images/roll_over_societe.png) no-repeat 13px 2px;
}


div.nos_vues_sur_accueil_photo {
    position: absolute;
    color: #49a22e;
    text-decoration: none;
    padding-left: 292px;
    margin-top: -45px;
}
* html div.nos_vues_sur_accueil_photo{
    margin-left: -541px;
    padding-left: 0;
}
*+html div.nos_vues_sur_accueil_photo{
    margin-left: -541px;
    padding-left: 0;
}
p.nos_vues_sur_accueil_description {
    position: absolute;
    font: italic 14px Georgia, "Times New Roman", Times, serif;
    margin: 260px 0 0 510px;
}
/* @end */
/* @group Nos Vues Sur Culture */
#content_inside_9{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_nos_vues_sur_culture.jpg) no-repeat;
}
#content_inside_9_uk{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_nos_vues_sur_culture.jpg) no-repeat;
}
#sous_menu_nos_vues_sur li.culture {
    color: #47a32a;
    background: url(../images/circle_green.jpg) no-repeat top left;
}
.green_first_letter{
    font-size: 26px;
    color: #47a32a;
}
#green_titre{
    font: italic 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #47a32a;
    margin: 0 0 4px 0;
}
#handler_nos_vues_sur_culture{
    width:7px;
    height:77px;
    background-image: url(../images/culture_handler.jpg);
}
#photo_nos_vues_sur span.green_copy {
    float: left;
    font-variant: normal;
    font-style: italic;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-align: right;
    font-size: 11px;
    color: #47a32a;
}
#left_column_nos_vue_sur_societe ul li a span.archive_green {
    display: block;
    font-variant: normal;
    font-style: italic;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-transform: capitalize;
    text-align: right;
    font-size: 11px;
    color: #47a32a;
}
/* @end */
/* @group Nos Vues Sur Mode */
#content_inside_10{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_nos_vues_sur_mode.jpg) no-repeat;
}
#content_inside_10_uk{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_nos_vues_sur_mode.jpg) no-repeat;
}
#sous_menu_nos_vues_sur li.mode {
    color: #ed8725;
    background: url(../images/circle_orange.jpg) no-repeat top left;
}
.orange_first_letter{
    font-size: 26px;
    color: #ed8725;
}
#orange_titre{
    font: italic 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #ed8725;
    margin: 0 0 4px 0;
}
#handler_nos_vues_sur_mode{
    width:7px;
    height:77px;
    background-image: url(../images/mode_handler.jpg);
}
#photo_nos_vues_sur span.orange_copy {
    float: left;
    font-variant: normal;
    font-style: italic;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-align: right;
    font-size: 11px;
    color: #ed8725;
}
#left_column_nos_vue_sur_societe ul li a span.archive_orange {
    display: block;
    font-variant: normal;
    font-style: italic;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-transform: capitalize;
    text-align: right;
    font-size: 11px;
    color: #ed8725;
}
/* @end */
/* @group Nos Vues Sur Art */

#content_inside_11{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_nos_vues_sur_art.jpg) no-repeat;
}
#content_inside_11_uk{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_nos_vues_sur_art.jpg) no-repeat;
}
#sous_menu_nos_vues_sur li.art {
    color: #320c72;
    background: url(../images/circle_violet.jpg) no-repeat top left;
}
.violet_first_letter{
    font-size: 26px;
    color: #320c72;
}
#violet_titreheight: 570px;
#handler_nos_vues_sur_art{
    width:7px;
    height:77px;
    background-image: url(../images/agenda_handler.jpg);
}
#photo_nos_vues_sur span.violet_copy {
    float: left;
    font-variant: normal;
    font-style: italic;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-align: right;
    font-size: 11px;
    color: #320c72;
}
#left_column_nos_vue_sur_societe ul li a span.archive_violet {
    display: block;
    font-variant: normal;
    font-style: italic;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-transform: capitalize;
    text-align: right;
    font-size: 11px;
    color: #320c72;
}
/* @end */
/* @group Ce mois-ci Details */

#content_inside_12{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_ce_mois_ci_details.jpg) no-repeat;
}
#content_inside_12_uk{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_ce_mois_ci_details.jpg) no-repeat;
}
#content_ce_mois_ci{
    float: left;
    margin: 25px 0 0;
}
.red_first_letter{
    font-size: 26px;
    color: #e74c53;
}
#red_titre{
    font: italic 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #e74c53;
    margin: 0 0 4px 0;
}
#handler_ce_mois_ci{
    width:7px;
    height:77px;
    background-image: url(../images/ce_mois_ci_handler.jpg);
}
#photo_nos_vues_sur span.red_copy {
    float: left;
    font-variant: normal;
    font-style: italic;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-align: right;
    font-size: 11px;
    color: #e74c53;
}
#left_column_nos_vue_sur_societe ul li a span.archive_red {
    display: block;
    font-variant: normal;
    font-style: italic;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-transform: capitalize;
    text-align: right;
    font-size: 11px;
    color: #e74c53;
}
/* @end */
/* @group Ce mois-ci Accueil */

#content_inside_7{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_ce_mois_ci_accueil.jpg) no-repeat;
}
#content_inside_7_uk{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_ce_mois_ci_accueil.jpg) no-repeat;
}
#title_inside_2{
    float: left;
    width: 250px;
    height: 18px;
    margin: 75px 0 0 0 ;
    padding: 5px 0 0 45px;
}
.title_inside_text_2{
    font-family: Verdana, sans-serif;
    border-top: 1px solid #000;
    margin: 5px 0 0 0;
    padding: 5px 0 0 0;
    font-size: 11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #000;
}
#title_inside_3{
    float: left;
    width: 250px;
    height: 18px;
    margin: 5px 0 0 0;
    padding: 0 0 0 45px;
    color: #e74c53;
    text-transform: uppercase;
    font: 11px Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
    letter-spacing: 0.2em;
}
li.accueil_theme1, li.accueil_theme2, li.accueil_theme3, li.accueil_theme4{
    text-transform: uppercase;
    font: 10px Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
}
li.accueil_theme1 {
    display: block;
    position: absolute;
    margin: 75px 0 0 20px;

}
li.accueil_theme2 {
    display: block;
    position: absolute;
    margin: -40px 0 0 294px;
}
li.accueil_theme3 {
    display: block;
    position: absolute;
    margin: 310px 0 0 -1px;
}
li.accueil_theme4 {
    display: block;
    position: absolute;
    margin: 315px 0 0 439px;
}
li.accueil_theme1 a{
    display: block;
    color: #e74c53;
    text-decoration: none;
    font-size:10px;
}
li.accueil_theme2 a{
    display: block;
    color: #e74c53;
    text-decoration: none;
    padding-top: 16px;
    padding-left: 30px;
}
li.accueil_theme3 a{
    display: block;
    color: #e74c53;
    text-decoration: none;
    padding-top: 29px;
    padding-left: 19px;
}
li.accueil_theme4 a{
    display: block;
    color: #e74c53;
    text-decoration: none;
    padding-top: 29px;
    padding-left: 17px;
}
li.accueil_theme1 a:hover{

    color: #e74c53;
    text-decoration: none;
    background: url(../images/theme_1.jpg) no-repeat 14px 15px;
    font-size: 13px;
    width: 193px;
    height: 72px;
}
li.accueil_theme2 a:hover{
    color: #e74c53;
    text-decoration: none;
    background:  url(../images/theme_2.jpg) no-repeat 14px 15px;
    font-size: 13px;
    width: 191px;
    height: 72px;
    padding-top: 16px;
    padding-left: 30px;
}
li.accueil_theme3 a:hover{
    color: #e74c53;
    text-decoration: none;
    background: url(../images/theme_3.jpg) no-repeat 14px 15px;
    font-size: 13px;
    width: 191px;
    height: 43px;
}
li.accueil_theme4 a:hover{
    color: #e74c53;
    text-decoration: none;
    background: url(../images/theme_4.jpg) no-repeat 14px 15px;
    width: 191px;
    height: 43px;
    font-size: 13px;
    padding-top: 29px;
    padding-left: 17px;

}
#list_categ_ce_mois_ci_accueil{
    float: left;
    margin: 385px 0 0;
    padding: 0 0 0 45px;
}
#list_categ_ce_mois_ci_accueil ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}
#list_categ_ce_mois_ci_accueil li{
    float: left;
    margin: 0 36px 0 0;
}
#list_categ_ce_mois_ci_accueil a{
    text-transform: uppercase;
    font: 10px Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
    color: #e74c53;
    letter-spacing: 0.1em;
    text-decoration: none;
}
#list_categ_ce_mois_ci_accueil a:hover{
    text-decoration: underline;
    color: #e74c53;
}

#list_categ_ce_mois_ci_accueil_uk{
    float: left;
    margin: 385px 0 0;
    padding: 0 0 0 45px;
}
#list_categ_ce_mois_ci_accueil_uk ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}

html[xmlns*=""] body:last-child #list_categ_ce_mois_ci_accueil_uk li{
    float: left;

    margin: 0 30px 0 0;
}
#list_categ_ce_mois_ci_accueil_uk li{
    float: left;
    margin: 0 8px 0 0;
}
* html #list_categ_ce_mois_ci_accueil_uk li{
    float: left;
    margin: 0 4px 0 0;
}
*+html #list_categ_ce_mois_ci_accueil_uk li{
    float: left;
    margin: 0 4px 0 0;
}
#list_categ_ce_mois_ci_accueil_uk a{
    text-transform: uppercase;
    font: 9px Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
    color: #e74c53;
    letter-spacing: 0.1em;
    text-decoration: none;
}
#list_categ_ce_mois_ci_accueil_uk a:hover{
    text-decoration: underline;
    color: #e74c53;
}

#ce_mois_ci_video{
    float: left;
    width: 270px;
    left: 50%;
    margin: -373px 0 0;
    padding: 0 0 0 561px;
}
#cadre_video_ce_mois_ci{
    width: 222px;
    height: 169px;
    background: #000;
    margin-left: 23px;
    margin-top: 3px;
}
#ce_mois_ci_video h2 {
    margin: 14px 0 -5px;
    padding: 0;
    font: bold 10px Arial, Helvetica, Geneva, sans-serif;
    color: #e74c53;
    text-transform: uppercase;
}
#ce_mois_ci_video p {
    font: 12px "Times New Roman", Times, serif;
    color: #1a1a1a;
}
#titre_video_ce_mois_ci{
    padding-left: 26px;
    margin-top: 2px;
}
#visuel_ce_mois_ci_accueil {
    width: 209px;
    height: 211px;
    float: left;
    padding-top: 0;
    margin-top: -306px;
    padding-left: 175px;
}
html[xmlns*=""] body:last-child
#visuel_ce_mois_ci_accueil {
    width: 209px;
    height: 211px;
    float: left;
    padding-top: 0;
    margin-top: -304px;
    padding-left: 175px;
}
#btn_ce_mois_ci_accueil {
    width: 71px;
    height: 14px;
    margin-top: -42px;
    float: left;
    padding-left: 759px;
}
/* @end */
/* @group Agenda Accueil */

#content_inside_8{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_agenda_accueil.jpg) no-repeat;
}
#content_inside_8_uk{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_agenda_accueil.jpg) no-repeat;
}
#actus_agenda{
    float: left;
    margin-top: 41px;
    padding-left: 226px;
}
#actus_agenda ul{
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}
#actus_agenda li{
    float: left;
    width: 191px;
    margin-right: 43px;
    height: 98px;
}
#actus_agenda h3{
    font: bold 13px Arial, Helvetica, Geneva, sans-serif;
    letter-spacing: 0.1em;
    padding: 0;
    margin: 10px 0 -5px;
}
#actus_agenda p.date_actu{
    font: bold 10px Arial, Helvetica, Geneva, sans-serif;
    color: #320c72;
}
#actus_agenda p.details_actu{
    font: italic 11px Times,"Times New Roman",  serif;
    margin-top: -6px;
}
#actus_agenda a{
    float: right;
    font: italic 10px Arial, Helvetica, Geneva, sans-serif;
    color: #320c72;
    text-decoration: none;
    margin-top: -8px;
    margin-bottom: 0;
}
#actus_agenda a:hover{
    text-decoration: underline;
}
.actus_souligne{
    border-bottom: 1px solid #320c72;
}

#indic_page{
    float: left;
    width: 174px;
    height: 25px;
    padding: 0 0 0 134px;
    margin: 17px 0 0;
}
#indic_page a{
    padding-right: 5px;
}
#agenda_arrow_down{
    float: left;
    width: 174px;
    height: 25px;
    padding: 0 0 0 339px;
    margin: -27px 0 0;
}
#agenda_arrow_down a{
    float: left;
    width: 174px;
    height: 25px;
    padding: 0px 0 0 0;
}
/* @end */
/* @group Agenda Accueil */

#gold_titre{
    font: italic 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #b6a063;
    margin: 0 0 4px 0;
}
.gold_first_letter{
    font-size: 26px;
    color: #b6a063;
}
/* @end */

/* @group 7 Extra Arbre */

#content_inside_13{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_7extra_arbre.jpg) no-repeat;
}
#content_inside_13_uk{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_7extra_arbre.jpg) no-repeat;
}
#gold_titre{
    font: italic 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #b6a063;
    margin: 0 0 4px 0;
}
.gold_first_letter{
    font-size: 26px;
    color: #b6a063;
}
#sous_menu_7extra{
    float: left;
    width: 790px;
    height: 28px;
    margin: -2px 0 0;
    padding: 0 0 0 40px;
    background: url(../images/circle_black.jpg) no-repeat center right;
}
#sous_menu_7extra ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}
#sous_menu_7extra li {
    float: left;
    text-align: center;
    letter-spacing: 0.3em;
    width: 23%;
    background: url(../images/circle_black.jpg) no-repeat left;
    font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
    height: 29px;
}
#sous_menu_7extra li.one_line{
    padding-top: 7px;
    height: 22px;
}
#sous_menu_7extra span.activated{
    color: #b6a063;
}
#sous_menu_7extra a {
    color: #000;
    text-decoration: none;
}
#sous_menu_7extra a:hover {
    color: #000;
    text-decoration: underline;
}
#content_7extra_arbre{
    float: left;
    margin: 8px 0 0;
}
#left_column_7extra{
    float: left;
    height:305px;
    width: 178px;
    margin: 0 23px 0 0
}
#left_column_7extra ul{
    padding: 0;
    margin: 5px 0 0 40px;
    list-style: none;
    list-style-image: none;
}
#left_column_7extra li {
    width: 121px;
    height:59px;
    background: url(../images/7extra_arbre_noir.jpg) no-repeat top left;
}
#left_column_7extra li a{
    display: block;
    width: 125px;
    height:59px;
    text-align: center;
    padding: 9px 0 0 20px;
    text-transform: uppercase;
    font-size: 12px;
    font: "Times New Roman", Times, serif;
    text-decoration: none;
    color: #000;
    font-weight: bold;
}
#left_column_7extra li.activated{
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    font: "Times New Roman", Times, serif;
    text-decoration: none;
    color: #b6a063;
    font-weight: bold;
    background: url(../images/7extra_arbre_gold.jpg) no-repeat top left;
}
#left_column_7extra li.activated span{
    display: block;
    text-align: center;
    padding: 9px 0 0 34px;
    width: 103px;
}
#left_column_7extra li a:hover{
    text-decoration: underline;
    color: #000;
}
#left_column_7extra li span {
    display: block;
    text-align: center;
    width: 103px;
    padding: 0 0 0 13px;
}
#left_column_7extra li span.activ {
    padding: 0;
    margin: 0;
}
#arrow_up_7extra{
    width: 13px;
    height: 6px;
    margin: 36px 0 0 154px;
}
#middle_column_7extra{
    float: left;
    width: 420px;
}
#hachis_photo_7extra{
    float: left;
    width: 214px;
    height: 257px;
    background: white;
}
#plain_7extra{
    float: left;
    width: 160px;
    height: 270px;
    padding: 0 14px;
    overflow: hidden;
}
#texte_7extra{
    float: left;
    width: 200px;
    height: 258px;
}
#scroll_7extra{
    float: left;
    height: 262px;
    background-color:#e0dada;
    width:7px;
}
#texte_7extra p {
    width: 160px;
    margin: 0;
}
#container_text_7extra{
    float: left;
    height: 265px;
    text-align: justify;
    padding: 0;
    margin: 0;
}
#handler_7extra{
    width:7px;
    height:77px;
    background-image: url(../images/gold_handler.jpg);

}
#right_column_7extra{
    float: left;
    width: 154px;
    margin: 38px 0 0 36px;
    text-align: right;
    letter-spacing: 0.1em;
    text-decoration: none;
    color: #009af2;
    font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #b6a063;
}
#right_column_7extra  span {
    display: block;
    font-weight: bold;
    margin: 1px 0 0;
    text-transform: uppercase;
    height: 14px;
    text-align: left;
}
#right_column_7extra a {
    letter-spacing: 0.1em;
    text-decoration: none;
    color: #009af2;
    font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #b6a063;
}
#right_column_7extra a:hover {
    color: #b6a063;
    text-decoration: underline;
}
#right_column_7extra div#video {
    height: 156px;
    background: url(../images/7extra_video.jpg) no-repeat;
}
#right_column_7extra div#video_uk {
    height: 156px;
    background: url(../images/7extra_video.jpg) no-repeat;
}
#right_column_7extra div#video img, #right_column_7extra div#video_uk img{
    margin-top: 24px;
}
#right_column_7extra div#audio {
    height: 45px;
    background: url(../images/7extra_audio.jpg) no-repeat;
    padding-top: 23px;
    margin-top: 22px;
}
#right_column_7extra div#audio_uk {
    height: 45px;
    background: url(../images/7extra_audio.jpg) no-repeat;
    padding-top: 23px;
    margin-top: 22px;
}
div#container_audio {
    width: 151px;
    height: 31px;
    background: black;
    margin-top: 0;
}
div#defilement_audio {
    margin-top: -10px;
}

#sous_menu_7extra_uk{
    float: left;
    width: 610px;
    height: 28px;
    margin: -2px 0 0;
    padding: 0 0 0 148px;
    background: url(../images/circle_black.jpg) no-repeat center right;
}
#sous_menu_7extra_uk ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}
#sous_menu_7extra_uk li {
    float: left;
    text-align: center;
    letter-spacing: 0.3em;
    width: 33%;
    background: url(../images/circle_black.jpg) no-repeat left;
    font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
    height: 29px;
}
#sous_menu_7extra_uk li.one_line{
    padding-top: 7px;
    height: 22px;
}
#sous_menu_7extra_uk span.activated{
    color: #b6a063;
}
#sous_menu_7extra_uk a {
    color: #000;
    text-decoration: none;
}
#sous_menu_7extra_uk a:hover {
    color: #000;
    text-decoration: underline;
}
/* @end */

/* @group 7 Extra Lire */

#content_inside_14{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_7extra_lire.jpg) no-repeat;
}
#content_inside_14_uk{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_7extra_lire.jpg) no-repeat;
}
#arrow_7extra_lire_position{
    float: left;			margin: 6px 0 0 -202px;
    width: 40px;
}
#arrow_up_7extra_lire{
    width: 13px;
    height: 6px;
    margin: 68px 0 0 154px;
    z-index: 100;
}
#arrow_down_7extra_lire{
    width: 13px;
    height: 6px;
    margin: 5px 0 0 154px;
    z-index: 100;
}
#left_column_7extra_lire{
    float: left;
    height:305px;
    width: 179px;
    margin: 0 23px 0 0;
}
#left_column_7extra_lire ul{
    padding: 0 0 0 33px;
    list-style: none;
    list-style-image: none;
    text-align: center;
    margin: 80px 0 0;
    z-index: 20;
}
#left_column_7extra_lire li {
    background: url(../images/7extra_liste_lire_noir.jpg) no-repeat;
    margin: 0;
    padding: 0;
    width: 121px;
    height: 93px;
}
#left_column_7extra_lire span{
    display: block;
    width: 121px;
    height: 35px;
    padding-top: 52px;
}

#left_column_7extra_lire ul li.activated span {
}
#left_column_7extra_lire li a{
    color: #000;
    text-decoration: none;
}
#left_column_7extra_lire li a:hover{
    color: #000;
    text-decoration: underline;
}
#left_column_7extra_lire li.activated{
    color: #b6a063;
    background: url(../images/7extra_liste_lire_gold.jpg) no-repeat;
}
#lire_photo_7extra{
    float: left;
    width: 164px;
    float: left;
    text-align: right;
    letter-spacing: 0.1em;
    text-decoration: none;
    color: #009af2;
    font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #b6a063;
}
#middle_column_7extra_lire{
    float: left;
    width: 445px;
    margin: 13px 0 0;
    padding-left: 6px;
}

#visuel_7extra_lire{
    width: 164px;
    height: 233px;
    background: gray;
}
#lire_photo_7extra div#audio {
    height: 45px;
    background: url(../images/7extra_audio.jpg) no-repeat;
    padding-top: 23px;
    margin-top: 23px;
}
#lire_photo_7extra div#audio_uk {
    height: 45px;
    background: url(../images/7extra_audio.jpg) no-repeat;
    padding-top: 23px;
    margin-top: 23px;
}
div#container_audio_2 {
    width: 163px;
    height: 31px;
    background: black;
    margin-top: 0;
}
div#defilement_audio {
    margin-top: -10px;
}
#lire_photo_7extra  span {
    display: block;
    font-weight: bold;
    margin: 1px 0 0;
    text-transform: uppercase;
    height: 14px;
    text-align: left;
}

#plain_7extra_2{
    float: left;
    width: 183px;
    height: 291px;
    padding: 0 14px;
    overflow: hidden;
}
#texte_7extra_2{
    float: left;
    width: 227px;
    height: 296px;
    padding-left: 13px;
}
#scroll_7extra_2{
    float: left;
    height: 295px;
    background-color:#e0dada;
    width: 7px;
    padding-left: 0;
    margin-left: 8px;
}
#texte_7extra_2 p {
    width: 191px;
    margin: 0;
}
#container_text_7extra_2{
    float: left;
    height: 291px;
    text-align: justify;
    padding: 0;
    margin: 0;
}
#handler_7extra_2{
    width:7px;
    height:77px;
    background-image: url(../images/gold_handler.jpg);

}
#right_column_7extra_lire{
    float: left;
    width: 154px;
    text-align: right;
    letter-spacing: 0.1em;
    text-decoration: none;
    color: #009af2;
    font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #b6a063;
    margin: 37px 0 0;
}
#right_column_7extra_lire  span {
    display: block;
    font-weight: bold;
    margin: 1px 0 0;
    text-transform: uppercase;
    height: 14px;
    text-align: left;
}
#right_column_7extra_lire a {
    letter-spacing: 0.1em;
    text-decoration: none;
    color: #009af2;
    font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #b6a063;
}
#right_column_7extra_lire a:hover {
    color: #b6a063;
    text-decoration: underline;
}
#right_column_7extra_lire div#video {
    height: 156px;
    background: url(../images/7extra_video.jpg) no-repeat;
}
#right_column_7extra_lire div#video_uk {
    height: 156px;
    background: url(../images/7extra_video.jpg) no-repeat;
}
#right_column_7extra_lire div#video img, #right_column_7extra_lire div#video_uk img{
    margin-top: 24px;
}
#right_column_7extra_lire div#audio {
    height: 45px;
    background: url(../images/7extra_audio.jpg) no-repeat;
    padding-top: 23px;
    margin-top: 22px;
}
div#container_audio {
    width: 151px;
    height: 31px;
    background: black;
    margin-top: 0;
}
div#defilement_audio {
    margin-top: -10px;
}
#right_column_7extra_lire div#photo {
    height: 156px;
    background: url(../images/7extra_photo.jpg) no-repeat;
    margin-top: 14px;
}
#right_column_7extra_lire div#photo_uk {
    height: 156px;
    background: url(../images/7extra_photo.jpg) no-repeat;
    margin-top: 14px;
}
#right_column_7extra_lire div#photo img, #right_column_7extra_lire div#photo_uk img{
    margin-top: 24px;
}
/* @end */


/* @group 7 Extra Map */

#content_inside_15{
    float: left;
    width: 878px;
    height: 570px;
    margin: 0 auto;
    /*border: 1px solid #797979;*/
    background: url(../images/inside_7extra_map.jpg) no-repeat;
}
#map_7extra{

    width: 786px;
    height: 366px;
    padding-left: 0;
    margin-left: 47px;
    margin-top: 17px;
}
/* @end */
/* @group Style d'écriture */

.edito_text {
    padding: 0 15px 0 0;
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 12px;
    text-align: justify;
}

.hachis_text {
    margin: 0;
    padding: 0 14px ;
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    text-align: justify;
    width: 166px;
}
.title_text_inside{
    color: #e5a900;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: normal;
}
.title_text_contact{
    display: inline;
    padding: 10px 0 0 0;
    letter-spacing: 0.4em;
    font-weight:bold;
    color: #000;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    text-transform: uppercase;
    border-top: 1px solid #000;
    font-size: 14px;
}
.normal_text_inside{
    font-family: "Times New Roman", Times, serif;
    font-size: 13px;
    text-align: justify;
    margin: 25px 0 0 0;
}
.normal_text_contact{
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 11px;
    /*letter-spacing: 0.4em;*/
}
.email_text_contact{
    padding: 10px 0 0 0;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 12px;
}
.annoceur_text_campagne{
    padding: 0 0 0 15px;
    margin: 0;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 16px;
}
.baseline_text_campagne{
    padding: 0 0 0 15px;
    margin: 0;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 12px;
}
.blue_first_letter{
    font-size: 26px;
    color: #009af2;
}
.violet_first_letter{
    font-size: 26px;
    color: #320c72;
}
#violet_titre{
    font: italic 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #320c72;
    margin: 0 0 4px 0;
}
#blue_titre{
    font: italic 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #009af2;
    margin: 0 0 4px 0;
}
#blue_titre h2, #violet_titre h2, #green_titre h2, #orange_titre h2, #red_titre h2, #gold_titre h2{
    text-transform: uppercase;
    color: #000;
    padding: 0;
    margin: 0 0 2px 0;
    font: normal 16px  "Times New Roman", Times, serif;
}
.spacer {
    clear: both;
}
/* @end */