/*----------------------------------------------------------------*/
/*                          GENERIQUE                             */
/*----------------------------------------------------------------*/
body {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
  font-size           : 12px;
  color               : #000000;
  background          : #2a231f url(../images/2009/bg_r.jpg) repeat-x;
  text-decoration     : none;
  margin              : 0px;
  padding             : 0px;
}

img {
    border              : none;
}

a, a:visited, a:link {
  color               : #F47200;
  background-color    : inherit;
  text-decoration     : none;
}
a:hover, a:active {
  text-decoration     : underline;
}

p {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 12px;
    margin-top          : 5px;
    margin-bottom       : 5px;
}

/*h1 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 16px;
    font-weight         : bold;
    color               : #256DA1;
  background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 1px;
}*/
h1 {
    color               : #000;
    font-size           : 15px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    background-image    : url(../images/puce_h1.gif);
    background-repeat   : no-repeat;
    background-position : left 3px;
    padding-left        : 25px;
}
h2 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 14px;
    font-weight         : bold;
    color               : #FF930D;
    background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h3 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 13px;
    font-weight         : bold;
    color               : #000000;
  background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 0px;
}
td {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 12px;
}
ul {
    margin              : 0px 0px 0px 0px;
    padding             : 0px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 12px;
}
ol {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    margin              : 0px 0px 0px 7px;
    padding             : 0px;
}
li {
    margin              : 0px 0px 0px 16px;
    padding             : 0px;
    list-style-type     : square;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 12px;
}
form {
    border              : 0px;
    margin              : 0px;
    padding             : 0px;
}
input {
    vertical-align      : middle;
}


/*----------------------------------------------------------------*/
/*                          SPECIFIQUE                            */
/*----------------------------------------------------------------*/
table.container {
    color               : inherit;
  background-color    : #fff;
    width               : 1000px;
}
a.logo {
    display             : block;
    color               : inherit;
  background-color    : #FFFFFF;
}
div.espace1 {
    border-bottom       : 1px solid #FFFFFF;
}
div.espace2 {
}
table.decoupage {
    border-top          : 1px solid #A46D35;
    color               : inherit;
    background-color    : #FFFFFF;
}
table.decoupage td.contenu {
}
table.decoupage td.contenu div.titre_page {
  color               : #396486;
    background-color    : inherit;
  font-size           : 18px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
  margin              : 10px;
  padding             : 0px;
    font-weight         : bold;
    text-align          : center;
}
table.decoupage td.contenu div.contenu_page {
    margin              : 10px;
}
table.decoupage td.colonne_droite {
    color               : inherit;
    background-color    : #F4E5C8;
}
table.decoupage td.colonne_droite div.encart {
    margin              : 5px;
    color               : inherit;
    background-color    : #FFFFFF;
}
table.decoupage td.colonne_droite div.encart h1 {
  font-size           : 18px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
  font-weight         : normal;
    margin              : 0px;
    padding             : 0px;
    background-color    : #FFB123;
    background-position : top right;
    background-repeat   : no-repeat;
    color               : #FFFFFF;
}
div.contact {
  color               : #623017;
    background-color    : #FFFFFF;
    padding             : 5px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
  font-size           : 10px;
}
div.copyright {
  color               : #623017;
  background-color    : inherit;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
  font-size           : 10px;
    padding             : 5px;
}
div.copyright a, div.copyright a:visited, div.copyright a:active, div.copyright a:hover, div.copyright a:link {
  text-decoration     : none;
}
div.copyright img {
    vertical-align      : middle;
}

/* Menu */

div.menu_haut {
    margin-left         : 80px;
    color               : #fff;
    font-weight         : bold;
    font-size           : 11px;
}
div.menu_haut a, div.menu_haut a:visited, div.menu_haut a:link {
  font-family         : verdana, Helvetica, sans-serif;
  font-size           : 11px;
  font-weight         : bold;
  color               : #FFFFFF;
  background-color    : inherit;
  text-decoration     : none;
}
div.menu_haut a:active, div.menu_haut a:hover,
div.menu_haut a.on, div.menu_haut a.on:visited, div.menu_haut a.on:link, div.menu_haut a.on:active, div.menu_haut a.on:hover {
  font-family         : verdana, Helvetica, sans-serif;
  font-size           : 11px;
  font-weight         : bold;
  background-color    : inherit;
  color               : #FFB123;
  text-decoration     : none;
}

div.menu_bas {
    font-family         : arial, verdana, Helvetica, sans-serif;
    color               : #fff;
    font-size           : 10px;
}

div.menu_bas a, div.menu_bas a:visited, div.menu_bas a:link {
  font-family         : arial, verdana, Helvetica, sans-serif;
  font-size           : 10px;
  color               : #FFFFFF;
  background-color    : inherit;
  text-decoration     : none;
}
div.menu_bas a:active, div.menu_bas a:hover,
div.menu_bas a.on, div.menu_bas a.on:visited, div.menu_bas a.on:link, div.menu_bas a.on:active, div.menu_bas a.on:hover {
  font-family         : arial, verdana, Helvetica, sans-serif;
  font-size           : 10px;
  background-color    : inherit;
  color               : #FFB123;
  text-decoration     : none;
}

div.menu {
    /*border-bottom       : 5px solid #00b2eb;*/
}
div.menu a, div.menu a:visited, div.menu a:link {
    display             : block;
  font-family         : verdana, Helvetica, sans-serif;
  font-size           : 12px;
  font-weight         : bold;
  padding             : 5px 5px 0 5px;
  color               : #FFFFFF;
  background-color    : inherit;
  text-decoration     : none;
}
div.menu a:active, div.menu a:hover,
div.menu a.on, div.menu a.on:visited, div.menu a.on:link, div.menu a.on:active, div.menu a.on:hover {
    display             : block;
  font-family         : verdana, Helvetica, sans-serif;
  font-size           : 12px;
  font-weight         : bold;
  padding             : 5px 5px 0 5px;
  color               : #FFB123;
  background-color    : inherit;
  text-decoration     : none;
}

/* Sous Menu */
div.ssmenu {
    position            : absolute;
    left                : 60px;
    top                 : -300px;
    z-index             : 5;
    visibility          : hidden;
}
div.ssmenu div {
    margin-top          : 10px;
    background-color    : #fff;
    color               : inherit;
}
div.ssmenu a, div.ssmenu a:visited, div.ssmenu a:link {
    display             : block;
  font-family         : verdana, Helvetica, sans-serif;
  font-size           : 12px;
  font-weight         : bold;
  padding             : 2px 5px;
  color               : #000;
  background-color    : inherit;
  text-decoration     : none;
}
div.ssmenu a:active, div.ssmenu a:hover {
    display             : block;
  font-family         : verdana, Helvetica, sans-serif;
  font-size           : 12px;
  font-weight         : bold;
  padding             : 2px 5px;
  color               : #FFB123;
  background-color    : inherit;
  text-decoration     : none;
}

/* Plan du site */
table.plan img {
    vertical-align      : top;
    margin              : 0px;
}
table.plan a.croisement {
    font-weight         : bold;
  text-decoration     : none;
}
table.plan a.extremite {
  text-decoration     : none;
}

/* --------------------------------------*/
/* ---------->>> FONCTIONS <<<-----------*/
/* --------------------------------------*/

h1.titre {
    color               : #000;
    font-size           : 18px;
    background-image    : url(../images/puce_h1.gif);
    background-repeat   : no-repeat;
    background-position : left 3px;
    padding-left        : 25px;
    margin-top          : 10px;
}

h2.sous_titre {
    color               : #000;
    font-size           : 12px;
    font-weight         : bold;
    margin-top          : 10px;
    margin-bottom       : 10px;
}

div.bas_pointille, tr.bas_pointille, td.bas_pointille {
    background-image    : url(../images/pointille.gif);
    background-position : left bottom;
    background-repeat   : repeat-x;
    padding-bottom      : 3px;
}

img.on {
    border              : 1px solid #db7400;
}

img.off {
    border              : 1px solid #a7a7a7;
}

div.fiche_technique div.elem {
    padding             : 3px;
    background-image    : url(../images/pointille.gif);
    background-position : left bottom;
    background-repeat   : repeat-x;
}

div.fiche_technique div.elem div.titre {
    text-transform      : uppercase;
    color               : #d97c00;
}

div.prix {
    color               : #ff0000;
    font-size           : 25px;
    font-weight         : bold;
}

div#slideShowPlans a:link, div#slideShowPlans a:visited, div#slideShowPlans a:hover, div#slideShowPlans a:active {
    text-decoration     : none;
    color               : #000;
}

div#slideShowPlans div.lien_plan {
    text-align          : center;
    margin-top          : 3px;
}

a.lien_modele:link, a.lien_modele:visited, a.lien_modele:hover, a.lien_modele:active {
    color               : #000;
    font-weight         : bold;
    font-size           : 11px;
    text-decoration     : none;
    display             : block;
}

a.lien_modele_on:link, a.lien_modele_on:visited, a.lien_modele_on:hover, a.lien_modele_on:active {
    color               : #54a2e0;
    font-weight         : bold;
    font-size           : 11px;
    text-decoration     : none;
}

a.lien_offre_modele:link, a.lien_offre_modele:visited, a.lien_offre_modele:hover, a.lien_offre_modele:active {
    color               : #000;
    font-weight         : bold;
    font-size           : 9px;
    text-decoration     : none;
    font-family         : verdana, arial, helvetica;
    background          : #FFF;
    padding             : 3px;
    color               : #FFF;
    background          : #df416a;
}

div.offre_infos a.on:link,div.offre_infos a.on:visited,div.offre_infos a.on:hover, a.on:active {
    color               : #000;
    background          : #FFF;
}

form.recherche_agence .select {
    color               : #006c98;
}

form.recherche_agence input.submit {
    background-color    : #fff;
    color               : #00b2eb;
    font-weight         : bold;
    border              : 1px solid #fff;
}

h1.agence {
    margin-bottom       : 0;
}

h2.agence {
    color               : #20b2e2;
    margin-left         : 11px;
    font-size           : 18px;
}
div.outils {
    float               : right;
    margin-top          : 15px;
    margin-right        : 80px;
}
div.outils a:link, div.outils a:visited, div.outils a:hover, div.outils a:active {
    color               : #000;
    text-decoration     : none;
}

td.departement {
    font-size           : 18px;
    font-weight         : bold;
}

*:focus {
    outline             : none;
}



/* --- HOME 2009 --- */
div#main_home {
    position            : relative;
    width               : 1035px;
    margin              : 0 auto;
    background          : url(../images/2009/bg_home.gif) repeat-y;
}
div#main_classique,
div#main_fonction {
    position            : relative;
    width               : 1035px;
    margin              : 0 auto;
    background          : url(../images/2009/bg_classique.gif) repeat-y;
}
div#header {
    height              : 317px;
    background          : url(../images/2009/top.jpg) no-repeat;
}
div#hide_orange {
    position            : absolute;
    height              : 22px;
    width               : 1020px;
    background          : #2a231f;
    left                : 0;
    top                 : 11px;
}
a#logo_maison_punch:link,
a#logo_maison_punch:active,
a#logo_maison_punch:visited,
a#logo_maison_punch:focus,
a#logo_maison_punch:hover {
    background          : none;
    position            : absolute;
    width               : 160px;
    height              : 115px;
    margin              : 8px 0 0 35px;
}
img#demandez_catalogue {
    position            : absolute;
    z-index             : 1;
    margin              : 185px 0 0 29px;
}
div#menu_haut {
    position            : absolute;
    margin              : 62px 0 0 208px;
}
div#menu_haut,
div#menu_haut td {
    font-family         : Arial, Verdana, sans-serif;
    font-size           : 14px;
}
div#menu_haut a:link,
div#menu_haut a:active,
div#menu_haut a:visited {
    color               : #000;
    text-decoration     : none;
}
div#menu_haut a.on:link,
div#menu_haut a.on:active,
div#menu_haut a.on:visited,
div#menu_haut a:hover,
div#menu_haut a:focus {
    text-decoration     : underline;
}
div#diaporama_annonces {
    position            : absolute;
    margin              : 97px 0 0 241px;
    width               : 770px;
    height              : 220px;
    overflow            : hidden;
}
div#ss_header_home {
    height              : 5px;
    background          : url(../images/2009/ss_header_home.jpg) no-repeat;
}
div#ss_header_classique,
div#ss_header_fonction {
    height              : 5px;
    background          : url(../images/2009/ss_header_classique.jpg) no-repeat;
}
div#footer {
    height              : 23px;
    background          : #4c4540 url(../images/2009/bottom.jpg) top center no-repeat;
    color               : #fff;
    text-align          : center;
    padding-top         : 12px;
    font-size           : 11px;
}
div#footer a:link,
div#footer a:active,
div#footer a:visited {
    color               : #fff;
    text-decoration     : none;
}
div#footer a:hover,
div#footer a:focus {
    text-decoration     : underline;
}
a#lien_espace_membre:link,
a#lien_espace_membre:active,
a#lien_espace_membre:visited,
a#lien_espace_membre:hover,
a#lien_espace_membre:focus {
    position            : absolute;
    display             : block;
    height              : 18px;
    background          : url(../images/2009/picto_user.jpg) no-repeat;
    color               : #fff;
    text-decoration     : none;
    text-transform      : uppercase;
    font-weight         : bold;
    font-size           : 12px;
    padding             : 4px 0 0 32px;
    margin              : 11px 0 0 817px;
}
div#content {
    position            : relative;
    width               : 992px;
    margin              : 0 auto;
    padding             : 30px 0;
}
div.init {
    clear               : both;
}
div#content_left {
    float               : left;
    width               : 310px;
    padding             : 0 10px 0 0;
}
div#content_center {
    float               : left;
    width               : 280px;
    padding             : 0 8px 0 12px;
}
div#content_2col_right {
    float               : left;
    width               : 630px;
    padding             : 0 8px 0 12px;
}
div#content_2col_left {
    float               : left;
    width               : 580px;
    padding             : 0 8px 0 12px;
}
img.img_actu {
    border              : 1px solid #000;
}
div.titre {
    font-weight         : bold;
    font-size           : 18px;
    padding             : 12px 0 8px 0;
}
div.nom_diapo {
    font-weight         : bold;
    font-size           : 18px;
}
div.lien_diapo {
    color               : #ff9000;
}
div#content_right {
    float               : left;
    width               : 324px;
    padding             : 0 0 0 48px;
}
td.img_diapo {
    height              : 220px;
    overflow            : hidden;
    background          : url(../images/2009/diaporama_bottom.jpg) bottom no-repeat;
}
td.img_diapo img {
    border              : 2px solid #fff;
    margin-bottom       : 27px;
}
div.diapo_titre_modele {
    margin              : 6px 0 31px 0;
    background          : #df416a;
    padding             : 0 18px 2px 27px;
    font-family         : Myriad Pro, Verdana, Arial;
    font-size           : 18px;
    color               : #fff;
}
div.diapo_offr_description {
    padding             : 0 0 0 47px;
    color               : #fff;
    font-size           : 14px;
    font-weight         : bold;
}
a.diapo_detail:link,
a.diapo_detail:active,
a.diapo_detail:visited,
a.diapo_detail:focus,
a.diapo_detail:hover {
    color               : #fff;
    text-decoration     : none;
    display             : block;
    height              : 18px;
    margin              : 12px 0 0 0;
    padding             : 3px 21px 0 0;
    background          : url(../images/2009/arrow_diapo.png) right no-repeat;
    font-family         : Myriad Pro, Verdana, Arial;
    font-size           : 12px;
    float               : left;
    font-weight         : normal;
}
div#diaporama_control {
    position            : absolute;
    margin              : 270px 0 0 770px;
}
div#mentions_legales {
    width               : 580px;
    font-size           : 11px;
}