/*  
Theme Name: Lotus Style
Description: Designed by godof
Version: 2.2
Author: godof
		  
*/

/*---------------------------------------- pub sizes -*/

#habillage{ position:absolute; background:url(images/pub/Eclypsia-habillage.jpg) no-repeat center top #000; width:100%; height:100%; display: block;}
#habillage_click{ position:relative; width:100%; height:100%; display:block; }

/* ------------------------------------- header area  */

#logo{ margin: 15px; height:70px; display: inline-block; vertical-align: top; }
#hbutton{ top : 175px; left:60px; }

#smascotte{
	position:absolute;
	top : -14px;
	left: -64px;
	background: url(images/mascotte_lotus_1.png) no-repeat;
	width:236px;
	height : 250px;
	z-index:0;
}

#smascotte2{
	position:absolute;
	top : -27px;
	right: -27px;
	background: url(images/mascotte_lotus_2.png) no-repeat;
	width:160px;
	height : 250px;
	z-index:0;
}

#smascotte.nopub{ left: -69px; top: -93px; }
#smascotte2.nopub{right: -75px; top: -52px; }

#side-menu-general a{
	position:relative;
	z-index:1;
}

/* --------------------------------------- search form */

#search_mascotte{
	background: url("images/yaku_happy.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    right: -25px;
    top: -15px;
    width: 91px;
	height: 120px;
}

/*-------------------------------------- sidebar */

.button:hover, a.button:hover{
	color:#FFF !important;
	border : 2px solid #4B7520;
	background : url(images/buttonon.jpg) repeat-x left top #7CB037;
	text-decoration : none !important;
}

#side_posts{ font-size: 11px;line-height: 13px; } 

/*-------------------------------------- couleurs */

.post a, .post a:visited, .box.post a, .box.post a:visited{color:#81090b; }
.post h3, .post h3 strong{ color:#81090b; font-weight:normal; font-style:normal; }
.post h4 { line-height:20px; }

.post img.alignleft{ float:left; margin:5px; } 
.post img.alignright{ float:right; margin:5px; } 
.post img.aligncenter { margin:5px auto; } 

/* ------------------------------------- accueil  */

#gallery_accueil .shiba-gallery{ float:left; margin : 1% !important;}

#post-articles h2{ margin-bottom : 15px; }

#forum_mascotte{
	background: url("images/mizu_blast.png") no-repeat scroll 0 0 transparent;
    height: 150px;
    position: absolute;
    right: -60px;
    top: -25px;
    width: 108px;
}

#abonnement_lotus ul{ text-align:left; margin : 5px 0 0 0; }

#abonnement_mascotte{
	width : 83px;
	height : 200px;
	position : absolute;
	top :-20px;
	right : -50px;
	background : url(images/mizu_happy.png) no-repeat;
}

#inscription_mascotte{
	width : 83px;
	height : 200px;
	position : absolute;
	top: -56px;
	right: 37px;
	background : url(images/mizu_happy.png) no-repeat;
}

#pave_mascotte{
	width: 91px;
	height: 120px;
	position : absolute;
	top: 35px;
	right: -45px;
	background : url(images/yaku_happy.png) no-repeat;
}

#registration_mascotte{
	width : 83px;
	height : 200px;
	position : absolute;
	top :50px;
	right : 60px;
	background : url(images/mizu_happy.png) no-repeat;
}

#mascotte_abo_left{
	width : 130px;
	height : 154px;
	position : absolute;
	top : -50px;
	left : 0px;
	background : url(images/yaku_blast.png) no-repeat;
}

#mascotte_abo_right{
	width : 108px;
	height : 150px;
	position : absolute;
	bottom : 200px;
	right : -50px;
	background : url(images/mizu_blast.png) no-repeat;
}

#last_articles table tr:hover, #last_articles table td:hover{ background : #EEE !important;}
#last_articles table td{ padding : 5px; }

#abolink{ font-size : 11px;}

.thumbpost{
	width:100px;
	height:100px;
	margin: auto 10px auto 0;
	float:left;
	text-align:center;
	line-height:100px;
	position: relative;
	font-size: 0;
}
.thumbpost img{
	position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto; 
}

#last_thumb{  }
#last_thumb img{
	-moz-border-radius : 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/*--------------- login ------------------------*/

.login input[type="text"], .login input[type="password"]{ width : 150px; }

/*--------------- concours ------------------------*/

.concours{
	background : url(images/concours/trame_bleue_2.jpg) repeat-y left top;
	width : 595px;
	margin-top : 20px !important;
	text-align : center !important;
	color : #FFF;
	float : none !important;
	padding:10px 0 10px 0 !important;
	position:relative;
}

#corner_bleu{
	background : url(images/corner_bleu.jpg) no-repeat left top;
	width : 43px;
	height : 19px;
	position : absolute;
	top : -19px;
	left : 0;
}

#partenaire_link{
	float:left;
	margin-left:10px;
	margin-top:5px;
	text-align:left;
	font-size : 10px;
}

.concours table td{border:none;}

.concours h1{
	text-align : center;
	font-size : 30px;
	margin : 10px auto;
	clear:none;
	color:#FFF;
}

.concours h1 em{
	font-style : italic;
	font-weight : normal;
	margin-right : 7px;
	font-size : 34px;
	font-family : 'Maiden Orange', Helvetica, Arial, sans-serif;
	color:#FFF;
}

.concours h2{
	font-style : italic;
	font-size : 24px;
	text-align : center;
	color : #FFF;
	line-height : 28px;
	font-family : 'Maiden Orange', Helvetica, Arial, sans-serif;
	margin : 5px;
}

.concours h2 a, .concours h2 strong{
	color : #FFF200;
	font-weight:400;
	text-decoration:none;
}
.concours h2 a:hover{
	text-decoration:underline;
}

.concours h2 .bevan{
	font-family : 'Bevan', Helvetica, Arial, sans-serif;
	font-size : 23px;
	font-style : normal;
	margin-left:8px;
}

.concours h3{
	color : #FFF200;
	font-size : 16px;
	font-family : 'Maiden Orange', Helvetica, Arial, sans-serif;
	text-transform:none;
	font-style: normal;
}
.concours h3.big{ font-size : 22px; margin: 5px 0 0 -10px; }
.concours ul.big{ font-size : 15px; margin: 5px 2px 10px -30px; }

.concours_current{ border : 1px solid #FFF; display: inline-block; padding : 7px 4px;}
.concours_current h3{ font-size : 22px;  }
.concours_current ul{ font-size : 12px;  }

.concours ul{ margin: 5px 0 5px 10px; }
.concours ul li { text-align : left; }

.concours td{ vertical-align: middle; }

.col{
	margin: 0 0 0 20px;
	float:left;
	text-align:left;
	font-size: 11px;
}

#first_col{
	margin-left : 20px;
	margin-bottom: 10px;
}

#qcm{
	clear:both;
	margin : 15px;
	width : 565px;
	text-align:center;
	position:relative;
}

#qcm h2{ margin-bottom : 2px; }
#qcm strong{ 	font-size : 16px; 	line-height : 18px; }
#qcm table{ font-size : 11px; text-align : center; }
#qcm img{ border : 1px solid #000; }
#qcm .button{ 	-moz-box-shadow : none; -webkit-box-shadow: none;  box-shadow: none; }
#qcm input[type="text"]{width:150px;}

#concours_log p { display:inline-block; }

#qcm_content{
	width : 545px;
	z-index : 2;
	padding : 10px;
	position:relative;
}

#qcm_content h2 a{ color : #FFF200; }

#fond_qcm{
	position : absolute;
	top : 0;
	left : 0;
	width : 565px;
	height : 100%;
	background-color : #FFF;
	z-index : 1;
	opacity : 0.3;
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	filter:alpha(opacity=30);
	-moz-border-radius : 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.qcm_results{
	text-align:left !important;
}

.linkton{ 	padding : 5px; }
a.linkton:hover { text-decoration : none; } 

.hresults{
	line-height: 18px;
    width: 230px;
	margin-top: 15px;
}
.ulresults{
	line-height: 18px;
    width: 220px;
	float: left;
}

.ulresults h3 {font-size : 18px; }

#qcm_content tr:hover{background:none;}

/*--------------------------- lotus --*/
/*
.lotus{
	display:block;
	width:35px;
	height:35px;
	overflow:hidden;
	float :left;
	position:absolute;
	text-indent:-50px;
	text-decoration:none;
	margin : 3px;
}

.lotus.bleu{	background:url(images/lotusbleu.png) no-repeat;}
.lotus.rouge{	background:url(images/lotusrouge.png) no-repeat;}
.lotus.vert{	background:url(images/lotusvert.png) no-repeat;}
.lotus.mauve{	background:url(images/lotusmauve.png) no-repeat;}
.lotus.orange{	background:url(images/lotusorange.png) no-repeat;}
*/

.post h3{ background:url(images/lotus.png) 0 0 no-repeat; padding : 7px 5px 7px 40px; line-height:20px;}
.post img {vertical-align: middle;}

/*----------------------------------------- video */

.youtube{ display : block; width : auto; }

.video{
	text-align:center;
	margin : 0 auto;
	display : block;
	width : auto;
}

/*----------------- mag */

#page-mag{ text-align : center; }

.magratos{
	width:90%; 
	min-height :80px;
	margin-left:auto;
	margin-right:auto;
	position : relative;
	margin-top : 20px;
	background-color:transparent;
	text-align : center;
}

.sommaire, .download{
	color : #FFFFFF;
	font-size : 12px;
	text-transform : uppercase;
	display : inline-block;
	margin-right : 10px;
}

.sommaire:hover{ text-decoration : none !important; }

#mag_list{ display : block; text-align : center; width : 100%; }

.mag_item{ 
	display: inline-block;
    min-height: 330px;
    margin: 5px;
    vertical-align: top;
    width: 200px; 
}
.mag_item img{border:1px solid #231F20;}

.mag_actu{
	display: inline-block;
	width : 200px;
	text-align:center;
	float:right;
	margin-top : 20px;
	margin-left : 10px;
}

.mag_item img, .mag_actu img{
	-moz-box-shadow: 3px 4px 10px #888888;
	-webkit-box-shadow: 3px 4px 10px #888888;
	box-shadow: 3px 4px 10px #888888;
	margin-bottom: 10px;
    margin-left: 0;
}

.mag_item a, .mag_actu a{ font : 14px 'Bevan', Arial, sans-serif; }

#new-mag h2{ display:inline-block; margin : 5px 10px; }
#new-mag .iqty, #new-mag .qty { display:none; }

 /*------------------------tournois-----------------*/

 .tabtop8 th{ padding : 5px; background-color : #616365; color : #FFF; font-family : 'Maiden Orange', Arial, serif; font-weight : normal; font-size : 20px; line-height: 20px; }
 .tabtop8 td{ vertical-align:middle; padding:5px !important;}
 .tabtop8 td.vainqueur{ background-color : #CFE5AE; }
 .tabtop8 td.vaincu{ background-color : #D5B8B2; }
 .tabtop8 td.error{ background-color : #BCBFC4; }
 
 a.fiche_joueur{ color : #333 !important; font-weight:bold; }
 
 /*------------------------ annonces ------------*/
 
 #tag-annonce{ line-height : 20px; }
  #create-annonce label, #admin-annonce label{ 	vertical-align : middle; min-width: 40px; margin-right : 10px;}

/************************************************************************************
Slider Layout
************************************************************************************/
#slider-wrap{width:580px; margin: 1%; float:left; border: 1px solid #A7A9AC; box-shadow: 3px 3px 7px #CCCCCC;}
#slider{z-index:5; width:100%; height:250px; margin:0 auto; position:relative; background:#FFF url('images/loading.gif') no-repeat 50% 50%}
#slider img{position:absolute; top:0; left:0; display:none}
#slider a{border:0}
.nivoSlider{position:relative; background-color:#FFF !important;}
.nivoSlider img{position:absolute; top:0px; left:0px;z-index:80;}

/************************************************************************************
Image With Link
************************************************************************************/
.nivoSlider a.nivo-imageLink{position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none;}

/************************************************************************************
Slider Slices
************************************************************************************/
.nivo-slice {display:block; position:absolute; z-index:5; height:100%; }
.nivo-box { display:block; position:absolute; z-index:5; }

/************************************************************************************
Caption Styles
************************************************************************************/
.nivo-caption{position:absolute; left:0; bottom:0; background:#000000; opacity:0.8; width:100%; z-index:89; font : 20px 'Maiden Orange', Arial, sans-serif;}
.nivo-caption p{color:#FFF; padding:5px 10px; margin:0; text-transform:uppercase;}

/************************************************************************************
Direction nav styles (e.g. Next &Prev)
************************************************************************************/
.nivo-directionNav a{position:absolute; top:150px; z-index:99; display:block; width:47px; height:60px; text-indent:-9999px; border:0; cursor:pointer}
.nivo-prevNav{background:url('images/left-arrow.png') no-repeat; left:15px}
.nivo-nextNav{background:url('images/right-arrow.png') no-repeat; right:15px}
.nivo-prevNav:hover{background-position:0 -60px}
.nivo-nextNav:hover{background-position:0 -60px}

/************************************************************************************
TWEETER
************************************************************************************/
#sidebar-left ul.really_simple_twitter_widget { margin-bottom:10px;}

.really_simple_twitter_widget li{
	list-style-type : none;
	display: inline-block;
    padding: 5px 10px;
    text-align: left;
}

.really_simple_twitter_widget li:nth-child(odd){ background: url("images/fondboxon.jpg") repeat scroll 0 0 #D3D4D5; }

.rstw_link_user{ margin:10px auto;}
		
#tweeter_feed ul.really_simple_twitter_widget { margin:0 0 10px 0; padding:0; width:100%;}
/************************************************************************************
NEWSLETTER
************************************************************************************/

#newsletter_tab tr td:hover, #newsletter_tab tr:hover{background:transparent;}

/*---------- UI Tabs ----------------------*/

#magic_ext_list.ui-tabs .ui-tabs-panel { padding: 1em 1em; color: #58595B; font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
.ui-tabs-vertical { }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 200px; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}
#magic_ext_list.ui-tabs-vertical .ui-tabs-panel li{ display:inline-block; width: 190px; margin: 5px; }