@charset "utf-8";

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

/*
Element base
*/
h1 {
	font-size: 16px;
	font-weight: bolder;
	padding-top: 3px;
	padding-bottom: 3px;
}

h2 {
	font-size: 16px;
	font-weight: bolder;
	color: #312E25;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
}

h2 a {
	text-decoration: none;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #900;
	text-decoration: none;
	margin-bottom:3px;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	color: #55A616;
	text-decoration: none;
}

h5 {
}

a {
	color:#312E25
}

/*
Element texte
*/
.TexteMini {
	font-size: 10px;
}

/* PUB */
#PubICI {
	position:absolute;
	bottom:0px;
	left:-1px;
	width:294px;
	height:10px;
	padding:2px;
	padding-right:10px;
	background-color: #55A616;
	opacity: 0.5;
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.alpha( opacity=50);
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
}
#PubICILien{
	display:block;
	text-align:right;
	font-size: 10px;
	font-weight: bold;
	color: #000;
}
#PubICILien a{
	text-decoration: none;
}
/*
Barre de menu haut
*/
#BarreMenu {
	width:100%;
	background-image: url(/charte/FondOmbreBarreHaut.png);
	background-repeat: repeat-x;
	padding-top:3px;
	height:25px;
}

#BarreMenuGauche {
	text-align:left;
	/*width:470px;*/
	float:left;
	padding-left:10px;
	padding-right:10px;
}

#BarreMenuCentre {
	text-align:center;
	padding-left:10px;
	padding-right:10px;
}

#Bar {
	position: absolute;
	left: 50%;
	margin-left: -300px;
	top:0px;
	width: 500px;
	height:80px;
	overflow:hidden;
}

#BarreMenuDroite {
	text-align:right;
	/*width:470px;*/
	float:right;
	padding-left:10px;
	padding-right:10px;
}

/*
*/
#header {
	margin-top:15px;
}

#ImgAttente {
	position: absolute;
	right: 2px;
	top:40px;
	width: 200px;
	height: 80px;
	background-color:#0CC;
	text-align:center;
}

/*

*/
#fixeContour {
	width:100%;
	position: fixed;
	z-index: 90000; /* place ce div au dessus des autres */
	left: 0px;
	top: 0px;
}

#ContourSite {
	width:950px;
	margin-top:140px;
	margin-left:auto;
	margin-right:auto;/*border: 1px solid #CCC;*/
}

#ContourPlus {
	width:100%;
	position:relative;
	background-color:#fff;
}

#ContourSiteHaut {
	position:relative;
	width:950px;
	height:150px;
	margin-left:auto;
	margin-right:auto;/*border: 1px solid #CCC;*/
}

#Logo {
	text-align:center;
	width:250px;
	height:127px;
	float:left;
	margin-top:-20px;
	margin-left:30px;
}

.Logo_txt {
	color: #1A481A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	margin-bottom:5px;
}

#Recherche {
	height:70px;
	margin-top:30px;
	margin-right:220px;
	float:right;
}

#Contenu {
}

#Pub300x250 {
	width:300px;
	height:250px;
}

#LesTitres {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	color: #459E00;
	text-decoration: none;
}

#LesTitres a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	color: #459E00;
	text-decoration: none;
}

#LesTitres a:hover {
	text-decoration: underline;
}

#LesTitres .Date {
	font-size: 10px;
	font-weight: normal;
}

.LienPlusInfo {
	position:absolute;
	bottom:3px;
	right:5px;
}

.LienPlusInfo a {
	font-size: 10px;
	text-decoration: none;
}

.LienAnnonceGratuite {
	position:absolute;
	bottom:3px;
	left:5px;
}

.LienPlusInfo a:hover {
	text-decoration: underline;
}

.LienPlusDetail {
	font-size: 10px;
	text-decoration: none;
}

.LienPlusDetail a {
	font-size: 10px;
}

.LienPlusDetail :hover {
	text-decoration: underline;
}

/******************************/
/* Template mise en page site */
.TPLColonne {
	position:relative;
}

/*
TPL 1 -> 2 colonnes
*/
.TPL01Col-Gauche {
	margin-top:10px;
	width:630px;
	float:left;
}

.TPL01Col-Droite {
	margin-top:10px;
	width:300px;
	float:right;
}

/* TPL 2 -> 2 colonnes imbriqués dans TPL 1 */
.TPL02Col-Gauche {
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	width:290px;
	float:left;
	overflow:hidden;
}

.TPL02Col-Droite {
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	width:290px;
	float:right;
	overflow:hidden;
}

/* TPL 3 -> 2 colonnes sur tout la largeur */
.TPL03Col-Gauche {
	margin-top:10px;
	width:470px;
	float:left;
}

.TPL03Col-Droite {
	margin-top:10px;
	width:470px;
	float:right;
}

/* TPL 4 -> 3 colonnes répartie sur tout la largeur */
.TPL04Col-Gauche {
	margin-top:10px;
	width:310px;
	float:left;
}

.TPL04Col-Centre {
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	width:310px;
	float:left;
}

.TPL04Col-Droite {
	margin-top:10px;
	width:310px;
	float:right;
}

/* TPL 5 -> 2 colonnes sur tout la largeur dans un onglet tabs */
.TPL05Col-Gauche {
	margin-top:10px;
	width:430px;
	float:left;
}

.TPL05Col-Droite {
	margin-top:10px;
	width:430px;
	float:right;
}

/* TPL 6 -> 1 colonnes imbriqués dans TPL 1 l' une a la suite de l'autre */
.TPL06Col-Unique {
	margin-top:5px;
	margin-right:5px;
	width:300px;
	float:left;
	overflow:hidden;
}

/******************************/
/* 2Colonnes dans tabs large  */
.ColTabs630-Gauche {
	width:170px;
	float:left;
}

.ColTabs630-Droite {
	width:400px;
	float:right;
}

/*
ui.Tabs
*/
#tabsAccueil {
	height:252px;
}

.uiTable th {
	background-color:#53A514;
	height:25px;
	color:#FFF;
	padding-left:5px;
	padding-right:5px;
}

.uiTable td {
	height:25px;
	padding-left:5px;
	padding-right:5px;
}

.uiTable {
	background-color:#FAF9F2;
}

.uiTable .LigneSelected {
	background-color:#D4CCB0;
}

.uiTable tbody tr:hover {
	background-color:#BFF394;
}

/*
Formulaires
*/
.form fieldset {
	padding:10px;
	mini-height:160px;
}

.form legend {
	height:24px;
	padding-left:10px;
	padding-right:10px;
	font-size:14px;
	font-weight: bolder;
}

.form input {
	width:100%;
}

/*
Formulaire profil
*/
.Formulaire {
	width:400px;
	font-size: 12px;
}

.Formulaire label {
	font-size: 12px;
	color: #D82D2D;
	font-weight: bold;
	display: inline;
	float: left;
	width: 180px;
}

.Formulaire input {
	border: 1px solid #80A400;
	margin-bottom: 5px;
}

.Formulaire select {
	border: 1px solid #80A400;
	margin-bottom: 5px;
	width:145px;
}

.Formulaire textarea {
	border: 1px solid #80A400;
	margin-bottom: 5px;
}

.FormulaireBouton {
	color: #FFFFFF;
	background-color: #54A515;
	border: 1px solid #7C9E00;
	font-weight: bold;
	background-image: url(/Images/Footer.png);
	height: 25px;
	-moz-border-radius:5px 5px;
	padding-bottom: 3px;
}

.FormulaireBouton:hover {
	color: #333333;
}

.FormulaireBoutonpetit {
	color: #FFFFFF;
	background-color: #82A600;
	border: 1px solid #7C9E00;
	font-weight: bold;
	background-image: url(/Images/Footer.png);
	height: 16px;
	-moz-border-radius:5px 5px;
	padding-bottom: 2px;
}

.FormulaireBoutonpetit:hover {
	color: #333333;
}

/*
Page evenement
*/
.evenement {
	margin-top:10px;
	text-align: justify;
}

.evenement .titre {
	position:relative;
}

.evenement .Date {
	position:absolute;
	top:5px;
	right:10px;
	width:250px;
	text-align:right;
	font-size:10px;
}

.evenement .image {
}

.evenement .resumer {
	padding-right:10px;
	text-align: justify;
}

.evenement .lien {
	padding-right:10px;
	text-align:right;
}

.evenement img {
	margin-right: 10px;
	margin-bottom: 5px;
}

/*
Page annuaire
*/
.Annuaire {
}

.Annuaire .DivItem {
	float: left;
	width: 150px;
	border: 1px dashed #CCC;
	text-align:center;
	margin-left:5px;
	margin-bottom:5px;
	cursor:pointer;
}

.Annuaire .ItemLien {
	display:block;
	height:100%;
	width:100%;
	color: #333;
	text-decoration: none;
	padding-top:5px;
	padding-bottom:5px;
}

.Annuaire .DivItem:hover {
	border: 1px dashed #52A412;
}

.Annuaire .Bandeau {
	padding:5px;
	margin-bottom:10px;
}

.Annuaire .nbrPage {
	width:250px;
	float:left;
	text-align:left;
	color:#999;
	padding-right:10px;
}

.Annuaire .nbrResult {
	width:180px;
	float:right;
	text-align:right;
	color:#999;
	padding-right:10px;
}

.Annuaire .PageParPage {
	width:180px;
	float:left;
	text-align:left;
	padding-left:10px;
}

/*
Page Album
*/
.Album {
	position:relative;
}

.Album .DivItem {
	float: left;
	width: 150px;
	border: 1px dashed #CCC;
	text-align:center;
	margin-left:5px;
	margin-bottom:5px;
	cursor:pointer;
}

.Album .ItemLien {
	display:block;
	height:100%;
	width:100%;
	color: #333;
	text-decoration: none;
	padding-top:5px;
	padding-bottom:5px;
}

.Album .DivItem:hover {
	border: 1px dashed #52A412;
}

.Album .Bandeau {
	padding:5px;
	margin-bottom:10px;
}

.Album .nbrPage {
	width:250px;
	float:left;
	text-align:left;
	color:#999;
	padding-right:10px;
}

.Album .nbrResult {
	width:180px;
	float:right;
	text-align:right;
	color:#999;
	padding-right:10px;
}

.Album .PageParPage {
	width:180px;
	float:left;
	text-align:left;
	padding-left:10px;
}

.Album .AlbumThumbs {
	position:relative;
	display:block;
	float:left;
	width:135px;
	height:90px;
	margin-top:10px;
	margin-left:10px;
}

.Album #optionimg {
	position:absolute;
	width:130px;
	bottom:0px;
}

/*
Annonces
*/
.Annonces {
}

.Annonces .Option0 {
	background-color: #CCC;
}

/*
MENU DU JOUR
*/
#MenuDuJour li {
	list-style-type: none;
	padding-left:10px;
	padding-right:10px;
	cursor:pointer;
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
}

#MenuDuJour li:hover {
	background-color: #CFC6A5;
}

.MenuDuJourlihover {
	background-color: #CFC6A5;
}

.DateAnnonce {
	width:200px;
	height:16px;
	float:left;
	font-size:9px;
	padding-top:3px;
}

/*
FOOTER
*/
#footer {
	margin-top:10px;
	padding:15px;
}

#footer a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #54A515;
	text-decoration: none;
}

#copyright {
	font-size:10px;
	padding-right:15px;
	text-align:right;
}

/*
Plugins
*/
