body{height: 100%; width: 100%; text-align:center; font-family:verdana, sans-serif; margin:0 auto; padding:0 0 0 0;} form{margin:0 0; padding:0 0 0 0;} img{border: none;} b, strong { } html .png{ behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true) ); } hr{ height: 0; border: 0; border-top: 1px solid #C5AB92; height: 1px; color: #C5AB92; background-color: #C5AB92; } h1 { font-size: 150%; margin: 0; padding: 5px; text-transform: uppercase; text-indent: -9012px; color: #000000; } h2 {font-size: 100%; color: #0000bb;} h3 {font-size: 120%;} h4 {font-size: 110%;} h5 {font-size: 100%;} a { color: #FFAA00; text-decoration: underline; font-weight: bold;} a:hover { color: #D47511; text-decoration: none; font-weight: bold;} div, p { margin: 0px; padding: 0px; } /***************** GLOBAL *********/ .erreur{color:red;} .linkImage{text-decoration:none;} #global { overflow: hidden; width: 992px; background-image: url(images/global_bg.jpg); margin: 20px auto; text-align: left; padding: 0px; } #global_top { overflow: hidden; width: 992px; background-image: url(images/global_top.jpg); margin: 0px auto; text-align: left; padding: 0px; display: block; height: 20px; } #global_bottom { overflow: hidden; width: 992px; background-image: url(images/global_bottom.jpg) no-repeat; margin: 0px auto; text-align: left; padding: 0px; } /* HEADER*/ #header{ position: relative; top: 0px; display: block; width: 100%; background: blue url(images/ciel_bg.jpg) repeat-x; height: 150px; overflow: hidden;} #header_middle { position: relative; z-index: 5; display: block; width: 995px; background: none; height: 150px; overflow: hidden; margin: 0px auto;} #logo{ float: left; display: block; width: 200px; height: 140px; overflow: hidden; } #nuage{ position: absolute; bottom: 20px; right: 100px; display: block; width: 200px; height: 108px; overflow: hidden; background: url(images/nuage.png) no-repeat;} .nuage_black{ margin-top: 30px; margin-left: 15px; text-align: left; color: black; font-size: 13px; font-weight: bold;} .nuage_yellow{ margin-top: 0px; margin-left: 15px; text-align: left; color: #ff9933; font-size: 13px; font-weight: bold; } .nuage_red{ margin-top: 0px; margin-left: 15px; text-align: left; color: #ff0000; font-size: 13px; font-weight: bold; } #pets{ position: absolute; bottom: 0px; left: 400px; display: block; width: 224px; height: 130px; overflow: hidden;} /**************** GENERAL *****************/ #middle{width:995px; background-image:url(images/pattes.jpg); overflow:hidden; position: relative; margin: 0px auto;} #menu {width:250px; float:left;text-align:left; overflow:hidden;} #menuContent{width:159px; float:right; margin-right: 10px; text-align:left; overflow:hidden;} .menu_button { display: block; overflow: hidden; width: 159px; margin-top: 5px; background:url(images/button_bg.jpg) repeat-y; margin-bottom:5px; } .menu_button_head{ display: block; overflow: hidden; width: 159px; height: 53px; background-image:url(images/button_head.jpg); text-indent: -9000px;} .head_assoc{ background-image:url(images/button_head_assoc.jpg); } .head_adopt{ background-image:url(images/button_head_adopt.jpg); } .head_aide{ background-image:url(images/button_head_aide.jpg); } .head_conseils{ background-image:url(images/button_head_conseils.jpg); } .head_apres{ background-image:url(images/button_head_apres.jpg); } .head_contact{ background-image:url(images/button_head_contact.jpg); } .menu_button_submenu{ display: none; overflow: hidden; width: 159px; } #menu .menu_button_submenu{ font-size:10pt; text-align:left; line-height:24px; margin-left:5px;} #menu a{color: #000000; display:block; text-decoration:none; } #menu a:hover{color: #FFFFFF; display:block; background-color:#FF3300; } .menu_button_foot{ display: block; overflow: hidden; width: 159px; background-image:url(images/button_foot.jpg); height: 13px; } #content {width:670px; float:right; text-align:left; overflow:hidden; } #contentInside{width:600px; text-align:left; overflow:hidden;} #contentLarge {width:995px; float:right; text-align:left;} /* Fiches animaux*/ #ficheText{color:#cc0000; font-size:20pt; } #ficheName{color:#ff9900; font-size:20pt; } #ficheImageBackground{width:280px; height:280px;background-image:url(images/ficheImage.jpg);float:left; } #ficheImage{display: block; margin-top:15px; margin-left:10px;} #ficheInfoBackground{width:300px; height:280px;background-image:url(images/fichePatte.jpg);float:left; } #ficheInfo{width:280px; height:260px; margin-top:15px; margin-left:10px; font-family:Courier new;} #backLink{text-align:center;} /* News */ .newsTitle{font-size:14pt; font-weight:bold;} .rightTd{text-align:right;} .newsDate{font-size:12pt; text-align:right;} #newsTable{width:100%;border-spacing: 5px;} .newsSeparation{width:200px; display: block;margin: 0 auto; } #newsContent{border:1px solid #d90600; font-size:10pt;} /* livre d'or */ .livreTitle{font-size:14pt; } #livreFieldset{width:200px;} .commentName{font-size:10pt; width:80%;} .commentName2{font-size:10pt; width:70%;} .commentDate{font-size:10pt; width:20%;} .livreContent{border:1px solid #d90600; width:600px;} /* Pages */ #titlePage{font-size:16pt; font-weight:bold; text-align:center;} .pagesCategory{font-size:10pt;} .pagesName{font-weight:bold; font-size:13pt;} /* carrousel */ #mycarousel{width:100%;} /* diaporama */ .pics{overflow: hidden; text-align:center; margin:0 auto; padding: 0; } /**************** ADMIN *****************/ #middleAdmin{width:995px; background-image:url(images/pattes.jpg); overflow:hidden; position: relative; margin: 0px auto;} #middleAdminNoMenu{width:995px; background-image:url(images/borderContent.jpg); overflow:hidden; position: relative; margin: 0px auto;} #menuAdmin{width:250px; float:left;text-align:left; overflow:hidden; font-size:10pt; text-align:center; line-height:24px;} #menuAdminContent{width:159px; float:right; margin-right: 10px; text-align:left; overflow:hidden;} #menuAdmin .menu_button_submenu{ font-size:10pt; text-align:left; line-height:24px; margin-left:5px;} #menuAdmin a{color: #000000; display:block; text-decoration:none; } #menuAdmin a:hover{color: #FFFFFF; display:block; background-color:#FF3300; } .menu_button_head_Admin{ display: block; overflow: hidden; width: 159px; height: 53px; background-image:url(images/button_head.jpg);} .menu_button_head_Admin{ font-size:12pt; text-align:center; line-height:24px; font-weight:bold;} #contentAdmin {width:670px; float:right; text-align:left; overflow:hidden;} #contentAdminInside{width:600px; text-align:left; overflow:hidden;} #contentAdminLarge {width:995px; height:500px; float:right; overflow:hidden; } #fieldsetLogin{width:900px; text-align:center; margin-left: auto; margin-right: auto;} /* Home admin page */ #homeAdminTitle{font-size:16pt; font-weight:bold; text-align:center;} #homeAdminContent{text-align:center;} /* Animaux fiches admin */ #descFicheAdmin{float:left;} /* FOOTER */ #footer{ position: relative; top: 0px; display: block; width: 100%; background: url(images/footer.jpg) repeat-x; height: 25px; overflow: hidden; clear: both;} #footer a{color: #000000; font-size:10pt;}