*{margin:0px;padding:0px;}
img{border-width:0px;}

body{
	font-family : arial,sans-serif;
	font-size : 11px;	
}

#main{
	width : 800px;
	height : 600px;
	margin : 15px auto 0px auto;
}
	#main #top{
		width : 100%;
		height : 140px;
		background : url(../images/manTop.jpg) no-repeat top left #fff;
		position : relative;
	}
		#main #top a.logo{
			display : block;
			width : 127px;
			height : 75px;
			background : url(../images/logo.png) top left no-repeat;
			text-decoration : none;
			position : absolute;
				top : 0px;
				left : 135px;
		}
		#main #top a.logo:hover{
			text-decoration : none;
		}
			#main #top a.logo strong{
				visibility : hidden;
			}
			
		#main #top h1.baseline{
			background : url(../images/fleches1.jpg) no-repeat top right transparent;
			color : #e14f38;
			font-weight : bold;
			font-size : 12px;
			padding : 110px 0px 0px 200px;
		}
		
		#main #top .flags{
			position : absolute;
				top : 15px;
				right : 130px;
		}
			#main #top .flags a{
				display : bock;
				float : right;
				margin : 0px 0px 0px 15px;
			}

		#main #top .identite{
			background : url(../images/carteIdentite.png) no-repeat center left transparent;
			color : #555;
			font-size : 11px;
			font-weight : bold;
			position : absolute;
				right : 20px;
				top : 105px;
			padding-left : 40px;
			text-align : right;
		}
			#main #top a{
				color : #555;
				text-decoration : none;
			}
			#main #top a:hover{
				text-decoration : underline;
			}
		#main #top .identite a{
			text-decoration : underline;
		}
		
		
	#main #menu{
		width : 100%;
		height : 60px;
		background : url(../images/fondMenu.png) no-repeat top left;
	}
		#main #menu ul{
			list-style-type : none;
			height : 100%;
		}
		#main #menu ul li{
			float : left;
			padding : 25px 30px 0px 30px;
			height : 35px;
			background : url(../images/fondMenuLi.gif) top right no-repeat;
		}
		#main #menu ul li a{
			font-weight : bold;
			font-size : 13px;
			text-decoration : none;
			color : #555;
		}
		#main #menu ul li a:hover{
			color : #e14f38;
		}
		#main #menu ul li a.actif{
			color : #e14f38;
		}
	
			
	
		
	#main #bottom{
		width : 100%;
		height : 25px;
		background : url(../images/fondMenu.png) no-repeat 0px -20px;
	}
		#main #bottom p.credits{
			text-align : right;
			color : #555;
			font-weight : bold;
			padding-top : 5px;
			padding-right : 10px;
		}



	#main #identification{
		width : 800px;
		height : 62px;
		position : absolute;
		z-index : 10;
		background : url(../images/identification.png) no-repeat bottom left;
	}
		#main #identification form{
			margin-left : 15px;
		}
			#main #identification form dl{
				float : left;
			}
				#main #identification form dl dt{
					float : left;
					margin-top : 20px;
					margin-left : 20px;
					color : #666;
					font-size : 11px;
					font-weight : bold;
				}
				#main #identification form dl dd{
					float : left;
					margin-top : 17px;
					margin-left : 20px;
					padding-left : 0px;
					text-align : center;
					width : 146px;
					height : 20px;
					background : url(../images/fondInput.png) no-repeat 0px 0px;
					position : relative;
				}
					#main #identification form dl dd input{
						position : absolute;
							top : 1px;
							left : 10px;
						width : 120px;
						border-width : 0px;
						padding : 0px;
						margin : 0px;
						background : transparent;
					}
		#main #identification .fermeForm{
			position : absolute;
				top : 10px;
				right : 10px;
			width : 14px;
			height : 14px;
			background : url(../images/fermeForm.gif) top left no-repeat;
			cursor : pointer;
		}
		#main #identification .lostPass{
			position : absolute;
				top : 38px;
				right : 120px;
			font-size : 10px;
		}
			#main #identification .lostPass a{
				color : #242424;
			}
			#main #identification .lostPass a:hover{
				color : #dc3313;
			}
				
			#main #identification form p{
				margin-top : 17px;
				margin-left : 50px;
				float : left;
			}

/*****************************/

.infoBulle{
	height : 25px;
	/*background : url(../images/flecheInfoBulle.gif) center left no-repeat transparent;*/
	float : left;
	padding-left : 8px;
	z-index : 20;
	position : absolute;
	border : solid 1px #808080;
	background : #ffffe1;
	text-align : right;
}
	.infoBulle div{
		/*height : 13px;*/
		padding : 5px 5px 0px 25px;
		font-size : 11px;
		color : #808080;
		font-weight : bold;
	}
	.infoBulle img{
		float : left;
	}
	.infoBulle img.fleche{
		position : absolute;	
			top : 3px;
			left : -9px;
	}
	
.bandeRes{
	width : 800px;
	height : 69px;
	background : url(http://www.easy-sondage.fr/images/fondBandeauTop2.png) top left no-repeat;
	position : relative;
	margin : 0px;
}
	.bandeRes h1{
		font-weight : bold;
		font-size : 15px;
		color : #555;
		position : absolute;
			top : 25px;
			left : 110px;
	}
	.contentResult{
		width : 680px;
		background : url(http://www.easy-sondage.fr/images/fondContentC.png) top left repeat-y;
		padding : 30px 60px;
		margin-bottom : 5px;
	}