html {
  margin:0;
  padding:0;
}

body {
  margin:0 1px;
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
  font-size:80%;
}
p {
  text-align:justify;
}
img {
  border:0;
}
a {
  color:#296DC0;
}

a:hover {
  color:#6E96D4;
}

a:visited {
  color:#168DBF;
}

h1{
  color: #113196;
  font-size: Large;
  padding-left : 5px;
  font-family:  Comic Sans MS,Helvetica, Geneva, sans-serif; 
}
h2{
  font-family: Comic Sans MS,Helvetica, Geneva, sans-serif; 
  color: #009383;
  font-size: Medium;
  text-decoration : underline;
}

h3{
  font-family: Comic Sans MS,Helvetica, Geneva, sans-serif; 
  color: #002F5B;
  font-size: medium;
  text-decoration:underline;
  padding-left : 1%;
}


fieldset {
  border:1px solid #84B9E1;
}
legend {
  color: #002F5B;
  font-weight : bold;
}
label {
  color:#113196;
}
input {
  background-color:#EFEFEF;
  border: 1px solid #7e9db9; 
  padding: 2px;
  color:grey;
} 

textarea {
  background-color:#EFEFEF;
  border: 1px solid #7e9db9; 
  padding: 2px;
  color:grey;
} 

input.button {
  border:0;
  background-color:#113196;
  color:#fff;
}

.clean {
  clear : both; 
}



#conception {
    position:absolute;
    right:0pt;
    top:10px;
    z-index:2;
}

#conception a {
    background:transparent url(../conception2.png) no-repeat scroll left center;
    display:block;
    height:195px;
    text-decoration:none;
    width:44px;
}
#conception a:hover {
    background:transparent url(../conception2.png) no-repeat scroll right center;
}
#conception a span {
    display:none;
}



.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: 13px;
  text-align: left;
  margin : 10px; 
  width: 311px;  
  background-image :url('img/pedigree3gen.gif'); 
  background-repeat: no-repeat;
  background-position: center; 
}

.pedigree2G a,.pedigree2G a:active, pedigree2G a:visited {
  color : #002F5B;
}

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

#plan {
  font-size : 75%;
  margin-bottom : 10px
}
#plan u{
  float:left;
  margin-right:5px;
}
#plan ul{
  margin:0;padding:0;
}
#plan li{
  margin:0;padding:0;list-style:none;float:left;margin-right:5px;
}
#plan a {
  text-decoration:none;
}
#plan a:hover {
  text-decoration:underline
}

.erreur {
  padding : 10px;
  font-weight:bold;
  text-align:center;
  color:red;
  background-color:yellow;
}



#global {
  min-height: 100%;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

#global {
  padding: 0;
}
#header {
  background: url('img/france-trait.gif') 180px 15px no-repeat;
  height: 160px;
}


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 #EA553A;
  text-decoration:none;
  background-color :#FFF9E0;
  text-align:center;
  color: #113196;
}

ol.fiche_tree li a:hover {
  background-color :#FFE097;
  color: #296DC0;
}
.cadre {
  width : 95%;
  border-bottom : 1px solid #EA5336;
  float : left;
  margin : 10px 0;
  padding: 5px;
}
/*======================= CONTENT  ====================================*/

#sidebar {
  position:absolute;
  right:0;
  width: 349px;
}
#content_left {
  padding: 0;
  background-image: url('img/content_l.jpg');
  background-repeat:repeat-y;
  width:48px;
}
#index_right {
    padding-left:10px;
    padding-top:110px;
}

#content_left_top {
  background-image: url('img/content_t.jpg');
  background-repeat:no-repeat;
  height:55px;
}
#content_bottom {
  background-image: url('img/content_b.jpg');
  background-repeat:repeat-x;
  background-position:bottom;
  height:173px;
}
#cbl {
  background-image: url('img/content_bl.jpg');
  background-repeat:no-repeat;
  height:173px;
  width:205px;
}  
#cbr{
  background-image: url('img/content_br.jpg');
  background-repeat:no-repeat;
  background-position:bottom;
  height:173px;
  width:8px;
  float:right;
}




/*======================= MENU DANS RACE  ====================================*/

.menu_race {
  background :#FDF8D1 url('img/deg.jpg') repeat-x;
  width:30%;
  float:left;
  margin:25px 2% 2% 0;
  padding : 0.5%;
}

.menu_race h3{
  font-family: "Tahoma";
  border-bottom:5px dotted #113196;
  text-align:center;
  font-style:normal;
  text-decoration:none;
  font-weight:bold;
  font-size : large;
  color:#113196;
  margin:5px 0 5px 0;
}
.menu_race h5{
  font-family: "Tahoma";
  text-align:left;
  margin:0;padding:0;
}
.menu_race ul, .menu_race li{
  margin:0;padding:0;
  text-align:left;
  list-style:none;
  font-size:small;
}
.menu_race p {
  padding:0 5px;
  font-size:small;
}
.menu_race a,.menu_race a:active,.menu_race a:visited,.menu_race a:hover {
  color :#648BC2;
}




/*======================= MENU DES NEUF RACES ====================================*/

#neuf_race {
  width:350px;
  height:350px;
  background-image: url('img/9races.jpg');
  background-repeat:no-repeat;
}

#neuf_race td a{
  color : #113196;
  font-weight : bold;
  display:block;
  width:100%;
  height:19px;
  padding-top:89px;
  font-size:12px;
  text-align:center;
}
#neuf_race tr.neufrace_deux a{
  height:28px;
  padding-top:92px;
}
#neuf_race tr.neufrace_trois a{
  height:28px;
  padding-top:87px;
}
#neuf_race td a:hover{
  background-color:#fff;
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
}


/*======================= MENU haut ====================================*/

#menu_haut {
  background-image: url('img/menu_haut.jpg');
  background-repeat :  repeat-x;
  position: absolute;
  top : 130px;
  left: 25px;
  right:330px;
  z-index:2;
  font-size:12px;
  overflow:hidden;
}

#menu_haut dl, #menu_haut dt, #menu_haut dd, #menu_haut ul, #menu_haut li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#menu_haut dl {
  float: left;
  width: 90px;

padding : 0 7px;
}
#menu_haut dt {
  padding-top : 6px;
  width: 90px;	
}


#menu_haut dt, #menu_haut dt a {
  color : #5E5B9D;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  text-decoration : none;
  margin: 0;
  padding-top : 4px;	
  display : block;
  height : 24px;
}

#menu_haut dt a:hover {
  color : #5E5B9D;
}


#menu_haut dd {
  display: none;
  width: 150px;
  border : 1px solid #F7DD6C;
}
#menu_haut ul {
  padding : 0;
  margin : 0;
}
#menu_haut li {
  padding : 0;
  width: 150px;
  background-color :#FDF6E3;
}


#menu_haut li a {
  padding : 4px 2px;
  color: #002F5B;
  font-size:small;
  text-decoration: none;
  display: block;
  height: 100%;
  width : 146px;
  border: 0 none;
}
#menu_haut li a:hover {
  background-color : #F7DD6C;
}






/*======================= MENU BAS A DROITE ====================================*/

#m_b {
  background-image: url('img/menu_bas.jpg');
  background-repeat:repeat-x;
  height:82px;
  margin:10px 20px;
  padding:0 10px;
  font-weight:bold;
  font-size:13px;
}
#m_b ul{
  margin:0;padding:0;
}
#m_b li {
  margin:0;padding:0;
  list-style:none;
}
#m_b li.r {
text-align:right;
}
#m_b a, #m_b a:active {
  color : #123295;
  text-decoration:none;
}
#m_b a:hover {
  text-decoration:underline;
}


div.lh_div{
  font-size:10px;
  margin : 0; 
  padding: 5px;
  border-bottom:1px dashed #F6B150;
}


div.lh_div.p{
    background:#FFFFFF;
}
div.lh_div.i{
    background:#F5F8D2;
}

div.rbl {
    background:url('../left.png') left repeat-y;
}

div.rbl div.rbr {
    background:url('../right.png') right repeat-y;
    padding:5px 15px 10px 12px;
    border-top:1px solid silver;
    border-bottom:1px solid silver;
}

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

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