body{background:url(../ressources/bg_top.gif) repeat-x #F1ECD8; font-family:arial;}
body,form,h1,h2,h3,h4,h5,input,hr{margin:0; padding:0;}
img{border:none;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.hidden{display:none;}

.margin-bottom{margin-bottom:15px;}
.align-center{text-align:center;}

#container{
	width:985px;
	margin:auto;
	margin-top:35px;
}


#header{
	width:100%;
	height:130px;
}
#ban-header{width:728px; height:90px; background:#f1ecd8; float:right; margin-top:15px; position:relative; top:8px; display:none;}
#ban-sky{width:160px; height:600px; background:#F9F7EE; margin:35px 0px 10px 4px; display:none;}
#ban-carre,#ban-carre2,#ban-carre-index1,#ban-carre-list{width:300px; height:250px; background:#fff; float:right; margin:20px 30px 10px 4px;}
#ban-carre-index1{ margin:5px 8px 10px 15px; float:left;}
#ban-carre-list{ margin:20px 140px 10px 4px;}
#ban-amz{width:650px; height:250px; background:#fff; margin:0px 0px 10px 0px; padding:0px 20px; clear:both;}

#left{
	float:left;
	width:250px;
	min-height:900px;
	background:#006666;
	padding:0px;
	-webkit-border-radius: 10px;
	-moz-border-radius:10px;
}
#left #choose_dico{width:100%; text-align:center; margin:5px; position:relative; top:15px;}
#left #choose_dico p{font-size:12; color:#fff; font-weight:bold; margin:0 0 4px 0; color:#D8EBEB;}
#left #choose_dico .info{position:relative; top:5px; margin-left:3px;}
#left #choose_dico label{color:#fff; font-size:11px; margin-left:10px; position:relative; left:-8px;}

#left .container_tool{background:#4A9292; margin-top:45px;}
#left .container_tool input,#left .container_tool select{margin:0 0px 0 10px;}
#left  h3 a {color:#fff; text-decoration:none;}
#left  h3{color:white; font-size:18px; margin:30px 0 30px 5px; font-weight:normal;}
#left .container_tool h3{
	border-top:1px solid white; 
	border-bottom:1px solid white; 
	color:white; 
	font-size:18px; 
	padding:2px 0 2px 8px;
	margin:0px;
	margin-bottom:10px;
	font-weight:normal;
}
#left .container_tool p a{color:#fff; text-decoration:none;}
#left .container_tool p{color:#fff;  font-size:12px; margin:8px;}
#left .container_tool hr{color:#fff; width:225px; margin:auto;  margin-bottom:10px;}
input.red {border:2px solid #D30E05;}
h3.red{background:#D30E05;}
h1.red,h2.red{color:#D30E05;}
ul.red li a{color:#D30E05; text-decoration:none;}

input.orange{border:2px solid #FF6600;}
h3.orange {background:#FF6600;}
h1.orange,h2.orange {color:#FF6600;}
ul.orange li a{color:#FF6600; text-decoration:none;}

input.yellow {border:2px solid #CC9900;}
h3.yellow {background:#CC9900;}
h1.yellow,h2.yellow {color:#CC9900;}
ul.yellow li a{color:#CC9900; text-decoration:none;}

input.brown {border:2px solid #996600;}
h3.brown{background:#996600;}
h1.brown,h2.brown{color:#996600;}
ul.brown li a{color:#996600; text-decoration:none;}

select.purple{border:2px solid #993366;}
h3.purple{background:#993366;}
h1.purple,h2.purple{color:#993366;}
ul.purple li a{color:#993366; text-decoration:none;}

#anagram_input,#anagram_input_menu,#st_word,#en_word,#wi_word,#le_word{
	width:153px;
	height:25px;
	font-size:13px; 
	color:#999999; 
	padding-left:4px;
	/*padding:2px;*/
}
#le_word{color:#666;}
#left .submit{
	width:56px; 
	height:27px; 
	background:white; 
	border:1px solid #CCCCCC; 
	color:#333333; 
	font-size:12px;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	position:relative;
	left:-5px;
}


#right{
	float:right;
	width:735px;
	background:white;
	min-height:900px;
}

#right p{font-size:13px;} /* page d'index */
#right p a{color:#006666; text-decoration:none; font-weight:bold;}
#right .anagram_input_big{width:530px; height:39px; background:url(../ressources/bg_input_anagram.gif) repeat-x; font-size:29px; letter-spacing:.9em; padding-left:18px;}
#right input.anagram_search_big{width:125px; height:33px; border:1px solid #CCCCCC; color:#333333; font-size:21px; display:block;  -webkit-border-radius: 5px;	-moz-border-radius:5px; margin:15px auto;}
#right #h3_anagram{font-size:17px; color:#006666; margin:30px 0 5px 0;}

#right h1,#right h2{font-size:32px; font-weight:normal; margin:25px 0 15px 25px; text-shadow:1px 2px 2px #B4B4B4;}
#right h2.scrabble_green{color:#006666;}
#right h3,#right h4,#right p{padding:0 25px;}
#right h4{color:#006666; margin-top:25px; font-size:14px;}
#right .p_intro{color:#006666; font-size:13px;}
#right hr{margin:auto; width:85%; margin-top:20px; margin-bottom:15px; border:none;border-top:1px solid #F1ECD8;}
#right ul{ font-size:14px; margin:15px 30px 30px 30px; float:left;}
#right #nofound{ width:577px; margin:30px 30px; font-size:15px;}
#right #main_ul {margin:30px 0px 30px 30px; width:200px; font-size:15px; min-height:550px;}
#right #main_ul li span{color:#4A9292; font-size:12px;}
#right #main_ul li a{color:black; text-decoration:none;}
#right .ul_anagram{margin:0px 0px 30px 130px; }

#right #ul_last_searches li {width:50%; float:left;}

#right #loading{margin-top:15px;}

#container-anagram-index{text-align:center; margin-bottom:30px;}

#menu{width:100%; background:#D9BB77; height:28px; text-align:center; margin:0; border-top:1px solid white;}
#menu p{margin:0; padding:0;}

.menu_letters_container{
	margin:20px 0 20px 0px; 
	padding:5px; 
	border-top:2px solid #F1ECD8; 
	border-bottom:2px solid #F1ECD8; 
	background:#F9F7EE; 
	text-align:center;
}
.menu_letters_words_container{font-size:12px; line-height:18px;}
#syllabes_container{
	position:absolute;
	width:757px;
	text-align:center;
	margin:20px 0 0px 0;
	padding:3px;
	font-size:14px;
	border-top:1px solid #F1E6CE;
	border-bottom:1px solid #F1E6CE;
}
#syllabes_container a,#syllabes_container p,.menu_letters_container a, .menu_letters_container p{
	padding:0; margin:0;
	margin-left:40px;
	color:#927B59;
	text-decoration:none;
	display:inline;
}
.menu_letters_container a, #right .menu_letters_container p{ padding:0; margin-left:0px; }
p.navcurrent strong, .menu_letters_container .navcurrent{ color:#006666; font-weight:bold;}


#footer a {color:#fff; text-decoration:none;}
#footer{
	clear:both;
	margin:0;
	padding:10px 0;
	margin-top:40px;
	font-size:11px;
	width:100%;
	text-align:center;
	border-top:3px solid #fff;
	background:#006666;
	color:#fff;
}

/* STYLES DESTINéS A LA PAGINATION */

/* Dans le profil des membres*/
#pagination{
	margin-top:20px;
	text-align:center;
	clear:both;
}

#pagination a{
	text-decoration:underline;
}
/*...En Une*/
#pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
	color:#c57e00;
	font-size:80%;
}
#pagination a {
	border: 1px solid #bb7e00;
	margin-right:3px;
	padding:2px 5px;
	background-position:bottom;
	text-decoration: none;
	color: #c57e00;
}
#pagination a:hover, div.meneame a:active {
	border: 1px solid #a15900;
	background:#d9bb77;
	color: #ffffff;
}
#pagination .current {
	margin-right:3px;
	padding:2px 5px;
	border: 1px solid #a15900;
	font-weight: bold;
	background:#d9bb77;
	color: #ffffff;
}
/*--------------------------*/

/* CSS  de la bulle d'info */
.tooltip {
	color: #053b9e; outline: none;
	cursor: help; text-decoration: none;
	position: relative;
	
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
	color:#000000;
	font-size:14px;
	text-align:left;
	font-weight:normal;
}
.tooltip:hover span {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute; left: 1em; top: 2em; z-index: 99;
	margin-left: 0; width: 250px;
}
.classic { padding: 0.8em 1em; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }