/* MISE EN PAGE */
*{
	margin : 0;
	padding: 0;
}
img {
    border: 0;
}
body{
	background:#333;
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #444;
}

#page {
	position:relative;
	width:960px;
	margin:0 auto;
}
#top{
	height: 360px;
	background:url(../images/f_top.jpg) repeat-y;
}

/** Top **/
	/** bandeau **/
#bandeau{
	width: 960px;
	height:145px;
	background:url(../images/ville-le-treport.jpg) no-repeat;
}
	#bandeau p{
		padding:110px 5px 0 0;
		text-align:right;
		color:#FFF;
	}
	#bandeau a{
		color:#FFF;
		text-decoration:underline;
	}
	/** Diaporama **/
	#diaporama{
		width: 960px;
		height:155px;
		background: #FFF url(../images/diaporama.jpg) no-repeat;
	}
	/** Menu **/
	#menu_site{
		clear:both;
		padding-top:10px;
	}
	#menu_site ul{
		position:absolute;
		margin:0;
		padding:0;
	}
	#menu_site li{
		float:left;
		margin-left: 5px;
		padding:0;
		width:232px;
		height:41px;
		line-height:40px;
		list-style:none;
		background: url(../images/b_menu.jpg) no-repeat;
		
	}
	#menu_site li a:link,
	#menu_site li a:active,
	#menu_site li a:visited{
		display:block;
		width:232px;
		height:41px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		color:#6B0D70;
		text-align:center;
		text-decoration:none;
	}
	#menu_site ul li ul {
		display: none;
		margin:0;
		padding:0;
	}
	#menu_site ul li ul li {
		margin:0;
		padding:0;
	}
	#menu_site ul li:hover ul {
		display:block;
		position:relative;
		width:110px;
	}
	/* Style couleurs*/
	#menu_site.verts ul li:hover ul li a{
		background: #333 url(../images/site_f_menu.gif) repeat-x;
	}
	#menu_site ul li a:hover,
	#menu_site ul li:hover ul li a:hover{
		color:#DADADA;
		background: url(../images/b_menu_f2.jpg) no-repeat;
	}
	/* Hack IE-win \*/
	* html #menu_site ul li a.hide,
	* html #menu_site ul li a:visited.hide,
	* html #menu_site li a:hover ul li a.hide {
		display:none;
	}
	* html #menu_site ul li a:hover ul {
		display:block;
		position:relative;
		margin-top:-1px;
	}
	* html #menu_site ul li ul li {
		margin-left:-4px;
		padding:0;
	}
	* html #menu_site.verts ul li.ssmenu a:hover{
		background:none;
	}
	* html #menu_site.verts ul li a:hover ul li a {
		background:#6d8696 url(../images/site_f_menu.gif) repeat-x;
		color:#FFF;
		border-top:1px solid #FFF;
		font-size:11px;
	}
	* html #menu_site.verts ul li a:hover ul li a:hover {
		background:#008A56;
		color:#FFF;
	}
	/* Fin hack */

	/** Fin menu **/
#centre{
	min-height: 500px;
}
#contenu {
	min-height: 500px;
	padding: 8px;
	background:#78607F url(../images/f_contenu.jpg) bottom no-repeat;
}
* html #contenu {
	padding-right:7px;
	height: 500px;
}

#foot {
	clear: both;
	width: 960px;
	height: 70px;
	background:url(../images/f_foot.jpg) repeat-y;
}
	/*#foot p{
		line-height:140px;
		text-align: right;
		font-size: 12px;
		color:#FFF;
	}
	#foot p a{
		color: #FFF;
		text-decoration:underline;
	}*/
	#foot_outils{
		float:left;
		margin:0;
		padding:30px 0 20px 20px;
		line-height:20px;
		font-size: 10px;
		color:#FFF;
	}
	#foot_outils a{
		color:#FFF;
	}
	#foot p.copyright{
		margin:0;
		padding:30px 150px 20px 5px;
		text-align: right;
		line-height:20px;
		font-size: 10px;
		color:#FFF;
	}
	#foot p.copyright a{
		color: #FFF;
		text-decoration:underline;
	}

	/** Accueil **/
#contenu_droite{
	float:right;
	width: 330px;
}
#contenu_droite #recherche, #contenu_droite .camping, #contenu_droite .newsletter{
	margin-bottom:8px;
}
		/*Recherche*/
#recherche{
	margin-right:5px;
	height:30px;
	width: 320px;
	text-align:right;
}
#recherche input.champs{	
	margin:0 0 0 0;
	//margin:-1px -3px 0 0;
	padding:4px 0;
	width:200px;
	height:20px;
	line-height:20px;
	background-color: #FEFEFE;
	border: 1px solid #888;
	border-right:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
	color: #999;
}
#recherche input.valid{
	float:right;
	margin:0;
	padding:0;
	width:30px;
	height:30px;
	background-color:#D5D5D5;
	border: 1px solid #888;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bolder;
	color: #6B0D70;
}
#contenu_droite .cell_droite{
	background:url(../images/f_celldroite.png) repeat-y;
}
*html #contenu_droite .cell_droite{
	background:url(../images/f_celldroite.gif) repeat-y;
}
#contenu_droite .cell_droite h1{
	margin:0;
	padding:0;
	border:0;
}
#contenu_droite .cell_droitefoot{
	width:330px;
	margin-bottom:8px;
	height:8px;
	background:url(../images/f_celldroitefoot.png) no-repeat top;
}
*html #contenu_droite .cell_droitefoot{
	background:url(../images/f_celldroitefoot.gif) no-repeat top;
}

#contenu_gauche{
	margin-right:330px;
	min-height: 500px;
}
#contenu_gauche h1{
	margin:0;
	padding:0;
	border:0;
}
#contenu_gauche .alaune{
	width:594px;
	height:1046px;
	padding:8px;
	background:url(../images/f_alaune.png) repeat-y;
}
*html #contenu_gauche .alaune{
	background:url(../images/f_alaune.gif) repeat-y;
	height:1047px;
}
#contenu_gauche .separaccueil{
	width:100%;
	/*clear:both;*/
	text-align:center;
}
#contenu_gauche .alaunefoot{
	width:610px;
	margin-bottom:8px;
	height:8px;
	background:url(../images/f_alaunefoot.png) no-repeat top;
}
*html #contenu_gauche .alaunefoot{
	margin-bottom:3px;
	background:url(../images/f_alaunefoot.gif) no-repeat top;
}

		/** Agenda **/
#agenda{
	width: 325px;
	height: 310px;
  	overflow:auto;
}
ul.agenda{
	padding: 0;
	margin:0;
}
ul.agenda li{
	margin:0;
	padding:0;
	width: 300px;
	list-style-type: none;
	list-style-position: outside;
}
*+html ul.agenda li{
	margin-bottom:-3px;
}
ul.agenda a:link,ul.agenda a:active,ul.agenda a:visited {
	margin:0;
	padding:3px;
	font-weight:bold;
	display:block;
	text-decoration: none;
	border-bottom: 1px dotted #333;
	color:#6B0D70;
}
ul.agenda li a:hover {
	text-decoration: none;
	color:#FFF;
	background-color:#6B0D70;
}

#page_agenda{
	margin: 2px;
	width: 98%;
	min-height: 390px;
	background:#FFF;
	border: 1px solid #336;
}
*html #page_agenda{
	height: 310px;
}
		/** Un seul clic **/
#unseulclic{
	padding: 3px 8px;
}
#unseulclic li{
	margin-bottom:3px;
	color:#6B0D70;
}
#unseulclic a{
	color:#6B0D70;
	font-size:14px;
	font-weight:bold;
}
	/** Fin accueil **/
	/** Contenu **/
div.cell{
	padding:10px;
	background:url(../images/f_cell.png) repeat-y;
	min-height:400px;
}
*html div.cell{
	background:url(../images/f_cell.gif) repeat-y;
	height:400px;
}
div.cellfoot{
	width:945px;
	height:8px;
	background:url(../images/f_cellfoot.png) no-repeat top;
}
*html div.cellfoot{
	background:url(../images/f_cellfoot.gif) no-repeat top;
}
div.separparag{
	clear:both;
	width:100%;
	margin: 5px 0;
	text-align:center;
}

.finfloat{
	clear:both;
}
.finfloatseparateur{
	clear:both;
    border-bottom: 1px dotted #069;
}
	/** Fin contenu **/
/* FIN MISE EN PAGE */

/* IMAGES */
div.paragg {
	float: left;
	margin: 10px;
	width:180px;
	font-size:9px;
	text-align:center;
}
div.paragd {
	float: right;
	margin: 10px;
	width:180px;
	font-size:9px;
	text-align:center;
}
img.border {
    border: 1px solid #6B0D70;
}
/* FIN IMAGES */

/* TEXTES */
h1{
	margin-bottom: 8px;
	padding: 0px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #6B0D70;
    border-bottom: 1px solid #336;
}
h1.titre_page{
	margin:0;
	padding:10px;
	border:0;
	background:url(../images/t_cell.jpg) repeat-y;
	height:21px;
	line-height: 20px;
	color: #6B0D70;
	color: #FFF;
}
#agenda h1{
	margin: 0px;
	padding: 3px 5px 5px 5px;
	background:#D8E0D2;
}
h2{
	padding: 5px;
	/*font-size: 14px;*/
	font-size: large;
	font-weight: bold;
	margin : 10px 0 3px 0;
	color: #6B0D70;
}
h3{
	padding: 5px;
	/*font-size: 12px;*/
	font-size:medium;
	font-weight: bold;
	margin : 3px 0;
	color: #838080;
}
div.contenu{
	padding: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align:justify;
}

#navigation,
#navigation a:link,
#navigation a:active,
#navigation a:visited{
	font-size:10px;
	text-align:left;
	color: #AAA;
}

div.enbref{
	padding: 5px;
	width: 30%;
	float: left;
    border-right: 1px dotted #069;
	font-size: 10px;
}
div.enbref_fin{
	padding: 5px;
	width: 30%;
	float: left;
    border: 0;
	font-size: 10px;
}

p.construction{
	padding: 5px 5px 15px 5px;
	font-style: italic;
}

p.comments{
	padding: 5px 5px 15px 5px;
	font-style: italic;
	font-size: 10px;
}

a:link,a:active,a:visited {
	text-decoration: underline;
	color: #000;
} 
a:hover{
	text-decoration: none;
	color: #6B0D70;
}

table.tab_affich{
	margin: 5px;
	width: 98%;
	/*border: 1px solid #FFF;*/
	border-collapse: collapse;

}
table.tab_affich th{
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-align : center;
	background: url(../images/t_cell.jpg) repeat-y;
	/*border: 1px #6B0D70 solid;*/
	padding:3px;
}
table.tab_affich td{
	/*border: 1px solid #6B0D70;*/
	text-align:center;
	padding:3px;
}

ul, ol {
	padding-left: 15px;
	margin:0;
}
ul li{
	list-style-type: disc;
	list-style-position: inside;
}
ol li{
	list-style-type: decimal;
	list-style-position: inside;
}

/* Marchés Publics */
h1.marchepublicdetails{
	text-align:center;
}

div.marchespublics{
	margin:0;
	padding: 5px;
	border-bottom: 1px solid #336;
}

#marchepublicscontenu{
	width: 200px;
	height:auto;
}

#mp_form_fichiers{
	float:right;
	margin: 0 10px;
	padding: 5px;
	width:200px;
	border-left:1px solid #999;
}

#mp_form_fichiers p{
	margin: 5px 0;
}
/* FIN TEXTES */

/* FORMULAIRE */
.chps {
	background-color: #EEE;
	border: 1px solid #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336;
}
.bouton{
	background-color:#6B0D70;
	border: 1px solid #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bolder;
	color: #FFF;
}

.erreur {
	font-size: 12px;
	color: #F33;
	font-weight: bold;
}
.confirm {
	font-size: 12px;
	color: #08F;
	font-weight: bold;
}
/* FIN FORMULAIRE */

/* Hack IE-win \*/

* html #menu {
	margin-right: -3px;
}
* html #menu dt a {
	height: 20px;
}
* html #menu li a {
	height: 18px;
}

* html #contenu {
	margin-left: 0px;
	height: 1%;
}

* html #droite {
	margin-left: -3px;
}

* html #centre {
	margin-right: 0px;
	height: 1%;
}

* html #accueil_droite {
	margin-left: -3px;
}
* html #accueil_centre {
	margin-right: 0;
	height: 1%;
}

* html #contenu,* html #centre,* html #accueil_centre {
	height: 500px;
}

* html #page_agenda{
	height: 395px;
}
#int{
	width: 250px;
	
}
#chps{
	float:right;
}


/* Fin hack */
 
/* Fin hack */