*{padding:0; margin:0;} body {background-position: 50% 0%; background-repeat:repeat-x; font-family: arial, sans-serif; font-size: 11px; background-color:white; } .bodyGeneral{background-image: url("images/bg_body2.jpg");} body#body1 {background-image:url(images/bg_body1.jpg);} /*body#body2 {background-image:url(images/bg_body2.jpg);} */ .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;} fieldset {border:none;} a {color:black;} a:hover {color:black;} #top {width:100%; height:71px;background-image:url(images/bg_top.jpg); background-repeat:no-repeat; } #middle {width:100%; } #middle2 {margin-top: 30px; } #body1 #middle { background-image:url(images/bg_middle.jpg); background-repeat:no-repeat; background-position: 50% 0%;} #leftColumn {float:left; margin-right:15px; margin-top:25px; width:645px;} #rightColumn {width:332px; float:left;} .wrapper {width:994px; height:100%; margin:0 auto;} #leftColumn p {padding-right:25px; } a#english {float:right; color:#7baf30; text-decoration:none;} a#english:hover {text-decoration:underline;} /* MENU ET SOUS-MENU DU HAUT **************************************************/ #menuTop {list-style-type:none; padding: 17px 0 0 0px; font-size:12px; margin:0 0px 0 0;} #menuTop li {float:left; } #menuTop li a {display:block; height:35px;} #centre {width:200px; background-image:url(images/btn_centre.jpg);} #centre:hover {background-image:url(images/btn_centre_ov.jpg);} #cote {width:118px; background-image:url(images/btn_cote.jpg);} #cote:hover {background-image:url(images/btn_cote_ov.jpg);} #communications {width:121px; background-image:url(images/btn_communications.jpg);} #communications:hover {background-image:url(images/btn_communications_ov.jpg);} #joindre {width:103px; background-image:url(images/btn_joindre.jpg);} #joindre:hover {background-image:url(images/btn_joindre_ov.jpg);} #btnNews {width:85px; background-image:url(images/btn_newsletter.jpg);} #btnNews:hover {background-image:url(images/btn_newsletter_ov.jpg);} .sousMenu {display:none; background-image:url(images/bg_sous_menu.png); width:429px; padding:0px 25px; height:223px; top:50px; position:absolute; margin-left:-10px; z-index:250; margin-top:1px;} #menuTop li:hover .sousMenu {display:block;} .sousMenu a {height:20px !important;} .sousMenu ul {list-style-type:none;} .sousMenu h2 {color:#b3b3b3; margin:25px 0px 10px;} .sousMenu a {font-weight:bold !important; text-decoration:none;color:black !important; background:transparent !important; text-align:left !important; padding-top:3px !important;} .sousMenu a:hover {color:#83b43d !important;} .sousMenu li {float:none !important; } .deux {height:253px; background-image:url(images/bg_sous_menu2.png);} #form_news {padding:8px 10px 0 0; float:right;} #form_news input [type=image] {margin-top:-1px;} #form_news input[type=text]{width:140px;font-size:11px;} #form_news input {display:inline; float:left;} #ouvrirVisualisation {display:block; padding-top:2px; padding-bottom:1px; float:right; color:white; margin-bottom:15px; font-weight:bold; text-transform:uppercase; text-decoration:none;} /******************************************************************************/ /* LES GROS BOUTONS */ #rightColumn #menuBoutons {margin-top:20px;} #menuBoutons h1 {margin:10px 0 5px 0; font-size:22px; text-align:bottom;} #menuBoutons .vert {color:#7aae30;} #menuBoutons ul {list-style-type:none; padding-top:4px;} #body1 #menuBoutons li {float:left;} #menuBoutons ul a {display:block; width:326px; height:147px;} #btnAgro a {background-image:url(images/btn_agriculture.jpg);} #btnIndus a {background-image:url(images/btn_industries.jpg);} #btnTourisme a {background-image:url(images/btn_tourisme.jpg);} #btnArts a {background-image:url(images/btn_arts.jpg);} #btnSports a {background-image:url(images/btn_sports.jpg);} #btnResidentiel a {background-image:url(images/btn_residentiel.jpg);} #btnAgro a:hover {background-image:url(images/btn_agriculture_vert.jpg);} #btnIndus a:hover {background-image:url(images/btn_industries_vert.jpg);} #btnTourisme a:hover {background-image:url(images/btn_tourisme_vert.jpg);} #btnArts a:hover {background-image:url(images/btn_arts_vert.jpg);} #btnSports a:hover {background-image:url(images/btn_sports_vert.jpg);} #btnResidentiel a:hover {background-image:url(images/btn_residentiel_vert.jpg);} /* LES BOUTONS SANS LE + EN HAUT A GAUCHE */ #btnAgro2 a {background-image:url(images/btn_agriculture2.jpg);} #btnIndus2 a {background-image:url(images/btn_industries2.jpg);} #btnTourisme2 a {background-image:url(images/btn_tourisme2.jpg);} #btnArts2 a {background-image:url(images/btn_arts2.jpg);} #btnSports2 a {background-image:url(images/btn_sports2.jpg);} #btnResidentiel2 a {background-image:url(images/btn_residentiel2.jpg);} #btnAgro2 a:hover {background-image:url(images/btn_agriculture_vert2.jpg);} #btnIndus2 a:hover {background-image:url(images/btn_industries_vert2.jpg);} #btnTourisme2 a:hover {background-image:url(images/btn_tourisme_vert2.jpg);} #btnArts2 a:hover {background-image:url(images/btn_arts_vert2.jpg);} #btnSports2 a:hover {background-image:url(images/btn_sports_vert2.jpg);} #btnResidentiel2 a:hover {background-image:url(images/btn_residentiel_vert2.jpg);} .plus {display:block; background-image:none !important; width:20px !important; height:20px !important; margin-top:-140px !important; margin-left:10px !important; position:absolute !important} .plus:hover {background-image:url(images/plus_ov.jpg) !important; background-position:0px 3px !important; background-repeat:no-repeat} /* ******* ****** ****** */ .milieu {font-family:arial, sans-serif; padding:15px 30px; position:absolute; width:965px; height:310px; background-image:url(images/bg_dessus_middle.jpg); background-color:white; margin-left:-20px; background-position:center; background-repeat:no-repeat;} .milieu div {float:left; padding-right:15px;} .milieu .colonneGauche {width:270px;} .milieu .colonneGauche h1 {font-size:25px !important; text-transform:uppercase !important; color:#7aae30;} .milieu .stats {width:195px;} .milieu .stats h1 {font-size:25px !important; text-transform:uppercase !important; color:#7aae30; padding-top:28px; } .milieu a {color:#7aae30; text-decoration:none;} .milieu a:hover {font-weight:bold;} .milieu p {font-size:12px; line-height:17px; } .milieu #fleche {display:block; width:210px; height:61px; background-image:url(images/pointer_carte.jpg); position:absolute; top:260px; left:30px;} .fermer {display:block; width:95px; height:46px; background-image:url(images/btn_fermer.jpg); position:absolute; top:275px; margin-left:140px;} .toutSurPotentiel {display:block; width:150px; margin-top:8px; margin-left:850px; position:absolute; text-align:center;font-size:13px !important; color:#363636 !important; font-weight:bold;} .toutSurPotentiel:hover {text-decoration:underline; } /* TEXTE AVANT LES ONGLETS */ #body2 #leftColumn h1 {float:left; text-transform:uppercase; color:#7baf30; font-size:32px; font-family:arial; width:350px; } #body2 #leftColumn #contenu_loader h1{width:auto; float: none;} .flecheCarte {float:right; display:block; width:210px; height:61px; margin-right:25px; background-image:url(images/pointer_carte.jpg); } .flecheCarte2 {float:right; display:block; width:210px; height:61px; margin-right:25px; background-image:url(images/pointer_carte2.jpg); } .flecheCarte3 {float:right; display:block; width:210px; height:54px; margin-right:25px; background-image:url(images/pointer_carte3.jpg); } p.citation {font-size:18px !important; color:#4c4c4c; } .nomPersonne {font-size:13px; font-style:italic; color:#5c8324;} #body2 #leftColumn p {font-size:13px; margin:10px 0;} /*CENTRE VERT PALE*/ /* ONGLETS PAGE VERT */ #ongletsContenu {list-style-type:none; margin-left:-1px; padding-top:35px; margin-bottom:-1px;} #ongletsContenu li {float:left; line-height:45px; margin:0 1px;} #ongletsContenu a {font-size:14px; display:block; width:202px; height:45px; color:#888888; background-image:url(images/btn_contenu.jpg); text-align:center; text-decoration:none;} #ongletsContenu a:hover {background-image:url(images/btn_contenu_ov.jpg); color:#4c4c4c;} /* INTERIEUR DE LA FENETRE */ #contenu {padding:20px ; background-image:url(images/bg_leftColumn.jpg);width:582px; min-height:450px;background-repeat:no-repeat; font-size:12px; font-family:arial, sans-serif; } #contenu .no_photo h2{float:none; width:auto; color:#4C4C4C; font-size:14px !important; font-weight: normal;} #contenu .no_photo p{float:right; width:526px; margin-left: 10px;} #contenu ul {margin:10px 0; color: #4C4C4C; padding-left:15px;} #contenu li {padding:5px;} #contenu img {float:left; max-width:90px; margin:0; } #contenu h2 {float:right; width:490px; color:#4C4C4C; font-size:14px !important; font-weight: normal;} #contenu p {float:right; width:490px;} #body2 #leftColumn .para_no_float p{float:none; width:auto;} #ongletsContenu span {font-size:14px; display:block; width:215px; height:45px; background-image:url(images/btn_contenu_ov.jpg); color:#4c4c4c; text-align:center; text-decoration:none;} /* GALLERIE PHOTO */ #galerie {margin-top:30px;} #galerie img.grosse {float:left; width:310px; float:left; border:3px solid #4c4c4c;} #galerie img.petite {float:left; height:65px; margin:4px; border:3px solid #4c4c4c; background-color:#4b4b4b;} #galerie a:hover img.petite {border-color:#0954a3;} #flecheBlancheGauche {float:left; display:block; width:29px; height:167px; background-image:url(images/fleche_blanche_gauche.jpg);} #flecheBlancheDroite {float:left; display:block; width:29px; height:167px; background-image:url(images/fleche_blanche_droite.jpg);} #flecheVerteGauche {float:left; display:block; width:26px; height:27px; background-image:url(images/fleche_verte_gauche.jpg); margin-top:25px;} #flecheVerteDroite {float:left; display:block; width:26px; height:27px; background-image:url(images/fleche_verte_droite.jpg); margin-top:25px;} #grosseImage {margin-bottom:10px;} #grosseImage h2 {margin:10px;} #grosseImage h2 a{display:inline-block; background-image:url(images/btn_nord.jpg);width:19px; height:19px; margin:0 5px;} #texteImage p {margin:10px !important;} #texteImage { float:left; width:250px;} hr {background-color:#dcdcdc; height:2px; border:none; width:650px;} /* FENETRE DU VIDEO */ #videoContainer {width:948px; height:279px; background-image:url(images/bg_video.png); margin:-13px 0 0 -12px; padding:35px; position:relative;} #video {width:350px; height:270px; float:left; background-color:#4b4b4b;} #flecheVideoGauche {float:left; display:block; width:39px; height:253px; background-image:url(images/fleche_gauche_video.jpg); } #flecheVideoDroite {float:left; display:block; width:39px; height:253px; background-image:url(images/fleche_droite_video.jpg); } #videoContainer #texteVideo {width:400px; float:left;padding:0 30px;} #videoContainer #texteVideo h2 {color:#509f4a; margin:-20px 0 10px 0;} #videoContainer #texteVideo p { margin:10px 0; } #videoContainer #fleche {display:block; width:210px; height:61px; background-image:url(images/pointer_carte.jpg); position:absolute; top:270px; left:490px;} .fermerVideo { display:block; width:63px; height:42px; background-image:url(images/fermer_video.jpg); margin:-10px 0 0 430px;} /* FOOTER - INCLUANT LES LISTE DE MENU */ #footer {width:100%; margin-top:50px; background-image:url(images/bg_footer.jpg); background-repeat:no-repeat; background-position:center bottom; font-family :arial, sans-serif; height:625px;} #footer h1 {margin-bottom:20px;background-position:bottom; width:100%; height:40px; background-image:url(images/bg_h1_footer.jpg); padding-left:25px; color:#323232; font-size:18px;} #footer h1 img {margin:0 5px -6px 15px;} #footer h2 {margin:10px 0; text-transform:uppercase; color:#363636; font-size:11px;} #footer ul {list-style-type:none;} #footer ul a {text-decoration:none; color:#7aae30; font-size:11px;} #footer ul a:hover {text-decoration:underline;} #footer .liste {float:left; padding:0 34px;} #footer span {margin-top:60px; color:#777777;} #footer span a {text-decoration:none; color:#7aae30;} .separation {margin:10px 0; padding-top:10px; min-height:42px; width:100%; background-image:url(images/bg_separateur.jpg); background-repeat:no-repeat; background-position:top left;} .separation a {float:right; padding-top:4px; margin:5px; background-repeat:no-repeat; background-position:right center; text-decoration:none; color:#999999;} .partager { padding-right:20px; height:19px; background-image:url(images/partager.jpg);} .envoyerCourriel { padding-right:30px; height:19px; background-image:url(images/envoyer_courriel.jpg);} .separation a:hover {text-decoration:underline;} /************ TRUCS AJOUTES **********************************************/ #logogoogle {width:80px; height:28px; background-image:url(images/google.png); position:absolute; z-index:300; top:290px; left:130px;} #mapContainer {height:329px;} /* LES 3 CONTENANT DU HAUT (LE MONSIEUR, LA MAP ET LA LEGENDE ) */ #legende {width:189px; height:322px; background-image:url(images/bg_legende.jpg); float:right; margin-top:-322px; background-repeat:no-repeat; background-color:#101010;} #fenetre_map .legende2{left:805px; position:relative; top:-322px; margin-top:0; float:none;} #fenetre_map{position: relative; top: 2px; height: 322px;} #mapGoogle { width:805px; height:322px;} #photoMonsieur { position:absolute; left:-150px; width:350px; height:84px; padding-top:245px; background-repeat:no-repeat;float:left; z-index: 10000; top: -25px; background-position:left;} #photoMonsieur span {display:block; color:white; padding-left:90px;} #photoMonsieur .vert {color:#7baf30;} #photo_tete{ position:absolute; left:-150px; width:213px; height:84px; padding-top:145px; background-repeat:no-repeat;float:left; z-index: 10000; top: -41px; background-position:left;} #photo_corps{position:absolute; left:-150px; width:289px; height:117px; padding-top:145px; background-repeat:no-repeat;float:left; z-index: 10000; top: 103px; background-position:left;} #photo_corps span {display:block; color:white; padding-left:50px;} #photo_corps .vert {color:#7baf30;} /* LA LEGENDE A GAUCHE DE LA MAP */ #legende ul {list-style-type:none;} #legende h2 { padding:0 0 0px 15px; color:white; font-family:arial, sans-serif; font-weight:bold; font-size:105%;} #legende a { text-decoration:none; color:white;} #legende ul#menuMap li{float:left;} #legende ul#menuMap a{padding-top:4px; text-align:center; display:block; width:62px; height:20px; background-image:url(images/bg_menu_legende.jpg);} #legende ul#menuMap a:hover{background-image:none;} /* LA LISTE PSEUDO-DEROULANTE DES POTENTIELS */ #legende ul#listePotentiels {height:30px; padding:10px;} #legende ul#listePotentiels .niveau2 {display:none;} #legende ul#listePotentiels ul.niveau2 li a.uneLigne {width:150px; padding-top:1px;height:18px; background-image:url(images/bg_select_items.png); background-repeat:no-repeat; background-position:left; } #legende ul#listePotentiels ul.niveau2 li a.deuxLignes {width:80px; height:32px; background-image:url(images/bg_select_items2.png); background-repeat:no-repeat; background-position:left; padding:2px 75px 0 15px; background-position:left top;} a.uneLigneSelect {background-image:url(images/bg_select.png) !important; height:16px !important;} a.deuxLignesSelect {background-image:url(images/bg_select2.png) !important; height:35px !important; width:140px!important; padding-right: 10px;} #legende ul#listePotentiels li.niveau1 a {display:block; width:150px; padding-top:3px; height:16px; padding-left:2px; background-image:url(images/bg_select.png);color:black; padding-left:15px;} #legende ul#listePotentiels li.niveau1:hover ul.niveau2 {display:block;position:absolute;} #legende ul#listePotentiels ul.niveau2 li a:hover {color:#7baf30;} /* LISTE DES ICONES A AFFICHER */ #legende ul#listeIcones {margin:10px 0 0 25px; min-height: 115px;} #legende ul#listeIcones li {margin:1px 0; color:white;} #legende ul#listeIcones img{border:none;} #legende ul#listeIcones a{display:inline-block; width:19px; height:17px; margin-bottom:-2px;} #legende ul#listeIcones a.checked { background-image:url(images/icone_checked.png);} #legende ul#listeIcones a.unchecked { background-image:url(images/icone_unchecked.png);} #legende ul#listeIcones img {margin:0 5px -6px 5px;} /* LA GROSSE BULLE D'INFORMATION VERTE */ .bulle {padding:35px 40px 0 20px; background-image:url(images/bg_bulle.png); width:352px; height:187px; position:absolute; color: white; font-family:'arial narrow', arial, sans-serif; } .bulle h3{ font-size:115%;text-transform:uppercase;padding-left:75px;} .bulle p{ width:240px; font-style:italic; font-size:90%; padding-left:75px; margin:5px 0;} .bulle a.details {color:white; text-decoration:none; padding:0 0 0 75px; } .bulle a.details:hover {font-style:italic;} .bulle a.fermer {float:right; margin-top:75px; padding-top:2px; text-align:center; color:white; text-decoration:none; display:bloc; width:60px; height:36px; background-image:url(images/bg_bouton_ferme.png) } .bulle img {width:65px; height:65px; float:left; } /* BULLE D'INFO*/ .lien_bulle{ color: #FFF; text-decoration: none; cursor:pointer;} .lien_bulle img{border: none; float: left; margin-top: -14px; width:68px;margin-left:-10px;} .lien_bulle p{width: 225px; float: right; font-style: italic;} .lien_bulle h1{font-size: 15px; padding-left:73px; color: #FFF; margin-top: 0px;} .lien_bulle .para_no_image{float: left; width: 300px;} .lien_bulle .bulle_no_mage_title{padding-left:0;} /*EXTINFOWINDOW*/ #simple_example_window{ width: 300px; } #simple_example_window_contents{ background-color: #7baf30; min-width: 150px; min-height: 70px; padding-top: 5px; } #custom_info_window_red_beak{ } * html #simple_example_window_beak{ /* Alpha transparencies hack for IE */ background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_bulle.png', sizingMethod='crop'); } #simple_example_window_close { width: 50px; height: 32px; background-image: url(images/btn_fermer1.png); cursor: pointer; } #simple_example_window_beak { width: 56px; height: 67px; background-image: url(images/bg_beak.png); margin-left: -32px; margin-top: -37px; } #simple_example_window_tl { width: 43px; height: 27px; background-image: url(images/haut_gauche.png); } #simple_example_window_t { min-width: 50px; height: 27px; background-image: url(images/haut_centre.png); } #simple_example_window_tr { width: 67px; height: 27px; background-image: url(images/haut_droit.png) } #simple_example_window_r { width: 67px; min-height: 20px; background-image: url(images/centre_droit.png); } #simple_example_window_br { width: 67px; height: 40px; background-image: url(images/bas_droit.png) } #simple_example_window_b { height: 40px; background-image: url(images/bas_centre.png); } #simple_example_window_bl { width: 43px; height: 40px; background-image: url(images/bas_gauche.png); } #simple_example_window_l { width: 43px; min-height: 20px; background-image: url(images/centre_gauche.png); } .bodyAgricole {background-position: 50% 0%; background-repeat:no-repeat; background-image:url(images/bg_agricole.jpg); } .bodyIndustries {background-position: 50% 0%; background-repeat:no-repeat; background-image:url(images/bg_industries.jpg); } .bodyArts {background-position: 50% 0%; background-repeat:no-repeat; background-image:url(images/bg_arts.jpg); } .bodySports {background-position: 50% 0%; background-repeat:no-repeat; background-image:url(images/bg_sports.jpg); } .bodyResidentiel {background-position: 50% 0%; background-repeat:no-repeat; background-image:url(images/bg_residentiel.jpg); } .bodyTourisme{background-position: 50% 0%; background-repeat:no-repeat; background-image:url(images/bg_tourisme.jpg); } /*Page statique general*/ #body2 #leftColumn .precision{font-size: 9px;} #body2 #leftColumn .precision span{font-style: italic;} #body2 .partenaires a{color: black; text-decoration: none;} #body2 .partenaires a:hover{text-decoration: underline;} #body2 .partenaires h2{font-size: 16px;} #body2 .partenaires h3{display: block; width: 100%; border-bottom: 1px solid #DCDCDC;} #body2 .partenaires ul{margin-top: -5px; padding-left: 15px; padding-bottom: 5px;} #body2 .joindre_contact a{color: #7BAF30; text-decoration: none;} #body2 .joindre_contact a:hover{text-decoration: underline;} #body2 .service ul{padding-left: 15px;} #body2 #leftColumn .titre_page_static {text-transform:uppercase; color:#7baf30; font-size:32px; font-family:arial; width: 100%; font-weight:bold;} .nom_gras{font-weight: bold;} #menuTop #lien_index:hover{background-color:transparent !important; color:white;} .equipe_listing span{display: block; width:450px; float: right; position:relative; top:15px; } .equipe_listing img{display: block; float: left;} #fermer_carte{display:block; font-size:12px; margin-left:84px; margin-top:25px;} #fermer_carte:hover{color:#7BAF30;} h2 {color:#4c4c4c; font-size:18px;} #adresse_courriel {color:#999999; text-align:center; padding-bottom:2px; padding-top:1px;} #submit {margin-top:0px; margin-left:-4px; padding:0px 0px; height:20px;} #contenu .avec_image h2{width: 450px; float: none; font-weight: bold;} #contenu .avec_image p{width: 450px;} #contenu .avec_image{list-style: none; margin-left: -25px;} #contenu .no_photo h2{font-weight: bold; margin-left:7px;} #contenu .no_photo{list-style: none; margin-left: -25px;} #contenu .no_photo p{ width: 550px;} .contenu_standard li{margin-left: 15px; padding:3px 0;} .para_no_float span{font-family:arial !important; } #form_emploi label{font-size: 12px;} #form_emploi .col1{width: 150px;} #form_emploi td{padding: 5px;} #form_emploi .row_button_envoyer{text-align: right;} #form_emploi .champs_obligatoire{text-align: left;} #form_emploi input[type=text]{width: 220px;} #form_emploi .obligatoire{font-weight: bold;} .offreEmploi ul{ font-size:12px;} .offreEmploi h3 {margin:10px 0;}