html{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	color: #000;}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, input, div, span{border:0; margin:0; padding:0;}

body#main{
	text-align:center;}
	
#header, #footer, #right, .spectacles a.tab, .nouvelles a.tab{
	display: none;
}	
	
	
h1{
	font-size: 16px;
	font-weight: bold;
	display: block;
}	
	
h2{
	font-size: 14px;
	color: #ffffcd;
	display: block;
	font-weight: bold;

}	
	
	


a, a:link, a:visited{
	color: #000;
	text-decoration: underline;
	font-weight: normal;
	outline: none;
}
a:hover{
	text-decoration: none	
}

#container{
	width: 672px;
	margin: 0 auto 0 auto;
	text-align: left;
}

.innerleft{
	width: 316px;
	float: left;
}
.innerright{
	float: right;
	width: 295px;
}




.spectacles .inner .nom{
	text-transform: uppercase;}
.spectacles .inner a, .spectacles .inner a:link, .spectacles .inner a:visited{
	font-weight: normal;
	text-decoration: none;
}
.spectacles .inner a:hover{
	text-decoration: underline;	
}
.spectacles .inner a.nolink, .spectacles .inner a.nolink:hover{
	text-decoration: none;
	cursor: text;
}
.listespectacles{
	list-style-type: none; }
.listespectacles li{
	list-style-type: none; 
	padding: 0 0 9px 0;
}


.nouvelles .inner a, .nouvelles .inner a:link, .nouvelles .inner a:visited{
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}
.nouvelles .inner a:hover{
	text-decoration: underline	
}

.listenouvelles{
	padding: 0 5px;
	border-bottom: 1px solid #282828;
}
.noborder{
	border: none;
}
.listenouvelles h2{
	font-size: 16px;
	color: #ffd74d;
	display: block;
	padding: 0 0 8px 0;
}
.listenouvelles h2 a{
	color: #ffd74d;
	font-weight: bold;
	text-decoration: none;
}

.listenouvelles .date{
	float: right;
	color: #a3a2a2;
}


.both{
	clear: both;}
.erreur{
	color: #F00;
}





#nextback{
	font-size: 11px;
	background: none;
	width: 634px;
	text-align: center;}
#nextback a, #nextback a:link, #nextback a:visited{
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #a3a2a2;}
#nextback a:hover{
	/*color: #1c5dad;*/
	text-decoration: underline	}
	
	
.thumbs{
	float: left;
	width: 110px;
	margin: 0 0 10px 0;
	cursor: pointer;
	background: none;}
.thumbs img{
	border: 1px solid #000;
	display: block;}
.thumbs a {
	border: 2px solid #4f4f4f;
	height: 70px;
	overflow: hidden;
	display: block;
	float: left;
	/*margin: 1px 0;*/ }
.thumbs a:hover{border: 2px solid #ffd74d;}		


.colleft{
	float: left;
	width: 300px;
}
.colright{
	float: right;
	width: 300px;
}

.sitemap{
	margin: 0 0 0 20px;
	list-style-type: disc; 
}
.sitemap li{
	padding: 0 0 5px 0;
}
	
#contact label{ font-weight: bold;}
#contact .champTexte{	
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	font: 12px Arial, Verdana, Tahoma, Helvetica;
	width: 200px;
	padding-top: 3px;
	padding-left: 3px;
	height: 18px;
	line-height: 14px;
	display: inline;}
#contact .listeDeroulante{
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	width: 200px;
	padding-left: 3px;
	height: 17px;
	line-height: 14px;
	display: block;}
#contact .boiteTexte{
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	width: 480px;
	height: 100px;
	padding-top: 3px;
	padding-left: 3px;
	line-height: 14px;
	display: block;}
#contact .bouton{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	background: #ffd74d;
	border: 1px solid #ffd74d;
	color: #000;
	cursor: pointer;
	width: 75px;
	font-weight: bold;
	padding: 1px 0;}
#contact .bouton:hover{
	background: #000;
	color: #ffd74d;}

.champCache{ display: none;}