body { width: 1024px; margin: auto; margin-top: 0px; padding: 0; background-color: #fff;

       font: normal 15px Verdana,Arial,Helvetica; color: #0F0; }



/* g�n�raux */

img        { border: none; }

img a:link { border:none; }

.cache     { display: none; }

a:link { color: #828f98; text-decoration: none; }

a:visited { color: #828f98; text-decoration: none; }

a:active { color: #828f98; text-decoration: none; }

a:hover { color: #4b6272; text-decoration: none; }

.img_left { float: left; padding-top: 3px; margin-left: 0px; margin-right: 15px; margin-bottom: 5px; }

.img_right { float: right; padding-top: 3px; margin-left: 15px; margin-right: 0px; margin-bottom: 5px; }

.cadre_img { border: 1px solid #ccc; }

.img_cadre_left { float: left; margin-top: 3px; margin-left: 0px; margin-right: 15px; margin-bottom: 5px; border: 1px solid #d9d9d9; }

.img_cadre_right { float: right; margin-top: 3px; margin-left: 15px; margin-right: 0px; margin-bottom: 5px; border: 1px solid #d9d9d9; }



/* POSITIONNEMENT */

#global { width: 1024px; margin:auto; position: absolute; padding: 0;  }

#page_ombre { width: 1024px; height: 10px; background-image:url("img/ombre.gif"); }



/* MENU */

#menu_global { width: 1024px; height: 56px; z-index: 1; }

.menu_txt { text-align: center; font-weight: bold; font-size: 13px; letter-spacing: 3px ;

            font-family: Verdana,Arial,Helvetica; }

.menu_txt a:link, .menu_txt a:visited, .menu_txt a:active { color: #fff; }

.menu_txt a:hover { color: #7fba24; }

#menu_pres   { width: 438px; height: 56px; margin-left: 0px; margin-top: 0px; position: absolute; }

#menu_trav   { width: 238px; height: 56px; margin-left: 440px; margin-top: 0px; position: absolute; }

#menu_cont   { width: 344px; height: 56px; margin-left: 680px; margin-top: 0px; position: absolute; }

#menu_separ1 { margin-left: 438px; margin-top: 0px; position: absolute; }

#menu_separ2 { margin-left: 678px; margin-top: 0px; position: absolute; }

#menu_choix_pres   { width: 250px; margin-left: 160px; margin-top: 21px; position: absolute; }

#menu_choix_trav   { width: 200px; margin-left: 458px; margin-top: 21px; position: absolute; }

#menu_choix_cont   { width: 200px; margin-left: 753px; margin-top: 21px; position: absolute; }

#menu_home_tout { margin-left: 40px; margin-top: 30px; position: absolute; }

.menu_home_bg   { margin-left: 0px; margin-top: 0px; position: absolute; z-index: 90; } /* fond PNG */

.menu_home_bt   { margin-left: 10px; margin-top: 6px; position: absolute; z-index: 95; } /* bloc rollover gif */



/* sous menus */

#sm_present   { width: 250px; height: 109px; z-index: 10; margin-left: 164px; margin-top: 44px; position: absolute;

                background-image:url("img/menu_pres_bg.gif"); background-repeat: no-repeat; }

#sm_travaux   { width: 199px; height: 176px; z-index: 10; margin-left: 463px; margin-top: 44px; position: absolute;

                background-image:url("img/menu_trav_bg.gif"); background-repeat: no-repeat; }

.sm_choix { text-align: center; font-weight: bold; font-size: 10px;

                 font-family: Verdana,Arial,Helvetica; }

.sm_choix a:link, .sm_choix a:visited, .sm_choix a:active { color: #fff; }

.sm_choix a:hover { color: #7fba24; }



/* PAGES D'ATTENTE */

#att_affiche { width: 1024px; }

#att_illutr { width: 1024px; height: 240px; }

#att_titre { margin-left: 38px; margin-top: 35px; height: 100px; font-size: 18px; font-family: Arial,Verdana,Helvetica; }

#att_infos { margin-left: 90px; height: 200px; }



/* illustrations haut de page */

#haut_illutr { width: 1024px; height: 240px; }



/* CONTENU PAGE INDEX */

#home_page { width: 1024px; min-height: 270px; margin: 0; background-image:url("img/acc_img1.jpg"); background-repeat: no-repeat; padding: 0; }

.home_right  { float: right; margin-right: 12px; width: 263px; padding: 0; overflow: hidden; }

.home_left   { float: left; padding: 0; overflow: hidden; }

.home_contenu_haut { margin-left:42px; margin-top:270px; background-image:url("img/logo1.gif"); background-repeat: no-repeat; }

.home_centre   { margin-left: 138px; width: 520px; padding: 0; overflow: hidden; }



.home_infos_bas { height: 154px; margin-left:0px; margin-top:15px; margin-bottom:15px; }



.home_sms_contenu { width: 304px; height: 154px; margin-left:0px; margin-top:0px; position: absolute;

                    background-image:url("img/acc_sms_bg.gif"); background-repeat: no-repeat; }

.home_sms_txt { padding-left: 120px; padding-top: 21px; width: 170px; font-size: 13px; line-height: 1.2; }

        .home_sms_txt a:link, .home_sms_txt a:visited, .home_sms_txt a:active { color: #293c45; }

        .home_sms_txt a:hover { color: #b03180; }

.home_trav_info { width: 175px; height: 106px; margin-left:304px; margin-top:24px; position: absolute;

                    background-image:url("img/acc_trav_bg.gif"); background-repeat: no-repeat; }

.home_trav_txt { padding-left: 15px; padding-top: 22px; width: 135px; font-size: 13px; line-height: 1.2; }

        .home_trav_txt a:link, .home_trav_txt a:visited, .home_trav_txt a:active { color: #293c45; }

        .home_trav_txt a:hover { color: #00aee9; }



/* actus � droite */

#home_actus { margin-top: 154px; width: 263px; }

.home_actu_haut { width: 263px; height: 34px; background-image: url('img/acc_actu_haut.gif'); background-repeat: no-repeat;}

.home_actu_titre { padding-top: 9px; text-align: center; font-weight: bold; font-size: 13px; }

.home_actu_centre { width: 263px; background-image: url('img/acc_actu_bg.gif'); background-repeat: repeat-y; }

.home_actu_texte { width: 229px; margin-left: 17px; text-align: left; font-weight: normal; font-size: 10px; line-height: 1.1; }

        .home_actu_texte a:link, .home_actu_texte a:visited, .home_actu_texte a:active { color: #293c45; }

        .home_actu_texte a:hover { color: #b03180; }

.home_actu_lien { width: 229px; margin-left: 17px; margin-top: 5px; margin-bottom: 7px;

                  text-align: left; font-weight: bold; font-size: 11px; color: #007fb8; line-height: 1.3; }

        .home_actu_lien a:link, .home_actu_lien a:visited, .home_actu_lien a:active { color: #007fb8; text-decoration: underline; }

        .home_actu_lien a:hover { color: #293c45; }



/* les travaux et les photos */

#trav_illutr { width: 1024px; height: 240px; }

#trav_titre { margin-left: 38px; margin-top: 35px; font-size: 18px; font-family: Arial,Verdana,Helvetica; }

#trav_infos { margin-left: 38px; margin-top: 15px; width: 986px; }



/* zoom par rue */

#zoom_infos { width: 1024px; margin-top: 0px; }

.zoom_col_left   { float: left; margin-left: 26px; margin-top: 55px; width: 263px; height: 376px; overflow: hidden; }

.zoom_col_right  { float: right; margin-right: 95px; width: 590px; overflow: hidden; }

/*

.zoom_pano { float: right; width: 252px; height: 375px; margin-right: 0px; margin-left: 25px; padding: 3px 0px 0px 3px;

             background-image:url("img/zoom_pano_bg.gif"); background-repeat: no-repeat; }

*/

.zoom_bg_right { float: right; width: 252px; margin-right: 0px; margin-left: 25px;

                  background-image:url("img/zoom_img_right_bg.gif"); background-repeat: no-repeat; }

.zoom_im_right { padding: 3px 0px 0px 3px; }





/* mentions l�gales */

.ment_texte { width: 800px; margin-top: 15px; margin-left: 26px; font-size: 13px; font-family: Arial,Verdana,Helvetica; line-height: 1.2; }

.ment_texte a:link, .ment_texte a:visited, .ment_texte a:active { color: #293c45; }

.ment_texte a:hover { color: #999; }



/* contact */

#cont_infos { width: 1024px; height: 330px; margin-top: 20px; }

.cont_logo   { margin-left: 310px; margin-top: 0px; position: absolute; }

.cont_text1 { margin-left: 570px; margin-top: 165px; position: absolute; }

.cont_text2 { margin-left: 810px; margin-top: 182px; position: absolute; }

.cont_texte { font-size: 14px; font-family: Arial,Verdana,Helvetica; line-height: 1.2; }

.cont_texte a:link, .cont_texte a:visited, .cont_texte a:active { color: #293c45; }

.cont_texte a:hover { color: #999; }



/* le PPP plessis */

#pless_infos   { height: 570px; }

.pless_col_left   { float: left; margin-left: 26px; width: 632px; height: 528px; overflow: auto; }

.pless_col_right  { float: right; margin-right: 0px; width: 350px; overflow: hidden; }

.pless_txt_right  { float: right; margin-right: 0px; width: 320px; overflow: auto; }

.pless_bloc { margin-left: 32px; width: 211px; height: 180px; background-image:url("img/pless_bg.gif"); background-repeat: no-repeat;

              padding: 38px 12px 0px 12px; text-align: justify; font-weight: bold; font-size: 15px; line-height: 1.5; font-family: Arial,Verdana,Helvetica; }

.pless_bloc a:link, .pless_bloc a:visited, .pless_bloc a:active { color: #293c45; }

.pless_bloc a:hover { color: #999; }



/* Travaux > A venir */

#text_introduction{
margin-left: 38px;
margin-top: 15px;
width: 986px;
color: #000;
}

/* contrat PPP */

#ppp_blocs { margin-left: 80px; height: 525px; }

#ppp_bloc1 { margin-left: 95px; margin-top: 0px; position: absolute; z-index: 10; }

#ppp_bloc2 { margin-left: 0px; margin-top: 212px; position: absolute; z-index: 20; }

#ppp_bloc3 { margin-left: 213px; margin-top: 316px; position: absolute; z-index: 30; }

#ppp_bloc4 { margin-left: 360px; margin-top: 85px; position: absolute; z-index: 40; }

#ppp_bloc5 { margin-left: 488px; margin-top: 226px; position: absolute; z-index: 50; }

.ppp_texte { text-align: justify; font-weight: normal; font-size: 15px; line-height: 1.2; font-family: Arial,Verdana,Helvetica; }

#ppp_txt1 { margin-left: 113px; margin-top: 33px; width: 250px; position: absolute; z-index: 15; }

#ppp_txt2 { margin-left: 34px; margin-top: 244px; width: 250px; position: absolute; z-index: 25; }

#ppp_txt3 { margin-left: 246px; margin-top: 349px; width: 250px; position: absolute; z-index: 35; }

#ppp_txt4 { margin-left: 406px; margin-top: 112px; width: 250px; position: absolute; z-index: 45; }

#ppp_txt5 { margin-left: 537px; margin-top: 254px; width: 300px; position: absolute; z-index: 55; }



/* CONTENU PAGE PRESENTATION */

#present_haut_infos { width: 1024px; margin-top: 40px; padding: 0px; }

.present_haut_img  { float: right; margin-right: 26px; overflow: auto; }

.present_haut_texte { float: left; margin-left: 26px; width: 390px; overflow: auto; }

.present_col_left   { float: left; margin-left: 26px; width: 455px; overflow: auto; }

.present_col_right  { float: right; margin-right: 26px; width: 455px; overflow: auto; }

.present_txt { text-align: justify; font-weight: normal; font-size: 18px; line-height: 1.2; }

.present_txt20 { text-align: justify; font-weight: normal; font-size: 20px; line-height: 1.2; }



/* TITRES et TEXTES*/

.color_text { color: #293c45; }

.color_clair { color: #607077; }

.color_gris { color: #ccc; }

.color_orange { color: #f07f0e; }

.color_mauve { color: #b03180; }

.color_rouge { color: #df356e; }

.color_jaune { color: #fbe800; }

.color_vert { color: #7fba24; }

.color_bleu { color: #65bdeb; }

.color_sombre { color: #00aee9; } /* bleu */



.titre_page { font-weight: bold; font-size: 18px; }

.titre_1 { font-weight: bold; font-size: 14px; }



.txt_petit{ font-size: 12px; }

.txt_scroll { text-align: left; font-weight: normal; font-size: 12px; } /* rues dans zone de scroll */

.txt_scroll a:link, .txt_scroll a:visited, .txt_scroll a:active { color: #ddd; }

.txt_scroll a:hover { color: #f07f0e; }

.txt_norm_L{ text-align: left; font-weight: normal; font-size: 13px; line-height: 1.2; }

.txt_normal{ text-align: justify; font-weight: normal; font-size: 13px; line-height: 1.4; }

             .txt_normal a:link, .txt_normal a:visited, .txt_normal a:active { color: #293c45; }

             .txt_normal a:hover { color: #f07f0e; }

.txt_moyen { text-align: justify; font-weight: normal; font-size: 14px; line-height: 1.4; }

.txt_gros { text-align: justify; font-weight: normal; font-size: 16px; line-height: 1.2; }

.txt_20 { font-size: 20px; }

.txt_12i { text-align: right; font-weight: normal; font-size: 12px; color: #777; font-style: italic; }



.txt_11R { text-align: right; font-weight: normal; font-size: 11px; }

.txt_11R a:link, .txt_11R a:visited, .txt_11R a:active { color: #999; }

.txt_11R a:hover { color: #f07f0e; }



/* traits s�parations dans pages */

.separ_3 { width: 1024px; height: 3px; background-color: #e3e4e5; }

.separ_590 { width: 590px; height: 3px; background-color: #e3e4e5; }

.separ_986 { width: 986px; height: 3px; background-color: #e3e4e5; }



/* PIED DE PAGE */

#pied_page { width: 1024px; margin-bottom: 25px; }

.pied_trait { width: 1024px; height: 1px; background-color: #888; }

.pied_txt{ margin-left: 180px; font-weight: normal; font-size: 11px; color: #888; }

.pied_txt a:link, .pied_txt a:visited, .pied_txt a:active { color: #888; }

.pied_txt a:hover { color: #000; }

.pied_logos { width: 1024px; height: 57px; background-image:url("img/pied_bg.gif"); background-repeat: repeat-x; }

.pied_logo1 { margin-left: 200px; margin-top: 9px; position: absolute; }

.pied_logo3 { margin-left: 366px; margin-top: 5px; position: absolute; }

.pied_logo4 { margin-left: 568px; margin-top: 14px; position: absolute; }

.pied_logo5 { margin-left: 768px; margin-top: 9px; position: absolute; }