/* ----------------------------------------------------------------------------------------------------
	
	Style.css
	
  ----------------------------------------------------------------------------------------------------- */


body {
	margin:0px;
}

#links {
	color:#666;
	font-size:8pt;
	font-family:tahoma;
}

#links a:link,
#links a:visited {
	color:#666;
	text-decoration:none;
}

#links a:hover {
	color:#999;
}

#page {
	width:1000px;
	margin:0px auto;
}

#page #top {
	width:1000px;
	height:21px;
	padding-top:2px;
}

/* ------ top_left  ------ */
#page #top #top_left {
	margin:0px 0px 0px auto;
	width:570px;
	text-align:left;
	padding-left:8px;
	height:22px;
	float:left;
	color:#CCCCCC;
	/*border:1px red solid;*/
}

#page #top #top_left img {
	vertical-align:middle;
	border:0px;
	cursor:pointer;
}

#page #top #top_left a:link, #page #top #top_left a:visited {
	text-decoration:none;
	color:#CCC;
	font-weight:normal;
	font-size:8pt;
	font-family:tahoma;
}

#page #top #top_left a:hover {
	text-decoration:none;
	color: #999;
	font-weight:normal;
	font-size:8pt;
	font-family:tahoma;
}

/* ------ top_right  ------ */
#page #top #top_right {
	margin:0px 0px 0px auto;
	border:1px white solid;
	width:400px;
	text-align:right;
	padding-right:8px;
	height:22px;
	
	/*background-color:#FF0000;*/
	
}

#page #top #top_right form {
	display:inline;
}

#page #top #top_right .field {
	font-family:tahoma;
	font-size:8pt;
	border:1px #ccc solid;
	color:#ccc;
	width:100px;
}

#page #top #top_right .field:hover {
	color:#666;
	border:1px #666 solid;
}

#page #top #top_right #formLogin #submit {
	background-image:url('/img/icons/connexion.gif');
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center;
	border:0px;
	width:16px;
	height:16px;
}

#page #top #top_right #loggedIn #submit {
	background-image:url('/img/icons/logout.gif');
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center;
	border:0px;
	width:18px;
	height:18px;
}

#page #top #top_right #loggedIn #pseudo {
	font-family:tahoma;
	font-size:10pt;
	font-weight:bold;
}

/* --------------------------------------------------- */

#page #header {
	background:url("/img/wallpaper/header.png") no-repeat;
	width:1000px;
	height:98px;
	margin-top:28px;
}

#page #header #logo {
	width:284px;
	height:60px;
	cursor:pointer;
	/*border:1px blue solid;*/
}

#page #content {
	width:1000px;
	margin:0px;
	margin-top:36px;
	font-family:tahoma;
	font-size:10pt;
}

#page #content #body {
	width:990px;
	margin-left:5px;
}

#page #footer {
	width:1000px;
	height:70px;
	margin:0px;
	background:url("/img/wallpaper/footer.png") no-repeat;
}

#page #footer #copyright {
	margin:0px 45px;
	font-family:tahoma;
	font-size:8pt;
	color:#eee;
	text-align:center;
	padding-top:20px;
}

#page #menu {
	background:url("/img/wallpaper/menu.png") no-repeat;
	width:985px;
	height:25px;
	padding-top:13px;
	padding-left:15px;
	margin:0px;
	text-align:left;
	position:absolute;
	top:147px;
	font-size:6pt;
	font-family:Tahoma;
	text-transform:uppercase;
	color:#666666;
}

#page #menu div {
	float:left;
}

#page #menu .btn {
	/*min-width:55px;*/
	padding:0px 11px;
	text-align:center;
	margin-top:-2px;
}

#page #menu .btn_accueil_admin {
	/*min-width:55px;*/
	padding:0px 7px;
	text-align:center;
	margin-top:-2px;
	float:right;
	margin-right:15px;
}

#page #menu .btn_accueil_debat_admin {
	/*min-width:55px;*/
	padding:0px 7px;
	text-align:center;
	margin-top:-2px;
	float:right;
}

#page #menu .btn a:link, 
#page #menu .btn a:visited,
#page #menu .btn_accueil_admin a:link, 
#page #menu .btn_accueil_admin a:visited,
#page #menu .btn_accueil_debat_admin a:link, 
#page #menu .btn_accueil_debat_admin a:visited {
	color:#666666;
	text-decoration:none;
	font-weight:bold;
	font-size:9pt;
}

#page #menu .btn a:hover,
#page #menu .btn_accueil_admin a:hover,
#page #menu .btn_accueil_debat_admin a:hover {
	color: #999999;
	text-decoration:underline;
	font-weight:bold;
	font-size:9pt;
}

#page #links {
	background:url("/img/wallpaper/links.png") no-repeat;
	width:985px;
	padding-right:15px;
	
	height:28px;

	position:absolute;
	top:23px;
}

#page #links div {
	float:right;
	margin-top:5px;
	text-align:center;
}

#page #links .btn_newsletter {
	width:68px;
}

#page #links .btn_contact {
	width:80px;
}

#page #links .btn_faq {
	width:47px;
}

#page #links .btn_inscription {
	width:82px;
}

#page #links .btn_communaute {
	width:100px;
}

#page #links .btn_accueil {
	width:69px;
}

#page #links .btn_accueil_debat {
	width:67px;
}

#page #links a:link, #page #links a:visited, #page #links a:active, #page #links a:hover {
	text-decoration:none;
}

/* -------------------------------------------------------------- */

.cadre_s {
	width:238px;
	float:left;
	text-align:justify;
	border:1px #dedede solid;
}

.cadre_s_transparent {
	width:240px;
	float:left;
	text-align:justify;
}

.cadre_m {
	width:488px;
	float:left;
	text-align:justify;
	border:1px #dedede solid;
}

.cadre_m_transparent {
	width:490px;
	float:left;
	text-align:justify;
}

.cadre_l {
	width:738px;
	float:left;
	text-align:justify;
	border:1px #dedede solid;
}

.cadre_l_transparent {
	width:740px;
	float:left;
	text-align:justify;
}

.cadre_xl {
	width:988px;
	float:left;
	text-align:justify;
	border:1px #dedede solid;
}

.cadre_xl_transparent {
	width:990px;
	float:left;
	text-align:justify;
}

.cadre_space {
	margin-right:10px;
}

.title {
	width:auto;
	height:17px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	padding-top:3px;
	padding-left:5px;
}

.title_bleu {
	width:auto;
	height:3px;
	background-color:#004a99;
}

.dotted_bleu {
	border-bottom:1px #004a99 dotted;
}

.title_cyan {
	width:auto;
	height:3px;
	background-color:#6c89c4;
}

.dotted_cyan {
	border-bottom:1px #6c89c4 dotted;
}

.title_vert {
	width:auto;
	height:3px;
	background-color:#4d6811;
}

.dotted_vert {
	border-bottom:1px #4d6811 dotted;
}

.title_gris {
	width:auto;
	height:3px;
	background-color:#838383;
}

.dotted_gris {
	border-bottom:1px #838383 dotted;
}

.title_orange {
	width:auto;
	height:3px;
	background-color:#ff9900;
}

.dotted_orange {
	border-bottom:1px #ff9900 dotted;
}

.title_rouge {
	width:auto;
	height:3px;
	background-color:#8c0000;
}

.dotted_rouge {
	border-bottom:1px #8c0000 dotted;
}

.title_noir {
	width:auto;
	height:3px;
	background-color:#000;
}

.dotted_noir {
	border-bottom:1px #000 dotted;
}

.cadre_contenu {
	width:auto;
	font-size:8pt;
	padding:5px;
}

.title_h2 {
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
}

.title_h2 h2 {
	display:inline;
	font-weight:bold;
	font-size:8pt;
	color: #666666;
	letter-spacing:1pt;
}

.spacer {
	clear:both;
	visibility:hidden;
}

/* ---------------- LIENS ---------------- */

.lien:link, .lien:visited {
	text-decoration:underline;
	color:#993300;
	font-weight:normal;
}

.lien:hover {
	text-decoration:none;
	color:#004a99;
	font-weight:normal;
}

.lien_retour:link, .lien_retour:visited {
	text-decoration:underline;
	color:#666666;
	font-weight:normal;
}

.lien_retour:hover {
	text-decoration:underline;
	color:#333333;
	font-weight:normal;
}

.lien_bleu:link, .lien_bleu:visited {
	text-decoration:none;
	color:#0066CC;
	font-weight:normal;
}

.lien_bleu:hover {
	text-decoration:underline;
	color:#004a99;
	font-weight:normal;
}

.link_footer:link, .link_footer:visited {
	text-decoration:none;
	color:#FFFFFF;
	font-weight:normal;
}

.link_footer:hover {
	text-decoration:underline;
	color:#FFFFFF;
	font-weight:normal;
}

.bouton {
  font-family:Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #004a99;
  text-decoration: none;
  cursor:pointer;
}

/* ---------------- RECHERCHE ---------------- */

#recherche .cadre_contenu form {
	display:inline;
}

#recherche .cadre_contenu form input {
	font-family:Tahoma;
	font-size: 10pt;
	font-weight: normal;
	color: #004a99;
	text-decoration: none;
	cursor:pointer;
}


 h2.t1, h3.t2, h4.t3  {
	font-size:12pt;
	display:inline;
}