body { margin: 2px auto 0px auto; padding: 0; font-family: Trebuchet MS, sans-serif; text-align: center; background: #cccccc url(../images/bckg.jpg) repeat-x scroll left top; font-size: 8pt; }
img {	border: 0; }

.page { position: relative; float: left; width: 788px; }
.top_page { position: relative; float: left; background: transparent url(../images/top_page.png) no-repeat left top; margin: auto; height: 47px; width: 788px; }
.bann_page { position: relative; float: left; background: transparent url(../images/mid_page.png) repeat-y left top; margin: auto; width: 788px; height: 129px; }
.mid_page { position: relative; float: left; background: transparent url(../images/mid_page.png) repeat-y left top; margin: auto; width: 788px; }
.announce_page { position: relative; float: left; background: transparent url(../images/mid_page.png) repeat-y left top; margin: auto; width: 788px; height: 128px; }
.news_page { position: relative; float: left; background: transparent url(../images/news_page.png) no-repeat left top; margin: auto; width: 788px; height: 152px; }
.bot_page { position: relative; float: left; background: transparent url(../images/bot_page.png) no-repeat left top; margin: auto; width: 788px; height: 93px; }
.bot_page2 { position: relative; float: left; background: transparent url(../images/bot_page2.png) no-repeat left top; margin: auto; width: 788px; height: 47px; }

/* LOGOS ET TITRES ET RS */
#logo_hc { position: absolute; top: 0px; left: 12px; background: transparent url(../images/logo_hc.png) no-repeat left top; width: 198px; height: 124px; }
#bann_hc { position: absolute; top: 10px; right: 22px; width: 543px; height: 103px; background: transparent url(../images/bann.jpg) no-repeat left top; }
/*#bann_hc { position: absolute; top: 0px; right: 22px; width: 543px; height: 124px; background: transparent url(../images/bann1.jpg) no-repeat left top; }*/
#bann_hc .rs_joinus { position: absolute; right: 8px; top: -15px; height: 32px; }
#bann_hc .rs_joinus .joinus { position: relative; float: left; width: 93px; height: 12px; margin-top: 2px; background: transparent url(../images/bg_rs_joinus.png) no-repeat top left; }
#bann_hc .rs_joinus img { width: 16px; height: 16px; }

/* MENUS ALEATOIRES */
#top6 { height: 63px; width: 780px; }
#top6_1 { height: 60px; left: 7px; position: relative; top: 3px; width: 108px; }
#top6_2 { height: 60px; left: 118px; position: relative; top: -57px; width: 108px; }
#top6_3 { height: 60px;	left: 229px; position: relative; top: -117px;	width: 108px; }
#top6_4 {	height: 60px; left: 340px; position: relative; top: -177px; width: 108px; }
#top6_5 { height: 60px; left: 451px; position: relative; top: -237px; width: 108px; }
#top6_6 { height: 60px; left: 562px; position: relative; top: -297px; width: 108px; }
#top6_7 { height: 60px;	left: 673px; position: relative; top: -357px; width: 108px; }
#menu1 { position: relative; float: left; font-size: 11px; height: 30px; margin-left: 7px; width: 774px; }
#menu1 td.menu { color: #1a2276; height: 30px; text-align: center; width: 108px; }
#menu1 td.spacer { width: 3px; }
#menu1 td:hover { cursor: pointer; background-color: #1A2276; color: #FFFFFF; }

#menu2 { position: relative; float: left; /*border-bottom: 3px solid #D5D5D5;*/ /*border-left: 3px solid #D5D5D5;*/ /*border-top: 3px solid #D5D5D5;*/ color: #1A2276; font-size: 10px; height: 25px; margin-left: 7px; width: 771px; }
#menu2 td { background-color: #D5D5D5; border-right: 3px solid #D5D5D5; height: 25px; text-align: center; width: 108px; }
#menu2 td:hover { background-color: #fff; color: #1a2276; cursor: pointer; }

/* BOX */
#box { color: #FFFFFF; font-weight: bold; right: 12px; position: absolute; }
#box2 {	background-color: #d5d5d5; background-image: url(../images/box.jpg); background-position: bottom; background-repeat: repeat-x; padding: 5px; width: 160px; }
#box3 {	position: absolute; left: 4px; top: 62px; width: 160px; }

/* CONTENU */
#middle { overflow: auto; margin-left: 4px; width: 780px; }
#content { text-align: justify; margin-top: 5px; float: right; padding-left: 20px; padding-right: 20px; width: 590px; font-family: Trebuchet MS, sans-serif; /*background-color: #f00;*/ }
#content h1 { color: #1A2276; font-size: 16px; }
#content h2 { color: #1A2276; font-size: 14px; font-variant: small-caps; }
#contact h3 { color: #1A2276; font-size: 14px; }
#content p { text-align: justify; }
#content a:link, #content a:visited {	color: #1a2276; text-decoration: none; font-weight: bold; }
#content a:hover, #content a:active { color: #35abcd; }
#content .small_content {	width: 405px; }
#carte { position: relative; float: left; width: 780px; /*background-color: #f00;*/ }

/* ARTICLES */
.articles { width: 100%; font-size: 12pt; font-weight: bold; }
.articles a:link, .articles a:visited { padding-left: 32px; color: #1a2276; text-decoration: none; font-weight: normal; text-transform: none; background: transparent url(../images/ico_menu_article.png) no-repeat left center; }
.articles a:active, .articles a:hover { padding-left: 32px; color: #009ee0; text-decoration: none; font-weight: normal; text-transform: none; background: transparent url(../images/ico_menu_article.png) no-repeat left center; }

/* ANNONCES */
#annonces { position: relative; float: left; left: 4px; background: transparent url(../images/annonces.png) no-repeat left top; width: 780px; height: 28px; }
#annonces .nb_annonces { position: relative; float: left; left: 150px; top: 6px; }
#announces { position: relative; float: left; left: 4px; width: 780px; height: 100px; }
#announces .left { position: relative; float: left; width: 25px; height: 100px; }
#announces .content { position: relative; float: left; width: 729px; height: 100px; /*background-color: #f00;*/ overflow: hidden; }
#announces .zone_ajax { position: relative; float: left; width: 4660px; height: 100px; overflow: hidden; }
#announces .zone_ajax .a_annonce { position: relative; float: left; width: 248px; height: 100px; }
#announces .zone_ajax .a_annonce .content { position: relative; float: left; width: 233px; height: 100px; background: transparent url(../images/annonce_bckg.png) no-repeat center top; }
#announces .zone_ajax .a_annonce .content .text { width: 230px; height: 92px; text-align: center; font-size: 8pt; color: #636363; font-weight: normal; font-family: Trebuchet MS, sans-serif; }
#announces .zone_ajax .a_annonce .content .text .annonce_img { margin-top: 10px; cursor: pointer; width: 76px; height: 76px; border: 1px solid #bfbfbf; }
#announces .zone_ajax .a_annonce .content .text .annonce_img:hover { margin-top: 10px; cursor: pointer; width: 76px; height: 76px; border: 1px solid #1a2276; }
#announces .zone_ajax .a_annonce .spacer { position: relative; float: left; width: 15px; height: 100px; background: transparent url(../images/annonce_spacer.png) no-repeat center top; }
#announces .right { position: relative; float: left; width: 25px; height: 124px; }
#announces .but_spacer { position: relative; float: left; width: 25px; height: 37px; }
#announces .but_right_off { position: relative; float: left; margin: auto; width: 25px; height: 20px; background: transparent url(../images/but_right_off.png) no-repeat center top; }
#announces .but_right_on { cursor: pointer; position: relative; float: left; margin: auto; width: 25px; height: 20px; background: transparent url(../images/but_right_on.png) no-repeat center top; }
#announces .but_left_off { position: relative; float: left; margin: auto; width: 25px; height: 20px; background: transparent url(../images/but_left_off.png) no-repeat center top; }
#announces .but_left_on { cursor: pointer; position: relative; float: left; margin: auto; width: 25px; height: 20px; background: transparent url(../images/but_left_on.png) no-repeat center top; }

/* ACTUALITES */
#actualites { position: relative; float: left; left: 4px; background: transparent url(../images/actualites.png) no-repeat left top; width: 780px; height: 28px; }
#actu_type { position: absolute; top: 8px; left: 120px; height: 14px; }
#tri_news { position: absolute; height: 17px; top: 5px; right: 15px; color: #626262; font-weight: bold; }
#tri_news .label { position: relative; float: left; margin-top: 2px; font-family: Trebuchet MS, sans-serif; }
#tri_news select { font-size: 8pt; font-weight: bolder; margin: 0px; padding-left: 1px; color: #1a2276; background-color: #f7f7f7; border: 1px solid #ccc; }
#tri_news select:focus { font-size: 8pt; font-weight: bolder; margin: 0px; padding-left: 1px; color: #35abcd; background-color: #fff; border: 1px solid #777; }
#news { position: relative; float: left; left: 4px; width: 780px; height: 124px; }
#news .left { position: relative; float: left; width: 25px; height: 124px; }
#news .content { position: relative; float: left; width: 729px; height: 124px; /*background-color: #f00;*/ overflow: hidden; }
#news .zone_ajax { position: relative; float: left; width: 4660px; height: 124px; overflow: hidden; }
#news .zone_ajax .a_news { position: relative; float: left; width: 248px; height: 124px; }
#news .zone_ajax .a_news .content { position: relative; float: left; width: 233px; height: 124px; background: transparent url(../images/news_bckg.png) no-repeat center top; }
#news .zone_ajax .a_news .content .top { position: relative; float: left; width: 233px; height: 32px; background: transparent url(../images/news_top.png) no-repeat center top; }
#news .zone_ajax .a_news .content .top .title { position: absolute; top: 8px; left: 10px; width: 233px; height: 32px; color: #fff; text-align: left; font-size: 8pt; font-weight: bold; font-family: Trebuchet MS, sans-serif; }
#news .zone_ajax .a_news .content .top .count { position: absolute; right: 0px; bottom: 2px; width: 233px; height: 10px; color: #ccc; text-align: right; font-size: 7.5pt; font-weight: bold; font-family: Trebuchet MS, sans-serif;}
#news .zone_ajax .a_news .content .text { width: 230px; height: 92px; text-align: center; font-size: 8pt; color: #636363; font-weight: normal; font-family: Trebuchet MS, sans-serif; }
#news .zone_ajax .a_news .content .text .news_img { cursor: pointer; width: 76px; height: 76px; border: 1px solid #bfbfbf; }
#news .zone_ajax .a_news .content .text .news_img:hover { cursor: pointer; width: 76px; height: 76px; border: 1px solid #1a2276; }
#news .zone_ajax .a_news .spacer { position: relative; float: left; width: 15px; height: 124px; background: transparent url(../images/news_spacer.png) no-repeat center top; }
#news .right { position: relative; float: left; width: 25px; height: 124px; }
#news .but_spacer { position: relative; float: left; width: 25px; height: 52px; }
#news .but_right_off { position: relative; float: left; margin: auto; width: 25px; height: 20px; background: transparent url(../images/but_right_off.png) no-repeat center top; }
#news .but_right_on { cursor: pointer; position: relative; float: left; margin: auto; width: 25px; height: 20px; background: transparent url(../images/but_right_on.png) no-repeat center top; }
#news .but_left_off { position: relative; float: left; margin: auto; width: 25px; height: 20px; background: transparent url(../images/but_left_off.png) no-repeat center top; }
#news .but_left_on { cursor: pointer; position: relative; float: left; margin: auto; width: 25px; height: 20px; background: transparent url(../images/but_left_on.png) no-repeat center top; }

/* POPUP ACTUALITE */
#tactualite { width: 770px; margin: auto; z-index: 1; }
#tactualite .agence { width: 550px; font-family: Trebuchet MS, sans-serif; font-size: 10pt; font-weight: bold; color: #35a9cb; text-align: center; border-bottom: 1px solid #152c92; }
#tactualite .infos { width: 550px; font-family: Trebuchet MS, sans-serif; font-size: 10pt; font-weight: normal; color: #35a9cb; text-align: center; }
#tactualite .image { width: 550px; text-align: center; border: 1px solid #999ca3; }

/* SHORTCUTS */
#raccourcis { position: relative; float: left; left: 4px; background: transparent url(../images/raccourcis.png) no-repeat left top; width: 780px; height: 28px; }
#sm_menus { position: relative; float: left; left: 4px; width: 780px; height: 19px; }
#sm_menus .sm_spacer { width: 16px; height: 19px; position: relative; float: left; /*background-color: #f0f;*/ }
#sm_menus .sm_parrainage_off { cursor: pointer; width: 105px; height: 19px; position: relative; float: left; background: transparent url(../images/sm_parrainage_off.png) no-repeat left bottom; }
#sm_menus .sm_parrainage_on { cursor: pointer; width: 105px; height: 19px; position: relative; float: left; background: transparent url(../images/sm_parrainage_on.png) no-repeat left bottom; }
#sm_menus .sm_parrainage_in { width: 105px; height: 19px; position: relative; float: left; background: transparent url(../images/sm_parrainage_on.png) no-repeat left bottom; }
#sm_menus .sm_contact_off { cursor: pointer; width: 132px; height: 19px; position: relative; float: left; background: transparent url(../images/sm_contact_off.png) no-repeat left bottom; }
#sm_menus .sm_contact_on { cursor: pointer; width: 132px; height: 19px; position: relative; float: left; background: transparent url(../images/sm_contact_on.png) no-repeat left bottom; }
#sm_menus .sm_contact_in { width: 132px; height: 19px; position: relative; float: left; background: transparent url(../images/sm_contact_on.png) no-repeat left bottom; }
#sm_menus .sm_devis_off { cursor: pointer; width: 218px; height: 19px; position: relative; float: left; background: transparent url(../images/sm_devis_off.png) no-repeat left bottom; }
#sm_menus .sm_devis_on { cursor: pointer; width: 218px; height: 19px; position: relative; float: left; background: transparent url(../images/sm_devis_on.png) no-repeat left bottom; }
#sm_menus .sm_devis_in { width: 218px; height: 19px; position: relative; float: left; background: transparent url(../images/sm_devis_on.png) no-repeat left bottom; }
#sm_menus .sm_modeles_off { cursor: pointer; width: 113px; height: 19px; position: relative; float: left; background: transparent url(../images/sm_modeles_off.png) no-repeat left bottom; }
#sm_menus .sm_modeles_on { cursor: pointer; width: 113px; height: 19px; position: relative; float: left; background: transparent url(../images/sm_modeles_on.png) no-repeat left bottom; }
#sm_menus .sm_modeles_in { width: 113px; height: 19px; position: relative; float: left; background: transparent url(../images/sm_modeles_on.png) no-repeat left bottom; }
#sm_menus .sm_chantier_off { cursor: pointer; width: 115px; height: 19px; position: relative; float: left; background: transparent url(../images/sm_chantier_off.png) no-repeat left bottom; }
#sm_menus .sm_chantier_on { cursor: pointer; width: 115px; height: 19px; position: relative; float: left; background: transparent url(../images/sm_chantier_on.png) no-repeat left bottom; }
#sm_menus .sm_chantier_in { width: 115px; height: 19px; position: relative; float: left; background: transparent url(../images/sm_chantier_on.png) no-repeat left bottom; }

/*MENTIONS */
#mentions { padding-top: 9px; position: relative; float: left; color: #1a2276; /*background-color: #f0f;*/ left: 4px; width: 780px; height: 46px; }
.copyright { margin: auto; height: 18px; font-family: Trebuchet MS, sans-serif; font-size: 8pt; }
.copyright .spacer { width: 37px; height: 10px; font-family: Trebuchet MS, sans-serif; font-size: 8pt; color: #1a2276; font-weight: bold; }
.copyright .text { height: 10px; text-align: center; font-family: Trebuchet MS, sans-serif; font-size: 8pt; color: #1a2276; font-weight: bold; }
.copyright .text a:link, .copyright .text a:visited { color: #1a2276; text-decoration: none; font-weight: normal; text-transform: none; }
.copyright .text a:active, .copyright .text a:hover { color: #fff; text-decoration: none; font-weight: normal; text-transform: none; }

/* CONTACTS */
#contact_hg { background-image: url(../images/contact_hg.png); background-repeat: no-repeat; height: 15px; width: 15px; }
#contact_hd {	background-image: url(../images/contact_hd.png); background-repeat: no-repeat; height: 15px; width: 15px; }
#contact_bg { background-image: url(../images/contact_bg.png); background-repeat: no-repeat; height: 15px; width: 15px; }
#contact_bd {	background-image: url(../images/contact_bd.png); background-repeat: no-repeat; height: 15px; width: 15px; }
#contact_hc, #contact_cg, #contact_cc, #contact_cd, #contact_bc { margin: auto; text-align: center; background-image: url(../images/contact_cc.png); }
#contact-form { margin: auto; width: 100%; text-align: center; }
#contact-form .field label { clear: left; display: block; width: 20em; float: left; font-size: 8pt; font-weight: bold; color: #323232; }
#contact-form p.field { margin: 5px; text-align: center; /*border-bottom: 1px solid #000;*/ }
#contact-form .field img { border: 1px solid #ccc; }
#contact-form .field .form_radio { border: 0px; background: transparent; }
#contact-form .field input { margin: 0px; font-size: 8pt; color: #1a2276; background-color: #f7f7f7; border: 1px solid #ccc; font-weight: bold; }
#contact-form .field input:focus { margin: 0px; font-size: 8pt; color: #35abcd; background-color: #fff; border: 1px solid #777; font-weight: bold; }
#contact-form .field textarea { margin: 0px; font-size: 8pt; color: #1a2276; background-color: #f7f7f7; border: 1px solid #ccc; font-weight: bold; font-size: 8pt; resize: none; }
#contact-form .field textarea:focus { margin: 0px; font-size: 8pt; color: #35abcd; background-color: #fff; border: 1px solid #777; font-weight: bold; resize: none; }
#contact-form .field select { margin: 0px; font-size: 8pt; color: #1a2276; background-color: #f7f7f7; border: 1px solid #ccc; font-weight: bold; }
#contact-form .field select:focus { margin: 0px; font-size: 8pt; color: #35abcd; background-color: #fff; border: 1px solid #777; font-weight: bold; }
#contact-form .field_input_button { margin: 0px; color: #333333; font-size: 8pt; }
#contact-form .field_input_button:hover { margin: 0px; color: #0068b1; font-size: 8pt; }

/* ANTISPAM */
#antispam { margin: auto; position: relative; width: 237px; height: 128px; text-align: center; background: transparent url(../images/antispam_bckg.png) no-repeat left bottom; }
#antispam .title { position: absolute; top: -14px; left: 0px; width: 237px; height: 10px; text-align: center; font-size: 8pt; color: #31c2ff; font-weight: bold; }
#antispam .text { position: relative; float: left; margin: 10px; text-align: center; font-size: 7.5pt; color: #000; }
#antispam .text a:link, #antispam .text a:visited { font-size: 7.5pt; color: #1a2276; font-weight: bold; }
#antispam .text a:active, #antispam .text a:hover { font-size: 7.5pt; color: #35abcd; font-weight: bold; }
#antispam input { margin: 0px; font-size: 8pt; color: #1a2276; background-color: #f7f7f7; border: 1px solid #ccc; font-weight: bold; }
#antispam input:focus { margin: 0px; font-size: 8pt; color: #35abcd; background-color: #fff; border: 1px solid #777; font-weight: bold; }

/* TERRAINS */
#liste_terrains_commune { margin-left: auto; margin-right: auto; width: 300px; text-align: center; background-color: #9c9e88; color: #000000; cursor: default; font-weight: bold; text-transform: uppercase; }
#liste_terrains { margin-left: auto; margin-right: auto; width: 300px; }
#liste_terrains .liste_terrains_commune { width: 270px; text-transform: uppercase; }
#liste_terrains .liste_terrains_departement { width: 150px; }
#liste_terrains .liste_terrains_departement a:link, a:visited, a:hover { color: #000000; }
#liste_terrains .liste_terrains_compteur { text-align: right;	width: 10px; }
#liste_terrains .liste_terrains_compteur a:link, a:visited, a:hover { color: #000000; }
#liste_terrains .liste_terrains_terrains { width: 140px; }
#liste_terrains a {	background-color: #FFFFFF; color: #000000; text-decoration: none; }
#liste_terrains a:hover { background-color: #D1D3E4; color: #000; cursor: pointer; }
#liste_terrains tr * { background-color: #f7f7f7; color: #000; cursor: pointer; }
#liste_terrains tr:hover * { background-color: #35abcd; color: #fff; cursor: pointer; }
#liste_terrains_departement { margin-left: auto; margin-right: auto; width: 550px; }
#liste_terrains_departement th { background-color: #9c9e88;	color: #1A2276; text-align: center; }
#liste_terrains_departement td { border-bottom: 1px solid #9c9e88; }
#liste_terrains_departement .liste_terrains_commentaires { text-align: center; width: 20px; }
#liste_terrains_departement .liste_terrains_commune { width: 270px; }
#liste_terrains_departement .liste_terrains_surface { text-align: center; width: 80px; }
#liste_terrains_departement .liste_terrains_prix { text-align: center; width: 80px; }
#liste_terrains_departement .liste_terrains_telephone { text-align: center; width: 100px; }
#liste_terrains_departement tr:hover * { background-color: #35abcd; color: #fff;	cursor: pointer; }
#liste_terrains_detail { margin-left: auto; margin-right: auto; width: 550px; }
#liste_terrains_detail th { background-color: #35abcd; border-bottom: 1px solid #ffffff; color: #fff; text-align: center; width: 200px; }
#liste_terrains_detail td { border-bottom: 1px solid #D1D3E4; text-align: center; width: 350px; }
.text_form { width: 590px; margin: auto; text-align: center; color: #323232; font-size: 8pt; }
.text_form fieldset { border: 1px solid #ccc; background: #f5f5f5 url(../images/form_bckg.png) repeat-x left top; }
.text_form legend { font-size: 11pt; color: #1a2276; font-weight: bold; margin: 0px 0px 0px 5px; text-transform: uppercase; }
.text_form a:link, .text_form a:visited { color: #000000; text-decoration: none; font-weight: bolder; text-transform: none; }
.text_form a:active, .text_form a:hover { color: #EA5A00; text-decoration: none; font-weight: bolder; text-transform: none; }
.text_form .field label { clear: left; display: block; width: 20em; float: left; font-size: 8pt; font-weight: bold; color: #323232; }
.text_form p.field { margin: 5px; text-align: center; /*border-bottom: 1px solid #000;*/ }
.text_form .field input { margin: 0px; font-size: 8pt; color: #1a2276; background-color: #f7f7f7; border: 1px solid #ccc; font-weight: bold; }
.text_form .field input:focus { margin: 0px; font-size: 8pt; color: #35abcd; background-color: #fff; border: 1px solid #777; font-weight: bold; }


/* MON CHANTIER*/
#admin-form { margin: auto; width: 100%; text-align: center; }
#admin-form fieldset { margin: auto; padding: 0px; border: 1px solid #cfacae; background: #dfdfe3 url(../images/top_bckg.png) repeat-x left top; font-size: 10pt; }
#admin-form legend { font-size: 8pt; color: #e2001a; font-weight: bolder; margin: 0px 0px 0px 5px; font-family: Trebuchet MS, sans-serif; text-transform: uppercase; }
#admin-form .fieldset2_off { margin: 5px; padding: 5px; border: 1px solid #d18739; background-color: #dac2aa; font-size: 10pt; color: #aca899; }
#admin-form .fieldset2_on { margin: 5px; padding: 5px; border: 1px solid #cc6a00; background-color: #d5a471; font-size: 10pt; color: #323232; }
#admin-form .fieldset2_off legend { font-size: 8pt; color: #aca899; font-weight: bolder; margin: 0px 0px 0px 5px; font-family: Trebuchet MS, sans-serif; text-transform: uppercase; }
#admin-form .fieldset2_on legend { font-size: 8pt; color: #844500; font-weight: bolder; margin: 0px 0px 0px 5px; font-family: Trebuchet MS, sans-serif; text-transform: uppercase; }
#admin-form .fieldset3_off { margin: 5px; padding: 5px; border: 1px solid #8a8a8a; background-color: #b0b0b1; font-size: 10pt; color: #8c8a83; }
#admin-form .fieldset3_on { margin: 5px; padding: 5px; border: 1px solid #646464; background-color: #8a8a8a; font-size: 10pt; color: #323232; }
#admin-form .fieldset3_on legend { font-size: 8pt; color: #323232; font-weight: bolder; margin: 0px 0px 0px 5px; font-family: Trebuchet MS, sans-serif; text-transform: uppercase; }
#admin-form .fieldset3_off legend { font-size: 8pt; color: #8c8a83; font-weight: bolder; margin: 0px 0px 0px 5px; font-family: Trebuchet MS, sans-serif; text-transform: uppercase; }
#admin-form a:hover { color: #fff; }
#admin-form .field label { clear: left; display: block; width: 20em; float: left; font-size: 8pt; font-weight: bold; color: #323232; }
#admin-form p.field { margin: 5px; text-align: center; }
#admin-form .field input { margin: 0px; font-size: 8pt; color: #1a2276; background-color: #f7f7f7; border: 1px solid #ccc; font-weight: bold; }
#admin-form .field input:focus { margin: 0px; font-size: 8pt; color: #35abcd; background-color: #fff; border: 1px solid #777; font-weight: bold; }
#admin-form .field select { margin: 0px; font-size: 8pt; color: #1a2276; background-color: #f7f7f7; border: 1px solid #ccc; font-weight: bold; }
#admin-form .field select:focus { margin: 0px; font-size: 8pt; color: #35abcd; background-color: #fff; border: 1px solid #777; font-weight: bold; }
#admin-form .field textarea { margin: 0px; font-size: 8pt; color: #1a2276; background-color: #f7f7f7; border: 1px solid #ccc; font-weight: bold; font-size: 8pt; resize: none; }
#admin-form .field textarea:focus { margin: 0px; font-size: 8pt; color: #35abcd; background-color: #fff; border: 1px solid #777; font-weight: bold; resize: none; }
#admin-form .field_input_button { margin: 0px; color: #333333; font-size: 8pt; }
#admin-form .field_input_button:hover { margin: 0px; color: #0068b1; font-size: 8pt; }
#admin-form .field_input_button:disabled { margin: 0px; color: #ccc; font-size: 8pt; }

.navigation_photos_off { margin: 0px; padding: 0px; background: #646464; color: #aca899; width: 550px; font: 1.2em "Trebuchet MS", sans-serif; list-style-type: none; }
.navigation_photos_off a.title, .navigation_photos_off span.title { cursor: pointer; width: 550px; height: 25px; display: block; color: #aca899; text-decoration: none; font-weight: bolder; font-size: 10pt; background: transparent url(../images/title_big_menu_off.png) left top no-repeat; }
.navigation_photos_off .togglePhotos a.title, .navigation_photos_off .togglePhotos span.title { color: #aca899; text-align: left; padding: 3px 0px 0px 5px; width: 550px; height: 25px; background: transparent url(../images/title_big_menu_unroll_off.png) left top no-repeat; }
.navigation_photos_off .open a.title, .navigation_photos_off .open span.title { width: 550px; height: 25px; background: transparent url(../images/title_big_menu_roll_off.png) left top no-repeat; }
.navigation_photos_off .subPhoto { margin: 0px; padding: 0px; color: #8c8a83; font-weight: bolder; font-size: 10pt; background-color: #b0b0b0; border-left: 1px solid #646464; border-right: 1px solid #646464; border-bottom: 1px solid #646464; list-style-type: none; }
.navigation_photos_off .subPhoto .content_photos { display: block; margin: auto; padding: 0px; }
.navigation_photos_off .subPhoto .content_photos .photo_chantier { width: 135px; height: 120px; }
.navigation_photos_off .subPhoto .content_photos .delete { cursor: pointer; }
.navigation_photos_off .img { margin: 0px; text-align: center; background: #32a7ca; }

.navigation_photos_on { margin: 0px; padding: 0px; background: #646464; color: #fff; width: 550px; list-style-type: none; }
.navigation_photos_on a.title, .navigation_photos_on span.title { cursor: pointer; width: 550px; height: 25px; display: block; color: #fff; text-decoration: none; font-weight: bolder; font-size: 10pt; background: transparent url(../images/title_big_menu_on.png) left top no-repeat; }
.navigation_photos_on .togglePhotos a.title, .navigation_photos_on .togglePhotos span.title { color: #fff; text-align: left; padding: 3px 0px 0px 5px; width: 550px; height: 25px; background: transparent url(../images/title_big_menu_unroll_on.png) left top no-repeat; }
.navigation_photos_on .open a.title, .navigation_photos_on .open span.title { width: 550px; height: 25px; background: transparent url(../images/title_big_menu_roll_on.png) left top no-repeat; }
.navigation_photos_on .subPhoto { margin: 0px; padding: 0px; color: #fff; font-weight: bolder; font-size: 10pt; background-color: #c8c8c8; border-left: 1px solid #646464; border-right: 1px solid #646464; border-bottom: 1px solid #646464; list-style-type: none; }
.navigation_photos_on .subPhoto .content_photos { display: block; margin: auto; padding: 0px; }
.navigation_photos_on .subPhoto .content_photos .photo_chantier { width: 135px; height: 120px; }
.navigation_photos_on .subPhoto .content_photos .delete { cursor: pointer; }
.navigation_photos_on .img { margin: 0px; text-align: center; background: #32a7ca; }

/* PLAN DU SITE */
#plandusite { text-align: justify; }
#plandusite li { list-style-type: none; margin-left: -40px; }