html {
  margin : 0;
  padding : 0;
}
body     { 
  margin : 0;
  padding : 0;
  color: #333; 
  font-size: small;
  font-family: helvetica; 
  background-color:#FFFFFF;
  background-attachment: fixed; 
  background-repeat: no-repeat;
  background-position: bottom right; 
  background-image : url('img/fond.jpg');
}

img {
  border : 0;
}

h1 {
  font-size : x-large ;
  font-weight : bold;  
  margin : 0;
  margin-bottom : 10px;		
  padding : 2px;
  padding-left : 2%;
  color : #CF6000; 
}

h2 {
  color : #7EA742;
  margin : 2px;
  padding : 2px;
  margin-left : 5%;
  font-size : large ;
  text-decoration: underline ;
}

h3 {
  margin : 2px;
  margin-top : 8px;
  padding : 2px;
  margin-left : 7%;
  font-size : medium ;
  font-style: italic;
  text-decoration: underline ;
}

a:hover { 
  color: #036830; 
  text-decoration: underline;
}
a {
  color: #036830; 
  text-decoration: none; 
}

fieldset    {
  margin: 0; 
  padding: 5px;
}
form { 
  margin: 0;
}

kbd {
  font-size : small;
  padding: 0px 2px;
  border: 1px solid gray;
}

p{
  text-align : justify;
}

input.button {
  background-color : #7ea742;
  color : #fff;
}


#search {

}


/*----------- Mise en page -------------*/

#mep_equideclic {
  height : 25px; 
  width : 100%;
  border-top : 2px solid black;
  border-bottom : 2px solid black;
  clear : both; 
  z-index : 3;
}

#mep_equideclic a {
  display : block; 
  width : 100%;
  height : 25px;
  background-image : url("img/equideclic.gif"); 
  background-repeat : no-repeat;
  background-color :#FAF4B6;
  z-index : 3;
}

#mep_equideclic a:hover {
  background-color :#FFF150;
}





#h {
  height : 30px;
  padding : 0;
  font-weight:bold;
  background-color : #7EA742;
  font-variant : small-caps; 
  font-size : large;
  color : white;
}

#h span{
  margin : 5px 20px 5px 20px;
}


#fond {
  width : 100%;
  height : 100%;
  background-image : url("img/fond_d.jpg");
  background-position: right;
  background-repeat : repeat-y;
}


/*----------- Menu du haut -------------*/

#menu {
  position:absolute;
  right:0;
  top:0;	
  width:250px;
}

#menu dt{
  margin : 5px;
  margin-right:0;
  text-align: center;
  font-weight: bold;
  text-decoration : none;
  cursor: pointer;
  color : white;
  z-index : 2;
}

#menu dt a{
  width : 95%;
  color : white;
  padding : 5px;
  display : block;
  background-color : #7EA742;
  z-index : 2;
}

#menu dt a:hover{
  background-color : #73BE1E;
  font-style: italic;
  z-index : 2;
}

#menu dd{
  margin: 0 10px 0 0;
  padding: 5px;
  background-color :#F8FFF9;
  border : 1px solid silver;
  z-index : 2;
}

#menu ul {
  margin: 0 10px 0 0;
  padding: 5px;
  list-style-type: none;
}
 #menu li {
  margin: 3px 0 3px 20px;
  z-index : 2;
}



/*----------- Menu bas -------------*/

#b {
  padding : 0;
  background-color : #7EA742 ;
  font-size : large;
  color : white;
  padding:5px;
  height:40px;
  padding-left:50px;
  margin-top:15px;
}

#b ul{
    list-style-type : none; 
}


#b li {
  margin : 0 0.5em 0 0; 
  padding : 0; 
  float:left;
  width : 130px; 
  text-align : center; 
} 
#b a {
  display : block; 
  width : 100%; 
  height : 20px; 
  text-decoration : none; 
  color : #FFF; 
  font-size : medium; 
  font-variant : small-caps; 
  font-weight : bold; 
} 
#b a:hover {
   background-color : #73BE1E;
}

#mep_droite iframe {
  margin-top : 30px;
}



/*----------- mep_body -------------*/

#mep_corps {
  padding-left : 25px;
  
  margin-right:270px;
}

.fonda {
  background-image : url("img/fond_1.gif");
  background-position: 8% 200px;
  background-attachment: fixed; 	
  background-repeat : no-repeat;
}

.fondb {
  background-image : url("img/fond_2.gif");
  background-position: 8% 200px;
  background-attachment: fixed; 	
  background-repeat : no-repeat;
}

.fondc {
  background-image : url("img/fond_3.gif");
  background-position: 8% 200px;
  background-attachment: fixed; 	
  background-repeat : no-repeat;
}


#news {
  background-color : #7EA742 ;
  background-repeat: no-repeat; 
  background-position: 90% 100%; 
  background-image : url('img/anctc-filigrane.jpg');
  font-size : small;
  color : white;
  padding : 10px;
}

#news div.widget_block h2{
    color:#FFFFFF;
}


#news a {
  color : white;
}
#news a:hover { 
  font-style: italic;
}
#news h4 {
  text-decoration : underline;
  font-size : medium;
  margin:5px;
  padding:0;
}
#news ul, #news li,#news p {
  margin:0;padding:0;list-style:none;
}


.clean {
  clear : both; 
}

.none {
  display : none;
}

.xs {
  font-size : x-small;
  font-style: italic;
  color : #999;
}

.c150 {
  float : left;
  margin-left : 10px;
  font-weight : bold; 
  width : 150px;
}

.c100 {
  float : left;
  margin-left : 10px;
  font-weight : bold; 
  width : 100px;
}

.pedigree2G {
  float:right;
  font-size: 10px;
  text-align: left;
  border: 1px solid #fff; 
  margin : 10px; 
  width: 311px;  
  background-image :url('img/pedigree2gen.gif'); 
  background-repeat: no-repeat;
  background-position: center; 
}

.pedigree2G table{
  height : 137px;
  border: 0;
}


ol.tree {
  font-size : x-small;
  margin : 5px 0 0 5%;
  width : 50%;
  border-bottom: 1px solid #f5f5dc;
}

ol.tree li {
  display: inline;
  list-style-type: none;
  padding-right: 0.2em;
  padding-left: 0.2em;
  border-right : 1px solid #f5f5dc;
}


.help {
  cursor : help;
}

.cadre {
  width : 95%;
  border : 1px solid #7EA742;
  float : left;
  margin : 10px 0;
  padding: 5px;
}

.off {
  font-style : italic;
}
.on {
  display : none;
}

.listing {
  border : 1px solid #7EA742;

}
.listing table{

}
.listing td{
  text-align:center;
  border-width : 0;
  border-style:solid;
  border-color:  #7EA742 ;	
}
.listing th{
  font-size:small;
  background-image :url('img/degv.jpg'); 
  background-repeat: repeat-x;
  height : 30px;
  font-weight: bold; 
  color : #CF6000; 	
  border-width : 0 ;
  border-style: solid;
  border-color:  #7EA742 ;
}

.last_tr {
  background-image :url('img/degv2.jpg'); 
  background-repeat: repeat-x;
  border:0;
  height : 25px;

}
.first_tr {
  background-image :url('img/degv.jpg'); 
  background-repeat: repeat-x;
  height : 25px;
  border:0;
}

.selected {
  border : 1px dotted #7EA742;
  background-color: white;
}



.info {
  border : 1px solid #7EA742;
}
.info table{
}
.info td{
  font-style : italic;
}
.info th{
 color : #CF6000; 	
  text-align:left;
  padding-left : 10px;
  border : 0;
}



ol.fiche_tree {
  font-size : small;
  margin : 5px 0 0 50px;
  width : 68%;
}

ol.fiche_tree li {
  display: block;
  float:left;
  width : 120px;
  list-style-type: none;
  padding-right: 0.2em;
  padding-left: 0.2em;
}

ol.fiche_tree li a,ol.fiche_tree li a:active ,ol.fiche_tree li a:visited {
  display : block;
  font-weight: bold;
  border:1px solid #D36B4C;
  text-decoration:none;
  background-color :#E2DBD0;
  text-align:center;
}

ol.fiche_tree li a:hover {
  background-color :#D36B4C;
  color: #E2DBD0;
  border:1px solid #D36B4C;
}


form p label {
    display:block;
    float:left;
    width:45%;
    margin-right:5%;
    border-bottom:1px solid silver;
}

form p input, form p textarea, form p select {
    width:45%;
    display:inline;
}




.combo {
    background:url('img/bg.jpg');
    padding:1%;
    margin-top:5px;
    margin-bottom:5px;
    border:1px solid #A0A0A0;
}
.combo div.comboc {
    
}
.combo h2 {
    color: #00233e;
    font-size:16px;
    margin: 0;
    padding: 0;
}
div.resume {
    font-style:italic;
}

p.conditionnement {
    color:#000000;
    margin:0 0 0 50px;
    font-style:italic;
    font-size:medium;
}

p.prix {
    color:#F15B00;
    margin:0 0 0 50px;
    font-size:medium;
}

.list_produit{
    background:none;
    border:0;
    border-bottom:1px dashed silver;
}


img.miniature {
    border:1px solid #A0A0A0;
    margin-right:5px;
    width:120px;
}

img.appercu {
    float:left;
    border:1px solid #A0A0A0;
    margin-right:5px;
    width:218px;
}


ul#chemin_achat{
    clear:both;
    height:20px;
    border-bottom:1px solid silver;
}
ul#chemin_achat li {
    color:silver;
    display:block;
    float:left;
    margin:0.5%;
    padding:0.5%;
    width:20%;
    text-transform:uppercase;
    text-align:center;
}
ul#chemin_achat li.selected {
    color:#3875D7;
}

ul#chemin_achat li b{
    font-size:150%;
    background:#FFFFFF;
    padding:0 30px;
}

ul#chemin_caddie{
  background:#00233E;
    border-top:1px solid grey;
    padding:0;
}

ul#chemin_caddie li{
    border-bottom:1px solid grey;
    background:#F0F0F0;
    display:block;
    float:left;
    color:#000000;
    width:24%;
    margin:0 0.5;padding:0.5% 0.5%;
    text-align:center;
}
ul#chemin_caddie li.first{
    border-left:1px solid grey;

}
ul#chemin_caddie li.selected1{
    background:silver;
}
ul#chemin_caddie li.selected2{
    background:#00233E;
}
ul#chemin_caddie li.selected2 a{
    color:#FFFFFF;
    font-weight:bold;
    text-transform:uppercase;
}