/* -------------------------------------------------------------- Blueprint CSS Framework Screen Styles * Version: 0.5 (28/8/2007) * Website: http://code.google.com/p/blueprintcss/ This is the main CSS-file for the framework. Include this in the of every page. See the Readme file in this directory for further instructions. -------------------------------------------------------------- */ @import 'lib/reset.css'; @import 'lib/typography.css'; @import 'lib/grid.css'; @import 'lib/buttons.css'; /* Compressed version (re-compress if you change the core files): [http://teenage.cz/acidofil/tools/cssformat.php] Comment out @import statements above, and add this line instead, when your site has launched (compresses ca 60% of the core files in BP): @import 'lib/compressed.css'; */ /* Uncomment the line below to see the grid and baseline. */ /* .container { background: url(lib/img/grid.png); } */ /* .container { background: url(lib/img/baseline.png); } */ table, div, td, th, tr, img, p { margin:0px; padding:0px; border:0px; } body { font-family:"Century Gothic", sans-serif, Verdana, Arial, serif; font-size:12px; } h1, h2, h3, h4, h5, h6 { font-family:"Century Gothic", sans-serif, Verdana, Arial, serif; } p, p.bodytext {padding:0.5em 0;} p.bodytext {text-align:inherit;} ol {padding-left:10px;} /*---------------------------- structure page----------------------------------*/ #page { width:940px; margin:0 auto; } #head { height:170px; } #left { float:left; padding:0; margin:0; width:180px; height:430px; background:transparent; } #content { text-align:left; padding:0; margin:0; margin-left:0px; height:430px; overflow:hidden; } #foot { clear:both; width:940px; background:transparent; padding:0; margin:0; height:50px; } /*###############################v##############################################*/ /*#############################################################################*/ /*---------------------------- Menu top ----------------------------------*/ .menu_top { margin-top:-7px; padding-left:145px; padding-bottom:8px; font-size:12px; font-weight:bold; } table.menu_top {text-align:left;} table.menu_top td {letter-spacing:0.18em;vertical-align:middle;padding-left:0.5em;} table.menu_top td:hover {color:#3C7B20;} td#contact {vertical-align:middle;padding-left:100px;} td:hover#contact {} table.menu_top a {color:#FFF;text-decoration:none;font-weight:bold;} table.menu_top a:hover {color:#3C7B20;} #bt_contact_off, #bt_contact_on {z-index:10;position:absolute;margin-top:-15px;margin-left:-35px;} /*###############################v##############################################*/ /*#############################################################################*/ /*---------------------------- Menu left ----------------------------------*/ table.menu_left {margin-top:5px;text-align:left;list-style:none;margin-left:10px;font-size:13px;border-collapse:collapse;width:160px;} table.menu_left td {line-height:30px;padding:1px;margin:0;border:0px #000 solid;} table.menu_left a {color:#000;text-decoration:none;} table.menu_left a:hover {color:#3C7B20;} td#dem_env {line-height:1.4em;padding-top:10px;padding-bottom:5px;} /* Couleur pour les carrés des rubriques. */ .menu_left span {position:relative;top:0px;left:10px;padding:3px 6px 3px 0px;} span#qui_sommes_nous {background:#ffa600;} span#gestion_dechet {background:#F7571D;} span#infrastructure{background:#FC4274;} span#projet{background:#DF0C1F;} span#chiffre_cle{background:#8A111A;} span#demarche_environnementale{background:#265C22;line-height:30px;margin-top:5px;} span#espace_com{background:#007078;} span#eco_geste{background:#4FA236;} span#question_reponse{background:#11ACB1;} /*span#glossaire{background:#929493;} */ /*span#coin_enfants{background:#ffa600;}*/ span#coin_enfants {background :transparent url('tete.png') no-repeat 0px 0px;margin-left:-6px;padding-right:14px;padding-bottom:10px;} span#marche_public {background :transparent url('bt-accueil1.gif') no-repeat 0px 7px;margin:0px;padding-right:0.5em;} span#zone_adherent {background :transparent url('bt-accueil1.gif') no-repeat 0px 7px;margin:0px;padding-right:0.5em;} #box_link {display:block;position:relative;top:20px;left:190px;width:332px;height:32px;background:url('../images/bt-edito.jpg');} #box_link, #bt_facebook, #bt_video {display:none;} #zoom {z-index:9999;} /*#c559 {display:none;}*/ #bt_facebook, #bt_video {position:absolute;top:400px;left:50%;margin-left:135px;width:149px;height:73px;} #bt_facebook {background:url('../images/bt-facebook.jpg');} #bt_video {margin-left:320px;background:url('../images/bt-video.jpg');} /*###############################v##############################################*/ /*#############################################################################*/ /*---------------------------- Menu foot ----------------------------------*/ .menu_foot { padding-top:32px; padding-left:32px; font-size:10px; font-weight:bold; vertical-align:middle; list-style:none; } ul.menu_foot li { float:left; font-size:11px; /*margin-left:15px;*/ } ul.menu_foot a { color:#FFF; text-decoration:none; } ul.menu_foot a:hover {color:#3C7B20;} li#comevents { font-weight:normal; color:#FFF; margin-left:0px; } li#comevents a {color:#FFF;font-weight:normal;} table#partenaire { border-collapse:collapse; vertical-align:middle; } table#partenaire td { vertical-align:middle; } table#partenaire a { display:block; text-decoration:none; height:30px; vertical-align:top; } #coin_enfant {display:none;} a#coin_enfant { display:none; position:absolute; top:574px; margin-left:370px; width:100px; background:transparent url('bt-enfant1_petit.gif') no-repeat 0px 0px; left:50%; display:block; height:124px; } a#coin_enfant:hover { display:none; background:transparent url('bt-enfant2_petit.gif') no-repeat 0px 0px; } /*---------------------------- Edito ----------------------------------*/ .page { margin-left:1em; margin-right:132px; margin-top:65px; line-height:1em; font-size:11px; padding-right:1em; overflow:auto; height:360px; } .page h1 { font-size:20px; color:#3C7B20; text-align:left; line-height:1em; margin:0 0; padding:0 0; margin-bottom:0.5em; margin-top:0.5em; } .page h2 { font-size:13px; text-transform:uppercase; line-height:1em; text-align:left; margin-bottom:0.5em; margin-top:1em; } .page h3 { font-size:12px; text-transform:none; font-weight:bold; line-height:1em; text-align:left; margin-bottom:0.5em; margin-top:1em; } .page p {line-height:1.2em;text-align:justify;} .page ul {list-style-type:disc;line-height:1.6em;} .page li {} .page table {font-size:10px;width:auto;border:1px #ccc solid;border-collapse:collapse;margin:1em 0 0 0;} .page td, .page th {border:1px #ccc solid;text-align:center;padding:0 5px;vertical-align:middle;} .page th {font-weight:bold;} .page a {text-decoration:none;} .page a:hover {text-decoration:underline;} .page img {padding:4px;} #zone_1 { position:absolute; width:120px; top:257px; left:50%; margin-left:340px; text-align:left; } #zone_1 p { text-align:left; } /*###############################v##############################################*/ /*#############################################################################*/ /*---------------------------- Memotri ----------------------------------*/ #zone_2 { position:absolute; top:494px; left:50%; width:390px; height:174px; margin-left:80px; padding:0px; /*background:#ffffff url(fond_memotri.jpg) bottom right no-repeat;*/ color:#000000; display:none; } .agenda {position:relative; margin:0px; padding:0px; /*background:red;*/} .fond_memo { position:relative; width:390px; height:174px; margin:0px; padding:0px; background:#ffffff url(fond_memotri.jpg) bottom right no-repeat; } #zone_2 .agenda #mascotte_memo{ position:absolute; top:0px; left:-15px; } #zone_2 .agenda #textehaut_memo{ position:absolute; top:60px; left:146px; display:block; text-align:right; font-size:13px; } #zone_2 .agenda #form_memotri{ display:block; width:500px; height:40px; text-align:left; position:absolute; top:94px; left:120px; } #zone_2 .agenda #form_memotri input[type=text] { background:transparent; border:0px; height:17px; width:236px; } #zone_2 .agenda #form_memotri input[type=submit]{ margin-top:3px; border:0px; background:#cf002a; color:#ffffff; font-weight:bold; height:18px; width:32px; } #zone_2 .agenda #suggestion { position:absolute; top:115px; left:120px; width:236px; background:transparent;/*#ffffff;*/ z-index:1111111111; text-align:left; cursor:pointer; border-left:1px solid #b7d633; border-right:1px solid #b7d633; border-bottom:1px solid #b7d633; z-index:100; } #zone_2 .agenda #suggestion span { display:block; background:#ffffff; margin:0px; padding:0px; width:236px; } #zone_2 .agenda #suggestion span:hover { background:#eeeeee; } #zone_2 .agenda #reponse { position:absolute; top:115px; left:120px; width:236px; background:transparent; z-index:11111111; text-align:left; cursor:pointer; z-index:11111112; } #zone_2 .agenda #contact_memo { margin:0px; padding:0px; position:absolute; top:138px; left:254px; width:130px; height:18px; background:transparent url(fond_contact_memo.jpg) no-repeat; z-index:1; text-align:center; color:#ffffff; text-decoration:none; } #zone_2 .agenda #textebas_memo { margin:0px; padding:0px; position:absolute; top:138px; left:75px; z-index:1; text-align:left; } #zone_2 .agenda #mentions_memo { margin:0px; padding:0px; position:absolute; top:156px; left:200px; z-index:1; width:180px; text-align:right; font-size:10px; } .agenda #c14{display:none;} /*.agenda #c592{display:none;}*/ .agenda .csc-header{display:none;} .agenda div#texte2 {display:none;} .agenda div.texte {display:none;} /*###############################v##############################################*/ /*#############################################################################*/ .actu { margin:0px; padding:0px; margin-top:5px; font-size:12px; color:#3C7B20; } .actu div.texte { /*display:none;*/ margin:0px; height:200px; padding:0px; padding-right:10px; /*padding-right:0.5em;*/ overflow:auto; } .actu h1 { position:relative; top:-40px; left:135px; font-size:26px; text-transform:uppercase; font-weight:bold; color:#b6d732; padding-right:0.5em; } .actu h2 { margin:0; padding:0; font-size:12px; color:#3C7B20; text-align:left; font-weight:bold; line-height:1.2em; margin-top:3px; padding-right:0.5em; } .actu p {line-height:1em;margin:0px 0px 0px 0px;} .actu p.bodytext {padding:0px;} .actu ul {list-style-type:disc;text-align:left;padding-left:10px;line-height:2em;padding-top:1em;} .actu a {text-decoration:none;color:#000;} .actu a:hover {color:#FFF;font-weight:bold;} #zone_1 ul.csc-menu {font-size:10px;line-height:1em;color:#999;list-style-type:square;margin-left:10px;padding-top:0;} #zone_1 ul.csc-menu li {margin:5px 0;} /*#############################################################################*/ /*#############################################################################*/ /*---------------------------- Sous menu ----------------------------------*/ #smenu_qui_sommes_nous, #smenu_gestion_dechet,#smenu_infrastructure, #smenu_projet, #smenu_chiffre_cle, #smenu_demarche_environnementale, #smenu_espace_com, #smenu_eco_geste, #smenu_question_reponse, #smenu_glossaire, #smenu_marchepublic, #smenu_adherent, #smenu_coin_enfants, #smenu_reduits, #smenu_trie { position:absolute; padding:0; margin-top:-2em; margin-left:1em; /*margin-left:0px;*/ background:#FFF; border:1px #999 solid; z-index:2000; } #smenu_marchepublic {background:#DF0C1F;margin:0 0 0 -20px;} #smenu_marchepublic a {font-weight:normal;} #smenu_adherent {background:#DF0C1F;} #smenu_qui_sommes_nous {background:#ffa600;} #smenu_gestion_dechet {background:#F7571D;} #smenu_infrastructure{background:#FC4274;} #smenu_projet{background:#DF0C1F;} #smenu_chiffre_cle{background:#8A111A;} #smenu_demarche_environnementale{background:#265C22;} #smenu_espace_com{background:#007078;} #smenu_eco_geste{background:#4FA236;} #smenu_question_reponse{background:#11ACB1;} #smenu_glossaire{background:#929493;} #smenu_coin_enfants{background:#b7d833;} #smenu_reduits{background:#cf2433;margin-left:165px;} #smenu_trie{background:#f690a6;margin-left:165px;} #fond_bt_coin{} #div_reduits, #div_trie {text-align:left;} #div_reduits a, #div_trie a {position:relative;left:12px;text-decoration:none;color:#fff;font-size:11px;font-weight:bold;} #div_reduits a:hover, #div_trie a:hover {color:#000;} #div_reduits {padding-top:20px;} #div_trie {padding-top:25px;} #smenu_reduits a, #smenu_trie a {left:0;font-size:12px;font-weight:normal;letter-spacing:0;color:#000;} #smenu_reduits a:hover, #smenu_trie a:hover {color:#fff;} ul.smenu, ul.csc-menu {padding:1em;margin:0;list-style:none;} .csc-menu {font-size:12px;line-height:1.4em;} li.menu_selected {} li.menu_selected p {color:#FFF;margin:0;padding:0;} ul.smenu a , ul.csc-menu a {color:#000;} ul.smenu a:hover , ul.csc-menu a:hover {color:#FFF;display:block;font-weight:normal;} /*---------------------------- Formulaire ----------------------------------*/ .csc-mailform-field label {display:block;width:150px;font-size:14px;} /*#############################################################################*/ /*#############################################################################*/ /*---------------------------- Carte adhérent ----------------------------------*/ img#carte_adherent {margin-left:-15px;margin-top:-55px;} .info_adherent {width:250px;height:350px;position:absolute;top:300px;left:50%;margin-left:50px;} /*#############################################################################*/ /*#############################################################################*/ /*---------------------------- Style RTE ----------------------------------*/ p.align-center {text-align:center;} #cadre_contact {border:1px #fff solid;background:#eee;padding:1em 2em;} p.cadre_contact {border:1px #fff solid;background:#eee;padding:1em 2em;} p.une_image {text-align:center;} p.une_image img {width:270px;height:auto;float:none;} p.deux_images {text-align:center;} p.deux_images img {width:230px;height:auto;float:none;margin:0;} p.deux_images p img {width:230px;height:auto;float:none;margin:0;} p.trois_images {text-align:center;} p.trois_images img {width:175px;height:auto;float:none;margin:0;} p.trois_images p.bodytext img {width:175px;height:auto;float:none;margin:0;} p.quatre_images {text-align:center;} p.quatre_images img {width:130px;height:auto;float:none;margin:0;} p.cinq_images {text-align:center;} p.cinq_images img {width:100px;height:auto;float:none;margin:0;} div.cadre_recette {border:1px #fff solid;background:#ccc;padding:1em;} table.sans_cadre {border-width:0px;text-align:center;} table.sans_cadre td {border-width:0px;text-align:center;} table.sans_cadre td p.bodytext {text-align:center;} table.sans_cadre td p.bodytext img {margin:0px;padding:0px;} div.align_justify {text-align:justify;} div.align_center {text-align:center;} div.align_right {text-align:right;} p.align_justify {text-align:justify;} p.align_center {text-align:center;} p.align_right {text-align:right;} td.align_justify {text-align:justify;} td.align_center {text-align:center;} td.align_right {text-align:right;} div.cadre_recette {} /*#############################################################################*/ /*#############################################################################*/ /*---------------------------- Glossaire ----------------------------------*/ .tx-sgglossary-pi1 p#toto{} .tx-sgglossary-pi1 p#toto a {padding:3px;margin:1px;border:0px #ccc solid;text-align:center;background:#FFF;} .tx-sgglossary-pi1 p#toto a:hover {background:#000;color:#FFF;} .tx-sgglossary-pi1 table {border-width:0px;} .tx-sgglossary-pi1 table td {border-width:0px;text-align:left;font-size:14px;vertical-align:top;} .tx-sgglossary-pi1 a {text-transform:uppercase;} /*#############################################################################*/ /*#############################################################################*/ /*---------------------------- Carte adhérents ----------------------------------*/ #titre_adherent {position:absolute;left:50%; margin-left:60px; top:280px;width:270px;} .zone_adherent_click, .zone_adherent {position:absolute;left:50%; margin-left:60px; top:400px;width:270px;background:#FFF;height:220px;overflow:auto;} .zone_adherent_click h1, .zone_adherent h1 {display:none;} .zone_adherent_click h2, .zone_adherent h2 {color:#000;margin:0;padding:0;font-weight:bold;} .zone_adherent_click a, .zone_adherent a {font-weight:bold;} .zone_adherent_click {padding-bottom:2em;z-index:10;} .zone_decheterie_click, .zone_decheterie {position:absolute;left:50%; margin-left:60px; top:400px;width:250px;background:#FFF;} .zone_decheterie_click h2, .zone_decheterie h2 {color:#000;margin:0;padding:0;font-weight:bold;} .zone_decheterie_click a, .zone_decheterie a {font-weight:bold;} .zone_decheterie_click {padding-bottom:2em;z-index:10;} /*#############################################################################*/ /*#############################################################################*/ /*----------------------------SPOT----------------------------*/ .bodyvideo {position:relative;text-align:center;width:100%;} .texte_video_grande {color:#3C7B20;font-weight:bold;font-size:16px;} .page #texte_centrer_film{width:580px;text-align:center;margin-bottom:4px;margin-top:-10px;} .texte_film{color:#000000;font-weight:bold;font-size:14px;}