@charset "utf-8";
html {
	font-family:Verdana;
	font-size:12px;
	padding:0; margin:0;
}

body {
	padding:0; margin:0px 0px 0px 0px;
	background:#eaeaea url('top.gif') repeat-x top center;
}

.justify p {
	text-align:justify;
}


a {
	color:#333333;
	text-decoration:none;
	outline:none;
}

a:hover, a.active, a.current {
	color:#666666;
	text-decoration:none;
}

.left {
	float:left;
}

.right {
	float:right;
}

.spacer {
	clear:both;
}

.linker a {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

.linker a:hover, .linker a.active, .linker a.current {
	color:#333333;
	text-decoration:none;
}

.linkergris a , .submit {
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}

.linkergris a:hover, .linkergris a.active, .linkergris a.current, .submit:hover {
	color: #FF6600;
	text-decoration:none;
}

h1 {
	font-size:14px;
}

img {
	border:0;
}

.error {
	color:#cc0000;
}
#main {
	width:980px;
	margin:auto;
}
#top {
	width:100%; height:279px;
	position:relative;
}
#content {
	width:100%;
	min-height:200px;_height:200px;
	background:#ffffff;
	position:relative;
}
.container {
	width:920px;
}
.block_left, .block_right {
	width:440px;
}
.block_right {
	padding-left:40px;
}
.block_infos {
	padding : 0 10px 0 10px;
	width:460px;
	margin-top:10px;
}
.block_infos  h2{
	color:#0055A0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:0;
	padding:2px 0;
}
.block_infos  p{
	text-align:justify;
}
.block_infos  h3{
	font-family:'Courier New', Courier, monospace;
	color:#0055a0;
	padding-bottom:1px;
	margin:5px 0 0 0;clear:both;
}
.block_infos  img{
	padding: 5px 10px 0 0;
	margin:10px 0 0 0;
}

/************************MENU INFOS******************************/
.block_menu_infos h3{
	padding:0;
	margin:0;
}

.block_menu_infos {
	width:200px;
	margin:20px 20px 0px 0px;
	clear:both;
}

.block_menu_infos ul {
	list-style-type:none;
	padding:0px;margin:0px;
}

.block_menu_infos li {
	float:left;
	margin-left:0px;
	width:200px;
	background:#172145;
	text-align:left;
	margin-top:1px;
}

.block_menu_infos li a {
	display:block;
	width:100%; height:100%;
	color:#333333;
	background:url('btn_menu2.gif') no-repeat top center;
	text-decoration:none;
}

.block_menu_infos li a:focus, .block_menu_infos li a:active  {
	outline:none;
}

.block_menu_infos li a:hover, .block_menu_infos li a.active {
	color:#ffffff;
	background:url('btn_menu2.gif') no-repeat bottom center;
}

.block_menu_infos li a b {
	display:block;
	padding:4px 10px 4px 10px;
}

/*****************************************************************/
/*
.block_menu_infos {
	width:200px;
	margin-right:20px;
	clear:both;
}
.block_menu_infos h3{
	padding:0;
	margin:0;
}
.block_menu_infos  ul{
	padding: 5px 0 0 0;
	list-style:none;
}
.block_menu_infos  ul li {
	margin-top:1px;
	float:left;width:200px;
	background:#993300;
}

.block_menu_infos  ul li a {
	color:#0055a0;
}

.block_menu_infos  ul li a:hover, .block_menu_infos  ul li a.active, {
	color:#ffffff;
	background:#ff9933;
}

.block_menu_infos  b {
	display:block;
	padding:5px;
}

*/

.titre_a_la_une {
	background:url('titre_une.gif') no-repeat center left;
	height:30px;
	width:150px;
}
.titre_actualites {
	background:url('title_actualites.gif') no-repeat center left;
	width: 640px;
	height: 30px;
}

.titre_festivites {
	background:url('titre_festivites.gif') no-repeat center left;
	width: 640px;
	height: 30px;
}

.titre_marches {
	background:url('title_marches.gif') no-repeat center left;
	width: 640px;
	height: 30px;
}

.titre_legal {
	background:url('title_legal.gif') no-repeat center left;
	width: 640px;
	height: 30px;
}

.titre_locaux_terrains {
	background:url('titre_locaux_terrains.gif') no-repeat center left;
	width: 640px;
	height: 30px;
}

/*****************************CHANGER IMAGE*******************************/
/**page espace entreprises**/
.titre_connexion_entreprises {
	background:url('titre_espace_entreprises.gif') no-repeat center left;
	width: 370px;
	height: 30px;
}

.titre_inscription_entreprises {
	background:url('titre_inscription_entreprises.gif') no-repeat center left;
	width: 370px;
	height: 30px;
}

/**page espace pro**/
.titre_connexion {
	background:url('titre_espaceprive.gif') no-repeat center left;
	width: 370px;
	height: 30px;
}
/**page magazines**/
.titre_magazines {
	background:url('titre_magazines.gif') no-repeat center left;
	width: 440px;
	height: 30px;
}
/*page info privee*/
.titre_extranet {
	background:url('titre_espaceprive.gif') no-repeat center left;
	width: 440px;
	height: 30px;
}
/*page tourisme*/
.titre_tourisme {
	background:url('titre_tourisme.gif') no-repeat center left;
	width: 440px;
	height: 30px;
}
/*page agenda*/
.titre_agenda {
	background:url('title_agenda.gif') no-repeat center left;
	width: 640px;
	height: 30px;
}
/*page contact*/
.titre_contact {
	background:url('titre_contact.gif') no-repeat center left;
	width: 730px;
	height: 30px;
}
/******************************/
#flash_infos {
	top:15px; left:230px;
	position:absolute;
	width:520px;
	/*background:#999999;*/
}
.left_infos{
	padding-left:50px;
}

#agenda_top{
	width:420px; height:10px;
	background:#e0e0e0 url('bg_une.gif') no-repeat top center;
}

#agenda{
	width:420px;
	background:#e2ebe4 url('une_bb.gif') no-repeat bottom center;
}

#agenda div.contenu {
	width:400px;
	padding:10px;
}
#agenda img {
	margin:0px 20px 0px 0px;
}
#magazine {
	width:440px;
	background:url('bg_magazine.gif') no-repeat top center;
	margin-top:20px;
	min-height:150px;
	_height:150px;
}
#magazine p {
	margin:60px 20px 0px 0px;
	width:280px;
	color:#0055a0;
	font-weight:bold;
	padding-bottom:10px;
}
.bloc_button {
	width:100%;
	float:left;
	margin-top:5px 0px 5px 0px;
	clear:both;
}

.yellow_buttongrey {
	background:url('btn_jaune_bggrey.gif') no-repeat top center;
}
.yellow_button {
	background:url('btn_jaune.gif') no-repeat top center;
}
.green_button {
	background:url('btn_vert.gif') no-repeat top center;
}

.blue_button {
	background:url('btn_bleu.gif') no-repeat top center;
}
.yellow_button, .green_button, .yellow_buttongrey, .blue_button {
	width:190px;
	height:20px;
	text-align:center;
	padding: 3px 0px 0px 0px;
}
.yellow_button p, .green_button p, .yellow_buttongrey p, .blue_button p {
	margin:0;
}
.img_actu {
	width:50px;
	height:50px;
	margin:10px 10px 0px 10px;
}
.intro_actu  {	
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:350px;
	color:#666666;
}
.intro_actu  p {	
	margin:0;
	padding:0;
}
ul.offres {
	padding:10px;
	margin:0 0 0 20px;
	color:#0055A0;
	list-style:none;
}

ul.offres li {
	padding:2px 0;
}
ul.offres li a{
	color:#0055A0;
	font-weight:bold;
}

/*****************MENU*************/

#menu {
	position:absolute;
	top:72px; left:1px;
	list-style-type:none;
	padding:0px; margin:0px;
	width:980px;
}

#menu div.bgleft {
	width:20px; height:28px; float:left;
	background:url('bgmenu_left.gif') no-repeat top center;
}

#menu div.bgright {
	width:20px; height:28px; float:left;
	background:url('bgmenu_right.gif') no-repeat top center;
}

#menu ul {
	list-style-type:none;
	padding:0px; margin:0px;

}

#menu li {
font-size:11px;
	float:left;
	margin:0px 1px 0px 0px;
	height:28px;
	text-align:center;
}

#menu li a {
	display:block;
	width:100%; height:100%;
	text-decoration:none;
	color:#ffffff;
	background:url('btn_menu_top.gif') no-repeat top center;
}

#menu li a:focus, #menu li a:active  {
	outline:none;
}

#menu li a:hover, #menu li a.active {
	color:#1462a7;
	background:url('btn_menu_top.gif') no-repeat bottom center;
}

#menu li a b {
	display:block;
	padding:7px 10px 0px 10px;
}
/******fin menu******/


/*pied de page*/

#bottom {
	width:100%; height:107px; float:left;
	background:url('bottom.gif') bottom center no-repeat;
	position:relative;
}

#bottom div.copyright {
	width:500px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	position:absolute;
	bottom:21px;
	left:30px;
	color:#ffffff;
	text-align:left;
}

#bottom div.copyright a {
	color: #ffffff;
}

#bottom div.copyright a:hover, #bottom div.copyright a.active {
	color:#ffcc00;
}

#bottom_ombre {
	width:100%; height:10px; float:left;
	background:url('bottom_ombre.gif') no-repeat;
	position:relative;
}

#bottom_1 {
	position:absolute;
	width:50px;
	height:50px;
	top:7px;
	right:162px;
}
#bottom_2 {
	position:absolute;
	width:50px;
	height:50px;
	top:8px;
	right:92px;
}
#bottom_3 {
	position:absolute;
	width:50px;
	height:50px;
	top:8px;
	right:22px;
}
#bottom_4 {
	position:absolute; width:50px; height:50px; top:20px; right:66px; 
}

#bottom_1 a, #bottom_2 a, #bottom_3 a, #bottom_4 a {
	display:block; width:100%; height:100%;
}

/*****LOGIN*************/
.form_login {
	width: 300px;
	padding:20px 0 0 20px;
	color:#0055A0;
}
.form_login p{
	width: 200px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 135px; 
	height: 1%;
}
.form_login label{
	font-weight: bold;
	float: left;
	margin-left: -155px; 
	width: 150px;
}
.form_login input{ 
	width: 180px;
}
.form_login  input.submit {
	background:url('btn_inscription.gif') no-repeat;
	border:0;
	width:190px;
	height:30px;
	cursor:pointer;
}

div.contact form input.submit {
	background:url('submit.jpg') no-repeat;
	border:0;
	width:104px;
	height:25px;
	color:#fff;
	font-size:14px;
}

.form_inscription_entreprises  input.submit {
	background:url('btn_inscription_entreprises.gif') no-repeat;
	border:0;
	width:190px;
	height:30px;
	cursor:pointer;
}

/***********SITE******************/

#sideleft {
	width:240px; float:left;
	margin:0px 20px 0px 20px;
}

#contenu {
	width:940px; float:left;
	padding:0px 20px 0px 20px;
}

div.contact form {
	margin:0; padding:0;
}

div.contact form fieldset {
	margin:0; padding:0;
	border:0;
	margin-bottom:10px;
	border:0px solid #ffffff;
}

div.contact form legend {
	font-size:14px;
	color:#333333;
	font-weight:bold;
	margin:0px 10px 10px 0px;
	padding:0px;
	padding-bottom:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

div.contact form sup {
	color:#e5353b;
}

div.contact table.inner label {
	font-weight:bold;
}

div.contact table.inner div {
	float:right;
	/*width:58%;*/
	clear:right;
}

div.contact table.inner div.clear {
	margin-bottom:10px;
	clear:both;
	width:100%;
	float:left;
}

div.contact textarea, div.contact input, div.contact select {
	border:1px solid #cccccc;
}

div.contact textarea {
	width:585px;
}

div.contact table.inner input, div.contact table.inner textarea, div.contact table.inner select {
	/*width:200px;*/
	height:12px;
}

div.contact form input.radio {
	width:auto;
	clear:none;
}

div.contact form input.submit {
	background:url('submit.gif') no-repeat;
	border:0;
	width:150px;
	height:35px;
	color:#fff;
	font-size:14px;
}

/*****************MENULEFT*************/

#menu_left {
	float:left;
	list-style-type:none;
	padding:0; margin:0;
	width:230px;
}

#menu_left ul {
	list-style-type:none;
	width:230px;
	margin:0; padding:0;
}

#menu_left li {
	float:left;
	width:230px;
	/*height:22px;*/
	background:#172145;
	text-align:left;
	margin-top:1px;
}

#menu_left li a {
	display:block;
	width:100%; height:100%;
	color:#333333;
	background:#e6eee7 url('btn_menu_left.gif') no-repeat bottom center;
	text-decoration:none;
}

#menu_left li a:focus, #menu_left li a:active  {
	outline:none;
}

#menu_left li a:hover, #menu_left li a.active {
	color:#ffffff;
	background:#d9e1db url('btn_menu_left_hover.gif') no-repeat bottom center;
}

#menu_left li a b {
	display:block;
	padding:4px 10px 4px 10px;
}
/******fin menuLEFT******/

/**************BLOC********************/

div.blocgris {
	float:left;
	width:310px; 
	margin:10px;
}

div.topbloc {
	width:310px; 
	height:10px; 
	background:url('bloc.gif') no-repeat top center; 
	float:left;
}

div.contentbloc {
	width:290px;
	background:#eaeaea; 
	float:left;
	padding:0px 10px 0px 10px;
}

div.bottombloc {
	width:310px; 
	height:10px; 
	background:url('bloc.gif') no-repeat bottom center; 
	float:left;
}

/*************************************/

div.bloclisting {
	position:relative;
	float:left;
	width:320px; 
	margin:5px;
	background:#eaeaea;
}

div.bloclisting p {
	padding:5px; margin:0px; float:left; width:310px;
}