body{width:1260px;margin:0 auto 0 auto;background-image:url(fond1.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#pap{background-image:url(papillon/fond1.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)}


			/*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;}


		/**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;}     
.legende {color: #111; font-size:24px; font-weight:bold;font-family:"Times New Roman";font-style: italic;}
.pai {  color: #222222; font-size:36px; text-align : center; BACKGROUND-COLOR: #FFffcc;font-family:"Times New Roman";font-style: italic;}  

		/** largeur du slide avec marge de 10px**/ 
#gamesHolder { padding:10px; margin-top: 10px; width: 600px; text-align : center; }



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;
}
.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 }

.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. */}

div.separation{width: 70%; margin-left: auto; margin-right: auto;text-align: center;background: url('barre.jpg') center repeat-x; padding: 3px;}

.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);}
		
div.vente
 { 		
 font-family:COOPBL ;color: #000; font-size:1.0em;
 margin: 5px auto;padding: 10px; text-align:center ; width: 1200px;	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;
}	

div.annonce
 { 		margin:  10px auto;padding: 10px; text-align:center ; width: 1180px;	border-radius: 20px;font-size:1.5em; font-weight:bold;
		border: 3px solid red; background-image:linear-gradient(#e5f5ce, white);}

.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.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;}


div.chien {font-family:COOPBL ;color: #003; font-size:1.8em; text-align : center; text-decoration:none;}

div.prix{margin:20px auto; width: 80%; border-radius: 20px;border: 1px solid black;font-style: italic;background-color: #ffc;}

div.boxChat{width: 98%; margin-left: auto; margin-right: auto;text-align: center;background-image:url(MokouVanille.jpg);}

div.box80m{ margin-left: auto; margin-right: auto;	width: 1100px;  }
div.box50m{ margin-left: auto; margin-right: auto;	width: 650px;  }
			/**toute la largeur  */
div.box{float:left; width: 100%; margin:20px 0px}

div.boxMilieu{ width: 100%; text-align: center;}
div.contenant{width: 100%;}

		/** 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;
}