/******************** Définition des styles ********************/

/******************** Fonds ********************/
	.FondPrincipal{margin:0px; padding:0px; text-align: center; background-color: white;vertical-align:middle;}
	IMG{border:none;}
	
	H1{text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#891009; font-weight: bold; padding-bottom:5px; padding-top:5px;}
	H2{text-align:justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#F7B10F; font-weight: bold; padding-bottom:5px; padding-top:5px;}
	H3{text-align:left font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #074AAA; font-weight: bold; padding-bottom:5px; padding-top:5px;}
	
	P{text-align:justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#074AAA; font-weight: bold; padding-bottom:20px; padding-top:20px; padding-left:20px; padding-right:20px;}
	
	.spacer {
  		clear: both;
	}
	
	*{padding:0; margin:0;}
	
	.clearfix:after{
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	* html .clearfix{height:1%;}
	.clearfix{display:block;}


	a:link{text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#F7B10F; font-weight: bold;}
	a:hover{text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#FFCC33; font-weight: bold;}
    a:visited{text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#F7B10F; font-weight: bold;}
/******************** Tableau ********************/

	.tdCentre{text-align:center; vertical-align:top;}
	.tdGauche{width:50%; background:white url("images/banniere_gauche.jpg") top right no-repeat; text-align:right;}
	.tdDroite{width:50%; background:white url("images/banniere_droite.jpg") top left no-repeat; text-align:left;}
	

.tabloForfait{
  border: solid 2px #990033;
text-align:justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#891009;
font-weight: normal;
width : 620px;
text-align:center;
}


/******************** Conteneur Index ********************/

	#conteneur{
		width:auto; height:auto; margin:0px; padding:0px;
		background-color:white;	text-align:center;
	}
	
	
	#header{
		 height:164px; margin:0px; padding:0px;
		background:white url("images/banniere.jpg") top left repeat;
		text-align:center;	}
	
	
	#conteneurMenu{
	padding-top:40px;
		width:1002px; height:52px; margin:0px; margin-left:0px;
		text-align:center;	}
	

       #bandeau_recherche{
		top:164px; width:634px; height:34px; margin:0px; margin-left:330px;
		background:white url("images/bandeau_recherche.png") top left no-repeat;
		text-align:left; padding-top:5px;
	}


   #formulaire_recherche{
		top:285px; width:434px; margin:0px; margin-left:180px;
			}	

#contenu_central{
		width:auto; height:auto; margin:0px; padding:0px; padding-top:10px;
		text-align:left;  	}


	#contenu_annonce_animaux{
		width:auto; height:auto; margin:0px; padding:0px; padding-top:0px;
		text-align:left; position:absolute; 	}

#nouvelle_annonce{
		width:500px; height:34px; margin:0px; margin-left:330px;
		text-align:left; top:338px;
	}

#video_animaux{
	 width:470px; height:390px; margin:0px; 
		background-color: #a8c5f7;
		text-align:left;	
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px;  color:#074AAA; font-weight: bold;
}

#pub_animaux{
		width:470px; margin:0px; margin-left:485px;
		 padding-left:10px; margin:0px; 
		background-color: #a8c5f7;
		text-align:left;	
		}

#pub_google{
		width:1002px; background-color: #a8c5f7;
		}

#deposer_annonce_animaux{
position:absolute; top:670px; width:479px; height:97px; margin:0px; margin-left:483px;		
}

#footer{
		float:middle; width:1002px; height:100%; margin:0px; padding:0px; top:32px;
		background-color: #FFFFFF;
		text-align: middle; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:12px; color:#FFCC33; font-weight: bold;
	}
	#footer A{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFCC33; font-weight: bold;text-decoration:none;}
	#footer A:hover{text-decoration:none; color: #074AAA;}	

#lien_annonce{
		text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height:12px; color:#007AD3; font-weight: bold;
	}
	#lien_annonce A{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#074AAA; font-weight: bold;text-decoration:none;}
	#lien_annonce A:hover{text-decoration:none; color: #074AAA;}	

/******************** Conteneur Inscription ********************/


	#FormulaireInscriptionHaut{
		width:498px; height:17px; margin:0px; margin-left:151px; padding:0px;
		background: transparent url("images/fond_formulaire_haut.gif") no-repeat;
		text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:12px; color:#891009; font-weight: bold;
	}
	#FormulaireInscriptionBas{
		width:498px; height:16px; margin:0px; margin-left:151px; padding:0px;
		background: transparent url("images/fond_formulaire_bas.gif") no-repeat;
		text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:12px; color:#891009; font-weight: bold;
	}
	#FormulaireInscriptionCentre{
		width:498px; height:auto; min-height:320px; margin:0px; margin-left:151px; padding:0px; padding-left:32px;
		background: transparent url("images/fond_formulaire_centre.gif") repeat-y;
		text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:12px; color:#891009; font-weight: bold;
	}
	
	.charte_utilisation{width:550px; height:200px; border:1px solid black; overflow:auto; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:12px; color:black; font-weight: bold;}


/******************** Formulaire ********************/

	.inputLoginConnexion{
		position:absolute; top:24px;
		height:25px; width:144px; margin:0px; padding:0px; padding-top:5px; padding-left:10px;
		text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#891009; font-weight: bold;
		border:solid 0 #fff;
		background: transparent url("images/fond_champ_login.gif") no-repeat;
	}
	.inputMdpConnexion{
		position:absolute; top:50px;
		height:27px; width:144px; margin:0px; padding:0px; padding-top:5px; padding-left:10px;
		text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#891009; font-weight: bold;
		border:solid 0 #fff;
		background: transparent url("images/fond_champ_mdp.gif") no-repeat;
	}
	.inputSubmitConnexion{
		position:absolute; top:30px;
		margin:0px; margin-left:160px; padding:0px;
		text-align:left;
	}
	
	.inputInscription{
		margin:0px; padding:0px;
		text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#891009; font-weight: bold;
		border:1px solid black;
	}

/******************** Texte ********************/

	.txtInscription{
		text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#891009; font-weight: bold;
	}

	.imageRight{
float:right;
margin-left:23px;
margin-bottom:23px;
margin-top:23px;
}



.texteActu{
		text-align:left;
	    padding-left:25px;
		padding-right:52px;
	    text-align:justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#891009; font-weight: normal;
	    background: transparent url('images/actu2.jpg') top left repeat-y;
	}

.texteActu A, .texteActu A:hover{
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#891009; font-weight: normal; text-decoration:none;
	}
.texteActu A:hover{text-decoration:underline;}



/******************** DOGDOGV2********************/