/*-------------------------------------------------------------------------
Pour tout retrouver facilement avec CTRL+F : Saisir étoile * et la lettre SANS ESPACE
  * L  Liens ;
  = L  Lightbox ;
  = N  Newsletter ;
  * T   Texte ;
  * N  Nav (navigation) ;
   * M   Modele ;
  * I   Index ;
  * P   Pages ;
  * C   Contact ;
  * F  Footer ;
-------------------------------------------------------------------------*/



/*********************************************************************Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}

td {
vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}


img {
border: 0;}

ul, li {
margin: 0;
padding: 0;}

li {
list-style: none;}

body {
margin: 0;
text-align: center;
background: #7B5C42;
}

#container {
text-align: left;
width: 979px;
margin: 0 auto;}

/********************************************************************Lien ******************************************************************/
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}

#content a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C08452;
	font-weight: bold;
	text-decoration: underline;
}
#content a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C08452;
	font-weight: bold;
	text-decoration: underline;
}
#content a:hover {
	text-decoration: underline;
	color: #C86614;
}
#content a:active {
	text-decoration: underline;
	color: #C08452;
}


#options a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
#options a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
#options a:hover {
	text-decoration: underline;
	color: #000000;
}
#options a:active {
	text-decoration: none;
	color: #000000;
}


#hdp a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C7903B;
	text-decoration: none;
	padding: 3px 5px;
}
#hdp a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C7903B;
	text-decoration: none;
}
#hdp a:hover {
	text-decoration: underline;
	color: #F8B956;
}
#hdp a:active {
	text-decoration: none;
	color: #C7903B;
}


#footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4B260A;
	font-weight: normal;
	text-decoration: none;
}
#footer a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4B260A;
	font-weight: normal;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: none;
	color: #F8B956;
}
#footer a:active {
	text-decoration: none;
	color: #4B260A;
}
/*--------------------------------------------------------------------------*/



/* Class 
--------------------------------------------------------------------------*/
.scrollbarre {
	overflow:auto;
}
/*--------------------------------------------------------------------------*/



/*=Newsletter 
--------------------------------------------------------------------------*/
#option_lettre {
background: url(gifs/eleveur-jack-parent_03.jpg) no-repeat;
width: 751px;
height: 27px;
line-height: 27px;
text-align: right;}

	#option_lettre #letter, #option_lettre p {
	height: 27px;
	line-height: 27px;
	float: right;}
	
	#option_lettre p {
	color: #E9C17C;}
	
	#option_lettre #letter {
	padding-top: 4px;}


.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color: #3f5155;
	background-color:#ffffff;
	border: #3f5155 1px solid;
	padding: 2px;
}

.bouton_news {
color: #E9C17C;
background: 0;
cursor: pointer;
border: 0;
}
/*--------------------------------------------------------------------------*/




/*=LIGHTBOX
--------------------------------------------------------------------------*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/*--------------------------------------------------------------------------*/

/**********************************************************BDD AUTO **************************************/
.numpage {
}
.numpage_selec {
	color:#ff0000;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/




/*NAV
-------------------------------------------------------*/
#content_side {
background: #fff;}

#content_side li {
width: 228px;
background-repeat: no-repeat;}

	#content_side li a {
	color: #BD954C;
	height: 100%;
	width: 173px;
	padding-left: 55px;
	display: block;
	text-decoration: none;}

	#content_side li a:link {
	color: #BD954C;
	text-decoration: none;}

	#content_side li a:hover {
	text-decoration: none;
	color: #684931;}

	#content_side li a:active {
	text-decoration: none;}

	#content_side #nav li p {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #684931;
	height: 100%;
	width: 173px;
	padding-left: 55px;
	display: block;
	text-decoration: none;}
	
#index{
background: url(gifs/over_09.jpg);
height: 43px;
line-height: 43px;}
	
	#index a {background: url(gifs/eleveur-jack-parent_09.jpg);
	padding-top: 8px;
	margin-bottom: -8px;}
	#index a:hover {background: none transparent;}
	
	#content #content_side #index p{
	padding-top: 8px;
	margin-bottom: -8px;
	height: 43px;
	line-height: 43px;}

#elevage{
background: url(gifs/over_10.jpg);
height: 29px;
line-height: 29px;}
	
	#elevage a {background: url(gifs/eleveur-jack-parent_10.jpg);}
	#elevage a:hover {background: none transparent;}

	#content #content_side #elevage p{
	height: 29px;
	line-height: 29px;}

#chiens{
background: url(gifs/over_11.jpg);
height: 27px;
line-height: 27px;}
	
	#chiens a {background: url(gifs/eleveur-jack-parent_11.jpg);}
	#chiens a:hover {background: none transparent;}

	#content #content_side #chiens p{
	height: 27px;
	line-height: 27px;}
	
#chiensvente{
background: url(gifs/over_11.jpg);
height: 27px;
line-height: 27px;}
	
	#chiensvente a {background: url(gifs/eleveur-jack-parent_11.jpg);}
	#chiensvente a:hover {background: none transparent;}

	#content #content_side #chiensvente p{
	height: 27px;
	line-height: 27px;}
	
#chevauxvente{
background: url(gifs/over_11.jpg);
height: 27px;
line-height: 27px;}
	
	#chevauxvente a {background: url(gifs/eleveur-jack-parent_11.jpg);}
	#chevauxvente a:hover {background: none transparent;}

	#content #content_side #chevauxvente p{
	height: 27px;
	line-height: 27px;}

#chiots{
background: url(gifs/over_12.jpg);
height: 29px;
line-height: 29px;}
	
	#chiots a {background: url(gifs/eleveur-jack-parent_12.jpg);}
	#chiots a:hover {background: none transparent;}

	#content #chiots p{
	height: 29px;
	line-height: 29px;}

#chevaux{
background: url(gifs/over_16.jpg);
height: 28px;
line-height: 28px;}
	
	#chevaux a {background: url(gifs/eleveur-jack-parent_16.jpg);}
	#chevaux a:hover {background: none transparent;}

	#content #content_side #chevaux p{
	height: 28px;
	line-height: 28px;}

#nous{
background: url(gifs/over_17.jpg);
height: 28px;
line-height: 28px;}
	
	#nous a {background: url(gifs/eleveur-jack-parent_17.jpg);}
	#nous a:hover {background: none transparent;}

	#content #content_side #nous p{
	height: 28px;
	line-height: 28px;}

#actus{
background: url(gifs/over_18.jpg);
height: 28px;
line-height: 28px;}
	
	#actus a {background: url(gifs/eleveur-jack-parent_18.jpg);}
	#actus a:hover {background: none transparent;}

	#content #content_side #actus p{
	height: 28px;
	line-height: 28px;}

#contact{
background: url(gifs/over_19.jpg);
height: 28px;
line-height: 28px;}
	
	#contact a {background: url(gifs/eleveur-jack-parent_19.jpg);}
	#contact a:hover {background: none transparent;}

	#content #content_side #contact p{
	height: 28px;
	line-height: 28px;}

#acces{
background: url(gifs/over_20.jpg);
height: 25px;
line-height: 25px;}
	
	#acces a {background: url(gifs/eleveur-jack-parent_20.jpg);}
	#acces a:hover {background: none transparent;}

	#content #content_side #acces p{
	height: 25px;
	line-height: 25px;}

#bloc_tel{
background: url(gifs/eleveur-jack-parent_21.jpg);
height: 117px;
position: relative;}

	#bloc_tel p{
	color: #856C56;
	font-size: 105%;
	font-weight: bold;
	position: relative;
	text-align: center;
	top: 60px;
	left: -25px;}

#bloc_contact{
background: url(gifs/eleveur-jack-parent_22.jpg);
height: 101px;
position: relative;}

#bloc_contact p{
position: absolute;
font-size: 11px;
line-height: 1.3em;
top: 8px;
left: 10px;
color: #73563D;}

#content_side #bloc_contact #cont{
	height: 10px;
	padding: 0;
	text-align: right;
	width: 200px;
	position: absolute;
	bottom: 6px;
	color: #73563D;
	left: 10px;
}


#content_side #ami a, #content_side #fav a{
color: #5C371B;
font-weight: normal;
text-align: left;
background: #fff;
padding: 2px 0;
margin: 0 0 0 25px;}

#content_side #ami a:link, #content_side #fav a:link{
color: #5C371B;
font-weight: normal;
text-align: left;
background: #fff;
padding: 2px 0;
margin: 0 0 0 25px;}

#content_side #ami a:hover, #content_side #fav a:hover{
text-decoration: underline;}

#content_side #ami a:active, #content_side #fav a:active{
color: #5C371B;
text-decoration: none;}
/*--------------------------------------------------------------------------*/


/*TEXTE
--------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, h7, p {text-align: left; font-size: 100%;}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
height: 40px;
line-height: 40px;
font-size: 270%;
color: #F8B449;
font-weight: normal;}

	h1 span{
	font-size: 55%;
	margin: 0;
	padding: 0;}

h2 {
font-size: 160%;
font-family: Arial, Helvetica, sans-serif;
color: #e2e2e2;
background: url(gifs/os_28.jpg) no-repeat left #684931;
height: 30px;
line-height: 30px;
margin: 5px 0;
padding: 0 0 0 89px;}

h3 {
clear: both;
font-size: 16px;
margin: 0 15px;
padding: .5em 0 0 0;
color: #684931;}

p {
color: #623D14;
margin: 0 15px;
padding-bottom: .5em;
font-size: 11px;
line-height: 1.3em;}

h4 {
font-weight: bold;
color: #623D14;
margin: 0 15px;
padding: .5em 0 0 0;
font-size: 12px;
line-height: 1.4em;}

.impt {
color: #B56E34;}

.impt2 {
color: #b8a58c;
font-weight: bold;}
/*--------------------------------------------------------------------------*/
.imag{
border: 1px solid #C08452;
float: left;
margin: 5px 15px 5px 0;
}
	.imag:hover{
	border: 1px solid #B56E34;}

.imag2{
border: 1px solid #C08452;
float: right;
margin: 5px 0 5px 15px;
}
	.imag2:hover{
	border: 1px solid #B56E34;}

.imag0{
border: 1px solid #C08452;
margin: 5px 15px 5px;
}

.image{
border: 1px solid #C08452;
}
	.image:hover{
	border: 1px solid #B56E34;}

/*--------------------------------------------------------------------------*/



/*MODELE
-------------------------------------------------------*/
#content {
width: 100%;
border-collapse: collapse;
border: 0;}

	#content td{
	padding: 0;}

	#content_side {
	width: 228px;}
	
	#content_main{
	background: #E7E3DD;}
	
		#abby{
		position: relative;
		text-align: center;}
	
		#abby h1{
		position: absolute;
		top: 0px;
		left: 2px;
		z-index: 12;}
	
		#animaux {
		background: url(gifs/header_droite.jpg) no-repeat;
		height: 174px;
		width: 458px;}
	
	
	#contenu{}
/*--------------------------------------------------------------------------*/


/*INDEX
-------------------------------------------------------*/
#blox ul, #blox p{
color: #E9C17C;
padding: 80px 0 0 0;
margin: 0 0 0 25px;}

	#bloc04 a, #bloc05 a{
	color: #E9C17C;
	font-weight: normal;
	text-decoration: none;}
	#bloc04 a:link, #bloc05 a:link{
	color: #E9C17C;
	font-weight: normal;
	text-decoration: none;}
	#bloc04 a:hover, #bloc05 a:hover{
	color: #F7AD39;
	font-weight: normal;
	text-decoration: underline;}
	#bloc04 a:active, #bloc05 a:active{
	color: #E9C17C;
	font-weight: normal;
	text-decoration: none;}

#blox li {
padding: 2px 0;
font-variant: small-caps;}

#bloc01 {
background: url(gifs/eleveur-jack-parent_07.jpg) no-repeat;
width: 470px;
height: 159px;}

	#bloc01 p{
	padding: 35px 0 0 0;
	margin: 0 10px 0 100px;}

#bloc02 {
background: url(gifs/eleveur-jack-parent_08.jpg) no-repeat;
width: 281px;
height: 159px;}

	#bloc02 p {
	padding: 50px 0 0 0;}


#bloc03 {
background: url(gifs/eleveur-jack-parent_13.jpg) no-repeat;
width: 251px;
height: 260px;}

	#bloc03 table{
	position: relative;
	top: 75px;
	width: 85%;
	margin: 0 auto;}

	#bloc03 .titre{
	font-weight: bold;
	color: #E9C17C;}
	#bloc03 td{
	color: #E9C17C;}

#bloc04 {
background: url(gifs/eleveur-jack-parent_14.jpg) no-repeat;
width: 250px;
height: 260px;}
	
#bloc04 ul {
margin-right: 25px;}

#bloc05 {
background: url(gifs/eleveur-jack-parent_15.jpg) no-repeat;
width: 250px;
height: 260px;}


#bloc03a{
background: url(gifs/eleveur-jack-parent_23.jpg) no-repeat;
width: 251px;
height: 71px;}


#bloc04a{
background: url(gifs/eleveur-jack-parent_24.jpg) no-repeat;
width: 250px;
height: 71px;}


#bloc05a{
background: url(gifs/eleveur-jack-parent_25.jpg) no-repeat;
width: 250px;
height: 71px;}


	
	#bloc02 a {
	color: #7E5120;
	text-decoration: underline;
	display: block;
	width: 100%;
	height: 100%;}
	
	#bloc04a a, #bloc05a a, #bloc03a a{
	margin: 0;
	position: relative;
	top: 25px;
	left: 16px;
	color: #7E5120;
	text-decoration: underline;
	display: block;
	width: 100%;
	height: 100%;}
	
	#bloc02 a:link, #bloc04a a:link, #bloc05a a:link, #bloc03a a:link{
	color: #7E5120;
	text-decoration: underline;
	display: block;
	width: 100%;
	height: 100%;}
	
	#bloc02 a:hover, #bloc04a a:hover, #bloc05a a:hover, #bloc03a a:hover{
	color: #623D14;}
	
	#bloc02 a:active, #bloc04a a:active, #bloc05a a:active, #bloc03a a:active{
	color: #7E5120;
	text-decoration: underline;}
/*--------------------------------------------------------------------------*/
#submenu {
margin: 0;
padding: 0 15px;
height: 25px;}

#submenu li{
border-bottom: 2px solid #AF9F86;
background: #CBBEAA;
float: left;
padding: 5px 10px;
margin: 0 5px;}
	
	#submenu li:hover{
	background: #CAA66E;}


	#submenu li a{
	color: #684931;
	text-decoration: none;}

	#submenu li a:link, #submenu li a:visited{
	color: #684931;
	text-decoration: none;}
	
	#submenu li a:hover{
	background: #CAA66E;
	color: #684931;
	text-decoration: none;}

	#submenu li a:active{
	color: #684931;
	text-decoration: none;}
	
	#submenu li a.down:link, #submenu li a.down:visited {
	color: #684931;
	text-decoration: underline;
	}
/*--------------------------------------------------------------------------*/


/*PAGES
-------------------------------------------------------*/

/* actus
--------------------------------------------------------------------------*/
.tpl p, .tpl2 p {
text-align: justify;}

.tpl {
text-align: left;
width: 75%;
margin: 15px auto;
background: #D9D9D9;
border-bottom: 2px solid #cfcfcf;}

	.tpl h3 {
	line-height: 20px;
	font-size: 125%;
	margin: 0;
	padding: 0 0 0 65px;
	background: url(gifs/os-petit_32.gif) no-repeat 15px center #7B5C42;
	color: #E2E2E2;}

/* chiots
--------------------------------------------------------------------------*/
.tpl2 {
text-align: left;
width: 75%;
margin: 15px auto;
background: #D9D9D9;
border-bottom: 2px solid #cfcfcf;
position: relative;}

	.tpl2 h3 {
	line-height: 20px;
	font-size: 125%;
	margin: 0;
	padding: 0 0 0 65px;
	background: url(gifs/os-petit_32.gif) no-repeat 15px center #7B5C42;
	color: #E2E2E2;}
	
	.photoz {
	display:inline;
	}
	
	.tpl2 .more {
	clear: both;
	display: block;
	text-align: right;
	padding: 5px 15px;
	background: #E3D7CB;
	border-bottom: 1px solid #F8B956;}

/* élevage
--------------------------------------------------------------------------*/
.diapo {
clear: both;
width: 95%;
margin: 0 auto 15px;
background: #EFEBE4;
padding: 10px;
border: 1px solid #F8f8f8;}

	.diapo td{
	vertical-align: top;
	text-align: center;
	padding: 0;}

	.diapo h3{
	background: url(gifs/nonos_32.jpg) no-repeat left bottom;
	padding-left: 27px;
	padding-bottom: 0;
	border-bottom: 1px solid #F8B956;}

	.diapo p{
	text-align: justify;}

	.diapo .thumb{
	width: 92px;
	text-align: right;}

	.diapo .thumb img{
	border: 1px solid #F8B956;}

		.diapo .thumb img:hover {
		border: 1px solid #f7f7f7;}

	.diapo .legende {
	vertical-align: middle;
	text-align: left;/*
	border: 1px solid #B56E34;*/
	}

		.diapo .legende p{
		display: block;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
		}

		.diapo .legende p:hover{
		color: #B56E34;}
	
	.diapo table{
	width: 100%;
	margin: 5px auto 0;
	background: #EFEBE4;
	padding: 0 15px 0 0;
	#width: 98%;}
	
	#big_photo {
	margin: 10px 0;
	border: 1px solid #F8B956;}
	
	.friends {
	border-bottom: 1px solid #F8B956;}
	
	.friends a{
	margin-top: 15px;
	background: #E3D7CB;
	line-height: 2em;
	display: block;
	width: 100%;
	height: 100%;}
	
/* nous
--------------------------------------------------------------------------*/
.limit {
	clear: both;
	width: 95%;
	margin: 15px auto;
	background: #EFEBE4;
	padding: 5px;
	border: 1px solid #F8f8f8;
	text-align: center;
}

	.limit h3{
	background: url(gifs/nonos_32.jpg) no-repeat left bottom;
	padding-left: 27px;
	padding-bottom: 0;
	border-bottom: 1px solid #F8B956;}

	.limit p{
	text-align: center;}
	
	.fiche {
	border: 1px solid #C08452;
	float: right;
	margin: 5px 0 5px 15px;
	width: 200px;
	padding: 5px;
	background: #f7f7f7;}
/*--------------------------------------------------------------------------*/


/*CONTACT
-------------------------------------------------------*/
#contact_body {
padding: 15px;
margin: 15px 0;}

#contact_side p{
text-align: center;}

	
#bob {
width: 65%;
border-right: 1px dashed #a6814d;}


#mail {}

#mail p{
margin: 0 10px;}

#corpForm {
margin: 0 auto;}

#reserv td.right{
text-align: right;}

#reserv td.left{
text-align: left;}
 
fieldset{
margin: 5px 3em;
border: 1px solid #623D14;
}

em.ob{margin-left: 3em;
color: #333;}

fieldset legend{
line-height: 16px;
text-align: left;
color: #B56E34;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}


fieldset input{
text-align: left;
margin-top: 5px;}

fieldset label{
color: #012549;}

fieldset textarea{
vertical-align: text-top;
text-align: left;
width: 200px;}


	fieldset input:focus {
	border: 2px solid #B56E34;
	background: #fff;}
	fieldset textarea:focus {
	border: 2px solid #B56E34;
	background: #fff;}



fieldset p{
width: 300px;
text-align: right;}

#bouton_send{
width: 400px;
text-align: center;}

input.contact_envoyer{
cursor: pointer;
text-align: center;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 1em 0 .5em;
padding: .5em 1em;
background: #684931;
border: 0;}

/*--------------------------------------------------------------------------*/

	iframe {
	border: 1px solid #B56E34;}
/*--------------------------------------------------------------------------*/

#hdp {
text-align: right;}

/*footer
--------------------------------------------------------------------------*/
#footer {
padding: 5px;
text-align: center;
color: #4B260A;}
/*--------------------------------------------------------------------------*/

.diapo_align{
text-align:center;
}