html {
		width:100%;
		height:100%;
	}
	body {
		background:#E3F6CE url(../fond2.jpg) fixed center center no-repeat;
		background-size:cover;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		font-size:16px;
		color:#000;
		font-family:arial; 
		overflow-x:hidden;
		font-family: Verdana,Geneva,sans-serif;
	}
	a {
		text-decoration:none;
	}
	.espace {
		position:relative;
		float:left;
		width:100%;
		display:none;
	}
	li {
		list-style: none; 
	}
	@media only screen and (orientation:portrait) {

	}
	@media only screen and (orientation:landscape) {
		
	}
	#container {
		position:absolute;
		
		width:100%;
		height:auto;
		top:0;
		left:0%;
		margin-left:-0px;
		z-index:2;
		
	}
	#fond_accueil {
		position:relative;
		/*background:url(../P1050477_3.JPG) center center;
		background:url(../fond_accueil_1.jpg) center center;
		background-size:cover;*/
		left:0;
		top:0;
		width:100%;
		min-height:100%;
		z-index:20;
	}
	#fond_accueil2 {
		position:absolute;
		background:rgba(0,0,0,0.7);
		left:0;
		top:0;
min-height:100%;
		
	}
	#accueil {
			position:relative;
			/*background:rgba(207,200,194, 0.8);#CFC8C2;rgba(255,255,255,0.8);*/
			left:20%;
			top:0px;
			width:60%;
			min-height:100%;
			z-index:19;
			color:#fff;
			/*text-align:center;*/
			font-size:18px;
			font-weight:normal;
			padding:10px;
	}
	#page, #pageUrl {
		position:relative;
		float:left;
		width:80%;
		height:auto;
		top:0;
		left:10%;
		text-align:center;
		font-size:1em;
		color:#000;
		/*font-weight:bold;*/
		z-index:3;
		
	}
	#pageUrl {
		/*position:absolute;*/
		background:#FCFCE7;
		width:70%;
		left:15%;
		top:0;
		border-left:#999 1px solid;
		border-right:#333 1px solid;
		z-index:4;
		/*visibility:hidden;
		opacity:0;*/
	}
	#contvideo {
		position:relative;
		background:#000;
		float:left;
		width:100%;
		height:0px;
		overflow:hidden;
	}

	.ob-row-1-col img {
		width:80%;
		height:30%;
		border:gray 1px solid;
		border-radius:3px;
	}
	.ob-section-images {
		text-align:center;
	}
	.ob-section-html {
		margin:2% 8%;
	}
	#bando {
		position:relative;
		float:left;
		background:url(../degrade_bando.png) left bottom repeat-x;
		width:100%;
		height:auto;
		display:block;
		
	}
	.blocktop {
		background:transparent;
		width:100%;
		height:auto;	
		margin:0px auto;
        vertical-align:middle;
        display:inline-block;
		position: relative;
		overflow: hidden;
		text-align:center;
	}
	#entetepng {
		width:70%;
	}
	.contentblock, .contentblock0{
		position: relative;
        display:inline-block;
		width: 300px; 
		height: 440px; 
		margin:10px auto;
        vertical-align:middle;
		background:rgba(255,255,255,0.8); 
		overflow: hidden; 
		border-radius:16px;
		padding:10px;
		
box-shadow:0px 0px 12px 1px gray;		
	}
	.contentblock0{
		background:rgba(255,255,255,0.7);
		color:#000;
	}
	.block1, .block0{
		width: 100%; 
		height: 100%; 
        vertical-align:middle;
		overflow: hidden; 
		position: relative;
	}
	.block1 h2 {
		font-size:1.2em;
	}
	p.entry {
		font-size:15px;
		text-align:justify;
	}
	.entry {
		text-align:justify;	
	}
	.readmore {
		text-align:right;
	}
	.block1 a {
		color:#8A0808;
		text-decoration:none;
	}
	.block1 a:hover {
		color:#8A0808;
		text-decoration:underline;
	}
	.ob-sections, .m-social-networks {
		position:relative;
		float:left;
	}
	.entete {
		display:none;
	}
	.top {
		position:relative;
		float:left;
		display:block;
		background: url(../degrade_bando.png) left bottom repeat-x;
		width:100%;
		height:auto;
		left:0%;
		text-align:center;
		border-radius:3px;
	}
	.top img {
		width:80%;
	}
	.clebard {
		position:relative;
		float:left;
		color:#fff;
		width:80%;
		height:auto;
		left:10%;
		margin-top:2px;
		border-radius:3px;
		
	}
	.entete_chien {
		position:relative;
		float:left;
		background:#333;
		color:#fff;
		width:40%;
		height:auto;
		left:8%;
		text-align:left;
		margin-top:20px;
		border-radius:8px;
	}
	#etape {
		position:relative;
		float:right;
		background:yellow;
		display:block;
		color:blue;
		font-size:18px;
		font-weight:bold;
		width:42%;
		height:auto;
		right:8%;
		margin-top:20px;
		border-radius:8px;		
	}
	#depart, #arrivee {
		font-size:24px;
	}
	.chien {
		position:relative;
		float:left;
		top:0;
		width:100px;
		height:100px;
		margin:10px;
	}
	.marcheur {
		position:absolute;
		left:10px;
		width:100px;
		height:auto;
		margin:15px;
	}
	.compostel {
		position:absolute;
		right:10px;
		width:160px;
		height:auto;
		margin:15px;
	}
	.imgholder {
		width:275px;
		height:145px;
		box-shadow:2px 4px 7px rgba(0,0,0,0.4), -2px 4px 7px rgba(0,0,0,0.4);
		border:#fff 5px solid;
	}
	#retour {
		visibility:visible;
		cursor:pointer;
	}
	#hautage {
		position:fixed;
		background:url(../csj.png);
		background-size:100% 100%;
		right:8%;
		bottom:-80px;
		width:73px;
		height:73px;
		visibility:visible;
		cursor:pointer;
		display:block;
		z-index:60;
	}
	.fleche {
			position:absolute;
			background:url(../fleche_bleue.png) left center no-repeat;
			left:30%;
			top:2px;
			width:57px;
			height:100%;
			visibility:visible;
		cursor:pointer;
		/*visibility:hidden;*/
	}
	#cherche {
		position:relative;
		float:left;
		position: sticky; 
		top: 0px;  	
	
		width:100%;
		height:auto;
		
		left:0%;
		background:#ecd832;/*rgba(236,216,50,1);*/
		color:blue;
		/*border-radius:4px;*/
		text-align:center;
		border-bottom:#333 2px solid;
		z-index:15;
	}
	.pageinfo {
		position:relative;
		float:left;
		background:rgba(255,255,255,0.8);
		width:80%;
		left:10%;
		min-height:100%;
		padding:0 5px;
		text-align:center;
		margin-top:10px;
		border-radius:6px;
	}
	.pageinfo img {
		width:90%;
		margin:10px;
	}
	#parcours {
		position:relative;
		float:left;
		background:rgba(255,255,255,0.8);
		width:100%;
		left:0;
	}
	.texte {
		position:relative;
		float:left;
		background:rgba(255,255,255,0.8);
		width:80%;
		left:10%;
	}
	.eff {
		margin:4px;
		width:90%;
	}
	#pave-commentaires {
		position:relative;
		background:rgba(255,255,255,0.8);
		float:left;
		width:70%;
		height:auto;
		left:15%;
		text-align:left;
	}
	#commentaires {
		position:relative;
		float:left;
		top:0px;
		width:calc(80% - 20px);
		height:500px;
		left:10%;
		color:#000;
		padding:0 10px;
		border-radius:10px;
		overflow-y:hidden;

	}
	#contentchienvideo {
		position:relative;
		float:left;
		width:40%;
		left:30%;
		color:yellow;
		text-align:left;
		
	}
	.articlerecent {
		background:#fff;
		color:blue;
		
	}
	#contentdroitegauche, #contentdroitegauche2 {
		position:relative;
		float:left;
		position: sticky;
		background:#ecd832;
		width:100%;
		left:0;
		top:0;
		text-align:center;
		padding:10px 0;
		/*margin-bottom:10px;*/
		border-bottom:gray 2px solid;
		z-index:50;
	}
	#prev, #next, #prev2, #next2 {
		background:yellow;
		font-size:14px;
		font-weight:bold;
		color:#045FB4;
		cursor:pointer;
		padding:5px;
		border:gray 1px solid;
		border-radius:3px;
	}
	#icon_tel {
		visibility:hidden;
	}
	.boutonpage {
		position: relative;
        display:inline-block;
		font-size:22px;
		font-weight:bold;
		margin:8px;
	}
	#contentfacedebouc {
		position:relative;
		float:left;
		width:154px;
		height:38px;
		left:50%;
		margin-left:-77px;
		overflow:hidden;
	}
	#fond_noir {
		position:fixed;
		background:rgba(0,0,0,8);
		left:0;
		top:0;
		width:100%;
		height:100%;
		visibility:hidden;
		opacity:0;
		z-index:20;
	}
.fondnoir {
		position:fixed;
		background:#000;
		width:100%;
		height:100%;
		z-index:10;
	}
	#msgprovisoire {
		position:absolute;
		/*background:rgba(0,0,0,0.5);*/
		left:15%;
		top:0px;
		width:70%;
		height:100%;
		z-index:21;
		color:#999;
		/*text-align:center;*/
		font-size:18px;
		font-weight:normal;
		visibility:hidden;
		opacity:0;
	}
	.boxavis {
		position:absolute;
		background:rgba(255,255,255,0.9);
		width:40%;
		left:30%;
		top:60px;
		height:auto;
		padding:10px;
		color:gray;
		border-radius:6px;
	}
	#ecritoir {
		position:relative;
		float:left;
		width:100%;
		height:0;
		overflow:hidden;
		text-align:center;
		z-index:15;
	}
	#envoimessage {
		position:relative;
		
		height:0;
		background:rgba(236,216,50,1);
		color:#000;
		font-size:16px;
		font-family:arial;
		text-shadow:none;
	}
	#ecritoir input, #ecritoir textarea {
		border-radius:5px;
		margin: 3px 0;
		font-size:16px;
		padding:4px;
	}
	#close, .cloze {
		position:absolute;
		width:30px;
		height:30px;
		line-height:30px;
		text-align:center;
		right:20px;
		top:10px;
		font-size:22px;
		font-weight:bold;
		cursor:pointer;
	}
	.cloze {
		color:#fff;
		background:#000;
	}
	.cartedujour {
		position:absolute;
		width:99%;
		left:0.5%;
		top:0.5%;
	}
	#captchacha{
		position:fixed;
		background:#fff;
		width:260px;
		height:150px;
		left:50%;
		top:50%;
		margin-left:-130px;
		margin-top:-75px;
		display:none;
		border-radius:6px;
		z-index:60;
		visibility:hidden;
		opacity:0;
	}
	.margintop {
		position:relative;
		float:left;
		width:80%;
		left:10%;
	}
	.text-diamant {
		position:relative;
		float:left;
		width:80%;
		left:10%;
		font-size:16px;
		color:blue;
		font-style:italic;
		font-family: Verdana,Geneva,sans-serif;
		margin-bottom:20px;
	}
	.text-reseau {
		position:relative;
		float:left;
		width:80%;
		left:10%;
		font-size:14px;
		color:#B40404;
		font-family: Verdana,Geneva,sans-serif;
	}
	.imgpage {
		position:relative;
		float:left;
		width:100%;
		left:0;
		margin:8px 0;
		border-radius:5px;
	}
	.galerie {
		width:100%;
		margin:8px 0;
		border-radius:5px;
		border:#fff 1% solid;
	}
	#pied {
		position:fixed;
		bottom:0;
		float:left;
		width:100%;
		height:40px;
		background:#000;
		color:#fff;
		z-index:50;
	}
	.lienjour {
		position:relative;
		display:inline-block;
		width:150px;
		font-size:16px;
		color:blue;
		text-align:center;
		font-family: Verdana,Geneva,sans-serif;
		margin:5px auto;
		padding:6px;
		border:transparent 4px solid;
		cursor:pointer;
	}
	.tablienjour {
		background:rgba(255,255,255,0.8);
		width:100%;
		height:100%;
		border:red 1px solid;
		border-radius:8px;
	}
	.tabliennuit {
		background:rgba(0,0,0,0.8);
		color:#fff;
	}
	.meteodepart {
		position:absolute;
		background:url(../icon_meteo.png) left -3000px no-repeat;
		width:70px;
		height:56px;
		top:70px;
	}
	.clear {
		clear:both;
		width:100%;
		height:auto;
		background:rgba(0,0,0,0.8);
	}
	.vignette {
		margin:10px auto;
        vertical-align:middle;
        display:inline-block;

		border:#fff 1px solid;
		/*margin:2px;*/
		/*border-radius:40px;*/
		margin:0;
		padding:0;
	}
	.repere {
		position:absolute;
		background:transparent url(../repere.png) no-repeat;
		width:99px;
		height:22px:
	}
	.plan {
		float:left;
		width:20%;
		margin-right:10px;
	}
	.img50 {
		float:left;
		width:46%;
		margin:2%;
	}
	#inforeso { 
		position:absolute;
		background:#fff;
		top:40px;
		left:50%;
		margin-left:-250px;
		width:500px;
		height:auto;
		padding:15px;
		line-height:20px;
		text-align:left;
		color:#333;
		border-radius:6px;
		display:none;
		z-index:21;
	}
	label {
		color:#B40404;
	}
	.slide-content {
		cursor:zoom-in;
	}
	#anim {
		position:absolute;
		background:url(../fond_carte_big.png) center center no-repeat;
		background-size:auto 100%;
		width:100%;
		height:100%;
	}
	#ligne {
		position:absolute;
		background:url(../ligne.png);
		background-size:100% 100%;
		width:100%;
		height:100%;
	}	
	#did {
		position:absolute;
		background:url(../didier.png);
		background-size:100% 100%;
		width:150px;
		height:160px;
		right:60px;
		top:0px;
		z-index:12;
	}
	.trace {
		position:absolute;
		background:red;
		width:2px;
		height:2px;
		z-index:10;
	}
	.et_point {
		position:absolute;
		background:green;
		width:10px;
		height:10px;
		border-radius:5px;		
		z-index:11;
	}
	#contentpano {
		position:absolute;
		background:#fff;
		width:400px;
		
		z-index:11;
		
	}
	#pano {
		position:absolute;
		background:#fff;
		
		
		width:200px;
		height:40px;
		border:#fff 2px solid;
		border-radius:5px;
		z-index:11;
		box-shadow:0 0 4px 1px #333;
	}
	#cumulkm {
		position:absolute;
		top:55px;
		width:auto;
		color:blue;
		font-weight:bold;
		font-size:25px;
		z-index:11;
	}
	#aglo {
		color:#000;
		font-weight:bold;
		font-size:16px;
	}
	
/*******************************/
	#video-fond {
	  position: fixed;
	  width:60%;
	  /*height:50%;*/
	  top:10px;
	  left:20%;
		visibility:hidden;
		opacity:0;
		z-index:100;
	}
	#video-fond > video {
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  top: 0;
	  left: 0;
	}
	#menu1000 {
		display:none;
	}
	#menuicon {
		position:relative;
		display:block;
		display:inline-block;
		width:100%;
		text-align:center;
		margin:0 auto;
		height:auto;
		overflow:hidden;
	}
	.milleicon {
		width:auto;
		overflow:hidden;
	}
	.numetape, .numrepos {
		position:absolute;
		left:25px;
		top:18px;
		background:rgba(255,255,255,0.8);
		font-size:12px;
		width:70px;
		height:20px;
		border-radius:8px;
	}
	.mentionplus {
		position:absolute;
		right:25px;
		top:25px;
		background:rgba(176,33,33,0.8);
		font-size:12px;
		color:#fff;
		width:70px;
		height:auto;
		transform:rotate(10deg);
		border-radius:4px;
	}
	.drapeau {
		position:absolute;
		right:25px;
		top:20px;
		background:url(../drap_espagne.jpg);
		width:44px;
		height:28px;
	}
	.numrepos {
		background:rgba(255,0,0,0.6);
		color:#fff;
	}
	.msg {
		position:relative;
		float:left;			
	}
	.iconlien {
		cursor:pointer;
		z-index:2;
	}
	#titrelorrain {
		visibility:hidden;
	}
	#infossj {
		position:relative;
		float:left;
		background:rgba(255,255,255,0.9);
		width:calc(80% - 40px);
		left:10%;
		text-align:justify;
		padding:20px;
		color:#333;
		z-index:8;
	}
	#infossj .titre {
		color:#045FB4;
		font-weight:bold;		
	}
	#cmdvideo {
		/*display:block;*/
	}
	#contavance, #avance {
		position:relative;
		float:left;
		border:#144DFF 1px solid;
		width:100%;
		height:10px;
		left:0;
		bottom:0;
		z-index:1;
		font-size:10px;
		color:blue;
		text-align:right;
		line-height:10px;
	}
	#avance {
		posdition:absolute;
		background:#144DFF;
		border:none;
		width:0px;
		height:10px;
		left:0;
		bottom:0;
		color:#fff;
	}
	
	/*@media screen and (min-width: 200px) and (max-width: 640px)*/


	
	@media screen and (max-width: 900px){
		#bando {
			display:none;
		}
		#container {
			width:100%;
			left:0;
			margin-left:0;
		}
		#accueil {
			left:5%;
			width:90%;
			font-size:16px;
		}
		#pageUrl, #page {
			width:100%;
			left:0%;
		}
		.contentblock, .contentblock0 {
			height: auto; 
		}
		
		.block1, .block0 {
			width:100%;
			height:auto;
			font-size:14px;
			
		}
		.ob-sections {
			width:100%;
		}
		.ob-section-images img {
			width:98%;
			border:gray 1px solid;
			
			box-shadow:none;
		}
		
		.espace {
			/*display:block;*/
		}
		.texte {
			width:100%;
			left:0;
		}
		.content-meteo {
			position:relative;
			float:left;
			width:100%;
			height:auto;
		}
		.meteomatin {
			position:relative;
			float:left;
			background:url(../icon_meteo.png) left -3000px no-repeat;
			width:70px;
			height:56px;
			top:0px;
		}
		.meteosoir {
			position:relative;
			float:right;
			background:url(../icon_meteo.png) left -3000px no-repeat;
			width:70px;
			height:56px;
			top:0px;
		}
		
		.blocktop {
			width:100%;
			height:auto;	
		}
		#entetepng {
			width:100%;
		}
		#contentchienvideo {
			width:100%;
			left:0;
		}
		.entete_chien {
			background:transparent;
			color:#333;
			text-align:left;
			margin-top:0px;
			border-radius:8px;
			top:-20px;
			
			width:100%;
			left:0;
		}
		#cmdvideo {
			display:none;
		}
		.clebard {
			width:calc(100% - 12px);
			left:0;
			
			padding:6px;
		}
		.chien {
			position:relative;
			float:left;
			top:0;
			left:0;
			width:100px;
			height:100px;
			
		}
		.marcheur {
			position:relative;
			float:left;
			width:100px;
			height:auto;
			
		}
		.compostel {
			position:relative;
			float:right;
			width:160px;
			height:auto;
			
		}
		.entete {
			/*position:fixed;
			background:#000;
			width:100%;
			height:30px;
			font-size:18px;
			font-weight:bold;
			color:#fff;
			line-height:30px;
			display:block;
			z-index:10;*/
		}
		.top {
			width:100%;
			left:0;
			display:none;
		}
		.top img {
			width:100%;
		}
		.fleche {
			left:10px;
		}
		#retour {
			/*visibility:hidden;*/
		}
		#hautage {
			/*display:none;*/
			right:0;
			background:url(../up-icon.png) right bottom no-repeat;
			width:73px;
			height:73px;
			
		}
		#cherche {
			/*width:99%;
			left:0.5%;*/
		}
		.pageinfo {
			width:100%;
			left:0;
		}
		#parcours {
			width:100%;
			left:0;
		}
		#pave-commentaires {
			position:relative;
			float:left;
			width:90%;
			height:auto;
			left:5%;
		}
		#commentaires {
			width:calc(100% - 20px);
			left:0;
		}
		
		#icon_tel {
			visibility:visible;
		}
		#etape {
			float:left;
			display:none;
			width:90%;
			left:5%;
			font-size:16px;
			line-height:26px;
		}
		#depart, #arrivee {
			font-size:22px;
		}
		#contentfacedebouc {

		}
		.text-diamant {
			width:calc(100% - 16px);
			left:0;
			padding:0 8px;
			top:-50px;
		}
		.text-reseau {
			width:90%;
			left:5%;
		}
		.galerie {
			width:calc(100% - 20px);
			left:0;
			margin:8px 5px;
		}
		.plan {
			float:left;
			width:95%;
			margin-right:0px;
		}
		.img50 {
			width:98%;
			margin:1%;
		}
		#did {
			right:0px;
			top:0px;
			z-index:12;
		}
		#video-fond {
		  width:100%;
		  height:auto;
		  left:0%;
		}
		#menu1000 {
			position:relative;
			display:inline-block;
			width:100%;
			text-align:center;
			margin:0 auto;
			height:46px;
			line-height:23px;
			display:block;
			font-weight:bold;
			color:#526aba;
		}
		#menuicon {
			display:none;
			height:0;
		}
		.milleicon {
			width:0;
			overflow:hidden;
		}
		.numetape, .numrepos {
			left:35px;
			top:18px;
		}
		#titrelorrain {
			visibility:visible;
			color:#526aba;
		}
		#infossj {
			width:calc(100% - 40px);
			left:0;
		}
		#msgprovisoire {
			left:3%;
			width:94%;
			font-size:16px;
		}
		.didierm {
			display:none;
		}
		
	}
	
.imagebig {	
	position:fixed;
	top:-5000px;
}
.liengalerie2 {
	position:relative;
	float:left;
	left:10px;
	width:95%;
	height:auto;
	font-size:14px;
	margin:10px 0;
		-o-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
.titreAlbum {
	/*background:rgba(255,255,255,0.6);*/
	font-size:18px;
	font-weight:bold;
	margin:10px;
	}
.textAlbum {
	font-size:14px;
	font-weight:normal;
	}
.contphotos {
	/*background:rgba(0,0,0,0.2); #AFB1B1;*/
	position:relative;
	float:left;
	display:block;
	left:10px;
	width:95%;
	height:auto;
	margin:5px 0;
		-o-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	/*overflow:hidden; height:1px;*/
	}
	.nbrpic {
		position:absolute;
		right:20px;
		margin-top:-15px;
		width:80px;
		height:auto;
		text-align:right;
		font-size:14px;
		z-index:3000;
	}
	.nbrpic2 {
		position:absolute;
		right:50px;
		top:20px;
		width:100px;
		height:auto;
		text-align:right;
		font-size:14px;
		z-index:3000;
	}
	.ouvreImg {
		font-size:12px;
		font-weight:normal;
	}
.saut {
	position:relative;
	float:left;
	left:0px;
	top:0px;
	width:259px;
	}
.legendeimg {
	position:absolute;	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;

	background-color:#fff;
	display:none;
	left: 80px; 
	top: 50px;
	width: auto; 
	height:20px;
	font-family:arial;
	font-size:13px;
	color: #000;
	z-index: 1001;
	}
.croixfermeimg, .croixfermeimg_m {
	position: absolute;
	display: block;
	background: url(../quit.gif) 0px 0px no-repeat;
	width: 40px; 
	height: 40px;
	top:10px;
	right:40px;
	z-index: 1002;
	}
.croixfermeimg_m {
	background-size:100%;
	width: 40px; 
	height: 40px;
	top:10px;
	left:50%;
	z-index: 1002;
	}
.croixfermeimg:hover, .croixfermeimg_m:hover {
	background: url(../quit.gif) left bottom no-repeat;
	cursor:pointer;
	}
.zoomimg {
	position:absolute;	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;

	display:none;
	background:transparent url(../images/zoom_img_b.png) 0px 0px no-repeat;
	width:22px; 
	height:20px;
	z-index: 1002;
	}
	.zone_g, .zone_d {
		position:fixed;
		top:0;
		width:200px;
		height:100%;
		z-index:10000;
	}
	.zone_g {
		left:0;
	}
	.zone_d {
		right:0;
	}
	.zone_d_m {
		position:fixed;
		background:rgba(0,0,0,0.4);
		top:10px;
		width:100%;
		height:60px;
		z-index:10000;
	}
	
	.arrow_g, .arrow_d, .choix {
		position:fixed;
		width:168px;
		height:211px;
		top:50%;
		margin-top:-106px;
		z-index:1;
	}
	.arrow_g {
		background:transparent url(../arrow_g.png) no-repeat;
		left:0;
	}
	.arrow_d {
		background:transparent url(../arrow_d.png) no-repeat;
		right:0;
	}
	.arrow_g_m, .arrow_d_m {
		position:fixed;
		width:60px;
		height:60px;
		z-index:1;
	}
	.arrow_g_m {
		background:transparent url(../arrow_g.png) no-repeat;
		background-size:100%;
		left:0;
	}
	.arrow_d_m {
		background:transparent url(../arrow_d.png) no-repeat;
		background-size:100%;
		right:0;
	}
	
	
	
	.choix {
		/*background:transparent url(../fleche_bleue_jaune.png) center center no-repeat;
		background-size:60%;*/
		display:none;
		right:0;
		top:35%;
	}
	.choix1 {
		position:absolute;
		background:transparent url(../fleche_choix_jaune.png) center center no-repeat;
		background-size:60%;
		width:168px;
		height:105px;
		top:0;
		z-index:1;
		cursor:pointer;
	}
	.choix2 {
		position:absolute;
		background:transparent url(../fleche_choix_bleu.png) center center no-repeat;
		background-size:60%;
		width:168px;
		height:105px;
		bottom:0;
		z-index:1;
		cursor:pointer;
	}
	.choix1:hover {
		background-size:80%;
		right:0;
	}
	.choix2:hover {
		background-size:80%;
		right:0;
	}
	
	.compteur {
		position:absolute;		
		left:20px;
		top:60px;
		width:100%;
		height:30px;
		overflow:hidden;
		text-align:center;
		color:red;
		z-index:5001;
	}
	.image404 {
		position:absolute;
		background:url(../404.png);
		width:800px;
		height:600px;
		left:calc((100% - 800px) / 2);
		top:calc((100% - 600px) / 2);
		text-align:center;
		font-size:40px;
		font-style:bold;
		line-height:600px;
	}
	#chiengo {
		transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
/*		
		background:url(../icon_chien.png) center center no-repeat;
		height:84px;
		width:100%; 
		cursor:pointer; 
		text-align:center;
*/		
	}
	#chiengo:hover {
		transform:scale(1.5);
		transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
	}