/* STYLES DE BASE */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;} table { border-collapse:collapse; border-spacing:0;} fieldset,img { border:0;} address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal;} ol,ul { list-style:none;} caption,th { text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} q:before,q:after { content:'';} abbr,acronym { border:0;} h1{ color:#AAD12D; font-size:18px; padding:10px 0; } h2{ color:#666666; font-size:14px; font-style:italic; padding:10px 10px 10px 0;} p { line-height:16px; } a { color: #333333; } a:hover { text-decoration: none; } .clear{clear:both; display:block; } fieldset{ margin-bottom:10px; padding:10px 10px 15px 10px;} legend{color:#AAD12D; font-size:13px; font-weight:bold; padding:0px 10px;} input, textarea{border:solid 1px grey;} /* AUTRES BLOCS */ #menuh { background: #E5E5E5; height: 30px; text-align: center; } #menuv { } #breadcrumb { font-size: 10px; color: #666666; } #breadcrumb a { color: #666666; } .widget { border: 1px solid #E5E5E5; margin-top: 20px; } /* HEADER */ #logo { display: block; background: url("images/logo.png") no-repeat center; width: 210px; height: 120px; } #langage { position: absolute; top: 20px; margin-left: 900px; } #lg-fr, #lg-en { display: block; width: 30px; height: 15px; margin-top: 5px; } #lg-fr { background: url("images/fr.png") no-repeat; } #lg-en { background: url("images/en.png") no-repeat; } /* MENU HORIZONTAL #menuh { z-index:1000; } #menuh div { display: inline; float:left;} #menuh div ul {position: absolute; margin: 0px 0 0 0; background-color: #CCCCCC; line-height:25px; border: 1px solid black; border-top:none; } #menuh div ul li { font-size: 10px; } #menuh div a { font-weight: bold; text-decoration: none; display: block; line-height: 30px; padding: 0 10px 0 10px; } #menuh div a:hover { background-color:#006AB5; color:white; } #menuh div a.selected { background-color:#006AB5; color:white; } #menuh div ul a { text-align:left; } #menuh div ul a:hover { background: white; color: #333333; } #menuh div#push { background: #aad12d; width: 170px; float: right; } #menuh div#push a{ color: white; } */ /* MENU VERTICAL */ #menuv li { display: inline; } #menuv li a { margin-top: 10px; border-bottom: 1px solid #E5E5E5; display: block; line-height: 25px; text-decoration: none; font-weight: bold; } #menuv li ul { } #menuv li ul a { font-weight: normal; margin-top: 0; border: none; line-height: 20px; padding-left: 10px; color: #666666; } /* PIED DE PAGE */ #menup li { display: inline; } #menup li a { color: white; line-height: 30px; } /* ID ET CLASSES DU CENTRE */ #center .text { line-height: 18px; } #center .img { float: left; margin: 0 10px 10px 0; } #center .list { border-top: 1px solid #EDEDED; clear: both; padding: 10px; overflow:hidden; } #center .list div { font-style: italic; margin-top: 5px; } /* WIDGETS */ .widget h6 { background: #006ab5; color: white; font-weight: bold; text-align: center; padding: 5px; } .widget ul { padding: 5px; } .widget p { padding: 5px; text-align: right; } /* FORM */ .obligatoire { color: #AAD12D; font-weight:bold;} input.error, textarea.error{ background-color:MistyRose; } #messageError { color:DarkRed; margin:10px 0; border:1px solid pink; text-align:center; } /* ################################################################################## */ /* RESET YUI */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; } q:before,q:after { content:''; } abbr,acronym { border:0; } a{color: #1a2958; text-decoration:none;} a:hover { text-decoration:underline; } label { cursor: pointer; } /* GENERAL BLOCK */ body { font-family: Verdana,sans-serif; color: #1a2958; font-size:68.75%; } #container { width: 980px; margin: 0 auto; } #top { position: relative; float: left; width: 100%; background: #ffffff; padding:0; margin:0;} #menuh { text-transform:uppercase; } #main { float:left; width: 100%; padding:0; margin:0; background: #ffffff url(images/bg-main-lisere.jpg) repeat-y left top;} #left { float: left; width: 210px;margin:0;padding:0;background: #ffffff; margin:-10px 0 0 0; } #center {float: left; width:590px; background: #ffffff url(images/bg-center.jpg) no-repeat left top; padding:0; } #center-right {float: left; width:770px; background: #ffffff url(images/bg-center-right.jpg) no-repeat left top; padding:0; } #right { float: left; width: 180px; } #bottom { clear: both; position: relative; width:100%; height: 185px; background: #ffffff; } #bg-top{ position:absolute; left: 0; top: 0; width:100%; z-index:-1; height:100%; } #bg-top-left { float: left; width: 55%; height: 100%; background: url(images/bg-top.jpg) repeat-x left top; } /* GENERAL STYLES */ .float_left { float: left; } .float_right { float: right; } .noBorder { border: none; } /* Clear les float */ .clear { clear: both; } .floatbox { overflow: hidden; } .clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; } .clearfix { display:block; } /* Fonts */ .gothic { font-family:"Century Gothic",Arial,sans-serif; } .bell { font-family: "Bell MT",Garamond,"Times New Roman",Georgia,serif; } .cambria { font-family: Cambria, serif; } /* Titles */ h1 {} h2 {} h3 {} #center h2{text-transform:uppercase;} /* Corners */ .container-corner { position: relative; } .cornerLeftTop, .cornerRightTop, .cornerRightBottom, .cornerLeftBottom { position: absolute; z-index: 100; } .cornerLeftTop { left: 0px; top: 0px; } .cornerRightTop { right: 0px; top: 0px; } .cornerRightBottom { right: 0px; bottom: 0px; } .cornerLeftBottom { left: 0px; bottom: 0px; } /* TOP */ #top-bar {background-color:#5a4740; height:32px; padding:0; margin:0;} #top-bar-content {color:#ffffff; padding:10px 0 0 25px; margin:0; line-height:23px;} #top-bar-content a {color:#ffffff; } #top-logo{height:140px; width:480px; text-align:center; float:left; padding:0; margin:0;} #top-logo img{margin:10px 0 0 0;} #top-baseline{width:475px; border-left:1px #77b748 dotted; padding:10px 0 10px 20px; float:left; margin:20px 0; height:80px;} #top-baseline p{color:#5a4740; font-size:24px; font-weight:bold;line-height:26px} #top-baseline p span{color:#77b748; font-size:20px; font-weight:normal;} /* Horizontal menu */ #menuh {width:100%;background-color: #ffffff; height:30px; padding:0; margin:0;} #menuh ul {width:964px; margin:0 auto;} #menuh ul li{float:left;margin: 0; padding:0; position:relative; } #menuh ul li a{display:block; color:#5a4740; font-size:9px; font-weight:normal;text-transform:uppercase; text-decoration:none; background:#ffffff; padding:8px 0; margin:0;} #menuh ul li a span{line-height:14px; border-right:1px #5a4740 solid; padding: 0 12px; } #menuh ul li a.selected{display:block; color:#ffffff; font-size:9px; font-weight:normal; text-transform:uppercase; text-decoration:none; background:#5a4740; padding:7px 0 9px 0px; line-height:14px; margin:0; border-right:0px #5a4740 solid;} #menuh ul li a.selected{color:#ffffff;} #menuh ul li a.selected span{padding: 0 12px; line-height:14px; } #menuh ul li a:hover{display:block; color:#ffffff; font-size:9px; font-weight:normal; text-transform:uppercase; text-decoration:none; background:#5a4740; padding:7px 0 9px 0px; line-height:14px; margin:0; border-right:0px #5a4740 solid;} #menuh ul li a:hover{color:#ffffff;} #menuh ul li a:hover span{padding: 0 12px; line-height:14px; } #menuh ul li a span.square { z-index:1; padding:0; margin:0; display:block; background: url('images/carre.gif') no-repeat 0 100%; width:10px; height:10px; position:absolute; bottom:-10px; border:none; left:0px; } /* CONTENT */ /* Slide show */ #slideshow { float:left; width: 100%; background: transparent url(images/bg-main.jpg) no-repeat left top; padding:0; margin:0;} #slideshow-left {line-height:40px; width:548px; float:left; padding: 40px 20px 0; position:absolute; } #slideshow-left h3 {color:#5a4740; font-size:40px; font-weight:bold;text-transform:uppercase; font-family:"Century Gothic",Arial,sans-serif; margin:30px 0 5px;} #slideshow-left h4 {color:#ffffff; font-size:12px; font-weight:bold;text-transform:uppercase; font-family:"Century Gothic",Arial,sans-serif; margin:5px 0;} #slideshow-left p {color:#5a4740; } #slideshow-left #slideshow-bottom{width:455px;position:relative; bottom:0; right:10px; text-align:right;} #slideshow-left #slideshow-bottom ul{float:right;} #slideshow-left #slideshow-bottom li{float:left; padding:0px 5px;} #slideshow-right {width:392px; float:right;} /* Left column */ #left #left-menu {width:190px;margin:0px auto;padding:10px 0 0 0;} #left #left-menu-nopadding{width:190px;margin:0px auto;padding:0;} html>body #left #left-menu li, html>body #left #left-menu-nopadding li{margin:0;padding: 0; display:block;} html>body #left #left-menu li a, html>body #left #left-menu-nopadding li a{display:block; color:#ffffff; font-size:9px; font-weight:normal;text-transform:uppercase; text-decoration:none; background:#5a4740; padding:10px 0 10px 2px; line-height:14px; margin:0; border-bottom:1px #ffffff solid; } #left #left-menu li a:hover, #left #left-menu-nopadding li a:hover{background:#77b748;} #left #left-menu li.actif a , #left #left-menu-nopadding li.actif a {background:#77b748;} #left #qui-sommes-nous {width:100%; background: url(images/bg-qui-sommes-nous-top.gif) no-repeat left top; text-transform:uppercase; padding:20px 0 0 0; text-align:center; margin:10px 0 0 0;} #left #qui-sommes-nous h4{ font-size:12px; margin:0 auto; line-height:20px; font-weight:bold;text-transform:uppercase; color:#5a4740; width:170px; text-align:left;} #left #qui-sommes-nous h4 a { color:#5a4740; } #left #qui-sommes-nous p{ font-size:10px; margin:0 auto; line-height:14px; font-weight:bold;text-transform:uppercase; color:#77b748; width:170px; text-align:left;} #left #qui-sommes-nous-bottom {width:100%; background: url(images/bg-qui-sommes-nous-bottom.jpg) no-repeat left top; height:80px;} #actualites{width:190px; margin:0 auto; padding:20px 0 0 0;} #actualites h4{padding:6px 8px; border:4px #5a4740 solid; text-transform:uppercase; color:#5a4740; font-weight:bold; } #actualites .actualites-content {background:#77b748; padding: 0 0 10px 0; border-bottom:1px #ffffff dotted;} #actualites .actualites-content {background:#77b748; padding: 0 0 10px 0; border-bottom:1px #ffffff dotted;} #actualites .actualites-content h4{padding:2px 8px; border:none; color:#5a4740;} #actualites .actualites-content h4 a { color:#5a4740; } #actualites .actualites-content p{padding:2px 8px 0 8px; color:#ffffff;font-size:9px;} #actualites .actualites-content p.date{color:#5a4740;} #actualites .actualites-content p a.suite{padding:0 0 0 12px; color:#ffffff; font-weight:bold; background: url(images/ico-actu-suite.jpg) top left no-repeat;} #left #menu-vert-rubrique {width:190px;margin:10px 10px 0 10px;padding:0; background:#77b748; border-bottom:1px #ffffff solid; } #left #menu-vert-rubrique h3{padding:8px 8px; text-transform:uppercase; color:#ffffff; font-size:12px; line-height:20px; font-weight:bold; } #left .bloc-vert {width:190px;margin:10px 10px 0 10px;padding:0; background:#77b748; } #left .bloc-vert h3{padding:8px 8px; text-transform:uppercase; color:#ffffff; font-size:12px; line-height:20px; font-weight:bold; } #left .bloc-marron {width:190px;margin:0 10px;padding:10px 0; background:#5a4740; } #left .bloc-marron h4{padding:0 8px; color:#ffffff; font-size:12px; line-height:14px; font-weight:bold; } #left .bloc-marron p{padding:0 8px; color:#ffffff; font-size:11px; line-height:12px; font-weight:normal; } #left #menu-vert {width:190px;margin:10px auto;padding:0; background:#77b748;} #left #menu-vert h3{padding:2px 8px; text-transform:uppercase; color:#ffffff; font-size:11px; line-height:20px; font-weight:bold; } #left #menu-vert ul {margin:0 auto; width:184px;border-bottom:2px #77b748 solid;} #left #menu-vert ul li{padding:2px 8px; text-transform:uppercase; background:#ffffff; font-size:11px; line-height:20px; font-weight:bold;border-bottom:1px #77b748 solid;} #left #menu-vert ul.left-menuv li a{color:#77b748; font-size:10px;} #left #menu-vert ul.left-menuv li.actif a{color:#5a4740;} #left #menu-vert h4{padding:2px 8px; text-transform:uppercase; color:#ffffff; font-size:11px; line-height:18px; font-weight:bold; } #left #menu-vert ul.left-menuv li ul {width:100%; border:none;} #left #menu-vert ul.left-menuv li ul li {list-style-type:square; border:none; padding:0; margin:0 0 0 10px; width:160px; color:#77b748;} #left #menu-vert ul.left-menuv li ul li a{color:#77b748; font-size:9px; font-weight:normal;} #left #menu-vert ul.left-menuv li ul li.actif, #left #menu-vert ul.left-menuv li ul li a:hover, #left #menu-vert ul.left-menuv li ul li.actif a{color:#5a4740;} #left #actualites .noBorder {border-bottom:none;} /* Left column page "content" */ /* Center column */ #center h1 {width:535px; margin:15px 0 5px 30px; color:#77b748; text-transform:uppercase; font-size:20px; font-weight:bold;} #center h1 span {font-size:16px; font-weight:bold;} #center ul { color:#5a4740; margin:5px 0 5px 30px;} #center ul li{padding:6px 0 0 15px; color:#5a4740; font-weight:normal; background: url(images/ico-li-center.jpg) top left no-repeat;} #center .navigation {width:535px; margin:15px auto;} #center .navigation select{ float:left; width:250px; margin:0 10px 0 0;} #center .navigation input{ float:left;} #center .navigation .btn-ok{ background: url(images/ico-nav-ok.gif) top left no-repeat;width:23px; height:19px; border:0px;} #center .navigation ul{ float:right; width:50px; margin:0; padding:0;} #center .navigation ul li{ float:left; background: none; margin:0; padding:0;} #center .navigation ul li img{padding:0 0 0 1px;} #center p.intro{color:#5a4740; font-size:12px; font-weight:bold; width:535px; margin:10px 0 10px 30px;} #center p.intro_article{color:#5a4740; font-size:12px; font-weight:bold; width:535px; margin:10px 0 10px 30px; text-transform:uppercase; } #center .bloc-sep{border-bottom:1px #5a4740 dotted; width:535px; margin:10px 0 10px 30px;} #center h2{width:535px; margin:5px 0 5px 30px; font-size:14px; line-height:20px; font-weight:bold;text-transform:uppercase; color:#5a4740;} #center .bloc-center-left{width:265px; margin:5px 0 5px 30px; font-size:14px; line-height:20px;float:left; padding: 0 10px 0 0;} #center .bloc-center-right{width:245px; margin:5px 0 5px 30px; font-size:14px; line-height:20px;float:left;} #center .bloc-center-content{margin:15px 0 0 0;} #center .bloc-center-left .bloc-center-content{ border-right:1px #77b748 dotted; padding: 0 30px 0 0;} #center .bloc-center-content p{font-size:12px; font-weight:normal; color:#5a4740; line-height:14px;} #center .bloc-article-img{width:180px; margin:20px 0 5px 30px;float:left; } #center .bloc-article-img img{margin:0 0 20px 0;} #center .bloc-article-txt{width:365px; margin:5px 0 0 0; font-size:14px; line-height:20px; float:right; padding: 0 10px 0 0;} #center .bloc-article-txt h4{color:#77b748; font-size:13px; font-weight:bold; margin:10px 0 5px 0;} #center .bloc-article-txt h4.uppercase{text-transform:uppercase;} #center .bloc-article-txt h4 a{text-transform:uppercase; color:#77b748; font-size:13px; font-weight:bold;} #center .bloc-article-txt{font-size:12px; line-height:14px; font-weight:normal; color:#5a4740; margin:10px 0 0px 0;} #center h3{color:#77b748; text-transform:uppercase; font-size:14px; font-weight:bold;} /* center-right column */ #center-right h1 {width:735px; margin:15px 0 5px 25px; color:#77b748; text-transform:uppercase; font-size:20px; font-weight:bold;} #center-right h1 span {font-size:16px; font-weight:bold;} #center-right .bloc-sep{border-bottom:1px #5a4740 dotted; width:735px; margin:10px 0 10px 25px;} #center-right .formulaire{width:550px; margin:10px 0 10px 25px;} #center-right .formulaire h4{width:550px; color:#77b748; text-transform:uppercase; font-size:14px; font-weight:bold; margin:10px 0;} #center-right .formulaire p{width:550px; color:#5a4740;} #center-right .formulaire td{color:#5a4740; line-height:24px;} #center-right .formulaire table{margin:10px 0;} #center-right .formulaire .td-50 {width:220px;} #center-right .formulaire .input200{width:200px;} #center-right .formulaire .input420{width:420px;} #center-right .formulaire textarea{width:420px; height:105px;} #center-right .formulaire .btn-form-envoyer{ background: url(images/btn-form-envoyer.gif) top left no-repeat;width:114px; height:35px; border:0px;} /* Right column */ #right #bg-white, #right .bg-white {width:100%; background:#ffffff; padding:10px 0;} #right #service-ecoute {width:160px; margin:0 auto; background:#5a4740;} #right #service-ecoute img {padding:1px;} #right #service-ecoute h4 {font-size:12px; margin:0 auto; line-height:20px; font-weight:bold;text-transform:uppercase; color:#77b748; width:145px; text-align:left;} #right #service-ecoute p{font-size:10px; padding:0 0 5px 0; margin:0 auto; line-height:14px; font-weight:normal;color:#ffffff; width:145px; text-align:left;} #right #handicap {width:170px; background: url(images/bg-handicap.jpg) no-repeat left top; padding:20px 0 0 0; } #right #handicap h4 {width:120px; margin:0 auto; padding:4px; border:4px #77b748 solid; text-transform:uppercase; color:#77b748;} #right #handicap p{ font-size:10px; margin:0 auto; line-height:14px; font-weight:normal;text-transform:none; color:#5a4740; width:130px; text-align:left;} #right #handicap #handicap-liens {border-top:1px #77b748 dotted; width:130px; margin:5px auto; } #right #handicap #handicap-liens li{line-height:20px; text-align:left;border-bottom:1px #77b748 dotted;} #right #handicap #handicap-liens li a{font-size:10px; line-height:14px; font-weight:bold;text-transform:uppercase; color:#5a4740; text-align:left;} #right #handicap #handicap-liens li a:hover{ color:#77b748; text-decoration:none;} #right #historique {width:150px; margin:0 auto; text-align:left;} #right #historique h4{ font-size:12px; line-height:14px; font-weight:normal;text-transform:uppercase; color:#5a4740; border-bottom:1px #5a4740 dotted;} #right #historique h4 span{font-weight:bold;} #right #historique ul li{font-size:10px; line-height:14px; font-weight:normal; color:#5a4740; border-bottom:1px #5a4740 dotted; margin: 0; padding:5px 0 2px 0;} #right #historique ul li a{color:#77b748; font-size:12px; background: url(images/ico-histo-off.gif) no-repeat left top; padding: 0 0 0 15px; font-weight:bold; text-decoration:none;} #right #historique ul li a.current{font-size:12px; background: url(images/ico-histo-on.gif) no-repeat left top; font-weight:bold; padding: 0 0 0 15px; margin: 10px 0 0 0;} #right #historique ul li.noBorder { border:none; } #right #publication {background: url(images/bg-publication-top.gif) no-repeat left top; width:157px; margin:10px auto; } #right #publication h4{font-size:12px; line-height:14px; font-weight:bold;text-transform:uppercase; color:#ffffff; width:140px; margin:0 auto; padding:10px 0 0 0;} #right #publication ul{font-size:12px; line-height:14px; font-weight:normal;color:#ffffff; width:140px; margin:0 auto; padding:20px 0 0 0;} #right #publication ul li {padding:5px 0 10px 0; border-bottom:1px #5a4740 dotted;} #right #publication ul li.noBorder {border-bottom:none; padding:5px 0 0 0;} #right #publication ul li a{color:#77b748;} #right #publication ul li a:hover{color:#5a4740; text-decoration:none;} #right #publication ul li a span{text-transform:uppercase; font-weight:bold;} #right #publication #publication-bottom {background: url(images/bg-publication-bottom.gif) no-repeat left top; width:157px; height:17px;} #right #asso {width:180px; background: url(images/bg-asso.gif) no-repeat left top; padding:20px 0 0 0; margin:0;} #right #asso h4 {width:130px; margin:0 auto; text-transform:uppercase; color:#5a4740;} #right #asso #asso-liens {border-top:1px #5a4740 dotted; width:130px; margin:5px auto; } #right #asso #asso-liens li{line-height:20px; text-align:left;border-bottom:1px #5a4740 dotted;} #right #asso #asso-liens li a{font-size:10px; line-height:14px; font-weight:bold;text-transform:uppercase; color:#77b748; text-align:left;} #right #asso #asso-liens li a:hover{ color:#5a4740; text-decoration:none;} #right .marron-180 {width:180px; background: url(images/bg-marron-180.gif) no-repeat left top; padding:20px 0 0 0; margin:0;} #right .marron-sep {width:180px; height:10px; padding:0; margin:0;} #right .marron-180 h4 {width:130px; margin:0 auto; text-transform:uppercase; color:#5a4740;} #right .marron-180 .marron-180-liens {border-top:1px #5a4740 dotted; width:130px; margin:5px auto; } #right .marron-180 .marron-180-liens li{line-height:20px; text-align:left;border-bottom:1px #5a4740 dotted;} #right .marron-180 .marron-180-liens li a{font-size:10px; line-height:14px; font-weight:bold;text-transform:uppercase; color:#77b748; text-align:left;} #right .marron-180 .marron-180-liens li a:hover{ color:#5a4740; text-decoration:none;} #right #actualites{width:170px; margin:0; padding:10px 0 0 0; float:right;} #nous-recontrer {background: url(images/bg-nous-rencontrer.gif) no-repeat left top; width:170px; height:90px; margin:0 auto; padding:0;float:right;} #nous-recontrer p {width:135px; padding:27px 0 0 31px; text-transform:uppercase; color:#ffffff; font-weight:bold; font-size:12px;} #nous-recontrer a{color:#ffffff;} /* Formulaire */ /* BOTTOM */ #bottom #bottom-center {width:590px; height:53px; background: url(images/bg-center-footer.jpg) no-repeat left bottom; margin: 0 0 0 210px;float:left;} #bottom #bottom-right {width:180px; height:53px; background: url(images/bg-main-lisere-right.jpg) repeat-y left top; float:right;} #bottom #logos {float:left;width:210px;border-right:1px #5a4740 dotted; margin:10px 0 0 0;height:125px; color:#5a4740; font-size:11px; font-weight:normal;} #bottom #logos p{text-align:center;margin:5px 0;} #information_adresse {float:left;width:215px;border-right:1px #5a4740 dotted; margin:10px 0 0 10px;height:125px; color:#5a4740; font-size:11px; font-weight:normal;} #information_adresse h4 {color:#77b748; font-size:12px; font-weight:bold;text-transform:uppercase;} #information_adresse p {color:#5a4740; font-size:11px; font-weight:normal;} #information_adresse p.tel {color:#77b748; font-size:11px; font-weight:normal;} #information_adresse p a {color:#77b748; font-size:11px; font-weight:normal;} #information_adresse div.plan {border:3px #5a4740 solid; padding:2px 5px 2px 5px; margin:4px 0; width:150px;} #information_adresse div.plan a{color:#5a4740; font-size:11px; font-weight:normal; padding:0px 0px 0px 15px; background: url(images/ico-plan.png) no-repeat left top;text-transform:uppercase;} #le_centre {float:left;width:190px;border-right:1px #5a4740 dotted; margin:10px 0 0 10px;height:125px;} #le_centre h4 {color:#77b748; font-size:12px; font-weight:bold;} #le_centre ul {margin:0; padding:0;} #le_centre ul li a{margin:0; padding:0; color:#5a4740; font-size:11px; font-weight:normal;} #pathologies {float:left;width:160px;border-right:1px #5a4740 dotted; margin:10px 0 0 10px;height:125px;} #pathologies h4 {color:#77b748; font-size:12px; font-weight:bold;} #pathologies ul {margin:0; padding:0;} #pathologies ul li a{margin:0; padding:0; color:#5a4740; font-size:11px; font-weight:normal;} /* CALENDAR */ /* TAGCLOUD */ .bigTag { font-size:22px; font-weight:bold; color:white; margin:0 30px; float:left; display:block; } .mediumTag {font-size:18px; margin:0 30px; color:white; float:left; display:block; } .smallTag { font-size:14px; margin:0 5px; color:white; float:left; display:block; } /* Autre version .bigTag { font-size:22px; font-weight:bold; color:white; margin:0 30px; } .mediumTag {font-size:18px; margin:0 30px; color:#5a4740; } .smallTag { font-size:14px; margin:0 5px; color:#996B40; } */