@charset "iso-8859-1";

/* ***************** ATTRIBUTS DE BASE ******************** */
html, body {background: url("bg.jpg") #52483F; background-repeat:repeat-x;margin: 0px;font-family:"Trebuchet MS";text-align:center;}

a {text-decoration: none; color:#B4A99C;   text-align:justify;} 

h1 {font-size:25px; font-weight:normal; letter-spacing:0px;   margin:10px 0px 6px 0px;clear:left;}

h2,#horoentete {font-size:20px; font-weight:normal; letter-spacing:0px; margin:6px 0px 2px 0px;clear:left;}

h3 {font-size:14px; font-weight:normal;font-style: italic; display:inline;}

h4,#horotitre {font-size:15px; letter-spacing:0px; display:inline;vertical-align:top;} 

h5 {font-size:22px;letter-spacing:0px;margin:0px;}

h5 img {float:right;margin-left:5px;}

h6 {font-size:16px; letter-spacing:0px;margin:0px;}

form {display:inline; margin:0px;}

img {border: 0px;margin-right:2px;}

input, select, textarea {background:#B4A99C; color:#52483F; font-size:10px; border: 0px; margin-right:2px;font-family:"Trebuchet MS";padding-left:2px;}

input {padding-right:2px;}

marquee {position:absolute;z-index:1;width:100%;}

ol,li,em,strong,span,blockquote {margin:0px;}

p {float:left;width:112px;_margin-top:12px;}

form table {margin-top:10px;text-align:center;float:left;}

/* ***************** DERIVATIONS ***************** */
a:hover {color:#ccc;}

a.info_image {position: relative; text-decoration: none; z-index: 0;}

a.info_image span {display: none;}

a.info_image:hover {text-decoration: none; background: none; z-index: 1;}

a.info_image:hover span {display: block; position: absolute; top:18px; left:0px;}

h1:first-letter {color:#fff;}

h2:first-letter,#horoentete:first-letter {color:#f60;}

#corps input:focus,#corps textarea:focus {border:1px solid white;}

#corps input.sub:focus {border:0px;}

/* ****************** CLASS *************** */
.hitparade {display:none;}	

.petite_marge {margin-top:14px;}

.radiop {float:left;margin-top:7px;margin-right:10px;margin-left:7px;} 

.select_bottom {position:absolute;bottom:10px;}

/* ***************** DIV ***************** */
#accueilmosaique {height:75px;width:75px;float:left;-moz-opacity: 0.6;filter: alpha(opacity=60);}

#accueilmosaique:hover {-moz-opacity:1;filter: alpha(opacity=100);}

#acc_gauche {float: left; width: 368px; margin-bottom:10px;clear:both;}

#acc_droite {float: right; width: 368px; margin-bottom:10px;} 		

#formulaire #acc_gauche, #formulaire #acc_droite {width:360px;}

#acc_top {background:url("../../img/inc/acc_top.png") no-repeat;height:11px;}

#acc_bottom {background:url("../../img/inc/acc_bottom.png") no-repeat;height:12px;}

#actions {height:300px;width:335px;}  

#att {height:20px;background:url("../../img/inc/att.png") no-repeat;padding: 0px 0px 0px 22px;margin:3px 0px 0px 0px;font-style: italic;}

#big_actions {width:150px;text-align:center;float:left;margin:0px 15px 0px 18px;} 	

#big_actions.jeux {height:140px;margin:15px 8px 10px 20px;}

#big_actions.radi {width:200px;height:120px;margin-top:15px;margin-bottom:10px;margin-left:32px;}

#bottom {background:url("../../img/inc/bottom.png") no-repeat; height:20px; padding:5px 0px 0px 2px;float:left;width:750px;}

#bottom2{background:url("../../img/inc/bottom2.png") no-repeat; height:115px; padding:5px 0px 0px 2px;margin-top : 10px;float:left;width:750px;}
					
#close {position:absolute;top:0px;right:0px;}				

#comm, #comm a {color:#52483F;background:#B4A99C;padding:0px 8px 0px 8px;}							

#comm_bottom {background:url("../../img/inc/comm_bottom.png") no-repeat;padding-top:23px;margin-bottom:5px;}

#comm_top {background:url("../../img/inc/comm_top.png") no-repeat;height:12px;_margin-bottom:-6px;}

#corps {min-height:700px;_height:700px;}

#corps input, #corps textarea {width:700px;}

#corps input.little {width:180px;margin-left:2px;}

#corps textarea {height:110px;}		 

#corps input.sub {width:110px;margin-top:20px;clear:left;height:35px;background:url("../../img/inc/button.jpg") no-repeat;}

#corps input.radio {background-color:transparent;  border:0px;width:30px;}

#fixed-top {	position:fixed;	top:0;	left:0;	width:100%;	height:23px;line-height:23px;background: black;	color:white;	z-index:1000;	opacity: 0.7;-moz-opacity: 0.7;	-khtml-opacity: 0.7;	filter: alpha(opacity=70);padding:0px 5px 4px 0px;}

#fixed-top img {z-index:1500;position:absolute;}

#fixed-top:hover {	opacity: 0.9;	-moz-opacity: 0.9;	-khtml-opacity: 0.9;	filter: alpha(opacity=90);}

#formulaire, #little  {color:#52483F;background:#B4A99C;padding:0px 0px 0px 25px;margin:0px;}

#formulaire a,#little a {color:#52483F;}

#little, #little a {padding:0px 8px 0px 5px;}

#formulaire input,#formulaire select,#formulaire textarea,#little input,#little select,#little textarea,#lovetest input,#paroles input {color:#B4A99C; background:#52483F;}	  
															
#formulaire textarea, #little textarea {height:200px;}

#formulaire a, #little a {padding:0px;}

#form_bottom {background:url("../../img/inc/form_bottom.png") no-repeat;height:45px;} 		  

#horotext a {display:none;}

#horotext {font-size:14px;}

#klassik_bottom {background:url("../../img/inc/klassik_bottom.png") no-repeat;height:16px;clear:both;}	   

#lateral {padding:25px auto 0px auto;float:right;width:200px;margin-right:4px;background:#3E362F;border-right:3px solid #24201C;-moz-opacity:0.8; filter: alpha(opacity=80);}

#lateral input {margin-top:5px;}

#ligne {border-bottom: 1px dotted #eee;padding-top:2px;padding-bottom:3px;} 

#little_actions {text-align:center;float:left;margin:10px 10px 5px 25px;} 	

#loveresult {font-size:1.2em;}

#lovetest {text-align:center;background:url("../../img/inc/lovetest.png") no-repeat;padding-top:33px;margin-top:8px;height:105px;font-size:12px;}

#lovetest input.normal,#paroles input.normal {width:70%;}

#mega {width:978px;margin-left: auto; margin-right: auto;}	

#menu {margin-bottom:32px;}

#menu li a {color:#52483F;display:block;text-align:center;}

#menu li {margin-right:2px;  padding:0px 0px 2px 3px; letter-spacing:0px;font-weight:bold; background:#B4A99C; color:#52483F;  left:-41px; top:-13px;font-size:15px; width:89px;display:block; float:left; cursor:pointer;text-align:center; }

#menu ul {width:100px;z-index:70;  visibility:hidden; position:absolute;}

#menu ul li {width:89px; font-size:11px; letter-spacing:0px; float:none; font-weight:normal; position:relative; -moz-opacity:0.9; filter: alpha(opacity=90);  background:#B4A99C; border-top:1px dotted #666;padding-bottom:0px;}

#menu ul li a {text-align:left;}

#menu ul li:hover a {color:#eee;display:block;}

#menu ul li.undermenu {border-bottom:1px dotted #eee;}

#menu_membre {float:right;margin:3px 10px 0px 0px;width:350px;display:inline;padding-top:10px;}

#menu_membre img {float:right;max-height:100px;height: expression(this.scrollHeight > 100? 100 : true);}

#mod_f,#mod_h {width:730px;height:350px;}

#mod_f p,#mod_h p {width:365px;text-align:center;color:#52483F;font-size:16px;}

#mod_f {background:url("../../img/inc/mod_f.jpg") no-repeat;padding:32px 0px 20px 30px;}

#mod_h{background:url("../../img/inc/mod_h.jpg") no-repeat;padding:32px 0px 20px 350px;}

#page {font-size:14px; width:750px;float:left;margin-left:4px;margin-top:25px;}

#page,#horotext,#horotitre {text-align:justify;}

#page,body {color:#B4A99C;font-family:"Trebuchet MS";}

#paroles {text-align:center;background:url("../../img/inc/paroles.png") no-repeat;padding-top:38px;height:220px;color:#52483F;padding-bottom:15px;}

#paroleslast {float:right;text-align:left;width:250px;font-size:0.9em;padding-top:5px;}

#paroleslast a {color:#52483F;}

#paroleslast a:hover {color:white;}

#pg {float:left;height:85px;width:24px;background:url("../../img/inc/pg.png") no-repeat;}

#pd {float:left;height:85px;width:24px;background:url("../../img/inc/pd.png") no-repeat;}

#popup,#popuploading {z-index:100;  position:absolute; border:solid #B4A99C 2px;background:#52483F;padding:0px 3px 0px 4px;}

#popup h2,#popuploading h2 {margin-top:0px;}	  

#right {float:right;}

#sexyBG, #loading {z-index:99; display: none;  position: absolute;  background: #000;  -moz-opacity: 0.6;  filter: alpha(opacity=60);  width: 100%;  height: 100%;}

#slogan {padding-left:20px;}

#spacer {clear:both;}		

#tags {padding:5px 10px 3px 12px;width:450px;line-height:20px;}

#topmusic {text-align:left;padding:5px;}

#acc_gauche input, #acc_gauche textarea, #acc_droite input, #acc_droite textarea {width:100%;}	 

/* ******************* INTERNET EXPLORER *********************** */	
* html #accueilmosaique {height:74px;width:74px;}

*+html #big_actions {width:147px;}
* html #big_actions {width:147px;}

*+html #derniers a:hover {cursor:hand;}
* html #derniers a:hover {cursor:hand;}

*+html #little {width:355px;margin-top:0px;}
* html #little {width:367px;margin-top:-7px;}

/********/
 
*+html #menu li a {text-align:center; display:block;}
* html #menu li a {text-align:center; display:block;}

*+html #menu ul li a {text-align:left; display:block;margin-bottom:0px;}
* html #menu ul li a {text-align:left; display:block;margin-bottom:0px;}

*+html #menu ul {margin-top:19px;margin-left:-6px;}
* html #menu ul {margin-top:19px;margin-left:-6px;}

*+html #menu ul li {border-top:1px solid #666;margin-top:-4px;}
* html #menu ul li {border-top:1px solid #666;margin-top:-4px;}

*+html #menu li {width:89px;}
* html #menu li {width:89px;}

*+html #menu ul li.undermenu {border-bottom:2px solid #eee;margin-top:-6px;}
* html #menu ul li.undermenu {border-bottom:2px solid #eee;margin-top:-6px;}

*+html #menu li a:hover {color:#666;}	   
* html #menu li a:hover {color:#666;}	   

*+html #menu li ul.menuspecial {margin:39px 0px 0px -22px;} 
* html #menu li ul.menuspecial {margin:39px 0px 0px -22px;} 

/***********/

*+html #corps {clear:left;margin-top:-10px;}
* html #corps {clear:left;margin-top:-10px;}

*+html #fixed-top select {font-size:8px;}

*+html p {margin-top:15px;}