/* CSS Document */

body {
background: url(/images/bgblue.png) #0085ce repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 20px;
width: 100%;
padding: 0;
margin: 0;
}

form{margin:0;padding:0;}

input,select,textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 1px !important;
	margin-top: 0px !important!;
	margin-top: 0px;
	margin-bottom: 1px !important;
	margin-bottom: 0px !important!;
	margin-bottom: 0px;
	border: 1px solid #9ccbff;
	border-right: 1px solid #70b4ff;
	border-bottom: 1px solid #70b4ff;
	padding: 3px;
	background: url(images/bg_input.gif) repeat-x;
}

input[type="file"] { font-size: 12px; }

input[type="checkbox"] { border: none; background: none; }

input[type="submit"] { border: 1px solid #000; border-top: 1px solid #999; border-left: 1px solid #999; background: #bbdbff; font-weight: bold; color: #000; font-family: Tahoma,Microsoft Sans Serif; }


option { background: #e5f1ff; }

select { margin: 0; }

textarea { background: url(images/bg_input.gif) repeat-x #e5f1ff; }

h1,h2,h3,h4,ul,li,p {
margin: 0;
padding: 0;
}

h2 {
font-size: 16.5px;
}

h3 {
font-size: 13px;
}

h4 {
font-size: 11px;
}

ul {
	margin-left : 20px;
}

li {	list-style-image: url(/images/puce.gif); }

hr {
	height: 1px;
	border: none;
	border-bottom: 1px dotted #c5e0ff;
}

a:link,a:visited {
color: #000;
text-decoration: none;
}

.show_hand {
	cursor: pointer;
}

.titres {
	float: left;
	width: 754px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	text-align: right;
	padding-right: 40px;
	font-size: 17px;
	color: #FF0000;
	background: url(/images/bg_titres.gif) no-repeat;
}

.small_fiche {
	float: left;
	height: 150px;
	width: 140px;
	margin: 3px;
	line-height: 13px;
	font-size: 11px;
}
.infobulle {
    position: absolute;   
    visibility : hidden;
	width: 148px;
	height: 106px;
	padding: 15px 7px 7px 7px;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    font-size: 11px;
    background: url(/images/bg_infos_pop.png);
	line-height: 16px;
	text-align: left;
	z-index: 2;
}
.infobulle h3 {
	font-size: 13px;
	font-weight: bold;
	margin-top: -4px;
	margin-bottom: 0px;
	text-align: center;
}
.small_fiche_bg_130x15 {
	float: left;
	position: absolute;
	width: 130px;
	height: 15px;
	margin-left: 5px !important;
	margin-left: 0px !important!;
	margin-left: 0px;
	margin-top: 3px;
	background: url(/images/bg_130x15.gif);
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	line-height: 15px;
}

.small_picture_50x50 {
	float: left;
	margin: 2px;
	width: 50px;
	height: 50px;
	padding: 1px;
	display: inline;
}

.small_picture_50x50 img, .cadres_50x50 img, .small_picture_75x92 img { margin-bottom: -3px; }

.small_picture_75x92 {
	float: left;
	margin: 2px;
	width: 75px;
	height: 92px;
	padding: 1px;
	display: inline;
}

.small_picture_75x92 .title { width: 75px; height: 16px; text-align: center; line-height: 16px; margin-bottom: 1px; }

.cadres_50x50 {
	float: left;
	height: 50px;
	width: 50px;
	background: url(/images/unknown.png);
	padding: 2px;
	margin: 1px;
	display: inline;
}

.div_commentaires {
	margin: 0 auto;
	clear: both;
	min-height: 55px;
	width: 525px;
	/*background: url(images/1px_dotted_c5e0ff.gif) repeat-x top #FFF;*/
	background: #FFF;
	border-top: 1px dotted #c5e0ff;
	padding: 3px;
}

.div_commentaires_del {
	float: left;
	width: 525px;
	padding-right: 6px;
	margin: 0px 0 0 -3px;
	line-height: 15px;
	text-align: right;
	background: #FFF;
}

#main_web {	width: 1090px; margin: 0 auto; }

#header_left {
	float: left;
	height: 135px;
	width: 451px; 
}

#header_right {
	float: right;
	height: 95px;
	width: 639px;
	background: url(/images/header_right.jpg);
	text-align: center;
	padding-top: 40px;
}

#top_01 {
	float: left;
	width: 170px;
	background: url(/images/top_01.gif) no-repeat;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
}

.top_02 {
	float: left;
	width: 128px;
	background: url(/images/top_02.gif);
	line-height: 40px;
	text-align: center;
	font-weight: bold;
}
.top_03 {
	float: left;
	width: 131px;
	background: url(/images/top_03.gif);
	line-height: 40px;
	text-align: center;
	font-weight: bold;
}

#top_04 {
	float: left;
	width: 395px;
	background: url(/images/top_04.gif) no-repeat top right;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
}

#inscription_ul {
	margin-top: 25px;
	width: 490px;
	font-size: 20px;
	color: #a60053;
	text-align: center;
}

#inscription_ul li {
	width: 95%;
	list-style-type: none;
	list-style-image: none;
}

.sub_menus_top {
	float: left;
	position: relative;
	/*background: #deefff;*/
	/*background: url(/images/top_04.gif) 10% 100% no-repeat #b5f4ff;
	background: url(/images/top_04.gif) 10% 0% repeat #b5f4ff;
	background: url(/images/test.gif);*/
	color: #666;
	margin-top: -4px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: left;
	line-height: 15px;
	font-weight: normal;
	z-index: 1;
	display: none;
}

.sub_menus_top img  { position: absolute; width: 100% !important; width: 104%; margin: -5px; border: 1px solid #71b1ff; border-top: none; z-index: 0; }

.sub_menus_top ul { position: relative; margin-left: 15px; z-index: 1; }

#sub_menu_account {
	width: 146px !important;
	width: 145px;
	margin-left: 18px !important;
	margin-left: 9px;
}

#sub_menu_bal {
	width: 120px !important;
	width: 117px;
	margin-left: 2px !important;
	margin-left: 2px;
}

#sub_menu_amis {
	width: 123px !important;
	width: 120px;
	margin-left: 1px !important;
	margin-left: 2px;
}

#top_main {
	float: left;
	width: 100%;
	height: 40px;
	margin-bottom: 50px;
	background: url(/images/top_main.gif);
	line-height: 40px;
	font-weight: bold;
	text-align: center;
}

#main_site_content {
	float: left;
	width: 1074px;
	margin-left: 8px !important;
	margin-left: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: -54px;
	background: #FFF;
}

.inscription_top {
	float: left;
	width: 100%;
	height: 110px;
	text-align: center;
}

#menu {
	float: right;
	width: 250px;
}

#left {
	float: left;
	width: 804px !important;
	width: 804px;
	padding: 10px;
	padding-top: 0;
}

.left_cadres_index { float: left; width: 15px; }

.center_cadres_index { float: left; width: 361px; }
	
.right_cadres_index { float: left; width: 15px; margin-left: 0 !important; margin-left: -12px;}

.top_cadres_index { float: left; width: 100%; height: 48px; background: url(/images/top_cadre.gif); line-height: 48px; text-align: center; }

.middle_cadres_index { float: left; width: 100%; height: 308px; background: url(/images/bg_cadre.gif); }

.bottom_cadres_index { float: left; width: 100%; height: 25px; background: url(/images/bottom_cadre.gif); }
	
	
.main {
	float: left;
	margin-left: 30px !important;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 5px;
	width: 730px;
	text-align: center;
}

#footer {
	float: left;
	width: 100%;
	height: 64px;
	background: url(/images/bottom.gif) no-repeat;
	line-height: 32.5px;
	text-align: center;
}

#end_footer {
	float: left;
	width: 100%;
	height: 60px;
	background: url(/images/end_bottom.gif) no-repeat;
}

#amis {
	float: left;
	width: 240px;
	padding: 0 0 5px 4px;
}

/* MENUS */
.top_cadre_menu_l {
	float: left;
	width: 49px;
	height: 47px; 
}
.top_cadre_menu_r {
	float: left;
	width: 195px;
	height: 47px;
	background: url(/images/menu_right.gif) no-repeat;
	text-align: center;
	line-height: 47px;
	font-weight: bold;
}
.middle_cadre_menu {
	float: left;
	width: 244px;
	padding: 3px;
	background: url(/images/middle_cadre_menu.gif);
	text-align: center;
	font-size: 12px;
}

.middle_cadre_menu li,.fiche_membre li {
	margin: 0;
	width: 90%;
	padding-left: 5px;
	list-style-image: none;
	list-style-type: none;
	background: url(images/1px_dotted_c5e0ff.gif) repeat-x bottom;
}

.middle_cadre_menu ul,.fiche_membre ul {
	margin-top: 5px;
	text-align: left;
	line-height: 19px;
	list-style-type: none;
}

.middle_cadre_menu li:hover {
	background: #d0e6ff;
}
/* POUR IE6 (first-letter spécifique) */
.middle_cadre_menu li:first-letter {
	font-weight: bold;
	font-size: 12px;
	color: #666;
}

.fiche_membre li:first-letter  {
	font-weight: bold;
	font-size: 12px;
	color: #666;
}
/* end */

.middle_cadre_menu #sub_info_membre { color: #FF0000; font-weight: bold; text-align: center; }
.middle_cadre_menu #sub_info_membre:first-letter   { color: #FF0000; }

.middle_cadre_menu hr,.fiche_membre hr {
	width: 100%;
	height: 1px;
	margin: 0;
	font-size: 1px;
	padding: 0;
}

.bottom_cadre_menu {
	float: left;
	width: 250px;
	height: 29px;
	background: url(/images/bottom_cadre_menu.gif);
	margin-bottom: 10px;
	text-align: center;
}

/* Messagerie */
#main_messagerie {
	float: left;
	width: 100%;
	margin-top: 10px;
}

#rub_messagerie {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

.cols_messagerie {
	float: left;
	height: 20px;
	border-right: 2px solid #FFF;
	text-align: center;
	background: url(/images/bottom_tchat.gif) bottom;
}

.cols_messagerie_mess {
	float: left;
	height: 25px;
	text-align: center;
}

.rows_messages {
	float: left;
	width: 100%;
	line-height: 25px; 
}

.confirm_del_mail {
	float: left;
	width: 98%;
	font-weight: bold;
	color: #FF0000;
	text-align: right;
	display: none;
}

.mail_img_delete { margin-top: 4px; }


#bottom_fixed {
	float: left;
	position: fixed !important;
	position: absolute;
	height: 29px;
	width: 100%;
	left: 0px;
	bottom: 0px;
	border-top: 1px solid #000;
	background: #fff;
	text-align: center;
	padding: 0 5px 0 5px;
	z-index: 9999;
	display: none;
}

.tc_bottom {
	float: left;
	background: url(/images/bg_sub_menus_top.gif);	
	width: 100px;
	height: 20px;
	line-height: 20px;
	color: #000;
	text-align: center;
	border: 1px solid #666;
	margin: 3px 0 0 2px !important;
	margin: 3px 0 0 5px;
	cursor: pointer;
}

.suggestionsBox {
	position: relative;
	left: -20px;
	margin: 10px 0px 0px 0px;
	width: 200px;
	background-color: #212427;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #CCC;	
	color: #fff;
}

.suggestionList {
	margin: 0px;
	padding: 0px;
}

.suggestionList li {
	list-style-image: none;
	list-style-type: none;
	background: none;
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor: pointer;
}

.suggestionList li:first-letter {
	color: #FFF;
}

.suggestionList li:hover {
	background-color: #659CD8;
}
	
.edit_pic {
	float: left;
	width: 385px;
	border: 1px dotted #c5e0ff;
	height: 115px;
	margin: 0 0 5px 5px;
	padding: 5px;
}

.edit_pic_drag {
	float: left;
	width: 150px;
	height: 155px;
	margin: 0 0 5px 5px;
	border: 1px dotted #c5e0ff;
	text-align: center; 
}

#sub_smileys img { margin: 0 0 7px 0; }

.rounded_border {
float: left; text-align: left; width: 95%; margin: 10px auto 0 auto; padding: 10px; border: 2px solid #7bb5f9; clear: both; font-size: 12px;
}

// Relative Google MAP API
v\:* {
	behavior:url(#default#VML);
}