/* CSS Document */
.errorField {
	background-color:#BCD093;
	}
/* Administration */
#menuadmin {
	
	width: 683px;
	margin: 0 auto auto 48;
	padding-top: 40px;
	background-color: #C6AB7A;
	height: 50px;
}
span.lab {
	font-weight: bold;
	margin-left: 20px;
	
	}
span.field1 {
	margin-left: 20px;
	}
#contentadmin {
	width: 683px;
	margin: 0 auto 30 47;
	background-color: #EEF3E3;

}
#contentadmin > h1 {
	margin-left: 30px;
	margin-top: 30px;
	color: black;
	font-size: 14px;
	font-weight: bold;
	
	}
table.adminList {
	
	margin-top : 20px;
	margin-left: 20px;
	border-color: black;
	border-width: thin;
	border-style: solid;	
	width: 650px;
}
table.adminList td {
	padding-left: 5px;	
	}
table.adminList td.footer {
	background-color:white;
	text-align:center;
	font-weight:bold;
	padding-top: 5px;
	height: 15px;	
	}

table.adminList a {
	font-weight:bold;
	text-decoration: none;
	color: black;
	font-weight: bold;
	}

table.adminList th {
	background-color:white;
	text-align: left;
	}
table.adminList CAPTION{
	font-size: 14px;
	font-weight: bold;
	margin-top: 30px;
	}

#contentadmin h1 a {
	margin-left: 130px;
	}

form {
	margin: 30 auto auto 30;
	}
label {
	font-weight:bold;
	margin-left:5px;
	margin-right: 30px;
	}
input, select {
	margin-top: 20px;
	border: solid 1px black;
	background-color: white;
	}
#cond, #labelDiv {
	
	width: 150px;
	}
#cond option {

	margin: 0; padding: 0;
	}
option {margin: 0; padding: 0; font-size: 10px}
input.ck {
	border: none;
	background-color: transparent;
	}
input.button {
	margin-left:100px;
	background-color: white;
	border: solid 1px black;
	
	}

ul.error {
	list-style-type: square;
	
	}
ul.error li {
	color: olive;
	}
/* general */
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.publicListing {
	margin-top:20px; margin-bottom:10px;
	width: 400px; background-color: white;margin-bottom: 20px;
	background-image: url("img/etiquette.png");
	background-repeat: no-repeat;
	background-position: top;
	border: 1px solid #600;
	border-top:none;
	border-left: none;
	}
.publicListing div {
	margin:0;padding:0;
	margin-top:5px;	
	padding-top:5px;
	padding-bottom:5px;
	border-left: 1px solid #600;


	}
.publicListing div p.labels {
	margin:0; padding:0;
	width: 399px;background-color: #FFEFB0;
	border: none;
	border-top: 1px solid #600;
	border-bottom: 1px solid #600;
	}
	.publicListing h2 {
	margin: 0;padding: 0;
	}
.publicListing h2 a {
	float: right;
	margin-right: 5px;
	margin-top: -10px;
	text-decoration: none;	
	color: #761730;
	}

.decalRight {
	margin-left: 80px
	}
h2 {
	margin: 0;
	padding: 0;
	color: #549BCB;

	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 7px;
}
h2.texte {color: black !important;}
/* page accueil*/


td {
	vertical-align: top;
	padding-right: 5;
}

td.event {
	margin: 0;
	padding: 0;
}

th {
	text-align: center;
}

a {
	color: #155577;
	outline: none;
}
.legend a {font-size: inherit;}
a:hover {
	text-decoration: none;
}

em {
	text-decoration: underline;
	font-style: italic;
	font-size: 11px;
	color: black;
}

h1 {
	margin: 0;;
	padding: 0;
	padding-bottom: 0px !important;
	color: #155577;
	font-size: 14px;
}



p.date {

	font-style: italic;
	text-align: right;

}

td.event  p.date {
	background-color: #E9E2D6;
	margin: 5;
	padding: 4;
	}
td.actualite h2.date img {
	margin-right: 30px;
	}
td.event p {
	margin: 5;;
	padding: 4;
	text-align: right;
}

td.actualite {
	margin: 5;;
	padding: 4;
	margin-left: 10;
	margin-right: 10;
	padding-left: 20;;
	height: 450px;
}


td.actualite p {

	margin-top: 20px;;
	margin-bottom: 20px;
}

td.actualite img.fright {
	float: right;
	margin-left: 15;
		margin-top:10px;
	margin-bottom: 5px;
	
	/*border: solid 1px black;*/
}

td.actualite img.fleft {
	float: left;
	margin-right: 15;
	margin-top:10px;
	margin-bottom: 5px;
	/*border: solid 1px black;*/
	
}
.noborder {border: none !important; }
li.noborder {padding-bottom: 15px;}
td.actualite img.border {
		border: solid 1px black;
		
	}

p.date span {
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
}

p.date span.ville {
	text-transform: none;;
	color: #81AD3A;
}

p.concours {background-color: #FFF; }
p.concours a {color: #81AD3A;}
td h1 img,td h2 img {
	
	margin: 0;;
	padding: 0;
}

td h2 img {	vertical-align: bottom;
	float: left;}

td.event img, td.event h2 img {vertical-align: bottom;
	float: left;margin-right: 5px;}
td.actualite h1{
	
	width: 100%;
	border-bottom-color: #155577;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	
	padding-bottom: 10px;

	

}

td.actualite h1 img {padding: 0;
	margin: 0;}
td.actualite h1 span,td.actualite h2 span {
	float: right;
	display: inline;
}

td.actualite h1 span img,td.actualite h2 span img {
	padding: 0;;
	margin: 0;
}

td.actualite h1 span a,td.actualite h2 span a {
	color: #000000;
	text-decoration: none;
	

}


/* FIN page accueil*/
img {
	border: none;
}
img.postit {
	margin-left:50px;
	width: 20%;
	height: 20%;	}
img.publicPostit {
	margin-left: 0px;
	margin-right:0px;
	margin-top: 10px;
	width: 130px;
	border: 1px black solid;
	}
img.publicEvent {
	margin-left: 7px;
	margin-top: 10px;
	width: 200px;
	border: thin black solid;
	}

td.abstract {
	background-color: #E9E2D6;
	}
#screen {
	background-image: url(img/screen.jpg);
	margin: 0;
	height: 100%;
}

#shadow {
	margin: 0 auto auto 0;
	width: 780px;
	left: 50%;
	margin-left: -390px;
	position: absolute;
	background-color: #AD8E5F;
	padding: 0 4 4 3;
}

#container { /*margin:0 auto auto auto;*/
	text-align: left;
	width: 780px;
	/*left: 50%;*/ /*margin-left: -390px;*/
	background-image: url(img/texture-nature.jpg);
	background-color: #39210A;
	background-position: top;
	background-repeat: no-repeat;
	/*position:absolute;*/
	border-left: 2px solid #330000;
	border-right: 2px solid #330000;
	border-bottom: 2px solid #330000;
}

.actualite ul {
	list-style-type: square;
}

.actualite ul li {
	color: #761730;
}

p.legend {
	width: 100%;
	text-align: right;
	font-size: 9px;
}

#menu {
	background-image: url(img/le-vigan.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 252px;
	width: 682px;
	margin: 0 auto auto 47;
	
}
#lang {margin:0; padding:0;position: absolute;top: 10px; left: 755px}
#lang ul {margin:0; padding:0;list-style-type: none; }
#lang li {margin:0; padding:0; padding-top: 5px;margin-top: 5px; padding-left: 2px; }

/* commom style for all browsers */
#content {
	width: 685px;
	margin: 0 auto auto 45;
	background-color: #EEF3E3;
	position: relative;
	
}
.accueil {
	   background-image: url(img/garcon.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}

#menu ul.menu-text {
	width: 650px;
	float: left;
	margin-top: 145px;
	padding-left: 60px;
list-style-type: none;
	
}

ul.menu-text {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu ul.menu-text-de {
	padding-left: 50px !important;
	
}

span.selected {
	color: #b2bfcf;
	}
#container ul.menu-text {
	text-align: center;
}

ul.menu-text a {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

ul.info a {
	color: #EEF3E3;
	font-weight: normal;
}

#container ul.menu-text a:hover {
	color: #FFCC00;
}

ul.menu-text li {
	display: inline;
	padding-left: 30px;
	padding-right: 30px;
	background-image: url(img/menu-sep.gif);
	background-position: left;
	background-repeat: no-repeat;
}

ul.menu-text-de li {padding-left: 20px !important;
	padding-right: 20px !important;}


ul.menu-text li.nosep {
	background-image: none !important;
}


/* sous menu */
ul.submenu {
	background-color: #E3EBCF;
	border: 1px solid #761730;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-top: 10px;
	display: none;
	padding-left: 2px;
}
#hebergement,#restauration,#decouvrir,#activites,#territoire,#quotidien,#agenda,#terroir {display: none;}
ul.submenu li { border-bottom: 1px solid #761730; margin-top: 15px; margin-bottom: 15px; vertical-align: middle;}


ul.submenu  li  a {		
	text-decoration: none;
	font-weight: bold;
	width: 100%;
	font-size: 10px;

	
}
 ul.submenu li a.level3 {padding-left: 5px;text-indent: 0px; word-spacing: -1px}
ul.submenu li  span{
	font-weight: bold;


	word-spacing: -1px;
}

ul.submenu li.final a span  { cursor: pointer; height: 29px}


ul.submenu li a:hover,ul.menu-text li a:hover {color: #761730;text-decoration: none;}

ul.submenu li a:hover {background-color: #BCD093;}
ul.submenu li.last {border-bottom: none !important;}


/*surbrillance*/

#xsnazzy h1, #xsnazzy h2  {margin:0 10px; letter-spacing:1px;}
#xsnazzy p {margin: 0;margin-left: 20px;margin-right: 10px;}
#xsnazzy p, #xsnazzy span, #xsnazzy div {color: #59666C}
#xsnazzy h1 {font-size:11px; font-weight:bold; color:#549BCB; border: none;}
#xsnazzy p {padding-bottom:0.5em; }
#xsnazzy {background: transparent; margin:1em; width: 400px; margin-left: 0px;}
#xsnazzy #top {background: transparent url("img/cadret.gif");}
#xsnazzy #bottom {background: transparent url("img/cadreb.gif");}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#FFF; border-left:1px solid #99BE61; border-right:1px solid #99BE61;}
.xb1 {margin:0 5px; background:#99BE61;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#FFF; border:0 solid #99BE61; border-width:0 1px;}
/*pdf et carte*/
p.doc {text-align: right !important;margin: 0;padding: 0; margin-top: 0px !important;margin-bottom: 0px !important;}
p.doc a {text-decoration: none; font-weight: bold;}
p.adresse {padding-left: 40px; }
ul.horaire { list-style-position: inside;}
ul.incontournable {list-style-position: inside; margin-left: 50px; width: 350px; }

/*information ot*/
p.ot {

	 border-bottom: #8D977E solid 1px;
	 border-top: #8D977E solid 1px;
	 text-align:left !important;
	 padding-left: 40px;
	 background-image: url("img/icone/information.png");

	 color: #8D977E;
		background-position: left center;
		background-repeat: no-repeat;
		background-color:#F5F8EF;
	 padding-top: 10px;
	 padding-bottom: 10px;
	 padding-right: 10px;
	 
}
.rando {

	 background-image: url("img/icone/rando.png") !important;
	}
.bus {
	background-image: url("img/icone/bus.png") !important;
	}
.strg {font-weight: bold;}

#legende {float: left;width: 480px; height: 469px;background-image: url("img/legende.png"); background-repeat: no-repeat;  padding-top: 50px; float: left;margin-right: 5px;}

#legtexte {width: 200px; height: auto; font-style: italic; margin-left: 100px; }
#legtexte h2 {color: #474142 !important;}
#legtexte p {color: #7C7072 !important}

.sep {position:relative; background-image: url("img/border/sep.gif"); background-repeat: repeat-x;background-position: bottom;}
.sep2 {position:relative; background-image: url("img/border/sep.gif"); background-repeat: repeat-x;background-position: top;}
/*sous menu droite & recherche*/

div.menu_right {margin:0; padding:0;   width: 153px;margin-right: 0px;position: relative;z-index: 15}
		form.search {  margin:0; padding:0;background-color: #FFF; border: #E3EBCF solid 2px; }
		div.box_top {background:#EEF3E3 url(/otlevigan/img/c_tl.gif) bottom  no-repeat; padding:0; margin:0;height: 15px; margin-top: 5px;width: 150px;}
	 	div.box_bottom {background:#E3EBCF  top  no-repeat; padding:0; margin:0;height: 15px}
	
	 	#labelDiv {margin-top: 20px;background-color: #FFF}
		.white {background-color: white !important;}
/*couleurs liens par themes*/


#decouvrir a, .decouvrir li, .decouvrir li:hover , .decouvrir a {color: #761730 !important; }
.decouvrir h1 {border-color: #761730 !important;}

 #activites a, .green li , .green a, .activites a, .activites green {color: #5E7B17 !important; }
.activites h1, .green h1 {border-color: #5E7B17 !important; color: #5E7B17 !important;}

#terroir a, .red li, .red a {color: #762016 !important;}
.red h1 {border-color: #762016 !important;}

#hebergement a, .hebergement li, .hebergement a {color: #DA6F1F !important;}
.hebergement h1 {color: #DA6F1F !important;border-color: #DA6F1F !important; }

#restauration a, .restauration li, .restauration a {color: #A0801B !important;}
.restauration h1 {color: #A0801B !important;border-color: #A0801B !important; }

#agenda a, .agenda li, .agenda a {color: #155577 !important;}
.agenda h1 {color: #155577 !important;border-color: #155577 !important; }

#territoire a, .territoire li, .territoire a {color: #152C77 !important;}
.territoire h1 {color: #152C77 !important;border-color: #152C77 !important; }
 
#quotidien a,  .quotidien a {color: #B7209C !important;}
.quotidien li {color: #000 !important;}
.quotidien h1 {color: #B7209C !important;border-color: #B7209C !important; }