BODY  {text-align: center; margin:0; padding: 0;}

hr {height: 1px; padding: 0; color: #DDD; background-color: #DDD; border: 0;}
.img {float: left; padding: 3px 5px 0 0;}
.floatstop {clear: both;}

/* structure */
.conteneur {width: 1016px; margin: 0 auto 10px auto; padding: 0; border: 1px solid #A2CAA5;}
.tableau {width: 800px;}
.contenu {width: 90%;}

/*------ HEADER -------*/
.header {position: relative; background: url("http://www.delarocheturpin.com/images/haut.jpg") no-repeat; height: 138px;}
.header .toutou {position : relative; float: right; margin-top: 17px;}
.header .topnav {position : relative; float: right; margin: 23px 10px 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #CCC;}
.header .topnav a {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #CCC; text-decoration: none}
.header .topnav a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFF; text-decoration: none}
.header .flag {position : relative; float: right; margin: 7px 2px 0 0;}

/* --------- NAVIGATION GAUCHE ------------- */
.nav {width: 195px; height: 600px; margin: 0; padding:10px 0 0 5px; background: url("http://www.delarocheturpin.com/images/gauche.jpg") no-repeat; float: left;}
.nav a {font-family: Georgia, Times, serif; font-size: 18px; color: #BF5933; font-weight: bold; text-decoration: none; font-style: italic; text-align: left;
height: 30px; letter-spacing: 1px; display: block; background: url("http://www.delarocheturpin.com/images/dog_print.gif") no-repeat left top; padding: 0 0 10px 25px;}
.nav a:hover {font-family: Georgia, Times, serif; font-size: 19px; color: #CC9966; font-weight: bold; text-decoration: none;}


/* liens */

a {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #006633; text-decoration: underline; font-weight: bold}
a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #999999; font-weight: bold; text-decoration: underline}

a.dog {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #125634; text-decoration: none; font-weight: bold;}
a.dog:hover { text-decoration: underline;}

A img.vign {border: 2px solid #A2CAA5; padding: 4px;}
A:hover img.vign {border: 2px solid #FF6633; padding: 4px;}

a.top {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #CCCCCC; text-decoration: none}
a.top:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none}

a.sb {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #AAAAAA; text-decoration: none; font-weight: bold; background: none; padding: 0; margin: 5px 0 0 20px; height: 20px;}
a.sb:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #575498; font-weight: bold; text-decoration: none;}


/* texte et titres */
.contenu p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #125634;}

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #BE5833; text-align: center;
background-color: #EEE; margin:0; padding:0;}
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #BE5833; text-align: left;
border-bottom: 1px dotted #BE5833; margin:0 0 3px 0; padding:0;}
h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FF6633; 
background-color: #EEE; text-align: center; margin:0; padding:1px;}
h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #125634; font-weight: bold; font-style: italic; text-align: center; margin: 0; padding: 0;}

.texte {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #125634; text-align: left;}
.textegris {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666;}

.titre {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #BE5833; background-color: #EEE;}
.titre2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FF6633;}
.titre3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FF6633; background-color: #EEE;}

/* habillage */
.fondtop { background-attachment: fixed; background-image:   url(../images/haut.jpg); background-repeat: no-repeat;}
.fondgauche { background-attachment: fixed;	background-image:   url(../images/gauche.jpg); background-repeat: no-repeat;}

/* photo principale sur la fiche des chiens */
img.bigphoto  {border: 2px solid #A2CAA5; padding: 4px;}

/* PAGE DES NAISSANCES */
.portee {border: 1px solid #DDD; text-align: center; width: 500px; margin: 0 auto;}
.portee h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FF6633; border: 0; background: #EEE; height: 20px; margin: 0 0 5px 0; text-align: center;}
.portee h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #125634; border: 0; background: none; margin: 0 0 3px 0; padding: 0;}
.portee h4 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666; font-weight: normal; font-style: italic; margin: 0 0 5px 0; padding: 0;}
.portee h5 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #125634; font-weight: normal; font-style: italic; margin: 5px; padding: 0 5px 0 5px; border-top: 1px dashed #DDD;}

/* formulaires */
input {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CC3300}

/* footer */
.footer {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #555555; background-color: #A2CAA5; padding: 3px; margin:0;}
.footer p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #555555; text-align: center; margin:0; padding:0;}
.footer a {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #555555; text-decoration: none;}
.footer a:hover {text-decoration:underline; font-size: 11px; font-weight: normal; color: #555555;}


/* news sur l'index */
#tickertape{
text-align: center;
position:relative;
layer-background-color:#FFF;
width:500px;
height:15px;
margin-left: 100px;
margin-top: 20px;
}
#subtickertape{
text-align: center;
background-color:#FFF;
position:absolute;
border: 1px solid #CC6633;
width:500px;
height:15px;
padding: 3px;
}
.subtickertapefont{
font:bold 12px Verdana;
text-decoration:none;
color:#555;
}
.subtickertapefont a{
color:#bf5933;
text-decoration:none;
}
.subtickertapefont a:hover{
color:#999;
text-decoration:none;
}