/* ** style energies-nouvelles.net ** auteur : Arnaud Bouvard 1- Ergonomie 2- Html et Body 3- Paramètres généraux (puce/table/...) 4- Les Liens 5- Formulaire */ /* 1- ERGONOMIE */ #conteneur {position:relative; width:956px; left:50%; margin-left:-478px; background-color:none;} #header {background:#32549F url(design/bandeau.jpg) no-repeat; height:132px;} #ggannh {padding-left:90px; padding-top:20px; min-height:100px; background:#FFF url(design/bg-ggannh.png) no-repeat;} #ggannhindex { padding-left:90px; padding-top:14px; min-height:50px; background:#FFF url(design/bg-ggannhindex.png) no-repeat;} #wrap {overflow:auto;} #contenu {position:absolute; margin:10px; width:578px; padding: 0 0 40px 0;} #contenucat, #contenudep, #contenuaide, #contenuactu {position:absolute; margin:0 10px 10px 10px; width:545px; padding: 0 0 40px 0;} #contenuep {position:absolute; font-family:verdana; margin:0 0 0 10px; width:755px; padding: 0 0 40px 0;} #contenuep {margin:55px 0 0 10px;} #contenuajout {position:absolute; margin:10px; width:936px;padding: 0 0 40px 0;} #contenudevis {position:absolute; margin:20px 10px 10px 10px; width:600px;padding: 0 0 40px 0;} #contenusite {position:absolute; margin:10px; width:417px;padding: 0 0 40px 0;} #contenusearch {position:absolute; margin:10px; width:936px; padding-left:0;padding: 0 0 40px 0;} #contenulegal {position:absolute; margin:10px; width:765px; font-family:verdana;padding: 0 0 40px 0;} #sidebardepart, #sidebarcat, #sidebaraide, #sidebaractu {position:absolute; width:360px; margin:10px 10px 0 578px;padding: 0 0 40px 0;} #sidebardevis {position:absolute; width:340px; margin:10px 10px 0 618px;padding: 0 0 40px 0;} #sidebarguide {position:absolute; top:750px;width:200px; margin:0 10px 0 750px;padding: 0 0 40px 0;} #sidebargg {position:absolute; width:180px; margin:10px 10px 0 596px;} #sidebarmenu {position:absolute; width:160px; margin:13px 0 0 786px;} #sidebarggsite {position:absolute; width:341px; margin:330px 20px 0 427px;} #sidebarmenusite {position:absolute; width:160px; margin:10px 0 0 786px;} #sidebarmenuguide {position:absolute; width:160px; margin:55px 0 0 786px;} #sidebarmenuoutils {position:absolute; width:160px; margin:10px 0 0 786px;} #contenuart {position:absolute; font-family:verdana; margin:0 0 0 10px; width:755px; padding: 0 0 40px 0;} #sidebarmenuart {position:absolute; width:160px; margin:55px 0 0 786px;} #footer {position:fixed; bottom: 0;} #admin {position:relative; font-size:90%;} /* 2- HTML et BODY */ *{font-size:100%;} html, body {width:100%; height:100%;} body {font:75%/150% Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; background:#FFF url(design/bg-body.png) 50% 0 repeat-y;} .tinyTip { width:270px; padding:17px 0px 0px 0px; display:block; background:url(design/infobul-top.png) 0px 0px no-repeat; } .tinyTip .content { padding:0px 15px 0px 15px; color:#EEF1F9; background: url(design/infobul-bg.png) 0px 0px repeat-y; } .tinyTip .bottom { height:28px; background:url(design/infobul-bas.png) 0px 0px no-repeat; font: 0px/0px sans-serif; } /* 3- PARAMETRES GENERAUX */ h2, h3, h4, h5 { font-weight:bold; margin-top:0; margin-bottom:0;} h1 {font-weight:normal; margin-top:0; margin-bottom:0;} h1 {font-size:100%;} h2 {font-size:110%;} h3 {font-size:100%; color:#AF0066; line-height:140%; background:url(design/actu-bg-h3.png) repeat-y; padding:4px 0 0 8px;} h4 {font-size:100%;} h5 {font-size:80%;} /* elts header et bandeau(x) hauts */ #header h1 {position:absolute; color:#FF0; font-size:8pt; font-family:verdana; margin: 102px 0 0 15px; line-height:120%; padding-right:535px;} .logo {position:absolute; top:20px;} .separ1 {background:url(design/separ1.png) repeat; height:8px;} .menu {position:absolute; top:32px; left:430px; width:345px; font-family:tahoma, arial; } .menu img {margin-bottom:5px;} .menu ul {margin:0; padding:0; list-style-type:none; } .menu li {float:left; margin:0 10px 0 0; padding:0; width:76px;line-height:100%;} .menu li a {font-style:normal; font-size:7pt; color:#FFF; text-decoration:none;} .menu li a:hover {color:#000; text-decoration:none; } #ggannv, #menus, #infosbl, #coeur, #zoom { border: 1px solid #DBEBB3; padding:4px; margin-bottom:10px; } .entetecol, #sb_cat_index .bt {font-family:"Trebuchet MS", arial; color:#000; font-size: 8pt; font-weight:bold; border:1px solid #FFF; background:#6E9B1B url(design/bg-entetecol.png) repeat; padding:2px 0 0 4px; margin-bottom:5px;} .entetecol h2 {font-size:100%;} .entetecolgg {font-family:"Trebuchet MS", arial; color:#fff; font-size:8pt; font-weight:bold; border:1px solid #FFF; background: #6E9B1B url(design/bg-entetecol.png) repeat; padding:2px 0 0 4px; margin-bottom:40px;} /*Colonne 1 - contenu */ blockquote {background:#FDFCF4 url(design/ico-alerte-pt.png) 4px 4px no-repeat; padding:4px 4px 4px 40px; margin-left:25px; border:1px #CCC dotted;} hr {color:gray; background-color:gray; height:1px; border:0; margin:10px 0;} .texttd { font-size:75%; line-height:140%; } .stabilo {background-color:#F4FEE2; color:#333 ; font-weight:bold; padding:2px;} .stabilo2 {color:#C60;} /*Home **/ #textintro1, #textintro2 {float:left; font-size:80%; } #textintro1 {position: relative; width:402px; margin:0 0 15px 10px; background: transparent url(design/bg-textintro1.jpg) no-repeat; color:#666; line-height:1.5; padding:0 6px 5px 10px;} #textintro1 h2 {font-size:120%; color:#FFF; margin:2px 0 15px 0;} #textintro2 {width:120px; background: transparent url(design/bg-textintro2.png) no-repeat; color:#333; line-height:1.3; padding:40px 13px 35px 0;} #ggbannierehome {clear:both; width:492px; background:#FAFFF0 ; border-top:1px solid #D5E4AB; border-bottom:1px solid #D5E4AB; margin:0 0 10px 0; padding:5px 0 5px 50px;} #ggbanniereliste {clear:both; background:#FAFFF0; border-top:1px solid #D5E4AB; border-bottom:1px solid #D5E4AB; margin:10px 0 12px 0; padding:10px 0 10px 48px;} /*Catégories / Départements / Fiches sites */ #categories {clear:both; float:left; position:relative; width:270px; color:#666; font-size:85%; margin: 15px 0 0 0;} #categories_ent {margin:0; padding:0 0 0 50px; background: url(design/puce-titre-secteur.png) no-repeat;} #categories_list {margin:5px 0 5px 0 ; padding:0; } #categories_list ul {margin:0; padding:0; list-style-type:none; } #categories_list li {margin:1px 0 0 20px; padding:0 0 1px 0; border-bottom:1px solid #E6F5CA;} #articles {float:left; position:relative; width:281px; color:#666; font-size:85%; margin:15px 0 0 15px; } #articles_ent {margin:0; padding:0 0 0 50px; background: url(design/puce-titre-guide.png) no-repeat;} #articles_list, #articles_zoom, #articles_list_autres {margin:5px 0 0 0; padding:0;} #articles_list ul, #articles_zoom ul, #articles_list_autres ul {margin:0; padding:0; list-style-type: none;} #articles_list li {margin:1px 0 0 20px; padding:3px 0 0 5px; height:104px; background:url(design/bg-article-home.jpg) no-repeat; color:#555; line-height:130%;} #articles_zoom li {margin:0 0 0 20px; padding:1px 0 0 5px; height:123px; background: url(design/bg-article-home-zoom.jpg) no-repeat; color:#555; line-height:140%; } #articles_list_autres { margin:1px 0 0 35px; padding:3px 0 0 5px; } #articles_list p {margin:0 23px 0 27px;} #articles_zoom p {margin:0 23px 0 30px;} #departements {clear:both; position:relative; width:545px; color:#666; font-size:85%; margin-top:15px;} .nbsites, .date, .nota {color:#999;} .separ2 {border-bottom:1px solid #E6F5CA;} .alerte {font-size:85%; color:#f00;} .alerte2 {font-size:120%; color:#f00; font-weight:bold;} .infovac {font-size:8pt; padding:10px; border:#666 2px dashed; background-color:#f8f8f8;} .cadresites {BORDER: #DDD 1px dotted;} .cadresitesref { BORDER-LEFT:#F09 3px dotted; BORDER-TOP:#CCC 1px dotted; BORDER-RIGHT:#F09 3px dotted; BORDER-BOTTOM:#DDD 1px dotted;} #listesites, #fichesite, #listesponsors, #formajout { color:#5C5C5C; font-size:85%; line-height:140%; padding: 0 0 0 7px;} #textesite a {color:#039;background: url("design/actu-bg-lien-txt.png") no-repeat scroll 0 0 transparent; padding: 0 0 0 20px; } #textesite a:hover {color:#000;text-decoration:none;} .listesites img, .fichesite img { padding:2px; -moz-border-radius:5px 5px 5px 5px !important;-moz-box-shadow:0 0 6px #999 !important;} .fichesite img { padding:5px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .listesites img, .fichesite img { -webkit-box-shadow: #999 0px 0px 6px; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px;} } /* Ajout site */ #contenuajout h2 {font-weight:normal;font-size:230%;background:#EAF0FF;padding:20px;} #consignesinfos {width:420px; font-size:150%;line-height:120%;text-align:left;} #consignesinfos img {float:left;padding:0 10px 20px 0;} #contenuajout h3 {font-weight:normal;font-size:190%; color:#69F; background:url() no-repeat;} #contenuajout .separ {border-bottom:1px solid #DEE5FE;margin:5px 0 5px 0;} #formajout {clear:both;color:#000;} #formajout .titreelt {font-size:16px;font-weight:normal; } .bordtd {border-left:7px solid #EAF0FF; } #consigneselt {background:#F4FEE2;border:1px solid #DBEBB3;padding:10px;font-size:120%;line-height:140%; } .consignes_titre {font-size:11pt; color:#000; background-color:#fcc; border:2px dashed #C00;padding:10px; } #formajout ul {font-size:90%; margin:0 0 10px 30px; padding:0;} #formajout li {margin:0 0 5px 0; padding:0; line-height:130%;} #fichesite {width:397px;background: url(design/bg-sites-descr.png);} #fichesite p {margin:7px 0 7px 0; padding:0} #fichesite blockquote {background:transparent url(design/picto-blockquote.png) 4px 4px no-repeat; padding:7px 0 7px 40px; margin-left:25px; border-top:1px #CCC dotted; border-bottom:1px #CCC dotted; font-style:italic;} #fichesite h4 {background:url(design/art-puce-li.png) repeat-y; padding:0 0 0 25px;text-decoration:underline;} .tdtxtsite {background: url(design/bg-sites-descr.png);} .tdtxtsponsor {background: url(design/bg-sites-descr.png);} .tdtxtcoeur {background: url(design/bg-sites-coeur.png);} .copyright { font-size:75%; color:#666;} #ie {padding:12px; background: transparent url(design/projets-bg-intro.jpg) no-repeat; border:1px solid #DADADA;} #ie h2 {border-bottom: 1px solid #9F6; padding:0 0 5px 0;} #ie .stitre {font-style: italic;margin:0 0 16px 0;} #ie img {margin:5px 5px 10px 0; padding:5px; border:1px solid #ccc;-moz-border-radius:5px 5px 5px 5px !important;-moz-box-shadow:0 0 6px #CCCCCC !important; } @media screen and (-webkit-min-device-pixel-ratio:0) { #ie img { -webkit-box-shadow: #CCC 0px 0px 6px; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px;} } } #listesites {width:539px;} #contenudep h1 {font-size:110%; font-weight:bold; color:#000;padding:10px 0 15px 48px; background: transparent url(design/puce-titre-depart.png) no-repeat; } #listesites h2 {padding:10px 0 15px 48px; background: transparent url(design/puce-titre-depart.png) no-repeat; color:#c06;} #listesponsors h2 {padding:15px 0 15px 48px; background: transparent url(design/puce-titre-secteur.png) no-repeat; color:#c06;} #catintro {margin:0 0 0 50px; } #catvisu {float:left; font-size:85%; color:#666;margin-bottom:15px;} #catvisu img {margin-right:10px; padding:7px; border:1px solid #ccc;-moz-border-radius:5px 5px 5px 5px !important;-moz-box-shadow:0 0 6px #CCCCCC !important; } @media screen and (-webkit-min-device-pixel-ratio:0) { #catvisu img { -webkit-box-shadow: #CCC 0px 0px 6px; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px;} } } #catdescr p { margin:0; padding:0; color:#000; } #listesitesart, #listesitesout, #listesitesaide {clear:both; margin:0 0 20px 0; color:#444; font-size:95%;} #listesitesaide p {margin:0 90px 0 94px; } #liste_cat_actus {margin:0 0 20px 0;} #liste_cat_actus h2{ font-size:120%; font-weight:bold; background: transparent url(design/puce-titre-actu.png) no-repeat; padding: 13px 0 11px 50px;} #cat_actus {clear:both; margin:0 0 20px 50px; color:#666; font-size:85%; line-height:150%;} #cat_actus img {position:relative; float:left; margin:0 10px 5px 0;padding:5px; border:1px solid #ccc;} #lsa_ent, #lsai_ent, #lso_ent {margin:0 75px 7px 0; padding: 16px 0 4px 50px;} #lsa_ent {background: url(design/puce-titre-guide.png) no-repeat;} #lsai_ent {background: url(design/puce-titre-secteur.png) no-repeat;margin:0 0 17px 0;} #lso_ent {background: url(design/puce-titre-outils.png) no-repeat;} #listesitesart.titre { border-bottom:1px solid #E6F5CA; } #listesitesart ul, #listesitesout ul, #listesitesaide ul {margin:0; padding:0; list-style-type:none; font-size:100%;} #listesitesart li , #listesitesout li {margin:0 0 0 80px; padding: 8px 0 13px 43px ;font-size:90%; line-height:160%;} #listesitesaide li {margin:0 0 0 50px; padding: 10px 0 13px 43px ;font-size:105%; line-height:160%;} #listesitesart li {background:transparent url(design/bg-article-cat.jpg) 0 3px no-repeat;} #listesitesout li {background:transparent url(design/bg-outil-cat.jpg) 0 3px no-repeat;} #listesitesaide li {background:transparent url(design/bg-aide-dep.jpg) 0 3px no-repeat;} .siteautresdepart {margin:0; font-size:85%; padding:16px; color:#666; line-height:150%;} .siteautresacteursdepart {font-size:85%; padding:16px; color:#333; line-height:140%;} .siteautresacteursdepart h3, .siteautresdepart h3, #fichesite h3, #reactiv_site_250 h3 {color:#AF0066; padding:4px 0 5px 8px; margin:0 0 5px 0; border-bottom:1px dotted #999;} .liensiteactus, .liensiteart, .liensiteout {margin:20px 0 20px 18px; padding:5px; font-size:85%; color:#666; line-height:150%;} .liensiteart {margin-top:26px; background:#FFF url(design/bg-site-liens-art.png) repeat-x; border:1px #9CAEDA dotted;} .liensiteactus {margin-top:26px; background:#FFF url(design/site-liens-actus-bg.jpg) repeat-x; border:1px #999 dotted;} .liensiteout {background:#FFF url(design/bg-site-liens-out.png) repeat-x; border:1px #D2A27D dotted;} .liensiteart ul, .liensiteactus ul {margin:10px 0 0 0; padding:0; list-style-type:none;} .liensiteout ul {margin:0 0 15px 0; padding:0; list-style-type:none; } .liensiteart li, .liensiteactus li {margin:0 0 12px 0; padding:1px 0 0 28px; background:url(design/site-liens-li.png) 4px 3px no-repeat; } .liensiteout li {margin:0; padding:1px 0 0 28px; background:url(design/puce-calcul.png) no-repeat; } .site_liens_autres_actus {margin:20px 0 0 28px;} .liensiteart img, .liensiteout img, .liensiteactus img {float:left; margin-right:9px;} .liensitearttitre, .liensiteouttitre, .liensiteactustitre {margin:8px 0 15px 0; font-weight:bold;} /* Aides Home */ #aidesliste {} #aidesliste h1 {font-size:120%;font-weight:bold; background: transparent url(design/puce-titre-aides.png) no-repeat; padding: 12px 0 10px 50px;} #aides {position:relative; border-bottom:1px solid #BEE478; margin:28px 0 0 0;height:146px;} #aidesintro {position:absolute;width:215px; margin:0 0 0 15px;font-size:85%; color:#999;} #aidesintro img {margin:0 10px 0 0;} #aidesintro h2 {background: url(design/aides-bg-titre.png) no-repeat; padding: 3px 0 10px 13px; color:#FFF;margin:0 0 8px 0;} #aidesdescr {position:absolute; width:160px; margin: 0 0 0 240px; font-size:90%; line-height:140%;} #aidesdescr p{margin:0; padding:0;} #aidesimg {position:absolute;width:135px; margin:0 0 0 410px;} #aidesbt {position:absolute;top:115px;width:360px;height:22px;padding:4px 0 0 50px;border-top:1px solid #BEE478;background:#FAFFF0; } /* Aide Page */ #aide { } #aide h1{ font-size:110%; font-weight:bold; background: transparent url(design/puce-titre-aide.png) no-repeat; padding: 12px 0 10px 50px;} #aide blockquote{background:#FDFCF4 url(design/picto-blockquote.png) 4px 4px no-repeat; padding:7px 7px 7px 50px; margin:8px 50px 8px 92px; border-top:1px #A6CD3F dotted; border-bottom:1px #A6CD3F dotted; font-style:italic;} #aide p, #aideschapo p {margin: 0 0 10px 50px;} #aide ul {margin:10px 0 15px 50px; padding:0; list-style-type: none;} #aide ol {margin:10px 0 15px 50px; } #aide li { color:#666; margin:0; padding: 0 0 4px 26px ; background: transparent url(design/art-puce-li.png) 2px 0 no-repeat;} #aide td {border-bottom:1px solid #ccc; } #aide a {color:#039;} #aide a:hover {color:#666;text-decoration:none;} #aidechapo, #aideschapo {background: url(design/bg-sites-coeur.png); font-size:110%; margin: 0 0 10px 0; padding: 10px 10px 10px 0;border-top: 1px dotted #BEE478; line-height:160%;} #aidetxt { margin:0 0 10px 0; padding: 10px 0 10px 0;} #aidetxt img {position:relative; float:left; margin:0 10px 0 50px;} #aidebenef {clear:both;} #aidebenef, #aidemat, #aidecomment, #aidetxt {font-size:90%;} #aidechapo img, #aidetxt img, #aidebenef img, #aidemat img, #aidecomment img{-moz-border-radius:5px 5px 5px 5px !important;-moz-box-shadow:0 0 6px #CCCCCC !important;} @media screen and (-webkit-min-device-pixel-ratio:0) { #aidechapo img, #aidetxt img, #aidebenef img, #aidemat img, #aidecomment img { -webkit-box-shadow: #CCC 0px 0px 6px; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px;} } #aidebenef h2, #aidemat h2, #aidecomment h2 {font-size:90%; background: transparent url(design/aide-bg-h2.png) no-repeat; margin:10px 0 10px 0; padding:6px 0 6px 15px;} #aidecomment {margin:0 0 20px 0;} #aide_reseaux {position:relative; margin:20px 0 50px 0;height:105px;} #aide_reseaux ul {margin:0 0 0 50px; padding:0; list-style-type:none; } #aide_reseaux li {float:left; margin:0 15px 0 0; padding:0;} /* Actualités Home */ #actus_liste {position:relative;} #actus_liste h1 {font-size:120%;font-weight:bold; background: transparent url(design/actus-bg-h1.png) no-repeat; padding: 12px 0 13px 50px;} #actus_liste h2 {font-size:100%; font-weight:bold; background: transparent url(design/actus-bg-h2-suite.jpg) no-repeat; margin:0 0 5px 50px; padding: 12px 0 25px 85px;border-bottom:1px solid #cecece;} #actus_une h2 {font-size:100%; font-weight:bold; background: transparent url(design/actus-bg-h2-une.jpg) no-repeat; margin:5px 0 10px 50px; padding: 7px 0 11px 130px;} #actus_une img {position:relative; float:left; margin:0 10px 5px 50px; -moz-border-radius:5px 5px 5px 5px !important;-moz-box-shadow:0 0 6px #CECECE !important; padding:5px; border:1px solid #cecece;} @media screen and (-webkit-min-device-pixel-ratio:0) { #actu_une img { -webkit-box-shadow: #CCC 0px 0px 6px; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px;} } #actus_une_date, #actus_une_tag {color:#F09; font-size:85%; font-weight:bold;padding:0;} #actus_une_date {float:left; margin:0 50px 0 0;} #actus_une_tag {background: transparent url(design/ico-site-tag.png) 330px 3px no-repeat;} #actus_une p {color:#333;margin: 10px 10px 10px 50px; font-size:90%;} #ggactus468x60 {clear:both;margin:15px 0 15px 50px; padding:10px 10px 10px 4px;border-bottom:1px solid #cecece;} #actus_suite {position:relative; height:80px; margin:10px 0 0 50px; padding:0 0 10px 0;border-bottom:1px solid #cecece;} #actus_date_tag {position:absolute;width:145px; margin:0;background: transparent url(design/actus-bg-actu-date.png) no-repeat;line-height } .actus_date, .actus_tag {font-size:85%; font-weight:bold;} .actus_date {padding:0 0 0 30px;color:#000;line-height:2em;} .actus_tag {padding:0 0 0 9px;color:#F09;line-height:3em; } #actus_img {position:absolute;width:60px; margin:0 0 0 145px;border:1px solid #666;} #actus_descr {position:absolute;width:270px; margin: 0 10px 0 215px; font-size:85%; color:#666;line-height:130%;} #actus_descr p {margin:0; padding:5px 0 0 0;} /* Actualité Page */ #actu{} #actu h1{ font-size:110%; font-weight:bold; background: transparent url(design/puce-titre-actu.png) no-repeat; padding: 13px 0 11px 50px;} #actu h2 {margin:30px 0 10px 35px;padding:0 0 5px 0;border-bottom:1px dotted #777;} #actu h3 {margin:0 0 10px 50px; padding:2px 0 4px 35px;border-bottom:1px dotted #999;} #actu blockquote {background:#FDFCF4 url(design/picto-blockquote.png) 4px 4px no-repeat; padding:7px 7px 7px 50px; margin:8px 50px 8px 80px; border-top:1px #A6CD3F dotted; border-bottom:1px #A6CD3F dotted; font-style:italic;} #actu ul {margin:5px 0 15px 50px; padding:0; list-style-type: none;} #actu li {margin:0; padding: 0 0 10px 30px ; background: transparent url(design/art-puce-li.png) 0 4px no-repeat;} #actu a {color:#36C/*#06C*/; } #actu a:hover {color:#666;text-decoration:none;} #actu_date_tag {position:relative;margin:0 0 10px 50px; border-top: 1px solid #BEE478; color:#F09; font-weight:bold;font-size:85%; } #actu_intro {background: url(design/bg-sites-descr.png); font-size:100%; margin: 0 0 15px 0; padding: 10px 10px 5px 0; line-height:160%;} #actu_intro img {position:relative; float:left; margin:0 10px 5px 50px; padding:5px; border:1px solid #ccc; -moz-border-radius:5px 5px 5px 5px !important;-moz-box-shadow:0 0 6px #CCCCCC !important;box-shadow:2px 2px 6px #CCCCCC;border-radius:5px;} @media screen and (-webkit-min-device-pixel-ratio:0) { #actu_intro img , #actu_txt img { -webkit-box-shadow: #CCC 0px 0px 6px; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px;} } #actu p {margin: 0 0 10px 50px;} #actu_intro p {margin: 0 0 0 50px;} #actu_source {color:#F09; font-weight:bold;font-size:85%; margin: 0 0 0 50px;text-align:right;} #actu_source a {color:#F00; text-decoration:underline;} #actu_txt {clear:both; font-size:90%;} #actu_txt img {float:left;margin-right:6px;padding:5px; border:1px solid #ccc;-moz-border-radius:5px 5px 5px 5px !important;-moz-box-shadow:0 0 6px #CCCCCC !important; box-shadow:0 0 6px #CCCCCC;border-radius:5px; } /*#actu_txt a {padding:0 0 0 20px; background: transparent url(design/actu-bg-lien-txt.png) 0 0 no-repeat;}*/ #actu_txt a.tTip {padding:0 0 0 20px; background: transparent url(design/actu-bg-lien-txt.png) 0 0 no-repeat;} #actu_gg_250x250 {position:relative; float:right; margin:0 0 15px 20px;} #actu_gg_250x250_2 {position:relative; float:left; margin:0 10px 18px 40px;} #actu_gg_336x280 {position:relative; margin:0 0 15px 50px;padding:10px 0;} #actu_separ {border-bottom:1px solid #BEE478;margin:0 0 10px 50px;} #actu_autres, #actu_comment {font-size:90%;color:#666;margin:15px 0 0 0;} #actu_autres .titre, #actu_comment .titre {font-size:110%; font-weight:bold; color:#000; padding: 13px 0 11px 50px;} #actu_autres .titre {background: transparent url(design/puce-titre-actu.png) no-repeat; } #actu_comment .titre {background: transparent url(design/actu-comment-titre-bg.png) no-repeat;} #actu_autres ul {margin:0 0 0 50px; padding:5px 0 0 0; list-style-type:none; } #actu_autres li {margin:0; padding: 10px 0 13px 43px; background:transparent url(design/bg-actualite-actu.jpg) 0 3px no-repeat; line-height:160%;} #actu_reseaux {position:relative; margin:15px 0 40px 0;height:90px;} #actu_reseaux ul {margin:0 0 0 50px; padding:0; list-style-type:none; } #actu_reseaux li {float:left; margin:0 15px 0 0; padding:0;} #copyright {position:relative; margin:20px 0 20px 0; padding:10px 0 10px 0; border-top:1px #666 dotted; border-bottom:1px #666 dotted;font-size:85%; color:#888} /* ESPACES PUB */ #contenuep h1 {font-family:verdana; font-weight:bold; font-size:120%; background: url(design/art-bg-h1.png) no-repeat; color:#FFF; padding:2px 0 4px 43px;} #epchapo {border:1px #7CB429 dashed; position:relative; background: url(design/pub/ep-bg-chapo.jpg) no-repeat; margin:0 0 10px 0;} #epchapo ul {margin:70px 20px 20px 280px; padding:0; list-style-type: none;} #epchapo li {font-size:110%; line-height: 145%; margin:0; padding: 0 0 10px 35px ; background: transparent url(design/ico-info.png) no-repeat;} #ep-contacts {background:#E7EBF7;border:1px solid #D5DCEE;padding:15px;margin:0 0 15px 0;} /* DEVIS */ #devisinfos {margin:0 0 0 17px;} #introdevis { margin:0; padding:50px 95px 0 42px; height:190px; font-size:90%; background: url(design/devis-bg-intro.jpg) no-repeat; color:#666;} #introdevis p {margin:0; padding:0; line-height:150%;} /* RESEAUX SOCIAUX */ #site_reseaux {margin:0 0 15px 0; color:#000;padding:16px 16px 16px 4px;} #site_reseaux h3 {font-size:85%;padding:4px 0 5px 8px; margin:0 0 5px 0; border-bottom:1px dotted #999;} #site_reseaux p {border-bottom:1px dotted #999;} #art_reseaux {margin:0px 0 30px 0; color:#000;padding:10px 5px 0 0;font-size:110%;/*border-top:1px dotted #666;*/} #sb_art_reseaux { background:transparent url(design/sb-art-reseaux-bg.png) repeat-y; } #sb_art_reseaux p { margin:7px 5px 7px 10px; font-size:8pt;line-height:130%;} #site_reseaux ul{margin:10px 0 0 0; padding:0; list-style-type:none; } #art_reseaux ul {margin:10px 0 0 0; padding:0; list-style-type:none; } #sb_art_reseaux ul {margin:10px 0 0 12px; padding:0; list-style-type:none; } #site_reseaux li {float:left; margin:0 12px 0 0; padding:0;} #art_reseaux li {float:left; margin:0 17px 10px 0; padding:0;} #sb_art_reseaux li {float:left; margin:0 17px 10px 0; padding:0;} /* Colonne 2 - sidebar - gg - menu outils les X derniers*/ #ggannv {text-align:center; background:#F4FEE2 url(design/bg-gg.jpg) repeat-x;} #ggsearch {font-size:85%; margin-top:10px;} #ggsearchperso {text-align:right; font-size:85%; margin:0 11px 10px 0;} #ggann300 { margin: 0 0 12px 0; padding: 20px 16px 20px 16px; background: transparent url(design/bg-gg-300x250.png) no-repeat; border:1px #ccc dotted;} #ggann330 {position:absolute; top:0; left:427px; width:342px; height:280px; margin:5px 0 12px 0; padding:32px 0 0 2px; background:transparent url(design/bg-gg-300x250.png) no-repeat;} /* GOOGLE RECHERCHE */ #gg_search_out {clear:both; position:relative;} #gg_search_art {} #gg_search_header {position:absolute; top:100px; left:430px;} #gg_search_header form, input {margin:0; padding:0;} #gg_search_actu {background:url(design/sb-actus-themes-bg.png) repeat-y; margin:0 0 10px 0; padding:0;} #infosbl {background:#F4FEE2 url(design/bg-gg.jpg) repeat-x; font-size:8pt; width:500px;margin-bottom:50px;} #infosbl ul {margin:0; padding:0; list-style-type:none; font-size:8pt;} #infosbl li {margin:0; padding:6px 0 16px 16px ; border-top:1px solid #E6F5CA; background:transparent url(design/ico-plus-sidebar.png) no-repeat; line-height: 150%;} #outils_list {margin:40px 0 0 0; color:#666; font-size:85%;} #outils_ent {margin:0; padding:0 0 0 50px; background: url(design/puce-titre-outils.png) no-repeat;} #outils_list ul {margin:5px 0 0 0; padding:0; list-style-type:none;} #outils_list li {margin:4px 0 0 0; padding:10px 5px 13px 34px; background:transparent url(design/bg-outil-home.jpg) no-repeat; line-height:130%; height:38px;} #outils_list li a {text-decoration:none; color:#000;} #outils_list li a:hover {text-decoration:underline;} #sb_dep_devis {width:360px; background:url(design/sb-devis-bg.png) no-repeat; margin:0 0 10px 0; padding:0;} #sb_dep_devis p {margin:0;padding:0;} #sb_dep_devis_projet {font-size:110%;color:#000;margin:0 0 10px 60px;} #sb_dep_devis_lien {font-size:85%;color:#000;margin:0 0 0 60px; } #sb_dep_devis_lien a {font-size:120%;font-weight:bold;color:#039;} #sb_dep_gg330 {margin:0 0 10px 0;padding:0;text-align:center;} #sb_cat_index {background:url(design/sb-std-bg.png) repeat-y;margin:0 0 10px 0;padding:0;font-size:85%;} #sb_cat_index h3 {margin:0 25px 5px 0;text-align:right;text-decoration:underline;background:transparent url(design/spacer.gif);color:#000;font-size:110%;} #sb_cat_index .bt {float:left; padding:2px 0 0 0; width:100px; text-align:center;} #sb_cat_index .bt a {text-decoration:none;color:#FFF;} #sb_cat_index .bt a:hover {text-decoration:none;color:#000;} #sb_dep_region {font-size:85%;background:url(design/sb-std-bg.png) repeat-y;margin:0 0 10px 0;padding:0;} #sb_dep_region_depart {margin:0 25px 0 25px;padding:0;} #sb_dep_pub {background:url(design/sb-std-bg.png) repeat-y; margin:0 0 10px 0; padding:0; } #sb_dep_pubtxt {width:300px; height:290px; background:#f5f5f5; margin:10px 0 0 25px;} #sb_dep_art {background:url(design/sb-guide-bg.png) repeat-y; margin:0 0 10px 0; padding:0;} #sb_actu_art {background:url(design/sb-guide-bg.png) repeat-y; margin:20px 0 20px 50px; padding:0; width:360px;} .sb_actu_art_txt {font-size:85%;margin:0 0 0 25px;} .sb_dep_art_titre{margin:0 25px 5px 0; text-align:right; text-decoration:underline;} #sb_dep_art ul , #sb_actu_art ul{margin:0 25px 0 25px;padding:0;list-style-type:none;font-size:90%;} #sb_dep_art li, #sb_actu_art li {margin:0; padding:0; border-top:1px solid #C4D7FF;} #sb_actu_art li {background:url();} #sb_dep_art li a, #sb_actus_themes li a {color:#039;font-weight:bold;text-decoration:none;} #sb_actu_art li a {color:#039;font-weight:bold;text-decoration:underline;} #sb_dep_art li a:hover, #sb_actu_art li a:hover, #sb_actus_themes li a:hover {color:#000;text-decoration:underline;} #sb_actus_themes {background:url(design/sb-actus-themes-bg.png) repeat-y; margin:0 0 10px 0; padding:0;} #sb_actus_themes ul {margin:0 25px 0 25px;padding:0;list-style-type:none;} #sb_actus_themes li {background:url(design/sb-actus-themes-li.png) no-repeat; margin:0; padding:0 0 0 25px;line-height:180%;} /* actus dans les articles */ #sb_actus {background:url(design/sb-actus-bg.gif) repeat-y; margin:0 0 10px 0; padding:0;} .sb_actus_titre {float:right;font-size:90%;margin:0 25px 0 0;} #sb_actu {margin:5px 22px 5px 25px; padding:0;} #sb_actu a {font-weight:bold;font-size:85%;} #sb_actu .date {color:#666;font-size:75%; } #sb_actu p {line-height:130%;color:#000;font-size:85%;} #sb_actu img {float:left; border:1px solid #999;margin:0 5px 0 0;-moz-border-radius:5px 5px 5px 5px !important;-moz-box-shadow:0 0 4px #CCCCCC !important; } @media screen and (-webkit-min-device-pixel-ratio:0) { #sb_actu img { -webkit-box-shadow: #CCC 0px 0px 6px; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px;} } #sb_actus_bt {clear:both;background:url(design/sb-actu-bt.png) no-repeat;width:134px;height:28px;float:right;margin:5px 25px 0 0;padding:3px 0 0 7px;} #sb_actus_bt a {font-weight:bold;color:#FFF;font-size:85%;text-decoration:none;} #sb_actus_bt a:hover {color:#000; font-size:85%;} /* Colonne 3 - menu(s) - mentions légales - coup de coeur - zoom */ #menus {background:#F4FEE2 url(design/bg-menus.jpg) repeat-x; font-size: 7pt;} #contenulegal h1 {background:transparent url(design/projets-h1.jpg) no-repeat; font-weight:bold; font-size:120%; color:#FFF; padding:2px 0 4px 13px;} #legal {margin:10px 0 0 0; padding:0 0 8px 0; border-top:1px solid #9BE267; border-bottom:1px solid #9BE267;} #menus .entetecol a {text-decoration:none; color:#FFF;} #menus .entetecol a:hover {text-decoration:none; color:#000;} #menus ul, #legal ul {margin:0; padding:0; list-style-type:none; font-size:7pt;} #menus li, #legal li {margin:0; padding:6px 0 4px 16px ; background:transparent url(design/bg-li-menus.png) no-repeat; line-height:130%;} #legal li {padding: 6px 0 4px 12px ; background: transparent url() no-repeat;} #menus li a, #legal li a {text-decoration:none; color:#000} #menus li a:hover, #legal li a:hover {text-decoration:underline ; color:#036;} #coeur, #zoom {font-size:7pt;} #coeur {background:#F4FEE2 url(design/coeur-bg.jpg) repeat-x;} #zoom {background:#F4FEE2 url(design/zoom-bg.jpg) repeat-x;} #zoom .entetecol a { text-decoration:none; color:#FFF;} #zoom .entetecol a:hover { text-decoration:none; color:#000;} #coeur .entetecol {background:#FF6666 url(design/coeur-tit-bg.png) repeat-x;} #coeur .titresite, #zoom .titresite {margin:0 0 8px 10px;} #coeur .screen, #zoom .screen {height:98px; background:transparent url(design/zoom-scr-bg.png) no-repeat; margin:0 0 0 10px;} #coeur .txtsite, #zoom .txtsite {margin:8px 0 0 0; line-height:130%; color:#666; margin:0 0 0 10px;} #coeur a {text-decoration:none; color:#FFF; font-weight:bold; line-height:130%;} #coeur a:hover {text-decoration:underline; color:#000;} #zoom a {text-decoration:none; color:#000; font-weight:bold; line-height:130%;} #zoom a:hover {text-decoration:underline; color:#000;} #appels-offres-160 {margin:0 0 10px 0;} /* 4- LES LIENS */ a.lien0, a.lien1, a.lien2, a.lien6 {color:#039; font-weight:bold;} a.lien0 {font-size:95%; text-decoration:none;} a.lien1 {font-size:95%; text-decoration:underline;} a.lien2 {font-size:100%; text-decoration:underline;} a.lien6 {font-size:110%; text-decoration:underline;} a.lien3 {font-size:100%; text-decoration:none; color:#f00; } a.lien4 {font-size:90%; text-decoration:none; color:#000} a.lien5 {font-size: 100%; text-decoration:none; color:#039} a.lien7 {font-size:90%; text-decoration:underline; color:#039} a:hover.lien0, a:hover.lien1, a:hover.lien3, a:hover.lien6 {color:#000; text-decoration:underline;} a:hover.lien2, a:hover.lien7 {color:#000; text-decoration:none;} a:hover.lien4 {text-decoration:underline ; color:#036;} a:hover.lien5 {text-decoration:underline ; color:#000;} #breadcrumb {margin: 0 0 0 50px; font-size:85%;} #breadcrumb a {color:#999;text-decoration:underline; } #breadcrumb a:hover {color:#333;text-decoration:none; } /* 5- FORMULAIRE */ form {margin:0;padding:0;} input, select, textarea {padding:4px; font-family: Verdana, Arial; border:1px solid #339900; background: #F2F2F2 url(design/bg-form.png) repeat-x; font-size:8pt; } option {margin:1px 0 1px 0;} .bouton {width:118px; color:#fff; border:0; background:url(design/bg-bt-submit.png); margin:0; padding:6px 6px 8px 0 ; text-align:center; cursor:pointer;} #bouton2 {width:144px; font-family:"Trebuchet MS", arial; color:#000; font-size:8pt; font-weight:bold; border:1px solid #FFF; background:#6E9B1B url(design/bg-entetecol.png) repeat; padding:4px 0 4px 4px; margin:0 0 4px 0;} #bouton2 a {text-decoration:none; color:#FFF;} #bouton2 a:hover {color:#000;} #bouton {width:118px; font-size:8pt; color:#fff; border:0; background: url(design/bg-bt-submit.png); margin:0 0 5px 0; padding: 4px 2px 8px 0; text-align:center;} #bouton a {text-decoration:none; color:#FFF; cursor:pointer;} #bouton a:hover {color:#000;}