html, body {height: 100%;margin: 0;}
html{background-image:url(../template/ico_html.jpg);background-repeat:repeat-x;background-color:#FFFCD7;font-family:Arial, Helvetica, sans-serif;font-size: 12px;}

div#header{	background: url(../template/ico_haut.jpg) no-repeat;height: 280px;	position: relative;	clear: both;	display: block;	line-height: 1px;}	
div#global{	background-color:#E7E0DA;min-height: 100%;width: 1023px;/*padding: 0 10px;*/margin: 0 auto;	position: relative;	border:1px solid #000000;}	
div#center{	padding-bottom:  50px;	overflow: auto;	background:#FFFCD7;}	

div#footer{	color:#F0A808; position: absolute;	width: 1003px;	bottom: 0;	background-color:#310D01;	border-top: 1px solid #707070;	height: 30px;	padding:10px;}
div#footer a{color:#F0A808;}
div#content{float: left;width: 700px; padding:10px;}
div#contentdiapo{	width: 700px;	padding:10px;	margin-top: 343px;	}
.cadredemenu{
/*background-image:url(../template/ico_font_menu.jpg);
background-repeat:repeat-y;
padding:5px;*/
/*background-color:#000;*/
}

div#menu{float:right; width:288px; min-height:700px; background-color:#B5A08B; /*border-left:1px solid #000;*/ margin:0;padding:0;list-style:none;}

#menu ul {list-style: none;margin:0;padding:0;border: none;}
#menu li {padding-left: 10px;margin: 0;}
#menu li a {display: block;padding: 5px 5px 5px 25px;background-position: left center;color: #000;text-decoration: none;}
#menu li a:hover{padding:5px 5px 5px 25px;color:#000;background-image:url(../template/ico_puce.jpg);background-repeat:no-repeat;background-position:left center;	border-bottom-width:1px;border-bottom-color: #5384D0;color: #FEFD8D;}

/*div#positionmenu a{	text-decoration:none;	color: #FFFFFF;	border-right: 1px solid #fff;	} au cas ou on a pas d'image */	
div#positionmenu{float: left;font-size: 1.2em;font-weight:bold;margin-top: 250px;margin-left: 20px;color:#FFF;}
img{border-top-width: 0px;	border-right-width: 0px; border-bottom-width: 0px;	border-left-width: 0px;}
div#positionmenu ul#navlist{list-style: none;padding: 0;margin: 0 auto;}
div#positionmenu ul#navlist li{float: left;margin: 0;padding: 0;}
div#positionmenu ul#navlist li a{display: block;padding: 0.5em;color:#FFF;list-style: none; }
.legende { 	color: #fff; text-align:center ;}

/* styles login */
#login{
	padding:0px;
	margin:0px;
	width: 350px;
}

#login .submit {
	background-color:#1A293F;
	width: 85px;
	height: 22px;
	display:block;
	border: none;
	margin: 5px 0 5px 150px;
	color: white;
	font-size: 0.9em;
	font-weight: bold;
	padding-bottom: 3px;
}

#login .submit:hover {
	background-color:#466FA9;
}

#login label {
  display: block; /* align les label et input parallèle */
  margin: 0 0 10px 10px;
}

#login label span {
  display: inline-block;
  width: 90px;
}


#loginhaut #topclient {
	margin: 0 0 4px 0;
}
#loginhaut #loginlostspan {
	margin: 0 0 4px 0;
}

#loginhaut #loginlost {
	color:#3E5ED5;
}

#loginhaut #passlost {
	color:#3E5ED5;
}

.option-text{
	font-weight: bold;
	color: #466FA9;

	}
.option-input-text{
	color: #1A2940;
	font-size: 14px;
	border: 1px solid #C7D5E3;
	padding: 2px;
	background-color: #F0F0F0;
}
.option-design{
	color: #990000;
	font-size: 2em;
}


/* GALERIE*/
#album_cadre{ width:550px; text-align:left; position:relative; margin:0 auto;  border:5px solid red; } /*mon gabarit de base*/
#album_cadre #album li{ display: block;float:left;  margin:5px;  border:5px solid #04507F; } /* aligne mes images en galerie*/
#album_cadre #album li a img{ width:125px; height:100px; border:5px solid #0066CC; } /* taille d'origine des image */
#ImgZoomCadre{ 	position:absolute; height:0px; visibility:hidden;  z-index:10;}
#ImgZoomCadre .apercu{ width:98%;  border:5px solid #FFCC66;} /*l'image */


  
  
#aff_pedigree td{
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #a84444;
	border-left-color: #a84444;
}
 
 
/* PEDIGREE */
#aff_pedigree{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:  11px;
}
#aff_pedigree fieldset{
	/*border:1px solid #CFD37C;*/
}

#aff_pedigree table{
	width:98%;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#aff_pedigree td{
	border-bottom-width: 1px;
	/*border-left-width: 1px;*/
	border-bottom-style: solid;
	/*border-left-style: solid;*/
	border-bottom-color: #C39289;
	border-left-color: #C39289;
}


#aff_pedigree .pere img{float:left; margin-right:10px; text-align:left; border:5px solid #DEDBFF;}
#aff_pedigree .mere img{float:left; margin-right:10px; text-align:left; border:5px solid #FFE3E3;}

#aff_pedigree .pere p{ margin-left: 80px; text-align:left;}
#aff_pedigree .mere p{ margin-left: 80px; text-align:left;}

#aff_pedigreeVirge .pere p{float:left; margin-right:10px; text-align:left; background-color: #DEDBFF; border:5px solid #CFD37C; height:25px; width:130px;}
#aff_pedigreeVirge .mere p{float:left; margin-right:10px; text-align:left;background-color: #FFE3E3;  border:5px solid #CFD37C; height:25px; width:130px;}



/*  galerie photo */
#album_cadre{ width:550px; text-align:left; position:relative; margin:0 auto;  border:5px solid red; } /*mon gabarit de base*/
#album_cadre #album li{ display: block;float:left;  margin:5px;  border:5px solid #04507F; } /* aligne mes images en galerie*/
#album_cadre #album li a img{ width:125px; height:100px; border:5px solid #0066CC; } /* taille d'origine des image */
#ImgZoomCadre{ 	position:absolute; height:0px; visibility:hidden;  z-index:10;}
#ImgZoomCadre .apercu{ width:98%;  border:5px solid #992020;} /*l'image */

/*   exposition   */
#css_expo_pmpsi table {	font-family:Verdana, Arial, Helvetica, sans-serif;	width: 96%;	border: 1px solid #000;	border-bottom: 0px;	font-size:  11px;	margin-top:25px;}
#css_expo_pmpsi caption {	color: #FFF;		text-align: left;	vertical-align:middle;	padding:5px;	background-color: #6F3D17;	font-size:small; }		
#css_expo_pmpsi th {	color: #FFFFFF;	text-align: left;	vertical-align:middle;	padding:5px;	background-color: #000;	font-size: 11px; }		
#css_expo_pmpsi th a        {        text-decoration:none;        color: #4f6b72;        background:transparent;        }		
#css_expo_pmpsi td a {        text-decoration:none;        color:#239;        background:transparent; }
#css_expo_pmpsi td a:hover{        color:#a84444;        border-bottom:1px dotted #a80000;        background:transparent;}
#css_expo_pmpsi td {        border-bottom: 1px solid #666;        padding: 2px;}
#tableexpo_pmpsi{ width:100%; text-align: left; }
#css_expo_pmpsi #tablenexpo_pmpsi td {	background-color: #C9A068;	font-size: 10px;	color: #000;}