body{width:1260px;margin:0 auto 0 auto;background-image:url(fond6.jpg)}
/*body{width:1260px;margin:0 auto 0 auto;background-image:url(fondrose3b.jpg)} fondhallowin1*/
body#caniche{background-image:url(caniche/fondFrissette.jpg)}
body#shihtzuphoto{background-image:url(shihtzuphoto/fondpage2.jpg)}
body#york{background-image:url(york/fondswee.jpg)}
body#bichon{width:1260px;margin:0 auto 0 auto;background-image:url(bichons/fondbichon1.jpg)}
body#spitz{width:1260px;margin:0 auto 0 auto;background-image:url(spitz/fondspitz2.jpg)}
/*fonds de page: 0 nouvel an; 1 les rois; 2 recherche???; 2a valentin; 2b carnaval; 3a Pâques; 5 1er mai; 6 cerise;
7 rose; 9 raisins; 10 Halloween; 11 feuilles mortes; 12 Noël*/ 

			/*ma police algerian*/

@font-face {font-family: 'alger'; src: url('ALGER.ttf');} 

			/*ma police Cooper Black*/

@font-face {font-family: 'COOPBL'; src: url('COOPBL.TTF');} 

			/* On Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=760436#c1    security.fileuri.strict_origin_policy to false in about:config */


#page { width:1260px; margin:0px auto; }
#header { text-align: center;  }
#header h1 { color: #333333; font-size:60px;font-family:COOPBL,"Cooper Noir","Times New Roman",Arial; }
#header h2 {text-align: center; margin: 0; padding: 0; color: #444444; font-weight:bold; font-size:35px; font-family:COOPBL,"Cooper Noir","Cooper Black","Times New Roman",Arial; }
h2{font-family: Arial;text-align:left;font-size:1.8em;}


				/**utilisé ds index Tel...**/
h3 { color: #222222; font-size:31px; BACKGROUND-COLOR: #FFffcc; font-family:Arial;}
  
#header h4 { color: #222222; font-size:31px;font-family:"Times New Roman";font-style: italic;} 
		/**  #header h1 { margin: 0; padding: 0; font-weight: bold; } **/
.h4{color: #222222; text-align:center; font-size:31px;font-weight: bold; font-family:"Times New Roman";font-style: italic;} 
.h5{color: #000; text-align:center; font-size:27px;font-weight: bold; font-family:"Times New Roman";}

a { text-decoration: none;}
div.annonce0
 { 		margin:  10px auto;padding: 10px; text-align:center ; width: 1180px;	border-radius: 20px;font-size:2em; font-weight:bold;color: #000;
		border: 3px solid red; background-image:linear-gradient(#e5f5ce, white);}
div.annonce
 { 		margin:  10px auto;padding: 10px; text-align:center ; width: 1180px;	border-radius: 20px;font-size:2.2em; font-weight:bold;color: #ff0000;
		border: 3px solid red; background-image:linear-gradient(#e5f5ce, white);}
.annonce1{color: #006600; text-align:center; font-size:24px;font-weight: bold; font-family:"Times New Roman";}
.annonce2{color: #ff0000; text-align:center; font-size:30px;font-weight: bold; font-family:"Times New Roman";}
		/**times italique fond jaune avec et sans bordure **/

.animalia {border-radius: 15px; border-width: 3px; border-color:red;  border-style:ridge; color: #222222;font-weight:bold; font-size:26px; text-align : center; BACKGROUND-COLOR: #ffc;font-family:"Times New Roman";font-style: italic;margin-top: 20px;margin-bottom: 20px;}     
.legende {color: #111; font-size:24px; font-weight:bold;font-family:"Times New Roman";font-style: italic;}
.pai {  color: #ff0000; font-size:36px; text-align : center; BACKGROUND-COLOR: #FFffcc;font-family:"Times New Roman";font-style: italic;margin-top: 20px;margin-bottom: 20px;padding:10px;}  
.nosshihtzus {font-size:19px; font-family:"Times New Roman";font-weight:bold;margin-top: 6px;margin-bottom: 20px;}
		/** largeur du slide avec marge de 10px**/ 
#gamesHolder { padding:10px; margin-top: 10px; width: 600px; text-align : center; }

.text4{color: #222222; text-align:center; font-size:31px;font-weight: bold; font-family:"Times New Roman";font-style: italic;} 
.text5{color: #000; text-align:center; font-size:27px;font-weight: bold; font-family:"Times New Roman";}
.textDate{color: #222222; text-align:center; font-size:31px;font-weight: bold; font-family:"Times New Roman";font-style: italic;padding-top: 20px;padding-bottom: 20px;} 

code { display: block; background-color: #fff; padding: 10px; overflow: auto; }
pre { margin: 10px 0px; padding: 0; }

.clear {	clear: both; font-size: 1px; line-height: 1px;
}
.chien0 {	width:0%; height:0px
}
.nettoyeur { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 1px; font-size: 1px; }
		/** les bordures images  **/
 img.red{border:5px groove #ff0000;margin:2px;
}
img.blue{border:5px groove #0000ff;margin:2px;
}
.nobord{border:none;margin:0px}
img.D{float:right;margin:5px;}
img.G{float:left;margin:5px;}
img.milieu{ display: block; margin-left: auto; margin-right: auto }
img.milieu2{ display: block; margin-left: 20; margin-right: 20 }
/**img.reserve{ z-index:2;background-color: #ffffff; opacity: 0.4;}**/
img.reserve {z-index:2;opacity: 0.5;}
.iframe {border: 5px red solid;}
td img{border:4px groove #ff0000;margin:1px;
}
/** effet de Zoom **//** petites images  et zoom   **/

/* styles unrelated to zoom */
		* { border:0; margin:0; padding:0; }
		/*p { position:absolute; top:3px; right:28px; color:#555; font:bold 23px/1 sans-serif;}*/

		/* these styles are for the demo, but are not required for the plugin */
		.zoom {
			display:inline-block;
			position: relative;
		}
		
		/* magnifying glass icon */
		.zoom:after {
			content:'';
			display:block; 
			width:43px; 
			height:43px; 
			position:absolute; 
			top:0px;
			right:0px;
			background:url(../icon.png);
		}

		.zoom img {
			display: block;
		}

		.zoom img::selection { background-color: transparent; }



				/**séparation extensible**/
span.barre {width: 70%; background: url('barre.jpg') center repeat-x; padding: 3px; /* Espacer le texte des bords de l'image de fond. */}
hr {
    display: block;
    unicode-bidi: isolate;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 3px;
}
div.separation{width: 75%; margin-left: auto; margin-right: auto;text-align: center;background: url('barre.jpg') center repeat-x; padding: 10px;}

                    /**écrire à droite*/
.up{font-size:18px;
font-weight:bold;
text-align:right;font-style: italic;
}

.span{font-style: italic;text-decoration: underline;background-color: #ffc;}

/** box  */
	/** toute la largeur avec bords */
div.boxtext
 { 		margin:  10px auto;padding: 10px; text-align: left; width: 1160px;	border-radius: 20px;font-size:1.4em;
		border: 1px solid black; background-image:linear-gradient(#e5f5ce, white);}
div.TVA
 { 		
 font-family:COOPBL ;color: #f22; font-size:1.5em;
 margin: 5px auto;padding: 4px; text-align:center ; width: 1200px;	border-radius: 20px;
		border: 3px solid black; background-image:linear-gradient(#e5f5ce, white);}
.Tel
{color: #ff0000; text-align:center; font-size:35px;font-weight: bold; font-family:"Times New Roman";}		
div.vente
 { 		
 font-family:COOPBL ;color: #000; font-size:1.0em;
 margin: 5px auto;padding: 10px; text-align:center ; width: 95%;	border-radius: 20px;
		border: 3px solid red; background-image:linear-gradient(#e5f5ce, white);}
		
.my-sticky-element.stuck {
 	 position:fixed; font-size:1.20em;color: #f88;
	z-index:2;
 	 top:0;
 	box-shadow: 10px 10px 5px #656565;
 	}

	div.audessus{
width: 100%;
z-index:4;
}	



.boxtext h2{font-family:ALGER ;color: #003; font-size:1.8em; text-align :left; text-decoration:none;}

.boxtext p {text-indent:30px;}
		
div.box100{border-radius: 20px; background-color: #ffc;}
div.box100b{border-radius: 20px; background-color: #ffc;border: 1px solid black;margin-top: 5px;margin-bottom: 20px;padding-top: 22px;padding-bottom: 24px}

div.box100n{border-radius: 6px; background-color: #ffc;}
  
  /**autres  **/
  
.titre {margin:20px auto; width: 80%; border-radius: 20px;border: 1px solid black;background-image:linear-gradient(#e5f5ce, white);}
.titre h1{font-family:ALGER ;color: #003; font-size:2.7em; text-align : center; text-decoration:none; font-weight: lighter;padding-bottom:15px;padding-top:15px;}
.titre h5{color: #000; text-align:center; font-size:20px;font-weight: bold; font-family:"Times New Roman";}


div.chien {font-family:COOPBL ;color: #003; font-size:1.8em; text-align : center; text-decoration:none;}
div.liens {font-size:0.8em;}
div.prix{margin:10px auto; width: 80%; border-radius: 20px;border: 1px solid black;font-style: italic;background-color: #ffc;padding:16px;}
div.reserve{opacity: 1;margin:20px auto; width: 80%; border-radius: 20px;border: 1px solid black;font-style: italic;background-color: #ffc;}
div.textReserve{z-index:
2;opacity:0.5;margin:20px auto; width: 80%;font-style: italic;background-color: #ffc;}

div.boxChat{width: 95%; margin-left: auto; margin-right: auto;text-align: center; background-image:url(MokouVanille.jpg);font-family:COOPBL ;color: #003; font-size:1.2em;}
div.box66m{ margin-left: auto; margin-right: auto;	width: 800px;  }
div.box80m{ margin-left: auto; margin-right: auto;	width: 1100px;  }
div.box50m{ margin-left: auto; margin-right: auto;	width: 50%;  }
			/**toute la largeur  */
div.box{float:left; width: 100%; margin:20px 0px}

div.boxMilieu{ width: 100%; text-align: center;}
div.contenant{width: 100%;}
div.vide5{width: 100%;height: 130px;font-size:0.1em;}
div.vide3{width: 100%;height: 80px;font-size:0.1em;}
div.vide2{width: 100%;height: 55px;font-size:0.1em;}
		/** demipartie gauche */
		
div.left50
 {
 		float:left;
		width: 50%;
}
	
		/** demipartie droite */
div.right50
 {
 		float:right;
		width: 49%;	}
		
						/**trois images cote a cote*/		
div.G33
 {
 		float:left;	width: 33%;}

div.G66
 {
 		float:left;	width: 66%;}
		
div.D33
 {
 		float:right;width: 33%;}
div.D33B
 {
 		float:right;width: 33%;}		
div.D66
 {
 		float:right;width: 66%;}
		

		
/**div pour les menus races **/	

	
div.box24g
 {margin : 6px;float:left;	width: 23%; text-align: center;
	}

div.box48m
 {	margin : 6px; float:left;width: 48%; text-align: center; 
	}
div.box24d
 {margin : 6px;	float:left;	width: 23%;	 text-align: center;
	}
div.box900
{float:left;
  	width: 906px;
}
div.box350
{	float:right; margin:4px; width: 340px;	border: 2px solid red; background-color:#eee;
	text-align: center;
}
	/** tableau**/
	
table{width: 100%;
}
td{text-align: center;font-size:22px;font-family: "Times New Roman";}

th{text-align: center;font-size:26px;font-family: "Times New Roman";}

 /** les menus  */
 .menu-demo1, .menu-demo1 ul{
padding:0;
margin:0;
width:100%;

list-style:none;
text-align:center;
}
.menu-demo1
 li{
display:inline-block;
z-index:5;
position:relative;
border-radius:8px 8px 0 0;
}
.menu-demo1
 ul li{
	display:inherit;
	border-radius:0px;
}
.menu-demo1
 ul li:hover{
	border-radius:0px;
}
/*:last-child*/
.menu-demo1 ul li{
	border-radius:0 0 8px 8px;
}
.menu-demo1 ul
{
	position:absolute;
	max-height:0;
	width:100%;
	overflow:hidden;
	
	transition: .8s all .3s;
}
/**-moz-transition: .8s all .3s;
	-webkit-transition: .8s all .3s;**/
.menu-demo1
 li:hover ul{
	max-height:40em;
}
/* background des liens menus :last-child*/

.menu-demo1
 li{
	background-color: #00f;
	
		background-image:linear-gradient(to bottom, #729ebf 0%, #333A40 100%);
}/**background-image:-webkit-linear-gradient(top, #729ebf 0%, #333A40 100%);**/

/* background des liens sous menus :last-child*/

.menu-demo1
 li li{
	background:#407c9d;
}

/* background des liens menus et sous menus au survol */
	

/* background des liens menus et sous menus au survol729ebf */	.menu-demo1
/******************************************/

.menu-demo1 li:hover, .menu-demo1 li li:hover{
background:#729ebf;
}



/* les a href */
.menu-demo1 a{
text-decoration:none;
display:block;
padding:8px 24px;
color:#fff;
font-family:arial;font-size:21px;
}
.menu-demo1 ul a{
padding:3px 0;
}
.menu-demo1 li:hover li a{
color:#fff;
text-transform:inherit;
}
.menu-demo1 li:hover a, .menu-demo1 li li:hover a{
color:#000;
}

 
 
 .menu-demo2, .menu-demo2 ul{
padding:0;
margin:0;
list-style:none;
text-align:center;
}
.menu-demo2 li{
display:inline-block;
position:relative;
border-radius:8px 8px 0 0;
}
.menu-demo2 ul li{
	display:inherit;
	border-radius:0;
}
.menu-demo2 ul li:hover{
	border-radius:0;
}
.menu-demo2 ul li:last-child{
	border-radius:
	0 0 8px 8px;
}
.menu-demo2 ul{
	position:absolute;
	max-height:0;
	width:100%;
	overflow:hidden;
	-moz-transition: .8s all .3s;
	-webkit-transition: .8s all .3s;
	transition: .8s all .3s;
}
.menu-demo2 li:hover ul{
	max-height:44em;
}
/* background des liens menus */
.menu-demo2 li:first-child{
	background-color: #000000;
	background-image:-webkit-linear-gradient(top, #65537A 0%, #2A2333 100%);
	background-image:linear-gradient(to bottom, #65537A 0%, #2A2333 100%);
}

.menu-demo2 li:nth-child(2){
	background-color: #729EBF;	
	background-image: -webkit-linear-gradient(top, #729EBF 0%, #333A40 100%);
	background-image:linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
}
.menu-demo2 li:nth-child(3){
	background-color: #F6AD1A;
	background-image:-webkit-linear-gradient(top, #F6AD1A 0%, #9F391A 100%);
	background-image:linear-gradient(to bottom, #F6AD1A 0%, #9F391A 100%);
}

.menu-demo2 li:nth-child(4){
	background-color: #069D00;
	background-image:-webkit-linear-gradient(top, #069D00 0%, #9F391A 100%);
	background-image:linear-gradient(to bottom, #069D00 0%, #9F391A 100%);
}

.menu-demo2 li:nth-child(5){
	background-color: #012345;
	background-image:-webkit-linear-gradient(top, #012345 0%, #9F391A 100%);
	background-image:linear-gradient(to bottom, #012345 0%, #9F391A 100%);
}

.menu-demo2 li:nth-child(6){
	background-color: #ff2345;
	background-image:-webkit-linear-gradient(top, #ff2345 0%, #333A40 100%);
	background-image:linear-gradient(to bottom, #ff2345 0%, #333A40 100%);
}
.menu-demo2 li:last-child{
	background-color: #CFFF6A;
	background-image:-webkit-linear-gradient(top, #CFFF6A 0%, #677F35 100%);
	background-image:linear-gradient(to bottom, #CFFF6A 0%, #677F35 100%);
}

/* background des liens sous menus */

.menu-demo2 li:first-child li{
	background:#2a2333;
}
.menu-demo2 li:nth-child(2) li{
	background:#333A40;
}
.menu-demo2 li:nth-child(3) li{
	background:#9F391A;
}

.menu-demo2 li:nth-child(4) li{
	background:#ff0f0f;
}

.menu-demo2 li:nth-child(5) li{
	background:#ff0f0f;
}
.menu-demo2 li:nth-child(6) li{
	background:#ff0000;
}
.menu-demo2 li:last-child li{
	background:#677F35;
}

/* background des liens menus et sous menus au survol */

.menu-demo2 li:first-child:hover, .menu-demo2 li:first-child li:hover{
	background:#65537A;
}
.menu-demo2 li:nth-child(2):hover, .menu-demo2 li:nth-child(2) li:hover{
background:#729EBF;
}
.menu-demo2 li:nth-child(3):hover, .menu-demo2 li:nth-child(3) li:hover{
	background:#F6AD1A;
}
.menu-demo2 li:nth-child(4):hover, .menu-demo2 li:nth-child(4) li:hover{
	background:#F6AD1A;
}

.menu-demo2 li:nth-child(5):hover, .menu-demo2 li:nth-child(2) li:hover{
background:#729EBF;
}

.menu-demo2 li:last-child:hover, .menu-demo2 li:last-child li:hover{
background:#CFFF6A;
}
/* les a href */
.menu-demo2 a{
text-decoration:none;
display:block;
padding:8px 18px;
color:#fff;
font-family:arial;font-size:24px;
}
.menu-demo2 ul a{
padding:8px 0;
}
.menu-demo2 li:hover li a{
color:#fff;
text-transform:inherit;
}
.menu-demo2 li:hover a, .menu-demo2 li li:hover a{
color:#000;
}