button, .hand, #gestion img, #content img, #nav2 img, #viewBox2 img, label, select, #chatbox span, #icon img{
	cursor:					pointer;}

@font-face {
	font-family:			EagleLake;
	src:					local("eagle-lake.regular"),url(fonts/eagle-lake.regular.ttf);}

@font-face {
	font-family:			AmaticBold;
	src:					local("amaticBold"),url(fonts/amaticBold.ttf);}

hr{
	height:					3px;
	color:					white;}

html{
	height:					100%;}

body{
	height:					100%;
	margin:					0px;
	padding:				0px;
	padding-top:			30px;
	font-family:			sans-serif, Verdana, serif;
	background:				url("membres/0/bg.jpg") fixed 50% 50%;
	background-size:		cover;}

p{
	margin:					0px;
	padding:				0px;}

em{
	font-style:				normal;}

input{
	transition-duration:	0.2s;}

iframe{
	border-width:			0px;}

.but0{
	padding:				0px;
	border:					none;
	background:				transparent;}

.aide{
	display:				inline-block;
	vertical-align:			top;
	min-width:				18px;
	height:					18px;
	border:					none;
	background:				url("images/aide.png") no-repeat 0% 0% transparent;
	background-size:		18px;}

.aide:hover{
	background-position:	0% 100%;}

#home{
	background:				url('img/bghome.jpg') fixed 100% 100% white;
	background-size:		cover;}

#home a, #home a:visited{
	text-decoration:		none;
	color:					black;}

#body a:visited{
	text-decoration:		none;
	color:					#047;}

#home a:hover, #body a:hover{
	text-decoration:		underline;}

#body a{
	text-decoration:		none;
	color:					#06d;}

img{
	border:					none;}

.img1, .img2, #coadmin img{
	max-width:				990px;
	max-height:				240px;
	margin:					4px;
	padding:				5px;
	cursor:					pointer;
	background-color:		white;
	-webkit-box-shadow:		#bbb 1px 2px 5px;
	-moz-box-shadow:		#bbb 1px 2px 5px;
	-o-box-shadow:			#bbb 1px 2px 5px;
	box-shadow:				#bbb 1px 2px 5px;}

h1{
	margin:					30px 0px 20px 30px;
	font-size:				x-large;}

h2{
	font-size:				0.8em;}
h3{
	font-size:				1.3em;
	font-weight:			normal;}

input:focus, input6:focus, textarea:focus, #gestion button:focus{
	-webkit-box-shadow:		#8df 0px 0px 8px inset;
	-moz-box-shadow:		#8df 0px 0px 8px inset;
	-o-box-shadow:			#8df 0px 0px 8px inset;
	box-shadow:				#8df 0px 0px 8px inset;}

label{
	font-size:				0.9em;}

ul{
	padding-left:			16px;}

ul  ul ul{
	max-height:				0px;
	overflow:				hidden;}

ul  b{
	color:					green;
	transition:				all .5s;
	transform:				scale(1.2);}

ul  b:hover{
	display:				inline-block;
	color:					blue;
	transform:				scale(2);}

#home li{
	margin:					10px 0px;
	list-style-image:		url('images/dir20.png');}

ul .prive>a{
	border-radius:			4px;
	background-color:		#aaf;}

ul .prive ul a{
	padding:				1px 4px;
	border-radius:			4px;
	background-color:		#ddf;}

ul .ici>a{
	font-style:				italic;
	border-bottom:			solid thin grey;}

#home ul .ici{
	list-style-image:		url('images/ici.png');}

#divBan{
	min-width:				1100px;
	height:					230px;
	border-bottom:			solid 1px silver;
	background:				url("images/ban.png") repeat-x 50% 0px;
	background-size:		cover;}

#firstDiv{
	margin:					auto;
	width:					1100px;
	min-height:				100%;
	padding:				0px 20px 20px 20px;
	background-color:		white;}

.index2{
	transition-duration:	0.6s;}

.index2 #nav1{
	text-align:				center;
	margin:					auto;
	width:					100%;
	min-width:				1080px;
	filter:alpha(opacity=85);opacity:0.85;
	border:					solid 2px #bad9ff;
	border-top-width:		0px;
	border-radius:			0px 0px 20px 20px;
	transition-duration:	0.3s;}

.index2 #nav1:hover{
	filter:alpha(opacity=100);opacity:1.0;}

.index2 #nav1>span{
	text-align:				left;}

.index2 #onglets2 a{
	margin:					0px 2% 30px 2%;}

.dialogue{
	padding:				4px;
	border:					solid medium white;
	border-radius:			8px;
	-webkit-box-shadow:		#777 2px 6px 8px,#fff 0px 0px 32px;
	-moz-box-shadow:		#777 2px 6px 8px,#fff 0px 0px 32px;
	-o-box-shadow:			#777 2px 6px 8px,#fff 0px 0px 32px;
	box-shadow:				#777 2px 6px 8px,#fff 0px 0px 32px;
	background-color:		rgba(255,255,255,0.92);
	transition-duration:	0.4s;
	transition-property:	transform;
	transform-origin:		15px 0px;}

#nav1, #nav0{
	margin:					0px;
	margin-bottom:			6px;
	background:				#eeeeee;
	background:				-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#e4e4e4));
	background:				-webkit-linear-gradient(#ffffff, #e4e4e4);
	background:				-moz-linear-gradient(#ffffff, #e4e4e4);
	background:				-ms-linear-gradient(#ffffff, #e4e4e4);
	background:				-o-linear-gradient(#ffffff, #e4e4e4);
	background:				linear-gradient(#ffffff, #e4e4e4);}
/*------------------------------------------------------------------------------------------------------*/
/*--																									--*/

#divBan #nav1{
	position:				fixed;
	top:					0px;
	width:					100%;
	z-index:				3;
	font-family:			EagleLake, sans-serif, Verdana, serif;
	font-size:				0.8em;
	border-bottom:			solid 1px grey;}

#nav1 a, #nav1 em, #nav0>span>span, #nav1 b{
	display:				inline-block;
	padding:				4px 19px;
	color:					black;
	border-right:			solid thin #ddd;}

#nav1 em{
	text-decoration:		none;
	font-style:				normal;
	cursor:					default;}
	
#nav1 button{
	display:				inline-block;
	text-align:				left;
	min-width:				300px;
	font-size:				1em;
	line-height:			100%;
	border:					solid thin white;
	border-radius:			5px;
	background-color:		white;
	transition-delay:		0.1s;
	transition-duration:	0.5s;
	transition-property:	line-height;}

#nav1 line{
	display:				inline-block;
	min-width:				300px;
	border-top:				dashed thin silver;}

#nav1 a:visited{
	color:					black;}

#nav1 a:hover, #nav1 button:hover, #nav0 span:hover, .focusNav1{
	text-decoration:		none;
	text-shadow:			0 0 3px silver;
	background-color:		white;}

#nav1>span, #nav0>span{
	display:				inline-block;
	position:				relative;}

#nav1>span>span, #nav0>span>span:nth-child(2){
	display:				inline-block;
	visibility:				hidden;
	position:				absolute;
	top:					40px;
	left:					-20px;
	min-width:				300px;
	height:					0px;
	overflow:				hidden;
	padding:				0px 18px;
	z-index:				2;
	line-height:			100%;
	border:					solid thin silver;
	border-radius:			8px;
	background-color:		white;
	-webkit-box-shadow:		silver 0px 0px 3px;
	-moz-box-shadow:		silver 0px 0px 3px;
	-o-box-shadow:			silver 0px 0px 3px;
	box-shadow:				silver 0px 0px 3px;
	transition-delay:		0.1s;
	transition-duration:	0.3s;}

#nav1>span:hover>span, #nav0>span:hover>span:nth-child(2){
	visibility:				visible;
	height:					382px;
	z-index:				4;
	line-height:			200%;}

#nav1>span:hover button{
	line-height:			200%;}

#nav1 #endNav1>span{
	padding-top:			20px;}

#nav1 #endNav1:hover{
	background-color:		white;}

#nav1 #endNav1 b{
	font-weight:			normal;}

#nav1 #endNav1 span:last-child{
	text-align:				right;
	left:					-135px;
	min-width:				150px;}

#nav1>span:hover>.sousOnglet0{display:none;}
#nav1>span:hover>.sousOnglet1{height:60px;}
#nav1>span:hover>.sousOnglet2{height:96px;}
#nav1>span:hover>.sousOnglet3{height:134px;}
#nav1>span:hover>.sousOnglet4{height:168px;}
#nav1>span:hover>.sousOnglet5{height:203px;}
#nav1>span:hover>.sousOnglet6{height:239px;}
#nav1>span:hover>.sousOnglet7{height:275px;}
#nav1>span:hover>.sousOnglet8{height:310px;}
#nav1>span:hover>.sousOnglet9{height:346px;}
#nav1>span:hover>.sousOnglet10{height:381px;}
#nav1>span:hover>.sousOnglet11{height:417px;}
#nav1>span:hover>.sousOnglet12{height:452px;}
#nav1>span:hover>.sousOnglet13{height:487px;}

#nav1>span>span a, #nav0>span>span span{
	display:				block;
	margin:					2px 0px;
	padding:				0px 10px;
	line-height:			30px;
	border:					solid thin white;
	border-radius:			5px;}

#nav1>span>span a:first-child, #nav1 button:first-child, #nav0>span>span span:first-child{
	margin-top:				14px;}

#nav1>span>span a:last-child, #nav1 button:last-child, #nav0>span>span span:last-child{
	margin-bottom:			14px;}

#nav1>span>span a:hover, #nav1 button:hover, #nav0>span>span span:hover{
	border-color:			#def;
	background-color:		#f0f7ff;}

#onglets2{
	text-align:				center;
	min-height:				10px;
	margin:					20px 0px;
	font-family:			"Times New Roman";}

#onglets2 a, #onglets2>span{
	display:				inline-block;
	margin:					0px 12px 30px 12px;
	color:					black;
	background-repeat:		no-repeat;
	background-position:	50% 0%;}

#onglets2 a:visited{
	color:					black;}

#onglets2 a span, #onglets2>span>span{
	display:				inline-block;
	min-width:				inherit;}

#onglets2 a span:first-child{
	position:				relative;
	left:					0.1%;}

#onglets2 a span:first-child, #onglets2>span>span:first-child{
	height:					inherit;
	margin-bottom:			3px;
	background:				inherit;
	background-position:	50% 100%;
	filter:alpha(opacity=0);opacity:0.0;}

#onglets2 a span:last-child, #onglets2>span>span:last-child{
	padding:				0px 6px;
	border:					solid 2px white;
	border-radius:			12px;
	background-color:		rgba(255,255,255,0.6);}

#onglets2 a:hover span:last-child, #onglets2>span:hover span:last-child{
	text-shadow:			0 0 3px silver;
	background-color:		rgba(255,255,255,0.9);}

#onglets2 .style0{
	background-position:	2000% 2000%;}

#onglets2 .style0 span:first-child{
	transition-duration:	0.6s;
	background-position:	0% 0%;}

#onglets2 .style0:hover span:first-child{
	-webkit-transform:rotateX(-20deg);-moz-transform:rotateX(-20deg);-ms-transform:rotateX(-20deg);transform:rotateZ(-20deg);}

#onglets2 .style1 span:first-child, #onglets2 a span:last-child, #onglets2 span span:last-child{
	transition-duration:	0.6s;}

#onglets2 .style0 span:first-child, #onglets2 .style1:hover span:first-child{
	filter:alpha(opacity=100);opacity:1.0;}

#onglets2 .style2:hover{
	background-position:	50% 100%;}

#colleCursor{
	position:				absolute;
	z-index:				3;
	filter:alpha(opacity=50);opacity:0.5;}
/*--																									--*/
/*------------------------------------------------------------------------------------------------------*/
#nav2{
	text-align:				center;
	border-bottom:			solid thin silver;}

#nav2>div{
	display:				inline-block;}

#nav2 div:first-child{
	width:					944px;}

#nav2 div:last-child{
	width:					150px;
	border-left:			solid thin #ddd;
	background-color:		white;}

#nav2 img{
	margin:					0px 12px;}

#nav2 select{
	position:				relative;
	bottom:					6px;
	text-align:				center;
	width:					260px;
	margin-right:			30px;
	padding:				1px;
	font-size:				1em;
	border:					solid thin grey;
	border-radius:			4px;}

#nav2 input{
	position:				relative;
	bottom:					6px;
	width:					420px;
	margin-top:				6px;
	padding:				2px;
	font-size:				1em;
	border:					solid thin grey;
	border-radius:			4px;}

#nav2 input:last-child{
	bottom:					7px;
	max-width:				140px;
	margin-left:			30px;
	font-size:				0.9em;}

#nav2 .nav2Fixe{
	position:				fixed;
	top:					31px;
	z-index:				3;
	border:					solid thin silver;
	border-top-width:		0px;
	border-radius:			0px 0px 6px 6px;
	-webkit-box-shadow:		silver 0px 0px 6px;
	-moz-box-shadow:		silver 0px 0px 6px;
	-o-box-shadow:			silver 0px 0px 6px;
	box-shadow:				silver 0px 0px 6px;}

/*------------------------------------------------------------------------------------------------------*/

#nav3{
	text-align:				center;}

#nav3 a, .listePl{
	margin:					30px 2.7%;}

.butNav:hover{
	z-index:				2;}

.butNav{
	display:				inline-block;
	position:				relative;
	text-align:				center;
	width:					180px;
	height:					180px;
	background-position:	0px 33.333%;
	background-repeat:		no-repeat;
	background-size:		cover;}

.butNav>span, .listePl>img, .listePl div{
	display:				inherit;
	position:				absolute;
	top:					0px;
	left:					0px;
	width:					inherit;
	height:					inherit;
	background-image:		inherit;
	background-repeat:		inherit;
	background-size:		inherit;
	-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s;}

.butNav>span:first-child{
	background-position:	0px 0px;}

.butNav:hover>span:first-child{
	filter:alpha(opacity=0);opacity:0;}

.butNav>span:nth-child(2){
	background-position:	0px 66.666%;
	transform-origin:		center center;}

.butNav:hover>span:nth-child(2){
	transform:				scale(0.9);}

.butNav>span:last-child{
	background-position:	0px 100%;
	transform-origin:		120% 40%;}

.butNav:hover>span:last-child{
	transform:				rotateZ(10deg)translateX(10px);}

.butNav>span>span>span{
	color:					white;
	font-size:				1.4em;
	text-shadow:			-1px -1px 2px #000,1px 1px 2px #000;}

#nav3 .listePl a{
	width:					90px;
	height:					90px;
	margin:					0px 0px;}
	
#nav3 .listePl a:first-child{
	left:					-15px;}
	
#nav3 .listePl a:nth-child(2){
	right:					-15px;}

#nav3 .listePl a:last-child{
	bottom:					4px;}

#nav3 .listePl div{
	height:					172px;
	margin-top:				8px;
	filter:alpha(opacity=0);opacity:0;}

#nav3 .listePl>img{
	transition:				all .3s;}

#nav3 .listePl:hover div{
	filter:alpha(opacity=100);opacity:1;}

#nav3 .listePl:hover>img{
	filter:alpha(opacity=0);opacity:0;
	z-index:				-1;}

#nav3 .buIndex{
	display:				none;}

#divBan #nav3 .buIndex{
	display:				inline-block;}

#partiesOl{
	text-align:				center;
	height:					0px;
	overflow:				hidden;
	border-bottom:			solid thin silver;
	background:				url('images/rurin/casque.png') no-repeat 97% 50%,url('images/rurin/noteRurin.png') no-repeat 2% 50%, linear-gradient(#e5f5ff, #ffffff);
	background-size:		contain;
	transition-duration:	1s;}

#partiesOl a{
	display:				inline-block;
	font-size:				1rem;
	margin-bottom:			20px;}

#nav3 .buIndex, #nav3>.miniR{
	position:				absolute;
	margin-top:				10px;
	width:					90px;
	height:					90px;}

#nav3 .buIndex, #nav3>a:nth-child(2){
	margin-left:			-80px;}

#nav3>.miniR{
	margin-left:			-10px;
	float:					right;}

#nav3 .mp1>span:first-child{
	-webkit-animation:mpFull 1s infinite alternate linear;animation:mpFull 1s infinite alternate linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;}
@-webkit-keyframes mpFull{0%{filter:alpha(opacity=0);opacity:0;}50%{filter:alpha(opacity=100);opacity:1;}100%{filter:alpha(opacity=0);opacity:0;}}
@keyframes mpFull{from{filter:alpha(opacity=100);opacity:1;}to{filter:alpha(opacity=0);opacity:0;}}

#nav3 .mp1>span:last-child{
	-webkit-animation:mpFullPen .4s infinite alternate linear;animation:mpFullPen .4s infinite alternate linear;}
@-webkit-keyframes mpFullPen{from{transform:translateX(0px);}to{transform:translateX(-20px);}}
@keyframes mpFullPen{from{transform:translateX(0px);}to{transform:translateX(-20px);}}

.butMini90{
	width:					90px;
	height:					90px;}

.butMini90>span>span{
	display:				inline-block;
	position:				relative;
	bottom:					0px;
	right:					35px;
	width:					140px;
	font-weight:			bold;
	font-family:			arial;
	font-size:				1.1em;
	text-shadow:			0 0 1px #fff,0 0 1px #fff;
	transition-duration:	0.3s;}

.butMini90:hover>span>span{
	bottom:					-80px;
	font-size:				1.3em;}

#listeOlAttente .butMini90{
	margin:					8px;}

.butMini, .butMiniTrib{
	width:					60px;
	height:					60px;}

.butMiniTrib{
	margin-top:				-16px;
	margin-right:			-8px;
	float:					right;}

#nav3 #addBut{
	height:					30px;}

#nav3 #addBut .miniR{
	position:				relative;
	bottom:					60px;
	width:					90px;
	height:					90px;
	margin:					0px 6.6%;}

#divBan #nav3 #addBut{
	display:				none;}

#body #nav3 .phone{
	display:				inline-block;
	width:					120px;
	height:					120px;
	margin:					20px;
	color:					white;
	font-size:				3em;
	font-weight:			bold;
	line-height:			40px;
	text-shadow:			-2px 1px 2px #000;
	font-family:			AmaticBold, Calibri, "Trebuchet MS";
	border-radius:			30px;
	background-image:		url(images/nav3/butNone.png);}

/*------------------------------------------------------------------------------------------------------*/

#uploadSel{
	text-align:				center;
	margin-top:				60px;}

#uploadSel a{
	display:				inline-block;
	width:					400px;
	height:					300px;
	margin:					30px 5%;}

#listeUploader p{
	display:				inline-block;
	width:					32%;
	margin:					30px 0.5%;}

#listeUploader .butNav{
	margin:					10px;}

@media all and (max-width: 1740px){
#uploadSel a{
	width:					300px;
	height:					225px;
	margin:					30px 2.5%;}
}

/*------------------------------------------------------------------------------------------------------*/

#onglets{
	text-align:				center;
	transform-style:		preserve-3d;}

#onglets>span{
	-webkit-perspective:500px;-moz-perspective:500px;-ms-perspective:500px;perspective:500px;}

#onglets>span a, #onglets>span span{
	display:				inline-block;
	margin:					1px 3px;
	padding:				5px 24px;
	color:					black;
	border:					solid medium rgb(255,255,255);
	border-radius:			4px;
	background:				rgba(255,255,255,0.8);
	background:				linear-gradient(#ffffff, #e4e4e4);
	-webkit-box-shadow:		#bbb 1px 1px 5px;
	-moz-box-shadow:		#bbb 1px 1px 5px;
	-o-box-shadow:			#bbb 1px 1px 5px;
	box-shadow:				#bbb 1px 1px 5px;
	transform-origin:		center bottom;
	-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;
	-webkit-transform:rotateX(30deg);-moz-transform:rotateX(30deg);-ms-transform:rotateX(30deg);transform:rotateX(30deg);}
	
#onglets>span a:visited{
	color:					black;}

#onglets>span a:hover, #onglets>span span:hover, #onglets>span .focusNav2{
	color:					black;
	text-decoration:		none;
	border-color:			rgb(0,110,200);
	background:				rgba(190,220,255,0.8);
	background:				linear-gradient(#ffffff, #bedcff);
	-webkit-transform:rotateX(-2deg);-moz-transform:rotateX(-2deg);-ms-transform:rotateX(-2deg);transform:rotateX(-2deg);}

/*------------------------------------------------------------------------------------------------------*/

#navAcc{
	text-align:				center;}

#navAcc>span{
	display:				inline-block;
	width:					260px;
	height:					260px;
	margin:					30px;
	padding:				10px;
	border:					solid 2px #ffffff;
	border-radius:			50%;
	box-shadow:				#ffffff 0px 0px 20px;
	background-color:		rgba(255,255,255,0.6);
	transition-duration:	0.4s;}

#navAcc>span:hover{
	margin:					26px;
	padding:				14px;
	border:					solid 2px #ffffff;
	box-shadow:				#22ccff 0px 0px 40px;
	background-color:		rgba(45,200,255,0.6);}

#navAcc .bg1{
	background-color:		rgba(160,205,255,0.6);}

#navAcc .bg2{
	background-color:		rgba(160,255,205,0.6);}

#navAcc>span>span, #navAcc>span>a{
	display:				inherit;
	position:				relative;
	width:					256px;
	height:					256px;
	overflow:				hidden;
	border:					inherit;
	border-radius:			inherit;
	background:				no-repeat center 50px;}

#navAcc video{
	display:				block;
	width:					270px;}

#navAcc strong{
	display:				inherit;
	position:				absolute;
	left:					0px;
	bottom:					0px;
	width:					inherit;
	min-height:				50px;
	max-height:				50px;
	padding:				15px 0px 0px 0px;
	overflow:				hidden;
	text-shadow:			2px 2px 1px #ccf;
	border-top:				solid 2px #22ccff;
	border-radius:			inherit;
	background:				#ffffff;
	background:				linear-gradient(#bedcff, #ffffff);
	transition-duration:	0.4s;}

#navAcc>span:hover strong{
	max-height:				240px;}

#navAcc>span:hover>a>strong{
	min-height:				56px;}

#navAcc>span strong a:not(:first-child){
	display:				inherit;
	width:					100%;
	margin-top:				0px;
	color:					rgba(0,0,0,0);
	font-weight:			normal;
	line-height:			0px;
	text-shadow:			2px 2px 1px #fff;
	border:					solid thin rgba(0,0,0,0);
	transition-duration:	0.4s;
	transition-property:	margin-top, margin-bottom, line-height, color;}

#navAcc>span strong a:nth-child(2){
	margin-top:				30px;}

#navAcc>span:hover strong a:nth-child(2){
	margin-top:				10px;}

#navAcc>span strong a:last-child{
	margin-bottom:			0px;}

#navAcc>span:hover strong a:last-child{
	margin-bottom:			20px;}

#navAcc>span:hover strong a:not(:first-child){
	color:					black;
	line-height:			35px;}

#navAcc strong a:not(:first-child):hover{
	text-decoration:		none;
	border-color:			rgba(200,220,255,1);
	background-color:		#e7f0ff;}

#navAcc a,#navAcc a:hover, #navAcc a:visited{
	text-decoration:		none;
	color:					black;
	background-repeat:		no-repeat;}

#navAcc>span>a:hover{
	background-position:	center -133px;}

/*------------------------------------------------------------------------------------------------------*/

.listing{
	margin-bottom:			6px;
	padding:				20px 30px;
	border-bottom:			solid thin #cde;
	border-radius:			4px;
	background-color:		rgba(255,255,255,0.95);}

.listing:not(#com0)>span:first-child{
	display:				inline-block;
	position:				relative;
	bottom:					5px;
	right:					2px;
	text-align:				center;
	width:					120px;
	height:					120px;}

.listing:not(#com0)>span:first-child img, #scores img{
	max-width:				108px;
	max-height:				108px;
	padding:				5px;
	border:					solid 1px silver;
	border-radius:			50%;
	transition-duration:	1s;}

.listing:not(#com0)>span:first-child img:hover, #scores img:hover{
	border-radius:			0%;}

.listing:not(#com0)>div:nth-child(2){
	width:					900px;
	height:					115px;
	float:					right;
	padding-left:			10px;
	padding-top:			5px;}

.listing img{
	max-width:				100%;}

.listing table{
	width:					100%;}

.disclaim{
	margin:					30px 60px;
	padding:				10px 0px 10px 140px;
	color:					white;
	cursor:					pointer;
	line-height:			25px;
	border:					dashed 2px white;
	border-radius:			4px;
	background:				url('images/alert.png') no-repeat 40px #f50;}

.space{
	display:				inline-block;}

.butAdm{
	float:					right;
	margin:					0px 5px;
	padding:				0px 10px;
	font-size:				0.7em;
	border:					solid thin #999;
	border-radius:			4px;
	background-color:		white;}

/*------------------------------------------------------------------------------------------------------*/

#indexBody{
	border-color:			inherit;}

#indexBody>div:not(#listeOlAttente){
	display:				inline-block;
	text-align:				center;
	border-color:			inherit;}

.listing2{
	display:				inline-block;
	text-align:				left;
	width:					48%;
	margin:					3px 0.3%;
	padding:				4px 0.4%;
	font-size:				0.8em;
	border:					solid thin #cde;
	border-color:			inherit;
	border-radius:			4px;
	background-color:		rgba(255,255,255,0.95);}

#indexBody h1{
	margin:					0px;
	padding:				1px;
	overflow:				hidden;
	white-space:			nowrap;
	-o-text-overflow:ellipsis;text-overflow:ellipsis;
	font-size:				1em;
	font-weight:			bold;
	border-radius:			2px;
	background-color:		black;}

#indexBody .listing2:nth-child(odd):not(.firstNews) h1{
	text-align:				right;}

#body #indexBody h1 a{
	display:				inline-block;
	width:					100%;
	color:					white;}

.listing2 h3{
	margin:					2px;
	font-size:				0.8em;
	color:					grey;}

.listing2 table{
	width:					100%;}

.listing2>div{
	height:					90px;
	text-align:				justify;
	overflow:				hidden;
	border-bottom:			solid thin #def;}

.listing2>div>span{
	float:					right;
	color:					grey;
	font-size:				0.8em;
	font-weight:			bold;}

.listing2>div>.img1{
	max-width:				40%;
	margin:					4px 4px 0px 0px;
	padding:				2px;
	float:					left;
	border:					solid thin #def;
	transform-origin:		left center;}

.listing2>div>.img1:hover{
	transform:				scale(1.1);}

.listing2:not(.firstNews)>div>div .img1{
	margin-bottom:			-2px;
	max-height:				18px;
	padding:				1px;}

.listing2:not(.firstNews) .icon{
	max-height:				14px;}

.listing2 button, #body .listing2 .button{
	display:				inline-block;
	text-align:				center;
	width:					80px;
	margin:					4px;
	font-size:				0.8em;
	color:					grey;
	border:					solid thin silver;
	border-radius:			4px;
	background-color:		white;
	transition:				all .2s;}

.listing2 .adm{
	float:					right;}

.listing2 button:hover, #body .listing2 .button:hover{
	text-decoration:		none;
	color:					black;
	border-color:			grey;
	box-shadow:				#ccc 0px 0px 4px inset;}

.listing2 .disclaim{
	text-align:				left;
	margin:					0px;
	padding:				3px;
	line-height:			normal;
	background-position:	12px;}

.listing2 .spoile{
	text-align:				left;
	font-size:				0.8em;
	margin-bottom:			10px;}

.listing2 .votants>span{
	display:				block;
	padding:				3px;
	border-bottom:			solid thin #def;}

.listing2 .votants span span, .listing2 .votants>b{
	margin:					2px;
	padding:				1px 4px;
	border:					solid thin #def;
	border-radius:			4px;}

.listing2 .votants>b{
	display:				inline-block;
	margin:					2px;
	padding:				3px 6px;
	border:					solid 4px silver;
	border-radius:			6px;}

.firstNews{
	display:				block;	
	text-align:				left;
	width:					auto;
	padding:				18px 28px;
	font-size:				1em;}

.firstNews h1{
	text-align:				center;}

.firstNews>div{
	height:					auto;
	overflow:				visible;}

/*------------------------------------------------------------------------------------------------------*/

.formulaire{
	padding:				0px 10px;
	font-size:				1.2em;}
	
.formulaire h1, .merci{
	margin:					0px 20px 15px 20px;
	padding-bottom:			8px;
	color:					white;
	font-size:				1.8em;
	word-spacing:			0.1em;
	text-shadow:			-2px 1px 2px #000;
	font-family:			AmaticBold, Calibri, "Trebuchet MS";
	border-radius:			10px;
	background-color:		#46acdb;
	background:				linear-gradient(#51c0f2, #508cc0);}

.formulaire label{
	display:				block;
	margin:					4px;
	font-family:			"Trebuchet MS", Verdana;
	color:					grey;
	border:					solid thin silver;
	border-radius:			4px;
	background-color:		white;
	transition:				all .1s;}

.formulaire label:hover:not(.cocher){
	color:					black;
	background-color:		#dfe;}

.formulaire .cocher{
	color:					black;
	background-color:		#bfd;}
	
.formulaire input{
	margin:					10px 20px;}

.canvasGraphe{
	min-height:				300px;
	padding:				20px;
	padding-bottom:			40px;
	font-size:				1.1em;
	font-family:			arial;}

.canvasGraphe h4{
	position:				relative;
	left:					-50px;
	margin:					5px 0px 15px 0px;}

.canvasGraphe sup{
	font-size:				0.6em;}

#body .canvasGraphe>span{
	display:				block;
	font-size:				1em;
	font-weight:			normal;
	float:					none;
	color:					black;}

.canvasGraphe>span>span:first-child{
	display:				inline-block;
	margin-right:			10px;
	width:					10px;
	height:					10px;
	border:					solid 2px black;}

.canvasGraphe canvas{
	float:					left;
	margin:					0px 60px 10px 30px;
	filter:alpha(opacity=75);opacity:0.75;
	border:					solid thin black;
	border-radius:			50%;
	box-shadow:				#333 2px 4px 12px;
	transition:				all .2s;}

.canvasGraphe canvas:hover{
	filter:alpha(opacity=100);opacity:1;}

/*------------------------------------------------------------------------------------------------------*/

#connecte{
	margin:					10px 0px;
	padding:				5px;
	font-family:			Georgia, serif;
	font-size:				0.8em;
	border:					solid thin #cde;
	border-color:			inherit;
	border-radius:			4px;
	box-shadow:				#58f 0px 0px 2px inset;
	background-color:		rgba(255,255,255,0.95);}

#indexBody .connRight{
	margin:					3px 0.3% 0px 0px;
	float:					right;
	width:					14%;
	height:					437px;
	margin:					3px 0.3% 0px 0px;
	padding:				4px 0.2%;
	box-shadow:				none;}

#connecte b{
	margin:					4px 2%;
	font-family:			EagleLake;
	font-size:				0.8em;
	line-height:			20px;}

#connecte span{
	display:				inline-block;
	text-align:				center;
	width:					189px;
	max-width:				80%;
	margin:					4px;
	padding:				4px 0px 4px 20px;
	font-size:				0.9rem;
	border-radius:			6px;
	background-color:		white;
	background-repeat:		no-repeat;
	background-position:	4px top;
	background-size:		contain;
	box-shadow:				#58f 0px 0px 2px inset;}

#indexBody .connRight span{
	font-size:				0.8em;}

/*------------------------------------------------------------------------------------------------------*/

#banniere0{
	display:				block;
	min-width:				1100px;
	margin:					auto;
	border-bottom:			solid thin black;
	background-repeat:		repeat-x;
	background-color:		#bad9ff;
	background-position:	top center;}

#banniere0>input:last-child{
	position:				relative;
	right:					20px;
	top:					0px;
	float:					right;
	box-shadow:				none;
	transition-duration:	0.8s;
	transition-property:	transform,top;}

#banniere0>input:last-child:hover{
	top:					-10px;}

.masqueNav{
	margin-top:				-210px;}

.masqueNav #banniere0>input:last-child{
	transform:				rotateZ(-180deg);
	top:					22px;}

.masqueNav #banniere0>input:last-child:hover{
	top:					32px;}

#banniere{
	display:				block;
	margin:					auto;
	margin-bottom:			10px;
	overflow:				hidden;
	line-height:			0px;
	background-size:		cover;
	-webkit-perspective:1000px;-moz-perspective:1000px;-o-perspective:1000px;perspective:1000px;}

#banniere span{
	display:				inline-block;
	height:					inherit;
	transform-origin:		center top;}

.transBan0{transition:all 1s;transform:scaleY(0);filter:alpha(opacity=0);opacity:0;}
.transBan1{transition:all 1s;transform:scaleY(0) skew(40deg);filter:alpha(opacity=0);opacity:0;}
.transBan2{transition:all 2s;transform:rotateY(80deg);filter:alpha(opacity=0);opacity:0;}
.transBan3{transition:all 1s;backface-visibility:hidden;transform:rotateY(110deg);filter:alpha(opacity=0);opacity:0;}
.transBan4{-webkit-animation:ban4 4s 1 forwards;animation:ban4 4s 1 forwards;}
@-webkit-keyframes ban4{40%{transform:scale(-2)rotateY(80deg);}75%{filter:alpha(opacity=100);opacity:1;}100%{transform:scale(-2)rotateY(80deg);filter:alpha(opacity=0);opacity:0;}}
@keyframes ban4{40%{transform:scale(-2)rotateY(80deg);}75%{filter:alpha(opacity=100);opacity:1;}100%{transform:scale(-2)rotateY(80deg);filter:alpha(opacity=0);opacity:0;}}
.transBan5{transition:all 1.3s ease-in;}
.transBan5:nth-child(even){transform:translateX(-110%) skewX(20deg);}
.transBan5:nth-child(odd){transform:translateX(110%) skewX(-20deg);}
.transBan6{-webkit-animation:ban6 3s 1 forwards ease-in;animation:ban6 3s 1 forwards ease-in;}
@-webkit-keyframes ban6{
0%{transform:rotateX(0deg);transform-origin:center bottom;}40%{transform:rotateX(80deg);}44%{transform:rotateX(74deg);}50%{transform:rotateX(80deg);}53%{transform:rotateX(79deg);}
57%{transform:rotateX(80deg);}70%{filter:alpha(opacity=100);opacity:1;}100%{transform:rotateX(80deg);transform-origin:center bottom;filter:alpha(opacity=0);opacity:0;}}
@keyframes ban6{
0%{transform:rotateX(0deg);transform-origin:center bottom;}40%{transform:rotateX(80deg);}44%{transform:rotateX(74deg);}50%{transform:rotateX(80deg);}53%{transform:rotateX(79deg);}
57%{transform:rotateX(80deg);}70%{filter:alpha(opacity=100);opacity:1;}100%{transform:rotateX(80deg);transform-origin:center bottom;filter:alpha(opacity=0);opacity:0;}}
.transBan7{filter:alpha(opacity=0);opacity:0;}
.transBan7:nth-child(even){transition:	all 0.5s ease-in;}
.transBan7:nth-child(4n+2){transition:	all 0.8s ease-in;}
.transBan7:nth-child(3n){transition:	all 1.1s ease-in;}
.transBan7:nth-child(3n+1){transition:	all 1.4s ease-in;}
.transBan7:nth-child(odd){transition:	all 1.7s ease-in;}
.transBan8{transition:all 1s ease-in;}
.transBan8:nth-child(4n-2){transition-delay:1.5s;transform:translatex(-100%);}
.transBan8:nth-child(4n){transition-delay:1.5s;transform:translatex(100%);}
.transBan8:nth-child(odd){transform:translateY(100%);filter:alpha(opacity=0);opacity:0;}
.transBan9:nth-child(1){-webkit-animation:ban9a 1.2s 1 forwards ease-in;animation:ban9a 1.2s 1 forwards ease-in;}
.transBan9:nth-child(2){-webkit-animation:ban9b 1.2s 1 forwards ease-in;animation:ban9b 1.2s 1 forwards ease-in;}
.transBan9:nth-child(3){-webkit-animation:ban9c 1.2s 1 forwards ease-in;animation:ban9c 1.2s 1 forwards ease-in;}
.transBan9:nth-child(4){-webkit-animation:ban9d 1.2s 1 forwards ease-in;animation:ban9d 1.2s 1 forwards ease-in;}
@-webkit-keyframes ban9a{0%{transform-origin:left top;}100%{transform-origin:left top;transform:scale(0);border-bottom-right-radius:100%;filter:alpha(opacity=50);opacity:0.5;}}
@-webkit-keyframes ban9b{0%{transform-origin:right top;}100%{transform-origin:right top;transform:scale(0);border-bottom-left-radius:100%;filter:alpha(opacity=50);opacity:0.5;}}
@-webkit-keyframes ban9c{0%{transform-origin:left bottom;}100%{transform-origin:left bottom;transform:scale(0);border-top-right-radius:100%;filter:alpha(opacity=50);opacity:0.5;}}
@-webkit-keyframes ban9d{0%{transform-origin:right bottom;}100%{transform-origin:right bottom;transform:scale(0);border-top-left-radius:100%;filter:alpha(opacity=50);opacity:0.5;}}
@keyframes ban9a{0%{transform-origin:left top;}100%{transform-origin:left top;transform:scale(0);border-bottom-right-radius:100%;filter:alpha(opacity=50);opacity:0.5;}}
@keyframes ban9b{0%{transform-origin:right top;}100%{transform-origin:right top;transform:scale(0);border-bottom-left-radius:100%;filter:alpha(opacity=50);opacity:0.5;}}
@keyframes ban9c{0%{transform-origin:left bottom;}100%{transform-origin:left bottom;transform:scale(0);border-top-right-radius:100%;filter:alpha(opacity=50);opacity:0.5;}}
@keyframes ban9d{0%{transform-origin:right bottom;}100%{transform-origin:right bottom;transform:scale(0);border-top-left-radius:100%;filter:alpha(opacity=50);opacity:0.5;}}
.transBan10{transition:all 2s ease-in-out;transform:scale(2);filter:alpha(opacity=0);opacity:0;}

/*------------------------------------------------------------------------------------------------------*/

#hddColL{
	position:				absolute;
	top:					0px;
	width:					2%;
	height:					inherit;
	overflow:				auto;
	z-index:				2;
	font-size:				small;
	font-weight:			bold;
	border-right:			solid thin grey;
	background-color:		rgba(255,255,255,0.8);
	transition-delay:		0.15s;
	transition-duration:	0.5s;
	transition-property:	all;}

#hddColL:hover{
	width:					40%;
	border-width:			2px;
	background-color:		rgba(255,255,255,0.97);}

#hddColL>div{
	margin:					auto;
	width:					2000%;
	padding:				2% 5%;
	transition-delay:		0.15s;
	transition-property:	width;}

#hddColL:hover>div{
	width:					90%;}

#hddColR{
	position:				absolute;
	width:					98%;
	height:					inherit;
	padding-left:			2%;
	overflow:				auto;
	background-color:		rgba(255,255,255,0.8);}

#hddColR #nav1{
	position:				fixed;
	top:					0px;
	width:					inherit;}

#hddColR p:nth-child(3){
	position:				fixed;
	right:					6px;
	top:					0px;}

#hddColR p:nth-child(3) img{
	margin:					2px 5px 0px 5px;
	cursor:					pointer;}

#hddColR p:nth-child(4){
	position:				fixed;
	top:					3px;
	left:					50%;
	text-align:				center;
	width:					200px;
	margin-left:			-110px;
	padding:				2px 10px;
	font-size:				1.1em;
	color:					#333;
	border-radius:			12px;}

#content{
	text-align:				center;
	vertical-align:			top;}

#home #content>div{
	margin-right:			20px;
	padding:				35px 22px;
	overflow:				auto;}

.index1 #content>div{
	padding:				30px;}

#content a:visited{
	color:					grey;}

#content img{
	border:					solid thin rgba(0,0,0,0);}

#content img, #hddColR p:nth-child(3) img, .img1, .img2, #nav2 img, #icon img, #viewBox2 tr:last-child img{
	-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}

#content .trueImg{
	border:					solid thin #def;
	border-radius:			4px;}

.aff1 img:hover, .aff2 span:last-child img:hover, #hddColR p:nth-child(3) img:hover, .img1:hover, .img2:hover, #nav2 img:hover, #icon img:hover, #viewBox2 tr:last-child img:hover{
	z-index:				2;
	-webkit-transform:scale(1.33);-moz-transform:scale(1.33);-ms-transform:scale(1.33);transform:scale(1.33);}

a .img1:hover{
	z-index:				2;
	box-shadow:				#79a 1px 2px 10px;
	background-color:		#cef;
	-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}

.aff1 .trueImg{
	margin:					0px;}

.ccImg{
	-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}

.aff2 img:hover, .ccImg:hover{
	z-index:				2;
	-webkit-transform:scale(3.03);-moz-transform:scale(3.03);-ms-transform:scale(3.03);transform:scale(3.03);}

.aff1 div div div{
	display:				inline-block;
	width:					152px;
	margin:					5px 7px;
	font-size:				x-small;
	font-family:			Tahoma, Verdana;
	border-radius:			4px;
	border-bottom:			solid thin #acf;
	background-color:		#eaf3ff;}

.aff1 img{
	margin:					0px 13px;}

.aff1 a:not(:first-child), .aff1 span:last-child, .aff1 input{
	display:				none;}

.aff1 b{
	display:				block;}

.aff2>div>div{
	display:				table;
	text-align:				left;
	width:					100%;
	margin:					20px;
	border-collapse:		collapse;
	table-layout:			fixed;
	font-size:				small;}

.aff2 div div div{
	display:				table-row;
	margin:					3px 5px;
	font-family:			Tahoma, Verdana;
	border:					solid thin white;
	border-bottom-color:	white;
	background-color:		rgba(255,255,255,0.8);}

.aff2 div div div:hover{
	border-bottom-color:	#abd;
	background-color:		#f2f8fd;}

.aff2 span, .aff2 a, .aff2 b, .aff2 input{
	display:				table-cell;
	padding:				4px 0px;
	vertical-align:			middle;}

.aff2 a:first-child{
	text-align:				center;
	width:					60px;
	padding-right:			20px;}

.aff2 a:nth-child(2){
	overflow:				hidden;
	-webkit-hyphens:		auto;
	-moz-hyphens:			auto;
	-ms-hyphens:			auto;
	-o-hyphens:				auto;
	hyphens:				auto;
	-o-text-overflow:		ellipsis;
	text-overflow:			ellipsis;}

.aff2 a img{
	max-width:				50px;
	max-height:				33px;
	margin:					0px 4px;}

.aff2 a img:not(.trueImg){
	max-width:				33px;}

.aff2 span, .aff2 b{
	width:					100px;}

#home .aff2 span:last-child{
	width:					45px;
	padding-right:			10px;}

.index1 .aff2 span:last-child{
	width:					0px;}

.aff2 b{
	visibility:				hidden;}

.aff2 input{
	width:					97%;
	height:					36px;
	padding-left:			10px;}

/*------------------------------------------------------------------------------------------------------*/

#horlogeMiku{
	position:				fixed;
	left:					4%;
	top:					35%;
	text-align:				center;
	width:					200px;
	padding:				5px 0px;
	font-size:				0.9em;
	font-family:			Georgia, serif;
	border:					solid thin #7af;
	border-radius:			8px;
	background-color:		rgba(255,255,255,0.9);
	box-shadow:				#7af 2px 3px 6px;
	transition-duration:	1.2s;}

#horlogeMiku button{
	padding:				0px;}

/*------------------------------------------------------------------------------------------------------*/

#viewBox{
	display:				none;
	position:				fixed;
	top:					0px;
	left:					0px;
	text-align:				center;
	z-index:				4;
	width:					100%;
	height:					100%;
	overflow:				hidden;
	cursor:					pointer;
	background-color:		rgba(0,0,0,0.90);
	-webkit-perspective:1000px;-moz-perspective:1000px;-o-perspective:1000px;perspective:1000px;}

#viewBox img{
	position:				fixed;
    transform-style:		preserve-3d;}

.transImgP{-webkit-animation:imgP 1.2s 1 forwards;-moz-animation:imgP 1.2s 1 forwards;-ms-animation:imgP 1.2s 1 forwards;animation:imgP 1.2s 1 forwards;}
@-webkit-keyframes imgP{0%{background-color:rgba(0,0,0,0.00);}100%{background-color:rgba(0,0,0,0.90);}}
@-moz-keyframes imgP{0%{background-color:rgba(0,0,0,0.00);}100%{background-color:rgba(0,0,0,0.90);}}
@-ms-keyframes imgP{0%{background-color:rgba(0,0,0,0.00);}100%{background-color:rgba(0,0,0,0.90);}}
@keyframes imgP{0%{background-color:rgba(0,0,0,0.00);}100%{background-color:rgba(0,0,0,0.90);}}
.transImg1{-webkit-animation:img1 1.2s 1 forwards;-moz-animation:img1 1.2s 1 forwards;-ms-animation:img1 1.2s 1 forwards;animation:img1 1.2s 1 forwards;transform-origin:50%;}
@-webkit-keyframes img1{0%{transform:rotateX(0deg) rotateY(0deg);}30%{transform: rotateY(20deg) rotateX(10deg) scale(0.9);}
	100%{top:0px;left:0px;max-width:100%;max-height:100%;transform:rotateX(0deg) rotateY(0deg);}}
@-moz-keyframes img1{0%{transform:rotateX(0deg) rotateY(0deg);}30%{transform: rotateY(20deg) rotateX(10deg) scale(0.9);}
	100%{top:0px;left:0px;max-width:100%;max-height:100%;transform:rotateX(0deg) rotateY(0deg);}}
@-ms-keyframes img1{0%{transform:rotateX(0deg) rotateY(0deg);}30%{transform: rotateY(20deg) rotateX(10deg) scale(0.9);}
	100%{top:0px;left:0px;max-width:100%;max-height:100%;transform:rotateX(0deg) rotateY(0deg);}}
@keyframes img1{0%{transform:rotateX(0deg) rotateY(0deg);}30%{transform: rotateY(20deg) rotateX(10deg) scale(0.9);}
	100%{top:0px;left:0px;max-width:100%;max-height:100%;transform:rotateX(0deg) rotateY(0deg);}}
.transImgPb{-webkit-animation:imgP2 1s 1 forwards;-moz-animation:imgP2 1s 1 forwards;-ms-animation:imgP2 1s 1 forwards;animation:imgP2 1s 1 forwards;}
@-webkit-keyframes imgP2{100%{filter:alpha(opacity=0);opacity:0;}}@-moz-keyframes imgP2{100%{filter:alpha(opacity=0);opacity:0;}}
@-ms-keyframes imgP2{100%{filter:alpha(opacity=0);opacity:0;}}@keyframes imgP2{100%{filter:alpha(opacity=0);opacity:0;}}
.transImg1b{-webkit-animation:img1b 1s 1 forwards;-moz-animation:img1b 1s 1 forwards;-ms-animation:img1b 1s 1 forwards;animation:img1b 1s 1 forwards;transform-origin:0%;}
@-webkit-keyframes img1b{0%{top:0px;left:0px;max-width:100%;max-height:100%;transform:rotateX(0deg) rotateY(0deg);}
	100%{top:0px;left:0px;max-width:100%;max-height:100%;transform:rotateX(0deg) rotateY(130deg);}}
@-moz-keyframes img1b{0%{top:0px;left:0px;max-width:100%;max-height:100%;transform:rotateX(0deg) rotateY(0deg);}
	100%{top:0px;left:0px;max-width:100%;max-height:100%;transform:rotateX(0deg) rotateY(130deg);}}
@-ms-keyframes img1b{0%{top:0px;left:0px;max-width:100%;max-height:100%;transform:rotateX(0deg) rotateY(0deg);}
	100%{top:0px;left:0px;max-width:100%;max-height:100%;transform:rotateX(0deg) rotateY(130deg);}}
@keyframes img1b{0%{top:0px;left:0px;max-width:100%;max-height:100%;transform:rotateX(0deg) rotateY(0deg);}
	100%{top:0px;left:0px;max-width:100%;max-height:100%;transform:rotateX(0deg) rotateY(130deg);}}

#viewBox2{
	display:				none;
	text-align:				center;
	position:				fixed;
	top:					0px;
	left:					0px;
	width:					100%;
	height:					100%;
	z-index:				4;
	color:					white;
	background-color:		rgba(0,0,0,0.9);
	transform-origin:		left bottom;
	-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;}

.vB2Opa{-webkit-animation:vB2Opa 1s 1 ease-out;-moz-animation:vB2Opa 1s 1 ease-out;-ms-animation:vB2Opa 1s 1 ease-out;animation:vB2Opa 1s 1 ease-out;}
@-webkit-keyframes vB2Opa{0%{transform:rotateX(130deg);filter:alpha(opacity=0);opacity:0.0;}100%{transform:rotateX(1deg);filter:alpha(opacity=100);opacity:1.0;}}
@-moz-keyframes vB2Opa{0%{transform:rotateX(130deg);filter:alpha(opacity=0);opacity:0.0;}100%{transform:rotateX(1deg);filter:alpha(opacity=100);opacity:1.0;}}
@-ms-keyframes vB2Opa{0%{transform:rotateX(130deg);filter:alpha(opacity=0);opacity:0.0;}100%{transform:rotateX(1deg);filter:alpha(opacity=100);opacity:1.0;}}
@keyframes vB2Opa{0%{transform:rotateX(130deg);filter:alpha(opacity=0);opacity:0.0;}100%{transform:rotateX(1deg);filter:alpha(opacity=100);opacity:1.0;}}

.vB2OpaR{-webkit-animation:vB2OpaR 1s 1 ease-in;-moz-animation:vB2OpaR 1s 1 ease-in;-ms-animation:vB2OpaR 1s 1 ease-in;animation:vB2OpaR 1s 1 ease-in;}
@-webkit-keyframes vB2OpaR{0%{transform:rotateX(1deg);filter:alpha(opacity=100);opacity:1.0;}100%{transform:rotateX(130deg);filter:alpha(opacity=0);opacity:0.0;}}
@-moz-keyframes vB2OpaR{0%{transform:rotateX(1deg);filter:alpha(opacity=100);opacity:1.0;}100%{transform:rotateX(130deg);filter:alpha(opacity=0);opacity:0.0;}}
@-ms-keyframes vB2OpaR{0%{transform:rotateX(1deg);filter:alpha(opacity=100);opacity:1.0;}100%{transform:rotateX(130deg);filter:alpha(opacity=0);opacity:0.0;}}
@keyframes vB2OpaR{0%{transform:rotateX(1deg);filter:alpha(opacity=100);opacity:1.0;}100%{transform:rotateX(130deg);filter:alpha(opacity=0);opacity:0.0;}}

#viewBox2 tr:first-child td:first-child{
	width:					50px;}

#viewBox2 tr:first-child td:first-child img{
	padding:				80px 0px;}

#viewBox2 #fImgG{
	background:				url("images/load.png") no-repeat center;}

#viewBox2 #fImgG div{
	overflow:				auto;
	color:					black;
	-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;perspective:1000px;}

#viewBox2 #fImgG img{
	border-radius:			4px;
	background-size:		100% 100%;}

#viewBox2 .roteImg0{
	-ms-animation:rotaImg0 1.0s 1 linear; -moz-animation:rotaImg0 1.0s 1 linear; -webkit-animation:rotaImg0 1.0s 1 linear; animation:rotaImg0 1.0s 1 linear;}
#viewBox2 .roteImg1{
	-ms-animation:rotaImg1 1.0s 1 forwards linear; -moz-animation:rotaImg1 1.0s 1 forwards linear;
	-webkit-animation:rotaImg1 1.0s 1 forwards linear; animation:rotaImg1 1.0s 1 forwards linear;}
@-webkit-keyframes rotaImg0{0%{transform:rotateY(180deg)scale(1);}50%{transform:rotateY(90deg)scale(0.7);}100%{transform:rotateY(0deg)scale(1);}}
@-moz-keyframes rotaImg0{0%{transform:rotateY(180deg)scale(1);}50%{transform:rotateY(90deg)scale(0.7);}100%{transform:rotateY(0deg)scale(1);}}
@-ms-keyframes rotaImg0{0%{transform:rotateY(180deg)scale(1);}50%{transform:rotateY(90deg)scale(0.7);}100%{transform:rotateY(0deg)scale(1);}}
@keyframes rotaImg0{0%{transform:rotateY(180deg)scale(1);}50%{transform:rotateY(90deg)scale(0.7);}100%{transform:rotateY(0deg)scale(1);}}
@-webkit-keyframes rotaImg1{0%{transform:rotateY(0deg)scale(1);}50%{transform:rotateY(90deg)scale(0.7);}100%{transform:rotateY(180deg)scale(1);}}
@-moz-keyframes rotaImg1{0%{transform:rotateY(0deg)scale(1);}50%{transform:rotateY(90deg)scale(0.7);}100%{transform:rotateY(180deg)scale(1);}}
@-ms-keyframes rotaImg1{0%{transform:rotateY(0deg)scale(1);}50%{transform:rotateY(90deg)scale(0.7);}100%{transform:rotateY(180deg)scale(1);}}
@keyframes rotaImg1{0%{transform:rotateY(0deg)scale(1);}50%{transform:rotateY(90deg)scale(0.7);}100%{transform:rotateY(180deg)scale(1);}}

#viewBox2 tr:first-child td:last-child{
	vertical-align:			top;
	width:					50px;
	max-width:				50px;}

#viewBox2 tr:first-child td:last-child img{
	margin-top:				5px;}

#viewBox2 tr:nth-child(2) td{
	vertical-align:			bottom;}

#viewBox2 #thumbs td{
	height:					150px;
	border-top:				solid thin silver;
	background-color:		rgba(0,0,0,0.4);}

#viewBox2 #thumbs  td div{
	overflow:				auto;
	max-height:				222px;}

#viewBox2 #thumbs  img{
	margin:					2px 5px;
	border:					solid thin #666;
	border-radius:			4px;}

.butImg{
	-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}

.butImg:hover{
	-webkit-animation:imgG 0.5s 1;-moz-animation:imgG 0.5s 1;-ms-animation:imgG 0.5s 1;animation:imgG 0.5s 1;
	filter:					alpha(opacity=80);
	opacity:				0.8;}
@-webkit-keyframes imgG{0% {transform:scale(1);}55% {transform:scale(0.9);}100% {transform:scale(1);}}
@-moz-keyframes imgG{0% {transform:scale(1);}55% {transform:scale(0.9);}100% {transform:scale(1);}}
@-ms-keyframes imgG{0% {transform:scale(1);}55% {transform:scale(0.9);}100% {transform:scale(1);}}
@keyframes imgG{0% {transform:scale(1);}55% {transform:scale(0.9);}100% {transform:scale(1);}}

#diapo{
	position:				fixed;
	top:					0px;
	left:					0px;
	text-align:				center;
	width:					100%;
	height:					100%;
	border-collapse:		collapse;
	z-index:				8;
	cursor:					pointer;
	background-color:		black;}

#diapo tr{
	height:					100%;}

#diapo td{
	height:					100px;}

#diapo img{
	max-width:				100%;
	max-height:				100%;}

#progress{
	position:				fixed;
	top:					0px;
	left:					0px;
	width:					100%;
	height:					6px;
	z-index:				9;}

#progress:hover{
	height:					10px;}

/*------------------------------------------------------------------------------------------------------*/
#blocOutils{
	display:				none;
	position:				fixed;
	text-align:				center;
	width:					inherit;
	padding:				42px 0px 20px 0px;
	border-bottom:			solid thin #666;
	background-color:		rgba(255,255,255,0.9);}

#blocOutils input{
	width:					80%;
	margin-bottom:			4px;
	font-size:				1em;
	border:					solid thin grey;
	border-radius:			4px;
	background-color:		white;}

#blocOutils input:last-child{
	width:					280px;
	margin:					0px;
	margin-top:				10px;
	padding:				3px;}

#blocOutils button{
	margin-bottom:			6px;
	font-size:				1em;
	border:					solid thin grey;
	border-radius:			4px;
	background-color:		#eee;}

#blocOutils sub{
	padding:				3px;
	border:					solid thin #666;
	border-radius:			4px;
	background-color:		#e0f0ff;}

#blocOutils select{
	text-align:				center;
	width:					280px;
	font-size:				1em;
	border:					solid thin grey;
	border-radius:			4px;
	background-color:		white;}

.spaceHdd span{
	display:				block;
	margin:					10px 10px 0px 10px;
	overflow:				hidden;
	border:					solid thin silver;
	border-radius:			8px;
	background-color:		#9bf;}

.spaceHdd b{
	display:				block;
	text-align:				center;
	max-width:				100%;
	padding:				5px 0px;
	font-size:				0.8em;
	border-right:			solid thin silver;
	background-color:		#fa5;}

.upZip span{
	display:				block;
	text-align:				left;
	margin-top:				5px;
	padding-left:			10%;
	font-size:				0.9em;}

#player{
	position:				absolute;
	top:					0px;
	left:					0px;
	text-align:				center;
	z-index:				4;
	width:					500px;
	padding:				6px 0px 3px 0px;
	font-size:				small;
	border-right:			solid thin black;
	border-bottom:			solid thin black;
	border-bottom-right-radius:	8px;
	background-color:		white;}

#player audio{
	width:					450px;
	max-height:				40px;}

#player video{
	width:					450px;}

#player img{
	position:				relative;
	bottom:					5px;}

#texter{
	position:				fixed;
	top:					0px;
	left:					0px;
	z-index:				4;
	width:					94%;
	height:					86%;
	margin:					1%;
	padding:				2%;
	padding-top:			3%;
	overflow:				auto;
	border-radius:			8px;
	background-color:		white;
	-webkit-box-shadow:		#777 0px 0px 8px inset;
	-moz-box-shadow:		#777 0px 0px 8px inset;
	-o-box-shadow:			#777 0px 0px 8px inset;
	box-shadow:				#777 0px 0px 8px inset;}

#texter div{
	position:				absolute;
	top:					0px;
	left:					50%;
	text-align:				center;
	width:					170px;
	margin-left:			-85px;
	border-radius:			0px 0px 8px 8px;
	background-color:		white;
	-webkit-box-shadow:		#777 0px 0px 12px;
	-moz-box-shadow:		#777 0px 0px 12px;
	-o-box-shadow:			#777 0px 0px 12px;
	box-shadow:				#777 0px 0px 12px;}

#texter div img{
	position:				relative;
	top:					2px;}

/*--------------------------------------------------------------------------------------------------------------*/

.cadre3{
	width:					550px;
	margin-left:			275px;
	padding:				10px 20px;
	border:					solid thin #ccc;
	border-radius:			4px;
	background-color:		white;}

.cadre3 td:first-child{
	text-align:				right;
	width:					130px;
	padding-right:			20px;}

#contact{
	margin:					auto;}

#contact tr:first-child td:last-child{
	padding-left:			40px;}

.input6, .area2{
	position:				relative;
	bottom:					3px;
	width:					330px;
	margin-top:				10px;
	padding:				10px;
	font-size:				1em;
	border:					solid thin #89a;
	border-radius:			4px;
	background-color:		white;
	-webkit-box-shadow:		#ccc 0px 0px 8px inset;
	-moz-box-shadow:		#ccc 0px 0px 8px inset;
	-o-box-shadow:			#ccc 0px 0px 8px inset;
	box-shadow:				#ccc 0px 0px 8px inset;}

.area2{
	width:					490px;
	font-family:			sans-serif, Verdana, serif;}

.submit1, .submit3{
	text-align:				center;
	width:					184px;
	padding:				6px;
	cursor:					pointer;
	font-size:				small;
	border:					solid thin grey;
	border-radius:			4px;
	background-color:		white;
	-webkit-box-shadow:		#ccc 0px 0px 4px inset;
	-moz-box-shadow:		#ccc 0px 0px 4px inset;
	-o-box-shadow:			#ccc 0px 0px 4px inset;
	box-shadow:				#ccc 0px 0px 4px inset;
	transition:				all .7s;}

.submit1:hover, .submit3:hover{
	border-left-width:		10px;
	border-right-width:		10px;
	border-radius:			15px;}

.submit3{
	display:				block;
	margin:					auto;}

.submit2{
	display:				block;
	margin:					auto;
	text-align:				center;
	margin-top:				20px;
	width:					250px;
	padding:				10px;
	cursor:					pointer;
	font-size:				large;
	border:					solid thin grey;
	border-radius:			8px;
	background-color:		#f9f9f9;
	-webkit-box-shadow:		#ccc 0px 0px 8px inset;
	-moz-box-shadow:		#ccc 0px 0px 8px inset;
	-o-box-shadow:			#ccc 0px 0px 8px inset;
	box-shadow:				#ccc 0px 0px 8px inset;}

.submit2:hover{
	border-left:			solid medium grey;
	border-right:			solid medium grey;}

#avat{
	float:					right;
	max-width:				120px;}

/*--------------------------------------------------------------------------------------------------------------*/

#mailBox{
	margin-top:				50px;}

#mailBox h2{
	text-align:				center;
	font-size:				medium;}

#mailBox>div:first-child{
	text-align:				center;
	margin:					20px 0px;}

#mailBox button{
	margin:					0px 20px;}

#mailBox table{
	width:					1100px;
	border-collapse:		collapse;
	border-radius:			4px;}

#mailBox table tbody{
	background:				#e5f5ff;
	background:				-webkit-gradient(linear, 0 0, 0 bottom, from(#e5f5ff), to(#ffffff));
	background:				-webkit-linear-gradient(#e5f5ff, #ffffff);
	background:				-moz-linear-gradient(#e5f5ff, #ffffff);
	background:				-ms-linear-gradient(#e5f5ff, #ffffff);
	background:				-o-linear-gradient(#e5f5ff, #ffffff);
	background:				linear-gradient(#e5f5ff, #ffffff);}

#mailBox>div:not(:first-child), #com0{
	display:				none;}

#mailBox td{
	padding:				4px 8px;}

#mailBox td>div:first-child, .com0{
	text-align:				justify;
	margin:					10px;
	padding:				10px;
	text-indent:			10px;
	border:					inset thin #eee;
	border-radius:			4px;
	background:				white;
	-webkit-box-shadow:		#ddd 0px 0px 8px;
	-moz-box-shadow:		#ddd 0px 0px 8px;
	-o-box-shadow:			#ddd 0px 0px 8px;
	box-shadow:				#ddd 0px 0px 8px;}

#mailBox thead{
	color:					#05b;
	font-family:			palatino linotype;
	font-size:				small;
	background-color:		white;}

#mailBox thead td{
	padding-bottom:			10px;}

#mailBox table tbody tr:nth-child(odd){
	border-top:				solid thin silver;}

#mailBox table tbody tr:nth-child(odd):hover{
	background-color:		rgba(255,255,255,0.7);}

#mailBox td:first-child{
	text-align:				right;}

#mailBox input{
	border:					solid thin grey;}

#mpNonLu{
	position:				fixed;
	top:					0px;
	left:					0px;
	text-align:				center;
	width:					100%;
	margin:					0px;
	padding:				50px;
	z-index:				9;
	border-bottom:			solid thin black;
	background:				url('images/mail.png') no-repeat 30px, linear-gradient(#e5f5ff, #ffffff);}

/*------------------------------------------------------------------------------------------------------*/

#masqueChatbox{
	position:				fixed;
	left:					0px;
	top:					0px;
	height:					100%;
	min-width:				10px;
	max-width:				10px;
	overflow:				hidden;
	padding:				4px;
	border-right:			solid thin #06d;
	background-color:		rgba(255,255,255,0.85);
	transition-delay:		0.2s;
	transition-duration:	0.6s;}

#masqueChatbox:hover{
	max-width:				1120px;
	min-width:				1120px;
	overflow:				auto;}

#masqueChatbox>span{
	display:				inline-block;
	position:				absolute;
	right:					0px;
	bottom:					100px;
	padding:				3px 8px 0px 8px;
	color:					#04a;
	font-size:				0.9em;
	font-family:			Georgia, "Times New Roman", serif;
	font-weight:			bold;
	border:					solid thin #06d;
	border-bottom:			none;
	border-radius:			8px 8px 0px 0px;
	background-color:		white;
	transform-origin:		bottom right;
	-webkit-transform:rotateZ(-90deg);-moz-transform:rotateZ(-90deg);-ms-transform:rotateZ(-90deg);transform:rotateZ(-90deg);}

#chatbox{
	margin:					auto;
	text-align:				center;
	width:					1020px;
	max-height:				90px;
	overflow:				hidden;
	padding:				10px;
	border:					outset 2px silver;
	border-radius:			6px;
	background:				#e5f5ff;
	background:				-webkit-gradient(linear, 0 0, 0 bottom, from(#e5f5ff), to(#ffffff));
	background:				-webkit-linear-gradient(#e5f5ff, #ffffff);
	background:				-moz-linear-gradient(#e5f5ff, #ffffff);
	background:				-ms-linear-gradient(#e5f5ff, #ffffff);
	background:				-o-linear-gradient(#e5f5ff, #ffffff);
	background:				linear-gradient(#e5f5ff, #ffffff);}

#chatbox em:first-child{
	font-size:				small;
	font-style:				normal;}

#chatbox #desc{
	display:				none;
	text-align:				left;
	margin-bottom:			5px;}

#chatbox #desc input:first-child{
	width:					180px;}

#chatbox #desc input:nth-child(2){
	width:					320px;}

#chatbox #desc div:last-child{
	float:					right;
	font-size:				0.9em;}

#chatbox #desc div:last-child input{
	width:					90px;}

#chatbox textarea{
	width:					1000px;
	min-height:				60px;
	padding:				5px;
	font-family:			sans-serif, Verdana, serif;
	border:					inset 2px white;
	border-radius:			4px;}
	
#upFiles{
	padding-bottom:			20px;
	border-bottom:			solid thin #ddd;}
	
#upFiles .inputF{
	min-width:				820px;}
	
#upFiles span{
	padding:				5px;
	-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;transition:.3s;}

#icon img{
	margin:					3px 4px;}

#chatbox span, .spoile>span{
	display:				inline-block;
	min-width:				80px;
	margin:					2px 3px;
	color:					black;
	font-size:				0.8em;
	border:					outset thin white;
	border-radius:			5px;
	background-color:		#fff;}

#chatbox span:hover, .spoile>span:hover{
	margin:					10px 9px 0px 9px;
	border-left:			solid 2px #888;
	border-right:			solid 2px #888;}
	
#balises{
	margin:					6px 0px;}

#balises select{
	width:					114px;
	margin:					2px 3px;
	border:					inset thin grey;
	border-radius:			4px;}

#chatbox span:active{
	border-style:			inset;}

#balises span:hover{
	margin:					2px;}

#chatbox input, #chatbox>span{
	width:					140px;
	margin:					10px 10px 0px 10px;
	padding:				2px;
	font-size:				1em;
	border-radius:			5px;
	background-color:		white;}

#chatbox div:first-child select{
	text-align:				center;
	width:					500px;
	padding:				2px;
	font-size:				small;
	border:					inset thin grey;
	border-radius:			6px;}

#chatbox div:first-child input{
	width:					990px;
	border-style:			inset;}

/*------------------------------------------------------------------------------------------------------*/

#com0{
	display:				none;}

#com0>div:last-child>span:first-child{
	font-size:				0.9em;}

.butCom0{
	text-align:				right;}

.butCom0 button{
	font-size:				small;}

.comment{
	min-height:				140px;
	margin:					10px;
	border:					solid 2px white;
	border-radius:			4px;}

.comment:nth-child(even){
	background-color:		rgba(255,255,255,0.95);}

.comment:nth-child(odd){
	background-color:		rgba(246,246,246,0.95);}

.comment:hover{
	background-color:		white;}

.comment>div{
	display:				inline-block;
	padding:				10px;}

.comment>div:first-child{
	text-align:				center;
	width:					120px;
	float:					left;}

.comment>div:first-child img{
	max-width:				108px;
	max-height:				116px;
	padding:				5px;
	border:					solid 1px silver;
	border-radius:			50%;
	transition-duration:	1s;}

.comment>div:first-child img:hover{
	border-radius:			0%;}

.comment>div:last-child{
	text-align:				justify;
	width:					900px;}

.comment button{
	width:					80px;
	margin:					20px 6px 0px 6px;
	padding:				1px;
	font-size:				0.7em;}

.comment>div>b, .comment>div>a{
	font-size:				0.9em;}

.comment table{
	width:					100%;}

blockquote{
	margin:					16px 40px;
	padding:				4px 8px;
	font-family:			Georgia, "Times New Roman", serif;
	border:					solid thin silver;
	border-radius:			4px;
	-webkit-box-shadow:		silver 1px 2px 5px;
	-moz-box-shadow:		silver 1px 2px 5px;
	-o-box-shadow:			silver 1px 2px 5px;
	box-shadow:				silver 1px 2px 5px;
	background-color:		#fcfcfc;}

blockquote>div:first-child{
	margin-bottom:			6px;
	padding:				0px 0px 4px 8px;
	font-style:				italic;}

blockquote>div:first-child:before{
	content:				"Citation de ";
	padding-right:			5px;}

blockquote>div:first-child:after{
	content:				" :";
	padding-left:			5px;}

.spoile{
	margin:					5px;
	padding:				5px 5px 10px 5px;
	border:					solid thin grey;
	border-radius:			4px;
	-webkit-box-shadow:		silver 1px 2px 5px;
	-moz-box-shadow:		silver 1px 2px 5px;
	-o-box-shadow:			silver 1px 2px 5px;
	box-shadow:				silver 1px 2px 5px;}

.spoile>span{
	text-align:				center;
	margin:					10px 10px 0px 10px;
	padding:				2px 20px;
	font-size:				0.9em;
	font-family:			Georgia, "Times New Roman", serif;
	cursor:					pointer;}

.spoile>div:last-child{
	display:				none;
	margin:					10px;
	text-indent:			0px;}

.comment .date{
	margin-top:				2px;
	margin-bottom:			15px;
	color:					#888;
	font-size:				0.9em;}

.comment .sup{
	padding:				2px 12px;
	color:					#f55;
	font-size:				0.9em;
	border:					solid thin red;
	border-radius:			4px;}

.comment audio, .listing audio{
	width:					100%;
	height:					35px;
	border-radius:			4px;}

.comment video, .listing video{
	display:				block;
	margin:					10px auto;
	width:					90%;
	border-radius:			4px;}

.comment iframe{
	display:				block;
	margin:					auto;}

.comment .comOnglet{
	margin:					5px 0px;
	border:					solid 2px #9cf;
	border-radius:			4px;
	background-color:		#f0f8ff;}

#body .comment .comOnglet a:first-child{
	display:				inline-block;
	text-align:				center;
	width:					80px;
	padding:				3px;
	float:					right;
	font-size:				0.6em;
	color:					black;
	border:					solid thin grey;
	border-radius:			4px;
	background-color:		white;
	-webkit-box-shadow:		#ccc 0px 0px 4px inset;
	-moz-box-shadow:		#ccc 0px 0px 4px inset;
	-o-box-shadow:			#ccc 0px 0px 4px inset;
	box-shadow:				#ccc 0px 0px 4px inset;
	transition:				all .4s;}

#body .comment .comOnglet a:first-child:hover{
	text-decoration:		none;
	box-shadow:				#555 0px 0px 3px inset;}

.icon{
	vertical-align:			bottom;}

#infoInscrit{
	position:				fixed;
	top:					0px;
	text-align:				center;
	z-index:				3;
	width:					100%;
	margin:					0px;
	padding:				10px;
	line-height:			26px;
	border-bottom:			solid thin silver;
	background-color:		white;
	background:				linear-gradient(#e5f5ff, #ffffff);}

/*------------------------------------------------------------------------------------------------------*/

.paraPerso label{
	display:				inline-block;
	width:					157px;
	margin:					2px;
	padding:				2px 4px;
	border:					solid thin silver;
	border-radius:			4px;
	transition-duration:	0.2s;}

.cadre1, .cadre2{
	margin:					auto;
	width:					860px;
	margin-top:				40px;
	padding:				0px 20px 20px 20px;
	font-size:				0.8em;
	border:					solid thin silver;
	border-radius:			6px;
	background-color:		white;
	-webkit-box-shadow:		#ddd 0px 0px 8px inset;
	-moz-box-shadow:		#ddd 0px 0px 8px inset;
	-o-box-shadow:			#ddd 0px 0px 8px inset;
	box-shadow:				#ddd 0px 0px 8px inset;}

.cadre2{
	width:					790px;
	margin-top:				30px;
	padding:				20px;
	font-size:				1.2em;}

.cadre1 .cadre2{
	margin:					15px auto;
	font-size:				1em;
	background-color:		#f0f7ff;
	transition-duration:	1s;}

.cadre1 .cadre2>div:first-child{
	text-align:				center;
	margin-bottom:			15px;
	color:					#049;
	border-bottom:			solid thin #049;}

.cadre1 .cadre2>input, .cadre1 .cadre2>select{
	width:					780px;}

.cadre1 hr{
	padding:				2px;	
	border:					solid thin #cef;
	border-radius:			2px;}

.cadre1 .right{
	text-align:				right;
	float:					right;
	color:					#666;}

.cadre1 .right:hover{
	color:					black;}
	
.cadre1>div:first-child{
	margin:					auto;
	position:				relative;
	bottom:					15px;
	text-align:				center;
	width:					300px;
	padding:				4px;
	border:					solid thin silver;
	border-radius:			6px;
	background-color:		white;
	-webkit-box-shadow:		#ddd 0px 0px 8px;
	-moz-box-shadow:		#ddd 0px 0px 8px;
	-o-box-shadow:			#ddd 0px 0px 8px;
	box-shadow:				#ddd 0px 0px 8px;}
/*
.cadre1 label{
	display:				inline-block;
	text-align:				center;
	width:					200px;
	margin:					2px 10px;
	padding:				1px;
	border:					solid thin silver;
	border-radius:			6px;
	background-color:		#fafafa;}
*/
#motorSearch{
	position:				absolute;
	right:					50%;
	margin:					auto;
	z-index:				2;
	transition-duration:	0.5s;
	transition-property:	transform;
	transform-origin:		top center;}

.moteurAff0{
	-webkit-transform:translate(50%,-60px)(0);-moz-transform:translate(50%,-60px)(0);-ms-transform:translate(50%,-60px)(0);transform:translate(50%,-60px)scale(0);}
.moteurAff1{
	-webkit-transform:translate(50%,5px)(1);-moz-transform:translate(50%,5px)(1);-ms-transform:translate(50%,5px)(1);transform:translate(50%,5px)scale(1);}

/*------------------------------------------------------------------------------------------------------*/

.preDef1{
	position:				absolute;
	top:					320px;
	left:					3%;
	width:					280px;
	margin-left:			10px;}

.preDef2{
	margin:					auto;
	margin-top:				20px;
	text-align:				center;
	width:					1100px;}

#preDef a{
	display:				inline-block;
	width:					270px;
	margin:					3px;
	padding:				1px 3px;
	color:					black;
	border:					solid thin white;
	border-radius:			4px;
	background-color:		rgba(255,255,255,0.8);
	transition-duration:	.1s;}

#preDef a img{
	vertical-align:			-8px;}

#preDef a:hover{
	text-decoration:		none;
	background-color:		rgba(255,255,255,1);}

#preDef a:visited{
	color:					black;}

/*------------------------------------------------------------------------------------------------------*/

.inputT,.inputT2,.inputT3,.inputT4,.inputT5,.inputM,.inputM2>input{
	width:					850px;
	margin:					3px 0px;
	padding:				4px;
	border:					solid thin grey;
	border-radius:			4px;}

.inputT2{width:				410px;}
.inputT3{width:				277px;}
.inputT4{width:				202px;}
.inputT5{width:				158px;}

.inputF{
	width:					800px;
	margin:					3px 0px;
	border:					solid thin grey;
	cursor:					pointer;
	border-radius:			4px;}

.inputM{
	display:				block;
	position:				absolute;
	height:					28px;
	background:				url('images/select.jpg') no-repeat right white;
	transition-duration:	0.4s;
	transition-property:	height;}
.inputM optgroup,.inputM option{
	visibility:				hidden;}
.inputM:focus{
	height:					180px;
	z-index:				2;
	background:				white;}
.inputM:focus optgroup,.inputM:focus option{
	visibility:				visible;}

.inputM2{
	position:				relative;
	width:					99%;}

.inputM2 input{
	width:					inherit;
	background:				url('images/select.png') no-repeat right white;
	-webkit-box-shadow:		none;
	-moz-box-shadow:		none;
	-o-box-shadow:			none;
	box-shadow:				none;}

.inputM2 div{
	position:				absolute;
	visibility:				hidden;
	width:					inherit;
	max-height:				0px;
	margin:					-3px 0px;
	padding:				0px 4px;
	overflow:				auto;
	z-index:				0;
	border:					solid thin grey;
	border-radius:			4px;
	background-color:		white;
	transition-delay:		0.1s;
	transition-duration:	0.4s;}

.inputM2:hover div{
	visibility:				visible;
	max-height:				300px;
	padding:				4px;
	z-index:				60;
	transition-delay:		0.2s;
	transition-duration:	0.6s;}

.inputM2 div b{
	margin-left:			20px;
	line-height:			26px;}

.inputM2 label{
	display:				block;
	padding:				3px;
	transition-duration:	0.4s;}

.inputM2 label:hover{
	padding-left:			15px;}

.inputM2 a{
	display:				inline-block;
	width:					100%;
	padding:				3px 0px;
	transition-duration:	0.4s;}

.inputM2 a:hover{
	width:					90%;
	padding-left:			10%;
	background-color:		#bcf;}

.inputS{
	width:					200px;
	margin:					3px 0px;
	padding:				4px;
	cursor:					pointer;
	border:					solid thin grey;
	border-radius:			4px;
	background-color:		#eee;}

.inputS:hover{
	border-left:			solid 2px grey;
	border-right:			solid 2px grey;}

.err0, .err1{
	margin:					auto;
	margin-top:				20px;
	margin-bottom:			20px;
	text-align:				center;
	width:					600px;
	padding:				20px;
	border:					solid thin silver;
	border-left:			solid medium grey;
	border-right:			solid medium grey;
	border-radius:			8px;}

.err1{
	background-color:		#f77;
	background:				-webkit-gradient(linear, 0 0, 0 bottom, from(#ffeeee), to(#ff7777));
	background:				-webkit-linear-gradient(#ffeeee, #ff7777);
	background:				-moz-linear-gradient(#ffeeee, #ff7777);
	background:				-ms-linear-gradient(#ffeeee, #ff7777);
	background:				-o-linear-gradient(#ffeeee, #ff7777);
	background:				linear-gradient(#ffeeee, #ff7777);}

.err0{
	background:				#e5f5ff;
	background:				-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#d7eaff));
	background:				-webkit-linear-gradient(#ffffff, #d7eaff);
	background:				-moz-linear-gradient(#ffffff, #d7eaff);
	background:				-ms-linear-gradient(#ffffff, #d7eaff);
	background:				-o-linear-gradient(#ffffff, #d7eaff);
	background:				linear-gradient(#ffffff, #d7eaff);}

.flashShadow{animation:flashShadow 0.5s 1 forwards;}
@keyframes flashShadow{0%{box-shadow:#08f 0px 0px 0px;}50%{box-shadow:#08f 0px 0px 18px;}100%{box-shadow:#08f 0px 0px 0px;}}
@-webkit-keyframes flashShadow{0%{box-shadow:#08f 0px 0px 0px;}50%{box-shadow:#08f 0px 0px 18px;}100%{box-shadow:#08f 0px 0px 0px;}}

.flashShado2{animation:flashShado2 0.8s 1 forwards;}
@keyframes flashShado2{0%{box-shadow:#fff 0px 0px 0px;}50%{box-shadow:#08f 0px 0px 64px 32px;}100%{box-shadow:#fff 0px 0px 0px;}}
@-webkit-keyframes flashShado2{0%{box-shadow:#fff 0px 0px 0px;}50%{box-shadow:#08f 0px 0px 64px 32px;}100%{box-shadow:#fff 0px 0px 0px;}}

.flashShado3{animation:flashShado3 0.8s 1 forwards;}
@keyframes flashShado3{0%{box-shadow:#fff 0px 0px 0px;}50%{box-shadow:#f00 0px 0px 64px 32px;}100%{box-shadow:#fff 0px 0px 0px;}}
@-webkit-keyframes flashShado3{0%{box-shadow:#fff 0px 0px 0px;}50%{box-shadow:#f00 0px 0px 64px 32px;}100%{box-shadow:#fff 0px 0px 0px;}}

/*------------------------------------------------------------------------------------------------------*/

#coadmin{
	text-align:				center;
	margin:					-5px 0px 20px 0px;}

#coadmin div{
	display:				inline-block;
	width:					160px;
	height:					60px;
	margin:					12px;}

#coadmin div a:first-child{
	position:				absolute;
	z-index:				2;}

#coadmin div a:last-child:hover{
	background-color:		black;}

#coadmin div a:last-child{
	z-index:				1;
	display:				inline-block;
	position:				relative;
	top:					40px;
	left:					8px;
	width:					160px;
	color:					white;
	filter:alpha(opacity=-100);opacity:-1.0;
	border:					solid 2px silver;
	border-radius:			8px;
	background-color:		rgb(80,140,240);
	-webkit-transition:all .7s;-moz-transition:all .7s;-ms-transition:all .7s;transition:all .7s;}

#coadmin div:hover a:last-child{
	z-index:				10;
	top:					80px;
	filter:alpha(opacity=100);opacity:1.0;}

#coadmin a, #coadmin a:hover, #coadmin a:visited{
	color:					black;
	text-decoration:		none;}

#coadmin .ahidden{
	visibility:				hidden;}

#coadmin img{
	border-radius:			4px;
	background-color:		rgba(255,255,255,0.3);
	-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}

#coadmin div:hover img{
	background-color:		rgba(0,110,200,0.7);
	-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}

.nameIP{
	display:				inline-block;
	text-align:				center;
	width:					255px;
	margin:					4px 10px;
	padding:				4px;
	border:					solid thin silver;
	border-radius:			4px;}

.nameIP span{
	font-weight:			bold;}

#statsConn p{
	margin:					auto;
	width:					1000px;
	margin-top:				20px;
	padding:				20px;
	border:					solid thin silver;
	border-radius:			6px;
	background-color:		white;
	-webkit-box-shadow:		#ddd 0px 0px 8px inset;
	-moz-box-shadow:		#ddd 0px 0px 8px inset;
	-o-box-shadow:			#ddd 0px 0px 8px inset;
	box-shadow:				#ddd 0px 0px 8px inset;}

#statsConn p:first-child{
	text-align:				center;
	margin-top:				40px;
	padding:				10px 20px;}

#statsConn select, #statsConn button{
	text-align:				center;
	margin:					0px 20px;
	font-size:				1em;}

#statsConn p span{
	display:				inline-block;
	width:					30px;
	cursor:					help;
	border:					solid thin #7bf;
	border-radius:			10px 10px 0px 0px;
	background-color:		#bdf;}

#statsConn p b{
	display:				inline-block;
	text-align:				center;
	width:					32px;
	font-size:				0.8em;}

/*------------------------------------------------------------------------------------------------------*/

#liste{
	width:					100%;
	min-width:				1100px;
	color:					black;
	font-weight:			bold;
	border-collapse:		collapse;}

#liste tbody tr{
	font-family:			"palatino linotype", "Trebuchet MS", Serif;
	background-color:		rgba(255,255,255,0.4);}
	
#liste tbody tr:hover{
	background-color:		rgb(255,255,255);}

#liste tbody tr:nth-child(even), #listeMobil tr{
	border-bottom:			solid thin black;}

#liste tbody .id{
	color:					grey;
	font-size:				x-small;}

#liste .icotaku0{
	background:				url("images/buttons/icotaku0.png") no-repeat center;}

#liste .icotaku{
	background:				url("images/buttons/icotaku1.png") no-repeat center;}

#liste .icotaku a{
	display:				inline-block;
	width:					28px;
	height:					30px;
	background:				url("images/buttons/icotaku2.png") no-repeat center;}

#liste .icotaku a, #liste tbody .play img{
	filter:alpha(opacity=0);opacity:0;
	transition-duration:	0.4s;
	transition-property:	filter,opacity;}

#liste .icotaku:hover a, #liste tbody .play:hover img{
	filter:alpha(opacity=100);opacity:1.0;}

#liste tbody .play{
	padding:				6px 0px 1px 0px;
	background:				url("images/buttons/song_a1.png") no-repeat center;}

#liste tbody .jaime{
	background:				no-repeat center;}

#liste .niveau div{
	margin:					auto;
	width:					46px;
	height:					20px;
	border:					solid thin black;
	border-radius:			3px;
	font-size:				small;
	cursor:					default;}

#liste .flag img{
	margin:					0px 2px;}

#liste tbody .format,#liste .saison{
	background-repeat:		no-repeat;
	background-position:	center;}

#liste tbody .image{
	border:					solid 1px white;
	border-radius:			1px;
	background-color:		rgba(255,255,255,0.2);}

#liste .image img{
	border-radius:			1px;
	transition-delay:		0.1s;
	transition-duration:	0.6s;
	transition-property:	transform;
	transform-origin:		100% 116%;}

#liste tr:hover .image img{
	transform:				scale(8.5);}

#liste input{
	text-align:				center;
	width:					100%;
	height:					30px;
	font-size:				1em;
	font-family:			Georgia, "Times New Roman", serif;}

#liste i{
	color:					#555;}

.vignePl{
	display:				inline-block;
	position:				absolute;
	left:					8px;
	margin-top:				-15px;
	padding:				3px 8px;
	color:					#05a;
	font-size:				0.6em;
	font-family:			"palatino linotype", Serif;
	cursor:					default;
	border:					solid thin #7af;
	border-radius:			12px 6px;
	background-color:		white;
	box-shadow:				#7af 2px 2px 5px;
	transition-duration:	.3s;
	-webkit-transform:rotateZ(-15deg);-moz-transform:rotateZ(-15deg);-ms-transform:rotateZ(-15deg);transform:rotateZ(-15deg);}

.vignePl:hover{
	margin-top:				-30px;
	font-size:				0.9em;}

#selGenres button{
	margin:					1px;
	padding:				1px;
	border:					solid thin grey;
	border-radius:			4px;
	background-color:		white;}

/*------------------------------------------------------------------------------------------------------*/

#listeF{
	text-align:				center;
	width:					100%;
	margin-bottom:			25px;
	font-weight:			bold;
	border-collapse:		collapse;}

#listeF .pageAide{
	border-left:			solid 5px silver;}

#listeF a, #listeF span{
	display:				inline-block;
	width:					100%;
	padding:				14px 0px;}

#listeF a:hover{
	text-decoration:		none;}

#listeF tbody{
	font-size:				0.9em;}

#listeF tbody tr{
	font-family:			"palatino linotype", "Trebuchet MS", Serif;
	border-bottom:			solid thin black;
	background-color:		rgba(255,255,255,0.6);}
	
#listeF tbody tr:hover{
	background-color:		rgba(255,255,255,0.9);}
	
#listeF tbody tr:hover td:nth-child(2){
	padding-left:			0px;
	background-position:	left 55px;}

#listeF tbody td:nth-child(2){
	padding-left:			55px;
	text-shadow:			2px 2px 1px #ccf;
	background-repeat:		no-repeat;
	background-position:	left top;
	background-size:		contain;
	transition-delay:		0.08s;
	transition-duration:	0.4s;}

#listeF td:nth-child(3){
	padding-right:			20px;
	text-shadow:			2px 2px 1px #eef;
	background:				no-repeat 98% 50%;}

/*------------------------------------------------------------------------------------------------------*/

.toPage{
	text-align:				center;
	margin:					0.7em 0px;}

.toPage a,.toPage select,.toPage span{
	display:				inline-block;
	width:					2.5em;
	margin:					0px 0.4em;
	padding:				3px 0px 5px 0px;
	font-family:			Georgia, sans-serif;
	font-size:				1rem;
	border:					solid thin silver;
	border-radius:			4px;
	background-color:		white;
	-webkit-box-shadow:		#bbb 1px 2px 5px;
	-moz-box-shadow:		#bbb 1px 2px 5px;
	-o-box-shadow:			#bbb 1px 2px 5px;
	box-shadow:				#bbb 1px 2px 5px;
	transition-duration:	0.1s;}

.toPage span{
	filter:alpha(opacity=25);opacity:0.25;}

.toPage a:hover,.toPage select:hover{
	background-color:		#bdf;}

/*------------------------------------------------------------------------------------------------------*/

#olAttentes{
	display:				inline-block;
	position:				fixed;
	left:					0px;
	top:					0px;
	text-align:				right;
	width:					200px;
	height:					296px;
	background:				url('images/rurin/2.png') no-repeat;
	transition-duration:	0.4s;
	-webkit-animation:olAttentes 1s linear infinite;-moz-animation:olAttentes 1s linear infinite;-ms-animation:olAttentes 1s linear infinite;
	-o-animation:olAttentes 1s linear infinite;animation:olAttentes 1s linear infinite;}}

@-webkit-keyframes olAttentes{100%,0%{filter:alpha(opacity=80);opacity:0.8;transform:scale(0.98);}50%{filter:alpha(opacity=100);opacity:1.0;transform:scale(1);}}
@-moz-keyframes olAttentes{100%,0%{filter:alpha(opacity=80);opacity:0.8;transform:scale(0.98);}50%{filter:alpha(opacity=100);opacity:1.0;transform:scale(1);}}
@-ms-keyframes olAttentes{100%,0%{filter:alpha(opacity=80);opacity:0.8;transform:scale(0.98);}50%{filter:alpha(opacity=100);opacity:1.0;transform:scale(1);}}
@-o-keyframes olAttentes{100%,0%{filter:alpha(opacity=80);opacity:0.8;transform:scale(0.98);}50%{filter:alpha(opacity=100);opacity:1.0;transform:scale(1);}}
@keyframes olAttentes{100%,0%{filter:alpha(opacity=80);opacity:0.8;transform:scale(0.98);}50%{filter:alpha(opacity=100);opacity:1.0;transform:scale(1);}}

#olAttentes span{
	display:				inline-block;
	margin:					240px 15px 0px 0px;
	color:					yellow;
	font-size:				2em;
	text-shadow:			0 0 1px #000,0 0 1px #000;}

.borderB{
	border:					solid thin #07f;
	border-radius:			6px;
	-webkit-box-shadow:		#07f 0px 0px 8px;
	-moz-box-shadow:		#07f 0px 0px 8px;
	-o-box-shadow:			#07f 0px 0px 8px;
	box-shadow:				#07f 0px 0px 8px;}

#listeOlAttente{
	margin:					20px auto;
	width:					700px;
	padding:				10px;}

#listeOlAttente>div{
	margin:					20px 0px;
	background-color:		rgba(255,255,255,0.9);}

#listeOlAttente h1{
	position:				relative;
	left:					-50px;
	top:					-11px;
	text-align:				center;
	width:					170px;
	margin:					0px;
	padding:				2px;
	font-size:				0.8em;
	border-radius:			4px;
	background-color:		white;}

#listeOlAttente table{
	background:				rgba(63,137,217,0.8);
	background:				-webkit-linear-gradient(#ffffff, rgba(41,107,194,0.8));
	background:				-moz-linear-gradient(rgba(120,200,255,0.8), rgba(41,107,194,0.8));
	background:				-o-linear-gradient(rgba(120,200,255,0.8), rgba(41,107,194,0.8));
	background:				linear-gradient(#ffffff, #ddeeff);}

.infoOl{
	display:				inline-block;
	width:					97%;
	margin:					5px 10px 0px 10px;
	padding:				inherit;
	font-size:				0.8rem;
	background-color:		rgba(245,250,255,0.7);}

.infoOl td span{
	display:				inline-block;
	width:					480px;
	overflow:				hidden;
	white-space:			nowrap;
	text-overflow:			ellipsis;}

.infoOl td:first-child{
	text-align:				right;
	width:					160px;
	padding-right:			10px;
	color:					#555;}

#listeOlAttente p{
	width:					558px;
	padding-left:			10px;
	padding-bottom:			5px;
	border-right:			solid thin silver;}

/*------------------------------------------------------------------------------------------------------*/

#infoBloc{
	position:				fixed;
	left:					0px;
	top:					0px;
	width:					100%;
	height:					100%;
	max-height:				100%;
	border-collapse:		collapse;
	z-index:				9;
	background:				url("images/online.png") no-repeat 99% 98% rgba(0,0,0,0.8);}

#infoBloc tr,#infoBloc td{
	width:					100%;
	height:					100%;}

#infoBloc td>div{
	margin:					auto;
	width:					80%;
	max-height:				40%;
	overflow:				auto;
	padding:				20px 30px;
	cursor:					auto;
	border:					solid 5px #def;
	border-radius:			12px;
	background-color:		white;
	box-shadow:				#7af 0px 0px 16px 4px;}

#infoBloc td>div:first-child{
	text-align:				center;
	width:					40%;
	min-width:				400px;
	margin-top:				-10%;
	margin-bottom:			5%;
	padding:				6px 10px;
	font-family:			Georgia, "Times New Roman", serif;}

/*------------------------------------------------------------------------------------------------------*/

#horloge{
	position:				fixed;
	top:					110px;
	left:					-4px;
	text-align:				center;
	width:					90px;
	padding:				4px;
	color:					#07f;
	font-size:				0.55em;
	font-weight:			bold;
	border:					solid 2px #49f;
	border-radius:			4px;
	background-color:		rgba(255,255,255,0.5);
	box-shadow:				#fff 0px 0px 12px inset;
	transition-duration:	0.3s;
	transition-property:	all;}

#horloge:hover{
	color:					black;
	border:					solid 1px #fff;
	background-color:		rgba(60,180,255,0.6);
	-webkit-transform:translate(47%,40%)scale(2);-moz-transform:translate(47%,40%)scale(2);-ms-transform:translate(47%,40%)scale(2);transform:translate(47%,40%)scale(2);}

#horloge span{
	color:					white;
	font-size:				medium;
	text-shadow:			0 0 3px #07f;
	background:				url('images/hor_p.gif') no-repeat center center;}

/*------------------------------------------------------------------------------------------------------*/

#scoreMode{
	position:				relative;
	margin:					10px auto 0px auto;
	text-align:				center;
	width:					66%;
	padding:				10px;
	color:					black;}

.mode1{
	border:					solid 2px white;
	border-radius:			12px;
	background-color:		rgba(255,255,255,0.3);
	-webkit-box-shadow:		white 0px 0px 12px 6px inset;
	-moz-box-shadow:		white 0px 0px 12px 6px inset;
	-o-box-shadow:			white 0px 0px 12px 6px inset;
	box-shadow:				white 0px 0px 12px 6px inset;}

.mode2{
	border:					solid medium white;
	border-bottom:			none;
	border-radius:			12px 12px 0px 0px;}

#scoreMode>span:first-child{
	display:				inline-block;
	position:				absolute;
	right:					6px;
	top:					6px;
	min-width:				30px;
	padding:				5px 5px 10px 5px;
	font-family:			Georgia, "Times New Roman", serif;
	cursor:					help;
	border:					inherit;
	border-bottom:			none;
	border-radius:			50%;
	-webkit-box-shadow:		white 0px 0px 24px inset;
	-moz-box-shadow:		white 0px 0px 24px inset;
	-o-box-shadow:			white 0px 0px 24px inset;
	box-shadow:				white 0px 0px 24px inset;}

#scoreMode>img:nth-child(2){
	position:				absolute;
	left:					10px;
	cursor:					help;}

#scoreMode>span:nth-child(3){
	display:				inline-block;
	visibility:				hidden;
	width:					300px;
	margin-bottom:			4px;
	cursor:					help;
	border:					solid medium black;
	border-radius:			6px;
	background-color:		rgba(20,220,50,0.5);}

.participant{
	display:				inline-block;
	text-align:				center;
	width:					23%;
	min-width:				225px;
	margin:					4px;
	padding:				7px;
	font-size:				1em;
	font-family:			sans-serif, Verdana, serif;
	border:					solid medium white;
	border-radius:			8px;
	background-color:		rgba(120,215,255,0.6);
	background-repeat:		no-repeat;
	background-position:	4px top;
	background-size:		contain;}

#searchTitle,#resultats{
	position:				relative;
	margin:					auto;
	text-align:				center;
	width:					88%;
	min-width:				800px;
	margin-bottom:			20px;
	padding:				10px 20px;
	font-size:				1.1em;
	font-family:			sans-serif;
	border:					solid medium white;
	border-radius:			12px;
	background:				rgba(63,137,217,0.8);
	background:				-webkit-linear-gradient(rgba(120,200,255,0.8), rgba(41,107,194,0.8));
	background:				-moz-linear-gradient(rgba(120,200,255,0.8), rgba(41,107,194,0.8));
	background:				-o-linear-gradient(rgba(120,200,255,0.8), rgba(41,107,194,0.8));
	background:				linear-gradient(rgba(120,200,255,0.8), rgba(41,107,194,0.8));}

#resultats span{
	width:					16%;}

#searchTitle input:first-child{
	text-align:				center;
	width:					60%;
	margin:					10px;
	padding:				5px 10px;
	font-size:				1.4em;
	border:					solid 2px black;
	border-radius:			8px;
	-webkit-box-shadow:		none;
	-moz-box-shadow:		none;
	-o-box-shadow:			none;
	box-shadow:				none;}

#searchTitle #valRep{
	position:				absolute;
	right:					9%;
	top:					-2px;
	width:					10%;}

.valRep0{
	filter:alpha(opacity=50);opacity:0.5;
	color:					#666;
	cursor:					default;}

#searchTitle table{
	border-spacing:			12px 10px;
	table-layout:			fixed;
	width:					100%;
	font-size:				0.9em;}

#searchTitle td{
	width:					25%;
	height:					60px;
	padding-bottom:			5px;
	cursor:					pointer;
	border:					solid medium white;
	border-radius:			8px;}

#searchTitle .trouve td,#searchTitle .trouve td:hover,#searchTitle .repError,#searchTitle .repError:hover{
	color:					black;
	cursor:					default;}

#searchTitle td:not(.repError):first-letter{
	margin-right:			1px;
	padding:				0px 5px 1px 5px;
	color:					black;
	font-size:				1.2em;
	font-weight:			normal;
	border-radius:			50%;
	background:				linear-gradient(#ffddbb,#ffbb77);
	background-color:		#fdb;}
	
.bgColor0{color:white;}
.bgColor0 td{background-color:rgba(0,40,140,0.6);}
.bgColor0 td:hover{background-color:rgba(0,50,130,0.5);}
.bgColor0 .trouve td,.bgColor0 .trouve td:hover{background-color:rgba(0,40,140,0.2);}
.bgColor0 .repError,.bgColor0 .repError:hover{background-color:rgba(140,140,140,0.5);}

.bgColor1 td{background:linear-gradient(#ffffff,rgba(255,255,255,0.7));}
.bgColor1 td:hover{background-color:#4df;}
.bgColor1 .trouve td,.bgColor1 .trouve td:hover{background-color:rgba(255,255,255,0.7);}
.bgColor1 .repError,.bgColor1 .repError:hover{background-color:#ddd;}

#kimengumi, #totoroImg{
	position:				fixed;
	left:					50%;
	bottom:					315px;
	width:					340px;
	height:					270px;
	margin-left:			-170px;
	overflow:				hidden;
	cursor:					pointer;
	border-radius:			6px;
	background-image:		url("images/fonds/k/hilary.png");
	background-position:	0% 0%;
	animation:				kimengumi .3s step-start infinite;}
@keyframes kimengumi{0%{background-position:0% 0%;}50%{background-position:0% 100%;}}
@-webkit-keyframes kimengumi{0%{background-position:0% 0%;}50%{background-position:0% 100%;}}

#kimengumi:hover{
	animation-name:				kimengumiB;}
@keyframes kimengumiB{100%,0%{background-position:100% 0%;}50%{background-position:100% 100%;}}
@-webkit-keyframes kimengumiB{100%,0%{background-position:100% 0%;}50%{background-position:100% 100%;}}

#kimengumi>span{
	position:				absolute;
	display:				inline-block;
	width:					50%;
	height:					50%;
	filter:alpha(opacity=0);opacity:0.0;}

#kimengumi>span:nth-child(1){
	background-position:	left top;
	transform-origin:		left top;
	-webkit-transform:translateX(-100%)translateY(-100%);-moz-transform:translateX(-100%)translateY(-100%);
	-ms-transform:translateX(-100%)translateY(-100%);transform:translateX(-100%)translateY(-100%);}
#kimengumi>span:nth-child(2){
	right:					0px;
	background-position:	right top;
	transform-origin:		right top;
	-webkit-transform:translateX(100%)translateY(-100%);-moz-transform:translateX(100%)translateY(-100%);
	-ms-transform:translateX(100%)translateY(-100%);transform:translateX(100%)translateY(-100%);}
#kimengumi>span:nth-child(3){
	bottom:					0px;
	background-position:	left bottom;
	transform-origin:		left bottom;
	-webkit-transform:translateX(-100%)translateY(100%);-moz-transform:translateX(-100%)translateY(100%);
	-ms-transform:translateX(-100%)translateY(100%);transform:translateX(-100%)translateY(100%);}
#kimengumi>span:nth-child(4){
	right:					0px;
	bottom:					0px;
	background-position:	right bottom;
	transform-origin:		right bottom;
	-webkit-transform:translateX(100%)translateY(100%);-moz-transform:translateX(100%)translateY(100%);
	-ms-transform:translateX(100%)translateY(100%);transform:translateX(100%)translateY(100%);}

.kimengumi, #totoroImg{
	transition-duration:	.4s;
	-webkit-box-shadow:		white 0px 0px 96px 24px;
	-moz-box-shadow:		white 0px 0px 96px 24px;
	-o-box-shadow:			white 0px 0px 96px 24px;
	box-shadow:				white 0px 0px 96px 24px;}

.kimengumi>span{
	animation:				hilaryRep .4s forwards 1;}
@keyframes hilaryRep{100%{transform:translateX(0%)translateY(0%);filter:alpha(opacity=100);opacity:1.0;}}
@-webkit-keyframes hilaryRep{100%{transform:translateX(0%)translateY(0%);filter:alpha(opacity=100);opacity:1.0;}}

#suivante{
	display:				none;
	position:				fixed;
	left:					50%;
	bottom:					150px;
	width:					242px;
	height:					52px;
	margin-left:			-107px;
	cursor:					pointer;
	background-image:		url("images/fonds/k/kimengumiSui.jpg");
	transition-duration:	0.3s;
	transition-property:	transform;}

#suivante span{
	display:				inherit;
	position:				absolute;
	width:					inherit;
	height:					inherit;
	filter:alpha(opacity=0);opacity:0.0;
	background-image:		inherit;
	background-position:	0% 100%;
	transition-duration:	0.2s;
	transition-property:	filter,opacity;}
#suivante:hover span{
	filter:alpha(opacity=50);opacity:0.5;}

#ray{
	display:				none;
	position:				fixed;
	bottom:					1%;
	right:					0%;
	width:					50px;
	height:					30px;
	background-image:		url("images/fonds/k/ray.png");
	background-size:		cover;
	background-position:	0% 0%;}

#ted{
	position:				fixed;
	bottom:					1.4%;
	left:					50%;
	width:					38px;
	height:					55px;
	margin-left:			-165px;
	background-image:		url("images/fonds/k/ted.png");
	background-position:	0% 0%;
	animation:				ted .7s step-end infinite;}
@keyframes ted{0%{background-position:0% 0%;}20%{background-position:0% 20%;}40%{background-position:0% 40%;}
	60%{background-position:0% 60%;}80%{background-position:0% 80%;}100%{background-position:0% 100%;}}
@-webkit-keyframes ted{0%{background-position:0% 0%;}20%{background-position:0% 20%;}40%{background-position:0% 40%;}
	60%{background-position:0% 60%;}80%{background-position:0% 80%;}100%{background-position:0% 100%;}}

#totoro{
	position:				fixed;
	left:					0%;
	bottom:					23%;
	width:					100%;
	height:					40%;
	z-index:				-1;
	filter:alpha(opacity=0);opacity:0.0;
	background-repeat:		no-repeat,no-repeat;
	background-size:		contain,contain;
	background-position:	10% 50%,90% 50%;
	transition-duration:	1.5s;}

#totoro img{
	display:				none;}

#totoroRep{
	position:				fixed;
	left:					50%;
	bottom:					0%;
	width:					460px;
	height:					272px;
	margin-left:			-230px;
	background-image:		url("images/fonds/t/totoroRep.png");
	background-position:	0% 3277px;
	animation:				totoro 1s step-start alternate infinite;}
@keyframes totoro{
	0%{background-position:0% 3277px;}9%{background-position:0% 2979px;}20%{background-position:0% 2681px;}30%{background-position:0% 2383px;}
	40%{background-position:0% 2085px;}50%{background-position:0% 1787px;}60%{background-position:0% 1489px;}70%{background-position:0% 1191px;}
	80%{background-position:0% 893px;}91%{background-position:0% 595px;}100%{background-position:0% 297px;}}
@-webkit-keyframes totoro{
	0%{background-position:0% 3277px;}9%{background-position:0% 2979px;}20%{background-position:0% 2681px;}30%{background-position:0% 2383px;}
	40%{background-position:0% 2085px;}50%{background-position:0% 1787px;}60%{background-position:0% 1489px;}70%{background-position:0% 1191px;}
	80%{background-position:0% 893px;}91%{background-position:0% 595px;}100%{background-position:0% 297px;}}

#totoroImg{
	bottom:					0px;
	border-radius:			150%;
	transition-duration:	1s;
	-webkit-transform:translateY(135px)scale(0);-moz-transform:translateY(135px)scale(0);-ms-transform:translateY(135px)scale(0);transform:translateY(135px)scale(0);}

#listeChoix td{
	transition-duration:	0.5s;}

/*------------------------------------------------------------------------------------------------------*/

#liste2{
	text-align:				center;
	margin-top:				10px;}

#liste2>p{
	margin-top:				20px;
	font-size:				0.6em;}

#liste2>p a{
	height:					145px;}

#liste2>p span{
	max-height:				100px;}

#liste2>p a em{
	font-family:			sans-serif, Verdana, serif;
	margin-top:				106px;}

#liste2>p a:hover em{
	margin-top:				-8px;}

#liste2 i{
	margin-left:			8px;
	color:					yellow;}

#liste2 b{
	font-size:				0.8em;
	font-weight:			normal;}

#liste2 a{
	display:				inline-block;
	position:				relative;
	width:					195px;
	height:					135px;
	margin:					10px;
	text-shadow:			1px 1px 2px black, 0 0 1em blue, 0 0 0.2em blue;
    transform-style:		preserve-3d;
	transform-origin:		center bottom;
	-webkit-perspective:1000px;-moz-perspective:1000px;-o-perspective:1000px;perspective:1000px;}

#liste2 span, #liste2 em{
	display:				inherit;
	position:				absolute;
	left:					0px;
	width:					inherit;
	color:					white;
	transition-duration:	0.4s;
    transform-style:		preserve-3d;
	transform-origin:		center bottom;}

#liste2 a span{
	height:					inherit;
	background:				no-repeat center;
	background-size:		contain;}

#liste2 a:hover span{
	-webkit-transform:rotateX(60deg)translateY(-20px)rotateZ(-10deg);-moz-transform:rotateX(60deg)translateY(-20px)rotateZ(-10deg);
	-ms-transform:rotateX(60deg)translateY(-20px)rotateZ(-10deg);transform:rotateX(60deg)translateY(-20px)rotateZ(-10deg);}

#liste2 a em{
	margin-top:				100px;
	font:					1.6em Georgia;
	transition-duration:	0.6s;}

#liste2 a:hover em{
	margin-top:				2px;
	color:					black;
	text-decoration:		none;
	text-shadow:			1px 1px 2px black, 0 0 1em white, 0 0 0.2em white;}

#puzzle{
	position:				absolute;
	width:					99.4%;
	height:					95%;
	padding:				0.3%;
	transition-duration:	0.3s;}

#puzzle table, #puzzle div{
	display:				inline-table;
	position:				absolute;
	height:					100%;}

#puzzle table{
	border-collapse:		collapse;
	-webkit-box-shadow:		0 0 8px #07f inset;
	-moz-box-shadow:		0 0 8px #07f inset;
	-o-box-shadow:			0 0 8px #07f inset;
	box-shadow:				0 0 8px #07f inset;}

#puzzle table tbody,#puzzle table tr{
	background:				inherit;}

#puzzle table td{
	background:				inherit;
	-webkit-box-shadow:		0 0 1px #07f inset;
	-moz-box-shadow:		0 0 1px #07f inset;
	-o-box-shadow:			0 0 1px #07f inset;
	box-shadow:				0 0 1px #07f inset;
	transition-duration:	1s;}

#puzzle div{
	visibility:				hidden;
	right:					0px;
	width:					33%;
	line-height:			0px;
	filter:alpha(opacity=0);opacity:0;
	transition-duration:	1.5s;}

#puzzle div span{
	display:				inline-block;
	cursor:					move;
	cursor:					grab;
	background:				inherit;}

#puzzle div .piecePos{
	border:					solid thin white;
	border-radius:			8px;}

/*------------------------------------------------------------------------------------------------------*/

#jeuCarte{
	width:					100%;
	height:					100%;
	margin-top:				-20px;
	padding-top:			20px;
	overflow:				hidden;}

#jeuCarte div{
	display:				inline-block;
	position:				relative;
	left:					2%;
	margin:					0.5%;
	perspective:			200px;
    transform-style:		preserve-3d;
	-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s;}

.jeuCarte18 div{
	width:					15%;
	height:					29%;}

.jeuCarte32 div{
	width:					11%;
	height:					22%;}

#jeuCarte img{
	position:				absolute;
	max-width:				100%;
	max-height:				100%;
	border-radius:			6px;
	background-size:		100%;
	box-shadow:				#777 2px 1px 6px;
	backface-visibility:	hidden;}

#jeuCarte img:first-child{
	cursor:					pointer;
	-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}

#jeuCarte img:first-child:hover{
	-webkit-transform:scale(1.1)rotateY(0deg);-moz-transform:scale(1.1)rotateY(0deg);-ms-transform:scale(1.1)rotateY(0deg);transform:scale(1.1)rotateY(0deg);}

#jeuCarte img:last-child{
	box-shadow:				#777 2px 1px 6px;
	-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);}

#jeuCarte .rote0{
	-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);}
#jeuCarte .found{
	-webkit-transform:scale(0.9)rotateY(180deg);-moz-transform:scale(0.9)rotateY(180deg);-ms-transform:scale(0.9)rotateY(180deg);transform:scale(0.9)rotateY(180deg);}
#jeuCarte .rote{
	z-index:				2;
	-webkit-transform:scale(1.2)rotateY(180deg);-moz-transform:scale(1.2)rotateY(180deg);-ms-transform:scale(1.2)rotateY(180deg);transform:scale(1.2)rotateY(180deg);}

#cmpFaute{
	text-align:				center;
	width:					240px;
	margin-left:			20px;
	padding:				2px;
	border:					solid thin #7af;
	border-radius:			6px;
	background-color:		white;
	background:				linear-gradient(#ffffff,#bbddff);
	box-shadow:				#666 2px 1px 6px;}

#cmpRebour{
	position:				absolute;
	top:					0px;
	right:					0px;
	text-align:				center;
	width:					80px;
	height:					70px;
	margin-top:				30px;
	padding-top:			10px;
	z-index:				2;
	color:					#07a;
	font-size:				3em;
	font-family:			arial;
	cursor:					pointer;
	text-shadow:			2px 1px 5px grey;
	border:					solid medium #7af;
	border-top-width:		0px;
	border-right-width:		0px;
	border-bottom-left-radius:50px;
	background-color:		white;
	background:				linear-gradient(#ffffff,#bbddff);
	box-shadow:				#666 0px 0px 12px;}

/*------------------------------------------------------------------------------------------------------*/

#mono #plateau{
	position:				absolute;
	text-align:				center;
	width:					895px;
	height:					895px;
	border:					solid 1px black;
	border-radius:			4px;}

#mono #plateau>div{
	position:				absolute;
	width:					675px;
	height:					110px;}

#mono #plateau>div:nth-child(1){
	left:					110px;
	bottom:					0px;
	background-color:		#00bbff;}

#mono #plateau>div:nth-child(2){
	background-color:		orange;
	transform-origin:		0px bottom;
	transform:				rotateZ(90deg);}

#mono #plateau>div:nth-child(3){
	left:					110px;
	background-color:		red;
	transform-origin:		center center;
	transform:				rotateZ(180deg);}

#mono #plateau>div:nth-child(4){
	left:					110px;
	top:					110px;
	background-color:		blue;
	transform-origin:		100% top;
	transform:				rotateZ(-90deg);}

#mono #plateau>div>div{
	display:				inline-block;
	width:					75px;
	height:					110px;
	background-size:		cover;
	transition-delay:		0.1s;
	transition-duration:	0.5s;}

#mono #plateau>div>div:hover{
	z-index:				99;}

#mono #plateau>div:nth-child(1)>div:hover{
	transform:				scale(2);}

#mono #plateau>div:nth-child(2)>div:hover{
	transform:				rotateZ(-90deg)scale(2);}

#mono #plateau>div:nth-child(3)>div:hover{
	transform:				rotateZ(180deg)scale(2);}

#mono #plateau>div:nth-child(4)>div:hover{
	transform:				rotateZ(90deg)scale(2);}

#mono .coins{
	width:					110px;
	height:					110px;}

/*------------------------------------------------------------------------------------------------------*/

#quizzImg{
	display:				none;
	position:				relative;
	margin:					auto;
	text-align:				center;
	margin-top:				20px;
	padding-top:			4px;
	border:					solid thin silver;
	border-radius:			6px;
	background-color:		rgba(255,255,255,0.7);
	-webkit-box-shadow:		silver 1px 2px 5px;
	-moz-box-shadow:		silver 1px 2px 5px;
	-o-box-shadow:			silver 1px 2px 5px;
	box-shadow:				silver 1px 2px 5px;}

#quizzImg img{
	max-width:				1000px;
	max-height:				560px;
	color:					silver;
	border-radius:			6px;}

#quizzImg span{
	position:				absolute;
	display:				inline-block;
	width:					160px;
	height:					20px;
	overflow:				hidden;
	z-index:				2;
	font-size:				0.9em;
	cursor:					move;
	border:					dashed 2px #333;
	border-radius:			4px;
	background:				no-repeat right rgba(100,100,100,0.4);
	background-clip:		content-box;}

#repQ{
	display:				none;
	padding:				10px;
	border:					solid 2px #eee;
	border-radius:			6px;}

#repQ>div:first-child{
	text-align:				center;
	margin-bottom:			4px;
	color:					#00b;}

#repQ>div:first-child span{
	display:				inline-block;
	margin:					0px 10px;
	cursor:					help;}

#repQ>div:first-child span:before{
	content:				url('images/buttons/info_a1_14.png');
	padding-right:			4px;}

#repQ>div:first-child span:hover:before{
	content:				url('images/buttons/info_b1_14.png');}

#repQ>div:not(:first-child){
	padding:				3px;
	padding-left:			164px;}

#repQ>div input:first-child{
	text-align:				center;
	width:					44px;
	height:					20px;
	margin-left:			24px;
	font-size:				small;
	border:					solid thin black;
	border-radius:			4px;}

#repQ button{
	width:					100px;
	height:					24px;
	margin:					0px 19px;
	border:					solid thin black;
	border-radius:			4px;}

#repQ>div input:last-child{
	width:					446px;
	height:					22px;
	font-size:				small;
	border:					solid thin black;
	border-radius:			4px;}

/*------------------------------------------------------------------------------------------------------*/

#elements{
	margin:					auto;}

#elements .tdH{
	visibility:				hidden;}

#elements a, #familles a{
	color:					black;
	text-decoration:		none;}

#elements a:hover, #familles a:hover{
	color:					black;
	text-decoration:		underline;}

#elements a:visited{
	color:					black;}

#elements td:not(#familles){
	width:					85px;
	max-height:				100px;
	min-width:				85px;
	max-width:				85px;
	padding:				4px;
	padding-right:			12px;
	border:					solid thin #aaa;
	border-radius:			2px;
	-webkit-box-shadow:		#fff 0px 0px 4px inset;
	-moz-box-shadow:		#fff 0px 0px 4px inset;
	-o-box-shadow:			#fff 0px 0px 4px inset;
	box-shadow:				#fff 0px 0px 4px inset;}

#elements #familles{
	text-align:				center;
	vertical-align:			top;}

#familles li{
	display:				inline-block;
	width:					220px;
	margin:					2px 10px;
	font-size:				1.1em;
	list-style-type:		none;
	border:					solid thin #aaa;
	border-radius:			2px;}

#familles li a{
	display:				inherit;
	width:					inherit;
	padding:				4px;}

#familles button{
	width:					200px;
	margin:					30px 5px;
	font-size:				1em;
	border:					solid thin grey;
	border-radius:			4px;
	background-color:		white;}

#familles button:hover{
	border-left-width:		medium;
	border-right-width:		medium;}

#elements span, #elements input{
	display:				block;}

#elements input:focus{-webkit-box-shadow:#07f 0px 0px 16px 4px;-moz-box-shadow:#07f 0px 0px 16px 4px;-o-box-shadow:#07f 0px 0px 16px 4px;box-shadow:#07f 0px 0px 16px 4px;}

#elements td div{
	position:				absolute;
	text-align:				center;
	width:					12px;
	margin-left:			84px;
	font-size:				0.7em;
	border-radius:			2px;
	background-color:		rgba(255,255,255,0.5);
	font-weight:			bold;}

#elements .symZ{
	font-size:				0.9em;
	font-weight:			bold;}

#elements .symX{
	text-align:				center;
	font-size:				1.6em;
	height:					28px;
	font-weight:			bold;}

#elements .symX input{
	margin:					auto;
	text-align:				center;
	width:					40px;
	height:					28px;
	font-size:				0.8em;
	font-weight:			bold;
	font-family:			sans-serif, Verdana, serif;
	border:					solid thin #777;
	border-radius:			2px;}

#elements .symNom{
	text-align:				center;
	max-height:				20px;
	min-height:				20px;
	margin-top:				6px;
	font-size:				0.8em;
	font-weight:			bold;
	-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-o-hyphens:auto;hyphens:auto;}

#elements .symNom input,#elements .symNom0 input{
	text-align:				center;
	width:					80px;
	font-family:			Verdana, serif;
	border:					solid thin #777;
	border-radius:			2px;}

#elements .symNom0{
	text-align:				center;
	min-height:				20px;
	margin-bottom:			4px;
	font-size:				0.7em;
	font-weight:			bold;}

#elements .symNom0 input{
	height:					14px;}

#elements .symA{
	font-size:				0.6em;
	font-weight:			bold;}

/*------------------------------------------------------------------------------------------------------*/

#picross{
	text-align:				center;
	margin:					auto;
	border-collapse:		collapse;
	margin-top:				30px;
	font-weight:			bold;
	border:					solid 2px #7af;
	background-color:		rgba(255,255,255,0.8);}

#picross tr:first-child td{
	border:					none;
	border-left:			solid thin #eee;}

#picross tr:first-child td:not(:first-child){
	border-bottom:			solid 2px #7af;}

#picross tr:first-child span{
	display:				block;}

#picross td:first-child {
	border:					none;
	border-right:			solid 2px #7af;
	border-top:				solid thin #eee;}

#picross td:first-child span{
	padding:				5px;}

#picross td{
	border:					solid thin #bdf;}

#picross td:nth-child(5n+6):not(:last-child){
	border-right-color:		#7af;}

#picross tr:nth-child(5n+6):not(:last-child) td{
	border-bottom-color:	#7af;}

.picrossWidht0 td{
	width:					38px;
	height:					38px;}

.picrossWidht1 td{
	width:					32px;
	height:					32px;
	font-size:				0.9em;}

#infoPuc{
	position:				absolute;
	top:					30px;
	left:					15px;
	text-align:				center;
	width:					110px;}

#infoPuc span{
	display:				block;
	padding:				2px;
	background-color:		white;}

/*------------------------------------------------------------------------------------------------------*/

#radios iframe{
	margin:					5px 15px;
	transition-duration:	.5s;}

#radios iframe:hover{
	-webkit-transform:rotateZ(-10deg);-moz-transform:rotateZ(-10deg);-ms-transform:rotateZ(-10deg);transform:rotateZ(-10deg);}

/*------------------------------------------------------------------------------------------------------*/

#cylindre{
	width:					inherit;
	height:					250px;
	perspective:			1200px;}
#cylindre>div{
	width:					inherit;
	height:					inherit;
	transform-style:		preserve-3d;
	animation:				cyRot 40s infinite linear;}
@keyframes cyRot{0%{transform:rotateX(90deg);}100%{transform:rotateX(450deg);}}
#cylindre>div div{
	position:				absolute;
	width:					inherit;
	height:					45px;
	margin-top:				102px;
	background-image:		url('img/cyRot.jpg');
	background-size:		100% 785px;
	backface-visibility:	hidden;}

/*------------------------------------------------------------------------------------------------------*/

#donation{
	margin:					30px auto;
	text-align:				center;
	width:					840px;}
#donation>p{
	padding:				80px 20px 40px 20px;
	border-radius:			800px 800px 0px 0px;
	background:				url('images/rurin/5b.png') no-repeat 86% 20px,url('images/rurin/casque.png') no-repeat 17% 50%, linear-gradient(#e5f5ff, #ffffff);}
#donation>p:hover{
	background:url('images/rurin/5b.png') no-repeat 86% 20px,url('images/rurin/casque.png') no-repeat 17% 50%, linear-gradient(#ffeedd, #ffffff);}
#donation>p a:first-child{
	display:				inline-block;
	margin-bottom:			14px;
	background:				url('images/paypal.png') no-repeat;
	background-size:		260px 75px;}
#donation>p img{
	transition-duration:	0.3s;
	filter:alpha(opacity=0);opacity:0;}
#donation>p:hover img{
	filter:alpha(opacity=100);opacity:1.0;}
#donation>div{
	padding:				20px;
	border-radius:			0px 0px 6px 6px;
	background-color:		white;}
#donation table{border-collapse:collapse;}
#donation thead td{padding-bottom:20px;color:#05b;font-family:palatino linotype;font-size:small;}
#donation tbody td{padding-top:3px;font-family:Calibri,"Trebuchet MS";border-bottom:solid thin silver;}
#donation tbody td:nth-child(2){text-align:left;}
#donation tbody td:nth-child(3){text-align:justify;}

/*------------------------------------------------------------------------------------------------------*/

#pubL,#pubR{
	display:				none;
	position:				fixed;
	bottom:					30px;
	width:					160px;
	height:					600px;}

#pubL{left:					20px;}
#pubR{right:				20px;}

/*------------------------------------------------------------------------------------------------------*/

@media all and (max-device-width: 720px){
body{
	font-size:				2rem;
	background:				url("membres/0/bgWidthV.jpg") fixed 50% 50%;
	background-size:		cover;}
#divBan{
	min-width:				720px;
	height:					160px;
	margin-top:				18px;
	background-image:		url("images/banWidth.jpg");}
#firstDiv{
	width:					94%;}
#listeOlAttente>div{
	width:					88%;}
.index2 #nav1{
	min-width:				720px;}
#liste{
	min-width:				720px;
	font-size:				1.5rem;}
.width400{
	min-width:				400px;}
.toPage a,.toPage select,.toPage span{
	margin:					0px 0.2em;
	padding:				6px 0px 10px 0px;
	font-size:				2rem;}
#motorSearch{
	width:					92%;}
#motorSearch input, #motorSearch select, #motorSearch label{
	font-size:				1.4em;}
select, input{
	font-size:				1.5rem;}
}

@media all and (max-device-width: 1280px) and (orientation: landscape){
body{
	background:				url("membres/0/bgWidthO.jpg") fixed 50% 50%;
	background-size:		cover;}
#divBan{
	min-width:				1100px;}
#firstDiv{
	width:					1100px;}
.index2 #nav1{
	min-width:				1080px;}
}