@import url("panneau.css");
header, article, section, footer, aside{display:block; margin:0}
body{margin:0; padding:0; background: #fff  url(../images/bg.png) top center;height : 100%;color : #68228b;cursor : default;font-size : 12px;line-height : 16px;font-family : Tahoma,Verdana,Arial, sans-serif; position:relative}


a:hover input.submit  { cursor:pointer; color:#990099;}
a:hover input.submit_Commentaire  { cursor:pointer; color:#990099;}
a:onmouseout input.submit_Commentaire  {}

label:hover   { cursor:pointer; color:#9966ff;}
checkbox:focus  { cursor:pointer; color:#9966ff;}
radio:focus  { cursor:pointer; color:#9966ff;}

.button  { cursor:pointer; color:#9966ff;}
input[type=radio]  { cursor:pointer;}

 
.masquer { display:none }
.afficher { display:inline }
.textarea  {	font-family:"Comic Sans MS",Verdana,Arial,Sans-serif;	font-size:90%;}
a:visited	{	color:#9966ff; text-decoration: none;}
.text_info  {	font-family:"Comic Sans MS",Verdana,Arial,Sans-serif;	font-size:110%}
#aide { cursor:pointer; color:#9966ff;font-weight:bold;}
#aide.title
{
padding : 5px;
background-color: white;
border:2px solid #9966ff;
font-size: 110%;
}


.submit
  {
     border:2px solid #9966ff;
     color:#FF3333;
     background-color:#ffffff;
     border-radius : 5px;
     /*--background: transparent url('images/monimage.png') no-repeat top left;
     width:75px;
     height:20px;                                                -- */
  }

.submit_Commentaire
  {
     border:1px solid #9966ff;
     color:#9966ff;
     background-color:#ffffff;
     border-radius : 5px;
     /*--background: transparent url('images/monimage.png') no-repeat top left;
     width:75px;
     height:20px;                                                -- */
  }

.Commentaires_Reduit
  {
     border:0;
     color:#9966ff;
     background-color:#000;
     cursor:pointer;
     font-size: 99%;
     /*--background: transparent url('images/monimage.png') no-repeat top left;
     width:75px;
     height:20px;                                                -- */
  }

.Afficher_masquer_Commentaires
  {
     border:0;
     color:#9966ff;
     background-color:#FFF;
     cursor:pointer;
     font-size: 99%;
     /*--background: transparent url('images/monimage.png') no-repeat top left;
     width:75px;
     height:20px;                                                -- */
  }
  

th
	{
		color:#ffffff;
		font-weight:normal;
		font-size: 110%;
		border:1px dotted #990099;
		padding-left:5px;
		padding-right:5px;
		background-color : #9966ff;
	}
	
u
	{							/*--Couleur du texte accentué-- */
		color:#990099;
		text-decoration:none;
	}

.titre
  {
		border-top-left-radius : 10px;
		border-top-right-radius : 10px;
  }

.accentue {color:#990099; font-weight:bold;}
.correspondance {font-style:italic;}

a img{border:0}
a:link, a:visited, a:hover, a:active{outline:none;}
a:link {	color:#9966ff; text-decoration: none;}
a:hover {color:#990099;	text-decoration: underline;}
p, figure, h3{margin:0; padding:0}
.graph img{vertical-align:bottom}
td img, p img, .fset img{vertical-align:middle}
.huit{height:8px}
#lnk_cl{color:#999;}
.lnk{color:#409c9c; font-weight:normal; font-size:12px}
fieldset{border-radius : 15px; border:1px dotted #990099;}
.section100{width: 100%; margin:15px 0 0 0}

header{ width:1024px; height:auto; margin:0 auto; padding:0}

header a{text-decoration:none;}
#logo_site{ width:340px; margin:50px 0 20px 50px; z-index:1000}
header aside{float:right; width:300px; height:52px; margin:85px 0 0 0; text-align:right}
header aside #inscription{ float:right; margin:0}
header aside #gplus{margin:7px 0 0 30px; float:left; width:100px;}
header aside #divfb{margin:7px 0 0 0; float:left; }
header aside #divtwitter{margin:7px 0 0 0; float:left; }
header aside img{ margin:0 5px; vertical-align:middle}
#lnk_ins{padding:0 0 5px 0; display:block; float:left; font-size:16px; font-weight:bold}
#img_ins{float:left}

#top a{	text-decoration:underline}
#contenu a:hover, #top a:hover{ text-decoration:none}
#top{ width:995px; height:31px; background:#fff;padding:0; text-align:left; font-size:18px;color:#8d5cd0; text-align:left;border-bottom:1px solid #A4A4A4;background:transparent url(../images/menu.gif) no-repeat;}

nav{ width:1024px; margin:0 auto; height:30px;padding:20px 0;}
#nav {width:1010px;	margin: 0;padding: 7px 6px 0;background: #7a3dce url(../images/gradient.png) repeat-x 0 -110px;line-height: 100%; 	border-radius: 15px; box-shadow: 0 1px 3px rgba(0,0,0, .4); behavior: url(../css/PIE.htc);}
#nav li {margin: 0 5px;	padding: 0 0 8px;float: left; position: relative;list-style: none;}
#nav a {font-weight: bold;color: #e7e5e5;text-decoration: none;display: block;padding:8px 10px;margin: 0;width:105px;text-align:center;	border-radius: 15px;behavior: url(../css/PIE.htc);text-shadow: 0 1px 1px rgba(0,0,0, .3);}
#nav a:hover {background: #000;color: #fff;}
#nav .current a, #nav li:hover > a {background: #482973 url(../images/gradient.png) repeat-x 0 -100px;color: #fff;border-top: solid 1px #f8f8f8;box-shadow: 0 1px 1px rgba(0,0,0, .2);}
#nav ul li:hover a, #nav li:hover li a {background: none;border: none;color: #666;box-shadow: none;}
#nav ul a:hover {background: #6b36b4 url(../images/gradient.png) repeat-x 0 -100px !important;color: #fff !important;border-radius: 0;	text-shadow: 0 1px 1px rgba(0,0,0, .1);}
#nav li:hover > ul {display: block;z-index:9999;}
#nav ul {display: none;	margin: 0;padding: 0;width: 125px;position: absolute;top: 35px;left: 0;background: #eee url(../images/gradient.png) repeat-x 0 0;border: solid 1px #b4b4b4;border-radius: 10px;behavior: url(../css/PIE.htc);box-shadow: 0 1px 3px rgba(0,0,0, .3);}
#nav ul li {float: none;margin: 0;padding: 0;}
#nav ul a {font-weight: normal;text-shadow: 0 1px 0 #fff;}
#nav ul ul {left: 181px;top: -3px;}
#nav ul li:first-child > a {-webkit-border-top-left-radius: 9px;-moz-border-radius-topleft: 9px;-webkit-border-top-right-radius: 9px;-moz-border-radius-topright: 9px;behavior: url(../css/PIE.htc);}
#nav ul li:last-child > a {-webkit-border-bottom-left-radius: 9px;-moz-border-radius-bottomleft: 9px;-webkit-border-bottom-right-radius: 9px;-moz-border-radius-bottomright: 9px;behavior: url(../css/PIE.htc);}
#nav:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#nav {display: inline-block;} 
html[xmlns] #nav {display: block;}
* html #nav {height: 1%;}

body > section{margin:0 auto; width:1004px; min-height:1271px; height:auto;background:#fff; border-radius: 15px; padding:2px 10px 0 10px; behavior: url(../css/PIE.htc); position:relative; color:#777}
body > section section{width:710px; float:left; background:#fff; padding:0; min-height:1001px; height:auto; position:relative}
body > section section h3{margin:0}
body > section section h3 a{font-weight:bold}
body > section section article{ height:170px; margin:0 0 5px 0; padding:10px 0; border-bottom:#ccc 1px dashed; position:relative;}
body > section section article article{overflow:hidden; height:100px; padding:10px 0 0 0\9;border-bottom:none}
body > section section #article_news{ min-height:1200px; height:auto; margin:0 0 5px 0; padding:0 0 10px 0;}
body > section section #img_news_detail{ border:solid 1px #aaa;box-shadow:5px 5px 5px #888;}
body > section article article:first-letter, body > section article p:first-letter{font-size:40px; float:left; margin:0 5px 5px 0; font-family: Georgia, "Times New Roman", Times, serif}
body > section section article figure{margin:5px 0}
body > section section article figure img{width:200px; height:125px; float:left; margin:0 10px 0 0;border:solid 1px #ccc; padding:5px; border-radius:10px;}
body > section article figure img{width:200px; height:125px; margin:0 10px 0 0;border:solid 1px #ccc; padding:5px; border-radius:10px;}
body > section section article figure img:hover, body > section article figure img:hover{ border:solid 1px #aaa;box-shadow:5px 5px 5px #888;}
body > section section article footer{ width:600px; text-align:right; position:absolute; bottom:5px}

body > section aside{width:270px; min-height:1201px; height:auto; float:right; padding:0 2px; margin:0 0 0 10px}
body > section aside h2{margin:0 0 10px 0}
body > section aside img{vertical-align:middle}
#recherche{ width:250px; float: right; height:30px; margin:20px 10px 10px 0}
#inputString{width:150px; height:15px; background:#fff; border:solid 1px #353848; color:#000; padding:0 0 2px 5px; font-size:10px; float:left; margin:5px 0 0 0}
.suggestionsBox {position: absolute;left:0;margin: 27px 0px 0px 0px;width: 200px;background-color: #212427;border-radius: 7px;border: 2px solid #fff;color: #fff;z-index:9999;}
.suggestionList {margin: 0;padding: 0;}
.suggestionList li {margin: 0px 0px 3px 0px;padding: 3px;cursor: pointer;list-style-type:none; width:190px}
.suggestionList li:hover {background-color: #7a3dce;}
#btn_recherche{background:url("../images/btnsearch.png") no-repeat; width:16px; height:16px; display:block; margin:7px 0 0 5px; float:left; border:0; cursor:pointer}

.fset{ width:260px; height:auto; border:solid 1px #ccc; border-radius:10px; float:right; padding:0 5px 5px 5px; margin:10px 0; text-align:left;background: #eee url("../images/gradient.png") repeat-x;behavior: url("../css/PIE.htc"); position:relative}
.fset p {padding:0 0 10px 0}
.fset h2, .fset h3{ font-size:14px;margin:0 0 10px 0}
.img_supportbr{float:left; margin:15px 3px; width:30px}
.img_supportpsn{float:left; margin:15px 7px; width:20px}
.img_supportvita{float:left; margin:20px 3px; width:30px}
/*.img_supportbr{position:absolute; left:0;margin:0; width:30px}
.img_supportpsn{position:absolute; left:0;margin:0; width:20px}
.img_supportvita{position:absolute; left:0;margin:0; width:30px; -moz-transform:rotate(-20deg); -webkit-transform:rotate(20deg); -o-transform:rotate(20deg);}*/
.div_sup_accueil{ background:#8d5cd0; border-radius:5px 0 0 5px; color:#fff; font-weight:bold; font-size:11px; float:left; line-height:12px; height:48px; padding:1px 3px 1px 4px; text-align:center}
.div_sup_accueil_sup{ margin:5px 0 0 0; text-align:center}
.div_sup_accueil .psn{ color:#7d9aff}
.div_sup_accueil .vita{color:#ccc}
.logo2{width:70px; height:48px;padding:0;cursor:pointer; float:left; margin:0 5px 5px 0; border:solid 1px #8d5cd0; border-left:none;border-radius:0 5px 5px 0}
.logo{width:91px; height:50px;padding:0;cursor:pointer; float:left; margin:0 5px 5px 0; border:solid 1px #8d5cd0; border-left:none;border-radius:0 5px 5px 0}
#bloc_trophees_content img{ vertical-align:middle}
#bloc_trophees_content {padding:0 0 0 5px; text-align:left; color:#000; height:250px}
.guide_jeu{ width:260px; overflow:hidden; height:50px; margin:0 0 5px 0;}
.guide_logo{width:40px; margin:5px; float:left; border:solid 1px #000}
.div_posts{margin:0 0 5px 0}

#pub_content{ margin:0 5px 0 0; float:right}

body > footer{ width:1024px; height:auto;clear:both; margin:10px auto 0 auto; color:#fff; font-weight:bold; padding:2px 0;}
body > footer a{color:#FFF; text-decoration:none}
body > footer a:hover{color:#ddd;}
body > footer ul{margin:0; padding:10px 0 0 0; width:256px; height:160px; float:left}
body > footer li{display:block; width:200px; height:20px; padding:10px 0 0 0; margin:0 0 0 20px}
body > footer li img{ vertical-align:middle}
body > footer li a{font-weight:bold}
#ul1{background:#8d5cd0;border-radius:15px 0 0 15px;}




#ul2{background:#8252c5}
#ul3{background:#7848bb}
#ul4{background:#6f3fb2;border-radius:0 15px 15px 0; text-align:center}
.supli{font-size:16px; font-weight:bold; color:#fff;width:200px; height:30px; padding:0;border-bottom: solid 1px #CCC; text-align:center}

#log{font-size:24px; width:100%; text-align:center; margin:20px 0 0 0}

#tooltip {position: absolute;margin:20px;z-index: 3000;border:solid 1px #999;border-radius :10px;background: #333;padding: 5px;opacity: 0.9; color:#fff; width:auto}
#tooltip h3, #tooltip div {margin: 0;font-size:12px; text-align:left; width:auto}