/*************  STRUCTURE  **************/
html {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #00000;
	background-color: #DEDEDE;
	text-align: center;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

p {
	margin: 0px 5px 0px 5px;
	padding-left: 60px;
	text-indent: 0em;
}

#header {
	text-align: left;
	width: 88%;
	margin: 0px auto;
	position: relative;
	background: url('../_img/logo.jpg') no-repeat;
	height:100px
}

#logo_scf{
	text-align: left;
	width: 88%;
	position: relative;
	background: url('../_img/logo_scf.jpg') no-repeat right;
	height: 100px; margin-left:auto; margin-right:auto; margin-top:-100px; margin-bottom:0px
}

#container{
	text-align: left;
	width: 90%;
	margin: 10px auto 10px auto;
	padding: 0px 20px 0px 20px;
	background: #F6F6F6;
	border: 1px solid #53317D;
}
h1 {
	font: 17px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	position: relative;
	margin: 0 10px 10px 15px;
	padding : 0px 0px 0px 10px;
	background-color: #DEDEDE;
	border : 1px solid #53317D;
}
ul.lienadmin{
	position: relative;
	margin:0;
	padding: 0;
	list-style-type: none;
	padding : 0px 0px 0px 60px;
}
ul.lienadmin a{
	display: block;  /* mise en block de <a> pour lui donner des dimensions */
	height: 28px;
	color: #E37B26;
	font: 14px/25px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	text-decoration: none;
}
ul.lienadmin a:hover {
	color: Purple;
}
/************  MENU TOP *************/
#menutop {
	position: relative;
	height: 28px;
	margin: 0 10px 1em 15px;
	clear: both;
	background-color: #DEDEDE;
	border : 1px solid #53317D;
}
#menutop ul, #menutop li {
	margin:0;
	padding: 0;
	list-style-type: none;
}
#menutop ul {
	position: absolute;
	height: 28px;
	width: 800px;
	left: 25px;
}
#menutop li {
	float: left;
}
#menutop li a { /* dimensions et définitions des boutons */
	display: block;  /* mise en block de <a> pour lui donner des dimensions */
	height: 28px;
	width : 150px;
	color: #E37B26;
	font: 17px/28px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	text-decoration: none;
	text-align: center;
	border-right: 1px solid #53317D;
}
#menutop li a:hover {
	color: #fffff;
}
/*************  ADMIN  **************/
#admin{
	padding: 0px 10px 0px 15px;
	height:15px;
	border: 1px solid #53317D;
}
#adminPedigree{
	padding: 0px 10px 0px 15px;
}
#admin p{
	float:left;
	color: #E37B26;
	font: bold 10px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}
#adminPedigree p{
	float:left;
	color: #E37B26;
	font: bold 10px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}
#admin a{
	color: #53317D;
	font: bold 10px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	text-decoration: none;
}
#adminPedigree a{
	color: #53317D;
	font: bold 10px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	text-decoration: none;
}

#admin a:hover{
	color: #E37B26;
	font: bold 10px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	text-decoration: none;
}
#adminPedigree a:hover{
	color: #E37B26;
	font: bold 10px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	text-decoration: none;
}
#admin #titre{
	float:right;
}
/*************  LISTE DE RECHERCHE  **************/
ul{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left:120px;
}
li{
	font-size: 12px;
}
a.liste {
	font-size: 10px;
	color: #53317D;
	text-decoration: none;
	font-weight: bold;
}
a.liste:hover {
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	background-color: #FFAD62;
}
/*************  DIVERS  **************/
p{
	font-size: 12px;
	color: #000000;
}
 
h2{
	color: #000000;
	text-align: center; 
  	font-size: 18px;
	font-weight: bold;
}
.pedigree{
	font-size: 10px;	
}
.red{
	font-size: 10px;	
	color:red;
}
.titreviolet{
	color: #53317D;
	font-weight: bold;
	font-size: 12px;
}
strong{
	color: #53317D;
}

/*************  a  **************/

#smenu{
	position: relative;
	height: 28px;
	margin: 0px 0px 0px 0px;
}
#namesphynx{
	height: 50px;
	margin: 0px 0px 0px 0px;
}
#ped{
	height: 28px;
	margin: 0px 20px 0px 0px;
}


form{
	width: 800px;
	position: relative;
	margin: 0px 0px 0px 60px;
}
div.form {
	
}
div.form fieldset.titre {	/*** Mise en forme des cadres ***/
	border : 1px solid #53317D;
	font-style: normal;
	padding: 0 1em 1em;
}
div.form legend{
	/*** Mise en forme des titres des cadres ***/
	background: transparent;
	color: #53317D;
	font-size: 17px;
	font-variant: small-caps;
	font-weight: bold;
}
div.form p {
	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0px 0px 0px;
	margin: 0px 0px .2em 0px;
}
div.form fieldset.titre label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 40%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	padding: 0px .5em 0px 0px;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
div.formbt{
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 70%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	padding: .5em .5em 0px 0px;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
div.form label:hover {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

div.form .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #FFCC99;
	color: black;
}
div.form .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}
.erreur{
	color: red;
	font: bold 10px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}


/* TABLE PEDIGREE */
table#pedigree{
  border: 1px solid #53317D;
  background: White;
  margin-top: 2px;
  margin-left: 5px;
  margin-right: 5px;
  width : 100%;
}
table#pedigree tr{
	border: 1px solid #53317D;
}

table#pedigree td{
	border: 1px solid #53317D;
	padding: 2px; 
	background-color: White;
 	font-size: 13px;
}
/*************************************/
/* TABLEAU DES MENU D'ADMINISTRATION */
/*************************************/
a.admin {
	color : #53317D;
	font : bold 10px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	text-decoration: none;
}
a.admin:hover {
	color: #E37B26;
}

table#admin{
  border : 1px solid #53317D;
  background : transparent;
  width : 800px;
  margin : 0px 0px 0px 60px;
}
table#admin th{
	font: bold 14px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	border: 1px solid #DEDEDE;
	background: #DEDEDE;
}

table#admin td{
	font: 10px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	padding-left : 20px;
	background-color: White;
 	font-size: 13px;
}
/*************************************/
/* TABLEAU Liste CMH
/*************************************/

table#liste_cmh{
	padding: 0;
	width: 900px;
	margin: 0px 0px 0px 20px;
	border : 1px solid #53317D;
}
table#liste_cmh td{
	padding: 5px;
}

table#liste_cmh tr th{
	font: Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	padding-bottom :20px;
	color: #53317D;
	background-color:#eceade;
	font-size: 12px;
	font-variant: small-caps;
	font-weight: bold;
	text-align:center;
}
table#liste_cmh tr td{
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
 	font-size: 10px;
	text-align:center;
}
table#liste_cmh tr th.date{
 	font-size: 11px;
	text-align:center;
	width:80px;
}
table#liste_cmh tr th.nom{
 	font-size: 11px;
	text-align:center;
	width:190px;
}
table#liste_cmh tr th.commentare{
 	font-size: 11px;
	text-align:center;
	width:200px;
}
table#liste_cmh tr th.sed_sang{
 	font-size: 11px;
	text-align:center;
	width:50px;
}

.cmh_red{
	background-color: #FFD7D0;
}
.cmh_font_red{
	color: red;
	font-weight:bold;
}



/* ################
        TABLE CLEAN
################# */

table.clean-table {
	border-collapse : collapse;
}

table.clean-table tr {
}

table.clean-table th {
	border : 1px solid #000;
	padding : 0.5em;
	background-color:#eceade;
	font-size : 1em;
	font-family : Verdana,Arial,Helevetica,sans-serif;
	color : #f60;
}
table.clean-table td {
	border : 1px solid #666;
	padding : 0.5em;
}

table.post-entry-info {
	border: none;
	border-collapse: collapse;
}
table.post-entry-info td {
	padding : 0.3em 1.5em 0.3em 0em;
}