/*//////////////////////////////////////*/
/*///      WWW.ICARE-NET.COM       /////*/
/*//////////////////////////////////////*/
@import url("referencement.css");
@import url("contact.css");
/************************************/
/*     CONTACT ET REFERENCEMENT a part, c'est mieux... */!important
/**************************-*********/
/*///////  NOTE IMPORTANTTE - le lien ci dessous explique la synthaxe abrégée CSS et son intérêt   /////////////*/
/*/////   http://pompage.net/pompe/raccourcisCSS   //////*/!important
/*--------------------------------------------------------------------------------*/
html{
	margin: 0;
	padding: 0;
	}
body{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background: #808425 url(../images/structure/body/background.jpg) repeat-x top;
	color: #000;
	}
body#equipe li.equipe a, body#tarif li.tarif a, body#naissance li.naissance a, body#reproducteur li.reproducteur a,  body#aplacer li.aplacer a, body#prenom li.prenom a,  body#soin li.soin a,  body#truc li.truc a,  body#porte li.porte a, body#galerie li.galerie a, body#visite li.visite a, body#humour li.humour a, body#contact li.contact a, body#partenaire li.partenaire a{
	border-right:2px solid #000;
	color:#000;
	background:#FFF url(../images/deco/puce-vcard.gif) no-repeat left;
	padding-left:35px;
	}
/*///////////////////////////////////*/
/*///        STRUCTURE SITE       ///*/
/*///////////////////////////////////*/
#general{
	margin:0 auto;
	padding:0;
	width:100%;
	}
/******************************/
/*    HEADER(entete)   */
/******************************/
#header{
	margin:0 auto;
	padding:0;
	width:940px;
	height:380px;
	background:url(../images/structure/header/background.gif) no-repeat top;
	}
#deux_pictos{
	padding:282px 0 0 54px;
	text-align:left;
	float:left;
	}
#deux_pictos a img{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	border:0;
	}
#deux_pictos a:hover img{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	}
#header_anim{
	width:540px;
	height:300px;
	float:right;
	position:relative;
	top:0px;
	right:30px;
	z-index:5;
	}
/******************************/
/*    CONTENT(contenu)   */
/******************************/
#content {
	margin:0 auto;
	background:#FFF url(../images/structure/content/background.gif) repeat-y top;
	/* les deux lignes qui suivent dépendent l'une de l'autre !!!! 
	modifier une des deux lignes sans modifier l'autre en consequence, c'est foutre en l'air le site !!! */
	padding:0 100px!important;
	width:700px!important;
	}
#content p {
	font:normal normal normal 11px/1.2em Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	padding:0px;
	margin: 8px 0px;
	}
#left_part{
	float:left;
	width:250px;
	}
	
	
#left_dresseur{
	float:left;
	width:250px;
	padding-top:35px;

	}

#flashcontent {
margin:0pt 0pt 80px;
padding:0pt;
}
	
/* gestion de la liste de lien de la base actu en page d'accueil */
#left_part dl{
	margin:0 10px;
	padding:0 10px;
	font:normal normal normal 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
	border-right:1px solid #F90;
	}
#left_part dt{
	text-align:left;
	padding:2px 0;
	font-weight:800;
	border-bottom:1px solid #ddd;
	}
#left_part dd{
	padding:10px 5px;
	font:italic normal lighter 12px/1.1em Verdana, Arial, Helvetica, sans-serif;
	}
.date_actu{
	font-size:10px;
	color:#888;
	display:block;
	margin:0 0 5px;
	}
#left_part dd a{
	display:block;
	color:#F90;
	margin:10px 0 0;
	text-decoration:none;
	font-size:10px;
	}
#left_part dd a:hover{
	color:#000;
	text-decoration:underline;
	}
/* fin de definition de la liste des bases actualites */
/*////////////////////////////////////////////////////*/
/*    gestion du tableau des lettres de prenoms en fonction des annéées **/
#lettres_prenoms td{
	padding:5px;
	border-bottom:1px solid #555;
	border-left:1px solid #DDD;
	}
#right_part{
	float:right;
	width:435px;
	padding:0 15px 10px 0;
	}
/* fin de gestion du tableau */
/*////////////////////////////////////////////////////////*/
/* gestion des liste a numero pour la page sante */
ol.roman{
	font-size:11px;
	}
ol.roman li{
	margin:10px auto;
	list-style-type:upper-roman;
	}
/*   liste des chiens */

.haut_page{
	margin:5px;
	height:15px;
	padding:3px;
	border-width:1px 2px 3px 1px;
	border-style:solid;
	border-color:#ccc;
	background:#eee;
	text-align:left;
	}

.haut_page a{
	float:right;
	text-decoration:none;
	color:#F90;
	}
.haut_page a:hover{
	float:right;
	color:#000;
	font-weight:bold;
	}

.retour{
	margin:5px;
	height:15px;
	padding:3px;
	border-width:1px 2px 3px 1px;
	border-style:solid;
	border-color:#ccc;
	background:#eee;
	text-align:left;
}

.Haut a{
	float:right;
	text-decoration:none;
	color:#F90;
	font-style:italic;
}

.Haut a:hover{
	float:right;
	color:#000;
	text-decoration:none;
	font-style:italic;
}

.retour a{
/*	float:left;*/
	text-decoration:none;
	color:#F90;
	}
.retour a:hover{
/*float:left;*/
	color:#000;
	font-weight:bold;
	}


.dogliste{
	margin:5px;
	padding:3px;
	border-width:1px 2px 3px 1px;
	border-style:solid;
	border-color:#ccc;
	background:#eee;
	text-align:left;
	}
	

.dogliste_left{
	/*float:left;*/
	padding-top: 24px;
	/*border:1px solid #F90;*/
	}
.dogliste_left_detail
{
float:left;
	padding-top: 24px;
	width:340px;
	/*border:1px solid #F90;*/
}

.dogliste_left_detail img
{
	float:left;
marging:0;
padding:0;
border: 1px solid #000;
	/*border:1px solid #F90;*/
}
.dogliste_right{
	float:left;
	margin-right: 12px;
	width:260px;
	}
.dogliste_right ul{
	margin:0;
	padding:0;
	}
.dogliste_right ul li{
	margin:0 3px;
	padding:3px 0 3px 10px;
	list-style:none;
	font: normal normal normal 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
	display:block;
	text-align:left;
	}
.dogliste a{
	float:right;
	text-decoration:none;
	color:#F90;
	}
.dogliste a:hover{
	float:right;
	color:#000;
	font-weight:bold;
	}
/*   fiche des chiens */
.dogfiche{
	margin:5px;
	padding:5px;
	background:#eee;
	text-align:left;
	}
.dogfiche_left{
	float:left;
	border:2px solid #F90;
	}
.dogfiche_right{
	float:right;
	width:300px;
	}
.dogfiche_right ul{
	margin:0;
	padding:0;
	}
.dogfiche_right ul li{
	margin:0 3px;
	padding:3px 0 3px 20px;
	list-style:none;
	font: normal normal normal 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
	display:block;
	text-align:left;
	}
.dogfiche a{
	text-decoration:none;
	color:#F90;
	}
.dogfiche a:hover{
	color:#000;
	font-weight:bold;
	}
.dogfiche a img{
	margin-top:5px;
	border:1px solid #555;
	}
.dogfiche a:hover img{
	margin-top:5px;
	border-color:#F90;
	}
/******************************/
/*   FOOTER(pied de page)   */
/******************************/
#footer{
	background:#808427 url(../images/structure/footer/background.gif) repeat-y top;
	/* le border sert à réaliser la bordure blanche en fin de footer !!! */
	border-bottom:10px solid #FFF!important;
	color:#000;
	text-align:center;
	width:800px!important;
	height:50px!important;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 50px;
	}
#footer a{
	color:#c4b419;
	font-weight:bold;
	}
#footer a:hover{
	color:#FFF;
	text-decoration:none;
	}
/*///////////////////////////////////*/
/*///        CHARTE TYPO       ///*/
/*///////////////////////////////////*/
select{
	color:#000;
	background-color:#fff;
	}
.orange_typo{
	color:#F90;
	font-weight:bold;
	}
.bandeau_alternatif_01{
	display:block;
	background:#F90;
	color:#FFF;
	}
.bandeau_alternatif_02{
	display:block;
	background:#FC6;
	color:#000;
	}
/******************************/
/*   TITRES DE PAGE   */
/******************************/
h1{
	margin:0;
	padding:6px 0;
	font: normal normal normal 28px/1.5em Arial, Helvetica, sans-serif;
	color:#F90;
	display:block;
	text-align:center;
	background:#808427 url(../images/structure/content/bg-titre.gif) no-repeat top;
	}
h2{
	margin:0;
	padding:6px 0 6px 40px;
	font: normal normal bolder 15px/1.5em Arial, Helvetica, sans-serif;
	color:#666;
	display:block;
	text-align:left;
	background:#FFF url(../images/deco/puce-toutou.gif) no-repeat left;
	border-bottom:1px solid #555;
	text-transform: capitalize;
	}
h3{
	margin:4px;
	padding:0 0 0 10px;
	color:#646D14;
	font-size: 13px;
	letter-spacing: 0.3em;
	text-transform: capitalize;
	text-align: left;
	}
h4{
	margin:0;
	padding:0;
	font: normal normal bold 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	display:block;
	text-align:center;
	text-transform:uppercase;
	}
h5{
	margin:4px 2px;
	padding:0 0 0 5px;
	;
	color:#EF8C00;
	font-size: 12px;
	text-transform: capitalize;
	}
h6 {
	margin:4px;
	padding:0 0 0 15px;
	color:#333333;
	font-weight: bold;
	font-size: 11px;
	background-image: url(../images/deco/picto-fleche.gif);
	background-repeat: no-repeat;
	}
/******************************/
/*     INDICES ET EXPOSANT    */
/******************************/
sup{
	font:9px Arial, Helvetica, sans-serif;
	color:#000;
	}
sub{
	font:9px Arial, Helvetica, sans-serif;
	color:#000;
	}
/*///////////////////////////////////*/
/*///        EFFETS       ///*/
/*///////////////////////////////////*/
.zone {
	margin:5px;
	width:300px;
	height:250px;
	overflow:auto;
	}
.transparence {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	}
.clear {
   clear:both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
	}
/*///////////////////////////////////*/
/*///  CSS NAVIGATION MENUS   ///*/
/*/////////////////////////////////////*/
/*-------------------------------------------*/
/******************************/
/*     MENU VERTICAL    */
/******************************/
ul#menu_vertical{
	/* positionnement de la nav dans le header */
	position:relative!important;
	top:7px!important;
	margin:0 0 0 145px!important;
	/*----------------------------------------*/
	padding:0;
	width:200px;
	list-style:none;
	text-align:left;
	color:#fff;
	}
ul#menu_vertical li{
	margin:0 0 1px 0;
	border-bottom:1px dotted #fff;
	}
ul#menu_vertical li a{
	padding:3px 0;
	/*display:block;*/
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	height:12px;
	display:block;
	line-height:12px;
	}
ul#menu_vertical li a:hover{
	border-right:8px solid #FFF;
	background:#F90 url(../images/deco/puce-vcard.gif) no-repeat left;
	padding-left:35px;
	}
/******************************/
/*     MENU HORIZONTAL    */
/******************************/
#sous_nav{
	background:#F7c843 url(../images/structure/content/ssnav-bg.jpg) no-repeat top;
	width:700px;
	height:32px;
	padding:4px 0 0;
	}
ul#menu_horizontal{
	padding:0;
	display:inline-block;
	list-style:none;
	text-align:center;
	margin: 0  0 0 150px;
	}
	
ul#menu_horizontal li, ul#menu_horizontal_tarif li, ul#menu_horizontal_truc li, ul#menu_horizontal_soins li{
	margin-right:1px;
	color:#F90;
	float:left;
	font-size:10px;
	}
ul#menu_horizontal li a, ul#menu_horizontal_tarif li a, ul#menu_horizontal_truc li a, ul#menu_horizontal_soins li a{
	padding:4px;
	display:block;
	color:#808427;
	line-height:1em;
	text-align:center;
	text-decoration:none;
	font-weight:bolder;
	}
ul#menu_horizontal li a:hover, ul#menu_horizontal_tarif li a:hover, ul#menu_horizontal_truc li a:hover, ul#menu_horizontal_soins li a:hover{
	color:#000;
	font-weight:bolder;
}
	

ul#menu_horizontal_tarif{
	padding:0;
	display:inline-block;
	list-style:none;
	text-align:center;
/*	width:500px;*/
	margin: 0  0 0 150px;
}

ul#menu_horizontal_truc{
	padding:0;
	display:inline-block;
	list-style:none;
	text-align:center;
	width:450px;
	margin: 0 125px;
}
	
ul#menu_horizontal_soins{
	padding:0;
	display:inline-block;
	list-style:none;
	text-align:center;
	width:450px;
	margin: 0 120px;
}

#right_part ul {
	font-size: 11px;
	list-style-type: circle;
	margin: 8px 0px 0px 10px;
	padding: 0px;
	text-align: left;
}

#right_part li {
	padding: 0px;
	margin: 0 0 0 50px;
}
/*/////////////////////////////////////////////////////////*/
/*////    accordeon  ///*/
/*////////////////////////////////////////////////////////////*/
		/*
			Vertical Accordions
		*/
		
		.accordion_toggle {
			display: block;
			height: 30px;
			background:#808427;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #000;
			cursor: pointer;
		}
		
		.accordion_toggle_active {
			background:#F90;
			color: #ffffff;
			border-bottom: 1px solid #fc6;
		}
		
		.accordion_content {
			/* REQUIRED */
			height: 0px;
			/* REQUIRED */
			
			background-color: #ffffff;
			color: #000;
			overflow: hidden;
			text-align:center;
		}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
				font-size:12px;
			}
			
			.accordion_content h1 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

.note_petit {
	font-size: 10px;
	font-style: italic;
}
.td_fond1 {
	background-color:#FFFFFF;
}
.td_fond2 {
	background-color:#fff;
}
.tableau_tarifs {
	font-size: 10px;
	border-collapse:collapse;
	margin: 10px 0px;
	width:400px;
}
.tableau_tarifs td {
	padding: 3px;
	text-align: center;
	border: 1px solid;
	border-color: #E3E7A9;
}
.tableau_tarifs th {
	padding:5px;
	background-color: #E3E7A9;
}
.accordion_toggle2 {
	background-color: #ffcc66;
	color: #000000;
}
.tableau_mini {
	font-size: 9px;
	border-collapse: collapse;
}
.tableau_mini td {
	text-align: center;
	border: 1px solid;
	border-color: #FFCC66;
}
.tableau_mini th {
	background-color: #FFCC66;
	padding: 5px;
}
.td_soustitre {
	background-color: #FFE6B0;
}
.txte_rouge {
	color: #CC0000;
}
.div_photos img {
	margin: 5px;
	padding: 5px;
	border: 1px solid;
	border-color: #808425;
}


/* ------------ PAGES SUIVANTES ------------ */

#pages {
	margin:5px;
	padding:3px;
	border-width:1px 2px 3px 1px;
	border-style:solid;
	border-color:#ccc;
	background:#eee;
	color: #F90;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#pages ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#pages li {
	display: inline;
	height:40px;
	margin: 0px;
	padding: 0px;
}

#pages .inactif {
	color: #bbbbbb;
}

.aucun_produit {
	font-size: 13px;
	color: #000;
	margin: 5px auto 0px auto; 
	width: 360px;
}

#pages a  {
	text-decoration: none;
}

#pages a:hover {
	text-decoration: none;
	color: #F90;
	background: #000;
}

#pages a.texte_page  
{
	color: #000;
}

#pages a.texte_page:hover 
{
	color: #F90;
}

#pages a.lien_page  
{
	color: #F90;
}