/*------------------------------------------------
  Feuille de style générale pour R-Evan's Cattery

  Rose clair  : dfbcd1
  Rose foncé  : c088ac
  Violet      : 5f354f
  Beige clair : f4e3b7
  Beige foncé : e3cc87
------------------------------------------------*/

/*----- 1. TYPO GENERALE -----*/

* { margin:0; padding:0;}
img, div, a, p, li { behavior:url(http://www.r-evans-cattery.com/assets/templates/revans/iepngfix.htc) } /* Patch pour la transparence pour IE6 */
body { font-size:0.85em; font-family:Georgia, Times, serif;	background: url(images/bg-body.jpg) repeat-x 0 5px;}

/*--- Paragraphes ---*/
ul li {	list-style-position:inside;}
ul ul li { margin-left:20px; list-style:none;}

/*--- Liens ---*/
a {	color:#5f354f; text-decoration:underline;}
a img {	border:none;}
#wrapper-footer a[href ^="mailto:"] { padding:5px 20px 5px 0; background:transparent url(images/mail.png) no-repeat center right;}

/*--- Images ---*/
div.images { margin:0 auto; overflow:auto; text-align:center; display:block;}
img.left { float:right; padding:5px; margin:5px 5px 5px 10px; background:#fff; border:1px solid #DFBCD1;}
img.center { display:block; margin:5px auto;}
div.hr { background:url(images/hr.png) no-repeat center center; height:25px; margin:2em 0 2.5em;}
div.hr hr { display:none;}
#content p.center { text-align:center;}
table.center { margin-left:auto; margin-right:auto;}

/*--- Titres ---*/
h2 { font-size:1.3em; margin:1em 0 0.2em 0; border-bottom:1px dotted #c088ac; padding-bottom:0.3em; font-weight:normal; color:#c175a6;}

/*----- 2. MISE EN PAGE GENERALE -----*/
#wrapper-main { width:100%; margin:20px 0;}
#main { width:750px; margin:0 auto; overflow:auto;}

/*--- Header ---*/
#wrapper-access { width:100%; overflow:auto; background:#5f354f; color:#dfbcd1; text-align:center; padding:3px 0 5px; font-size:0.9em;}
#wrapper-access a { color:#fff; text-decoration:none; border-bottom:1px solid #dfbcd1;}
#wrapper-header { width:100%;}
#header { width:750px; margin:0 auto;overflow:auto; background:url(images/bg-header_notes.jpg) no-repeat top left; height:230px;}
#header.males { background: url(images/haut-1.jpg) no-repeat 0 5px;}
#header.females { background: url(images/haut-2.jpg) no-repeat 0 11px;}
#header.chatons { background: url(images/haut-3.jpg) no-repeat 0 5px;}
#header.dispos { background: url(images/haut-4.jpg) no-repeat 0 10px;}
#wrapper-lang {	float:left; width:200px; height:200px; position:relative;}
#lang { position:absolute; width:50px; bottom:0; left:0; text-align:left; padding-left:5px;}
#lang a.langue-en { background:url(images/en.png) no-repeat 0 7px; padding:5px 5px 5px 22px; text-decoration:none; color:#c088ac;}
#lang a.langue-fr { background:url(images/fr.png) no-repeat 0 7px; padding:5px 5px 5px 22px; text-decoration:none; color:#c088ac;}
#lang a:hover { text-decoration:underline;}
#wrapper-title { float:left; width:295px; position:relative; height:230px;}
#title { position:absolute; width:250px; bottom:0; left:0;}
#logo {	float:left; width:250px; height:200px;}

/*--- Menu ---*/
#menu { width:160px; float:left;}
#menu img { margin:0 0 10px;}
#menu a { color:#5f354f; text-decoration:none; display:block; padding:6px 3px 5px 5px;}
#menu ul { margin-bottom:20px;}
#menu ul.beige li {	font-size:1.2em; list-style:none; border-bottom:1px solid #e3cc87;}
#menu ul.beige li a:hover {	color:#c175a6;}
#menu ul.rose li { font-size:1.2em; list-style:none; border-bottom:1px solid #c088ac;}
#menu ul.rose li a:hover { color:#c175a6;}

/*--- Contenu ---*/
#content { width:550px; float:right; color:#c175a6;}
#content p { color:#c175a6; padding:0.5em 0; line-height:1.5em; text-align:justify;}

/*--- Footer ---*/
#wrapper-footer { clear:both; width:100%; border-top:1px solid #dfbcd1; background:url(images/bg-footer.jpg) repeat-x 0 0;}
#footer { width:750px; margin:0 auto; overflow:auto; color:#c175a6;}
#footer p {	padding:0.5em 0; line-height:1.5em;}
#footer ul li { background:url(images/li2.png) no-repeat 0 5px; padding:0.2em 0 0.2em 1.2em; line-height:1.4em; list-style:none; }
#footer a { color:#5f354f; text-decoration:underline;}
#footer h2 { margin-top:0; border:none;}
#footer-left { width:354px; float:left; text-align:left; padding:0 20px 0 0; margin:30px 0; border-right:1px solid #dfbcd1;}
#footer-right {	width:345px; float:right; text-align:left; padding:0 0 0 30px; margin:30px 0;}
#mentions { text-align:center; padding:6px 0; background:#c088ac; color:#fff; font-size:0.9em;}
#mentions a { color:#fff; text-decoration:none; border-bottom:1px solid #dfbcd1;}

/*----- 3. STYLES SPECIFIQUES -----*/

/*--- Actualités ---*/
#content p.date { font-variant:small-caps; margin-top:-3px; padding-top:0; border-bottom:1px dotted #c088ac; font-size:.9em; color:#ce85b4;}
#content h2.actu { margin:0; border-bottom:none; text-align:left;}

/*--- Liens ---*/
p.bannieres { margin-bottom:1em;}
p.bannieres img { display:block; margin:0 auto;}
code { display:block; border:1px solid #dfbcd1;	padding:8px; color:#555;}

/*--- Galeries photos ---*/
a.pedigree { background:#f8f2f6 url(images/pedigree.png) no-repeat 10px 8px;; padding:5px 5px 5px 35px;display:block; border-top:1px solid #dfbcd1; border-bottom:1px solid #dfbcd1; margin:0 1px;}
#content p.warning { background:#FFF6DF url(images/warning.png) no-repeat 10px 8px;	padding-left:35px; border-top:1px dotted #CFB874; border-bottom: 1px dotted #CFB874; color:#bca55f;}
#content p.info { background:#FFF6DF url(images/info.png) no-repeat 10px 8px; padding-left:35px; border-top:1px dotted #CFB874;	border-bottom:1px dotted #CFB874; color:#bca55f; margin-bottom:20px; text-align:center;}
#content p.contrat { background: #dfbcd1 url(images/contrat.png) no-repeat 10px 8px; padding-left:35px; color:#fff; margin: 10px 0;}
#content p.description { font-style:italic; text-align:center;}
#content p.contrat a { color:#fff;}
#content h2.chats { border-bottom:1px dotted #c088ac; margin-bottom:1em; padding-bottom:0.3em; text-align:center;}
.credits { display:block; text-align:right; font-size:11px; padding-bottom:10px;}
.portee { font-weight:bold; color:#5f354f;}

/*--- Show ---*/
tr.last-show { background:#f7eef3; }
body#show table { border-collapse: collapse;}
body#show table tr { border-top: 1px solid #dfbcd1;}
body#show table td { padding:5px; line-height:1.5em; vertical-align:top; }

/*--- Livre d'or ---*/
label {	margin:10px 0 5px;}
a.add-message { background: #dfbcd1 url(images/comment.png) no-repeat 10px 5px; padding:5px 5px 5px 35px; color:#fff; margin:10px 0; display:block; text-decoration:none; border:1px solid #fff; margin:0 1px 10px;}
a.add-message:hover { border:1px solid #dfbcd1; background:#f8f2f6 url(images/comment.png) no-repeat 10px 5px; color:#dfbcd1; margin:0 1px 10px;}
a.back-messages { background:#dfbcd1 url(images/comments.png) no-repeat 10px 5px; padding:5px 5px 5px 35px; color:#fff; margin:10px 0; display:block; text-decoration:none; border:1px solid #fff; margin:0 1px;}
a.back-messages:hover { border:1px solid #dfbcd1; background:#f8f2f6 url(images/comments.png) no-repeat 10px 5px; color:#dfbcd1; margin:0 1px;}