@charset "utf-8";
/* CSS Document */

@font-face{
	font-family:"Josefin";
	src: url(../font/JosefinSans-Bold.ttf);
}


	
header{
	background-image: url("../images/patounes_chien.png");	
 }
 
 footer p{
	margin-top:5em;
	font-family: "my-font-family";
	font-size:1.5em;
 }
 
#serviceanim {
	
	color:#edb505;
text-align:center;

font-size:5em;
font-family: "my-font-family";
text-shadow:2px 2px 2px black ;

	border-radius: 10px;
	
}

article{
	margin-bottom: 1.5em;
	}

article h4{
color:#edb505;
text-align:center;
margin-top : 1em;
font-size:5em;
font-family: "my-font-family";
text-shadow:1px 1px 1px black ;

}

article img {
	border-radius : 30px; 
	box-shadow: 2px 2px 2px grey;
	margin-top: 3em;
}

article h2 {
	color:black;
text-align:center;
font-size:2.5em;
font-family: "my-font-family";
text-shadow:1px 1px 1px black ;
}

footer{
	
	position:fixed ;
}
		
footer ul{
	float:center;	
	font-family: "my-font-family";
	font-size: 2em;
	text-align: center;
	color: black;
	list-style-type:none;
	}



#gauche {
	border-radius:10px 0px 0px 10px;
	}
#droite{
	border-radius:0px 10px 10px 0px;
}
<!-- ------------------------------------ modaux ------------------------ -->
 
 #philosophie img {
	 margin-bottom : 3em;
	 border-radius:70px;
	  }
 
 #philosophie h1,
#prestations h1,
#contact h1 {
	 text-align: center;
	 color:#edb505;
	 font-family: "my-font-family-bold";
	 text-shadow:2px 2px 2px black ;
	 font-size: 3em;	 
 }
#contact img {
	box-shadow:none ;
}
 
 #philosophie p, #contact p {
	font-family: "my-font-family-bold";
	font-size:2em;
	text-align:center;
		color: grey;
	padding-top:1em;
	
	}
	
 #philosophie p strong {
	font-family: "my-font-family-bold";
	font-size:1em;
	
		color:  #f47103;
		font-weight:normal !important;
	} 
 #philosophie,
 #prestations, #contact {	 
	 background-color: #fff6e8;
 }
 
 
#prestations img {
	box-shadow:none;
	margin-top: 1.5em ;
	
	}
button{
	float:right;
}

 
  #prestations p {
	font-family: "my-font-family-bold";
	font-size:2em;
	text-align:center;
	color: black;
	
}	
#txt_prestations{
	margin-top : 10px;
	 background-color:   #b9cdbd     ; 
	border-radius: 10px;
}

#txt_prestations p {
	color:  black  ;
	text-align:left;
	
	padding:10px 10px 10px 10px;
	
	font-family:"my-font-family-bold";

	font-size:1.5em;
	
}

#txt_prestations ul {
	color:  black ;
	text-align:left;
	background-color:#f9d4b5;
	padding:10px 10px 10px 10px;
	border-radius: 10px;
	font-family:"my-font-family-bold";
	
	font-size:1.5em;
	list-style:none;	
}
 
 #félin {
	 border-radius:10px;
	 background-color:#f9d4b5 ;
	 margin-top: 4em;
	 
 }
 
 #canin {
		 border-radius:10px;
	 background-color:   #eaeb9a ; 
	 margin-top: 4em;
 }
 
 #équidé {
	 
	  border-radius:10px;
	 background-color:  #fcb7c4 ; 
	 margin-top: 4em;
 }
 
  #autres {
	 
	  border-radius:10px;
	 background-color:   #b9cdbd     ; 
	 margin-top: 3.5em;
 }
 
 
 @media screen and (max-width: 468px) {
	

/*Propriétés appliquées pour les résolutions d'écrans inférieurs à 468px de large*/

#philosophie img  {
	 margin-bottom : 0em;
	  }
 
 #philosophie h1,
#prestations h1 {
	 text-align: center;
	 color:#edb505;
	 font-family: "my-font-family-bold";
	 text-shadow:2px 2px 2px black ;
	 font-size: 2em;	 
 }

 
 #philosophie p {
	font-family: "my-font-family-bold";
	font-size:1.5em;
	text-align:center;
		color: grey;
	padding-top:1em;
	
	}
	
 
 #philosophie,
 #prestations {	 
	 background-color: #fff6e8;
 }
 

 
#prestations img {
	box-shadow:none;
	margin-top:0em;
	
	}

 
  #prestations p {
	font-family: "my-font-family-bold";
	font-size:1.5em;
	text-align:center;
	color: black;
	
}	

 
 #félin {
	 border-radius:10px;
	 background-color:#f9d4b5 ;
	 margin-top: 1em;
	 
 }
 
 #canin {
		 border-radius:10px;
	 background-color:   #eaeb9a ; 
	 margin-top: 1em;
	
 }
 
 #équidé {
	 
	  border-radius:10px;
	 background-color:  #fcb7c4 ; 
	 margin-top: 1em;
 }
 
  #autres {
	 
	  border-radius:10px;
	 background-color:   #b9cdbd     ; 
	margin-top:0em;
	}

#txt_prestations ul {
	color:  black  ;
	text-align:left;
	background-color:#f9d4b5;
	padding:10px 10px 10px 10px;
	border-radius: 10px;
	font-family:"my-font-family-bold";
	text-shadow: 1px 1px 1px white;
	font-size:1.5em;
	list-style:none;	
	

	
/*fin @media screen*/