@charset "utf-8";
/* CSS Document */

body
{ 
	background:url(kit%20graphique/body.png);
	width:100%;
}

#menu_1
{
	background-image:url(kit%20graphique/menu_1.png);
	background-repeat:repeat-x;
	height: 106px;
	margin:200px -300px 0 -10px;
}

#menu_1 ul 
{
 padding:0;
 margin-left:200px;
 list-style-type:none;
}
 
#menu_1 li 
{
	float:left; /*pour IE*/
 	padding-top:3px;
}
 
#menu_1 ul li a 
{
	display:block;
 	float:left;   
 	width: 165px;
 	height: 106px;
 	line-height:65px; /*hauteur de l'image de fond*/
 	color:#DCDCDC;
 	text-decoration:none;
 	text-align:center;
	font-size:22px;
	margin-top:15px;
}
 
#menu_1 ul li a:hover 
{
 	background:url(kit%20graphique/menu_lien_survol.png) no-repeat;
 	color:white;
	margin:13px 0 0 0;
	font-size:22px;
	font-weight:bold;
	padding-top:5px;
}
 
#content_1
{
	background-image:url(kit%20graphique/content_1.png);
	background-repeat:no-repeat;
	width: 1018px;
	height: 1185px;
	position:absolute;
	z-index: 1;
	top:300px;
	margin-left: 75px;
	padding:5px 5px 5px 400px;
}

#fil_ariane
{
	text-decoration:none;
	text-transform:none;
	color: #609c9f;	
	overflow:hidden;
	width:600px;
	height:40px;
	padding-top:10px;
}

/* ****************** recolorisation de resultat  breadcrumb ******* */
#fil_ariane a 
{ 
	color: #CCC; 
	text-decoration:none; 
}

#titre_content_1
{
	padding:0 0 0 65px;
	color:#609C9F;
}

#titre_content_2
{
	margin:-10px 0 10px 0;
	padding:0 0 0 65px;
	color:#609C9F;
}

#content_2
{
	background-color:#002f5d;
	position:absolute;
	z-index:2;
	top:302px;
	left:137px;
	width: 274px;
	height: 1160px;

}

#thumbmail
{
	border:solid 1px lightgrey;
	height:40px;
	width:100px;
}

#footer
{
	background-color:#002f5d;
	border:solid 3px #FFF;
	background-repeat:repeat-x;
	height: 124px;
	margin:1155px -300px -10px -10px;
}

#footer ul
{
	margin:35px 0 0 265px;
	position:absolute;
	z-index:5;
}

#footer ul li
{
	list-style:none;
	float:left;
	padding-right:18px;
}

#footer ul li a
{
	text-decoration:none;
	font-size:20px;
	color:#FFF;
	font-weight:bold;
	margin:0 0 0 0;

}

#footer ul li a:hover
{
	color:#609C9F;
}

.pipe
{
	color:#FFF;
	font-size:30px;
	margin-top:-5px;
}


#ruban_p1
{
	position:absolute;
	z-index:4;
	left:119px;
	top:330px;
	width: 331px;
	height: 81px;
}

#ruban_p2
{
	position:absolute;
	z-index:4;
	left:119px;
	top:675px;
	width: 331px;
	height: 81px;

}

#ruban_p3
{
	position:absolute;
	z-index:4;
	left:119px;
	top:880px;
	width: 331px;
	height: 81px;
}

#ruban_p4
{
	position:absolute;
	z-index:4;
	left:119px;
	top:1080px;
	width: 331px;
	height: 81px;
}

#separateur_p1
{
	position:absolute;
	z-index:3;
	left:405px;
	top:640px;
}

#separateur_p2
{
	position:absolute;
	z-index:3;
	left:405px;
	top:95px;
}

#separateur3
{
	position:absolute;
	z-index:3;
	left:405px;
	top:95px;
}

#separateur4
{
	position:absolute;
	z-index:3;
	left:405px;
	top:610px;
}

#cheval_b1
{
	position:absolute;
	z-index:2;
	top:1000px;
	left:850px;
}

#article_1_acceuil
{
	width:600px;
	height:465px;
	border: dashed 1px lightgrey;
	margin-top:10px;
	padding:10px 10px 10px 10px;
}

#article_1_installations /* encadrer en pointiller  et gris clair  */
{
	width:600px;
	height:465px;
	border: dashed 1px lightgrey;
	margin-top:10px;
	padding:10px 10px 10px 10px;
	text-align:justify;
}

.article_1_installations /* paragraphe + couleur de la police */
{
	padding-right:230px;
	padding-top:20px;
	color:#666666;
}

.article_2_installations
{
	padding:10px 10px 10px 10px;
	color:#666666;
}



.legende_prix
{
	font-size:12px;
	margin-top:70px;
	
}

#article_vente1
{
	width:600px;
	height:435px;
	border: dashed 1px lightgrey;
	margin-top:10px;
	padding:10px 10px 10px 10px;
}

#article_activites
{
	width:600px;
	height:985px;
	border: dashed 1px lightgrey;
	margin-top:10px;
	padding:10px 10px 10px 10px;
}

.article_1_ventes
{
	padding-right:230px;
	padding-top:20px;
	color:#666666;
}

.article_1_elevage
{
	color:#666666;

}

#vcheval_1
{
	position:absolute;
	z-index:4;
	width:220px;
	height:180px;
	left:770px;
	top:150px;
	border:solid 2px #7bb0fa;
}

#vcheval_2
{
	position:absolute;
	z-index:4;
	width:220px;
	height:180px;
	left:770px;
	top:670px;
	border:solid 2px #7bb0fa;
}

#videoCanvas
{
	position:absolute;
	z-index:4;
	width:220px;
	height:180px;
	left:770px;
	top:370px;
	border:solid 2px #7bb0fa;
}

#videoCanvas2
{
	position:absolute;
	z-index:4;
	width:220px;
	height:180px;
	left:770px;
	top:900px;
	border:solid 2px #7bb0fa;
}

#formulaire_contact
{
	margin:0 0 0 0;
	width:90%;
}

fieldset
{
	margin:40px 0 0 35px;
	width:500px;
	border-color:#609c9f;
}

legend
{
	color:#609c9f;
	font-weight:bold;
}

#article_2_acceuil
{
	width:600px;
	height:445px;
	border:dashed 1px lightgrey;
	margin-top:20px;
	padding:10px 10px 10px 10px;
}

#article_vente2
{
	width:600px;
	height:445px;
	border:dashed 1px lightgrey;
	margin-top:20px;
	padding:20px 10px 10px 10px;
}

#navint
{
	margin:5px 0 0 0;
	padding:0 0 0 250px;
}



#navint a
{
	text-decoration:none;
	font-size:22px;
	font-weight:bolder;
	color: #666;
}



#b
{
	font-size:24px;
	font-weight:bold;
	color:#609c9f;
}

#map_canvas
{

	width: 500px; 
	height: 300px;
	margin:15px 0 0 50px;
	font-size:16px;
	color:#497671;
}

.adresse
{
	padding-left:50px;
	padding-top:10px;
	color: #666;
	
}

#verticale_1 /* barre verticale */
{
	width:96%;
	height:40px;
	padding:0 5px 5px 5px;
	color:#FFF;
	font-size:20px;
	line-height:22px;
}

#verticale_2 /* barre verticale */
{
	width:95%;
	height:287px;
	padding:5px 5px 5px 5px;
	margin-top:46px;
	color:#FFF;
}

#chevalvente_1
{
	display:block;
	width:245px;
	height:160px;
	margin:7px 0 0 8px;
	border:solid 1px lightgrey;
}

#verticale_2 a 
{
	text-decoration:none;
	color:#609c9f;
}

#descriptif
{
	padding:0 5px 5px 9px;
}

#verticale_3 /* barre verticale */
{
	width:95%;
	height:148px;
	padding:5px 5px 5px 5px;
	margin-top:45px;
	color:#FFF;
}

#verticale_4 /* barre verticale */
{
	width:95%;
	height:144px;
	padding:5px 5px 5px 5px;
	margin-top:45px;
	color:#FFF;
}

#verticale_5 /* barre verticale */
{
	width:95%;
	height:306px;
	line-height:33px;
	padding:8px 5px 5px 5px;
	margin-top:40px;
	color:#FFF;
}

#verticale_5 ul li a
{
	text-decoration:none;
	color:#FFF;
}

#verticale_5 ul li a:hover
{
	color: #609C9F;
}

#copywhrite
{
	color:#609C9F;
	padding:70px 0 0 180px;
}

#titre_1_verticale
{
	position:absolute;
	z-index:6;
	top:337px;
	left:150px;
	color:#002f5d;
}

#titre_2_verticale
{
	position:absolute;
	z-index:6;
	top:684px;
	left:150px;
	color:#002f5d;
}

#titre_galeriephotos
{
	position:absolute;
	z-index:6;
	top:888px;
	left:150px;
	color:#002f5d;
}

#titre_partenaires
{
	position:absolute;
	z-index:6;
	top:1087px;
	left:150px;
	color:#002f5d;
}

#design_by
{
	position:absolute;
	z-index:2;
	top:1520px;
	left:1100px;
}

/* ****************** light box ******* */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ background-color:#000; position:absolute; z-index:90; top:0; left:0; } 




#petites_photos1
{
	position:absolute;
	z-index:3;
	top:140px;
	left:830px;
	width:150px;
	height:125px;
}

#petites_photos2
{
	position:absolute;
	z-index:4;
	top:290px;
	left:830px;
	width:150px;
	height:125px;
}

#petites_photos3
{
	position:absolute;
	z-index:5;
	top:450px;
	left:830px;
	width:150px;
	height:125px;
}