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; border-bottom:1px solid #aaa}*/
a{color:#666;text-decoration:underline;}
a img { border:0;}
a:hover{ color:#009ff1; }
p{margin:0 0 8px 0;}
p.comment{border:1px solid #eee; padding:10px 20px 10px 20px;background: url(images/fond_comment.jpg) repeat-x  bottom #fff}

.tableau {border: 1px solid #009ff1; float: left; clear: right;}
.tableau th {font-family:Tahoma; color:#009ff1; text-align:center; height:19px; border-bottom:1px solid #009ff1; border-right:1px solid #009ff1; font-weight:bold;  font-size:12px; padding: 0 5px 0 5px}
.tableau td {font-family:Arial; text-align:center; height:19px; border-right:1px solid #009ff1; font-size:12px; padding: 0 5px 0 5px}



#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;}

#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; padding-top:3px; }
#footer a{border:0;font-size:10px; color:#666;text-decoration:none; font-weight: bold;}
#footer a:hover{font-size:10px; color:#009ff1; }

#bandeaugauche{float: left;width: 198px;}
#bandeaudroit{float: right; width: 487px;}
#bandeauflash{height: 90px;width: 375px;}
#bandeaucontact{float: right; width: 350px;  background: url(images/bt_fond.jpg) repeat-x ; text-align:left;}
#bandeaucontact a{border:0;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; }
#bandeauslogan input{margin-bottom:2px}

#drapeaux{ background:url(images/haut_fond_drapeaux.jpg) repeat-x top left; float: right; }
#drapeaux .img{margin: 3px 0 0 3px}

#lang{float:right; clear:both;}


/* ##########   ##########  */
h1{font-family:Arial, Helvetica, sans-serif;font-size:18px; /*font-variant:small-caps;*/ font-weight: bold; color:#009ff1;
	 font-weight:normal;margin:8px 0 5px 0; background:url(images/fleches.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:#009ff1; font-weight:normal; font-style: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;/*display: block; width:100%; clear:both;*/   }
h4{font-family:Arial, Helvetica, sans-serif;font-size:11px; color:#5a3d1b; font-weight:bold;margin:0 0 8px 0; }
#centre2col h1{width: 96%; }
	 
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; }
ul ul ul li {background:url(images/puce_grise.gif) no-repeat 0 .4em; padding-left: 1em;margin:4px 0 0 0; }

.citation{ font-style:italic; font-size:11px;}

ul.nomrubrique {margin: 0 0 8px 0; border-bottom: 1px dotted #ccc}
li.puceRubrique {background:url(images/fleches.gif) no-repeat 0 .4em; padding-left: 2em;margin:4px 0 0 0;}
.puceBleue {background:url(images/puce_bleue.gif) top left no-repeat /*0 .4em; padding-left: 1em;margin:4px 0 0 0;*/; padding-left: 25px; padding-bottom: 5px; line-height: 15px; color:#009ff1; font-weight: bold } 

.pointillebas{border-bottom:1px dashed #666;}
.pointillehaut{border-top:1px dashed #666;}
.vert{color:#008f11}
.marron{color: #663300;}
.gris{color: #aaa}
.bleu {color: #009ff1}
.orange {color:#f49d00}
.blanc {color:#ffffff}

.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}
.imggauchesb{margin: 5px 15px 5px 0;float:left;}
.imgdroite{margin: 5px 10px 5px 10px;float:right; border:1px solid #ccc}
.imgdroitesb{margin: 5px 10px 5px 10px;float:right}
.margintop5{margin-top:5px;}
.margintop10{margin-top:10px;}
.margintop20{margin-top:20px;}
.margintop40{margin-top:40px;}
.paddingtop10{padding-top:10px;}
.center{ text-align:center}
.floatright{float:right}
.textright{ text-align:right}

.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}
.blockr {display: block; float: right}
.inline {display: inline}

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

h2.puce {font-size: 14px; font-weight: bold; line-height: 18px;  margin:0px 0 8px 0; display:block; float:none; background:url(images/puce_bleue.gif) top left no-repeat; padding-left: 22px; clear:both;}


.bold {font-weight: bold}

.cadregris {border: 1px solid #ccc;}
.nounderline {text-decoration: none}

acronym {font-weight: bold; color: #009ff1}



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



/* ########## MENU ########## */
#menu{width:158px; margin:20px auto;}
#menu dt {cursor: pointer; width:100%; height: 31px; line-height: 31px; text-align: right; }
#menu dt a{padding-right:15px; 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; border-left: 1px solid #e6e6e6; background-image:none; border-bottom:1px solid #e6e6e6;}
#menu li a {border:0; color: #989898; text-decoration: none; display: block; border: 0 none; height: 100%;padding:3px 8px 3px 0; }
#menu li a:hover { background: #eee; }



#menu .menuactu{background: url(images/bt_actu.gif) no-repeat;}
#menu .menubovin{background: url(images/bt_bovin.gif) no-repeat;}
#menu .menuporcin{background: url(images/bt_porcin.gif) no-repeat;}
#menu .menuequin{background: url(images/bt_equin.gif) no-repeat;}
#menu .menulapin{background: url(images/bt_lapin.gif) no-repeat;}
#menu .menuoptimal {background: url(images/bt_optimal.gif) no-repeat;height:44px; }
#menu .menuoptimal a{border:0;padding-top: 8px; line-height: 12px;}
#menu .menugroupe{background: url(images/bt_groupe.gif) no-repeat;}
#menu .menuactu dd,#menu .menulapin dd, #menu .menuoptimal dd, #menu .menugroupe 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{border:0;width:100%; height:24px; line-height:22px; display:block;}
#outils li a img{margin:2px 2px 2px 10px;}




/* ########## 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}


#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; width:180px; }
#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;}


.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{border:0;}
.calendrier a:hover{color:#ff7f00}


.newsletter{width: 240px; background: url(images/newsletter_fond.jpg) repeat-x top left;}
.newsletterfond{background: url(images/newsletter_a.jpg) no-repeat top left;}

.sexee{width: 240px; background: url(images/sexee_fond.jpg) repeat-x top left;}
.sexeefond{background: url(images/sexee_a.jpg) no-repeat top left;}

.gemix{width: 240px; background-color:#231f52;}
.gemixfond{background: url(images/bloc-gemix.jpg) no-repeat top left;}

.gemixvideo{width: 240px; background-color:#2e1464;}
.gemixvideofond{background: url(images/bloc-gemix-video2.jpg) no-repeat top left;}

.genomique{width: 240px; background-color:#122c7c;}
.genomiquefond{background: url(images/bloc-genomique.jpg) no-repeat top left;}
.genomiquefond2{background: url(images/bloc-genomique2.jpg) no-repeat top left;}

.supersamplers{width: 240px; background-color:#000000;}
.supersamplersfond{background: url(images/bloc-supersamplers.jpg) no-repeat top left;}

.lait{width: 240px; background-color:#FFFFFF;}
.laitfond{background: url(images/bloc-ladm.jpg) no-repeat top left;}

.adobe{width: 240px; background-color:#FFFFFF;}
.adobefond{background: url(images/bloc/bloc-adobe.jpg) no-repeat top left;}

.aumone{width: 240px; background-color:#998a7c;}
.aumonefond{background: url(images/bloc/bloc-aumone.jpg) no-repeat top left;}

.aumone2{width: 240px; background-color:#FFFFFF;}
.aumonefond2{background: url(images/bloc/bloc-aumone2.jpg) no-repeat top left;}

.sanscornes{width: 240px; background-color:#fdd599;}
.sanscornesfond{background: url(images/bloc/bloc-sanscornes.jpg) no-repeat top left;}

.plateforme{width: 240px; background-color:#999999;}
.plateformefond{background: url(images/bloc/bloc-plat-geno.jpg) no-repeat top left;}

.sitelait{width: 240px; background-color:#FFFFFF;}
.sitelaitfond{background: url(images/bloc/bloc-site-lait.jpg) no-repeat top left;}

.argentine{width: 240px; background-color:#FFFFFF;}
.argentinefond{background: url(images/bloc/bloc-argentine.jpg) no-repeat top left;}

.argentine-es{width: 240px; background-color:#FFFFFF;}
.argentinefond-es{background: url(images/bloc/bloc-argentine-es.jpg) no-repeat top left;}

.argentine-us{width: 240px; background-color:#FFFFFF;}
.argentinefond-us{background: url(images/bloc/bloc-argentine-us.jpg) no-repeat top left;}

.premium{width: 240px; background-color:#efac57;}
.premiumfond{background: url(images/bloc/bloc-premium.jpg) no-repeat top left;}

.pack{width: 240px; background-color:#FFFFFF;}
.packfond{background: url(images/bloc/bloc-pack.jpg) no-repeat top left;}

.catacharflash{width: 240px; background-color:#FFFFFF;}
.catacharflashfond{background: url(images/bloc/bloc-catacharolais.jpg) no-repeat top left;}

.chartesc{width: 240px; background-color:#9dc31e;}
.chartescfond{background: url(images/bloc/bloc-charte-sc.jpg) no-repeat top left;}

.photosvauthier{width: 240px; background-color:#445f1a;}
.photosvauthierfond{background: url(images/bloc/bloc-photos-vauthier.jpg) no-repeat top left;}

.kitutili{width: 240px; background-color:#FFFFFF;}
.kitutilifond{background: url(images/bloc/kit-utilisateur.jpg) no-repeat top left;}

.kitveto{width: 240px; background-color:#FFFFFF;}
.kitvetofond{background: url(images/bloc/kit-veto.jpg) no-repeat top left;}

.kitchefpro{width: 240px; background-color:#FFFFFF;}
.kitchefprofond{background: url(images/bloc/kit-chefpro.jpg) no-repeat top left;}

.kittech{width: 240px; background-color:#FFFFFF;}
.kittechfond{background: url(images/bloc/kit-tech.jpg) no-repeat top left;}

.vosges{width: 240px; background-color:#91a575;}
.vosgesfond{background: url(images/bloc/vosges.jpg) no-repeat top left;}

.elevage{width: 240px; background-color:#ffffff;}
.elevagefond{background: url(images/bloc/bloc-elevage.jpg) no-repeat top left;}

.embryon-exclu{width: 240px; background: url(images/embryon_fond.jpg) repeat-x top left;}
.embryon-exclufond{background: url(images/embryon_a.jpg) no-repeat top left;}

#ulssnav{display:block; background-color:#d1d1d1; height:22px; border-bottom:1px solid #aeaeae; margin-top:5px; margin-left:0px; clear:both; }
#ulssnav li{display: block; float:left;  background-image:none;margin:0; padding:0}
#ulssnav li a{border:0;display: block;  float:left;  height:100%; margin: 2px;padding:2px 12px ; border:0;border-right:1px solid #fff;  }
#ulssnav .noborder{border:0}


/* ########### 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;}




#produitsUne{float:left;width:80%;margin-bottom:20px }
#produitsUne .bgproduithaut{background:url(images/bg_produithaut.gif) top left no-repeat; width: 462px; height: 33px; float: left}
#produitsUne .bgproduitbas{background:url(images/bg_produitbas.gif) top left no-repeat; float: left; width: 462px; height: 16px;}
#produitsUne .content{padding-left: 20px;}
#produitsUne .content2{padding:10px 30px 0px 30px;}
#produitsUne .bgcontent {background:url(images/bg_content.gif) top no-repeat; float: left; width: 462px;  margin:0; padding:0; !margin-top:-5px;}
*> #produitsUne .bgcontent {!margin:0}
#produitsUne h1{color:#666; font-weight: bold; background-image:none; font-size:1.3em; padding:5px 0 5px 10px; border-bottom: 1px dashed #999;width: 90%;}
#produitsUne h2{color:#009ff1; font-size:1.3em; }
#produitsUne .lien{clear:both; text-align:right; background: url(images/dashed.gif) no-repeat left; margin-left:-10px}
#produitsUne .lien a{border-bottom: 0; background-image:none; background: url(images/fleches.gif) top right no-repeat; padding-right:20px  }
#produitsUne .imgdroite{margin-right:0;}

#visionUne{float:left;width:100%;margin-bottom:20px }
#visionUne .bgproduithaut{background:url(images/bg_produithaut.gif) top left no-repeat; width: 462px; height: 33px; float: left}
#visionUne .bgproduitbas{background:url(images/bg_produitbas.gif) top left no-repeat; float: left; width: 462px; height: 16px;}
#visionUne .content{padding-left: 20px;}
#visionUne .content2{padding:10px 30px 0px 30px;}
#visionUne .bgcontent {background:url(images/bg_content-vis2.jpg) top no-repeat; float: left; width: 462px; height:470px ; margin:0; padding:0; margin-top:-5px;}
#visionUne h1{color:#666; font-weight: bold; background-image:none; font-size:1.3em; padding:5px 0 5px 10px; border-bottom: 1px dashed #999;width: 90%;}
#visionUne h2{color:#009ff1; font-size:1.3em; }
#visionUne .lien{clear:both; text-align:right; background: url(images/dashed.gif) no-repeat left; margin-left:-10px}
#visionUne .lien a{border-bottom: 0; background-image:none; background: url(images/fleches.gif) top right no-repeat; padding-right:20px  }
#visionUne .imgdroite{margin-right:0;}


/* ########### PORCIN MISE EN PAGE ######### */
        /* ## GEDIS ## */

div#contenuGedis {display: block; float: left; clear: right; margin-bottom: 30px; width: 470px; margin-left: 15px}
div#visuelGedis1{display: block; float: left; width: 170px; height: 128px; margin-right: 10px}
div#modeEmploi {display: block; float: left; /*clear: left;*/ width: 95%; border: 1px solid #ccc; padding: 10px; margin-left: 5px; margin-bottom: 100px}
div#visuelsGedis{display: block; float: left; text-align: center; margin: 10px 10px 5px 5px; border: 1px solid #ccc; padding: 3px; width: 465px; height: 113px}

        /* ## 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 }

/* ###### 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}





/* ##### 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 */


/* ## machines Gedis ## */
.ulPr{display:block; float:left; width:100%; padding:0; margin:10px 0 0 0; border:0}
.ulPr li{display: table-cell; float:left; width:23%; height:150px; border:1px solid #ddd;background-image:none;padding:2px; margin:0 1px 1px 0; text-align:center}
.ulPr li img{ float:none; margin:10px 0 0 0; padding:0; border:0}
li.ulPr0{height:307px; background:#efefef}


/* ########### LAPIN MISE EN PAGE ######### */
        /* ## DEFAULT ## */
div#photoLapin img {display: block; float: left; margin: 5px 10px 5px 0} 
div#photo2Lapin img {/*display: none; float: right;*/ margin: 5px 10px 0 0;} 
div#photo3Lapin img {/*display: none; float: right;*/ margin: 1px 10px 5px 0} 
div#implantations {display: block; float: left; margin-right: 80px}

        /* ## SPEERMY ## */
div#contenuSpeermy {display: block; float: left; width: 60%; margin-right: 20px; height: 500px}   
div#photoSpeermy2 img, div#photoSpeermy1 img, div#photoSpeermy3 img {/*display: none; float: right;*/ margin: 1px 10px 0 0;}   

        /* ## LAPIGENES ## */
div#descriptionLapigenes{display: block; float: left; width: 60%; margin-right: 20px; /*height: 300px*/} 
div#photoLapigenes1 img {display: block; float: left; margin: 5px 10px 5px 0} 
div#photoLapigenes2 img, div#photoLapigenes3 img {/*display: none; float: right;*/ margin: 5px 10px 0 0;}
div#modeEmploiLapigenes  {display: block; float: left; width: 300px; margin-right: 20px; margin-top: 20px }
div#visuelsLapigenes {display: block; float: right; width: 120px; margin-right: 20px }

   


/* ########## 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:510px }
.bgformulairebas {background:url(images/bg_formulairebas.gif) top left no-repeat; float: left; width: 462px; height: 16px; }
#contentcontact {padding-left: 40px; }

/* ########## TABLEAU INDEX ########## */
.tableIndex { color: #666;font-size:10px;  font-family: Tahoma; }
.tableIndex th{ font-family:Tahoma; color: #fff; text-align:center; height:17px;border-right:1px solid #f0f0f0; font-weight:normal;  font-size:12px; background: url(images/fond_index.jpg) repeat-x  bottom #30b2f4 ;}
.tableIndex .petit{font-size:8px;}
.tableIndex th a {border:0;text-decoration: none;  text-align:center; color:#fff }
.tableIndex th a:hover{text-decoration:underline}
.tableIndex th a img {}
.tableIndex tr.alternate{background-color:#f0f0f0; }
.tableIndex tr.over{background-color:#c0e6fb; }
.tableIndex td {text-align:left; padding: 0 2px;border-right:1px solid white; vertical-align:middle; height:13px }
.tableIndex td img{ margin: 0 2px 0 0;}
.tableIndex td nobr{overflow:hidden; display:block;}
.tableIndex td.droite{ text-align:right; padding: 0 7px 0 1px;}
.tableIndex td.gauche{ text-align:left}
.tableIndex td.center{text-align:center;}
.tableIndex textarea{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999;}
.tableIndex p{margin:0 0 3px 0; }
.textcenter td {text-align: center}

.tableIndex td.entetevert{background-color: #c3dba9; padding:1px 0 2px 0; border-top:1px solid #ddd; }
.tableIndex td.enteteorange{background-color: #f0b02a; padding:1px 0 2px 0; border-top:1px solid #ddd; }
.tableIndex td.enteterose{background-color: #f1caad; padding:1px 0 2px 0; border-top:1px solid #ddd; }
.tableIndex td.entetejaune{background-color: #fae840; padding:1px 0 2px 0; border-top:1px solid #ddd; }
.tableIndex td.entetebleu{background-color:#009ec5; padding:1px 0 2px 0; border-top:1px solid #ddd; color:#fff}
.tableIndex td.enteteparme{background-color:#c583ff; padding:1px 0 2px 0; border-top:1px solid #ddd; color:#fff}

.tableIndex td.entetebleu a{color:#fff}
.tableIndex td.entetegris{background-color: #dedede; padding:1px 0 2px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.tableIndex td.bottomgris{border-bottom:1px solid #ddd;}
.tableIndex td.leftgris{border-left:1px solid #ddd;}
.tableIndex td.rightgris{border-right:1px solid #ddd;}




.barremenu {list-style-type: none;  height:27px; clear:both; margin:20px 0 0 0; padding:0;  }
.barremenu li{display:block;margin:0 1px 0 0; padding:0; float:right; background: url(images/barremenu_fond.gif) repeat-x; height:27px;line-height:20px;}
.barremenu li a{border:0;display: table-cell; padding:0px 8px 8px 8px;  text-align:center;  color:#FFF; background: url(images/barremenu_arrondi.gif) no-repeat top left; height:26px; }
.barremenu li a:hover{color:#e2e2e2; }
.barremenu li a img{margin:0 0 -8px 0; }
.barremenu input{color:#46468a; font-size:10px; margin:0; padding:0; border: solid 1px #e2e2e4;}
.barremenu select{color:#46468a; font-size:9px; margin:0; padding:0; border: solid 1px #e2e2e4; height:17px}

	 

/*   ########### FICHE TAUREAU  ########### */
#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}


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


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

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

#ftGenealogie {float: left; clear: both; width: 680px; margin-left:25px; padding: 10px; margin-top:100px;}
#ftGenealogie2 {float: left; clear: both; width: 680px; margin-left:25px; padding: 10px; margin-top:20px;}

#ftGenealogie .nomTaureau, #ftGenealogie2 .nomTaureau {font-weight: bold; font-size: 13px; text-align: center}
#silhouetteTaureau {/*float: left;*/ width: 150px; text-align: center; }
#ftparents{ float:right; width:200px; }
#ftgdparents{ float:right; width:200px;  margin:5px 40px 0 0; }

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


#ftprod{width: 200px; float:left; margin-top:20px;}
#ftprod2{width: 220px; float:left; margin-top:20px;}

#ftmorpho{float:left;margin-top:20px;margin-left:50px; width:400px; }
#ftmorpho2{float:left;margin-top:20px;margin-left:30px; width:410px; }


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

.tableftIndex {border: 1px solid #ccc; width:100%}
.tableftIndex .noborderbottom {border-bottom: 0}
.tableftIndex tr.noborderbottom td{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 .th {font-family:Tahoma; color:#009ff1; text-align:left; height:19px; border-bottom:1px solid #ccc; font-weight:normal;  font-size:12px; padding: 0 3px 0 3px}
.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}


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

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



div.fondgris{background-color: #ccc; padding: 5px; margin:10px 0 20px 0;width:190px}
#ficheTaureau .Tamorpho .fleche{ height:12px; border:0;!margin-left:4px; !margin-top:8px;}
*> #ficheTaureau .Tamorpho .fleche{margin-left:6px;  margin-top:6px;!margin-left:4px; !margin-top:8px;} 


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} 

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


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

.diapophoto{border:1px solid #ccc; width:100%; margin:5px 0}

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

.diapolait {float:left; width:47%; height:300px; border:1px dashed #0d78ad; margin:5px 5px 0 0; padding:2px;}
.diapolait dt{width:92px; height:285px; margin-right:5px; float:left; }
.diapolait dt img {border:1px solid #ccc; padding:1px;}
.diapolait .titre{color:#5a3d1b; font-size:1.2em; height:55px; font-weight:bold}
.diapolait .comment{height:150px; }
.diapolait .lien{background: url(images/fleches_jaune.gif) no-repeat right; padding-right:20px; width:100%;}
.diapolait .petit{font-size:9px}

.diapolait2 {float:left; width:47%; height:230px; border:1px dashed #0d78ad; margin:5px 5px 0 0; padding:2px;}
.diapolait2 dt{width:92px; height:285px; margin-right:5px; float:left; }
.diapolait2 dt img {border:1px solid #ccc; padding:1px;}
.diapolait2 .titre{color:#5a3d1b; font-size:1.2em; height:55px; font-weight:bold}
.diapolait2 .comment{height:150px; }
.diapolait2 .lien{background: url(images/fleches_jaune.gif) no-repeat right; padding-right:20px; width:100%;}
.diapolait2 .petit{font-size:9px}

.diapolait3 {float:left; width:47%; height:175px; border:1px dashed #0d78ad; margin:5px 5px 0 0; padding:2px;}
.diapolait3 dt{width:92px; height:285px; margin-right:5px; float:left; }
.diapolait3 dt img {border:1px solid #ccc; padding:1px;}
.diapolait3 .titre{color:#5a3d1b; font-size:1.2em; height:55px; font-weight:bold}
.diapolait3 .comment{height:150px; }
.diapolait3 .lien{background: url(images/fleches_jaune.gif) no-repeat right; padding-right:20px; width:100%;}
.diapolait3 .petit{font-size:9px}

.diapolaitvideo {float:left; width:96%; height:290px; border:1px dashed #0d78ad; margin:5px 5px 5px 0; padding:2px;}
.diapolaitvideo dt{width:184px; height:290px; margin-right:5px;float:left; margin-left:58px}
.diapolaitvideo h2 {text-align:center;}



/*.ftAutresPhotos {float: left; clear: left; width: 650px; padding-left: 20px }

.ftMorphologie {float: left; }*/

 /* ##### fiche Embryons #### */
#ficheEmbryons{background:url(images/bg_fiches.gif) top left repeat-y; width: 791px; float:left; font-size:12px;}
#ficheEmbryons #degradeHaut {background:url(images/ft_contenuC.gif) top left no-repeat; width: 790px; /*height: 100%;*/  float:left;}	
#ficheEmbryons #ftphoto{width: 254px; height: 180px; float: right;  margin-right: 55px; margin-top:20px;}

#ficheEmbryons #ftpresent {float: left; font-size:13px; line-height:20px;padding-top:20px;margin-bottom:30px;}


p.lienBas {display: block; float: left; background:url(images/fleches.gif) top right no-repeat; padding-right: 20px; margin: 7px; margin-top: 40px; margin-right: 20px}
#ficheEmbryons h1 {line-height: 18px;  margin:0px 0 8px 0; display:block; float:none; background:none;clear:both;padding-left:0}
#ficheEmbryons  #comment{clear: left; margin-left: 25px; padding:10px; }
#ficheEmbryons #docs{float:right; width: 254px; margin-right: 55px; clear:right; margin-bottom:30px;}
#ficheEmbryons  h2{margin:20px 0 8px 0;}
/*
#ficheEmbryons #ftpresent img {border: 1px solid #ccc; padding: 2px; display:block; float: left; width: 254px}
#ficheEmbryons #ftpresent h1 {font-family: Trebuchet MS; font-size: 28px; color: #009ff1; border: 0; margin-left: 20px; background-image: none; padding: 16px 0 7px 0;}
#ficheEmbryons #ftpresent h2 {font-family: Arial; font-size: 24px; color: #aaa; border: 0; background-image: none; padding: 0; margin-left: 20px}
#ficheEmbryons #ftpresent .autresInfos {background-color: #999; color: #fff; font-weight: bold; margin-left: 20px; height: 16px; padding: 3px 0 0 10px; width: 60% }
#ficheEmbryons h2 {font-size: 14px; font-weight: bold; line-height: 18px;  margin:0px 0 8px 0; display:block; float:none; background:url(images/puce_bleue.gif) top left no-repeat; padding-left: 22px; clear:both;}
#ficheEmbryons #infosEmbryons {float: left; width: 680px; margin-left: 25px; padding:10px}

#ficheEmbryons #infosEmbryons table {border: 1px solid #009ff1; float: left; clear: right;}
#ficheEmbryons #infosEmbryons table th {font-family:Tahoma; color:#009ff1; text-align:center; height:19px; border-bottom:1px solid #009ff1; border-right:1px solid #009ff1; font-weight:bold;  font-size:12px; padding: 0 5px 0 5px}
#ficheEmbryons #infosEmbryons table td {font-family:Arial; text-align:center; height:19px; border-right:1px solid #009ff1; font-size:12px; padding: 0 5px 0 5px}

#ficheEmbryons #infosEmbryons .encartsinfos {display: block; float: left; clear: both; width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 20px; padding-top:10px }
#ficheEmbryons #infosEmbryons .infos {float : left; width: 40%; margin-right: 10px} 



*/


        /* ##### fiche Charolais #### */

#ficheTaureau span.accroche {font-size: 15px; font-style:italic; font-family:Arial; color: #666 }
        
#ficheTaureau table#dimensions  {border: 1px solid #ccc; color:#009ff1; font-size: 15px; font-weight: bold; text-align: center;clear:both; }
#ficheTaureau table#dimensions th {padding: 5px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc}
#ficheTaureau table#dimensions td {padding: 5px; border-right: 1px solid #ccc; }

#ftDescendance{float: left; clear: left; width: 680px; margin-left: 25px; padding:10px }


/* ##### fiche porcin ##### */
#ftpresentationporc{width: 325px; float: left; margin:0; padding: 10px 0 10px 0px;margin-left:7px}
#ftpresentationporc dl { font-size: 14px; line-height: 18px; margin:0 3px 20px 0; padding: 0;  display:block; width:100%; padding:0}
#ftpresentationporc dt { border-bottom:1px solid #ccc;margin:8px 0 8px 0; padding: 0 0 0 25px; }


#ftprodporc{float:left; margin-top:20px;margin-left:35px; width:350px; }
#ftprodporc .tableftIndex{margin-bottom:15px;}
#ftprodporc .tableftIndex th{ border-right:0}
#ftprodporc .tableftIndex td{ text-align:right; padding-right:20px;}

#ftgenporc{float:left; margin-left:40px;  margin-top:20px;}

.TaGen{margin-bottom:40px; background:url(images/filets_graphics.gif) repeat-y 180px top #fff; }
.TaGen th, .TaGen td{border-bottom:1px solid #ccc; }
.TaGen .th{font-family:Tahoma; color:#009ff1; text-align:left; height:19px; font-weight:normal; font-size:12px; padding: 0 5px; background-color:#fff}
.TaGen .nb { word-spacing:35px; color:#999; font-size:11px; background-color: #fff;}
.TaGen td{color:#915825}



/*   ########### FICHE TAUREAU charolais race pure  ########### */

#fttire {width: 680px; float: left; margin-left:25px; padding: 10px 0 10px 10px;}
#fttire h1 .baseline {font-family: Trebuchet MS; font-size: 20px; color: #8c8c8c; font-style:italic; margin-left:20px; }

#ftpresent {}
#ftpresent #resume{width: 100%;}

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



#IndexDescendance tr{ height:22px;}
#IndexDescendance .fondvert{ background-color:#c3dba9; padding-left:10px;border:1px solid #a5a5a5}
#IndexDescendance .fondvertclair{ background-color:#d9e8c9; text-align:center; border:1px solid #a5a5a5}
#IndexDescendance .fondbleu{ background-color:#009fc6; padding-left:10px; color:#fff;border:1px solid #a5a5a5}
#IndexDescendance .fondbleuclair{ background-color:#adc9f0; text-align:center; border:1px solid #a5a5a5}
#IndexDescendance .fondrose{ background-color:#f1caad; padding-left:10px;border:1px solid #a5a5a5}
#IndexDescendance .fondroseclair{ background-color:#f3dec9; text-align:center; border:1px solid #a5a5a5}
#IndexDescendance .fondjaune{ background-color:#fae840; padding-left:10px;border:1px solid #a5a5a5}
#IndexDescendance .fondjauneclair{ background-color:#f6ed9e; text-align:center; border:1px solid #a5a5a5}
#IndexDescendance .fondorange{ background-color:#f0b02a; padding-left:10px;border:1px solid #a5a5a5; color:#FFF}
#IndexDescendance .fondorangeclair{ background-color:#f7db9e; text-align:center; border:1px solid #a5a5a5}
#IndexDescendance .fondparme{ background-color:#c583ff; padding-left:10px;border:1px solid #a5a5a5; color:#FFF}
#IndexDescendance .fondparmeclair{ background-color:#ddb7ff; text-align:center; border:1px solid #a5a5a5}

#IndexDescendance .fondbleu1{ background-color:#96d3ff; padding-left:10px; color:#666;border:1px solid #a5a5a5}
#IndexDescendance .fondbleuclair1{ background-color:#c8e3ff; text-align:center; color:#666; border:1px solid #a5a5a5}
#IndexDescendance .fondbleu2{ background-color:#009fc5; padding-left:10px; color:#fff;border:1px solid #a5a5a5}
#IndexDescendance .fondbleuclair2{ background-color:#adc9f0; text-align:center; color:#666; border:1px solid #a5a5a5}



#IndexDescendance .divvert{background:#c3dba9; margin-top:-4px; margin-left: -11px; margin-right:-1px;
	 border-left:1px solid #a5a5a5;border-right:1px solid #a5a5a5;height:10px;  position:relative}
#IndexDescendance .divjaune{background:#fae840; margin-top:-4px; margin-left: -11px; margin-right:-1px; 
	border-left:1px solid #a5a5a5;border-right:1px solid #a5a5a5; height:10px;  position:relative}
#IndexDescendance .divrose{background:#f1caad; margin-top:-4px; margin-left: -11px; margin-right:-1px; 
	border-left:1px solid #a5a5a5;border-right:1px solid #a5a5a5; height:10px;  position:relative}
#IndexDescendance .divparme{background:#c583ff; margin-top:-4px; margin-left: -11px; margin-right:-1px; 
	border-left:1px solid #a5a5a5;border-right:1px solid #a5a5a5; height:10px;  position:relative}
#IndexDescendance .divorange{background:#f0b02a; margin-top:-4px; margin-left: -11px; margin-right:-1px;
	 border-left:1px solid #a5a5a5;border-right:1px solid #a5a5a5;height:10px;  position:relative}



.rouge{color:#ff0101}

#IndexDescendanceTitre {word-spacing:50px; color:#999; font-size:11px;background:/*#e8eaea*/ #fff; text-align:left;}
#ctl00_ContentPlaceHolder1_TaIndexCr , #TaIndexCr {background:url(images/filets_graphics_charolais.gif) repeat-y 0px;   }
#ctl00_ContentPlaceHolder1_TaIndexCr tr, #TaIndexCr tr{ height:22px;}
#ctl00_ContentPlaceHolder1_TaIndexCr td, #TaIndexCr  td{ vertical-align:middle; border:1px solid transparent; !border:1px solid #e8eaea}
#ctl00_ContentPlaceHolder1_TaIndexCr *>td, #TaIndexCr *>td{ border:1px solid transparent}
#ctl00_ContentPlaceHolder1_TaIndexCr .poids, #TaIndexCr .poids{ line-height:19px; background:#e8eaea; font-weight:bold }
#ctl00_ContentPlaceHolder1_TaIndexCr .poids img, #TaIndexCr .poids img{ vertical-align:bottom; margin:0 5px 0 12px;}

.petit{font-size:8px;}
.moyen{font-size:9px;}

#TestFerme{MARGIN: 10px 40px}
#TestFerme2{MARGIN: 10px 40px}


/* ######## COOPERATIVES #########  */
.coopListe{width:205px;}
.coopHaut {background:url(images/coop_haut.gif) top left no-repeat; width: 729px; height: 30px; margin-left: 20px; float: left}
.coopMilieu {background:url(images/coop_milieu.gif) top left repeat-y; width: 729px; margin-left: 20px; float: left}
.coopBas {background:url(images/coop_bas.gif) top left repeat-y; width: 729px; height: 41px; margin-left: 20px; float: left }
#coopgauche {margin-left: 30px;}
#coopdroite {margin-left: 50px; padding-right: 30px;}
#coopdroite table {border: 1px solid #ccc; text-align: center}
#coopdroite table th {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 10px; width: 30%}
#coopdroite table td {border-right: 1px solid #ccc; padding: 5px}


/* ######### MODES D'EMPLOI ######## */
.modEmpHaut {background:url(images/modEmp_haut.gif) top left no-repeat; width: 530px; height: 30px; float: left}
.modEmpMilieu {background:url(images/modEmp_milieu.gif) top left repeat-y; width: 530px; float: left}
.modEmpBas {background:url(images/modEmp_bas.gif) top left repeat-y; width: 530px; height: 41px;float: left }

.modEmpMilieu ul {margin-left: 15px; margin-top:40px; width: 50%}
.modEmpMilieu ul li {margin-bottom: 70px}
.modEmpMilieu ul li.marginbottom10 {margin-bottom: 10px}
.modEmpMilieu ul li.marginbottom30 {margin-bottom: 30px}



/* ######## INTERVIEWS #########  */


.interview h1.nom {font-size: 18px; border: 0; background-image:none; line-height: 18px; padding:0; font-family: "Arial"}
.interview h2.fonction {font-size: 15px; border: 0; color: #999; background-image:none; padding:0;}
.interview h1.titre {font-size: 20px; border: 0; background-image:none; line-height: 22px; padding:0; font-family: "Arial"; color: #999; text-align: center; font-variant:small-caps; font-weight:bold; padding: 10px 0 16px 0 }

.interview #photos {width: 200px; margin: 0 10px 5px 5px}
.interview #questions {width: 300px;}
.legende {font-size: 11px; font-weight: bold; font-family: Arial; text-align: center; margin-top: 5px; margin-bottom: 15px}


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



/* 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;}


/* PLAN DU SITE */
#plansite {margin:20px 10px;}
#plansite li {margin:4px 0 0 15px;}
#plansite li a {border:0}


/* 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}


/*         RECHERCHE GOOGLE    */
table.search-control .gsc-control {width : 100%;border:1px solid red;}
td.left {width : 500px;padding-right : 20px;}
td {vertical-align : top;}

/* Disable built in search forms */
.gsc-control form.gsc-search-box {display : none;}
.gsc-search-box {width:200px;}
.gsc-search-box .gsc-input{width:100px;}

/* restrict global search form width */
#searchForm {width : 500px;}

/* disable twiddle and size selectors for left column */
#leftSearchControl .gsc-twiddle {background-image : none; }
#leftSearchControl .gsc-resultsHeader .gsc-title {padding-left : 0px;font-weight : bold;font-size : 12px;display : none;}
#leftSearchControl .gsc-resultsHeader div.gsc-results-selector {display : none;}
#leftSearchControl .gsc-resultsRoot {padding-top : 6px; background-color:red}

/* long form visible urls should be on */
.gsc-webResult {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; margin:0; padding:0}
.gsc-webResult div.gs-visibleUrl-long {display : block;color:orange}
.gsc-webResult div.gs-visibleUrl-short {display : none;color:orange;}
.gsc-webResult div.gs-title a{color:#009ef1; text-decoration:none;font-size : 12px;}  
.gsc-webResult div.gs-title a b{color:#009ef1;text-decoration:none;font-size : 12px;}  
 div.cse-overlay-bg{z-index:100000}
 div.cse-overlay{z-index:100001}

/* 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: #d4d5d6;
	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.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.com/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.genesdiffusion.com/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #d4d5d6;
	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;
	}