body { font-family:Arial, Helvetica, sans-serif; font-size:.7em; color:#666; margin:0; padding:0}
* {margin:0;padding:0; border:0}
a{color:#666;text-decoration:none;}
a{color:#666;text-decoration:underline;}
a:hover{ color:#f0a41d; }
p{margin:0 0 8px 0;}


#centre{width: 553px; background-color: White; position: absolute; left:197px; top:158px; }
#centre2col{width: 803px; background-color: White; position: absolute;left: 197px; top:158px; }
#droite{width: 250px; position: absolute; left:750px; top:158px; background: url(images/gris.gif) repeat-y top right;}
#bandeau{width: 1000px; height: 158px;  left:0; margin-right: auto; position: relative; background:url(images/fond.jpg) repeat-x top left #fff;}
/*#gauche{width: 197px; position: absolute; left:0; background: url(images/fond_gauche.jpg) no-repeat bottom left;}*/

/* test gauche */
#gauche{width: 197px; position: absolute; left:0; background: url(images/fond_gauche4.jpg) no-repeat top left #3b3b3d; border-left: 1px dotted #f0a41d}


#footer{width: 1000px; text-align: center; position: absolute;  left:0; bottom:0px; height: 55px; background: url(images/fond_pied.jpg) repeat-x top left white; }
#footer a{font-size:10px; color:#666;text-decoration:none;}
#footer a:hover{font-size:10px; color:#009ff1; }
.margin10{margin:10px;}
.margin2{margin:2px;}


#bandeaugauche{float: left;width: 198px;}
#bandeaudroit{float: right; width: 487px;}
#bandeauflash{height: 90px;width: 487px;}
#bandeaucontact{float: right; width: 350px;  background: url(images/bt_fond.jpg) repeat-x ; text-align:left;}
#bandeaucontact a{display:block; float:left;color:#fff; text-decoration:none; line-height:16px; }
#bandeaucontact a:hover{color:#ddd;}
#bandeaucontact img{ float:left; margin:0 2px 0 0;}
#bandeauslogan{float: right; width:700px; margin-top:9px; }
#bandeauslogan img{float:left; margin-right:50px; }





h1{font-family:Arial, Helvetica, sans-serif;font-size:18px; /*font-variant:small-caps;*/ font-weight: bold; color:#ff7f00;
	 font-weight:normal;margin:8px 0 5px 0; background:url(images/fleches_jaune.gif) top left no-repeat; padding-left: 25px; padding-bottom: 5px; border-bottom: 1px dotted #ccc; width: 90%; line-height:14px}
h1.pointille{border-bottom:1px dashed #666;display:inline; line-height:40px;}
h2{font-family:Arial, Helvetica, sans-serif;font-size:14px; color:#5a3d1b; font-weight:normal;margin:8px 0 20px 0; line-height: 16px}
h3{font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#f49d00; font-weight:normal;margin:25px 0 8px 0;clear:left;}
h4{font-family:Arial, Helvetica, sans-serif;font-size:11px; color:#5a3d1b; font-weight:bold; margin:0 0 8px 0; }

	 
#droite h1{font-size:17px;}
#droite h2{font-size:14px;}
	 
ul{list-style-type: none; margin:0 0 8px 10px; }
li {background:url(images/puce.gif) no-repeat 0 .4em; padding-left: 1em;margin:4px 0 0 0; }
ul ul li {background:url(images/puce_orange.gif) no-repeat 0 .4em; padding-left: 1em;margin:4px 0 0 0; }
.citation{ font-style:italic; font-size:11px; }



/* ########## VOUS ETES ICI ########## */
#navig{color: #009ff1; padding:2px 0 2px 0;}
#navig a{color: #009ff1; text-decoration:underline;}
#navig a:hover{text-decoration:underline;}



/* ########## MENU ########## */
#menu{width:162px; margin:20px auto;}
#menu dt {cursor: pointer; width:100%; height: 31px; line-height: 31px; text-align: right; }
#menu dt a{padding-right:10px; color:#fff;text-decoration: none; display: block; border: 0 none; height: 100%;}
#menu dd {width:154px; margin-top:-2px; background: url(images/bt_droit.gif) no-repeat bottom right; padding-right:3px; }
#menu ul{margin:0; padding:0; padding-bottom:3px; background:url(images/bt_bas.gif) no-repeat bottom #fff; border-top: 1px solid #e6e6e6;}
#menu li {margin:0; padding:0; text-align: right; list-style-type:none; padding-right:1px; border-left: 1px solid #e6e6e6; background-image:none; border-bottom:1px solid #e6e6e6;}
#menu li a { color: #989898; text-decoration: none; display: block; border: 0 none; height: 100%;padding:3px 0; padding-right:8px;margin-right:3px}
#menu li a:hover { background: #eee; }

#menu .menugd{background: url(images/bt_genesdiffusion.gif) no-repeat;}
#menu .menuactu{background: url(images/bt_actualites.gif) no-repeat;}
#menu .menusellesfr{background: url(images/bt_sellesfrancais.gif) no-repeat;}
#menu .menutrotteurs{background: url(images/bt_sellesfrancais.gif) no-repeat;}
#menu .menuharas{background: url(images/bt_sellesfrancais.gif) no-repeat;}
#menu .menupublications {background: url(images/bt_publicationsequines.gif) no-repeat;height:44px; }
#menu .menupublications a{padding-top: 8px; line-height: 12px;}
#menu .menuliens{background: url(images/bt_liens.gif) no-repeat;}
#menu .menugd dd,#menu .menuactu dd, #menu .menusellesfr dd, #menu .menutrotteurs dd, #menu .menupublications dd, #menu .menuliens dd{display: none}


/* ########## BOITES A OUTILS ########## */
/*#outils{text-align:right; list-style-type:none; margin-top:150px; margin-bottom:160px;}
#outils li{display:block; background: url(images/outils_fond.gif) repeat-y right; margin-bottom:1px;}
#outils li a{width:100%; height:24px; line-height:22px; display:block; color:#fff}
#outils li a:over{color:#f49d00}
#outils li a img{margin:2px 2px 2px 10px;}*/

/*test gauche */
div#fondOutils{background:url(images/fond_gauche.jpg) bottom left no-repeat; height: 320px; margin-top: 100px }
ul#outils{text-align:right; list-style-type:none; margin:0;  padding-top: 175px  }
#outils li{display:block; padding-right: 3px; background-image: none}
#outils li a{border:0; width:100%; line-height:18px; display:block; /*padding-bottom: 1px;*/ color: #ccc}
#outils li a:hover {color: #ddd}
#outils li a img{margin:0 2px 3px 10px;}

#contact{width: 300px; background:url(images/bt_fond.jpg) repeat-x top;  }
#contact a{color:#fff; text-decoration:none; line-height:16px;}



/* ########## ENCARTS COLONNE DE DROITE ########## */
.encart{width: 100%; }
.encartfond{padding:0 15px 0 15px; background: url(images/encart_arrondi.gif) no-repeat top left #dcdede}

.ombrehaut{background: url(images/encart_h.gif) repeat-x top ;width: 100%; height: 11px;}
.ombrebas{background: url(images/encart_b.gif) repeat-x top ;width: 100%; height: 13px;}
.ombregauche{background: url(images/encart_g.gif) repeat-y; width: 9px;}
.ombredroite{background: url(images/encart_d.gif) repeat-y right; width: 9px; }

#droite .omb{display: table; width: 232px; margin: 5px auto; background: url(images/omb_centre.gif) repeat-y;}
#droite .ombhaut{background: url(images/omb_haut.gif) no-repeat bottom #e4e6e6; width: 100%; height: 5px;float: left;}
#droite .ombbas{background: url(images/omb_bas.gif) no-repeat; width: 100%; height: 13px;float: left;}
#droite .ombcentre{width: 190px; float: left; padding: 10px 15px;background: url(images/omb_arrondis.gif) no-repeat top left;}
#droite .ombaideindex{display: table; width: 232px; margin: 5px auto; background: url(images/omb_centre2.gif) repeat-y;}
#droite .ombaideindex .ombcentre{width: 190px; float: left; /*padding: 10px 15px;*/background: url(images/omb_arrondis2.gif) no-repeat top left; height: 72px}

.indexfond{padding:10px 15px 0 85px;background: url(images/ico_index.gif) no-repeat #dfe0e1}

.calendrier{width: 240px; background: url(images/calendrier_fond.gif) repeat-x top left;}
.calendrierfond{background: url(images/calendrier_arrondi.gif) no-repeat top left;}
.calendrier a:hover{color:#ff7f00}

.newsletter{width: 240px; background: #19191b; color:#919191}
.newsletterfond{background: url(images/newsletter_a.gif) no-repeat top left;}
.newsletter a:hover{color:#ff7f00}

.trotteur{width: 240px; background: #19191b; color:#919191}
.trotteurfond{background: url(images/trotteur_a.gif) no-repeat top left;}
.trotteur a:hover{color:#ff7f00}

.contactsf{width: 240px; background: #19191b; color:#919191}
.contactsffond{background: url(images/contact-sf.jpg) no-repeat top left;}
.contactsf a:hover{color:#ff7f00}

.debourrage{width: 240px; background: #19191b; color:#919191}
.debourragefond{background: url(images/debourrage.gif) no-repeat top left;}
.debourrage a:hover{color:#ff7f00}

.contrat{width: 240px; background: #19191b; color:#919191}
.contratfond{background: url(images/contrat.gif) no-repeat top left;}
.contrat a:hover{color:#ff7f00}

.cataloguesf{width: 240px; background: #1a1a1a; color:#919191}
.cataloguesffond{background: url(images/cataloguesf.gif) no-repeat top left;}
.cataloguesf a:hover{color:#ffffff}

.semencefraiche{width: 240px; background: #19191b; color:#919191}
.semencefraichefond{background: url(images/semencefraiche.gif) no-repeat top left;}
.semencefraiche a:hover{color:#ff7f00}

.selle{width: 240px; background: #19191b; color:#919191}
.sellefond{background: url(images/selle_a.gif) no-repeat top left;}
.selle a:hover{color:#ff7f00}

.rouge{color:#ff0101}

#droite h1{font-size:17px; background-image:none; border:0;}
#droite h2{font-size:14px; background-image:none; border:0;}

#droite .ombcentreindex{width: 190px; float: left;padding: 10px 15px;background: url(images/omb_index.gif) no-repeat top left ; }
*>#droite .ombcentreindex {}
#droite .ombcentreindex h1{/*padding-left:90px;*/ text-align:right}
#droite .ombcentreindex .left90{/*padding-left:90px;*/ text-align:right}



#droite .pointillebas{border-bottom:1px dashed #666; }
#droite .pointillebasorange{border-bottom:1px dashed #ff7f00; }
#droite .pointillehaut{border-top:1px dashed #666;width:180px}
.droite{text-align:right}

#droite h1{font-size:17px; background-image:none; border:0;}
#droite h2{font-size:14px; background-image:none; border:0;}
#droite p{width:190px;}


.diapo{ list-style-type:none; text-align:center ; margin:10px 0 0 0; padding:0}
.diapo li{background-image:none; display:block; float:left; width:30%; height:158px; border:1px solid #e0e0e0; margin:0 2px 2px 0; padding:3px;}
.diapo img{border:1px solid #ccc; margin:0 0 3px 0; padding:0}


.diapoetalons {float:left; width:47%; height:124px; border:1px solid #e0e0e0; margin:5px 5px 0 0; padding:2px;}
.diapoetalons dt{width:92px; height:122px; margin-right:5px;float:left; }
.diapoetalons dt img {border:1px solid #ccc; padding:1px;}
.diapoetalons .titre{color:#5a3d1b; font-size:1.2em; height:35px; }
.diapoetalons .comment{height:70px; }
.diapoetalons .lien{ background: url(images/fleches_jaune.gif) no-repeat right; padding-right:20px; width:100%; margin-left:70px  }
.diapoetalons .petit{font-size:9px}

.diapoactus {float:right; width:38%; height:124px; border:1px solid #e0e0e0; margin:5px 5px 0 0; padding:2px; background-color:#FFCF9F;}
.diapoactus dt{width:92px; height:122px; margin-right:5px;float:left; }
.diapoactus dt img {border:1px solid #ccc; padding:1px;}
.diapoactus .titre{color:#5a3d1b; font-size:1.2em; height:35px; }
.diapoactus .comment{height:70px; }
.diapoactus .lien{ background: url(images/fleches_jaune.gif) no-repeat right; padding-right:20px; width:100%; margin-left:70px  }
.diapoactus .petit{font-size:9px}

.diapoexpert {float:left; width:47%; height:160px; border:1px solid #e0e0e0; margin:5px 5px 0 0px; padding:2px;}
.diapoexpert dt{width:92px; height:122px; margin-right:5px; float:left; }
.diapoexpert dt img {border:1px solid #ccc; padding:1px;}
.diapoexpert .titre{color:#5a3d1b; font-size:1.2em; height:35px; }
.diapoexpert .comment{height:110px; }
.diapoexpert .lien{ background: url(images/fleches_jaune.gif) no-repeat right; padding-right:20px; width:100%; margin-left:100px;}
.diapoexpert .petit{font-size:9px}



/* ########## FORMULAIRES ########## */

select, textarea, input, .champcontact, .champcontacterreur, .send, .erreur{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

select {border: 1px #d3dbe4 solid; color:#104985}
textarea{border: 1px #d3dbe4 solid; color:#104985}
input{border: 1px #b6c3d1 solid; color:#104985}

.champcontact { border: 1px #b6c3d1 solid; background-color: #fff; color:#aaa; padding:0; margin:2px 2px 8px 0;  font-size: 10px;}
.champcontacterreur {border: 1px #880000 solid; background-color: #aa0000; color: #FFFFFF;padding:0; margin:2px 2px 8px 0;  font-size: 10px;}
.send{border: 1px #b6c3d1 solid; background-color: #009ff1; color: #ffffff; }
.erreur{color:#be0d0d; font-weight:bold;}

.labelfor{display:block; float:left; clear: left; margin:2px 2px 0 0; /*border:1px solid #fff;*/ font-size: 11px; line-height:12px; padding:1px }
.bloq{display:block; float:left; margin-right:2px; }
.groupe{display:block; float:left; margin-top:15px; }
.TexteRouge{color:#f4970b;}


.labelfor2{display:block; float:left; margin:4px 2px 0 0; padding:0; border:1px solid white; }
.texright{ text-align:right}


.bgformulairehaut {background:url(images/bg_formulairehaut.gif) top left no-repeat; width: 462px; height: 33px; float: left} 
.bgformulairecontent {background:url(images/bg_formulairemilieu.gif) top no-repeat; float: left; width: 462px; height:470px }
.bgformulairebas {background:url(images/bg_formulairebas.gif) top left no-repeat; float: left; width: 462px; height: 16px; }
#contentcontact {padding-left: 40px; }
/* ########## ########## */

.orange{color:#ff7f00}


.margin10{margin:10px;}
.margin2{margin:2px;}
.margin5{margin:5px;}
.margintopbottom20{margin-top:20px;margin-bottom:20px;}
.imggauche{margin: 5px 15px 5px 0;float:left; border:1px solid #ccc}
.imgdroite{margin: 5px 10px 5px 10px;float:right; border:1px solid #ccc}
.imgdroite2{margin: 5px 10px 5px 10px;float:right}
.imgdroite3{margin: 5px 5px 5px 5px;float:right}
.margintop5{margin-top:5px;}
.margintop10{margin-top:10px;}
.margintop20{margin-top:20px;}
.margintop40{margin-top:40px;}
.marginbottom20 {margin-bottom: 20px}
.paddingtop10{padding-top:10px;}
.center{ text-align:center}


.clearleft{clear:left}
.clearright{clear:right}
.clearboth{clear:both}
b.clearboth{height:0; display:block; }
div.modeEmploi {display: block; float: left; width: 95%; border: 1px solid #ccc; padding: 10px; margin:20px 0 10px 0; }
div.modeEmploi h3:first-child{margin-top:0}
.cadrecentre{ border: 1px solid #ccc; padding: 3px; margin:10px 0 0 0 ;  text-align:center;}
.block {display: block; float: left}
.inline {display: inline}

.cadregris {border: 1px solid #ccc;}

/* ########## - ########## */
	 
.pointillebas{border-bottom:1px dashed #666;}
.pointillehaut{border-top:1px dashed #666;}
.vert{color:#008f11}

h1.marron{color: #630; font-weight: bold}
h1.gris {color:#666; font-weight: bold}
h1.vert{color:#008f11; font-weight: bold}
h1.bleu{color:#009ff1; font-weight: bold}

.gris {color: #666}

/*   ########### ACTU  ########### */
.moyen{font-size:9px;}

/*   ########### FICHE ETALON  ########### */
#fehaut {background:url(images/ft_oeillets.gif) top left no-repeat; width: 791px; height: 75px}
#febas {background:url(images/ft_ombbas.gif) top left no-repeat; width: 791px; height: 16px; margin-bottom:20px; float:left}


#ficheEtalon{background:url(images/ft_contenu.gif) top left repeat-y; width: 791px; float:left;}

#feContenu1, #feContenu2{background:url(images/ft_contenu.gif) top left repeat-y; width: 791px; float:left;}


#fepresent{width: 380px; float: left; margin-left:25px; padding: 10px 0 10px 10px;}
#fepresent dl {width: 45%;  font-size: 14px; line-height: 18px; margin:0 3px 20px 0;}

#fePhotos {float: left; width:270px; position:absolute; left:450px; top:180px; z-index:10 }
#fePhotos img {float: left; border: 1px solid #ccc; padding: 4px; margin: 5px ; clear:both}

#feGenealogie {float: left; clear: both; width: 680px; margin-left:25px; padding: 10px; margin-top:100px;}
#feGenealogie .nomTaureau {font-weight: bold; font-size: 13px; text-align: center}
#silhouetteTaureau {/*float: left;*/ width: 150px; text-align: center; }
#feparents{ float:right; width:200px; }
#fegdparents{ float:right; width:200px;  margin:5px 40px 0 0; }

#feGenealogie  .parent{background-color:#ffbf00; color:#FFF; width:93%; float:left; margin:22px 0 10px 0; padding-left:15px;height:18px; line-height:18px;  }
#feGenealogie  .gdparent{background-color:#009ff1; color:#FFF; width:93%; float:left; margin-top:6px; padding-left:12px;height:18px; line-height:18px; }


#feprod{width: 200px; float:left; margin-top:20px;}
#femorpho{float:left;margin-top:20px;margin-left:50px; width:400px; }

#ficheEtalon ul {margin: 0; padding: 10px}
#ficheEtalon li {background: url(images/fleches.gif) no-repeat; padding-left: 20px}
#ficheEtalon .cadregris {padding:10px; margin-right:20px;}

.tableftIndex {border: 1px solid #ccc; width:100%}
.tableftIndex .noborderbottom {border-bottom: 0}
.tableftIndex th {font-family:Tahoma; color:#009ff1; text-align:left; height:19px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-weight:normal;  font-size:12px; padding: 0 5px 0 5px}
.tableftIndex td {text-align:left; padding: 0 2px; border-bottom:1px solid #ccc; }
.tableftIndex td.center{text-align:center;}
.tableftIndex td.borderbd {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc}
.tableftIndex td.borderCD {border-right: 1px solid #ccc}
.tableftIndex th.borderCD {border-right: 0}


#ficheEtalon .Tamorpho{width:100%;background:url(images/filets_graphics.gif) repeat-y 188px top;  }
#ficheEtalon .Tamorpho th, #ficheEtalon .Tamorpho td{border-bottom:1px solid #ccc; }
#ficheEtalon .Tamorpho .th{font-family:Tahoma; color:#009ff1; text-align:left; height:19px; font-weight:normal; font-size:12px; padding: 0 5px; background-color:#e8eaea}
#ficheEtalon .Tamorpho .nb { word-spacing:54px; color:#999; font-size:11px;background-color:#e8eaea;}
#ficheEtalon .Tamorpho .noborderbottom {border-bottom: 0}
.jaune{color:#ffbf00; font-weight:bold}
#ficheEtalon .Tamorpho .emptyRow{background-color:#e8eaea;border: 0; height:19px}

div.fondgris{background-color: #ccc; padding: 5px; margin:10px 0 20px 0;width:190px}
#ficheEtalon .Tamorpho .fleche{margin-left:5px; height:12px; border:0}


p.isu {font-size: 18px; font-weight: bold; color:#009ff1;  text-align: center; border-bottom: 2px solid #009ff1; border-top: 2px solid #009ff1; width: 200px} 

#feautresphotos{float: left; clear: left; width: 680px; margin-left: 25px; padding:10px }
#feautresphotos img {float: left; border: 1px solid #ccc; padding: 4px; margin: 5px; }


#feOutils {width: 41px;  position:absolute; top:180px; right:25px; height:139px; background:url(images/feOutils-fonddroite.gif) no-repeat top left; }
#feOutils a{ border:0;width:100%; height:25px; display:block; }
#feOutilsContent{width:244px; height:132px; position:absolute; top:179px; right:50px; padding-right:2px; z-index:100; background:url(images/feOutils-fondgauche.gif) no-repeat top left; display:none; }
#feOutilsContent a{border:0; width:190px; height:27px; line-height:27px; display:block; float:right; color:#fff; text-align:right; padding-right:22px;}
#feOutilsContent a:hover{color:#ddd}


/* ######## LIENS ######## */

dl.liens {margin-left: 15px}
dl.liens dt {color: #009ff1; font-weight: bold; margin-bottom: 5px}
/*dl.liens dd {margin-top: 10px}*/


/*   ########### FICHE CHEVAUX  ########### */
#fthaut {background:url(images/ft_oeillets.gif) top left no-repeat; width: 791px; height: 75px}
#ftbas {background:url(images/ft_ombbas.gif) top left no-repeat; width: 791px; height: 16px; margin-bottom:20px; float:left}


#ficheChevaux{background:url(images/bg_fiches.gif) top left repeat-y; width: 791px; float:left;}
#ficheChevaux h1 {font-family: Trebuchet MS; font-size: 28px; color: #000; border-bottom: 0; 
	background-image: none; padding: 10px 0 8px 0; clear:both; line-height:22px; }
#ficheChevaux h2 {font-family: Trebuchet MS; font-size: 20px; color: #999; border-bottom: 0; 
	background-image: none; padding: 0px 0 8px 0; clear:both }
#ficheChevaux h3 {font-size: 14px; font-variant:small-caps; font-weight: bold; line-height: 18px;  margin:20px 0 8px 0; display:block; float:none; background:url(images/puce_orangeh2.gif) top left no-repeat; padding-left: 22px; clear:both;margin-left:35px; }
	
#ficheChevaux #degradeHaut {background:url(images/ft_contenuC.gif) top left no-repeat; width: 790px; /*height: 100%;*/  float:left;}	
#ficheChevaux #degradeHautC {background:url(images/ft_contenuC.gif) top left no-repeat; width: 790px; height: 100%;  float:left;}	
#ficheChevaux #degradeHautV {background:url(images/ft_contenuV.gif) top left no-repeat; width: 790px; height: 100%;  float:left;}	

#ftancre{display:block; background-color:#FFF; height:22px; border-bottom:1px solid #aeaeae; margin-top:15px; margin-left:35px; clear:both; margin-bottom:20px;float: left; width: 640px; color:#FFFFFF}
#ftancre li{display: block; float:left;  background-image:none;margin:0; padding:0;}
#ftancre li a{border:0;display: block;  float:left;  height:100%; margin: 2px;padding:2px 12px ; border:0;border-right:1px solid #666;  }
#ftancre .noborder{border:0}

#ftspace{float: left; height:15px}

#ftpresent{width: 380px; float: left; margin-left:25px; padding: 10px 0 10px 10px;color:#000}
#ftpresent dl {width: 100%;  font-size: 14px; line-height: 18px; margin:0 3px 20px 0;}

#ftPhotos {float: left; width:270px; position:absolute; left:450px; top:120px; z-index:10 }
#ftPhotos img {float: left; border: 1px solid #ccc; padding: 4px; margin: 5px ; clear:both; background-color: #999}

#ftGenealogie {float: left; clear: both; width: 640px; padding: 10px; height:260px;  border:1px solid #999;  /*background-color:#fff;*/margin-left:35px; margin-bottom:20px; }
#ftGenealogie .generation{width:156px;float:left; color:#FFF; list-style-type:none;margin:0; padding:0;margin-right:1px; }
#ftGenealogie .generation li{width:149px;float:left; color:#FFF;  background-image:none; padding : 2px 2px 2px 5px;  }

#generation1 li{background-color:#f49d00;margin:10px 0 0 0; height:13px;}
#generation2 li{background-color:#000;margin:1px 0 0 0; height:13px;}
#generation3 li{background-color:#666;margin:1px 0 0 0; height:39px; line-height:18px;}
#generation4 li{background-color:#8c8c8c;margin:1px 0 0 0; height:26px;}
#ftGenealogie .generation li.margintop10{margin-top:10px;}

#ficheChevaux .origines{float: left; clear: both;  width: 640px;padding: 10px;  border:1px solid #999;  /*background-color:#fff;*/ margin-left:35px;margin-bottom:20px; }

#ftGenealogie li.margintop19{margin-top: 19px;}
#ftGenealogie li.margintop114{margin-top: 114px;}
#ftGenealogie li.margintop45{margin-top: 45px;}
#ftGenealogie li.margintop46{margin-top: 46px;}
#ftGenealogie li.margintop55{margin-top: 55px;}
#ftGenealogie li.margintop98{margin-top: 98px;}

#fthautdepage{margin-top:5px; margin-right:105px; clear:both; margin-bottom:20px;float: right}

/* OMBRAGE PHOTOS */
.photoOmbre { padding: 5px 5px 9px 5px;background: white url(images/shad_bottom.png) repeat-x bottom left;float:left;}
div.shadow {background: #fff;padding: 0 1px;border-left: 1px solid #dcd7c8;border-right: 1px solid #dcd7c8;float:left;}
div.bottomleft {width: 4px;height: 4px;background: url(images/shad_blcorner.png) no-repeat bottom left;position: absolute;bottom: 0px;left: -1px;}
div.bottomright {width: 4px;height: 4px;background: url(images/shad_brcorner.png) no-repeat bottom right;position: absolute;bottom: 0px; right: -1px;}
div.topleft {width: 2px;height: 4px;background: url(shad_tlcorner.png) no-repeat top left;position: absolute;top: 0px;left: -1px;}
div.topright {width: 2px;height: 4px;background: url(shad_trcorner.png) no-repeat top right;position: absolute;top: 0px; right: -1px;}

/* ########### PAGE d'ACCUEIL ######### */
#actuUne{float:left;width:100%; margin-bottom:10px }
#actuUne .bgactuhaut{background:url(images/bg_actuhaut.gif) top left no-repeat; width: 100%; height: 33px; float: left}
#actuUne .bgactubas{background:url(images/bg_actubas.gif) top left no-repeat; float: left; width: 100%; height: 16px;}
#actuUne .bgactucontent {background:url(images/bg_contentactu.gif) top left no-repeat; float: left; width: 100%; margin:0; padding:0; !margin-top:-5px; }
*> #actuUne .bgactucontent{!margin:0}
#actuUne .content{padding-left: 20px;float:left}
#actuUne .content2{padding:10px 30px 0px 30px;}
#actuUne h1 {color:#666; font-weight: bold; font-weight: bold;background-image:none;font-size:1.3em; padding:5px 0 5px 10px; border-bottom: 1px dashed #999;width: 120px;}
#actuUne h2{color:#009ff1; font-size:1.3em; font-weight: bold; margin:0px 0 8px 0; display:inline }
#actuUne h3{color:#666; font-size:1.2em;margin:0 0 4px 3px; display:inline; font-style:italic; font-weight: bold;}
#actuUne img{margin:5px 0;display:block;clear:both}
#actuUne #divRss{float:right; text-align:right;padding-right:5px; line-height:25px; width:330px;}
#actuUne #divRss a{color:#ff3f00; border:0}
#actuUne #divRss img{border:0; display:inline; float:right;margin-left:3px }

.actuConteneur{display: table-cell; float:left;height:450px; width:465px;}
.actus{display:block; height:450px;position:absolute; top:85px; left:10px; }
.opacity0{opacity:0; MozOpacity: 0; KhtmlOpacity:0; filter:alpha(opacity=0)}


#actubouton{background:url(images/actu_bouton.gif) top left no-repeat; float: left; width: 100%; height: 25px;display:block;position:relative; margin-top:-20px; text-align:right;}
#actubouton a{ color:#fff; border:0; margin-right:25px; line-height:22px}

.actubouton{padding:0; margin:0;background:url(images/actu_bouton.gif)  top left no-repeat; float: left; width:465px; height: 25px;display:block;position:relative; margin-top:-20px; text-align:right;}
.actubouton li{padding:0; margin:0;display:block; float:right;height: 25px; background-image:none;padding-right:15px;}
.actubouton li img{cursor:pointer;}

#actuUne p{width:465px;}
#actuUne .lien{clear:both; text-align:right;  }
#actuUne .lien a{border-bottom: 0; background-image:none; background: url(images/fleches.gif) top right no-repeat; padding-right:20px;color:#009ff1; }
#actuUne .lien2{clear:both; text-align:left;  }
#actuUne .lien2 a{border-bottom: 0; background-image:none; background: url(images/fleches.gif) top left no-repeat; padding-left:20px;}



/* ##### ONGLETS ##### */
.onglet{ display: block; background-image:none;background-color:#dcddde; width: 99.8% ; float: left; border: 1px solid #ccc; border-top: 0; margin:0; padding:0;  height: 50px;}
.onglet li{display: inline; background:url(images/onglet_catalogue.gif) bottom left no-repeat; width: 137px; height: 50px; float: left; text-align: center; margin:0; padding:0; }


.onglet li a{display: block;text-decoration:none;font-size:12px; padding:0; margin:0;  height: 50px;width: 137px; padding-top: 26px; vertical-align: bottom;}
.onglet li a{ !line-height:50px} /* ie 5/6 */
*> .onglet li a{ !line-height:15px} /* IE7 */

.onglet li.Over{ background:url(images/onglet_catalogue2.gif) bottom left no-repeat; font-weight: bold;}
.onglet li.Over a{ color:#fff;}
.onglet li.Selected{ background:url(images/onglet_catalogue2.gif) bottom left no-repeat; font-weight: bold;}
.onglet li.Selected a{ color:#fff; font-weight: bold; }

.onglet li a.onglet2l{padding-top: 15px; line-height:15px;}
.onglet li a.onglet2l{padding: 0px;!padding-top: 26px;}/* ie 5/6 */
*> .onglet li a.onglet2l{!padding: 0px;}/* IE7 */


/* ###### PUBLICATIONS ####### */
#catalogueProduits div.publications {width: 90%; float: left; /*clear: left;*/ border-bottom: 1px dotted #ccc; padding-bottom: 20px}
#catalogueProduits .detailpublications {width: 70%; float:left}
#catalogueProduits .detailpublications h3{margin-top: 10px}
#catalogueProduits .detailpublications h4{margin-top: 20px}



/* ## CATALOGUE PRODUITS ## */
         
#catalogueProduits{width: 760px }      
#catalogueProduits .cataloguePdts_intro {background:url(images/catalogue_fond.gif) bottom left repeat-x #fff; /*width: 100%;*/ border: 1px solid #ccc; border-bottom-width: 0; padding: 20px; height: 50px;}

#catalogueProduits .contenuCatalogue {display:block;float: left; border: 1px solid #ccc; border-bottom-width:0; padding: 20px 20px 20px 50px; background-color:#fff; width: 688px; }
#catalogueProduits .contenuCatalogue h1 {border: 0; margin-top: 35px }
#catalogueProduits .contenuCatalogue h3 {padding-top: 20px }
#catalogueProduits ul.listeProduits  {margin-left: 60px}
#catalogueProduits .ombbas {float: left; width: 760px; background: url(images/catalogue_ombbas.gif) top left no-repeat #fff; border-right: 1px solid #ccc; border-left: 1px solid #ccc; height: 178px; width:758px}
.contenuCatalogue {display: block; float: left}
.contenuCatalogue dl { float: left; margin-left: 30px; margin-top: 10px; width:60%; }
.contenuCatalogue dd {margin-bottom: 5px; }
.contenuCatalogue img {padding: 2px; border: 1px solid #ccc; float: left; margin-top: 10px}
#catalogueProduits a{border:0;}

.contenuCatalogue .lien{margin-top:10px; }
.contenuCatalogue .lien a{border-bottom: 0; background-image:none; background: url(images/fleches.gif) top right no-repeat; padding-right:20px;color:#009ff1;  }


.conditionnement{width: 100%; clear:left; border:1px solid #e3e3e3;}
.conditionnement th{background:#eee; }
.conditionnement td{text-align:center;border-bottom:1px solid #e3e3e3}
.conditionnement .left{text-align:left }

/* REAGIR à L'ACTU */
.reagir{display:block; float:left;margin:35px 0; width:100%; }
.reagir h3{color:#009ff1; cursor:pointer;margin-top:0}
.reagirform{border-top: 1px solid #dcd7c8}
.reagir h4{display:block; float:left; font-size:12px; color:#f49d00; margin:12px 0 8px 0; }
.reagir h5{font-size:11px; color:#5a3d1a; font-weight:normal;margin:0px 0 8px 0; clear:left; font-weight:bold }
.reagir p{clear:both}

/* LIGHTBOX */

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

#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: transparent url(http://www.genesdiffusion-etalons.com/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.genesdiffusion-etalons.com/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.genesdiffusion-etalons.com/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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
	/* CONDITIONS GENERALES DE VENTE */
.divmain
        {
            padding: 10px;
            width: 600px;
        }
        .imprim
        {
            float: right;
            width: 245px;
        }