body{
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	background-color:#333366;
	font-size: 18px;
	font-style: normal;
	color: #66ff66;
	text-align:center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
#Wrap {
	
	left:auto;
	top:auto;
	margin-left:auto;
	margin-right:auto;
	width:972px;
	height:1032px;
	text-align:left;
}

#left {
	background-image:url(../images/left.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	width:85px;
	height:1032px;
}

#top {
	background-image:url(../images/top.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:85px;
	top:0px;
	width:800px;
	height:3px;
}

#right {
	background-image:url(../images/right.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:885px;
	top:0px;
	width:87px;
	height:1032px;
}

#header {
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:85px;
	top:3px;
	width:800px;
	height:271px;
	z-index: 1;
	
}

#field {
	background-image:url(../images/field.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:85px;
	top:274px;
	width:800px;
	height:705px;
}

#footer {
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:85px;
	top:979px;
	width:800px;
	height:53px;
	border-top-width: 2px;
	border-top-color: #669966;
	border-top-style: outset;
}


/*fieldFrames*/
#Topfield{
	width:800px;
	height:40px;
	border-top-width: 2px;
	border-top-color: #669966;
	border-top-style: solid;
}
/*Menu*/

#Actualites{
	width:120px;
	height:20px;
	text-align:center;
	padding-top:5px;
	float:left;
}
#Actualites:hover{
	background-color:#669966;
	width:120px;
	height:20px;
	text-align:center;
	padding-top:5px;
	float:left;
}
#Observatoire{
	width:120px;
	height:20px;
	text-align:center;
	padding-top:5px;
	float:left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #669966;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #669966;	
}
#Observatoire:hover{
	background-color:#669966;
	width:120px;
	height:20px;
	text-align:center;
	padding-top:5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #669966;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #669966;
	float:left;
}
#Contact{
	width:120px;
	height:20px;
	text-align:center;
	padding-top:5px;
	float:left;	
}
#Contact:hover{
	background-color:#669966;
	width:120px;
	height:20px;
	text-align:center;
	padding-top:5px;
	float:left;	
}
#Andre{
	width:370px;
	height:20px;
	text-align:right;
	padding-top:5px;
	float:left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #669966;
}
#Andre:hover{
	background-color:#669966;
	width:370px;
	height:20px;
	text-align:right;
	padding-top:5px;
	float:left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #669966;
}

#Leftfield{
	width:380px;
	height:400px/*645*/;
	margin-left:15px;
	margin-top:10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #6A9768;
	float:left;

}
#Rightfield{
	width:380px;
	height:400px/*645*/;
	margin-left:10px;
	margin-top:10px;
	float:left;

}
#Onefield{
	width:780px;
	height:400px/*645*/;
	margin-left:10px;
	margin-top:10px;
	float:left;

}
#fieldBottom{
	width:770px;
	height:200px;
	margin-left:15px;
	margin-top:10px;
	clear:both;
	float:left;


}
#fieldFooter{
	width:750px;
	height:100px;
	margin-left:0px;
	margin-top:25px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	float:left;
}

/*bottomFrames*/
#Ad{
	width:150px;
	height:113px;
	margin-top:0px;
	margin-left:30px;
	margin-bottom:15px;
	opacity: 0.4;                    /* Firefox, Safari(WebKit), Opera */
	-ms-filter: "alpha(opacity=40)"; /* IE 8 */
	filter: alpha(opacity=40);       /* IE 4-7 */
	/*zoom: 0.4;       /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */ 
	float:left;
}
* +html #clearfloatAd{
	height:10px;
}
#Ad:hover{
	width:150px;
	height:113px;
	margin-top:0px;
	margin-left:30px;
	margin-bottom:15px;
	opacity: 1.0;                    /* Firefox, Safari(WebKit), Opera */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	filter: alpha(opacity=100);       /* IE 4-7 */
	/*zoom: 1;       /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */ 
	float:left;
	
}
#AdPix{
	width:150px;
	height:113px;
	margin-top:0px;
	margin-left:30px;
	margin-bottom:15px;
	opacity: 0.5;                    /* Firefox, Safari(WebKit), Opera */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	filter: alpha(opacity=50);       /* IE 4-7 */
	/*zoom: 0.5;       /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */ 
	float:left;
}
* +html #clearfloatAdPix{
	height:10px;
}
#AdPix:hover{
	width:150px;
	height:113px;
	margin-top:0px;
	margin-left:30px;
	margin-bottom:15px;
	opacity: 1.0;                    /* Firefox, Safari(WebKit), Opera */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	filter: alpha(opacity=100);       /* IE 4-7 */
	/*zoom: 1;       /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */ 
	float:left;
	
}

/*General photo-Opacity*/

.photoOpacityHalf{
	opacity: 0.5;                    /* Firefox, Safari(WebKit), Opera */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	filter: alpha(opacity=50);       /* IE 4-7 */
	/*zoom: 0.5;       /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */ 
}
.photoOpacityHalf:hover{
	opacity: 1.0;                    /* Firefox, Safari(WebKit), Opera */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	filter: alpha(opacity=100);       /* IE 4-7 */
	/*zoom: 1;       /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */ 
}
/*footerFrames*/

#legaltextWRAP{
	margin-top:65px;
	margin-left:150px;
	width:auto;
	height:auto;
	text-align: center;
}
#legalTextMentions{
	padding-left:10px;
	padding-right:10px;
	width:auto;
	height:auto;
	font-size: 11px;
	text-align: center;
	letter-spacing: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	float:left;
	}
	#legalTextMentions:hover{
	background-color:#333333;
	padding-left:10px;
	padding-right:10px;
	width:auto;
	height:auto;
	font-size: 11px;
	text-align: center;
	letter-spacing: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	float:left;
	}
#legalTextLeblog{
	padding-left:10px;
	padding-right:10px;
	width:auto;
	height:auto;
	font-size: 10px;
	text-align: center;
	letter-spacing: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	float:left;
	}
#legalTextLeblog:hover{
	background-color:#333333;
	padding-left:10px;
	padding-right:10px;
	width:auto;
	height:auto;
	font-size: 10px;
	text-align: center;
	letter-spacing: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	float:left;
	}
	#legalTextSitemap{
	padding-left:10px;
	padding-right:10px;
	width:auto;
	height:auto;
	font-size: 10px;
	text-align: center;
	letter-spacing: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	float:left;
	}
	#legalTextSitemap:hover{
	background-color:#333333;
	padding-left:10px;
	padding-right:10px;
	width:auto;
	height:auto;
	font-size: 10px;
	text-align: center;
	letter-spacing: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	float:left;
	}
	#legalTextPartenaires{

	padding-left:10px;
	padding-right:10px;
	width:auto;
	height:auto;
	font-size: 10px;
	text-align: center;
	letter-spacing: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	float:left;
	}
	#legalTextPartenaires:hover{
	background-color:#333333;
	padding-left:10px;
	padding-right:10px;
	width:auto;
	height:auto;
	font-size: 10px;
	text-align: center;
	letter-spacing: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	float:left;
	}
	#legalTextContact{

	padding-left:10px;
	padding-right:10px;
	width:auto;
	height:auto;
	font-size: 10px;
	text-align: center;
	letter-spacing: 2px;
	float:left;
	}
	#legalTextContact:hover{
	background-color:#333333;
	padding-left:10px;
	padding-right:10px;
	width:auto;
	height:auto;
	font-size: 10px;
	text-align: center;
	letter-spacing: 2px;
	float:left;
	}
/*Text configuration*/
h1{
	font-size: 32px;
	letter-spacing: 1px;
	}
h2{
	font-size: 26px;
	letter-spacing: 1.2px;
	}
h3{
	font-size: 20px;
	letter-spacing: 1.5px;
	}
h4{
	font-size: 14px;
	letter-spacing: 2px;
	}
h5{
	font-size: 12px;
	letter-spacing: 2px;
	}
h6{
	font-size: 8px;
	letter-spacing: 2px;
	}
	
	

/*TextColours*/
.colourGreenPale{
	color:#99ff99;
}
.colourGreenPale2{
	color:#33cc33;
}
.colourGreenPale3{
	color:#66cc66;
}

.colourGreyPale{
	color:#ccc;
}



.inline{
	display: inline;	
}
a:link {
	text-decoration:none;
	color: #ffff99	;
	font-weight: bold;
	}
a:visited {
	text-decoration:none;
	color: #ffff99;
	font-weight: bold;
	
	}
a:hover {
	text-decoration:none;
	color: #66ff66;
	font-weight: bold;
	}
a:active {
	text-decoration:none;
	color: #ffff99;
	font-weight: bold;
	}

#livresWrap{
	margin-left:40px;	
}
#lunettesWrap{
	margin-left:40px;	
}
dt{
	margin-bottom:5px;
}
li{
	margin-bottom:5px;
}
/*IMG configuration*/

img {
	border:none;
}


/*Boites Coulissantes*/

/*  Boîtes jQuery*/ 
.boxgrid{
position:relative;
border:solid 0px #363636;
width:150px;/*360*/
height:113px;/*240*/
overflow: hidden; 
float:left;
background:#333333; 
margin:0px;

}

.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}


/*  Légende cachée */ 
.boxcaption {
position:absolute;
top:20px;/*240*/
left:0px;/*important pour IE6 et 7*/
height:1120px;/*120*/
width:100%;
background-color: #000000;
padding:5px;
opacity:0.6;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  /*  IE 5-7 */  
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*  IE 8 */  
}

/*  Légende Semi-apparente */ 
.caption .boxcaption {
position:absolute;
top:95px;/*210*/
}




/*GooleMap Location*/



#map_canvas { height:100%;
	width:100%; }