* { margin:0; padding:0; }
body { font-size:12px; color:#000; font-family:Arial,Verdana, sans-serif; background-color:#d8d8d8; }
a img { border:none; }
ul, ol { list-style:none; }

.clear { clear:both; height:0px; overflow:hidden; }

/* gabarit */
#cookin { position:relative; margin:0 auto; width:1025px; text-align:left; }
	#edito { text-align:center; padding: 5px 0; font-family: Verdana; font-size: 10px; }
	
	#header { position:relative; background: url(images/header_bg.jpg) no-repeat; height:170px; font-family:Verdana; color:#fff;}
		#header .logo { position:absolute; left:134px; top:19px; }
		#header .user { position:absolute; bottom:0; right: 10px; line-height: 38px; font-size: 12px;}
			#header .user a {text-decoration:none; color:#fff; }
			#header .user a:hover {text-decoration:underline; }
		
		#header #login {position:absolute; width:192px; height:120px; right:12px; top:11px; }
			#header #login .btn_connexion {position:absolute; left:49px; top:58px; width:90px; height:21px;}
			#header #login .btn_inscrivez_vous {position:absolute; left:28px; top:90px; width:136px; height:21px;}
			#header #login .field { line-height:21px;}
				#header #login .field label { font-size:11px; float:left; display:block; padding:0 5px 0 5px;}
				#header #login .field input { height:17px; border: 1px solid #9a9899; padding: 2px 0 0 2px;}
			#header #login .login {margin: 6px 0 0 0; }
				#header #login .login label { width:50px; }
				#header #login .login input { width:123px; }
			#header #login .password {margin: 3px 0 0 0; }
				#header #login .password label { width:85px; }
				#header #login .password input { width:88px; }
		#menu { position:absolute; /*top:170px; */left:285px; height:27px; /*width:237px;*/ z-index:2;}
			#menu .onglet { height:27px; line-height:24px; font-size:12px; color:#fff; width:78px; text-align:center; margin: 0 1px 0 0; text-decoration:underline; background:url(images/onglet_off.gif) no-repeat; display:block; float:left;} 
			#menu .onglet:hover { background:url(images/onglet_on.gif) no-repeat; }
	
	#Content { border-right:1px solid #AF0057;}
	
	#page {width: 1025px; position:relative; z-index:1; padding: 7px 0 25px 0; background: url(images/footer.gif) #fff no-repeat left bottom; }
		#page #breadcrumb { font-family: Verdana; padding: 0 0 10px 0; text-align:left; font-size:12px;}
		#page #breadcrumb a { text-decoration:none; color:#000; background:url(images/black_arrow.gif) no-repeat right 3px; padding: 0 15px 0 3px; font-size:12px; }
		
		#page #container {float:left; /*width:780px;*/ /*padding:10px 10px 0 15px; */ /*border-right: 1px solid #af0057;*/}
			#page #container #footer { font-family: Verdana; font-size:11px; color:#969798; width:1025px;}
				#page #container #statistics{/*border-right: 1px solid #af0057; */font-family: Verdana; font-size:11px; color:#969798;padding: 40px 20px 0 20px ;}
					#page #container  #statistics #Legend{ line-height:15px; padding: 0 0 10px 0;}
				#page #container #statistics .en_ligne { padding: 10px 0 5px 0; color: #b00057;}
				#page #container #statistics .users { padding: 5px 0 0 0;}
				#page #container #statistics .picto { padding:20px 0; text-align:center;}
					#page #container #statistics .picto .nouveau_message_on { background:url(images/picto_nouveau_message_on.gif) no-repeat left top; padding: 2px 10px 10px 23px; }
					#page #container #statistics .picto .nouveau_message_off { background:url(images/picto_nouveau_message_off.gif) no-repeat left top; padding: 2px 10px 10px 23px; }
					#page #container #statistics .picto .verrou { background:url(images/picto_verrou.gif) no-repeat left top; padding: 6px 0 6px 21px; }
				#page #container #statistics .link { text-align:center; line-height:28px; background:#f5f5f5; color:#000;}
					#page #container #statistics .link a {text-decoration:none; color:#000; }
					#page #container #statistics .link a:hover {text-decoration:underline; }
		
		#page #Panel { /*float:left; */ float:right; width:200px;padding: 10px 10px 0px 10px; margin:0}
			#page #Panel h1 {margin:0; padding:10px;text-align:center;}
			#page #Panel .header {line-height: 24px; height:24px; background:url(images/sidebar_header.gif) no-repeat; color:#fff; font-size:15px; padding:0 0 0 33px;}
			#page #Panel .content {background:url(images/sidebar_bg.gif) no-repeat left 1px;}
			#page #Panel #recherche .content {padding: 15px 5px 35px 5px; height:21px;}
				#page #Panel #recherche .content  .field{height:17px; border: 1px solid #9a9899; width:140px; float:left; margin: 0 2px 0 0; padding:2px 0 0 2px;}
			#page #Panel #creer_groupe .content {padding: 15px 5px 35px 5px; text-align:center;}
			#page #Panel #populaire .content {padding: 15px 5px 35px 5px;}
				#page #Panel #populaire .content ul{ padding: 0 5px;}
					#page #Panel #populaire .content ul li{ padding: 0 0 5px 12px; background:url(images/red_arrow.gif) no-repeat left 4px; overflow:hidden;}
						#page #Panel #populaire .content ul li a{ color:#000; text-decoration:none;}
						#page #Panel #populaire .content ul li a:hover{ text-decoration:underline;}
			#page #Panel #Poll .content {padding: 10px 10px 35px 10px;}
				#page #Panel #Poll .content ul {padding: 10px 0 0 5px;}
					#page #Panel #Poll .content ul li {line-height:20px;}
						#page #Panel #Poll .content ul li  input{margin: 0 5px 0 0;}
				#page #Panel #Poll .content .button {text-align:center; padding:5px 0 0 0;}
			#page #Panel .panel_item .content {padding: 10px 5px 35px 10px;}
				#page #Panel .panel_item .content li{line-height:20px;}
					#page #Panel .panel_item .content li a{color:#000; text-decoration:none;}
					#page #Panel .panel_item .content li a:hover{color:#000; text-decoration:underline;}
			
			
/* accueil */
.bloc_category { position:relative; padding: 0 0 20px 0;}
	.bloc_category .picto_category {position:absolute; top:0; left:0; }
	.bloc_category .titre {background:url(images/bloc_category_header.gif) no-repeat left top; padding: 0 0 0 80px; height:26px; color:#fff; font-size:23px;}
		.bloc_category .titre p{font-size:23px; text-align:left; font-weight:normal;}
			.bloc_category .titre p a{font-size:23px; text-align:left; font-weight:normal;}
		.alt .titre{background:url(images/bloc_category_header_alt.gif) no-repeat left top;}
		.bloc_category .titre .titre_content{background:url(images/picto_category_header.gif) no-repeat left 5px; padding: 0 0 0 25px;}	
			.alt .titre .titre_content{background:url(images/picto_category_header_alt.gif) no-repeat left 6px; }	
		.bloc_category .titre .titre_content a{color:#fff; text-decoration:none;}	
		.bloc_category .titre .info { text-align: center; font-family:Verdana; font-size:12px; line-height:26px; }
				.bloc_category .titre .info  .message{ text-align: left; }

	.bloc_category .info {position:absolute;right:10px; top:0;}
		.bloc_category .info  span{display:block; float:left;}
		.bloc_category .info .separator {width:13px; text-align:center; }
		.bloc_category .info .sujet {width:45px;}
		.bloc_category .info .reponse {width:60px;}
		.bloc_category .info .message {width:125px;}

	.bloc_category .souscat { position:relative; background: #f5f5f5; border-bottom: 1px solid #af0057; padding: 9px 0 9px 85px;} 
		.bloc_category .souscat .souscat_content{ font-family: Verdana; font-size:11px; width:550px; text-align:left;}
			.bloc_category .souscat .souscat_content a {font-family: Verdana; font-weight:normal; font-size:11px; line-height:20px;text-decoration:underline; color:#000; background:url(images/black_arrow_cat.gif) no-repeat left 4px; padding: 0 5px 0 10px; }
			.bloc_category .souscat .info { text-align: center; font-family:Verdana; font-size:10px;  line-height:18px;}
				.bloc_category .souscat .info .separator { color:#af0057;}
				.bloc_category .souscat .info  .message{ text-align: left; line-height:13px; }

/* Discussions */

#Discussions .Discussion {background-color:#fff !important;}
#Discussions .discussionsComments { background-color:#f5f5f5 !important; margin: 0 0 10px 0;}
#Discussions .discussionsComments ul { border-bottom:1px solid #AF0057; border-top: 1px solid #ccc;}
#Discussions .Alternate {background-color:#fafafa !important;}
#Discussions li a, #Discussions li span {font-weight:normal; font-size: 10px;}

#Discussions .DiscussionTopic {text-align:left;}
#Discussions .DiscussionTopic a.topic { font-family: Verdana; font-size:16px; font-weight:normal;color:#000 !important; }
	#Discussions .DiscussionTopic a.topic:hover {text-decoration:none;}

			
/* Comments */

#Comments .Alternate {background-color: #f6f6f6 !important;} 
#Comments li {border-bottom:1px solid #AF0057;}
#Comments .CommentHeader {border-bottom:1px solid #ccc;}

/* General */
#Form form {background-color: #ffe1f0; border-color:#fca1ce} 

/* div connexion */
#SiteContainer .SiteContainer { border-color:#fca1ce}
#SiteContainer .SiteContainer h1 { background: #ffe1f0; border-color:#fca1ce;}
.SignIn {width:400px}
.MembershipOptionLinks li {width:194px}
.ApplyForMembershipLink {padding-left:194px !important;}
.PasswordRequest {width:560px;}
.About {margin:0}