/* Sous Menu */
div.ssmenu {
    position            : absolute;
    left                : 0px;
    top                 : -300px;
    z-index             : 5;
    visibility          : hidden;
}
div.ssmenu div {
    padding-top         : 8px;
    background          : #501A6B;
    color               : inherit;
}

body#agence div.ssmenu div {
    background          : transparent url(images/gabarits/classique/agence/fond_ss_menu.gif) top left repeat-x;
}

body#studio div.ssmenu div {
    background          : transparent url(images/gabarits/classique/studio/fond_ss_menu.gif) top left repeat-x;
}

body#agence div.ssmenu a.lien_menu_1, body#agence div.ssmenu a.lien_menu_1:visited, body#agence div.ssmenu a.lien_menu_1:link, body#agence div.ssmenu a.lien_menu_1:hover, body#agence div.ssmenu a.lien_menu_1:active,
body#studio div.ssmenu a.lien_menu_1, body#studio div.ssmenu a.lien_menu_1:visited, body#studio div.ssmenu a.lien_menu_1:link, body#studio div.ssmenu a.lien_menu_1:hover, body#studio div.ssmenu a.lien_menu_1:active {
    display             : block;
    width               : 100px;
    height              : 50px;
    background          : transparent;
}

div.ssmenu a, div.ssmenu a:visited, div.ssmenu a:link {
    display             : block;
    font-family         : Arial, Helvetica, Verdana, sans-serif;
    font-size           : 14px;
    font-weight         : normal;
    padding             : 5px 10px;
    color               : #ABA3A6;
    text-decoration     : none;
    background          : #501A6B;
}

body#studio div.ssmenu a, body#studio div.ssmenu a:visited, body#studio div.ssmenu a:link {
    background          : #F39400;
    color               : #511A6B;
}

body#studio div.ssmenu a:active, body#studio div.ssmenu a:hover {
    color               : #FFFFFF;
}

div.ssmenu a:active, div.ssmenu a:hover {
    display             : block;
    font-family         : Arial, Helvetica, Verdana, sans-serif;
    color               : #FFFFFF;
}

div.ssmenu table.bas_ss_menu {
    /*width               : 1px;*/
}

body#agence table.bas_ss_menu td.cell_fond_color {
    background          : #501A6B;
}

body#studio table.bas_ss_menu td.cell_fond_color {
    background          : #F39400;
}

table.bas_ss_menu {
    border-collapse     : collapse;
    padding             : 0px 0px 0px 0px ;
    margin              : 0px 0px 0px 0px ;
}

table.bas_ss_menu tr, table.bas_ss_menu td {
    padding             : 0px 0px 0px 0px ;
    margin              : 0px 0px 0px 0px ;
}

table.bas_ss_menu td.cell_arrondi {
    width               : 14px;
    height              : 14px;
}

body#agence table.bas_ss_menu td.cell_arrondi {
    /*background          : transparent url(images/gabarits/classique/agence/ss_menu_arrondi.png) top left no-repeat;*/
}

body#studio table.bas_ss_menu td.cell_arrondi {
    /*background          : transparent url(images/gabarits/classique/studio/ss_menu_arrondi.png) top left no-repeat;*/
}



/*  Specifique  */
div#conteneur {
    position            : absolute;
    width               : 1000px;
    height              : 720px;
    left                : 50%;      /* pour centrer mettre la gauche a 50% */
    margin-left         : -500px;   /* et la marge à gauche la moitié de sa largeur */
    top                 : 50%;
    margin-top          : -360px;   /* pareil pour centrer verticalement !!! */
    background          : #FFFFFF url(images/gabarits/classique/fond_conteneur.gif) top left no-repeat;
}

div#colonne_gauche {
    float               : left;
    width               : 338px;
    height              : 683px;

}

a#logo_lien {
    display             : block;
    width               : 338px;
    height              : 120px;
}

div#text_promo {
    clear               : both;
    width               : 316px;
    height              : 21px;
    padding             : 7px 0px 0px 22px;
    text-align          : left;
    font-size           : 16px;
    font-weight         : normal;
    color               : #646567;
}

div#espace_libre {
    position            : relative;
    height              : 385px;
}

div#espace_libre div#actu_classique {
    padding             : 15px;
}

div#logo_bas {
    clear               : both;
    padding             : 0px 0px 0px 22px;
}

div#colonne_droite {
    float               : right;
    width               : 662px;
    height              : 683px;

}

div#contenu_haut {
    width               : 662px;
    height              : 34px;
}

div#contenu_haut img.osons, div#contenu_haut a {
    float               : right;
}

div#bloc_menu {
    width               : 100%;
    padding-top         : 28px;
    height              : 105px;
}

ul#menu {
    clear               : both;
    width               : 617px;
    height              : 68px;
    padding             : 0px 15px;

}

body#agence ul#menu {
    background          : transparent url(images/gabarits/classique/agence/fond_menu.gif) left 8px no-repeat;
}

body#studio ul#menu {
    background          : transparent url(images/gabarits/classique/studio/fond_menu.gif) left 8px no-repeat;
}

ul#menu li {
    display             : block;
    float               : left;
    margin              : 0px 0px 0px 0px;
    padding             : 16px 0px 0px 0px;
    list-style-type     : none;
}

ul#menu li.separateur {
    width               : 14px;
    height              : 40px;
}

body#agence ul#menu li.separateur {
    background          : transparent url(images/gabarits/classique/agence/separateur_menu.gif) left top no-repeat;
}

body#studio ul#menu li.separateur {
    background          : transparent url(images/gabarits/classique/studio/separateur_menu.gif) left top no-repeat;
}

div#reflet_menu {
    clear               : both;
    width               : 647px;
    height              : 37px;
}

body#agence div#reflet_menu {
    background          : transparent url(images/gabarits/classique/agence/reflet_menu.gif) left top no-repeat;
}

body#studio div#reflet_menu {
    background          : transparent url(images/gabarits/classique/studio/reflet_menu.gif) left top no-repeat;
}


div#contenu {
    clear               : both;
    padding             : 0px 16px 0px 11px;
    width               : 635px;
    background          : transparent url(images/gabarits/classique/fond_contenu.gif) left top repeat-y;
}

div#contenu_texte {
    width               : 625px;
    padding             : 0px 0px 0px 10px;
    overflow            : auto;
}

div.contenu_long {
    height              : 500px;
}

div.contenu_texte_long {
    height              : 500px;
}

div.contenu_normal {
    height              : 395px;
}

div.contenu_texte_normal {
    height              : 395px;
}


img.arrondi {
    clear               : both;
    width               : 647px;
    height              : 8px;
}

div#dl_pdf {
    padding             : 31px 10px 0px 0px;
    text-align          : right;
    float               : right
}

div#footer {
    clear               : both;
    width               : 964px;
    padding             : 0px 14px 0px 22px;
}

div#footer_left {
    float               : left;
    padding-top         : 27px;
    height              : 10px;

}

body#agence div#footer_left {
    background          : transparent url(images/gabarits/classique/agence/reflet_logo_bas.gif) top left no-repeat;
}

body#studio div#footer_left {
    background          : transparent url(images/gabarits/classique/studio/reflet_logo_bas.gif) top left no-repeat;
}

div#footer_right {
    float               : left;
    font-size           : 12px;
    color               : #646567;
    padding             : 19px 0px 0px 8px;
}

div#liste_reference {
    position            : absolute;
    width               : 214px;
    height              : 356px;
    margin              : 19px 0px 0px 39px;
}

body#agence div#liste_reference {
    background          : #511A6B;
}

body#studio div#liste_reference {
    background          : #F39400;
}

div#reference_texte_presentation {
    padding             : 180px 0px 0px 0px;
    width               : 100%;
    text-align          : center;
}

body#agence div#reference_texte_presentation {
    color               : #551F6E;
}

body#studio div#reference_texte_presentation {
    color               : #F39400;
}

div#liste_reference table {
    border-collapse     : collapse;
    margin              : 0px;
    padding             : 0px;
}

body#agence div#liste_reference table {
    border-right        : 1px solid #551F6E;
    border-bottom       : 1px solid #551F6E;
}

body#studio div#liste_reference table {
    border-right        : 1px solid #F39400;
    border-bottom       : 1px solid #F39400;
}

div#liste_reference table tr, div#liste_reference table td {
    margin              : 0px;
    padding             : 0px;
}

div#liste_reference table td {
    width               : 71px;
    height              : 71px;
    /*border              : 1px solid #551F6E;*/
}

body#agence div#liste_reference table td img {
    border-left         : 1px solid #551F6E;
    border-top          : 1px solid #551F6E;
}

body#studio div#liste_reference table td img {
    border-left         : 1px solid #F39400;
    border-top          : 1px solid #F39400;
}

body#agence div#liste_reference table td {
    background          : #511A6B;
}

body#studio div#liste_reference table td {
    background          : #F39400;
}

div#liste_reference table td a, div#liste_reference table td a:link, div#liste_reference table td a:visited {
    width               : 70px;
    height              : 70px;
    display             : block;
    filter              : alpha(opacity=60);
    -moz-opacity        : 0.6;
    opacity             : 0.6;
    text-align          : center;
}

div#liste_reference table td a:hover, div#liste_reference table td a:active {
    width               : 70px;
    height              : 70px;
    display             : block;
    filter              : alpha(opacity=100);
    -moz-opacity        : 1;
    opacity             : 1;
}

div#liste_reference_c_hg {
    position            : absolute;
    top                 : 0px;
    left                : 0px;
    z-index             : 10;
    margin              : 0px;
    padding             : 0px;
}

div#liste_reference_c_hd {
    position            : absolute;
    top                 : 0px;
    right               : 0px;
    z-index             : 10;
    margin              : 0px;
    padding             : 0px;
}

div#liste_reference_c_bg {
    position            : absolute;
    bottom              : 0px;
    left                : 0px;
    z-index             : 10;
    margin              : 0px;
    padding             : 0px;
}

div#liste_reference_c_bd {
    position            : absolute;
    bottom              : 0px;
    right               : 0px;
    z-index             : 10;
    margin              : 0px;
    padding             : 0px;
}

/* Gabarit vierge */
div#body_vierge {
    padding             : 10px;
    height              : 664px;
    overflow            : auto;
}