h1, h2, h3, h4, h5, h6 {
	
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight:normal;

}






a.none{text-decoration: none; color:#333333;}
a.none:hover{text-decoration: none; color:#333333;}





a.gt{text-decoration: none; color:#1182c9;}
a.gt:hover{text-decoration: none; color:#1182c9;}










.all{

width:900px;
margin-left: auto;
margin-right: auto;
background-image: url(images/sun.png);
background-repeat: no-repeat;
min-height: 400px;

height:auto !important;
height:400px;
}

.logo{
float: left;
width: 103px;
height: 150px;
background-image: url(images/logo.png);
cursor: pointer;
}

.navigationBar{
position:absolute;
margin-top:35px;
width: 797px;
height: 62px;
background-image: url(images/navigationBar.png);
}

.menuAbsolute{
position:absolute;
width:797px;
margin-top:35px;
}


		.menuBG_left{
		float: left;
		display: inline;
		width: 5px;
		height: 20px;
		background-image: url(images/menuBG_left.gif);
		}
		
		.menuBG_middle{
		float: left;
		display: inline;
		height: 20px;
		background-image: url(images/menuBG_middle.gif);
		}
		
		.menuBG_right{
		float: left;
		display: inline;
		width: 5px;
		height: 20px;
		background-image: url(images/menuBG_right.gif);
		}


.frame_top{
float: left;
width: 900px;
height: 6px;
background-image: url(images/frame_top.png);
background-repeat: no-repeat;
overflow: hidden;
}

.frame_middle{
clear: left;
float: left;
width: 900px;
background-image: url(images/frame_middle.png);
}

.frame_bottom{
float: left;
width: 900px;
background-image: url(images/frame_bottom.png);
background-repeat: no-repeat;
		
		min-height: 59px;
		height:auto !important;
		height: 59px;
}








.center{
float: left;
display: inline;
width: 820px;
margin-top:10px;
margin-bottom: 10px;
		
		min-height: 300px;
		height:auto !important;
		height: 300px;

}


/* Bottom */
.center2{
float: left;
display: inline;
width: 870px;
margin-top:20px;
}







.zoneLeft{
float: left;
display: inline;
margin-left:5px;
width: 635px;
border-right: 1px dotted #999999;
}



.zoneLeft2{
float: left;
position: relative;
display: inline;
margin-left:5px;
width: 500px;
margin-top: 20px;
border-right: 1px dotted #999999;
}

.tinyFrame{
float: left;
display: inline;
margin-right: 10px;
width: 147px;
height: 125px;
background-image: url(images/tinyFrame.gif);
background-repeat: no-repeat;
cursor: pointer;
}

		.tinyFrameIMG{
		float: left;
		display: inline;
		margin-left: 12px;
		margin-top: 12px;
		width: 123px;
		height: 80px;
		overflow: hidden;
		}
		
		.tinyFrameTITLE{
		clear: left;
		float: left;
		display: inline;
		width: 100%;
		text-align: center;
		margin-top: 13px;
		color: #666666;
		}
		
		.tinyFrameTITLE2{
		clear: left;
		float: left;
		display: inline;
		width: 114px;
		text-align: center;
		margin-top: 13px;
		color: #666666;
		margin-left: 16px;
		}


.zoneRight{
float: right;
display: inline;
width: 165px;
}

.zoneRight2{
float: right;
display: inline;
margin-top: 25px;
width: 290px;
height:400px; 
}

		.newsBG{
		float:left;
		display: inline;
		margin-top: 5px;
		width:165px;
		height: 62px;
		background-image: url(images/newsBG.gif);
		cursor: pointer;
		}
		
		.newsTITLE{
		float: left;
		display: inline;
		margin-left: 7px;
		margin-top: 13px;
		color: #999999;
		font-size: 12px;
		width: 150px;
		overflow: hidden;
		}
		
		.newsST{
		clear: left;
		float: left;
		display: inline;
		margin-left: 10px;
		color: #999999;
		font-size: 10px;
		width: 146px;
		height: 15px;
		overflow: hidden;
		}


.greenPad1{
float: left;
display: inline;
width: 217px;
height: 50px;
background-image: url(images/greenPad1.png);
}

		.greenTitle{
		float:left; 
		width:100%; 
		text-align:center; 
		line-height:46px;
		color: #2e5301;
		}

.greenPad2{
float: left;
display: inline;
width: 217px;
background-image: url(images/greenPad2.png);
}		

		.greenText{
		float:left;
		display: inline;
		width: 167px;
		min-height: 84px;
		margin-left: 25px; 
		color: #1182c9;
		
		height:auto !important;
		height:84px;
		}


.greenPad3{
float: left;
display: inline;
width: 217px;
height: 34px;
background-image: url(images/greenPad3.png);
cursor: pointer;
}


.refPad1{
float: left;
display: inline;
width: 217px;
height: 50px;
background-image: url(images/refPad1.png);
}

		.refTitle{
		float:left; 
		width:100%; 
		text-align:center; 
		line-height:46px;
		color: #FFFFFF;
		}

#refMove{
float:left;
height: 109px;
}

		.refSquare{
		float:left;
		width: 88px;
		height: 109px;
		background-image: url(images/refSquare.png);
		}
		
				.refSquarePic{
				float:left;
				display: inline;
				margin-left: 6px;
				margin-top: 7px;
				width: 76px;
				height: 67px;
				overflow: hidden;
				background-color: #FFFFFF;				
				}


.refAL{
float: left;
width: 27px;
height: 26px;
background-image: url(images/refArrowLeft2.png);
cursor: pointer;
}

		.refAL2{
		float: left;
		width: 27px;
		height: 26px;
		background-image: url(images/refArrowLeft1.png);
		cursor: pointer;
		}


.refAR{
float: left;
width: 27px;
height: 26px;
background-image: url(images/refArrowRight2.png);
cursor: pointer;
}

		.refAR2{
		float: left;
		width: 27px;
		height: 26px;
		background-image: url(images/refArrowRight1.png);
		cursor: pointer;
		}





.zoneCentral{
float: left;
display: inline;
margin-left:5px;
width: 635px;
background-color: blue;
}


.square{
float:left;
display: inline;
margin-right: 20px;
width: 141px;
height: 160px;
background-image: url(images/square.gif);
background-repeat: no-repeat;
cursor: pointer;
}

		.squareIMG{
		float: left;
		display: inline;
		margin-left: 20px;
		margin-top: 13px;
		width: 97px;
		height: 98px;
		overflow: hidden;
		border: 1px solid #FFFFFF;
		}




.num {
float:left;
display: inline;
margin-right: 5px;
padding:2px 6px 2px 6px;
border: 1px solid #E2E2E2;
cursor: pointer;
}



.voirExempleButton{
float:right;
display: inline;
width: 300px;
height: 70px;
background-image: url(images/voirExempleButton.gif);
background-repeat: no-repeat;
cursor: pointer;
}


.tinyButton{
float: left;
display: inline;
margin-top: 30px;
width: 186px;
height: 65px;
background-image: url(images/tinyButton.gif);
background-repeat: no-repeat;
cursor: pointer;
}


		.exemple1{
		float:left;
		display: inline;
		width: 300px;
		height: 21px;
		background-image: url(images/exemple1.gif);
		}
		
		.exemple2{
		float:left;
		display: inline;
		width: 300px;
		background-image: url(images/exemple2.gif);
		}
		
		.exemple3{
		float:left;
		display: inline;
		width: 300px;
		height: 49px;
		background-image: url(images/exemple3.gif);
		}





.fondContact{
float: left;
width: 827px;
height: 430px;
display: inline;
background-image: url(images/fondContact.gif);
}


		.contactLeft{
		float: left;
		display: inline;
		margin-left: 25px;
		margin-top: 30px;
		width: 461px;
		}
		
		.contactRight{
		float: left;
		display: inline;
		margin-left: 45px;
		margin-top: 30px;
		width: 270px;
		}



input.form{
float: left;
width: 145px;
padding: 3px;
background-color: #F6F6F6;
border: 1px solid #d2d2d2;
}


textarea.form2{
float: left;
width: 98%;
height: 80px;
padding: 3px;
background-color: #F2F2F2;
border: 1px solid #d2d2d2;
}


select.form3{
float: left;
width: 153px;
padding: 3px;
background-color: #F6F6F6;
border: 1px solid #d2d2d2;
}