#article{
	float:left;
	width:565px;
	padding-left:50px;
	min-height:500px;
    /*height:expression(document.body.clientHeight > 420? "420px": "auto" );*/
}
		
		#article a{
			color:#F703CD;
			font-weight:bold;
			text-decoration:none;
		}
		#article a:hover{
			text-decoration:underline;
		}
html {
	height:100%;
}
body {
	width:1000px;
	height:100%;
	margin:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(images/quadrille.jpg);
	color:#333333;
}

em {
font-style:normal;
}
	i em {
	font-style:italic;
	}
	
#sexualite {
	width:1000px;
	height:100%;
	background:#3D74C3 url(images/bg-bottom.jpg) no-repeat bottom left;
	border-left:3px solid #FC6FE0;
	border-right:3px solid #FC6FE0;
}

#article img {
	float:right;
	margin:10px;
	margin-top:0px;
}

#info {
	float:left;
	width:1000px;
	margin-bottom:250px;
	background:url(images/bg.jpg) repeat-y 316px;
	border-top:28px solid #3D74C3;
}
	
	#left {
		float:left;
		width:290px;
		border-left:26px solid #3D74C3;
		background:url(images/bg-left-menu.jpg) repeat-y; 
	}
		#logo {
			float:left;
			display:block;
			width:275px;
			height:10px;
			padding-left:15px;
			padding-top:42px;
			color:#FA08CA;
			font-size:10px;
			background:url(images/logo.jpg) no-repeat;
		}
		
		
		
/***************************************** MENU SECONDAIRE ****************************************************/


	#menu-sec {
				float:left;
				width:290px;
				padding-top:4px;
				background:url(images/left-menu.jpg) no-repeat;
			}
					#menu-sec ul {
						float:left;
						margin:0;
						padding:0;
						display:block;
						width:290px;
						padding-bottom:36px;
						background:url(images/left-menu-bottom.jpg) no-repeat bottom left;
					}
					#menu-sec ul li {
						margin:0px;
						padding:0;
						display:inline;
					}
						#menu-sec ul li.menuTitle {
							padding:15px;
							color:#ffffff;
						}
							#menu-sec ul li.menuTitle b{
								font-style:normal;
								font-size:14px;
							}
					#menu-sec ul li a{
						display:block;
						width:246px;
						margin-left:4px;
						padding-left:13px;
						padding-right:11px;
						padding-top:2px;
						padding-bottom:2px;
						color:#FFBDF2;
						text-decoration:none;
						border-bottom:1px solid #FF9CEB;
					}
								#menu-sec ul li#archives a{
									padding-top:10px;
									padding-bottom:10px;
									font-weight:bold;
								}
								
								#menu-sec a#accueil{
									display:block;
									width:246px;
									height:5px;
									line-height:1px;
									margin-left:4px;
									padding-left:13px;
									padding-right:11px;
									padding-top:0px;
									padding-bottom:0px;
									text-decoration:none;
									font-size:1px;
									border-bottom:1px solid #FF9CEB;
								}
					#menu-sec ul li a:hover, #menu-sec ul li a#o{
						color:#E807BB;
						background:#ffffff url(images/bullet.gif) no-repeat 0px 5px;
					}
					#menu-sec ul li#archives  a:hover, #menu-sec ul li#archives  a#o{
						background:#ffffff url(images/bullet.gif) no-repeat 0px 13px;
					}
					
					#poll{
						width:220px; 
						padding-left:20px; 
						color:#ffffff;
					}
					#poll input{
						border:none;
					}
					#result{
						border-top:1px solid #FF9CEB;
						margin-top:25px; 
					}
					.pds-votebutton-outer, .pds-totalvotes-outer{
						display:none;
					}
					.pds-votebutton-outer input, .pds-totalvotes-outer input{
						border:0;
					}
					
	#right{
		float:left;
		width:684px;
		background:url(images/bg-right-bottom.jpg) no-repeat bottom;
	}
		
		
/***************************************** MENU  ****************************************************/


		#menu{
			float:left;
			color:#FFFFFF;
			float:left;
			width:664px;
			padding-bottom:40px;
			padding-left:20px;
			background:#3D74C3 url(images/bg-top.jpg) no-repeat bottom;
		}
					#menu ul {
						float:left;
						margin:0;
						padding:0;
						display:block;
					}
					#menu ul li {
						margin:0px;
						padding:0;
						display:inline;
					}
					#menu ul li a{
						display:block;
						float:left;
						height:37px;
						text-align:center;
						text-decoration:none;
					}
					#menu ul li a#chroniques{
						width:214px;
						color:#3D74C3;
						background: url(images/bt-chroniques.jpg) no-repeat top;
					}
					#menu ul li a#chroniques:hover, #menu ul li#o a#chroniques{
						background: url(images/bt-chroniques-roll.jpg) no-repeat bottom;
					}
					#menu ul li a#news{
						width:168px;
						color:#3D74C3;
						background: url(images/bt-news.jpg) no-repeat top;
					}
					#menu ul li a#news:hover, #menu ul li#o a#news{
						background: url(images/bt-news-roll.jpg) no-repeat bottom;
					}
					#menu ul li a#liens{
						width:105px;
						color:#3D74C3;
						background: url(images/bt-liens.jpg) no-repeat top;
					}
					#menu ul li a#liens:hover, #menu ul li#o a#liens{
						background: url(images/bt-liens-roll.jpg) no-repeat bottom;
					}
					#menu ul li a#contact{
						width:141px;
						color:#3D74C3;
						background: url(images/bt-contact.jpg) no-repeat top;
					}
					#menu ul li a#contact:hover, #menu ul li#o a#contact{
						background: url(images/bt-contact-roll.jpg) no-repeat bottom;
					}
					
				
#link{
	position:absolute;
	float:left;
	width:278px;
	height:124px;
	padding-left:25px;
	padding-top:24px;
	margin-left:-6px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:13px;
	background:url(images/link.jpg);
	left: 34px;
	top: 259px;
}
#link a{
	display:block;
	float:left;
	color:#FB05CA;
	width:130px;
	height:80px;
	text-decoration:none;
}
	#link a:hover#facebook{
		color:#3B5998;
	}
	#link a:hover#meres{
		color:#56493A;
	}
		
		
			
			h1, h2{
				color:#366ABB;
				padding:0;
				margin:0;
				line-height:14px;
			}
			h1{
				font-size:14px;
			}
			h2{
				font-size:12px;
			}
			
			ol {
				list-style-type: upper-alpha;
			}
			ul {
				list-style-image: url(images/bullet.gif);
			}
			textarea, input {
				border:1px solid #3D74C3;
				color: #F703CD;
				padding-left:5px;
				padding-right:5px;
			}
			
		form{
		
			padding-left:15px;
		}
		form a{
			border:0;
		}
			
			

		#signature{
			float:right;
			text-align:right;
			width:584px;
			padding-top:50px;
			padding-right:60px;
			color:#ffffff;
			font-size:10px;
		}
		#signature a{
			color:#ffffff;
			text-decoration:none;
		}
		#signature a.bottom-menu{
			float:left;
			color:#FFBDF2;
			padding-left:7px;
			padding-right:7px;
		}
		#signature a.bottom-menu:hover{
			color:#ffffff;
		}
		
		
		#arnold{
			display:block;
			float:right;
			text-align:right;
			width:159px;
			height:23px;
			background:url(images/arnold.jpg) no-repeat;
		}