body
{
background-image: url("studdog/fond_1600_mi.jpg");
background-repeat: no-repeat;
background-position: top left;
background-color: #F8F0D9;
margin-top: 0;
margin-left: 0;
font-size: 13px;
font-family: Arial, Verdana, Helvetica, Sans-Serif;
line-height:1.2em;
color: #000000;
}
h4 {
	text-transform: uppercase;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 1.6em;
	line-height:1.6em;
	color: #B6C826;
	text-align:center;
}
h4.titre {
  text-transform: none;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 1.2em;
	line-height:1.2em;
	color: #D7621C;
	text-align:center;
}

h3 
{
    background : url(studdog/separ_717.gif) no-repeat;
	background-position: top;
	width: 717px;
	height: 70px;
    color : #cc6633;
    padding: 20px 0 0 0; /* top, right, bottom, left (respective) */
    margin : 0; /* top, right, bottom, left (respective) */
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 1.4em;
	line-height:1.3em;
	color: #B6C826;
}

ul.tree li {
	border:none;
	clear: both;
	list-style: none ;
	padding-left:0;
	background: none;
	margin-left:0;
	font-weight:bold;
	font-size:10px;
	line-height:13px;
	margin-top:2px;
}
ul.tree a {
	padding-left:0;
	padding-bottom:2px;
	color:#374853;
  display: block;
	border-bottom: 1px dotted #9daeb8;
	margin-left: 0;
}
ul.tree a:hover {
	text-decoration:underline;
	color: #2894FF;
	margin-left: 0;
}
td.left a:hover {
	text-decoration:underline;
	color: #2894FF;
	margin-left: 0;
}
#cadre_left a:hover {
	text-decoration:underline;
	color: #2894FF;
	margin-left: 0;
}

#texte {
background : url(studdog/fd_beige1.jpg) repeat-x;
	background-position: top;
background-color:#FFFFFF;
border:1px dashed #AFAC3A;
margin:20px;
padding:10px;
position:relative;
	}
#texte_adresse {
background : url(studdog/fd_beige1.jpg) repeat-x;
	background-position: top;
background-color:#FFFFFF;
border:1px dashed #AFAC3A;
margin:20px;
padding:0px;
position:relative;
	}
#adresse {
background : url(studdog/fd_adresse.jpg) no-repeat top left;
padding:10px;
	}
#dob {
background-color:#FFFFFF;
border:1px dashed #D9D78A;
margin:20px;
padding:4px;
position:relative;
	}
#advert {
background-color:#FBFAF5;
border:1px dashed #D9D78A;
margin:20px;
padding:4px;
position:relative;
}
.advert1 {
float:left;
background-color:#FBFAF5;
margin:0;
padding:0;
width=130;
}
.advert2 {
float:right;
background-color:#FBFAF5;
margin:0;
padding:0;
}
.spacer {
 	clear: both;
 }
#cadre_left {
background-color:#F8FBE6;
border:1px dashed #D9D78A;
margin:2px;
padding:2px;
	}
#cadre_puppies {
background : url(studdog/puppies.jpg) no-repeat top left;
background-color:#F8FBE6;
border:1px dashed #D9D78A;
margin:2px;
padding:2px;
	}
#cadre_dew {
background : url(studdog/dew.jpg) no-repeat top left;
border:0;
margin:0;
padding:0;
height:97px;
padding-top:5px;
	}
#position_lecteur_dew {position:relative; top:50px; left:2px; } 
#left_menu {
background : url(studdog/fd_g.jpg) repeat-x;
	background-position: top;
background-color:#FFFFFF;
margin:0;
padding:0;
	}
#nav {
				list-style: none ;
				margin: 0 ;
				padding: 0 ;
				overflow: hidden ;		/* Création du contexte de formatage */
				}
				
#nav li {
		float: left ;
		
		color: #ADBD16 ;
		}
		
#nav li a.A {
	display: block ;
	background: url(studdog/out_04.jpg) left top no-repeat ;
	width: 178px;
	height: 32px;
	background-position: 0 0px;
	color: #fff ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	padding: 0;
	text-align: center ;
	}	
#nav li a.A:hover, #navigation li a.A:focus, #navigation li a.A:active {
	background: url(studdog/out_04.jpg) left top no-repeat ;
	background-position: 0 -32px;
	}
	#nav li a.Z {
	display: block ;
	background: url(studdog/out_05.jpg) left top no-repeat ;
	width: 178px;
	height: 32px;
	background-position: 0 0px;
	color: #fff ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	padding: 0;
	text-align: center ;
	}	
#nav li a.Z:hover, #navigation li a.Z:focus, #navigation li a.Z:active {
	background: url(studdog/out_05.jpg) left top no-repeat ;
	background-position: 0 -32px;
	}		 
	#nav li a.E {
	display: block ;
	background: url(studdog/out_06.jpg) left top no-repeat ;
	width: 178px;
	height: 32px;
	background-position: 0 0px;
	color: #fff ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	padding: 0;
	text-align: center ;
	}	
#nav li a.E:hover, #navigation li a.E:focus, #navigation li a.E:active {
	background: url(studdog/out_06.jpg) left top no-repeat ;
	background-position: 0 -32px;
	}		 
	#nav li a.R {
	display: block ;
	background: url(studdog/out_07.jpg) left top no-repeat ;
	width: 178px;
	height: 32px;
	background-position: 0 0px;
	color: #fff ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	padding: 0;
	text-align: center ;
	}	
#nav li a.R:hover, #navigation li a.R:focus, #navigation li a.R:active {
	background: url(studdog/out_07.jpg) left top no-repeat ;
	background-position: 0 -32px;
	}

#item_photo table {
background-color:#DFDDD2;
border:1px dashed #88AA66;
margin:5px;
padding:15px;
position:absolute;
	left: 50%;
}		 	 		 
#photo {
display:block;
background-color:#DFDDD2;
border: 1px solid #AFAC3A;
margin: 5px;
padding: 15px;
position:relative;
	}
#photocss {
   display: block ;
   margin-left: auto;
   margin-right: auto;
   width: 50em;
   text-align: center;
}
#photocss1 {
display: block ;
padding: 1px;
}
#photocss img {
background-color:#DFDDD2;
border: 1px solid #AFAC3A;
margin: 3px;
padding: 15px;
	}
#spacercss {
 	clear: both;
 }
#link {
background-color:#FFFFFF;
border:none;
margin:5px;
padding:0;
display:block;
float:right;
	}
#linkcss {
background-color:#FFFFFF;
margin:0;
padding:0;
	}
#photocss1 p {
text-align: right;
	}
#linkcss a {
	display: block ;
	background: url(studdog/expand.gif);
	background-repeat: no-repeat;
  background-position: top right;
  width: 200px;
	height: 25px;
	background-position: 0 0px;
	padding: 0;
	}	
#linkcss a:hover, #navigation {
	background: url(studdog/expand.gif) right top no-repeat ;
	background-position: 0 -25px;
	}
#link a {
	display: block ;
	background: url(studdog/expand.gif) right top no-repeat ;
	width: 200px;
	height: 25px;
	background-position: 0 0px;
	padding: 0;
	}	
#link a:hover, #navigation {
	background: url(studdog/expand.gif) right top no-repeat ;
	background-position: 0 -25px;
	}
.fondvert {background-color: #F9F3D5;}
.fondgris {background-color: #fffff0;}
.greypp {  font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; font-size: 9px; color: #7A829A}
.grisp {  font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; font-size: 14px; color: #7A829A}
.noch {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000}
.ch {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; color: #C439B8; font-weight: bold}
A 	{text-decoration: none; color: #000000;}
A:Hover	{ color: #FF6600; text-decoration: underline;}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-bottom: 1px dashed gray;
height: 1%;
font-size: 13px;
font-family: Arial, Verdana, Helvetica, Sans-Serif;
line-height:1.2em;
color: #000000;
text-align: center;
}

.cssform p.captcha{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 155px;
border: 0;
}

.cssform label{
font-size: 13px;
font-family: Arial, Verdana, Helvetica, Sans-Serif;
line-height:1.2em;
color: #000000;
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform label.captcha{
font-weight: bold;
float: left;
margin-left: 0; /*width of left column*/
width: 290px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
padding: 5px 0 5px 0;
}

input.vous
{
color: #3C0B95;
background: #F8FBE6;
border: 1px solid #91A51B;
}
input.lui
{
color: #3C0B95;
background: #DFFFDF;
border: 1px solid #91A51B;
}
input.captcha
{
color: #3C0B95;
background: #FFEBA6;
border: 1px solid #FFCA0A;
}
input.captcha_valid
{
color: #3C0B95;
font-weight: bold;
background: #FFE280;
border: 1px solid #DFAD00;
}
textarea
{
color: #3C0B95;
background: #F0F0F0;
border: 1px solid #91A51B;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 250px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}