.fondpage1, .body                         /*  arriere plan en général */
{
	background-size: cover;
}


.fondpage1                         /*  arriere plan de la page 1et 6 avec arriere-fond cavalier bleinheim  */
{

	background: url("image/pic2.jpg") fixed no-repeat;	
}

body                               /*   arriere plan des pages 2 - 3 - 4 - 5  fond papyrus   */
{
	background: url("image/papyrus.jpg") fixed repeat;
	width: 1345px;
	margin: 0px;
}

.entete1                            /*  propriétés de l'en-tête page 1*/
{
	background-color: black;
	width: 100%;
	height: 70px;
	margin-top: -20px; 
}

.entete2                            /*  propriétés de l'en-tête autres pages*/
{
	background-color: black;
	width: 100%;
	margin-top: -20px; 
}
#pic1
{	
	padding-left: 10px;
}

section  
{
	display: block;
	margin: auto;
	width: 1000px;
	padding-bottom: 100px;     /* pour creer espace avant le footer*/
}

nav ul                          /* propriétes de la liste */
{
	display: flex;
	list-style-type: none;      /* retire le rond devant chaque element de la liste  */
	padding-top: 15px;
}

nav li               /* propriétés des cellules */
{
 	width: 200px;
 	height: 40px;
 	margin-right: 30px;
	margin-bottom: 10px;
 	text-align: center;
 	line-height: 40px; 
}

nav li a          /*  propriétés des liens   */
{
	text-decoration: none;
	background-color: #333333;
	color: #FFFFFF;
 	display: block;
 	margin: auto;
}

nav li :hover, nav li:active  /*changement de couleur quand on survole ou clique sur onglets du menu*/
{
 	color: #E1AF22;
}

footer                         /*   propriétés du pied-de-page   */
{	
	font-size: 14px; 
	text-align: center;
}

h2, footer, p, span, li    /* couleur et police des titres, paragraphes, etc    */
{
	color: black;
	font-family: Georgia, Arial, sans-serif;
}


.t1                                /* taille de police des différents blocs  */
{	
	color: #E1AF22;
	font-size: 60px;
	text-align: left;
}

h1
{
	color: black;
	font-family: Georgia, Arial, sans-serif;
	font-size: 60px;
	font-weight: bold;
	text-align: center;
}

h2 
{
	font-size: 28px;
	font-weight: bold;
}


p, li               /* taille § et liste à puces*/
{
    font-size: 20px;     
}



span              /*  balise pour souligner parties de phrase*/
{
	text-decoration: underline;
	font-size: 20px;
	text-align: justify;
}

                       /* PAGE 1 */    /* maintenant on s'occupe de la mise en page des differents articles et images*/
.texteaccueil
{   
    display: inline-block;
	text-align: justify;                         
	width: 500px;
	margin-top: -10px;	                                     /*paragraphe intro */
	margin-right: 20px;
}

				/* PAGE 2 et 3 */ 
.pedigree
{
	background: url("image/pedigree.png") no-repeat;
	display: block;                                   /*  transformer lien en bloc  */
	width: 200px;
	height:135px;
    border: none;
	margin-left: 30px;
	margin-top: -10px;	
    text-decoration: none; 
}

#bbfemelles
{                                 /*mise en page photo en float left, donc prévoir grande marge droite au texte!  */ 
	float: left;
	padding-top: 25px;
	width: 500px;
	height: 310px;
} 

.textebbfemelles                  /*paragraphe à droite de la photo*/
{
	display: block;                                                                                 
	width: 400px;
	margin-left: 550px;
	height: 400px;                                                                                          
	text-align: justify;
}

#femelles
{                                 /*mise en page photo en float left, donc prévoir grande marge droite au texte!  */ 
	float: left;
	padding-top: 10px;
	width: 460px;
	height: 540px;
}

.textefemelles                   /*paragraphe à droite de la photo*/
{
	display: block;                                                                                 
	width: 450px;
	height: 600px;                                                                                          
	margin-left: 550px;
	text-align: justify;
}

.textemales                            /* paragraphe mâles, et on met l'image à sa droite. Float droit */
{
	display: block;
	text-align: justify;
	width: 500px;
	height: 500px;
	padding-left: 10px;                        
}

#males                                    /* photo mâles à droite de la description, donc float right   */
{
	float: right;
	width: 400px;
	height: 500px;
	padding-top: -20px;
}

#retraite									 /* photo  à gauche de la description, donc float left  */
{
	float: left;
	width: 450px;
	padding-top: 30px;
}

.texteretraite                                 /*paragraphe à gauche de la photo*/
{
	display: block;  
	text-align: justify;	
	width: 490px;
	margin-left: 500px;
        margin-bottom: 80px;	
}

.texteparadis                                 /*paragraphe à droite de la photo*/
{
	display: block;                                                                                 
	width: 500px;
	height: 500px;
	margin-left: 500px;
	margin-bottom: 100px;
	text-align: justify;
}

#auciel									/* photo  à gauche de la description, donc float left  */
{
	width: 400px;
	margin-bottom: 50px;	
	float: left;
	margin-right: 20px;
	padding-top: 50px;
}

#portee                                 /* photo  à gauche de la description, donc float left  */
{
	float: left;
	width: 300px;
	height: 200px;
	margin-top: 10px;
	margin-left: 100px;
}
                      	 /* PAGE 4  */
						 
						 
.textecontact                                       /* § données de contact, grande marge à droite pour float droit  */
{
	display: block;
	text-align: justify;
	width: 450px;
	height: 600px;
	margin-right: 400px;
	padding-top: 70px;
}

.envoyeznous
{
	width: 400px;
	height: 600px;
	padding-top: 50px;
	float: right;
}


   
				/* PAGE 5 et 6 */

.boutonconseils, .malbouffe, .alertes, .wamiz, .educ, .chiens, .toutou, .srsh, .siteBAM, .clubFB           /* propriétés des boutons ouvrant lien vers images    */
{
	display: block;                                   /*  transformer lien en bloc  */
	width: 380px;
	height: 135px;
    	border: none;                                    /* pas de bordure sinon on voit le cadre du png */   
}

.boutonconseils                                                                                                                          
{
	background: url("image/conseils.png") no-repeat;
}

.malbouffe                                                                                                                          
{
	background: url("image/malbouffe.jpg") no-repeat;
}

.alertes                                                                                                                          
{
	background: url("image/alertes.jpg") no-repeat;
}

.wamiz
{
	background: url("image/wamiz.png") no-repeat;     /* no repeat sinon le logo se répète*/
}

.educ
{
    	background: url("image/educ.jpg") no-repeat;                          	
}

.chiens
{
    	background: url("image/chiens.jpg") no-repeat;                          	
}

.toutou
{
        background: url("image/toutou.jpg") no-repeat;
}

.srsh
{
    	background: url("image/srsh.jpg") no-repeat;                          	
}

.siteBAM
{
    	background: url("image/siteBAM.jpg") no-repeat;                           	
}

.clubFB
{
	background: url("image/clubFB.png") no-repeat;
}

.p1
{	
	background: url("image/portee1.jpg") no-repeat;
}

.p2
{	
	background: url("image/portee2.jpg") no-repeat;
}

.p3
{	
	background: url("image/portee3.jpg") no-repeat;
}

.p4
{	
	background: url("image/portee4.jpg") no-repeat;
}

.p5
{	
	background: url("image/portee5.jpg") no-repeat;
}

.p6
{	
	background: url("image/portee6.jpg") no-repeat;
}

.p7
{	
	background: url("image/portee7.jpg") no-repeat;
}

.p8
{	
	background: url("image/portee8.jpg") no-repeat;
}

.p9
{	
	background: url("image/portee9.jpg") no-repeat;
}

.p10
{	
	background: url("image/portee10.jpg") no-repeat;
}

.p11
{	
	background: url("image/portee11.jpg") no-repeat;
}

.p12
{	
	background: url("image/portee12.jpg") no-repeat;
}

.p13
{	
	background: url("image/portee13.jpg") no-repeat;
}

.p14
{	
	background: url("image/portee14.jpg") no-repeat;
}

.p15
{	
	background: url("image/portee15.jpg") no-repeat;
}

.p16
{	
	background: url("image/portee16.jpg") no-repeat;
}

.p17
{	
	background: url("image/portee17.jpg") no-repeat;
}

.p18
{	
	background: url("image/portee18.jpg") no-repeat;
}

.p19
{	
	background: url("image/portee19.jpg") no-repeat;
}

.p20
{	
	background: url("image/portee20.jpg") no-repeat;
}

.p21
{	
	background: url("image/portee21.jpg") no-repeat;
}

.p22
{	
	background: url("image/portee22.jpg") no-repeat;
}

.p23
{	
	background: url("image/portee23.jpg") no-repeat;
}

.p24
{	
	background: url("image/portee24.jpg") no-repeat;
}

.p25
{	
	background: url("image/portee25.jpg") no-repeat;
}

.p26
{	
	background: url("image/portee26.jpg") no-repeat;
}

.p27
{	
	background: url("image/portee27.jpg") no-repeat;
}

.p28
{	
	background: url("image/portee28.jpg") no-repeat;
}

.p29
{	
	background: url("image/portee29.jpg") no-repeat;
}

.p30
{	
	background: url("image/portee30.jpg") no-repeat;
}

.p31
{	
	background: url("image/portee31.jpg") no-repeat;
}

.p32
{	
	background: url("image/portee32.jpg") no-repeat;
}

.p33
{	
	background: url("image/portee33.jpg") no-repeat;
}

.p34
{	
	background: url("image/portee34.jpg") no-repeat;
}

.p35
{	
	background: url("image/portee35.jpg") no-repeat;
}

.p36
{	
	background: url("image/portee36.jpg") no-repeat;
}

.p37
{	
	background: url("image/portee37.jpg") no-repeat;
}

.p38
{	
	background: url("image/portee38.jpg") no-repeat;
}

.p39
{	
	background: url("image/portee39.jpg") no-repeat;
}

.p40
{	
	background: url("image/portee40.jpg") no-repeat;
}

.p41
{	
	background: url("image/portee41.jpg") no-repeat;
}

.p42
{	
	background: url("image/portee42.jpg") no-repeat;
}

.p43
{	
	background: url("image/portee43.jpg") no-repeat;
}

.p44
{	
	background: url("image/portee44.jpg") no-repeat;
}

.p1, .p2, .p3, .p4, .p5, .p6, .p7, .p8, .p9, .p10, .p11, .p12, .p13, .p14, .p15, .p16, .p17, .p18, .p19, .p20, .p21, .p22, .p23, .p24, .p25, .p26, .p27, .p28, .p29, .p30, .p31, .p32, .p33, .p34, .p35, .p36, .p37, .p38, .p39, .p40, .p41, .p42, .p43, .p44
{
	display: block;                                   /*  transformer lien en bloc  */
	width: 320px;
	height: 220px;
    	border: none;
}

#chiots                                                                      
{
	max-width: 1300px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 100px;	                                                          
}

#retour3                                                         /* bouton retour vers le haut page Nos Chiots  */                                                                               
{
	background: url("image/retour3.png") no-repeat;
	display: block;                                   /*  transformer lien en bloc  */
	width: 60px;
	height: 60px;
    	border: none;
	margin-left: 1000px;
}

#retour5                                                            /* bouton retour vers le haut page LIENS    */                                                                                         
{
	background: url("image/retour5.png") no-repeat;
	display: block;                                   /*  transformer lien en bloc  */
	width: 60px;
	height: 60px;
    	border: none;
	margin-left: 800px;
}

#boutonbas                                                       /* bouton  vers le bas page Livre d'OR Portées    */                                                                   
{
	background: url("image/boutonbas.png") no-repeat;
	display: block;
	float: right;                                /*  transformer lien en bloc  */
	width: 400px;
	height: 60px;
}


#retour6                                                       /* bouton retour vers le haut page Livre d'OR Portées    */                                                                   
{
	background: url("image/retour6.png") no-repeat;
	display: block;                                   /*  transformer lien en bloc  */
	width: 60px;
	height: 60px;
    	border: none;
	margin-left: 500px;
}
	
.chiot														     
{
	padding: 10px;
	margin: auto;
}