/* =============================================================================
   reset
   ========================================================================== */
header,footer,nav, section {display: block;}

body,h1,h2,h3,h4,p,form,fieldset,input,textarea,ul,li,img,button,div,span {
    margin:0;
    padding:0;
    border:0;
	outline:none;
	font-weight:normal;
}
li {
    list-style-type:none;
}
a {
    text-decoration:none;
    color:#5F6060;
}
.separator {
    clear:both;
    font-size:0;
}

/* =============================================================================
   config
   ========================================================================== */
.border-radius(@radius) {
	-moz-border-radius: @radius;
	-webkit-border-radius: @radius;
	border-radius: @radius;
	behavior:url('PIE.PHP');
	position:relative;

}
.border-top-left-radius(@radius) {
	-moz-border-top-left-radius: @radius;
	-webkit-border-top-left-radius: @radius;
	border-top-left-radius: @radius;
	behavior:url('PIE.PHP');

}
.border-bottom-left-radius(@radius) {
	-moz-border-bottom-left-radius: @radius;
	-webkit-border-bottom-left-radius: @radius;
	border-bottom-left-radius: @radius;
	behavior:url('PIE.PHP');

}
.border-top-right-radius(@radius) {
	-moz-border-top-right-radius: @radius;
	-webkit-border-top-right-radius: @radius;
	border-top-right-radius: @radius;
	behavior:url('PIE.PHP');

}
.border-bottom-right-radius(@radius) {
	-moz-border-top-right-radius: @radius;
	-webkit-border-top-right-radius: @radius;
	border-border-top-right-radius: @radius;
	behavior:url('PIE.PHP');
}

.box-shadow(@shadow) {
	-moz-box-shadow:@shadow;
	-webkit-box-shadow:@shadow;
	box-shadow:@shadow;
	behavior:url('PIE.PHP');
}

/* =========================
   general
========================== */
body {
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/general/fond.png) center 200px no-repeat;

}
#conteneur {
	background:url(../images/general/conteneur-bg.jpg) repeat-x top;

}
header {
	background:url(../images/general/header-bg.jpg) no-repeat center;
	height:168px;
	h1 {
		float:left;
		margin:17px 0 0 16px;
	}
	#menu_rapide {
		float:right;
		margin:14px 0 0 0;
		p {
			color:#FFF;
			font-size:13px;
			font-weight:bold;
			margin-bottom:10px;
		}
		li {
			float:left;
			width:49px;
			margin-right:4px;
			img {
				.box-shadow(2px 2px 2px #333);
			}
		}

	}
	form#search {
			clear:right;
			float:right;
			width:263px;
			height:34px;
			padding:5px 0 0 5px;
			margin-top:21px;
			.border-radius(10px);
			background:url(../images/general/search-bg.png);
			input[type="text"] {
				height:30px;
				line-height:30px;
				width:203px;
				.border-radius(5px);
				.box-shadow(1px 1px 4px #333 inset);
				color:#005baa;
				padding-left:11px;
				float:left;
				margin-right:13px;
				font-size:12px;
			}
			input[type="image"] {
				margin-top:5px;
				float:left;
			}

	}

}
nav#menu {
	background: url(../images/general/menu-bg.png);
	position:relative;
	z-index:5;
	width:954px;
	padding:0 0 0 32px;
	height:40px;
	margin:0 auto 44px auto;
	li.item {
		float:left;
		position:relative;
		font-size:13px;
		margin-top:5px;
		height:28px;
		a.item_link {
			color:#005cab;
			text-transform:uppercase;
			padding:0 25px;
			display:block;
			height:28px;
			line-height:28px;
		}
		a.item_link_hover {
			color:#FFF ;
			background:#cc65ff;
			.border-top-left-radius(10px);
			.border-top-right-radius(10px);

		}
	}
	ul ul {
		display:none;
		position:absolute;
		z-index:10000;
		background:url(../images/general/ss-menu-bg.jpg) repeat-x bottom #f98a02;
		box-shadow:3px 3px 6px #666666;
		.border-bottom-left-radius(10px);
		left:0;
		top:28px;
		padding:0 0 0 19px;
		li {
		 	a {
				color:#FFF;
				font-size:13px;
				background:url(../images/general/ss-menu-link-bg.png) repeat-x bottom;
				height:31px;
				display:block;
				line-height:31px;
				width:auto;
			}
			a.last {
				background:none;
			}
		 }
	}

}
.content {
	width:982px;
	margin:auto;

}

footer {
	background:url(../images/general/footer-bg.jpg) repeat-x center bottom;
	margin-top:40px;
	h2 {
		color:#045eac;
		font-size:11px;
		text-transform:uppercase;
		font-weight:bold;
		margin-bottom:20px;

	}
	#footer_top {
		height:216px;
		padding-top:18px;
		background:url(../images/general/footer-top-bg.jpg) repeat-x;
		#decouvrir {
			width:238px;
			float:left;
			margin-right:105px;
			ul  {
				li {
				float:left;
				margin-right:3px;
					img {
						border:1px solid #FFF;
					}
				}
				li.last {
					margin:0;
				}
			}

		}
		#adresses {
			float:left;
			a.link_adresse {
				color:#898b8b;
				font-size:12px;
				font-weight:bold;
				display:block;
				background:url(../images/general/fleche-grise.png) no-repeat 0 5px;
				padding-left:16px;
				margin-bottom:10px;
				&:hover {
					text-decoration:underline;
				}

			}
			a.bottomMenu {
				font-size:11px;
				font-weight:bold;
				text-transform:uppercase;
				color:#045eac;
				background-repeat: no-repeat;
				padding-left:31px;
				display:block;
				height:20px;
				line-height:20px;
				margin-bottom:15px;
			}
		}
		#meteo {
			margin-top:				10px;
			border-top:				1px dotted #444;
			font-size:				13px;
			color:#045eac;
			.pictoWeather {
			    height: 					70px;
			    overflow: 					hidden;
			    width: 						60px;
			}
		}
		#mots_cles {
			float:right;
			margin-right:27px;
			width:288px;
			color:#898b8b;
			p {
				line-height:20px;
			}
		}
	}
	#footer_bottom {
		height:86px;
		line-height:86px;
		font-size:12px;
		background: url(../images/general/footer-bottom-bg.jpg) center no-repeat;
		color:#FFF;
		.content {
			font-weight:bold;
			span {
				margin:0 8px 0 110px;
			}
			a {
				color:#FFF;
				margin-right:30px;
				&:hover {
					text-decoration:underline;
				}
			}
		}
	}
}

/* =========================
   homepage
========================== */
#homepage {
	#diaporama {
		border:1px solid #d7d5d5;
		width:980px;
        float: left;
        margin-top: 30px;
		height:249px;
		position:relative;
		background:#FFF;
		z-index:2;
		.diapo_fixed {
			float:right;
		}
		#onglet {
			position:absolute;
			top:-23px;
			left:6px;
			display:block;
			background:url(../images/homepage/onglet.png);
			width:82px;
			height:23px;
			line-height:23px;
			font-size:12px;
			text-align:center;
		}
		div#diapo_cycle {
			height:249px;
			width:980px;
			div.diapo {
				height:249px;
				width:980px;
				h2 {
					color:#5f6060;
					font-size:25px;
					margin:0 0 10px 24px;
					padding-top:23px;
					width:560px;
				}
				p {
					margin:0 0 0 24px;
					color:#787a7b;
					font-size:15px;
					width:560px;
					line-height:20px;
					a {
						color:#005baa;
						text-decoration:underline;
					}

				}
				a.infos_sup {
						background:url(../images/homepage/diapo-btn.gif);
						display:block;
						width:103px;
						height:19px;
						line-height:19px;
						font-size:10px;
						position:absolute;
						bottom:19px;
						left:24px;
						color:#FFF;
						text-align:center;
						text-transform:uppercase;
				}
			}
		}
		#prev {
			position:absolute;
			bottom:19px;
			left:582px;
			height:19px;
			width:19px;
			cursor:pointer;
			z-index:5;
		}
		#next {
			position:absolute;
			bottom:19px;
			left:603px;
			height:19px;
			width:19px;
			cursor:pointer;
			z-index:5;
		}
	}
	section#actu {
		width:649px;
		float:left;
		margin-top:11px;
		span {
			color:#0062af;
			display:block;
			margin-bottom:3px;
			font-weight:bold;
			font-size:12px;
			text-indent:4px;
		}

		.actualite {
			height:302px;
			width:313px;
			float:left;
			color:#5f6060;
			border-right:1px solid #dad8d8;
			border-left:1px solid #dad8d8;
			border-top:1px solid #dad8d8;
			border-bottom:2px solid #dad8d8;
			h2 {
				font-size:18px;
				margin:10px 10px 5px 18px;
			}
			p {
				font-size:12px;
				line-height:16px;
				width:266px;
				margin:0 31px 0 18px;
			}
		}
		.actualite.last {
			margin-left:19px;
		}
	}
	section#btn_infos {
		float:right;
		margin-top:29px;
		a {
			display:block;
			font-size:22px;
			width:314px;
			height:88px;
			line-height:88px;
			text-indent:94px;
			margin-bottom:16px;
			border-right:1px solid #dad8d8;
			border-left:1px solid #dad8d8;
			border-top:1px solid #dad8d8;
			border-bottom:2px solid #dad8d8;
			color:#FFF;
			text-transform:uppercase;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		}
		a.last {
			margin:0;
		}
		#marche_publics {
			background: url(../images/homepage/marche-public-cargese.jpg);
		}
		#annonces_legales {
			background: url(../images/homepage/annonces-legales-cargese.jpg);
		}
		#reglementation {
			background: url(../images/homepage/reglementation-cargese.jpg);

		}
		#plan_local {
			font-size:18px;
			background: url(../images/homepage/annonces-legales-cargese.jpg);
		}
		#cantine {
			background: url(../images/homepage/cantine.jpg);
		}
	}
}



#page_infos2 {
  float:left;
  position:relative;
  background:#FFF;
  color:#5f6060;
  width:100%;
  height:auto;
  border-top:1px solid #d7d5d5;
  border-left:1px solid #d7d5d5;
  border-right:1px solid #d7d5d5;
  border-bottom:2px solid #d7d5d5;
  font-size:13px;
  img {
    float:left;
    margin:0 23px 25px 0;
  }
  .actu_intro {
    margin-left:20px;
    margin-right:20px;
    h1 {
      font-size:25px;
      font-weight:bold;
      margin:20px 0 15px 0;

    }
    p	{
      font-size:13px;
      line-height:20px;
      padding-right:20px;

    }
  }
  .actu_desc {
    clear:both;
    font-size:13px;
    width:598px;
    padding:0 20px 10px 20px;
    line-height:20px;
    margin-top: 20px;
  }
  .link_actu {
    float: left;
    width: 100%;
    margin:13px 0 30px 58px;
    span {
      display:block;
      float:left;
      margin-right: 5px;
    }
    img {
      display:inline;
      margin: 0;
    }
    a {
      background:url(../images/general/fleche-grise-bis.png) no-repeat 0 7px;
      padding-left:16px;
      display:block;
      width:90%;
      float:left;
      color:#005baa;
      font-size:15px;
      text-decoration:underline;
      margin-bottom: 10px;

    }
  }
  #demande {
    text-align:center;
    color:#FFF;
    display:block;
    width:150px;
    height:19px;
    line-height:19px;
    background:#ec6300;
    font-size:10px;
    text-transform:uppercase;
    position:absolute;
    top:402px;
    right:25px;
  }
  #contact {
    float:left;
    border-top:1px solid #d5d3d3;
    height:auto;
    width:624px;
    padding:14px 0 0 14px;
    span {
      display:block;
    }
    span.titre {
      font-size:18px;
      margin-bottom:12px;
    }
    span#civilite {
      margin-bottom:17px;
    }
    span#contact_tel {
      background:url(../images/general/icon-phone.png) no-repeat;
      padding-left:37px;
      height:25px;
      line-height:25px;
      float:left;
      margin-right:25px;
    }
    a {
      color:#5f6060;
      background:url(../images/general/icon-mail.png) no-repeat 0 3px;
      padding-left:30px;
      line-height:25px;

    }
  }
}
















/* =========================
   page
========================== */
#page {
	#page_infos {
		float:left;
		position:relative;
		background:#FFF;
		color:#5f6060;
		width:647px;
		height:auto;
		border-top:1px solid #d7d5d5;
		border-left:1px solid #d7d5d5;
		border-right:1px solid #d7d5d5;
		border-bottom:2px solid #d7d5d5;
		font-size:13px;
		img {
			float:left;
			margin:0 23px 25px 0;
		}
		.actu_intro {
			margin-left:20px;
			margin-right:20px;
			h1 {
				font-size:25px;
				font-weight:bold;
				margin:20px 0 15px 0;

			}
			p	{
				font-size:13px;
				line-height:20px;
				padding-right:20px;

			}
		}
		.actu_desc {
			clear:both;
			font-size:13px;
			width:598px;
			padding:0 20px 10px 20px;
			line-height:20px;
			margin-top: 20px;
		}
		.link_actu {
			float: left;
			width: 100%;
			margin:13px 0 30px 58px;
			span {
				display:block;
				float:left;
				margin-right: 5px;
			}
			img {
				display:inline;
				margin: 0;
			}
			a {
				background:url(../images/general/fleche-grise-bis.png) no-repeat 0 7px;
				padding-left:16px;
				display:block;
				width:90%;
				float:left;
				color:#005baa;
				font-size:15px;
				text-decoration:underline;
				margin-bottom: 10px;

			}
		}
		#demande {
			text-align:center;
			color:#FFF;
			display:block;
			width:150px;
			height:19px;
			line-height:19px;
			background:#ec6300;
			font-size:10px;
			text-transform:uppercase;
			position:absolute;
			top:402px;
			right:25px;
		}
		#contact {
			float:left;
			border-top:1px solid #d5d3d3;
			height:auto;
			width:624px;
			padding:14px 0 0 14px;
			span {
				display:block;
			}
			span.titre {
				font-size:18px;
				margin-bottom:12px;
			}
			span#civilite {
				margin-bottom:17px;
			}
			span#contact_tel {
				background:url(../images/general/icon-phone.png) no-repeat;
				padding-left:37px;
				height:25px;
				line-height:25px;
				float:left;
				margin-right:25px;
			}
			a {
				color:#5f6060;
				background:url(../images/general/icon-mail.png) no-repeat 0 3px;
				padding-left:30px;
				line-height:25px;

			}
		}
	}
	#rightcol {
		float:right;
		background:#FFF;
		border-top:1px solid #d7d5d5;
		border-left:1px solid #d7d5d5;
		border-right:1px solid #d7d5d5;
		border-bottom:2px solid #d7d5d5;
		width:313px;
		height:561px;
		span.titre {
			height:55px;
			line-height:55px;
			width:313px;
			text-indent:28px;
			display:block;
			background:url(../images/general/titre-manquez-pas.gif);
			text-transform:uppercase;
			color:#FFF;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:18px;
		}
		.actu {
			height:113px;
			border-bottom:1px solid #d7d5d5;
			img {
				float:left;
				margin:17px 12px 0 18px;
			}
			div {
				float:left;
				margin-top:17px;
				width:193px;
				color:#787a7b;
				h2 {
					color:#787a7b;
					font-size:15px;
					font-weight:bold;
				}
				p {
					font-size:13px;
				}
			}
		}
		.actu.last {
			border:0;
		}
		a#actu_all {
			text-transform:uppercase;
			color:#787a7b;
			font-size:13px;
			background:url(../images/general/actualite/actu-link-bg.gif) no-repeat 250px top;
			height:19px;
			line-height:19px;
			margin-top:20px;
			padding-right:32px;
			display:block;
			text-align:center;
		}
	}
}


/*hack ie7*/
*+html form#search {
	margin-top:10px;
}

.tableau {
	margin: 30px 20px;

}

.tableau #entete{
	background: 	url("http://www.cargese.fr/css/../images/general/conteneur-bg.jpg") repeat-x scroll center top rgba(0, 0,0,0);
	color:			#fff;
	font-weight:	bold;
}

.tableau #entete td{
	padding:		5px;
	border:				solid 1px #174974;
}

.tableau .cell {
	border:				solid 1px #174974;
	text-align:			center;
}

.tableau .lignePj {
	background: none repeat scroll 0 0 #C7DBF1;
}

.pict {
	margin:				0px!important;
	float:				none!important;
    width:				24px;
    height:				24px;
}

img[id^=showPj]{
	cursor:				pointer;
}

#noTable{
	text-align:			center;
	margin-bottom:		20px;
}