body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background:#6898BE ;
	margin: 0;
	padding: 0;
}

ul, ol, dl {
	padding: 0;
	margin: 0;
}

p {
	margin-top: 0;
	/*font-size:11px;*/
}

h2{
	color:#FF7800;
	/*line-height:1.2;*/
	font-size:0.8em;
	/*letter-spacing:-1px;*/
	/*font-weight:700;*/
	margin:10px 25px 5px;
	padding:0;
}

#content ul, #content ol{
padding: 0 15px 15px 40px;
}

h3{color:#666;font-size:1em;font-weight:400;margin:10px 0 5px;padding:10px 0 0;}
h4{font-size:1em;margin:1.5em 0 0.8em;}
h5{font-size:1em;margin:1.5em 0 1em;}

a img { 
	border: none;
}

a:link {
	color: #000;
	text-decoration: none;
}

a:visited {
	color: #000;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	text-decoration: none;
}

.container {
	width: 1024px;
	background: #FFF;
	margin: 10px auto;
	border:1px solid #06C;
}

header{
}

/* LES CADRAGES GENERAL*/

	#menuGauche{
		border:1px solid #ddd;
		margin:5px;

		float:left;	
		width: 220px;
	}
	
	#menuDroit{
		/*border:1px solid #00CC00;*/
		margin:5px;
		
		/*clear:both;*/
		/*overflow:hidden;*/
		float:right;
		width: 300px ;
	
	}	

	#content{
		margin:5px 0 5px 0;
		/*padding:5px;*/
		float:left;
		width: 480px ;
	}

	#_CadrageActu
	{
		background:#f3f3f3;
		border:1px solid #ddd;
		padding:5px; 
		font-size:11px;
	}
	
	#CadrageSite{
		background:#f3f3f3;
		border:1px solid #ddd;
		padding:5px;
		margin-top:5px;
		font-size:11px;

		}
		
	#CadrageEtalons{
		background:#f3f3f3;
		border:1px solid #ddd;
		padding:5px;
		margin-bottom:5px;
				font-size:11px;
}

	#CadrageAnnonces{
		background:#f3f3f3;
		border:1px solid #ddd;
		padding:5px;
		margin-bottom:5px;
				font-size:11px;
}
		
		#presente{
	background:#f3f3f3;
	border:1px solid #ddd;
	padding:5px;
	margin-bottom:5px;
				font-size:11px;
}
		
		#caracteristique{
	background:#f3f3f3;
	border:1px solid #ddd;
	padding:5px;
	margin-bottom:5px;
				font-size:11px;
}
		
		#commentaire{
	background:#f3f3f3;
	border:1px solid #ddd;
	padding:5px;
	margin-bottom:5px;
				font-size:11px;
}

		#situationgeo{
		background:#f3f3f3;
		border:1px solid #ddd;
		padding:5px;
				font-size:11px;
}

		#recherche{
		background-image: url(../template/fontRecherche.jpg);
		background-repeat:no-repeat; 
		height:257px;
		/*background: #6EAFD5 ;*/
		/*border:1px solid #ddd;*/
		padding:5px;
		}

		#Pension{
		background-image: url(../template/fontPensions.jpg);
		background-repeat:no-repeat; 
		height:257px;
		/*background: #6EAFD5 ;*/
		/*border:1px solid #ddd;*/
		padding:5px;
				font-size:11px;
}



/**** menu ****/
#menuGauche H3{
	color:#FF7800;
	font-size:0.9em;
	margin:10px 25px 5px;
	padding:0;
	font-weight:bold;
	}
#menuGauche ul {list-style: none;margin:0px;padding:0px;border: none;}
#menuGauche li { padding-left: 20px; margin: 0;	color: #006699;font-size:0.9em;}
#menuGauche li a {
display: block; 
padding: 5px 5px 5px 15px; 
background-position: left center; 
text-decoration: none;
color: #006699;
font-size:11px;
border-left:3px solid #fff;
border-bottom:1px solid #ccc;
}
#menuGauche li a:hover{ 
padding:5px 5px 5px 15px;
background:#f3f3f3;
background-position:left center; 
border-bottom-width:1px; 
border-bottom-color: #4979A5; 
color: #000;
border-left:3px solid #FF7800; 
border-bottom:1px solid #000;
}



/**** actualités ****/
._actu{
	background:#FFF;
	clear:both;
	overflow:hidden;
	border:1px solid #ddd;
	margin:5px;
	padding:5px;
}

._actu .date{
	color:#999;font-size:0.9em;
}._actu .actuTitre{
	color: #003366;font-size:1em;
}
._actu-end{
	clear:both;
	margin-bottom:10px;
}

._actu p{
	text-align:left;
	margin:5px;
}
._actu .imagenews,.pm .imagenews{
	border:1px solid #ddd;
	background:#FFF;
	float:left;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin:5px 10px 5px 5px;
	padding:3px;
	width:70px;
}

/**** les new sites ****/
#CadrageSite ._site{
	border:1px solid #ddd;
	background:#FFF;
	height:130px;
	margin-bottom:5px;
}

#CadrageSite .image{
	border:1px solid #ddd;
	background:#FFF;
	float:left;
	margin:5px 10px 5px 5px;
	padding:3px;
	width:100px;
}

#CadrageSite p{
	text-align:left;
	margin:5px;
}

#CadrageSite span a{
	text-align:left;
	margin:5px;
	color: #003366;
	font-size:11px;
	font-weight:bold;
}

#CadrageSite .cadreInfoEleveur{
	float:right;
	width:300px;
	text-align:left;
	font-size:10px;
	font-weight:bold;
}

#CadrageSite .cadreInfoEleveur .infoEleveur{
	font-size:10px;
	font-weight:bold;
	color: #003366;
}

/** eleveur  **/
#siteeleveur{
	background:#f3f3f3;
	clear:both;overflow:hidden;
	border:1px solid #ddd;
	margin:5px 10px 5px 5px;
	padding:3px;
}

#siteeleveur H3{
	color: #0066CC;font-size:0.9em; 
}

#siteeleveur .url{
	color: #0066CC; font-size:0.9em; font-weight:bold;
}

#siteeleveur p{
	text-align:left;
	margin:3px;
}

#siteeleveur p span{
	text-align:left;
	margin:3px;
	color:#000;
}

#siteeleveur .image{
	border:1px solid #ddd;
	background:#FFF;
	float:left;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin:5px 10px 5px 5px;
	padding:3px;
	width:100px;
}


/* mes chiens */
#CadrageEtalons table{
	width:99%;
}

#CadrageEtalons td{
	width:33%;
	text-align:center;
}

#CadrageEtalons .name{
	color: #CC3300;
	text-decoration:none;
	font-size: 10px;
	font-weight:bold;
	
}

#CadrageEtalons img{
	border: 3px solid #E0E0E0;
	margin-right: 10px;
	height:50px;
	width:50px;
}

/*geo*/
._geo{
	background:#FFF;
	clear:both;
	overflow:hidden;
	border:1px solid #ddd;
	margin:5px;
	padding:5px;
}

._geo .date{
	color:#999;font-size:0.9em;
}
._geo .geoTitre{
	color: #003366;font-size:1em;
}

._geo .geoTitre{
	color: #003366;font-size:1em;
}


._geo .infoGeo{
	font-size:10px;
	font-weight:bold;
	color: #003366;
}

.geo-content{
width:250px;
}

._geo p{
	text-align:left;
	margin:5px;
}
._geo .image,.pm .image{
	border:1px solid #ddd;
	background:#FFF;
	float:right;
	margin:5px 10px 5px 5px;
	padding:3px;
}

/* les annonces */

#CadrageAnnonces{
	background:#f3f3f3;
	clear:both;overflow:hidden;
	border:1px solid #ddd;
}

#CadrageAnnonces ._annonce{
	background:#fff;
	border:1px solid #ddd;
	height: 140px;
	margin-bottom:5px;
	
}

#CadrageAnnonces ._annonce2{
	background:#fff;
	border:1px solid #ddd;
	
	margin-bottom:5px;
}

#CadrageAnnonces .AnnonceSujet{
	color: #003366; 
	font-size:1em; 
	font-weight:bold;
}

#CadrageAnnonces .lire{
	/*float:right;*/
	/*width:50px;*/
	text-align:left;
	font-size:11px;
	font-weight:bold;
	color: #990000; 
}

#CadrageAnnonces p{
	text-align:left;
	margin:3px;
}

#CadrageAnnonces p span{
	text-align:left;
	margin:3px;
	color:#000;
}


/*  nav */
nav ul {	list-style: none; 	border-top: 1px solid #FFF; 	margin-bottom: 15px; }
nav ul li {		border-bottom: 1px solid #FFF;}
nav ul a, nav ul a:visited { 
	padding: 5px 5px 5px 15px;
	display: block; 
	width: 160px;  /* IE6 */
	background-color: #F6900A;
}

nav ul a:hover, nav ul a:active, nav ul a:focus {
	color: #FFFFFF;
	background-color: #000000;
}

.fltrt { 
	float: right;
	margin-left: 8px;
}

.fltlft {
	float: left;
	margin-right: 8px;
}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* Footer*/
#footer{
	clear:both;
	font-size:0.9em;
	color:#ADADAD;
	position:relative;
	padding:25px 0 20px;
	margin:5px 10px 5px 5px;
	border:1px solid #ddd;
	background:#f3f3f3;
	min-height:100px;
}

#footer-droite{
	color: #003399;
	float:right;
	list-style:none;
	line-height:1.5;
	text-align:left;
	margin-right:150px;
	margin-top:10px;
	font-size:0.9em;
}

#footer-gauche{
	color: #003399;
	float:left;
	list-style:none;
	line-height:1.5;
	text-align:left;
	margin-left:20px;
	margin-top:10px;
	font-size:0.9em;
}
/* ajax chargement css */


/** etalon affiche **/
#presente H3{
	color: #006699;font-size:1.2em;

}

#presente .date{
	color:#999;font-size:0.9em;
}

#presente p{
	text-align:left;
	margin:5px;
}
#presente p span{
	text-align:left;
	margin:5px;
	color:#000;
}
#presente .image{
	border:1px solid #ddd;
	background:#FFF;
	float:left;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin:5px 10px 5px 5px;
	padding:3px;
	width:70px;
}

/** etalon caracteristique **/
#caracteristique p{
	text-align:left;
	margin:5px;
	color:#003366;
}

#caracteristique p span{
	text-align:left;
	margin:5px;
	color:#000;
}

/** etalon commentaire **/
#commentaire p{
	text-align:left;
	margin:5px;
}
#commentaire .image{
	border:1px solid #ddd;
	background:#FFF;
	float:left;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin:5px 10px 5px 5px;
	padding:3px;
	width:120px;
}



/* formulaire eleveur */
#recherche .Releveur{
	margin-top:220px;
}

#recherche .listChien{
	border:1px solid #FF9900;
	color:#003366;
	font-weight:bold;
	font-size: 11px; 
	margin-left:25px;
	padding:5px;
}

#recherche label{
	display: inline-block;
	width: 120px;
	vertical-align: top;
	line-height: 1.8;
}

#recherche input[type=submit]{
	border:1px solid #003366;
	background-color:#FF9900;
	color:#FFF;
}

/* formulaire reproducteur */
#reproducteur{
	background-image: url(../template/fontReproducteur.jpg);
	background-repeat:no-repeat; 
	height:257px;
	padding:5px;
}	

#reproducteur .Preproducteur{
	margin-top:220px;
}

#reproducteur .listChien{
	border:1px solid #FF9900;
	color:#003366;
	font-weight:bold;
	font-size: 11px; 
	margin-left:25px;
	padding:5px;
}

#reproducteur label{
	display: inline-block;
	width: 120px;
	vertical-align: top;
	line-height: 1.8;
}

#reproducteur input[type=submit]{
	border:1px solid #003366;
	background-color:#FF9900;
	color:#FFF;
}

.profileRepoducteur{
/*display: block; */
overflow: hidden;
border:1px solid #FFDBB7;
margin-top:3px;
font-size:0.8em;
font-weight:bold;
}

.profileRepoducteur .etalon{
color: #006699;
}

.profileRepoducteur .affixe{
color:#003366;
}

.profileRepoducteur .localisation{
color:#990000;
}


.profileRepoducteur .image{
	border:1px solid #ddd;
	background:#FFF;
	float:left;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin:5px 10px 5px 5px;
	padding:3px;
	width:70px;
}


/* formulaire pension */
#Pension  .Releveur{
	margin-top:220px;
}

#Pension  .listChien{
	border:1px solid #FF9900;
	color:#003366;
	font-weight:bold;
	font-size: 11px; 
	margin-left:25px;
	padding:5px;
}

#Pension  label{
	display: inline-block;
	width: 120px;
	vertical-align: top;
	line-height: 1.8;
}

#Pension input[type=submit]{
	border:1px solid #003366;
	background-color:#FF9900;
	color:#FFF;
}
