/*  
Theme Name: QX
Theme URI: http://www.qx-mag.fr/
Description: Le thème du Q 
Version: 1.6
Author: Arnaud Blanc
Author URI: http://1633sa.com/

*/

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

.clearboth{clear:both;}


.invisible{display:none;}
.clearboth{clear:both;}
.center{text-align:center;}
.gauche {float:left}
.droite{float:right}

.jaune{color: #face00;}
.orange{color: #e95106;}
.rose{color: #e2007a;}

a:hover{text-decoration: underline;}
a{text-decoration: none;}

body {
	background-color: #000000;
	text-align:center;
	background-image: url(imgs/fond.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	/*background-attachment: fixed;*/
}

#corps {
	background-color: #000000;
	width: 983px;
	margin: 0px auto 0px;
	padding: 0px;
	text-align: left;
	font-family: verdana;
}

.logo_head {
	float:left;
}
#right_head {
	float: left;
	width: 741px;
	height: 166px;
	background-image: url(imgs/right_head.jpg);
}
#right_head #pub_head {
	width: 728px;
	height: 90px;
	margin-left: 6px;
	margin-top: 72px;
}

#navigation  ul{list-style: none; margin:0px;padding:0px;}
#navigation  li{list-style: none; float:left;margin:0px;padding:0px;}
#navigation  li a {
	float:left; 
	display: block;
	padding-top:5px;
	height: 22px;
	width: 123px;
	text-align: center;
	background-image: url(imgs/nav.gif);
	background-position: top;
	font-family: verdana;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
}
#navigation  li .last{width: 122px;}
#navigation  li a:hover {background-position: bottom; text-decoration: none;}

#navigation  .studio_qx {background-position: bottom; text-decoration: none;}
#navigation  .studio_qx:hover {background-position: top; text-decoration: none;}

#contentleft {
	width: 772px;
	background-image: url(imgs/font_gauche.gif);
	float: left;
}

#contentleft #headerleft {
	clear:both;
	width: 772px;
	height: 36px;
	background-image: url(imgs/haut_gauche.gif);
}

#macaron {
	position: absolute;
	margin-left: 820px;
	margin-top: -200px;
}

#contentleft #news_anim {
	float:left;
	background-image: url(imgs/fdnews.gif);
	width: 439px;
	margin-left: 1px;
}


#contentleft .scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width:318px;
	height:232px;
	overflow: hidden;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 12px;
	}
#contentleft  #anim_home .section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width:318px;
	height:232px;
	float:left;
	overflow: hidden;
	padding-top: 5px;
	padding-right: 15px;
}
#contentleft .content {
	width: 10000px;
}
#contentleft .texte_home_news {
	background-image: url(imgs/fond.png); 
	float:left;
	margin-top: -60px;
	height: 50px;
	width: 318px;
	z-index: 5;
}
#contentleft .titre_home_news{font-size: 14px; font-weight: normal;}
#contentleft .texte_news {font-size:11px;}
#contentleft .texte_news a {color: #fbfafa;}
#contentleft .texte_news a:hover {text-decoration: none;}
#contentleft .visu_news {float:left;display: block; z-index: 1;}

#contentleft #studio_qx_home{
	float:left;
	background-image: url(imgs/bom.gif);
	width: 317px;
	clear: both;
	margin-left: 1px;
	margin-top: 4px;
}

#contentleft .logo_studio{
	position: relative;
	margin-left: 8px;
	margin-top: 0px;
	float:left;
}

#contentleft .haut_stud_qx {background-image: url(imgs/boh2.gif); background-position: bottom; height: 10px; width: 317px;}
#contentleft .visu_bo_qx {padding-left: 15px; margin-top: 1px;}
#contentleft .titre_studio{float:left; font-size: 14px; padding-left: 5px; padding-top: 15px; width: 200px;}
#contentleft .desc_studio {font-size: 11px; padding-left: 5px; width: 200px; float:left;}
#contentleft .desc_studio a{color: #FFFFFF;}
#contentleft .desc_studio a:hover{text-decoration: none;}

#contentleft .basstudio_qx_home {
	padding-top: 5px;
	background-image: url(imgs/bboh.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height:9px;
	width: 317px;
	font-size: 1px;
}

#contentleft #mini_img_anim {
	float:left;
	width: 85px;
	margin-top: 6px;
	margin-left: 5px;
}
#contentleft #mini_img_anim  img {margin-bottom: 1px;}

#contentleft .basnews_home {
	margin-top: 5px;
	background-image: url(imgs/bf_news.gif);
	height:11px;
	width: 439px;
	font-size: 1px;
}

#contentleft .news {
	float:left;
	background-image: url(imgs/fond_news.gif);
	width: 439px;
}
#contentleft .news .unique_news{margin-left: 18px; width: 400px; clear:both;}
#contentleft .news .unique_news .visu_news{float:left; margin-right: 10px; border: 1px solid #2c2b2b;}
#contentleft .news .unique_news .titre_news{	font-size:10px; font-weight: bold; color: #e6af0b;}
#contentleft .news .unique_news .meta_news {	font-size: 10px; color: #989898; font-style: italic;}
#contentleft .news .unique_news .meta_news  a {color: #FFFFFF;}
#contentleft .news .unique_news .texte_news {	font-size: 10px; color: #989898;}
#contentleft .news .unique_news .texte_news a {color: #FFFFFF; font-style: italic; font-weight: bold;}
#contentleft .news .marge_news {padding-top: 4px; clear: both;}
#contentleft .basnews {
	margin-top: 5px;
	background-image: url(imgs/bas_news.gif);
	height:13px;
	width: 439px;
	font-size: 1px;
}
#contentleft .news .video_ba {
	width: 420px;
	margin-left: 18px;
	padding-top: 5px;
}
#contentleft .news .lien_video {
	margin-bottom: 45px; 
	margin-top:-60px; 
	font-family: verdana;  
	position:relative; 
	z-index: 2; 
	display:block; 
	width: 400px;
}
#contentleft .news .lien_video a {
	width: 395px;
	background-image: url(imgs/fond.png); 
	color: #e4af09; 
	padding: 7px 0px 3px 0px; 
	text-align:right; 
	display:block; 
	padding-right: 5px;
	font-size:14px;
	font-weight: normal;
}
#contentleft .news .ba_texte {
	font-size: 10px;
	width: 400px;
	color: #989898;
	font-weight: bold;
}
#contentleft .news .ba_texte a{color: #FFFFFF; font-style: italic;}

#contentleft .plusancien{margin-top: 5px;}

#contentleft #barometre {
	float:left;
	width: 319px;
	background-image: url(imgs/fond_barometre.gif);
}
#contentleft #barometre .texte_baro {margin-left: 18px; font-size:10px; font-weight: bold; color: #989898; padding-right: 10px;}
#contentleft #barometre .eros {margin-left: 18px; font-size:10px; font-style: italic; color: #FFFFFF; padding-right: 10px; padding-top: 3px;}
#contentleft #barometre .lire_suite_baro{text-align:right; padding-right: 10px;}
#contentleft #barometre .lire_suite_baro a {text-align:right; font-size:10px; font-weight: bold; color: #FFFFFF;}
#contentleft #barometre .visu_baro {margin-left: 18px; margin-top:2px;}
#contentleft #basbarometre {
	background-image: url(imgs/bas_barometre.gif);
	font-size: 1px;
	height:13px;
	width: 319px;
}

#contentleft #fs {
	float:left;
	width: 319px;
	background-image: url(imgs/fond_fs.gif);
	font-size:1px;
}
#contentleft #fs .titre_fs{
	font-size:18px;
	font-weight: bold;
	color: #e6af0b;
	padding-left: 25px;
}
#contentleft #fs .visu_g {border: 1px solid #2c2b2b; margin-right: 5px; margin-left: 25px;}
#contentleft #fs .visu_d {border: 1px solid #2c2b2b;}
#contentleft #fs .content_fiche{
	font-size: 10px;
	width: 290px;
	color: #989898;
	font-weight: bold;
	margin-left: 25px;
}
#contentleft #fs .content_fiche a{color: #FFFFFF; font-style: italic;}
#contentleft #basfs {
	background-image: url(imgs/bas_fs.gif);
	font-size: 1px;
	height:9px;
	width: 319px;
}

#contentleft #pave {
	/*clear:both;*/
	text-align:center;
	float:left;
	padding-top: 20px;
	width: 320px;
}

#contentleft #encyclopedie {
	float:left;
	width: 437px;
	background-image: url(imgs/fond_encyclopedie.gif);
}
#contentleft #encyclopedie .unique_ency{ width: 136px; float:left;}
#contentleft #encyclopedie .unique_ency .visu_ency{float:left; margin-right: 10px; border: 1px solid #2c2b2b;}
#contentleft #encyclopedie .unique_ency .titre_ency{font-size:10px; font-weight: bold; color: #e6af0b; text-align: center; display: block; padding: 0px 2px 0px 2px;}
#contentleft #encyclopedie .unique_ency .texte_ency {	font-size: 10px; color: #989898; padding: 0px 3px 0px 3px;}
#contentleft #encyclopedie .unique_ency .texte_ency a {color: #FFFFFF; font-style: italic; font-weight: bold;}
#contentleft #encyclopedie .calage_ency {margin-left: 18px;}
#contentleft #basencyclopedie {
	clear: both;
	height: 11px;
	width: 437px;
	background-image: url(imgs/bas_encyclopedie.gif);
	font-size: 1px;
}
#contentleft #encyclopedie p {font-size: 10px; color: #989898; font-weight: bold;}
#contentleft #encyclopedie a{color: #FFFFFF; font-style: italic;}

#contentleft .rangee_video {clear:both; padding-top: 20px; margin-left: 1px; height: 187px;}
#contentleft .titre_rangee{float: right; padding-bottom: 10px; padding-right: 20px;}
#contentleft #footerleft{
	width: 772px;
	height: 190px;
	float:left;
	margin-top: -2px;
	background-image: url(imgs/footer.gif);
	color: #FFFFFF;
	font-size: 11px;
}
#contentleft #footerleft a {color: #FFFFFF;}


#sidebar {
	float: left;
	width: 211px;
	background-image: url(imgs/fond_sidebar.gif);
	color: #FFFFFF;
}
#sidebar #h_sidebar{
	width: 211px;
	height: 30px;
	background-image: url(imgs/haut_droite.gif);
}

#sidebar #rechercher {padding-bottom: 5px;}
#sidebar #rechercher #s {border:none; border: 2px solid #2c2b2b; float:left; margin-left: 18px; width: 140px;}
#sidebar #rechercher #recherche_ok {cursor: pointer; border:none; background-color: transparent; background-image: url(imgs/ok_recherche.gif); background-position:top; width: 23px; height: 23px; margin-top: -2px; float:left; margin-left: 4px;}

#sidebar #newsletter_bloc{margin-left: 18px; font-size: 11px; font-family: Verdana;}
#sidebar #newsletter_bloc #newsletterTextIn {border:none; border: 2px solid #2c2b2b; float:left; width: 140px;}
#sidebar #newsletter_bloc #newsletterSub {cursor: pointer; border:none; background-color: transparent; background-image: url(imgs/ok_newsletter.gif); background-position:top; width: 23px; height: 23px; margin-top: -1px;float:left; margin-left: 4px;}

#sidebar #phrase{margin-left: 18px; padding-bottom: 5px; margin-top: 10px;}
#sidebar #phrase .titre_phrase {text-align:center; font-size:12px; font-style:italic; width: 180px; font-weight: bold; font-size: 16px; margin-bottom: 3px; margin-top: 3px;}
#sidebar #phrase .wp_quotes_quote {text-align:center; font-size:12px; font-style:italic; width: 180px;}
#sidebar #phrase .wp_quotes_author {text-align:right; width: 180px; font-size:12px; padding-top: 3px; font-weight: bold; font-style:italic;}

#sidebar .serie_pub{margin-left: 14px; padding-bottom: 5px; clear: both; padding-top: 5px;}
#sidebar .separateur{
	clear:both;
	width: 211px;
	height: 7px;
	margin: 10px 0px 10px 0px;
	background-image: url(imgs/separateur.gif);	
	font-size:1px;
}

#sidebar #b_sidebar{
	width: 211px;
	height: 11px;
	background-image: url(imgs/footer_droite.gif);
}

/*********** Pour le bras de la pub Axelle Parker *****/
#bras_axelle {
	position: absolute;
	margin-top: -237px;
	margin-left: 196px;
}


/******* Pour les pages club *****/
#container_club{padding-left: 30px; padding-right: 37px; float:left;}
#contentleft .ligne2{padding-top: 15px; padding-left: 30px;}
#contentleft .mozaique_them {padding-left: 30px; padding-top: 15px; padding-bottom: 15px;}
#contentleft .mozaique_them img {padding-right: 11px;}
#contentleft .ligne{padding-top: 15px;}

#form_allopass .pass{border:none; border: 2px solid #2c2b2b; float:left; margin-left: 18px; width: 140px; height: 18px;}
#form_allopass .bouton_ok{cursor: pointer; border:none; background-color: transparent; background-image: url(imgs/club/ok.gif); background-position:top; width: 24px; height: 20px; margin-top: 1px;float:left; margin-left: 4px;}
#form_allopass {height: 30px;}
#form_allopass .pea {padding-bottom: 15px;}


/***** Pour le jeu concour ***/
#contentleft h1 .titre{color: #e6af0b; padding: 5px 10px 0px 15px; font-size:18px;}