/* CSS Document */
body{
background:url(img/background.png) repeat-x top #BED01A;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
#content {
	width: 983px;
	margin: -11px auto;
	padding:0;

}
*+html #content {
margin-top:-15px;
}
* html #content {
margin-top:-15px;
}
#logo{
margin:0;
padding:0;
float:left;
}
#imgtop{
float:left;
}
#visioneuse {
width:640px;
height:178px;
margin: 69px 12px 0 0;
padding:0;
position:absolute;
}
#visioneuse img{
margin:0;
padding:0;
}

#mask{
background:url(/img/home/top-right.png) no-repeat top left;
	/* IE5.5/6 hack */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/img/home/top-right.png', sizingMethod='crop')	;												_background-image: none;
width:652px;
height:247px;
margin:0;
padding:0;
position:absolute;
}
#center{
float:left;
background:url(img/bkg-center.png);
	width: 983px;
	margin:0;
	padding:0;
}
hr.spacer{
margin:0 21px;
color:#FFFFFF;
visibility: hidden;
clear:both;
}
a{
color:#669900;
}
/*******navigation********/
#nav{
float:left;
margin:0;
padding:O;
width: 983px;
}
#nav ul{
float:left;
list-style-type:none;
margin:0;
padding:0;
}
#nav ul li{
float: left;
	list-style-type: none;
}
#nav ul  li a span{
	display: none;
	margin:0;
	padding:0;
}
#nav ul  li a {
	display:block;
	height: 32px;
	width:160px;
	background-repeat: no-repeat;
}
#nav ul li a.apropos{
background:url(img/home/btn-01-a-propos.png);
}
#nav ul li a.monreflexcity{
background:url(img/home/btn-02-mon-reflexcity.png);
}
#nav ul li a.participer{
background:url(img/home/btn-03-participer.png);
}
#nav ul li a.news{
background:url(img/home/btn-04-news.png);
}

#nav ul li a:hover{
	background-position: 0 -32px;
}
#nav img{
float:left;
}

/*******fin navigation********/
/*******content home**********/
#recherche{
float:left;
margin-left:21px;
width:301px;
}
#recherche a{
color:#FF0000;
}
#recherche a:hover{
color:#669900;
}
h3{
font-size:14px;
}
h3.titre{
display:inline;
font-size:14px;
}
* html #recherche{
margin-left:10px;
}
#recherche hr{
width:300px;
height:0;
border-bottom:1px solid #D9E997;
border-top:1px solid #87A602;
}
.titre{
margin-bottom:10px;
}
* html .titre{
margin-bottom:7px;
}
*+html .titre{
margin-bottom:7px;
}
#map{
float:left;
/*width:608px;
padding:15px;*/
width:623px;
padding:15px 0 15px 15px;
margin-left:10px;
border:1px solid #87A602;
}
#map img{
float:left;
}
#map img.nofloat{
float:none;
}
#map_homepage{
float:left;
width:639px;
padding:15px 0 15px 15px;
margin-left:10px;
border:1px solid #87A602;
}
#map_homepage img{
float:left;
}
#map_homepage img.nofloat{
float:none;
}

#loupe{
width:100%;
text-align:center;
}
#loupe img{
margin:5px 0;
}
#loupe a{
color:blue;
}
#loupe a:hover{
color:#33F;
}

.vert{
color:#669900;}
/*********map commande***********/
#commande{
float:left;
margin-left:2px;
width:110px;
text-align:center;
}
#commande table tr td a{
display:block;
background-repeat: no-repeat;
}
#commande table tr td a span{
	display: none;
	margin:0;
	padding:0;
	}
#commande table tr td a.top{
background:url(img/home/tele-commande/top.png);
height:30px;
width:38px;
}
#commande table tr td a:hover.top{
	background-position: 0 -30px;
}
#commande table tr td a.bottom{
background:url(img/home/tele-commande/bottom.png);
height:30px;
width:38px;
}
#commande table tr td a:hover.bottom{
	background-position: 0 -30px;
}
#commande table tr td a.left{
background:url(img/home/tele-commande/left.png);
height:38px;
width:30px;
}
#commande table tr td a:hover.left{
	background-position: -30px 0;
}
#commande table tr td a.right{
background:url(img/home/tele-commande/right.png);
height:38px;
width:30px;
}
#commande table tr td a:hover.right{
	background-position: -30px 0;
}

#commande table tr td a.moin{
background:url(img/home/tele-commande/moin.png);
height:27px;
width:49px;
}
/*
#commande table tr td a:hover.moin{
	background-position: 0 -27px;
}*/

#commande table tr td a.plus{
background:url(img/home/tele-commande/plus.png);
height:27px;
width:49px;
}
/*
#commande table tr td a:hover.plus{
	background-position: 0 -27px;
}
*/

/*********fin map commande***********/
/*******fin content home**********/
/*******table liste**********/

#divTableList{
margin-left:26px;
}
table.list {
width:908px;
float:left;
border-left:1px solid #FFFFFF;
}
table.list tr th{
font-weight:bold;
color:#6C8500;
}
table.list tr.green td{
background-color:#DCE86A;
}
table.list tr th ,table.list tr td{
padding:2px 5px;
}
th.section, td.section , td.section a{
text-align:left;
width:355px;
color:#000000;
text-decoration:none;
}
th.date, td.date{
text-align:center;
width:78px;
}
table.list td.separator,table.list th.separator{
border-left: 2px solid #FFF;
width:20px;
}
th.preview, td.preview{
text-align:center;
width:453px;
}
/*******fin table liste**********/
/*******table resultat**********/
table.recherche tr.green td{
background-color:#DCE86A;
}
table.recherche tr.green td.photo{
background-color:#D0DE4F;
}
table.recherche tr td.photo{
background-color:#F2F2F2;
}
table.recherche td {
border-width:1px;
}

.nextprevious {
color:#547300;
}

/*******fin table resultat**********/
/*******repérage**********/
.mapreperage{
float:left;
border:1px solid #87A602;
margin:8px 8px 0 0;
background-color:#DCE86A;
width:300px;
min-height:355px;
}
.mapreperage p{
margin:0;
text-align:center;
padding-top:5px;
padding-bottom:5px;
border-top: solid 1px #87A602;
height:50px;
}
.mapreperage a.boussole{
display:block;
position:absolute;
width:39px;
height:39px;
margin:0 -39px -39px 0;
z-index:10;
}
*+html .mapreperage a.boussole{
margin:0 -39px -39px 0;
position:relative;
}
/*******fin de repérage**********/
#StaffButtons
{
	margin-top:20px;
	text-align:center;
	color:black;	
	border-top:1px solid #D9E997;
	background-color:#B87356;
	float:none;
}
#ParticipatePlease
{
	margin-top:20px;
	text-align:center;
	color:black;	
	border-top:1px solid #D9E997;
	background-color:#DCE86A;
	float:none;
}

#StaffButtons a
{
	color:#000000;
	background-color:#E3B09D;
}
/* Pages statiques */
.sommaire_pagename
	{
	color:black;
	}
.sommaire_pagename a
	{
	color:yellow;
	text-decoration:none;		
	}
.sommaire_pagename:hover
	{
	background-color: #B7CA13;
	}
.sommaire_pagename_selected
	{
	background-color: #ECF69A;
	text-decoration:none;
	}
.sommaire_pagename_selected a
	{
	text-decoration:none;
	color: black;
	}

#left_column_static_pages h3 a
	{
	color:black;
	text-decoration:none;
	}

#left_column_static_pages h3 a:hover
	{
	color:black;
	text-decoration:none;
	background-color: #B7CA13;
	}

#left_column_static_pages
	{
	float:left;
	margin-left:21px;/* 21px sous MSIE7/FF2 ; 10px pour MSIE6 */
	width:301px;
	}