.zone_home 						{position:relative; width:100%; height:950px; z-index:1; display: block;}
.zone_home .contener 			{position:relative; width:100%; height:100%; z-index:1; background-color:#000; animation:move_photo 1.0s 1.0s forwards; transform:translate(100%,0px); opacity:0;}
.zone_home .contener .overlay	{position:absolute; top:0; left:0; width:100%; z-index:2; height:100%; animation:move_photo 1.0s 1.0s forwards; transform:translate(100%,0px); opacity:0.85 !important;}
.zone_home .contener .accueil 	{background:url('../img/illustration/fond_accueil_000.jpg') center center; background-repeat: no-repeat; background-size: cover;  background-attachment: scroll; filter: sepia(0.1);}
.zone_home .contener .dogtag 	{background:url('../img/illustration/fond_dogtag_000.jpg') center center; background-repeat: no-repeat; background-size: cover;  background-attachment: scroll; filter: sepia(0.1);}
.zone_home .contener .usintag 	{background:url('../img/illustration/fond_usintag_000.jpg') center center; background-repeat: no-repeat; background-size: cover;  background-attachment: scroll; filter: sepia(0.1);}

.zone_home .contener .leftbar	{position:absolute; top:0; left:0; width:10px; height:100%; background-color:#d31a24; z-index:5; animation:move_photo 1.0s 2.0s forwards; transform:translate(-15px,0px); opacity:0;}
.zone_home .contener .rightbar	{position:absolute; top:0; right:0; width:10px; height:100%; background-color:#d31a24; z-index:5; animation:move_photo 1.0s 2.2s forwards; transform:translate(15px,0px); opacity:0;}
.zone_home .contener h1 		{position:absolute; top:30%; left:15%; color:#fff; font-size:45px; font-weight: lighter; letter-spacing: -1px; line-height: 1em; margin:0px; display:block; z-index:5; animation:move_photo 1.0s 2.3s forwards; transform:translate(-800px,0px); opacity:0; text-shadow: 1px 2px 5px rgba(0,0,0,0.5);}
.zone_home .contener .chevrons  {position:absolute; top:calc(30% + 175px); left:15%; width:124px; height:100px; background:url('../img/illustration/cheuvron.png') center center no-repeat; background-size: cover; display:block; z-index:5; animation:move_photo 1.0s 2.9s forwards; transform:translate(-500px,0px); opacity:0; transition:all .2s ease;}
.zone_home .contener .chevrons:hover{left:calc(15% + 10px);}
.zone_home .contener .ancredown {position:absolute; top:30px; left:30px; width:62px; height:50px; background:url('../img/illustration/cheuvron.png') center center no-repeat; background-size: cover; display:block; z-index:5; animation:move_photo_1 1.0s 3.4s forwards; transform:rotate(-90deg) translate(-500px,0px); opacity:0; transition:all .2s ease;}
.zone_home .contener #topprod 	{position: absolute; bottom: 160px;}
.zone_home .contener h2 		{position:absolute; top:calc(30% + 195px); left:calc(15% + 150px); color:#d31a24; font-size:50px; font-weight:bold; letter-spacing: -1px; line-height: 1em; margin:0px; display:block; z-index:5; animation:move_photo 1.5s 3.4s forwards; transform:translate(1500px,0px); opacity:0; text-shadow: 3px 0 0 #fff, 0 3px 0 #fff, 0 -3px 0 #fff, -3px 0 0 #fff, 3px 3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff, -3px -3px 0 #fff, 1px 2px 5px rgba(0,0,0,0.5);}
.zone_home .contener .show-login {position:absolute; top:130px; right:0px; cursor:pointer; transition:all .3s ease; width:65px; height:65px; display:block; background-color:#d31a24; background-image:url('../img/boutons/user.png'); background-position:center center; background-repeat:no-repeat; border-radius:4px; z-index:5; cursor:pointer; animation:move_photo 1.0s 3.6s forwards; transform:translate(50px,0px); opacity:0;}
.zone_home .contener .show-dogs {position:absolute; top:200px; right:0px; cursor:pointer; transition:all .3s ease; width:65px; height:65px; display:block; background-color:#d31a24; background-image:url('../img/boutons/dogs.png'); background-position:center center; background-repeat:no-repeat; border-radius:4px; z-index:5; cursor:pointer; animation:move_photo 0.9s 3.7s forwards; transform:translate(50px,0px); opacity:0;}
.zone_home .contener .show-usin {position:absolute; top:270px; right:0px; cursor:pointer; transition:all .3s ease; width:65px; height:65px; display:block; background-color:#d31a24; background-image:url('../img/boutons/usiner.png'); background-position:center center; background-repeat:no-repeat; border-radius:4px; z-index:5; cursor:pointer; animation:move_photo 1.2s 3.8s forwards; transform:translate(50px,0px); opacity:0;}

@keyframes move_photo           {to {transform:translate(0px,0px); opacity:1;}}
@keyframes move_photo_1         {to {transform:rotate(90deg) translate(0px,0px); opacity:1;}}

.zone_categ						{position:relative;}
#menu_shop			                      			  	         		   {width: 100%; margin: 0;padding: 10px 0 0 0;margin:0 0 5px 0; list-style: none; background:#e5e5e8;}
#menu_shop li                                                              {float: left;padding: 0 0 10px 0;position: relative;line-height: 0;}
#menu_shop a                                                               {float: left;height: 25px;padding: 0 25px;color: rgb(78, 78, 78);font: bold 16px/25px Roboto-condensed;text-decoration: none;}
#menu_shop li:hover > a                                                    {color: #4b4b4b;}
#menu_shop li:hover > ul                                                   {display: block;}
#menu_shop ul                                                              {list-style: none;margin: 0;padding: 0;display: none;position: absolute;top: 35px;left: 0; z-index: 99999; background:#c9c9c9; box-shadow:1px 2px 5px rgba(0,0,0,0.25)}
#menu_shop ul ul                                                           {top: 0;left: 230px;}
#menu_shop ul li                                                           {float: none; margin: 0;padding: 0; min-width:250px; width:auto; display: block;  }
#menu_shop ul a                                                            {padding: 10px;height: 10px;width:calc(100% - 20px);height: auto;line-height: 1;display: block;white-space: nowrap;float: none;text-transform: none;}
#menu_shop ul a:hover                                                      {background: #b4b4b4;}
#menu_shop ul li:first-child > a:after                                     {content: '';position: absolute;left: 30px;top: -8px;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 8px solid rgb(102, 102, 102);}
#menu_shop ul ul li:first-child a:after                                    {left: -8px;top: 12px;width: 0;height: 0;border-left: 0;border-bottom: 5px solid transparent;border-top: 5px solid transparent;border-right: 8px solid rgb(102, 102, 102);}
#menu_shop ul li:first-child a:hover:after                                 {border-bottom-color: rgb(102, 102, 102);}
#menu_shop ul ul li:first-child a:hover:after                              {border-right-color: rgb(102, 102, 102); border-bottom-color: transparent; }
#menu_shop:after 		                     				          	   {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html #menu_shop             			                 	          	   { zoom: 1; } /* IE6 */
*:first-child+html #menu_shop 				                         	   { zoom: 1; } /* IE7 */

.zone_cat						{position:relative; width:100%; height:auto; z-index:1; display: block; margin-top: 80px;}
.zone_cat .contener 			{position:relative; width:100%; height:auto; z-index:1; display: block; padding-bottom:130px;}
.zone_cat .contener .row_prod_1	{position:relative; width:100%; height:380px; display: block; background:#fff; color:#353535;}
.zone_cat .contener .row_prod_2	{position:relative; width:100%; height:380px; display: block; background:#e4dbd2; color:#111;}
.zone_cat .contener .inner 		{position:relative; width:100%; max-width:1200px; height:380px; margin:0px auto; display: block;}
.zone_cat .contener .inner .contener_img_1 	{position:absolute; top:-60px; left:30px; width:515px; height:515px; display: block; z-index:2; overflow: hidden;}
.zone_cat .contener .inner .contener_img_2 	{position:absolute; top:-60px; right:30px; width:515px; height:515px; display: block; z-index:2; overflow: hidden;}
.zone_cat .contener .inner .back_img		{position:absolute; width:100%; height:100%; display: block; transition:all .8s ease;}
.zone_cat .contener .inner .back_overlay	{position:absolute; width:100%; height:100%; display: block; background:rgba(255,255,255,0.55); transition:all .3s ease;}
.zone_cat .contener .inner .frnt_img		{position:absolute; width:100%; height:100%; display: block; text-align: right; margin-right:35px;}
.zone_cat .contener .inner .frnt_img img 	{height:80%; transition:all .6s ease;}
.zone_cat .contener .inner .title_1 		{position:absolute; left:595px; top:107px; width:200px; height:180px; display:block; font-size:22px; line-height:28px; text-align: right; padding-right:40px; border-right:solid 1px #d31a24; }
.zone_cat .contener .inner .descript_1 		{position:absolute; right:0px; top:107px; width:330px; height:180px; display:block; font-size:17px; line-height:25px; font-weight: lighter; text-align: justify; }
.zone_cat .contener .inner .ensavoirplus	{color:#d31a24; text-decoration: underline;}
.zone_cat .contener .inner .ensavoirplus:hover{color:#000;}
.zone_cat .contener .inner .tarif 			{font-size:30px; letter-spacing:-1px; font-weight:300; color:#000;}
.zone_cat .contener .inner .perso_1 		{position:absolute; left:650px; bottom:93px; width:150px; height:35px; display:block; font-size:18px; line-height:35px; text-align: center; color:#fff; background:#d31a24; border-radius:3px; transition:all .3s ease;}
.zone_cat .contener .inner .perso_1:hover 	{background:#000;}
.zone_cat .contener .inner .title_2 		{position: absolute; right: 595px; top: 107px; width: 200px; height: 180px; display: block; font-size: 21px; line-height: 28px; text-align: left; padding-left: 40px; border-left: solid 1px #fff;}
.zone_cat .contener .inner .descript_2 		{position:absolute; left:0px; top:107px; width:330px; height:180px; display:block; font-size:17px; line-height:25px; font-weight: lighter; text-align: justify; }
.zone_cat .contener .inner .descript_2 a 	{color:#d31a24; text-decoration: underline;}
.zone_cat .contener .inner .perso_2 		{position:absolute; right:650px; bottom:93px; width:150px; height:35px; display:block; font-size:18px; line-height:35px; text-align: center; color:#fff; background:#d31a24; border-radius:3px; transition:all .3s ease;}
.zone_cat .contener .inner .perso_2:hover 	{background:#000;}


@media screen and (min-width:100px) and (max-width:639px)  {
	#menu_shop							{display: none;}
	.zone_home 							{height:400px;}
	.zone_home .contener h1				{font-size: 30px;}
	.zone_home .contener h2				{font-size:28px; top: 310px; left: 30px;}
	.zone_home .contener .chevrons		{top: 270px; left: 30px; width: 45px; height: 36px;}
	.zone_home .contener .show-login 	{width:50px; height:50px; background-size: 15px 40px;}
	.zone_home .contener .show-dogs  	{width:50px; height:50px; background-size: 29px 32px; top: 190px;}
	.zone_home .contener .show-usin		{width:50px; height:50px; background-size: 30px 28px; top: 250px;}
	.zone_cat .contener .inner			{height:600px; max-width:100%;}
	.zone_cat .contener .row_prod_1		{height:600px;}
	.zone_cat .contener .row_prod_2		{height:600px;}
	.zone_cat .contener .inner .contener_img_1 	{width:100%; height:300px; margin:0px auto; position: relative; display: block; top:0; left:0;}
	.zone_cat .contener .inner .title_1			{top:315px; left: 0px; font-size: 20px; line-height: 25px; width:100%; height:auto; text-align: center; font-size: 18px; padding:0px;}
	.zone_cat .contener .inner .perso_1 		{left: calc(100% - 160px); bottom: 10px;}
	.zone_cat .contener .inner .descript_1 		{left: 10px; top: 450px; width: calc(100% - 20px); font-size: 15px; line-height: 18px; height:auto;}
	.zone_cat .contener .inner .contener_img_2 	{width:100%; height:300px; margin:0px auto; position: relative; display: block; top:0; left:0;}
	.zone_cat .contener .inner .title_2			{top:315px; left: 0px; font-size: 20px; line-height: 25px; width:100%; height:auto; text-align: center; font-size: 18px;  padding:0px;}
	.zone_cat .contener .inner .perso_2 		{left: 10px; bottom: 10px;}
	.zone_cat .contener .inner .descript_2 		{left: 10px; top: 450px; width: calc(100% - 20px); font-size: 15px; line-height: 18px; height:auto;}
	
}
@media screen and (min-width:640px) and (max-width:959px)  {
	.zone_home 							{height:600px;}
	.zone_home .contener h1				{font-size: 30px; top:80px;}
	.zone_home .contener h2				{font-size:45px;}
	.zone_home .contener .ancredown		{width: 30px; height: 25px;}
	.zone_home .contener .chevrons		{top: calc(30% + 190px); left: 15%; width: 90px; height: 71px;}
	.zone_home .contener .show-login 	{width:50px; height:50px; background-size: 15px 40px;}
	.zone_home .contener .show-dogs  	{width:50px; height:50px; background-size: 29px 32px; top: 190px;}
	.zone_home .contener .show-usin		{width:50px; height:50px; background-size: 30px 28px; top: 250px;}

	.zone_cat .contener .inner					{height:300px; max-width:100%;}
	.zone_cat .contener .row_prod_1				{height:300px;}
	.zone_cat .contener .row_prod_2				{height:300px;}
	.zone_cat .contener .inner .contener_img_1 	{width:300px; height:300px; top:0px; left:0px;}
	.zone_cat .contener .inner .title_1			{top: 0px; left: 315px; font-size: 20px; line-height: 25px; width: calc(100% - 315px); text-align: center; font-size: 18px;}
	.zone_cat .contener .inner .perso_1 		{left: calc(100% - 160px); bottom: 10px;}
	.zone_cat .contener .inner .descript_1 		{right: 10px; top: 120px; width: calc(100% - 315px); font-size: 15px; line-height: 18px;}
	.zone_cat .contener .inner .contener_img_2 	{width:300px; height:300px;  top:0px; right:0px;}
	.zone_cat .contener .inner .title_2			{top: 0px; right: 315px; font-size: 20px; line-height: 25px; width: calc(100% - 315px); text-align: center; font-size: 18px;}
	.zone_cat .contener .inner .perso_2 		{left: 10px; bottom: 10px;}
	.zone_cat .contener .inner .descript_2 		{left:10px; top: 120px;  width: calc(100% - 315px); font-size: 15px; line-height: 18px;}
}
@media screen and (min-width:960px) and (max-width:1200px)    {
	.zone_home 							{height:600px;}
	.zone_home .contener h1				{font-size: 40px;}
	.zone_home .contener h2				{font-size:45px;}
	.zone_home .contener .chevrons		{top: calc(30% + 190px); left: 15%; width: 90px; height: 71px;}
	.zone_home .contener .show-login 	{width:50px; height:50px; background-size: 15px 40px;}
	.zone_home .contener .show-dogs  	{width:50px; height:50px; background-size: 29px 32px; top: 190px;}
	.zone_home .contener .show-usin		{width:50px; height:50px; background-size: 30px 28px; top: 250px;}
	.zone_cat .contener .inner					{height:230px; max-width:100%;}
	.zone_cat .contener .row_prod_1				{height:230px;}
	.zone_cat .contener .row_prod_2				{height:230px;}
	.zone_cat .contener .inner .contener_img_1 	{width:315px; height:315px;}
	.zone_cat .contener .inner .title_1			{top:25px; left:370px; font-size: 20px; line-height: 25px;}
	.zone_cat .contener .inner .perso_1 		{left: 410px; bottom: 30px;}
	.zone_cat .contener .inner .descript_1 		{right: 10px; top: 60px; width:calc(100% - 650px); font-size: 15px; line-height: 18px;}
	.zone_cat .contener .inner .contener_img_2 	{width:315px; height:315px;}
	.zone_cat .contener .inner .title_2			{top:25px; right:370px; font-size: 20px; line-height: 25px;}
	.zone_cat .contener .inner .perso_2 		{right: 410px; bottom: 30px;}
	.zone_cat .contener .inner .descript_2 		{left: 10px; top: 60px;  width:calc(100% - 650px); font-size: 15px; line-height: 18px;}

}