/* GENERAL */

a{
	color:#8DBB01;
	text-decoration:underline;
}

a:hover{
	text-decoration:underline;
}

H1{
	color:#8CBB00;
	font-size: 24px;
	font-family:Verdana, Geneva, sans-serif;
	padding-left: 4px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #8CBB00;
	}

H2{
	color:#8CBB00;
	font-size: 16px;
	font-family:Verdana, Geneva, sans-serif;
	padding-left:15px;
}

H3{
	color:#454E57;
	font-size: 12px;
	font-family:Verdana, Geneva, sans-serif;
	background-color: #F4FFFF;
	margin: 8px;
	padding: 5px;
	border: 1px dotted #454E57;
}


.navlink{
	color: #8DBB01;
	text-decoration:none;
	font-weight: bold;
}



#navInterne{
	display:block;
	width:144px;
	height:auto;
}

.navItem{
	display:block;
	width:144px;
	height:21px;
	background-image: url(../tourisme/img/fond_navInterne.gif);
}

.navInterneArrow{
	color: #C2CAC3;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}

#navInterne a{
	color: #45678B;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-decoration:none;
}

#flags{
	margin:0 0 15px 0;
	text-align:center;
}

#flags a{
	margin: 0 5px 0 5px;
}

/* POSITIONNEMENT DES CONTENUS (LAYERS) */
#contenu {
	position:absolute; 
	left: 226px; 
	top: 326px; 
	width:750px;  
	z-index:1
}
TD#zonecontenu	{
	padding-top: 5px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 30px;
	width:528px;
	vertical-align:top; 
}

#localisation {
	position:absolute; 
	left: 230px; 
	top: 296px; 
	width:525px;  
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .6em;
	line-height: 1.1em;
}

#animation {
	position:absolute; 
	left: 0px; 
	top: 0px; 
	width:260px; 
	height:281px; 
	z-index:2;
	background-image: url(../tourisme/img/animation.jpg);
}

#tetiere {
	position:absolute;
	left:0px;
	top:0px;
	width:1004px;
	height:255px;
	z-index:1;
}
#content {
	position:absolute;
	left:0px;
	top:236px;
	width:900px;
	z-index:1;
}

#navAccRapide {
	position:absolute; 
	left: 45px; 
	top: 288px; 
	width:150px; 
	height:65px; 
	z-index:1
}

/* BREVES */

.titrebreve {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8DBB01;
	font-weight: bold;
}

.titrebreve a{
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8DBB01;
	font-weight: bold;
	text-decoration:none;
}

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




/* NAVIGATION GAUCHE (NAVLEFT) */

TD#navleftcontent	{
	background-image: url(../tourisme/img/degrade.jpg);
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	background-repeat: repeat;
}


/* default styles for extension "jm_gallery" */
.tx-jmgallery-pi1 H2 {display:none;}
.jm-gallery-td { font: 12px Arial, Helvetica, sans-serif; color: #7399AD; padding-left: 5px; padding-right: 5px; vertical-align: top; }
.jm-gallery-td-header { border-bottom: 1px solid black; font-weight: bold; text-align: left; padding-left: 5px; }		
.jm-gallery-td-category { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7399AD;
	font-weight: bold;
	text-align: left; 
	padding-top: 5px; 
	padding-bottom: 15px; 
}
.jm-gallery-td-category H3 {display:none;}
.jm-gallery-select { font: 12px Arial, Helvetica, sans-serif; vertical-align:top; width: 150px; }
.jm-gallery-input { font: 12px Arial, Helvetica, sans-serif; vertical-align:top; border: 1px solid #D1D7DC; padding-right: 3px; padding-left: 3px;}
.jm-gallery-textarea { font: 11px Arial, Helvetica, sans-serif; vertical-align:top; border: 1px solid #D1D7DC; padding-right: 3px; padding-left: 3px;}
.jm-gallery-td-name { padding-left: 5px; padding-right: 5px; color: #06c; }
.jm-gallery-span-upload-title { color: #06c; }




/* MENUS TOURISME */

.ulmenu {
  width: 163px;                 /* sets the size of the menu blocks */
  padding: 0;           /* stops the usual indent from ul */
  margin: 0;            /* Opera 7 final's margin and margin-box model cause problems */
  cursor: default;             /* gives an arrow cursor */
}

.limenu {
	display:block;
	width:163px;
	height:19px;
	padding: 0;           /* stops the usual indent from ul */
  	margin: 0;            /* Opera 7 final's margin and margin-box model cause problems */
}

.limenu a {
	box-sizing: border-box;			/* IE non W3C box model workaround -> affects mozilla and opera */
	-moz-box-sizing: border-box;

	list-style-type: none;       /* removes the bullet points */
	padding:0;
	margin:0px;position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
									  the lack of offset makes these appear normal, but it will make a difference
									  to the absolutely positioned child */
	display:block;
	width:163px;
	height:18px;
	background-color: #99CC00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
	
}
.limenu a:hover {
	background-color: #AFE900;
	text-decoration:none;
}

.color_m1 {
	color: #FF6600;
}
.color_m2 {
	color: #99CCFF;
}
.color_m3 {
	color: #CC66CC;
}
.color_m4 {
	color: #FF9900;
}
.color_m5 {
	color: #FFCC00;
}


/* MISE EN PAGE HOME TOURISME */

TABLE#table_tourisme    {
	margin: 6px;
}

TD#col1	{
	width:144px;
	vertical-align:top;
	padding:20px;
}

TD#col2	{
	width:525px;
	vertical-align:top;
	padding:20px;
}

TD#col3	{
	width:201px;
	vertical-align:top;
	padding:20px;
} 

/* PIED DE PAGE */

TABLE#pied    {
	width:727px;
	border-collapse: collapse;
}

TD#piedcell1	{
	width:81px;
	vertical-align:top;
	padding:0px;
}
TD#piedcell2	{
	vertical-align:top;
	padding:0px;
}
.imgpied{
	display:block;
	vertical-align:top;
}
TD#piedcomment	{
	vertical-align:top;
}
TABLE#piedtext    {
	width:100%;
	margin-left:5px;
	border-collapse:collapse;
}
.piedgreytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #989898;
	text-align:right;
	vertical-align:top;
}
.piedblacktext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	vertical-align:top;	
}
.piedLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	vertical-align:top;
	text-decoration:none;	
}
.piedgreylink {
	color: #989898;
}


.rechercheKeyword {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	width:120px;
	<!--[if !IE]><!-->
	height:13px;
	<!--><![endif]-->
	<!--[if IE]>
	height:20px;
	<![endif]-->
	display:block;
	margin-top:2px;
	margin-bottom:2px;
}