html {
		width:100%;
		height:100%;
		}
	body {
		background:#333; 
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		color:#333;
		background-image: url(../800_44.jpg); 
		background-size: cover;
		background-attachment:fixed;

    font-family: 'Arimo', sans-serif;

    /*font-family: 'Inconsolata', monospace;*/


		font-size:16px;
		text-align:justify;
		}
	#page {
		position:relative;
		float:left;
		background:rgba(248,220,130,0.7);/*#F8DC82;*/
		width:100%;
		
	}
	p {
		margin:10px 10px;

	}

	#retourportail {
		position:fixed;
		background:rgba(0,0,0,0.8);
		left:0;
		top:0;
		margin:0;
		padding:0;
		width:100%;
		height:40px;
		text-align:left;
		line-height:40px;
		font-size:40px;
		font-weight:bold;
		color:#fff;
		z-index: 149;
		background: -webkit-linear-gradient(top, black, rgba(0,0,0,0) 90%);
		background: -moz-linear-gradient(top, black, rgba(0,0,0,0) 80%);
		background: -ms-linear-gradient(top, black, rgba(0,0,0,0) 80%);
		background: -o-linear-gradient(top, black, rgba(0,0,0,0) 80%);
		background: linear-gradient(top, black, rgba(0,0,0,0) 80%);
	}
/*** glisse gauche2 **********/
	.page-glisse-gauche2 {

	-webkit-transform-origin: 0 0;
	 -moz-transform-origin: 0 0;
	  -ms-transform-origin: 0 0;
	   -o-transform-origin: 0 0;
	    transform-origin: 0 0;

		animation: glisse-gauche2 1s 1;
		-webkit-animation: webkit-glisse-gauche2 1s 1;
		-moz-animation: moz-glisse-gauche2 1s 1;
		-ms-animation: ms-glisse-gauche2 1s 1;
		-o-animation: o-glisse-gauche2 1s 1;

		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;

	}
/*** glisse gauche2 **********/
@-moz-keyframes moz-glisse-gauche2 {
    0% 		{ -moz-animation-timing-function: ease-in-out; -moz-transform: scale(1); }
    100% 	{ -moz-animation-timing-function: ease-in-out; -moz-transform: scale(0); }
}
@-webkit-keyframes webkit-glisse-gauche2 {
    0% 		{ -webkit-animation-timing-function: ease-in-out; -webkit-transform: scale(1); }
    100% 	{ -webkit-animation-timing-function: ease-in-out; -webkit-transform: scale(0); }
}
@-ms-keyframes ms-glisse-gauche2 {
    0% 		{ -ms-animation-timing-function: ease-in-out; -ms-transform: scale(1); }
    100% 	{ -ms-animation-timing-function: ease-in-out; -ms-transform: scale(0); }
}
@-o-keyframes o-glisse-gauche2 {
    0% 		{ -o-animation-timing-function: ease-in-out; -o-transform: scale(1); }
    100% 	{ -o-animation-timing-function: ease-in-out; -o-transform: scale(0); }
}
@keyframes glisse-gauche2 {
    0% 		{ animation-timing-function: ease-in-out; transform: scale(1); }
    100% 	{ animation-timing-function: ease-in-out; transform: scale(0); }
}



	#josepaldir {
		position:relative;
		float:left;
		background:transparent url(../josepaldir-small.png) center center no-repeat;
		width:100%;
		height:70px;
		line-height:70px;
		font-size:30px;
		text-align:left;
		color: orange;
		z-index:1000;
	}
	.titre {
		font-size:1.5em;
		font-weight:bold;
	}

		#contphotos {
			position:relative;
			float:left;
			width:90%;
			left:5%;
		}
		#contphotos img {
			position:absolute;
			width:100%;
			height:100%;
			opacity:0;
		}
		#infos_01 {
			position:relative;
			float:left;
			width:100%;
			font-size:14px;
			text-align:center;
		}