body, div, fieldset, form, ol, ul, li, dl, dt, dd, p, a , h1, h2, h3, h4, h5, span { margin:0; padding:0;}
body{font-family: verdana, arial, trebuchet MS, sans-serif ; color:black ; background:#E2E5EA; font-size:12px; text-align:left;}
html>body {font-size: 12px;}


/* MAIN STRUCTURE */
#main { width:950px; text-align:left; margin:auto; padding-top:30px; padding-left:52px }
#content {}

#header_pub_swf { z-index:1; position:relative;}
#TB_overlay, #TB_window {z-index:100; position:relative;}


.help {	padding:5px; color:#456490; border:1px dotted #456490; font-size:11px; font-weight:bold; margin:5px; }

li.required label{ color:#ff0000;}

.maj { text-transform:uppercase; }

/* HEADER */
#header li { list-style:none; float:left; }

li.homelink {background:#E2E5EA url(../img/bkg/bkg_body.jpg) left top no-repeat;}
.homelink a {overflow:hidden; display:block; width:334px; height:110px;  }
.header_center { overflow:hidden; width:583px; height:110px; background:#B2BAC7; margin: 0 0 0 2px}
.header_right { overflow:hidden; width:28px; background:#C1C5D0; border:1px solid #C1C5D0; margin: 0 0 1px 1px}
.header_right a { overflow:hidden; width:28px; height:18px; display:block; text-align:center; line-height:18px; color:#333333; font-size:10px}
.header_right a.active {background:#E2E5EA; font-weight:bold}
.header_right.last { height:66px}

/* ONGLETS */
.onglets { margin:1px 0; background:url(../img/bkg/bkg_onglets.jpg) top left repeat-x; height:30px; display:block; clear:both;}
.onglets li { float:left; margin:0 7px}
.onglets li a { line-height:30px; display:block; font-size:13px; color:#333;  }
.onglets li.first { height:30px; width:166px; padding-right:4px; background:url(../img/bkg/bkg_onglets_first.jpg) top left repeat-y; border-right:1px solid #E2E5EA; margin:0}
.onglets li.first a { text-transform:uppercase; font-size:10px; color:#000; font-weight:bold; text-align:right}

.onglets li.btn_bleu { height:30px; line-height:30px; display:block; background:#456490}
.onglets li.btn_bleu a { color:#fff;}

/* FOOTER */
#footer { height:30px; }
#footer ul { width:100%; text-align:center;}
#footer li { list-style:none; display:inline; padding:0 5px}
#footer li a { line-height:30px; color:#333; font-size:10px}

/* HOME */
.home_firstline { height:344px; overflow:hidden; margin-bottom:1px; clear:both}
	.home_flash { border:1px solid #fff; border-width:0 1px; background:url(../img/bkg/bkg_home_flash.jpg) 0 0 no-repeat; width:414px; height:354px; margin-left:9px; float:left}
	.home_edito_wrapper { height:304px; margin-left:423px}
	* html .home_edito_wrapper { margin-left:0}
	.home_edito { padding:15px 10px 5px 15px; background:#D0D7E0 url(../img/bkg/bkg_home_edito.gif) bottom right no-repeat; border-bottom:1px solid #E2E5EA}
.home_sep { height:10px; clear:both; background:url(../img/bkg/bkg_sep_home.jpg) top left repeat-x; margin-bottom:1px}
.home_secondline { overflow:hidden; margin-bottom:1px; clear:both; padding-bottom:3px}
	
	#acces_prive { width:583px; border-right:1px solid #E2E5EA; float:left; border-bottom:1px solid #E2E5EA;}
	#acces_prive h2{ color:#fff; line-height:30px;  float:left; }
	#acces_prive small{ color:#fff;}
	#acces_prive .acces_prive_content { color:#fff; margin:5px 5px; float:right; display:block; width:360px}
	
	#acces_prive form {}
	#acces_prive input { clear:both; width:100px; line-height:14px; margin:5px 5px 0px 5px;}
	#acces_prive input { height:14px; font-size:10px;}
	#acces_prive a { color:#fff; font-size:10px; line-height:10px; float:right; display:block; margin:3px 5px;}
	#acces_prive a.btn_bleu { float:none; display:inline-block; line-height:20px; margin:auto}
	
	#acces_newsletter { width:330px; height:108px; overflow:hidden}
	* html #acces_newsletter {width:322px;  overflow:visible}
	#acces_newsletter h3 { color:#333; font-weight:bold; font-size:10px; padding-top:8px }
	#acces_newsletter input { width:240px; float:left; margin-right:33px }
	#acces_newsletter p, #acces_newsletter h3, #acces_annuaire p { margin:0.5em 8px 0 8px}
	#acces_annuaire { width:330px; height:120px; margin-top:1px; overflow:hidden}
	* html #acces_annuaire { width:322px; overflow: visible}
	
	#acces_annuaire h2 {color:#fff; padding:0; line-height:20px; height:20px; }
	#acces_annuaire h2 strong { line-height:20px; height:20px; display:inline-block; padding:0 8px; border-right:1px solid #E2E5EA}
	#acces_annuaire a.btn_bleu { float:right; margin-right:20px}
	
	
	#derniers_inscrits { width:613px; float:left;}
	#derniers_inscrits li { float:left; height:98px; width:74px; margin:5px 5px}
	#derniers_inscrits li a { display:block; background-position:0 0; background-repeat:no-repeat; cursor:pointer}
	#derniers_inscrits li .image { width:74px; height:74px}
	#derniers_inscrits li strong { width:76px; height:14px;}
	#derniers_inscrits li strong a:hover{ text-decoration:underline;}
	#derniers_inscrits li strong a { display:block; background:#456490; color:#FFF; text-align:center; overflow:hidden; height:14px; line-height:14px; font-size:9px; font-weight:normal; }
	
	
	
	.module {
		background-color: rgb(225,228,235); background-color: rgba(225,228,235,0.5);
		border:1px solid rgb(217,225,237); border:1px solid rgba(217,225,237,0.65);
		border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
		box-shadow: 2px 2px 3px rgb(125,133,140), 2px 2px 3px rgba(125,133,140,.15);	-webkit-box-shadow: 2px 2px 3px rgb(125,133,140), 2px 2px 3px rgba(125,133,140,.15); -moz-box-shadow: 2px 2px 3px rgb(125,133,140), 2px 2px 3px rgba(125,133,140,.15);
		margin-bottom:10px;
	}
	
	.module h2 { 
		color:#FFF; font-size:1em; line-height:2em; padding:auto 10px; font-weight:bold; text-shadow: 0 -1px 1px rgba(0,0,0,.25); 
		background:url(../img/bkg/bkg_module_head.jpg) repeat-x; 
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#829CBF',EndColorStr='#58759D');
		background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(#829CBF), to(#58759D));
  		-moz-border-radius-topright:4px; -moz-border-radius-topleft:4px;-webkit-border-top-right-radius:4px;-webkit-border-top-left-radius:4px;	
	}
	
	.module {width:300px; float:left; margin:10px 0px 0px 9px;}
	.module .module_content { margin:8px; height:130px; overflow:auto;}
	
	.module.large { width:611px;}
	
	#home_list_profils ul { margin:10px; font-size:10px;}
	#home_list_profils ul li { height:18px;}
	
	.profil_right {width:240px; float:right}
	#profil_top_rankings {width:240px; height:260px; float:right; background:#E2E5EA; margin:10px 10px;}
	
	#home_top_rankings, #home_derniers_profil_maj {height:200px;}
	#home_top_rankings ul li, #home_derniers_profil_maj ul li, #profil_top_rankings ul li {float:left; height:65px; }
	#home_top_rankings ul li a.image, #home_derniers_profil_maj ul li a.image, #profil_top_rankings ul li a.image {width:60px; height:60px;}
	
	#home_list_annuaire div { margin:10px; text-align:justify}
	#home_list_annuaire a { margin:2px; font-size:10px; color:#333; padding-left: 13px;	 background: url(../img/carre_bleu.jpg) center left no-repeat;}
	#home_list_annuaire a.link_0.first {background:none; padding-left: 0px;}
	#home_list_annuaire a.link_0 { font-weight:bold;  }
	#home_list_annuaire a.link_1 { font-weight:normal;  }
	
	#home_news li { border-bottom:1px solid #456490; margin-bottom:15px;}
	#home_news li h3 { color:#456490; font-size:12px;}
	#home_news li div { font-size:10px;}
	
	#home_search .btn_bleu { margin-left:71px; float:none}
	

/* MAIN TYPO */
p { font-size:9px; color:#333; line-height:1.3em; margin:0.5em 0}
a {	color:#456490; text-decoration:none;}
a:hover {text-decoration:underline;}
a img { border:0}
h1 { font-size: 22px; }
h2 { font-size: 11px; font-weight:bold; text-transform:uppercase; padding-left:8px;}
h3 { margin-bottom:1em}
/*	h2.bkg_bleu_fonce, h2.bkg_gris_fonce { color:#FFF; padding:5px 10px; font-size:14px; font-weight:bold}	*/
/*h2.bkg_bleu_fonce, h2.bkg_gris_fonce {color:#FFF; height:22px; padding:5px 10px; background:url(../img/bkg/bkg_module_head.jpg) repeat-x; font-size:10px; font-weight:bold;}/*

h2, h3 { clear:both;}
h3 {margin-bottom:10px;}

.align_right { text-align:right; }
.align_left { text-align:left; }
.align_center { text-align:center; }

/* MAIN FORMS */
label { font-size:9px; font-weight:bold; color:#456490; display:block}

/* BTN */
.btn_bleu { float:right; display:inline-block; font-weight:bold; color:#FFF; padding:0 5px; line-height:20px; background:url(../img/bkg/bkg_btn_bleu.gif) top left repeat-x}

input.btn_bleu, input.btn_bleu:visited {
	border-width:1px;
	background: #58759D url(../img/bkg/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 2px 4px 3px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
input {	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 }

	.btn_bleu:hover	{ background-color: #3D5676; color: #fff; }
	.btn_bleu:active { top: 1px; }
	.small.btn_bleu, .small.btn_bleu:visited { font-size: 11px; padding: ; }
	.btn_bleu, .btn_bleu:visited, .medium.btn_bleu, .medium.btn_bleu:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.btn_bleu, .large.btn_bleu:visited { font-size: 14px; padding: 8px 14px 9px; }

/* MAIN COLORS */ 
.bkg_gris_fonce { background:#B2BAC7}
.bkg_gris_clair { background:#D0D7E0}
.bkg_bleu_fonce { background:#456490}





/*AJAX LOADING*/
.loading { margin:auto; margin-top:25px; width:32px; height:32px; background:url(../img/icons/ajax-loader.gif) center no-repeat; }
small { font-size:10px; color:#999999;}
ul li{ list-style:none}
.liststyle li { line-height:2em}
fieldset { padding: 20px;}
fieldset legend { font-weight:bold; font-size:14px;}

.majuscule { text-transform:uppercase;}

.error {	border:1px dotted #C60033; padding:10px; color:#C60033; font-weight:bold; margin-top:10px; margin-bottom:10px;}
.confirm {	border:1px dotted #090; padding:10px; color:#090; font-weight:bold; margin-top:10px; margin-bottom:10px;}


#backoffice_login { width:400px; margin:auto}

form li {margin-bottom:10px;}
form li label {display:block; width:25%; float:left;}
form li input {width:50%; }

form .bt_valid { color:#456490; width:200px; float:right; clear:both;}


ul.menu_princ { font-weight:bold; font-size:16px; }
ul.sous_menu { font-weight:bold; font-size:12px; margin-bottom:5px;}
ul.sous_menu a {color:#666; }
ul.menu_princ li, ul.sous_menu li { float:left; margin-right:20px;}


#tool_box a span {color:#FFF; font-size:12px; margin-top:5px; margin-right:5px; display:block; float:left;}