/* CSS Document */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
/* color:#666666; */
margin: 0;
padding: 0;
background-color: #000000;
color:#FFFFFF;
}

#header {
height: 80px;
background-color: #000000;
text-align:center; /* rajout Jules*/ 
}

#haut {
/*height: 15px;*/
clear:both;
background-color:#000000; /*DFc871 #cca92c;*/
font-size:0.75em;
margin:0;
padding:0; /* 0.25em; */
text-align:center;
/* background-image:url(/css/pict/dog-generation-logo.jpg);
background-repeat:repeat-x; */

}

#conteneur {
position: absolute;
top:0;
left:0;
width: 100%;
background: #000000; /* background-color:#CCCCFF; */
}
#centre {
background-color:#000000;
margin-left: 20%; /* 150px;*/
min-height:300px;
/* margin-right: 10%;
 width:80%;
margin-left: 150px;
margin-right: 150px;*/

}
#gauche {
float:left;
width: 20%; /* 150px;*/
/* test : */
min-width:150px;
min-height:400px;
/* voir hack height IE6 sur http://www.ultra-fluide.com/ressources/css/css-hacks.htm  height:400px; */ 

background-color: #000000;


}
#droite {
position:relative;
/* top:10px;*/
float:left;
width: 300px;
height:300px;
/* background-color: #FFFFFF;*/
margin:0;
padding:0;
}

#pied {
clear:both;
/* height: 30px; */
background-color: #000000;
text-align:center;  /* rajout Jules*/ 
font-size:0.75em;
margin:0;
padding:0.3em;
}


#menuhaut {
list-style-type: none;
margin: 0px 10px 0 0;
padding:0;
text-align:right;  /* rajout Jules*/ 
}
#menuhaut li {
display: inline;
}
#menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: none;
}
#menuhaut a:hover {
color: #OOOOOO;
text-decoration: underline;
}

/* mon menu à gauche */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position:relative;
top: 10px;
left: 0;
min-width:150px;
/* test : */
min-height:300px;

}
dl#menu {
/* width: 100%;  150px; */
}
dl#menu dt {
cursor: pointer;
margin: 0;
min-height:20px;
/* height: 20px; */
line-height: 20px;
text-align: right;
font-weight: bold;
border: none; /* 1px solid gray;*/
background: #000000;

}
dl#menu dd {
border:none;
}
dl#menu li {
text-align: right;
background: #000000;
}
dl#menu li a {
color: #999999;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu dt a {
color:#FFCC33;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu li a:hover {
color: #FFFFFF;
}

dl#menu dt a:hover {
color: #FFFFFF;
}

#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #dfff000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}

/* 

#menugauche ancien {
list-style-type: none;
margin: 0;
padding:0;
}
#menugauche li {
margin-bottom: 5px;
}
#menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menugauche a:hover {
text-decoration: none;
}

#menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
#menudroit li {
margin-bottom: 5px;
}
#menudroit li a {
margin: 0 2px 0 0;
color: #000000;
text-decoration: none;
}
#menudroit li a:hover {
color: #FFFFFF;
text-decoration: underline;
}
*/

/* fin structure */

/*  CSS BALISES JULES */ 

h1 {
/* float:left; */
margin: 0 10px 10px 10px;
padding: 10px 0 0 0;
font-size:1.2em;
text-align: left; 
color:#ffffff;  /*cfb46f A58728*/
}

h1.top {
margin: 0 10px 2px 10px;
padding: 10px 0 0 0;
font-size:1.2em;
/*text-transform: uppercase;*/
color:#A58728;  /*cfb46f*/
}

h2 {
margin: 0 10px 0 10px;
padding: 0;
font-size:1em;
color:#FFFFFF;   /*A58728*/
font-weight:bold;
}

h2.deflist {
margin: 5px 10px 5px 10px;
padding: 0;
font-size:1em;
color:#A58728;
font-weight:bold;
}

p {
margin: 0 10px 10px 10px;
/*padding: 0 10px 0 10 px; */
text-align:justify;
color:#FFFFFF;
}

p.bed {
/* float:right; */
margin: 0 10px 10px 10px;
/*padding: 0 10px 0 10 px; */
text-align:justify;
}

dl.distri {
margin: 0 10px 10px 10px;
}

.produit {
margin: 0 10px 10px 10px;
/*padding: 0 10px 0 10 px; */
text-align:justify;
min-height:70px;
}

img {border:none; }

a {
text-decoration:none;
color: #0099FF;	/* # 0066CC; */
}
a:hover {
text-decoration:underline;}

#pied a {color:#FFCC33; /* #FFCC33; /* A58728;*/ }

#pied a:hover {color: #FFCC33;
text-decoration:underline;
}

.floatleft, .floatleftmarg {
	width:60px;
	height:80px;
	float:left;
	margin: 0 10px 0 10px;
}

.rrrrr {
	width:60px;
	height:80px;
	float:left;
	margin: 0 10px 0 10px;
}

/* le couchage */

.bedtime, .sellerie {
	margin:0; 
	padding:0;
	/* height:300px; */
	text-align:center;
}

.peignes {
	margin: 0;
	height:600px;
	text-align:center;
}


.bedtime img, .sellerie img {
	height:300px;
	width:600px;
	border:none;
	margin:0;
	}

.presspub {
	margin:  0 0 5px 0;
	height:140px;
	/* width:300px;*/
	text-align:center;
}

.presspub img, .presspub a img {
	height:140px;
	width:300px;
	border:none;
	margin:0;
	}

.collec {
	margin:  0 0 5px 0;
/*	height:140px;
	 width:300px;*/
	text-align:center;
}
	
p.pub {
margin: 0 10px 0px 10px;
/*padding: 0 10px 0 10 px; */
text-align:justify;
}
	
.doogybed {
margin:20px 20px 0px 20px;
height:60px;
width:100px;
background-image:url(/css/pict/doogy-couchage-small.jpg);
background-position:right;
background-repeat:no-repeat;
border:0;
float:right;

}
.centrer {
/* margin: 0 10px 10px 10px;
/*padding: 0 10px 0 10 px; */
text-align:center;
}

.left {
/* margin: 0 10px 10px 10px;
/*padding: 0 10px 0 10 px; */
text-align:left;
}

a.argent, .argent {
color:#999999 ;
text-decoration:none;
}
a:hover.argent  {
color:#FFFFFF;
text-decoration:underline;
}

.or {
color:#999999;
text-decoration:none;
}

.jaune {
color:#FFCC33;
text-decoration:none;
}

.orita {
color:#A58728 ;
text-decoration:none;
font-style:oblique;
 text-align:center; 
}

.oritaleft {
color:#A58728 ;
text-decoration:none;
font-style:oblique;
 text-align:left; 
}
a.or {
color:#0099FF;
text-decoration:none;
}
a:hover.or  {
color:#0099FF;
text-decoration:underline;
}
	
/*#denver {
	margin: 0 10px 0 3px;
	background-image:url(/css/pict/denver.jpg);
	
	background-repeat: no-repeat;
	height:60px;
}

 #denver-big {
	margin: 0 10px 0 3px;
	 background-image:url(/css/pict/denver-big.jpg);
	background-position:center;
	background-repeat: no-repeat;
	/* text-align:center; 
	height:280px;
} */


/* #atlanta {
	margin: 0 10px 0 3px;
	background-image:url(/css/pict/atlanta.jpg);
	background-repeat: no-repeat;
	height:60px;
}

#phoenix {
	margin: 0 10px 0 3px;
	background-image:url(/css/pict/phoenix.jpg);
	background-repeat: no-repeat;
	height:60px;
}

#dallas {
	margin: 0 10px 0 3px;
	background-image:url(/css/pict/dallas.jpg);
	background-repeat: no-repeat;
	height:60px;
}


#tigre {
	margin: 0 10px 0 3px;
	background-image:url(/css/pict/tigre.jpg);
	background-repeat: no-repeat;
	height:60px;
}

#euphrate {
	margin: 0 10px 0 3px;
	background-image:url(/css/pict/euphrate.jpg);
	background-repeat: no-repeat;
	height:60px;
} */

a.couchage {display:block;
height:60px;}

.invisible {display:none}

/**** FORMULAIRES *****/ 

.champs {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
background-color:#CCCCCC; /* #E3CF83; */
width:20em;
}

select, option {text-align:center;}

.caps { text-transform:uppercase ; /* text-transform:uppercase; capitalize */ }

.rouge {color:#990000;}

a.texte {color:#000000; text-decoration:none; font-size:0.9em;}
a:hover.texte {color:#666666; text-decoration:none;}
 
 
 /** table adopt **/ 
 #adopt,  #adopt tr, #adopt tr td {width:50%; text-align:center; padding-bottom::4px; padding-top:3px;}

 #adopt tr td h2 { display:inline; font-size:0.8em;}