html{
	height:100%;
	margin:0;
	padding:0;
}
body{
	text-align:center;
	height:100%;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/body_back.gif);
	background-repeat:repeat-x;
	background-color:#454545;
	font-size:10px;
	position:relative;
	z-index:1;
	color:#333333;
}
#buftop{
  height:33px;
  width:800px;
  background-color:#303030;
}
#container{
  position: relative;
  min-height: 100%;
	width:800px;
	margin:0 auto;
	min-height:100%;
	text-align:left;
	background-image:url(../images/container_back.jpg);
	background-repeat:repeat-y;
	background-color:white;
	font-size:12px;
}
/*div#overlay{
	position:absolute;
	top:60px;
	left:0;
	z-index:1;
}*/
* html #container{
	height: 100%;
}
#flags{
  width:237px;
  height:27px;
  float:left;
  margin-left:0px;
  background-image:url(../images/back_flags.gif);  
}
#flags2{
  margin:0;
  padding:0px;
  height:10px;
}
.required{
	border:1px solid red;
}

#flags2 ul{
  margin:0;
  padding-top:6px;
  padding-left:10px;
  height:10px;
}
#flags2 ul li{
	display:inline;
	padding-right:5px;
}
#navitop{
  float:left;
  position:relative;
  width:563px;
  height:27px;
  margin:0;
  background-image:url(../images/back_navi.gif);
}
#navitop ul{ 
  float:left;
  margin:0;
  height:27px;
  margin-left:-25px;
  padding-top:6px;
}
#navitop ul li.arrowactive{
  padding-top:6px;
  background-image:url(../images/toparrow.gif);
  background-repeat:no-repeat;
  background-position:center top;
}
*+html #navitop ul li.arrowactive{
  padding-top:6px;
}
*+html #navitop ul{
  margin-left:15px;
}
#navitop ul li{
  display:inline;
  padding-right:1px;
}
#navitop ul li a{
  color:#666666;
  font-size:11px;
  padding:1px;
  text-decoration:none;
  list-style:none;
}
#recherche{
  float:right;
  margin-top:6px;
  margin-right:20px;
}
*+html #recherche{
	margin-right:5px;
}
#recherche input{
  font-weight:bold;
  border:1px solid #d6d6d6; 
  width:123px;
  height:13px; 
  color:#666666;
  font-family:"Trebuchet MS";
  font-size:11px;
}
#loupe{
  float:right;
  width:21px;
  height:25px;
  margin-top:2px;
  margin-right:8px;
}
#loupe input{
  width:21px;
  height:25px;
  margin-top:0px;
  margin-left:0px;
  border:0;
}
#left{
  float:left;
  width:237px;
  background-image:url(../images/back_left2.gif);
  background-repeat:no-repeat;
}
#homeleftbox{
	padding:10px;
	padding-top:0px;
	margin-top:-10px;
}
.leftbox h2{
	margin-bottom:0px;
	color:#FFFFFF;
	padding:0px;
	font-size:13px;
	padding-left:17px;
	line-height:25px;
}
.leftbox h2 img{
  vertical-align:middle;
}
.blueback{
	background-image:url(../images/title/blue.gif);
	background-repeat:no-repeat;
}
.redback{
	background-image:url(../images/title/red.gif);
	background-repeat:no-repeat;
}
.boxborder{
	border:1px solid #e9e9e9;
	border-bottom:none;
	background-color:#FFFFFF;
	padding:1px 1px 0px 1px;
}
.greyback{
	background-color:#f2f2f2;
	padding:5px;
}
#button_calendrier{
	margin-top:10px;
	width:203px;
}
.button{
  margin-left:110px;
  margin-top:5px;
  width:90px;
}
.button img{
  vertical-align:middle; 
}
.button input{
  width:82px;
  height:22px;
  background-image:url(../images/button_content.gif);
  font-weight:bold;
  color:#7a7a7a;
  font-size:11px; 
  vertical-align:middle;
  border:0; 
}
.buttonlink{
  margin-left:110px;
  width:90px;
  height:22px;
}
.buttonlink img{
  float:left;
}
.buttonlink .link{
  width:82px;
  height:18px;
  text-align:center;
  background-image:url(../images/button_content.gif);
  float:left;
  padding-top:4px;
}
.buttonlink a{
  font-weight:bold;
  color:#7a7a7a;
  font-size:11px; 
  text-decoration:none;
}
.listcommune{
	padding-top:2px;
}
.listcommune select{
	font-size:11px;
  font-family:"Trebuchet MS"; 
  width:203px;
}
#listrue{
	padding-top:2px; 
}
#listrue select{
	font-size:11px;
	width:203px;
  font-family:"Trebuchet MS"; 
}
#reponse{
	padding:5px;
	font-size:11px;
	border:1px solid #e2e2e2;
	background-color:#FFFFFF;
	margin-top:5px;
}
#dates{
	padding:5px;
	list-style-type:none;
	border:1px solid #ccc;
}
.date{
	padding:5px;
}
#sondagequestion{
	font-weight:bold;
	text-decoration:none;
	color:#666666;
	font-size:11px;
	padding-top:2px;  
}
.sondquets{
	color:#666666;
	font-size:11px;
	padding-top:2px;
}
#pointvertmateriaux{
  font-weight:bold;
  color:#666666;
	font-size:11px; 
}
#pointvert{
  width:203px;
  margin-top:3px;
  color:#9f9f9f;
  font-size:10px;
}
.rowwhite{
  height:17px;
  background-image:url(../images/backtablewhite.gif);
}
.rowgrey{
  height:17px;
  background-image:url(../images/backtablegrey.gif);
}
.rowgrey2{
  height:17px;
  background-image:url(../images/backtablegrey2.gif);
	color:white;
}
#finalrow{
  height:19px;
  background-image:url(../images/backtablefinal.gif);
}
#right{
  float:left;
  width:563px;
}
#flash{
	width:563px;
	height:304px;
}
#news_sondage{
  margin-top:17px;
  width:333px;
  float:left;
}
#news{
  width:333px;
}
#news_top{
  width:333px;
  height:46px;
  background-image:url(../images/news_top.jpg);
}
#newstitre{
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
	font-size:15px;
	padding-top:13px;
	padding-left:17px;
}
#news_content{
  background-image:url(../images/news_content.jpg);
  background-repeat:repeat-y;
  width:333px;
}
.titlenews{
	font-weight:bold;
	text-decoration:none;
	color:#339900;
	font-size:13px;
	padding-top:5px;
	padding-left:12px;
}
*+html #sondend{
	margin-top:-5px;
}
.news_image{
  float:left;
	padding-top:10px;
	padding-left:12px;
}
.news_teaser{
  float:left;
  padding-top:5px;
  padding-left:10px;
  padding-bottom:5px;
  padding-right:10px;
	text-decoration:none;
	color:#666666;
	font-size:11px;
}
.ensavoirplus{
  float:right;
  padding-right:10px;
  padding-bottom:5px;
}
#newsseperator{
	padding-top:5px;
}
*+html #newsseperator{
	padding-top:0px;
}
#news_bottom{
  width:333px;
  height:18px;
  background-image:url(../images/news_bottom.jpg);
}
.centerbox h2{
	margin-bottom:0px;
	color:#FFFFFF;
	padding:0px;
	font-size:15px;
	padding-left:17px;
	line-height:40px;
}
.centerbox h2 img{
  vertical-align:middle;
}
.blueback2{
	background-image:url(../images/title/blue2.gif);
	background-repeat:no-repeat;
}
#sacpoubelle{
  margin-top:17px;
  padding-top:17px;
  margin-left:5px;
  width:214px;
  height:293px;
  background-image:url(../images/back_sac_poubelle.jpg);
	background-position:right;
	background-repeat:no-repeat;
  float:left;
	position:relative;
}
#sacpoubelle h2{
	color:white;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	position:absolute;
	top:10px;
	right:10px;
	margin:0;
	width:150px;
}
#sacentierlink{
  position:absolute;
  top:0;
  left:3px;
  width:210px;
  height:293px;
}
a#game_link{
  float:right;
  width:210px;
  height:25px;
  margin-right:11px;
  padding-top:31px;
  background:url(../images/button_game.gif) no-repeat center top;
  text-align:center;
  font-size:11px;
  font-weight:bold;
  color:white;
  text-decoration:none;
  display:block;
}

/*subpage*/
#subpage_top{
  height:4px;
  width:800px;
  background-image:url(../images/subtop.gif);
}
#subpage_logo{
  float:left;
  width:237px;
  height:72px;
}
#subpage_navi{
  position:absolute;
  width:564px;
  top:64px;
  left:236px;
}
.topmenu{
  color:#ffffff;
  font-size:14px;
  margin-top:25px;
  margin-left:10px;
  height:20px;
}
#submenu{
  width:800px;
  height:31px;
  margin-top:-12px;
}
#submenu a{
  color:#ffffff;
  font-size:11px;
  text-decoration:none; 
}
#submenu ul{
  color:#ffffff;
  font-size:12px;
  padding-top:7px;
  padding-bottom:7px;
  height:24px;
  margin-left:-30px;
}
*+html #submenu ul{
  margin-left:10px;
}
#submenu ul li{
  float:left;
  color:#ffffff;
  font-size:12px;
  height:24px;
  list-style:none; 
  margin-right:5px;
}
#submenu ul li img{
	vertical-align:middle;
	margin-right:-3px;
}

*+html #submenu ul li img{
  margin-top: 2px; 
}

#submenu ul li .submenuback{
  float:left;
  width:9px;
  height:24px;
  margin-top:-2px; 
  background-image:url(../images/submenuback.gif); 
}
*+html #submenu ul li .submenuback{
  margin-top: 0px; 
}
#submenu ul li .submenufront{
  float:left;
  width:12px;
  height:24px; 
  margin-top:-2px; 
  margin-right:-3px;
  background-image:url(../images/submenufront.gif); 
}
*+html #submenu ul li .submenufront{
  margin-top: 0px; 
}
.active{
  height:24px;
  padding-bottom:4px;
  padding-top:2px;
  margin-bottom:-6px;
} 
*+html .active{
  padding-top:0px;
}
.active span{
  float:left;
  position:relative;
  top:3px;
}
*+html .active span{
  top:5px;
} 
#subpagecontent{
  float:left;
  width:800px;
  min-height:623px;
}
#breadcrumb{
  float:left;
	font-size:11px;
	color:#666666;
	height:26px;
	width:786px;
	margin-left:14px;
	padding-top:8px;
}
#breadcrumb a{
	font-size:11px;
	color:#666666;
}
#cmscontent{
  float:left;
  width:786px;
  min-height:597px;
  margin-left:14px;
  background-color:#ffffff;
}
#cmscontent_left{
  float:left;
  width:211px;
  min-height:2px;
}
.newpointmenu{
  width:211px;
  padding-top:7px;
  padding-bottom:7px;
}
.grey{
  background-color:#f6f6f6;
}
.pointmenuimg{
  padding-left:25px;
  background-repeat:no-repeat;
}
.pointmenuimg a{
  text-decoration:none;
}
#cmscontent_right{
  float:left;
  width:554px;
  min-height:597px;
  padding-left:10px;
  padding-right:10px;
}
#cmscontent_right h1{
  color:#666666;
  font-weight:normal;
  font-size:18px;
  border-bottom:1px dotted #666666;
  border-right:1px dotted #666666;
  padding-bottom:5px;
}
#cmscontent_right h2{
  font-size:13px;
  margin:0px;
}
#subpage_droit{
  float:left;
  margin-top:53px;
  height:27px;
	font-size:11px;
	color:#ffffff;
  margin-left:22px;
}
#subpage_droit a{
  color:#ffffff;
  font-size:11px;
}
#subpage_copyright{
  float:right;
  margin-right:21px;
  margin-top:53px;
  height:27px;
	font-size:11px;
	color:#ffffff;
}
.sitemap a{
  text-decoration:none;
  color:#16a2d8;
}
#spacer{
  height:83px;
}

/* handle footer */
html{
  height:100%;
}
body{
  height:100%;
}
#container{
  position:relative;
  min-height:100%;
}
* html #container{
  height:100%;
}
#footspacer{
  height:86px;
  width:100%;
}
#footspacer2{
  height:83px;
  width:100%;
}
#footer{
  position:relative;
  background-color:#303030;
  margin-top:-86px;
  width:100%;
}
#footer2{
  position:relative;
  background-color:#303030;
  margin-top:-83px;
  width:100%;
}
#bottom{
  margin:0 auto;
  position:relative;
  width:800px;
  height:86px;
  background-image:url(../images/bottom.gif);
}
#bottom3{
  margin:0 auto;
  position:relative;
  width:800px;
  height:83px;
}
#droit{
  float:left;
  margin-left:22px;
  margin-top:53px;
}
#droit a{
  color:#666666;
  font-size:11px;
}
#copyright{
  float:right;
  margin-right:22px;
  margin-top:53px;
  color:#666666;
  font-size:11px;
}

/*fin subpage */
br.clear{
	clear:both;
	font-size:0;
	line-height:0;
}
.faqtitle{
	color:#09509F;
	font-size:13px;
	font-weight:bold;
}

#adhtab ul{
	margin:0px;
	padding:0px;
}

#adhtab ul li{
  list-style:none;
  border-top:1px dotted #fff;
  border-bottom:1px dotted #999999;
  padding:5px;
  background-color:#f2f2f2;
}

#adhtab a{
	color:#666666;
}

#adhtab a:hover{
	color:#666666;
	text-decoration:none;
}

.navigation{
	margin-bottom:10px;	
}
.navigation ul{
  margin:0;
  padding:0;
  background-color:#FFFFFF;
}
.navigation li{
  display:inline;
  padding:0;
  background:none;
  border:none;
}

.navigation a{
  color:#666;
  text-decoration:none;
  background:none;
}
.navigation a:hover{
  text-decoration:underline;
}
.navigation li.active{
  color:red;
  font-weight:bold;
  background-image:none;
}

.searchinput{
	border:1px solid #e2e2e2;
	border-bottom:none;
	border-right:none;
	width:100%;
}

.searchinput td, .searchinput th{
	border:1px solid #fff;
	background-color:#f2f2f2;
	border-bottom:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	padding:4px;
	
}

.searchinput th{
	text-align:right;
}



.searchinput input, .searchinput select{
	border:1px solid #CCCCCC;
	width:100%;
}


.block img {
	margin-right:10px;
	
}

#downloads{
	border:1px solid #CCCCCC;
	margin:10px;
}

#downloads h2{
	background-color:#e2e2e2;
	padding:5px;
}

#downloads a{
	color:#666666;
}
#downloads a:hover{
	color:#666666;
	text-decoration:none;
}

.tabpointvert{
	border:1px solid #CCCCCC;
}

.tabpointvert table{
	width:100%;
		border-collapse:collapse;
}

.tabpointvert td, .tabpointvert th{
	padding:2px;

	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	background-color:#f2f2f2;
	font-size:10px;
}
.tabpointvert th{
	background-color:#e2e2e2;
	font-size:11px;
}

#print
{
  display:none;
}
.noborder{
	border:none;
}