body {
	border:0;
	background:#000 url('../images/css/fond_noob.jpg') center top no-repeat;
	font-family:Arial, Helvetica, sans-serif;
}

* {
	margin:0;
	padding:0;
}

input, textarea, select {outline : none;}

textarea{ resize:none;}

::-ms-clear {
	display: none;
}

hr {
height: 1px;
margin: -0.1em 0;
padding: 0;
color: #F00;
background-color: #F1EEE2;
border: 0;
}


div#main {
	padding-top: 5px;
}

div#wrapper {
    height: 100%;
    margin: 0 auto;
    padding-bottom: 30px;
    position: relative;
    width: 1024px;
}

div#header {
	background:url('../images/css/fond-header.jpg') repeat-x;
	border:1px #000 thin;
	position:absolute;
	top:5px;
	height: 38px;
	width: 100%;
	z-index:1;
	text-align:center;
}
	
.top-tab {
  	background: url(../images/tab_b.png) repeat-x;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 2;
	text-align:center;
}

.top-login {
	display: block;
	margin:0 auto;
  	float: left;
  	clear: right;
  	height: 42px;
	width: 100%;
  	font-weight: bold;
	line-height: 42px;
  	color: white;
  	font-size: 80%;
	text-align: center;
}

.top-left {
  	background: url(../images/tab_l.png) no-repeat top left;
  	height: 42px;
	width: 30px;
  	display: block;
	float: left;
}

.top-right {
	background-image:url(../images/tab_r.png);
  	height: 42px;
	width: 30px;
  	display: block;
	float: left;
}

.top-blank {
  	height: 42px;
	width: 50px;
  	display: block;
	float: left;
}

.top-user {
	text-align:center;
	vertical-align:middle;
	line-height:25px;
  	padding: 10px 30px 0px 17px;
	margin:0 auto;
	display: block;
	float: left;
	height: 32px;
  	background: url(../images/tab_m.png) repeat-x 0 0;
	font-size:14px;
	font-weight:normal;
	cursor:default;
}

.top-noob {
	text-align:center;
	vertical-align:middle;
	line-height:25px;
  	padding: 10px 22px 0px 17px;
	margin:0 auto;
	display: block;
	float: left;
	height: 32px;
  	background: url(../images/tab_m.png) repeat-x 0 0;
	font-size:14px;
	font-weight:normal;
	}

	.top-open {
	color:#15ADFF;
	font-weight:bold;
	}
	
	.top-link {
	color:#FFF;
	text-decoration:none;
	}
	
	a.top-link:hover {
	color:#CCC;
	text-decoration:none;
	}
	
	#pub-haut {
		width: 636px;
		padding: 62px 0 0 20px;
	}
	
	.olygames {
		font-family: Arial;
		font-size: 10px;
		color: #254d90;
	}
	.olyuniv {
		font-family: Arial;
		font-size: 10px;
		color: #b84e28;
	}
	div#entete {
		background: url('../images/css/entete-site.png') bottom left no-repeat transparent;
 	  	width: 100%;
		height: 154px;
	}

	div#olydid {
	  	  background: url('../images/css/fond-login.png') repeat scroll 0 0 transparent;
	  	  height: 155px;
	 	  position: absolute;
	  	  right: -1px;
	   	 top:0;
	   	 width: 354px;
	   	 z-index: 5;
	}
	
		#olydid * {
		}
		
		#olydid .btn-add-user {
		    position: absolute;
		    right: 122px;
		    top: 20px;
		}
		#olydid a.register {
			position:absolute;
			right:24px;
			top:22px;
			/*color:#ffe076;**/
			color:#fff;
			font-weight:bold;
			font-size: 12px;
		}
		#olydid a.register:hover {
			color:#bfff6c;
			text-decoration:underline;
		}
		#olydid span {
			position:absolute;
			left:35px;
		}
		#olydid sup span {
			color:#89d4ff;
			display:inline-block;
			width:100px;
			text-align:right;
			margin-right:5px;
			font-size: 15px;
		}
		
		.logged_in {
			position:relative;
			top:21px;
			left:-30px;
			color:#89d4ff;
			display:inline-block;
			text-align:right;
			margin-right:5px;
			font-size: 16px;
			width:100%;
			text-align:right;
			font-weight:bold;
		}
		
		.logged_input {
			background:	url("../images/olydid.input.png");
			font-family:Arial, Helvetica, sans-serif;
			cursor:pointer;
			color:#AAAAAA;
			font-size:12px;
			font-weight:bold;
			background-clip:border-box;
			border:1px #666 solid;
			width:145px;
			height:19px;
			line-height:15px;
			vertical-align:top;
			margin:3px;
			position:relative;
			top:7px;
			left:8px;
		}
		
		.logged_input:hover {
			color:#FFF;
			border:1px #C9C9C9 solid;
		}
		
		.avatar {
			width:160px;
			height:70px;
			position:absolute;
			top:30px;
			left:44px;
			font-size:14px;
			text-align:center;
			color:#FFF;
			cursor:default;
		}
		
		.avatar img {
			border:1px #C9C9C9 solid;
			margin-bottom:3px;
		}
	
		#olydid sup input:hover,
		#olydid sup input:focus {
			color:#fff;
		}
		.login_input {
			background:url('../images/css/olydid.input.png') repeat scroll 0 0 transparent;
		    color: #AAAAAA;
		    height: 19px;
		    left: 148px;
		    padding: 4px 7px 0;
		    position: absolute;
		    width: 145px;
			vertical-align:middle;
			font-size: 15px;
			border:none;
		}
		
		#olydid .oIydIDuser span {top:60px;}
		#olydid .oIydIDpass span {top:88px;}
		#olydid .oIydIDremember { color:#89d4ff; position:absolute; top:117px; left:117px; width:250px; font-size:12px; }
		#olydid .oIydIDuser input {top:55px;}
		#olydid .oIydIDpass input {top:83px;}
		#olydid #olydiIDkeks { display:none; }
		
		#olydid a.ok {
			display:block;
			height:27px;
			line-height:31px;
			position:absolute;
			top:113px;
			background:url(../images/btn-ok-login.png) no-repeat;
			text-align:center;
		}
		#oIydIDsubm {
			display:block;
			height:27px;
			width:27px;
			line-height:31px;
			position:absolute;
			top:113px;
			background:url(../images/btn-ok-login.png) no-repeat;
			text-align:center;
			left:282px;
			border: none;
			text-indent: -9999px;
		}
		#oIydIDsubm:hover {
			cursor: pointer;
		}
		#olydid a.pw {
			display:block;
			height:31px;
			line-height:31px;
			position:absolute;
			top:121px;
			text-align:center;
			text-decoration:none;
		}
		#olydid a.ok {
			left:282px;
			width:26px;
			color:#9ba390;
		}
		#olydid a.pw {
			left:10px;
			width:120px;
			background-position:0 0;
			font-size: 12px;
			color:#f7a32c;
		}
		#olydid a.ok:hover {
			color:#bfff6c;
		}
		#olydid a.pw:hover {
			background-position:0 -32px;
			color:#e94f46;
		}


div#contenu {
	
}

	div#centre {
		background: url('../images/css/fonds_contenu.png') repeat-y transparent;
 	   	width: 100%;
	}

	div#wrapper-centre {
 	   margin: 0 auto;
 	   width: 1003px;
	}

	div#menu {
		background: url('../images/css/fond_menu.png') repeat-x;
 	  	width: 1004px;
		height: 37px;
	}
	
		ul#menu_haut {
				 float: left;
	 			 width: 960px;
	 			 list-style: none;
		}

		ul#menu_haut li {
	  			display: inline;
		}

		ul#menu_haut li a {
				 float: left;
	  			font: bold 1.1em arial,verdana,tahoma,sans-serif;
	 			line-height: 37px;
	  			color: #fff;
	 			text-decoration: none;
	  			text-shadow: 1px 1px 1px #880000;
		}

		/* Lien en cours */
		ul#menu_haut .current a, ul#menu_haut li:hover > a  {
			  color: #fff;
			  text-decoration: none;
			  text-shadow: 1px 1px 1px #330000;
		}

		/* Sous menu caché par défaut */
		ul#menu_haut  ul {
			  display: none;
		}
		
		/* Au survol du menu, le sous menu apparati */
		ul#menu_haut li:hover > ul {
			  position: absolute;
			  display: block;
			  width: 1002px;
			  height: 37px;
			  position: absolute;
			  margin: 37px 0 0 10px;
		}
		
		ul#menu_haut li:hover > ul li a {
			float: left;
			font: bold 1em arial,verdana,tahoma,sans-serif;
			line-height: 37px;
			color: #fff;
			text-decoration: none;
			padding: 0 30px 0 0;
		}
		
		ul#menu_haut li:hover > ul li a:hover {
			color: #120000;
			text-decoration: none;
			text-shadow: none;
		}
		
		.submenu {
			line-height:30px !important;
			vertical-align:middle !important;
			font-size:14px !important;
		}

		ul#menu_haut li a:link, ul#menu_haut li a:visited, ul#menu_haut li a:active {
			display: block;
			float: left;
		}

		ul#menu_haut li a:link.item1, ul#menu_haut li a:visited.item1, ul#menu_haut li a:active.item1 {
			background: url('../images/css/accueil_off.png') no-repeat;
			width: 71px;
			height: 37px;

		}
			ul#menu_haut .current a, ul#menu_haut li:hover > a.item1 {
				background: url('../images/css/accueil_on.png') no-repeat;
				width: 71px;
				height: 37px;
			}

		ul#menu_haut li a:link.item2, ul#menu_haut li a:visited.item2, ul#menu_haut li a:active.item2 {
			background: url('../images/css/news_off.png') no-repeat;
			width: 92px;
			height: 37px;
		}
			ul#menu_haut .current  a, ul#menu_haut li:hover > a.item2 {
				background: url('../images/css/news_on.png') no-repeat;
				width: 92px;
				height: 37px;
			}

		ul#menu_haut li a:link.item3, ul#menu_haut li a:visited.item3, ul#menu_haut li a:active.item3 {
			background: url('../images/css/jeux_off.png') no-repeat;
			width: 86px;
			height: 37px;
		}
			ul#menu_haut .current  a, ul#menu_haut li:hover > a.item3 {
				background: url('../images/css/jeux_on.png') no-repeat;
				width: 86px;
				height: 37px;
			}

		ul#menu_haut li a:link.item4, ul#menu_haut li a:visited.item4, ul#menu_haut li a:active.item4 {
			background: url('../images/css/forum_off.png') no-repeat;
			width: 92px;
			height: 37px;
		}
			ul#menu_haut .current  a, ul#menu_haut li:hover > a.item4 {
				background: url('../images/css/forum_on.png') no-repeat;
				width: 92px;
				height: 37px;
			}
			
		ul#menu_haut li a:link.item5, ul#menu_haut li a:visited.item5, ul#menu_haut li a:active.item5 {
			background: url('../images/css/boutique_off.png') no-repeat;
			width: 116px;
			height: 37px;
		}
			ul#menu_haut .current  a, ul#menu_haut li:hover > a.item5 {
				background: url('../images/css/boutique_on.png') no-repeat;
				width: 116px;
				height: 37px;
			}
			
		ul#menu_haut li a:link.item6, ul#menu_haut li a:visited.item6, ul#menu_haut li a:active.item6 {
			background: url('../images/css/tchat_off.png') no-repeat;
			width: 86px;
			height: 37px;
		}
			ul#menu_haut .current  a, ul#menu_haut li:hover > a.item6 {
				background: url('../images/css/tchat_on.png') no-repeat;
				width: 86px;
				height: 37px;
			}
			
		ul#menu_haut li a:link.item7, ul#menu_haut li a:visited.item7, ul#menu_haut li a:active.item7 {
			background: url('../images/css/membres_off.png') no-repeat;
			width: 110px;
			height: 37px;
		}
			ul#menu_haut .current  a, ul#menu_haut li:hover > a.item7 {
				background: url('../images/css/membres_on.png') no-repeat;
				width: 110px;
				height: 37px;
			}
			
		ul#menu_haut li a:link.item8, ul#menu_haut li a:visited.item8, ul#menu_haut li a:active.item8 {
			background: url('../images/css/inscription_off.png') no-repeat;
			width: 100px;
			height: 37px;
		}
			ul#menu_haut .current  a, ul#menu_haut li:hover > a.item8 {
				background: url('../images/css/inscription_on.png') no-repeat;
				width: 100px;
				height: 37px;
			}


		div#sous-menu {
			background: url('../images/css/fond_ssmenu.png') repeat-x;
 	  		width: 1004px;
			height: 28px;			
		}
			
			#news {
				border:0;
				width:625px;
				margin-top:9px;
				padding:5px;
			}
			#news h3 {
				color: #028bcf;
				font-family:"Yanone Kaffeesatz", sans-serif;
				font-size: 30px;
				text-decoration:none;
				font-weight:normal;
			}
			.news-contenu {
				color:#666;
				font-size:12px;
				font-family:Arial, Helvetica, sans-serif;
				text-align:justify;
			}
			.news-contenu img {
				border:1px #C9C9C9 solid;
			}
			.news-contenu a {
				color:#F00;
				text-decoration:none;
			}
			.news-contenu a:hover {
				text-decoration:underline;
			}
			
			.news-contenu p {
				margin-top:10px;
				padding:inherit;
			}
			
			.news-contenu ul {
				margin: 8px 0;
				padding: 0 25px;
			}
			.news-contenu li {
				list-style-type: inherit;
				margin: 3px 5px;
				padding: 0;
			}
			
			#actualites {
				border:1px #C9C9C9 solid;
				width:625px;
				margin-top:9px;
				padding:5px;
			}
			
			#actualites h4 a:link, #actualites h4 a:visited, #actualites h4 a:active {
				color: #028bcf;
				font-family:"Yanone Kaffeesatz", sans-serif;
				font-size: 20px;
				text-decoration:none;
				font-weight:normal;
			}
			#actualites h4 a:hover {
				color: #d58400;
				font-size: 20px;
				text-decoration:none;
				font-weight:normal;
			}
				.news-image {
					-webkit-transition:all .7s ease;
					-moz-ttransition:all .7s ease;
					-ms-transition:all .7s ease;
					-o-transition:all .7s ease;
					transition:all .7s ease;
					width:150px;
					height:80px;
					border:none !important;
				}
				.news-image:hover {
					-webkit-transform:scale(1.2) rotate(5deg);
					-moz-transform:scale(1.2) rotate(5deg);
					-ms-transform:scale(1.2) rotate(5deg);
					-o-transform:scale(1.2) rotate(5deg);
					transform:scale(1.2) rotate(5deg);
				}
				.news-div > a {
					display:inline-block;
					overflow:hidden;
					float:left;
					border:1px #C9C9C9 solid;
				}
				.news-div div {
					margin-left:155px;
					margin-top:-4px;
				}
				.news-div {
					width:100%;
					float:left;
					clear: both;
					padding-bottom:5px;
					vertical-align:middle;
				}
				.date {
					color: #adacac;
					font-family: Helvetica;
					font-size: 10px;
				}	
				.news-texte {
					color: #636363;
					font-family: Helvetica;
					font-size: 12px;
					text-align:justify;
				}
				.news-div p {
					color: #636363;
					font-family: Helvetica;
					font-size: 12px;
					text-align:justify;
				}
				.news-texte a {
					color:#028bcf;
					text-decoration:none;
				}
				.news-texte p, a {
					color:#028bcf;
					text-decoration:none;
				}
				.news-texte p, a:hover {
					text-decoration:underline;
				}
				.news-texte a:hover {
					text-decoration:underline;
				}
				.news-suite {
					color: #d58400;
					font-family: Helvetica;
					font-size: 12px;
					text-decoration:none;
				}
			
			#comms {
				width:625px;
				margin-top:19px;
				padding:5px;
			}			

		div#right {
			min-height: 600px;
		}

			div#new-membres {
				width: 336px;
				height: 190px;
				border: 1px #c9c9c9 solid;
				margin: 8px auto 0 auto;
				-webkit-border-top-right-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright: 5px;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
				background: #ffffff; /* Old browsers */
				background: -moz-linear-gradient(top,  #ffffff 1%, #efefe7 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#efefe7)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #ffffff 1%,#efefe7 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #ffffff 1%,#efefe7 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #ffffff 1%,#efefe7 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #ffffff 1%,#efefe7 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefe7',GradientType=0 ); /* IE6-9 */
			}
			
			p#titre-new-membres {
					width: 336px;
					height: 30px;
					margin: auto;
					background-color: #c3e353;
					color:#d75077;
					font-family: Arial;
					font-size: 16px;
					text-transform: uppercase;
					text-align:center;
					-webkit-border-top-right-radius: 5px;
					-moz-border-radius-topleft: 5px;
					-moz-border-radius-topright: 5px;
					border-top-left-radius: 5px;
					border-top-right-radius: 5px;
			}
			
			p.new-membres-text {
					width: 336px;
					color:#E37354;
					font-family: Arial;
					font-size: 16px;
					margin-top:10px;
					text-align:left;
					margin-left:50px;
					line-height:22px;
			}
			
			span.new-membres-date {
					color: #636363;
					font-family: Arial;
					font-size: 14px;
			}
			
			div.new-membres-text {
					width: 325px;
					margin: 5px;
					color:#E37354;
					font-family: Arial;
					font-size: 16px;
			}
		
			#pub2 {
				width: 336px;
				height: 280px;
				margin:10px auto 5px auto;
				position:relative;
				top:-5px;
				left:-5px;
			}
			
			#last-posts-forum {
				width: 336px;
				height: 170px;
				border: 1px #c9c9c9 solid;
				margin: 8px auto 0 auto;
				-webkit-border-top-right-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright: 5px;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
				background: #ffffff; /* Old browsers */
				background: -moz-linear-gradient(top,  #ffffff 1%, #efefe7 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#efefe7)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #ffffff 1%,#efefe7 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #ffffff 1%,#efefe7 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #ffffff 1%,#efefe7 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #ffffff 1%,#efefe7 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefe7',GradientType=0 ); /* IE6-9 */
			}
			
			p#titre-last-posts-forum {
					width: 336px;
					height: 30px;
					margin: auto;
					background-color: #E37354;
					color:#FFFFFF;
					font-family: Arial;
					font-size: 16px;
					text-transform: uppercase;
					text-align:center;
					-webkit-border-top-right-radius: 4px;
					-moz-border-radius-topleft: 4px;
					-moz-border-radius-topright: 4px;
					border-top-left-radius: 4px;
					border-top-right-radius: 4px;
			}
			
			p.last-posts-forum-text {					
					width: 326px;
					color:#E37354;
					font-family: Arial;
					font-size: 13px;
					margin-top:5px;
					text-align:left;
					margin-left:10px;
					white-space:nowrap;
					overflow:hidden;
			}
			
			#last-posts-forum h4 a:link,
			#last-posts-forum h4 a:visited,
			#last-posts-forum h4 a:active {
				color: #028bcf;
				font-family: Helvetica;
				font-size: 12px;
				font-weight: normal;
			}
			#last-posts-forum h4 a:hover {
				color: #a97a4c;
				font-family: Helvetica;
				font-size: 12px;
				font-weight: normal;
			}

				.forum-contenu {
					float: left;
					margin-left: 10px;
					width: 307px
				}
				.ago {
					color: #adacac;
					font-family: Helvetica;
					font-size: 10px;
				}	
				.forum-texte {
					color: #636363;
					font-family: Helvetica;
					font-size: 12px;
				}
				.forum-pseudo {
					color: #a97a4c;
				}
				.forum-lien {
					color: #f37035;
					text-decoration: underline;
				}
				
		div#connecte {
			width: 337px;
			height: 486px;
			background: url('../images/css/panneau_connecte.jpg') no-repeat;
			margin: 8px 0 0 5px;
		}

#bottom-contenu{
	background: url('../images/css/fond_bas_contenu.png') no-repeat;
	width: 1024px;
	height: 12px;
}

div#footer {
	height: 160px;
	width: 954px;
	margin-left:10px;	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 1%, #efefe7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#efefe7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#efefe7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 1%,#efefe7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 1%,#efefe7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 1%,#efefe7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefe7',GradientType=0 ); /* IE6-9 */
	padding: 30px 20px 20px 30px;
}

div#footer a {
	color:#028bcf;
	text-decoration:none;
}

div#footer a:hover {
	color: #d58400;
}

	#infos_olydri,
	#infos_legales,
	#infos_univers,
	#infos_services,
	#infos_contact {
		float: left;
		width: 175px;
		font-family: Arial;
		margin-right: 15px;
	}
	
	div#footer h3 {
		color: #3c3c3c;
		font-size: 14px;
		margin-bottom:10px;
	}
	
	#footer ul {
		list-style-type: none;
	}
	
		#footer ul li {
			color: #6c6c6c;
			margin:5px 0 5px 0;
			font-family: Arial;
			font-size: 12px;
		}
	
	#bottom-left {
		color: #FFF;
		font-size: 12px;
		margin:5px 0 20px 20px;
		float: left;
		font-weight:bold;
		cursor:default;
	}

	#bottom-right a{
		font-size: 12px;
		float: right;
		margin:5px 20px 20px 0;
	}
	
#content {
  	width: 740px;
  	margin: 0 auto;/* center the page in Firefox */
  	text-align: left;
	padding: 20px;
}

.interligne20 {
	line-height: 46px;
	position:relative;
	top:-7px;
	font-weight:bold;
}

.clr {
	width:100%;
	position:relative;
	clear: both;
}

.separateur {
	color:#C9C9C9;
	width:100%;
	position:relative;
	margin:0 0 5px 0;
	clear: both;
}

#slider { 
	margin-top:8px;
	position : relative; 
	overflow : auto; 
	width : 637px; 
	height : 254px; 
	background:url(../images/fond_slide.jpg) no-repeat top left;
} 
#slider ul { 
	position : absolute; 
	list-style : none; 
	top : 0; 
	left : 0; 
} 
#slider li { 
	float : left; 
	width : 637px; 
	height : 254px; 
	padding-right : 10px; 
} 
.pagination { 
	list-style : none; 
	height : 25px; 
	margin-top : 1px; 
	position : relative; 
	top : 4px; 
	left : 11px; 
} 
.pagination li { 
	float : left; 
	cursor : pointer; 
	padding : 0 3px; 
	background : #fff; 
	border : 1px solid #6c778b; 
	margin : 0 4px 0 0; 
	text-align : center; 
	font : bold 12px Arial, Helvetica, sans-serif; 
	color : #6c778b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:20px;
	height:13px;
	line-height:13px;
	vertical-align:middle;
} 
.pagination li:hover { 
	background : #456d91; 
	border : 1px solid #6c778b; 
	color : #FFF; 
} 
li.current {
	background:#ccdae5;
	border : 1px solid #168be4; 
	color : #168be4; 
	font-weight : bold; 
}
.slider-titre {
	font-family:"Yanone Kaffeesatz", sans-serif;
	color:#003388;
	font-size:35px;
	font-weight:400;
	margin:5px 0 0 15px;
}
.slider-texte {
	font-family:"Yanone Kaffeesatz", sans-serif;
	font-size:20px;
	font-weight:300;
	text-align:right;
	vertical-align:middle;
	color:#000;
	height:190px;
}
.slider-texte a {
	color:#003388;
	text-decoration:underline;
}
.slider-texte a:hover {
	color:#FFF;
}
.slider-image {
	text-align:right;
	padding-left:10px;
	vertical-align:middle;
}

/* PAGE DE CREATION DE COMPTE */
			div#new-account {
				width: 80%;
				height: 190px;
				border: 1px #c9c9c9 solid;
				margin: 10px auto auto;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
			}
				div#new-account form {
					font-size:14px;
					text-align:center;
					line-height:25px;
					color: #090;
					cursor:default;
				}
				div#new-account input {
					border: 1px #c9c9c9 solid;
					background-color:#c3e353;
					color:#d75077;
					font-size:14px;
					padding:1px 5px 1px 5px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
				}
				div#new-account #account_submit {
					margin-top:10px;
					padding:3px;
					cursor:pointer;
					width:120px;
				}
				.button {
					border: 1px #c9c9c9 solid;
					background-color:#C9C9C9;
					color:#FFF;
					font-size:14px;
					padding:1px 5px 1px 5px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
				}
				.button:hover  {
					background-color:#CECECE;
					border:1px #999 solid;
					font-size:14px;
				}
				div#new-account #account_submit:hover {
					background-color:#ceef5b;
					border:1px white solid;
					font-size:14px;
				}
			p#titre-new-account {
					width: 100%;
					height: 30px;
					margin: 0;
					background-color: #c3e353;
					color:#d75077;
					font-size: 16px;
					text-transform: uppercase;
					text-align:center;
					-webkit-border-top-left-radius: 9px;
					-webkit-border-top-right-radius: 9px;
					-moz-border-radius-topleft: 9px;
					-moz-border-radius-topright: 9px;
					border-top-left-radius: 9px;
					border-top-right-radius: 9px;
			}
				p#titre-new-account span {
					position: relative;
					bottom: 5px;
					cursor:default;
				}
				
/* PAGE DE CREATION D'AVATAR */
			div#new-avatar {
				width: 80%;
				height: 190px;
				border: 1px #c9c9c9 solid;
				margin: 10px auto auto;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
			}
				div#new-avatar form {
					font-size:14px;
					text-align:center;
					line-height:25px;
					color: #090;
					cursor:default;
				}
				div#new-avatar input {
					border: 1px #c9c9c9 solid;
					background-color:#89d4ff;
					color:#FFFFFF;;
					font-size:14px;
					padding:1px 5px 1px 5px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
				}
				div#new-avatar td {
					color:#5db0df !important;
				}
				div#new-avatar #avatar_submit {
					margin-top:10px;
					padding:3px;
					cursor:pointer;
					width:120px;
				}
				div#new-avatar #avatar_submit:hover {
					background-color:#6fc0ef;
					border:1px white solid;
					font-size:14px;
				}
			p#titre-new-avatar {
					width: 100%;
					height: 30px;
					margin: 0;
					background-color: #89d4ff;
					color:#FFFFFF;
					font-size: 16px;
					text-transform: uppercase;
					text-align:center;
					-webkit-border-top-left-radius: 9px;
					-webkit-border-top-right-radius: 9px;
					-moz-border-radius-topleft: 9px;
					-moz-border-radius-topright: 9px;
					border-top-left-radius: 9px;
					border-top-right-radius: 9px;
			}
				p#titre-new-avatar span {
					position: relative;
					bottom: 5px;
					cursor:default;
				}
			.imgbas {
				border:0;
				position:relative;
				top:3px;
			}
			
	.contenu_page {
		margin-top:8px;
		padding:0 15px 0 15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color: #636363;
		margin-bottom:15px;
	}
	
		.contenu_page a {
			color:#028bcf;
			text-decoration:none;
		}
		.contenu_page a:hover {
			text-decoration:underline;
		}
	
	.contenu_page h1 {
		font-size:30px;
		color:#028bcf;
		font-weight:400;
		font-family:"Yanone Kaffeesatz", sans-serif;
		cursor:default;
	}
	
	.titre-paragraphe {
		font-size:20px;
		color:#028bcf;
		font-family:"Yanone Kaffeesatz", sans-serif;
		margin-bottom:5px;
	}
	
	.avatar_bloc {
		float:left;
		width:280px;
		height:85px;
		padding:5px;
		margin:5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 1px #c9c9c9 solid;
		background-color:#98d7fc;
		font-family:Arial, Helvetica, sans-serif;
	}
	.avatar_actif {
		float:right;
		color: #FFF;
		font-size:16px;
		font-weight:bold;
		position:relative;
		top:-38px;
		left:-2px;
		cursor:default;
	}
	.avatar_text {
		font-size:18px;
		color:#FFF;
		font-weight:bold;
		cursor:default;
	}
	.avatar_subtext {
		font-size:12px;
		color:#FFF;
		cursor:default;
	}
	.avatar_button {
		font-size:12px;
		padding:0px;
		cursor:pointer;
		width:135px;
		height:20px;
		line-height:20px;
		padding-bottom:3px;
		background-color:#6fc0ef;
		border:0;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color:#fff;
		margin-top:5px;
	}
	.avatar_button:hover {
		background-color:#55b6ee;
	}
	.add_friend {
		background-color: #c3e353;
		margin-left:5px;
		color:#d75077;
		font-family: Arial;
		font-size: 13px;
		text-transform: uppercase;
		text-align:center;
		font-weight:bold;
		float:right;
		height:30px;
		padding:0 5px 0 5px;
		line-height:30px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 1px #c9c9c9 solid;
		cursor:pointer;

	}
	.profil_info {
		line-height:20px;
	}
	
			#pm {
				width: 100%;
				min-height:180px;
				border:1px #C9C9C9 solid;
				-webkit-border-top-left-radius: 4px;
				-webkit-border-top-right-radius: 4px;
				-moz-border-radius-topleft: 4px;
				-moz-border-radius-topright: 4px;
				border-top-left-radius: 4px;
				border-top-right-radius: 4px;
			}
			
			input #pm,textarea #pm {
				color: #999;
				font-family: Helvetica;
				font-size: 12px;
				font-weight: normal;
			}
			
			p#titre-pm,div#titre-pm {
					height: 30px;
					background-color: #00A1CD;
					color:#FFFFFF;
					font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
					font-weight:bold;
					font-size: 16px;
					text-transform: uppercase;
					text-align:left;
					padding-left:5px;
					border-top-left-radius: 4px;
					border-top-right-radius: 4px;
					cursor:default;
			}
			
			p.text-pm {
					margin: 5px;
					color:#999;
					font-family: Arial;
					font-size: 14px;
					text-align:center;
			}
			
			#pm h4 a:link,
			#pm h4 a:visited,
			#pm h4 a:active {
				color: #028bcf;
				font-family: Helvetica;
				font-size: 12px;
				font-weight: normal;
			}
			#pm h4 a:hover {
				color: #a97a4c;
				font-family: Helvetica;
				font-size: 12px;
				font-weight: normal;
			}
			#pm td {
				color: #444;
				font-family: Helvetica;
				font-size: 12px;
				font-weight: normal;
			}
			#pm div {
				line-height:normal !important;
			}
			.pm-button {
				font-size:12px;
				padding:0px;
				cursor:pointer;
				width:135px;
				height:20px;
				line-height:20px;
				padding-bottom:3px;
				background-color:#C9C9C9;
				border:0;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				color:#fff;
				margin-top:5px;
			}
			.pm-button:hover {
				background-color:#BBB;
			}
			#popup {
				top:300px;
				left:35%;
				z-index:99;
				width:30%;
				height:115px;
				color:#FFF;
				position:absolute;
				text-align: center;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				background-color:#FFF;
				border:1px #C9C9C9 solid;
			}
			#titre-popup {
				height: 30px;
				margin: auto;
				background-color: #000;
				color:#FFFFFF;
				font-family: Arial;
				font-size: 16px;
				text-transform: uppercase;
				text-align:left;
				padding-left:5px;
				-webkit-border-top-right-radius: 4px;
				-moz-border-radius-topleft: 4px;
				-moz-border-radius-topright: 4px;
				border-top-left-radius: 4px;
				border-top-right-radius: 4px;
				cursor:default;
			}
			.text-popup {
					margin: 5px;
					color:#999;
					font-family: Arial;
					font-size: 14px;
					text-align:center;
					text-transform:none;
					clear:both;
			}
			.bouton-popup {
				margin:5px;
				
			}
			
	div.lightbox {
	   display: none;
	   position: absolute;
	   top: 0; left: 0; right: 0; bottom: 0;
	   }
	
	div.lightbox:target {
	   display: block;
	   position: fixed;
	   z-index: 20;
	   background-color: rgba(100,100,100,.8);
	   text-align: center;
	   padding-top: 150px;
	   }
	   
#popup_block{
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	font-size: 1.2em;
	position: fixed;
	cursor:default;
	top: 20%;
	left: 50%;
	z-index: 99999;
	margin-left:-380px;
	width:650px;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color:#636363;
}

.form_info input,
.form_info select,
.form_info textarea {
	background:#FEFEFE;
	border:1px solid #CCC;
	padding:2px;
	color:#4D4D4D;
	-moz-border-radius: 3px;
	-webkit-border: 3px;
	border-radius: 3px;
}
.form_info input[type=button],
.form_info input[type=submit] {
	background:#00b4e5;
	border:none;
	padding:0px 10px;
	height:25px;
	line-height:20px;
	color:#FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	vertical-align:middle;
	text-decoration:none;
	text-align:center;
	width:auto;
	font-weight:700;
	display:inline-block;
	cursor:pointer;
	font-size:12px;
	box-shadow:inset 0px 1px 0px rgba(225,225,225,0.5);
	-moz-box-shadow:0px 1px 0px rgba(225, 225, 225, 0.5) inset;
	-webkit-box-shadow:0px 1px 0px rgba(225, 225, 225, 0.5) inset;
}

.form_info input[type=button]:hover,
.form_info input[type=submit]:hover {
	background:#00A1CD;
}

.form_info ::-webkit-input-placeholder {
   color:#999;
}

.form_info :-moz-placeholder { /* Firefox 18- */
   color:#999;  
}

.form_info ::-moz-placeholder {  /* Firefox 19+ */
   color:#999;  
}

.form_info :-ms-input-placeholder {  
   color:#999;  
}

.form_info blockquote
{
	background:#FEFEFE;
	border:1px solid #CCC;
	padding:4px;
	color:#4D4D4D;
	-moz-border-radius: 3px;
	-webkit-border: 3px;
	border-radius: 3px;
	line-height:normal;
}

.checkbox {
	position:relative;
	top:2px;
	border:1px solid #CCC;
	background:#FFF;
}

a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  position: absolute;
  width:320px;
  color: #777777;
  background: #FFFFFF;
  border: 2px solid #CCCCCC;
  height: 62px;
  line-height: 20px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
  padding:5px;
  opacity: 0;
  transition:opacity 1s;
  box-shadow:2px 2px 2px 0px #838383;
}
a.tooltips span:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  width: 0; height: 0;
  border-top: 12px solid #CCCCCC;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #FFFFFF;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 1;
  bottom: 30px;
  left: 50%;
  margin-left: -168px;
  z-index: 999;
}
.bg_gradient {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 1%, #efefe7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#efefe7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#efefe7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 1%,#efefe7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 1%,#efefe7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 1%,#efefe7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefe7',GradientType=0 ); /* IE6-9 */
}

.yeux {
	width:84px;
	position:relative;
	top:-83px;
	left:515px;
	transition:all 1s;
}

.yeux:hover {
	width:150px;
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
	top:-123px;
	left:485px;
}