@charset "ISO-8859-1";
@import "style-reset.css";
@import "style-header.css";
@import "style-sidebar.css";
@import "style-footer.css";

html {height: 100%;}
body {position: relative; min-height: 100%; height: auto !important; height: 100%; font: 0.95em Arial; background: #649226 url(images/top-bg.jpg) top center repeat-x; color: #ffffff;}

a:link       {color: #f6d200; text-decoration: underline;}
a:active   {color: #f6d200; text-decoration: underline;}
a:visited {color: #f6d200; text-decoration: underline;}
a:hover     {color: #f6d200; text-decoration: none;}

h2 {height: 30px; background-repeat: no-repeat; margin: 0 0 30px 0;}
h2.news {background-image: url(images/title-news.png);}
h2.femelles {background-image: url(images/title-femelles.png);}
h2.males {background-image: url(images/title-males.png);}
h2.chatons {background-image: url(images/title-chatons.png);}
h2.mariages-prevus {background-image: url(images/title-mariages.png);}
h2.anciennes-portees {background-image: url(images/title-anciennes-portees.png);}
h2.links {background-image: url(images/title-liens.png);}
h2.portees {background-image: url(images/title-portees.png);}
h2 span {display: none;}

h3 {font-size: 1.3em; font-weight: bold; margin-bottom: 15px; padding: 5px 0 0 10px; background: url(images/h3-bg-left.png) no-repeat;}
h3 span {padding: 0 12px 5px 0; background: url(images/h3-bg-right.png) no-repeat bottom right;}

h4 {margin-bottom: 10px;}

h5 {text-transform: uppercase;}
h5 a:link, h5 a:active, h5 a:visited {color: #ffffff; text-decoration: none;}
h5 a:hover {text-decoration: underline;}

img.border {border: solid 8px #ffffff; margin: 0 0 10px 10px;}

.uppercase {text-transform: uppercase;}
.clear {clear: both;}

#wrapper {
 position: relative;
 min-height: 100%; 
 height: auto !important;
 height: 100%;
 width: 1000px; 
 margin-left: auto; 
 margin-right: auto; 
}

#middle {
 padding: 50px 35px 80px 35px;
}

#main {float: left; width: 550px;}

#sidebar {float: right; width: 300px;}
.sidebox {margin-bottom: 30px;}
.sidebox-contact-top {height: 48px; background: url(images/sidebox-contact-top.png);}
.sidebox-newportee-top {height: 48px; background: url(images/sidebox-newportee-top.png);}
.sidebox-content {padding: 10px 25px; background: #78b22a url(images/sidebox-bg.png);}
.sidebox-bottom {height: 29px; background: url(images/sidebox-bottom.png);}

.portee-parent-preview {margin-bottom: 10px;}
.portee-parent-preview .thumb {float: left; width: 75px; height: 75px; margin-right: 10px; background-position: center top;}

.item-news {position: relative; margin-bottom: 35px;}
.item-news-posted {
 position: absolute;
 background: url(images/date-bg.png) no-repeat;
 width: 45px;
 height: 48px;
 left: -55px;
 padding-top: 5px;
 font-size: 10px; 
 color: #46a2aa; 
 text-align: center; 
 text-transform: uppercase;
}
.item-news-posted span {font-size: 18px;}

.item-chat {position: relative; margin-bottom: 35px;}
.item-chat p {padding-bottom: 20px;}
.item-chat .statut {padding: 3px; color: #ffffff; font-weight: bold;}
.item-chat .disponible {background-color: #78b22a;}
.item-chat .reserve {background-color: #ee2329;}
.item-chat .evaluation {background-color: #48a6ae;}

.item-portee {margin-bottom: 40px;}
.item-portee p {margin-bottom: 10px;}
.item-portee .box-parents {margin-bottom: 10px;}

.item-mariage {margin-bottom: 40px;}

.box-parents .parents-top {height: 10px; background: url(images/parents-top.png);}
.box-parents .parents-content {background: url(images/sidebox-bg.png); padding: 0 12px;}
.box-parents .parents-bottom {height: 10px; background: url(images/parents-bottom.png);}
.box-parents .portee-parent-preview {float: left; width: 50%; margin: 0;}

.photo-scotch {float: right;}
.photo-container {position: relative;}
.photo-scotch img.border {border: solid 10px #ffffff; margin: 0 0 10px 15px;}
.photo-sticker-top {position: absolute; top: -10px; right: -12px; width: 139px; height: 45px; background: url(images/photo-sticker-top.png) no-repeat;}
.photo-sticker-bottom {position: absolute; bottom: -5px; left: 10px; width: 139px; height: 37px; background: url(images/photo-sticker-bottom.png) no-repeat;}

.galerie-photos {margin-bottom: 30px;}
.galerie-top {height: 45px; background: url(images/galerie-top.png) no-repeat;}
.galerie-top span {display: none;}
.galerie-content {padding: 0 22px; background: #ffffff;}
.galerie-bottom {height: 25px;  background: url(images/galerie-bottom.png) no-repeat;}
.galerie-photos .thumb {float: left; width: 85px; height: 85px; margin: 8px; background-position: center center;}

li.link {float: left; display: block; width: 50%; margin-bottom: 10px; font-size: 0.9em;}


#pages-nav {text-align: center;}
#pages-nav a {padding: 0 3px; margin: 0 2px; text-decoration: none;}
#pages-nav a.pages-nav-num:hover {background-color: #78b22a;}
#pages-nav a.pages-nav-selected {background-color: #78b22a;}
#pages-nav a.pages-nav-prev {padding: 10px; background: url(images/arrow-left.png) no-repeat center center;}
#pages-nav a.pages-nav-prev span {display: none;}
#pages-nav a.pages-nav-next {padding: 10px; background: url(images/arrow-right.png) no-repeat center center;}
#pages-nav a.pages-nav-next span {display: none;}