/* RESET */

body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p { padding:0; margin:0;}
ul{list-style-type:none;}
body { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#2e2e2e; background:#000 url(../images/bckgrd-body.jpg) left top repeat;}
a { border:none; text-decoration:none; color:#0373b4; outline:none;}


/* HEADER */
#header { width:980px; z-index:50; position:relative; left: 50%; margin-left: -490px; display:block; z-index:200}
#headerLeft { float:left; width:147px;}	
	.logo { background:url(../images/logo-eleveur.png) left top no-repeat; display:block; text-indent:-20000px; width:147px; height:70px;}
#headerRight { float:left; width:712px; padding:10px 0 0 121px;}


/* MENU */
#menu {}
ul#topnav {	margin: 0; padding:0;	float:lefts;	width: 100%;	list-style: none;}
ul#topnav li {	float: left;	margin: 0; padding: 0;	position: relative}
ul#topnav li a {	float: left;	text-indent: -9999px;	height:53px; outline:none;}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; outline:none; }
	
	#menu #topnav .accueil {width:84px;  background:url(../images/menu-accueil.png);}
	#menu #topnav .accueil:hover, #menu #topnav .accueil_active {width:84px; background:url(../images/menu-accueil-h.png);}
	
	#menu #topnav .eleveurs {width:73px;  background:url(../images/menu-eleveurs.png);}
	#menu #topnav .eleveurs:hover, #menu #topnav .eleveurs_active {width:73px; background:url(../images/menu-eleveurs-h.png);}

	#menu #topnav .annonces {width:83px;  background:url(../images/menu-annonces.png);}
	#menu #topnav .annonces:hover, #menu #topnav .annonces_active {width:83px; background:url(../images/menu-annonces-h.png);}
	
	#menu #topnav .actualites {width:80px;  background:url(../images/menu-actualites.png);}
	#menu #topnav .actualites:hover, #menu #topnav .actualites_active {width:80px; background:url(../images/menu-actualites-h.png);}
	
	#menu #topnav .club {width:55px;  background:url(../images/menu-club.png);}
	#menu #topnav .club:hover, #menu #topnav .club_active {width:55px; background:url(../images/menu-club-h.png);}
	
	#menu #topnav .galeries {width:115px;  background:url(../images/menu-galeries.png);}
	#menu #topnav .galeries:hover, #menu #topnav .galeries_active {width:115px; background:url(../images/menu-galeries-h.png);}
	
	#menu #topnav .presentation {width:84px;  background:url(../images/menu-presentation.png);}
	#menu #topnav .presentation:hover, #menu #topnav .presentation_active {width:84px; background:url(../images/menu-presentation-h.png);}
	
	#menu #topnav .contact {width:73px;  background:url(../images/menu-contact.png);}
	#menu #topnav .contact:hover, #menu #topnav .contact_active {width:73px; background:url(../images/menu-contact-h.png);}
	
	#menu #topnav .faq {width:65px;  background:url(../images/menu-faq.png);}
	#menu #topnav .faq:hover, #menu #topnav .faq_active {width:65px; background:url(../images/menu-faq-h.png);}
	

	#menu ul#topnav li .sub {
	position: absolute;
	top: 53px; left: 0;
	background: #000;
	padding:10px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{	list-style: none;	margin: 0; padding: 0;	width: 200px;	float: left}
ul#topnav .sub ul li {	width: 100%;	color: #fff;}
ul#topnav .sub ul li h2 {	font-size: 14px;	font-weight: normal}
ul#topnav .sub ul li h2 a {	background-image: none;}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li a:hover {color: #3793df; background-position: 5px 12px ;}

/* CONTAINER */

#container { width:980px; z-index:50; position:relative; left: 50%; margin-left: -490px; display:block; background:url(../images/bckgrd-container.png) left top repeat-y; clear:both;}

/* HOME */
#menuHome{ clear:both; padding:0 0 0 6px; }
#menuHome {	margin: 0; float:left;	width: 100%;	list-style: none;}
#menuHome li {	float: left;	margin: 0; padding: 0;	position: relative}
#menuHome li a {	float: left;	text-indent: -9999px;	height:170px; width:121px; outline:none;}
#menuHome li:hover a, ul.menuHome li a:hover { background-position: left bottom; outline:none; }
	
	#menuHome .homeChiens {background:url(../images/home-chiens.jpg);}
	#menuHome .homeChiens:hover {background:url(../images/home-chiens-h.jpg);}
	
	#menuHome .homeChats {background:url(../images/home-chats.jpg);}
	#menuHome .homeChats:hover {background:url(../images/home-chats-h.jpg);}
	
	#menuHome .homeFurets {background:url(../images/home-furets.jpg);}
	#menuHome .homeFurets:hover {background:url(../images/home-furets-h.jpg);}
	
	#menuHome .homeChevaux {background:url(../images/home-chevaux.jpg);}
	#menuHome .homeChevaux:hover {background:url(../images/home-chevaux-h.jpg);}
	
	#menuHome .homeOiseaux {background:url(../images/home-oiseaux.jpg);}
	#menuHome .homeOiseaux:hover {background:url(../images/home-oiseaux-h.jpg);}
	
	#menuHome .homePoissons {background:url(../images/home-poissons.jpg);}
	#menuHome .homePoissons:hover {background:url(../images/home-poissons-h.jpg);}
	
	#menuHome .homeRongeurs {background:url(../images/home-rongeurs.jpg);}
	#menuHome .homeRongeurs:hover {background:url(../images/home-rongeurs-h.jpg);}
	
	#menuHome .homeReptiles {background:url(../images/home-serpents.jpg);}
	#menuHome .homeReptiles:hover {background:url(../images/home-serpents-h.jpg);}
	
#homeTop { width:980px; z-index:50; position:relative; left: 50%; margin-left: -490px; display:block; background:url(../images/bckgrd-top.png) left top no-repeat; height:231px; clear:both; padding:35px 0 0 0;}

	#homeTopLeft { float:left; padding:0 0 0 33px; width:291px;}
	.homeLienInscrivez, .homeLienMini, .homeLienAcces {outline:none; text-indent: -9999px; display:block;}
		.homeLienInscrivez { width:150px; height:19px; background:url(../images/home-left-inscrivez.png) left top no-repeat;}
		.homeLienInscrivez:hover { width:150px; height:19px; background:url(../images/home-left-inscrivez-h.png) left top no-repeat;}
		.homeLienMini { width:150px; height:19px; background:url(../images/home-left-mini.png) left top no-repeat;}
		.homeLienMini:hover { width:150px; height:19px; background:url(../images/home-left-mini-h.png) left top no-repeat;}
		.homeLienAcces { width:150px; height:19px; background:url(../images/home-left-acces.png) left top no-repeat;}
		.homeLienAcces:hover { width:150px; height:19px; background:url(../images/home-left-acces-h.png) left top no-repeat;}
			.ulHomeLeft {}
			.ulHomeLeft li  {   padding:2px 0 2px 15px; background:url(../images/li-home-left.png) left 8px no-repeat;line-height:18px; font-size:10px; color:#333;}
	#homeTopRight { float:left; width:635px;}
	
#homeContent { width:980px; z-index:50; position:relative; left: 50%; margin-left: -490px; display:block; clear:both;}
#homeLeft { float:left; width:659px; padding:28px 0 0 22px;}
	.leftSortir { width:178px; height:26px; background:url(../images/home-sortir.png) left top no-repeat;text-indent: -9999px; display:block; padding:0 0 5px 0;}
	.leftEleveurs { width:178px; height:26px; background:url(../images/home-eleveurs.png) left top no-repeat;text-indent: -9999px; display:block; padding:0 0 5px 0;}

#homeRight { float:left; width:269px; padding:28px 0 0 18px; color:#2e2e2e;}
	#homeRight a { color:#0373b4;}
	#homeRight div { line-height:18px; padding:10px 0 10px 0; border-bottom:1px solid #ddd;}
	
.homeSiteEleveurs { float:left; width:154px; padding:0 3px 0 3px;}
.homeSiteEleveurs strong { font-size:10px; color:#7e7e7e; font-weight:normal; }
.homeSiteEleveurs a {color:#0373b4;}
.homeSiteEleveurs p {padding:3px; background:#000;}

.rightSiteEleveurs { float:left; width:269px;}
.rightSiteEleveurs strong { font-size:10px; color:#7e7e7e; font-weight:normal; }
.rightSiteEleveurs a {color:#0373b4;}
.rightSiteEleveurs p {padding:3px; background:#000;}

.homeSeparation { width:32px; height:245px; background:url(../images/home-separation.png) left top no-repeat;float:left;}

#homeDernieresAnnonces, #homeDernieresInscriptions, #homeDernieresSaillies { float:left;width:188px; color:#7e7e7e;}
#homeDernieresAnnonces a, #homeDernieresInscriptions a, #homeDernieresSaillies  a { color:#0373b4;}
#homeDernieresAnnonces div, #homeDernieresInscriptions div, #homeDernieresSaillies div { line-height:16px; padding:5px 0 5px 0; border-bottom:1px solid #ddd;}
#homeDernieresAnnonces strong, #homeDernieresInscriptions strong, #homeDernieresSaillies  strong { font-size:10px; font-weight:normal;}

#homeDernieresAnnonces h3{ width:188px; height:46px; background:url(../images/home-dernieres-annonces.png) left top no-repeat;text-indent: -9999px; display:block;}
#homeDernieresInscriptions h3 { width:188px; height:46px; background:url(../images/home-inscriptions.png) left top no-repeat;text-indent: -9999px; display:block;}
#homeDernieresSaillies h3 { width:188px; height:46px; background:url(../images/home-saillies.png) left top no-repeat;text-indent: -9999px; display:block;}

/* RIGHT */
.rightTitreActualites { width:255px; height:26px; background:url(../images/home-actualites.png) left top no-repeat;text-indent: -9999px; display:block;}
.rightLienActualites { width:182px; height:28px; background:url(../images/lien-right-actualites.png) left top no-repeat;text-indent: -9999px; display:block;}
.rightDate { font-size:14px; font-weight:normal;}
.rightTitreSelection { width:255px; height:26px; background:url(../images/home-selection.png) left top no-repeat;text-indent: -9999px; display:block;}

/* PAGE */
#pageLeft { float:left; width:659px; padding:28px 0 0 22px; line-height:16px;}
	#pageLeft p { padding:0 0 15px 0;}
	.contentPage { width:644px;}
	.aRetour { background:url(../images/a-retour.png) left top no-repeat;text-indent: -9999px; display:block; width:92px; height:28px;}
	.aAjouterAnnonce { background:url(../images/ajouter-annonce.png) left top no-repeat;text-indent: -9999px; display:block; width:142px; height:28px;}
	.aAjouterFiche { background:url(../images/ajouter-fiche.png) left top no-repeat;text-indent: -9999px; display:block; width:172px; height:28px;}

.sousTitre { font-size:17px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0 0 15px 0;}
#faqSpace p { padding:0 25px 15px 25px; border-bottom:1px solid #ddd; margin:0 0 5px 0; width:594px;}

.actualitesDate { font-size:14px; font-weight:normal; }
.actualitesDiv { line-height:18px; padding:10px 0 10px 0; border-bottom:1px solid #ddd;}
.actualitesPagination a { padding:2px;}
.actualitesPagination a:hover { padding:2px; background:#111214; color:#fff;}
.actualitesPagination strong { padding:2px; background:#111214; color:#fff;}
.petiteDate { font-size:10px; font-weight:normal; }

.listeFlag { float:left;  width:50px;}
.listeContenu { float:left; width:544px;}

.listeContenuEleveur { float:left; width:272px;}
.listePhotoEleveur { float:right; width:272px; text-align:right;}
.listePhotoEleveur img  {padding:5px; background:#111214; margin:0 0 0 5px;}

.annoncesList { float:left; width:469px;}
.annoncesPhoto { float:right;  width:125px;}
.annoncesPhoto img {padding:5px; background:#111214;}

.topSearch { padding:10px; background:#ccc;}

.ulList {}
.ulList li  {   padding:2px 0 2px 15px; background:url(../images/li-home-left.png) left 8px no-repeat;line-height:18px; font-size:10px; color:#333;}

.ulError { padding:15px;}
.ulError li  {   padding:2px 0 2px 35px; background:url(../images/li-error.png) left 2px no-repeat;line-height:18px; font-size:10px; color:#333;}

/* TITRE */
.titreFaq, .titreContact, .titreEleveur, .titreGaleries, .titreClub, .titreActualites, .titreAnnonces, .titreEleveurs, .titreMentions {text-indent: -9999px; display:block; width:644px; height:39px; padding:0 0 15px 0;}

.titreFaq { background:url(../images/titre-faq.png) left top no-repeat;}
.titreContact { background:url(../images/titre-contact.png) left top no-repeat;}
.titreEleveur { background:url(../images/titre-eleveur.png) left top no-repeat;}
.titreGaleries { background:url(../images/titre-galeries.png) left top no-repeat;}
.titreClub { background:url(../images/titre-club.png) left top no-repeat;}
.titreActualites { background:url(../images/titre-actualites.png) left top no-repeat;}
.titreAnnonces { background:url(../images/titre-annonces.png) left top no-repeat;}
.titreEleveurs { background:url(../images/titre-eleveurs.png) left top no-repeat;}
.titreMentions { background:url(../images/titre-mentions.png) left top no-repeat;}

/* FOOTER */
#footer { width:980px; z-index:50; position:relative; left: 50%; margin-left: -490px; display:block; background:url(../images/bckgrd-footer.png) left top no-repeat; height:275px;}
#footerGalerie, #footerPourquoi, #footerCopyright { float:left;}
	#footerGalerie { width:355px; padding:0 52px 0 60px;}
		#footerGalerie p img { border:3px solid #585757; margin:0 10px 10px 0;}
	#footerPourquoi { width:195px; padding:0 59px 0 0;}
	#footerCopyright { width:198px;}
	
	.footerTitreGalerie, .footerTitrePourquoi, .footerTitreFacebook, .footerTitreCopy {text-indent: -9999px; display:block;}
	.footerTitreGalerie { background:url(../images/footer-titre-photos.png) left top no-repeat; width:355px; height:53px; outline:none;}
	.footerTitrePourquoi { background:url(../images/footer-titre-pourquoi.png) left top no-repeat; width:195px; height:53px;}
	.footerTitreFacebook { background:url(../images/footer-titre-facebook.png) left top no-repeat; width:194px; height:33px;}
	.footerTitreCopy { background:url(../images/footer-titre-copyright.png) left top no-repeat; width:198px; height:53px;}
	
	.ulFooterPourquoi {}
	.ulFooterPourquoi li  {   padding:2px 0 2px 25px; background:url(../images/footer-li-pourquoi.png) left 8px no-repeat;line-height:22px; font-size:10px; color:#fff;}
	
	.ulFooterCopy {}
	.ulFooterCopy li  { width:172px; height:30px; background:url(../images/footer-li-copyright.png) left top no-repeat; color:#FFF; padding:2px 0 0 2px;}
	
	.ulFooterPourquoi a, .ulFooterCopy a { color:#fff;}

/* CLASS */
.clear { clear:both;}
.left { float:left;}
.right { float:right;}

.galeriePhoto { float:left; width:125px; margin:0 10px 10px 0; padding:5px; background:#111214;}
.borderImage { padding:5px; background:#111214;}
.espaceRight5 { margin:0 5px 5px 0;}
.borderNone { border:none;}

.blockFlickr { float:left; width:199px; padding:5px;}
.blockFlickr p { width:180px; padding:0 12px 0 12px;}


/* SLIDE REALISATIONS */

<!--
/** 
 * Slideshow style rules.
 */
#slideshow {
	/*margin:0 auto;*/
	width:635px; /* 579px +64 2*bouton */
	height:151px;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:585px;
  height:218px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:560px; /* reduce by 32 pixels of #slidesContainer to avoid horizontal scroll */
  height:151px;
}

.slide p { font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; padding:10px 0 0 0; color:#333; line-height:16px;}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;  
  width:25px;
  height:151px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../images/home-arrow-left.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../images/home-arrow-right.png) no-repeat 0 0;
}


/* CA VIENT DE SORTIR */
/*preload classes*/
#mygalone { padding:0 0 10px 0;}
#mygalone img { border:none;}

.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden; 

}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #000;
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #fff;
color: #000;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}

/* SLIDERView */

.containerSlide { width:644px; height:134px; overflow:hidden; position:relative; cursor:pointer; }
div.slides { position:absolute; top:0; left:0;}
.slides img { border:none;}
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides > div,ul.slides li { position:absolute; top:0; width:644px; display:none; padding:0; margin:0; }
/*
 * Optional
*/
#loopedSlider,#newsSlider { width:500px; position:relative; clear:both; }
ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li  { float:left; }
ul.pagination li a { padding:2px 4px; }
ul.pagination li.active a { background:#000; color:#fff; }


/******* FORM *******/
#erreurForm { background:#ffd4d4}
.divForm { padding:15px 25px 15px 25px; border-bottom:1px solid #ddd; width:594px; clear:both; height:15px;}
.divFormTExte { padding:15px 25px 15px 25px; border-bottom:1px solid #ddd; width:594px; clear:both; height:150px;}
.divLeft { width:194px; float:left;}
.divRight { width:400px; float:left;}
.formInput300 { width:300px; font-size:11px;}
.formInput35{ width:35px; font-size:11px;}
.formInput100{ width:100px; font-size:11px;}
.formTextarea { width:400px; font-size:11px; height:150px; font-family:Verdana, Geneva, sans-serif;}
.aEnvoyer { background:url(../images/form-envoyer.png) left top no-repeat; width:92px; height:28px; text-indent: -9999px; display:block;}
.formRequis { background:url(../images/form-requis.png) right top no-repeat;}
select { font-size:11px; width:350px;}

.select100 { font-size:11px; width:100px;}
/******* /FORM *******/