/******PANEL*******/
#bloc_panneau{ width:100%;font-size:10px; z-index:9999}
#image_perso{ float:left; margin:5px 15px 0 0;}
#progress{background:url(../images/progress.png) no-repeat; width:107px; height:9px; text-align:left;padding:2px 0 0 5px; margin:5px; float:left}
#pays li{vertical-align:middle;margin-right:5px; display:inline; width:150px;}
.bloc_contenu-profil{width:100%; height:auto;margin:0 0 20px 0; padding:10px 0 0 0; background:none}
.bloc_contenu-profil .ipt{width:200px;}
.bloc_contenu-profil textarea{width:300px; height:40px;}
.bloc_contenu-profil #blocj{width:905px; height:450px}
#bloc input{ margin:0; padding:0}

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {background: url(../images/panel/tab_b.png) repeat-x 0 0;height: 42px;position: relative;top: 0;z-index: 9999;}
.tab ul.login {display: block;position: relative;float: right;clear: right;height: 42px;width: auto;font-weight: bold;line-height: 42px;margin: 0;right: 150px;color: white;font-size: 80%;text-align: center;}
.tab ul.login li.left {background: url(../images/panel/tab_l.png) no-repeat left 0;height: 42px;width: 30px;padding: 0;margin: 0;display: block;	float: left;}
.tab ul.login li.right {background: url(../images/panel/tab_r.png) no-repeat left 0;height: 42px;width: 30px;padding: 0;margin: 0;display: block;float: left;}
.tab ul.login li {text-align: left;	padding: 0 6px;display: block;float: left;height: 42px;background: url(../images/panel/tab_m.png) repeat-x 0 0;}
.tab ul.login li a, .tab ul.login li a:hover {color: #8d5cd0;}
.tab .sep {color:#414141}
.tab a.open, .tab a.close {height: 20px;line-height: 20px !important;padding-left: 30px !important;cursor: pointer;display: block;width: 130px;position: relative;top: 11px;}
.tab a.open {background: url(../images/panel/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(../images/panel/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(../images/panel/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(../images/panel/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {position: absolute;top: 0;width: 100%;z-index: 9999;text-align: center;margin:0 auto;}
#panel {width: 100%;height: 270px;color: #999999;background: #000;overflow: hidden;position: relative;z-index: 3;display: none;}
#panel .titre {font-size: 1.6em;padding: 5px 0 10px;margin: 0;color: #d5d6db;font-weight:bold;text-decoration:none;}
#panel h2{font-size: 1.2em;padding: 10px 0 5px;margin: 0;color: white;}
#panel p {margin: 5px 0;padding: 0;}
#panel a {text-decoration: none;color: #8d5cd0;font-size:10px}
#panel a:hover {color: #8d5cd0;text-decoration: underline;}
#panel a-lost-pwd {display: block;float: left;}
#panel .content {width: 960px;margin: 0 auto;padding-top: 15px;text-align: left;font-size: 0.85em;}
#panel .content .left {width: 280px;float: left;padding: 0 15px;border-left: 1px solid #333;}
#panel .content .right {border-right: 1px solid #333;text-align:center; font-size:11px}
#panel #promo{text-align:left}
#panel .content form {margin: 0 0 10px 0;}
#panel .content label {float: left;padding-top: 8px;clear: both;width: 280px;display: block;}
#panel .content input.field {border: 1px #1A1A1A solid;background: #414141;margin-right: 5px;margin-top: 4px;width: 200px;color: white;height: 16px;}
#panel .content input:focus.field {background: #545454;}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login, #panel .content input.bt_register {display: block;float: left;clear: left;height: 24px;text-align: center;cursor: pointer;border: none;font-weight: bold;margin: 10px 0;}
#panel .content input.bt_login {width: 94px;color: white;background: transparent url(../images/panel/bt_register.png) no-repeat 0 0;}
#panel .content input.bt_register {width: 94px;color: white;background: transparent url(../images/panel/bt_register.png) no-repeat 0 0;}
#panel .lost-pwd {display: block;float:left;clear: right;padding: 15px 5px 0;font-size: 0.95em;text-decoration: underline;}
/******************/

body{margin:0; padding:0; background: #190936 url(../images/bg2.jpg) no-repeat top center;height : 100%;color : #a4a4a4;cursor : default;font-size : 11px;line-height : 16px;text-align : center;font-family : Tahoma, sans-serif;}
a img{border:0}
a:hover{outline:none}
a{color: #8d5cd0;}
p{margin:0; padding:0}

#lnk_cl{color:#999;}
.lnk{color:#409c9c}

#header{ width:995px; height:auto; margin:0 auto;position:relative; text-align:left;}
#logo_site{ width:340px; margin:50px 0 20px 50px; z-index:1000}
#retrouve{float:right; width:400px; height:25px; margin:105px 0 0 0; text-align:right}
#retrouve img{width:20px; margin:0 5px}
#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;}

#menus{padding:0; margin:0;}
#menus li {display:inline;list-style:none;}
#menus li a {background:transparent url(../images/menu.gif) no-repeat;display:block;color:#fff;height:31px;line-height:31px;padding:0 25px 0 15px;margin-left:-10px;text-decoration:none;font-size:12px;float:left;z-index:1;}
#menus li a:hover {background-position:0 -31px;}
#menus li.current_page_item a, #menus li.current-cat a {background-position:0 -62px;}
#menus li a.home {background-position:0 -93px;width:48px;padding:0;margin-left:0;text-indent:-999em;}
#menus li a.home:hover {background-position:0 -124px;}
#menus li.current_page_item a.home {background-position:0 -155px;}
#menus li a.lastmenu:hover {background-position:0 0;}

#milieu{ width:965px; height:30px; margin:0 auto;position:relative; border-bottom:solid 1px #a4a4a4}

#fildariane{ text-align:left; width:780px; margin:0 0 30px 0; height:30px; position:relative; padding:0 0 0 5px; float:left;color: #fff}
#fildariane a{color:#FFF;}
#fildariane h1{ margin:0; padding:0; font-size:12px; float:left}
#fildariane #fil{float:left; font-size:12px; font-weight:bold}
#fildariane h2{ margin:0; padding:0; float:left;font-size:12px;}

#recherche{ width:180px; float: right; height:30px;}
#inputString{width:150px; height:15px; background:#969696; border:solid 1px #353848; color:#fff; padding:0 0 2px 5px; font-size:10px; float:left}
.suggestionsBox {position: absolute;left: 755px;margin: 27px 0px 0px 0px;width: 200px;background-color: #212427;-moz-border-radius: 7px;-webkit-border-radius: 7px;border: 2px solid #fff;color: #fff;z-index:9999;}
.suggestionList {margin: 0px;padding: 0px;}
.suggestionList li {margin: 0px 0px 3px 0px;padding: 3px;cursor: pointer;list-style-type:none;}
.suggestionList li:hover {background-color: #659CD8;}
#btn_recherche{background:url("../images/btnsearch.png") no-repeat; width:16px; height:16px; display:block; margin:2px 0 0 5px; float:left; border:0; cursor:pointer}

#contenu{ width:995px;margin:0 auto!important; margin:50px auto 0 auto; padding: 10px 0 0 0; color:#fff; text-align:left; position:relative; background:#5e637c}

#bas{width:100%; background:url(../images/tramage.jpg) repeat; border-top: solid 2px #000; clear:both}
#footer{ width:992px; height:180px; margin:0 auto 10px auto; color:#fff; font-weight:bold; padding:0 0 0 3px; background:#5e637c}
#footer a{color:#FFF; font-weight:bold;text-decoration:none}
#footer a:hover{color:#ddd;}
#footer ul{margin:0; padding:0; width:248px; height:180px; float:left;}
#footer li{display:block; width:200px; height:20px; padding:10px 0 0 0; margin:0 0 0 20px; text-align:left}
#footer li img{ vertical-align:middle}
#ul1{background:#5e637c}
#ul2{background:#51566c}
#ul3{background:#45495c}
#ul4{background:#393c4c}
.supli{font-size:16px; font-weight:bold; color:#fff;width:200px; height:30px; padding:0;border-bottom: solid 1px #CCC; text-align:center}

#tooltip {position: absolute;margin:20px;z-index: 3000;border:solid 1px #999;-moz-border-radius :10px;-webkit-border-radius :10px;background: #333;padding: 5px;opacity: 0.9; color:#fff; behavior: url(/PIE.htc);}
#tooltip h3, #tooltip div {margin: 0;font-size:12px; text-align:left}

/***PAGINATION***/
.pagination{width:100%; height:20px; text-align:center; margin:20px 0}
.pagination a{display: -moz-inline-box;display: inline-block;color: #8d5cd0;padding: 3px 7px;margin-right:3px;font-weight: bold;text-decoration: none;-moz-border-radius :10px;-webkit-border-radius :10px}
.pagination a.selected{background: #E4EFFA;color: black;}
.pagination a:hover, .pagination a.prev:hover, .pagination a.next:hover, .pagination a.lien_page{background: #8d5cd0;color: #fff;}