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

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

html{
	height:					100%;}

body{
	height:					100%;
	margin:					0px;
	padding:				0px;
	font-family:			sans-serif, Verdana, serif;
	-ms-perspective:		1500px;}

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

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

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

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

#body a{
	text-decoration:		none;
	color:					#0ae;}

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

img{
	border:					none;}

.img1, .img2, #coadmin img{
	max-width:				990px;
	max-height:				240px;
	margin:					4px;
	padding:				5px;
	cursor:					pointer;
	cursor:					hand;
	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/dir15.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');}

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

#nav1, #nav0{
	margin:					0px;
	margin-bottom:			6px;
	background:				#ffffff;
	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);}

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

#nav1 a:hover, #nav0 span:hover, .focusNav1{
	text-decoration:		none;
	background-color:		white;}

#nav1 a:visited{
	color:					black;}

#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 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:					0px;
	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;}

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

#onglets{
	text-align:				center;
    transform-style:		preserve-3d;
	-webkit-perspective:500px;-moz-perspective:500px;-ms-perspective:500px;perspective:500px;}

#onglets a, #onglets 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(0deg);}
	
#onglets a:visited{
	color:					black;}

#onglets a:hover, #onglets span:hover, #onglets  .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);}

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

.listing{
	margin-bottom:			6px;
	padding:				20px 30px;
	border-bottom:			solid thin #cde;
	border-radius:			4px;
	background:				no-repeat 50% 0px rgba(255,255,255,0.95);
	background-size:		80px 30px;}

.listing table{
	width:					100%;}

#streaming{
	margin:					auto;
	text-align:				center;}

#streaming>a{
	display:				inline-block;
	width:					220px;
	margin:					16px;
	padding:				6px;
	overflow:				hidden;
	font-size:				small;
	color:					black;
	border:					solid thin #8bf;
	border-radius:			2%;
	background-color:		rgba(255,255,255,0.8);
	box-shadow:				#bef 0px 0px 10px inset;
	-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;transition:all .4s;}

#streaming>a:hover{
	margin:					0px 0px 12px 0px;
	padding:				22px 22px 10px 22px;
	text-decoration:		none;
	border-radius:			50%;
	-webkit-box-shadow:		silver 0px 0px 6px;
	-moz-box-shadow:		silver 0px 0px 6px;
	-o-box-shadow:			silver 0px 0px 6px;
	box-shadow:				#bef 0px 0px 60px inset;}

#streaming h3{
	height:					38px;
	margin:					0px;
	font-size:				1em;}

#streaming span{
	display:				inline-block;
	width:					150px;
	height:					100px;
	border-radius:			4px;}

#streaming img{
	border-radius:			4px;}

#noteStream{
	text-align:				center;}

#noteStream button{
	width:					60px;
	height:					30px;
	margin:					10px;
	font-size:				1.1em;
	color:					#8bf;
	border:					solid thin #8bf;
	border-radius:			4px;
	background-color:		white;
	-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s;}

#noteStream button:hover{
	color:					#000;
	background-color:		#acf;}

#noteStream sub{
	color:					#8bf;}

#votants{
	max-height:				104px;	
	margin:					10px;
	padding:				20px 25px;
	overflow:				auto;
	font-size:				0.8em;
	border:					solid thin #adf;
	border-radius:			4px;}

#votants button{
	display:				inline-block;
	text-align:				center;
	min-width:				152px;
	margin:					2px;
	padding:				1px;
	color:					grey;
	border:					solid thin silver;
	border-radius:			4px;
	background-color:		white;}

#votants button:hover{
	color:					silver;}

.disclaim{
	margin:					30px 60px;
	padding:				10px 0px 10px 140px;
	color:					white;
	cursor:					hand;
	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;}

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

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

.toPage a,.toPage select,.toPage span{
	display:				inline-block;
	width:					40px;
	margin:					0px 6px;
	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;}

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

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

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

#hdd{
	text-align:				center;
	width:					100%;
	height:					inherit;
	border-collapse:		collapse;
	background-color:		rgba(255,255,255,0.85);}

#hdd tr:first-child ul ul ul a{color:#00a;}
#hdd tr:first-child ul ul ul ul a{color:#00d;}
#hdd tr:first-child ul ul ul ul ul a{color:#00f;}

#hdd tr:first-child td:first-child{
	text-align:				left;
	width:					13%;
	min-width:				180px;
	max-width:				200px;
	font-size:				small;
	font-weight:			bold;
	border-right:			solid thin black;
	background-color:		rgba(255,255,255,0.8);}

#hdd tr:first-child td:first-child>div{
	margin:					0px 10px 0px 8%;
	overflow:				auto;}

#hdd tr:first-child .dirPrive{
	background-color:		rgba(190,200,255,0.5);}

#hdd tr:first-child td:last-child{
	height:					80px;}

#gestion td{
	width:					26%;
	height:					40px;
	border-top:				solid thin black;
	border-bottom:			solid thin black;
	border-right:			solid thin #ddd;
	background-color:		rgba(255,255,255,0.8);}

#gestion td:last-child{
	width:					19%;
	min-width:				134px;}

#gestion img{
	margin:					0px 4%;}

.marge7 img{
	margin:					0px 7%;}

#gestion form{
	display:				inline;}

#gestion input, #gestion button{
	width:					40%;
	max-width:				140px;
	margin:					0px 2%;
	font-size:				1em;
	border:					solid thin grey;
	border-radius:			4px;}

#gestion td:first-child:not(.gestPublic) input{
	width:					60%;
	max-width:				280px;
	margin:					0px;}

#gestion .gestPublic{
	width:					78%;}

#gestion .gestPublic select{
	text-align:				center;
	width:					30%;
	max-width:				260px;
	margin-right:			2%;}

#gestion #searchInDir{
	max-width:				36%;}

#gestion .gestPublic input:last-child{
	width:					14%;
	min-width:				100px;}

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

#home #content>div{
	max-height:				700px;
	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, #gestion 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, #gestion 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{
	display:				none;}

.aff1 b{
	display:				block;}

.aff2{
	overflow:				auto;}

#home .aff2{
	max-height:				600px;}

.aff2>div>div{
	display:				table;
	text-align:				left;
	table-layout:			fixed;
	width:					100%;
	margin:					20px;
	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{
	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;}

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

.aff2 b{
	visibility:				hidden;}

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

#connecte{
	margin:					15px 0px;
	padding:				5px;
	font-size:				0.9em;
	font-family:			Georgia, serif;
	border:					solid thin #7af;
	border-radius:			6px;
	background-color:		rgba(255,255,255,0.9);
	box-shadow:				#58f 0px 0px 2px inset;}

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

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

#viewBox{
	display:				none;
	position:				fixed;
	top:					0px;
	text-align:				center;
	z-index:				4;
	width:					100%;
	height:					100%;
	overflow:				hidden;
	cursor:					pointer;
	cursor:					hand;
	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-perspective:1500px;-moz-perspective:1500px;-ms-perspective:1500px;perspective:1500px;
	-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:					hand;
	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;}

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

#upCont, #sendBox, #createZip{
	display:				none;
	text-align:				center;
	position:				fixed;
	top:					0px;
	left:					0px;
	width:					100%;
	padding:				10px 0px 20px 0px;
	z-index:				2;
	border-bottom:			solid thin #666;
	background-color:		rgba(255,255,255,0.9);}

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

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

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

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

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

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

#spaceHdd0{
	position:				absolute;
	top:					0px;
	right:					0px;}

#spaceHdd0 img:last-child{
	filter:alpha(opacity=70);opacity:0.7;}

#spaceHdd1{
	text-align:				left;
	height:					16px;
	margin:					6px 2% 0px 2%;
	font-size:				small;
	font-weight:			bold;
	border:					solid thin silver;
	border-radius:			4px;
	background-color:		#8bf;}

#spaceHdd1 div{
	text-align:				center;
	max-width:				100%;
	height:					100%;
	border-right:			solid thin silver;
	background-color:		#fa5;}

#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:					110px;
	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:					hand;
	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:					hand;
	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;
	border-bottom:			solid thin black;
	background:				url('images/mail.png') no-repeat 30px, linear-gradient(#e5f5ff, #ffffff);}

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

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

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

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

#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:				130px;
	margin:					20px 10px;
	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>div{
	display:				inline-block;
	padding:				10px;}

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

.comment>div:first-child img{
	max-width:				120px;
	max-height:				220px;}

.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 0px 0px 12px;
	-moz-box-shadow:		silver 0px 0px 12px;
	-o-box-shadow:			silver 0px 0px 12px;
	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 0px 0px 12px;
	-moz-box-shadow:		silver 0px 0px 12px;
	-o-box-shadow:			silver 0px 0px 12px;
	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:					hand;
	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;}

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

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

.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 hr{
	padding:				2px;	
	border:					solid thin #cef;
	border-radius:			2px;}
	
.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;}

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

.inputT, .inputT2, .inputT3, .inputT4, .inputT5{
	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;
	cursor:					hand;
	border-radius:			4px;}

.inputS{
	width:					200px;
	margin:					3px 0px;
	padding:				4px;
	cursor:					pointer;
	cursor:					hand;
	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;}

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

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

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

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

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

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

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

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