/* CSS Document */

html {
	height: 100%;
}
body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
form, map, h1, h2, h3, h4, ul {
	margin: 0px;
	padding: 0px;
	border: none;
}
body, td, a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.ContourBleu {
	border: 1px solid #90BBE8;
}
select {
	border: solid 1px #ABADB3;
	color: #454545;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
}
input.inputGris10px {
	border: solid 1px #ABADB3;
	color: #454545;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
}
input.inputGris11px {
	border: solid 1px #ABADB3;
	color: #454545;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
}


#page {
	background: #FFFFFF url(/img-le-roannais/tourisme-roanne/fond-global.jpg) no-repeat center top;
	height: 100%;
	text-align: center;
}

#conteneur {
	width: 988px;
	margin: 0px auto;
	text-align: left;
	position: relative;
	top: 0px;
	left: 0px;
	text-align: left;
}

h1#titreDuSite {
	background: url(/img-le-roannais/tourisme-roanne/logo-roannais.jpg) no-repeat 0px 0px;
	height: 91px;
	width: 445px;
	float: left;
}

h1#titreDuSite a {
	font-size: 0px;
	text-indent: -10000px;
	display: block;
	height: 91px;
	width: 445px;
}

h1#titreDuSite a:hover {
	background: url(/img-le-roannais/tourisme-roanne/logo-roannais-retour.jpg) no-repeat 0px 0px;
}

#drapeauUK {
	background: url(/img-le-roannais/tourisme-roanne/drapeau-uk.gif) no-repeat 0px 0px;
	float: left;
	height: 25px;
	width: 39px;
	position: absolute;
	top: 0px;
	left: 406px;
}
#drapeauUK a {
	display: none;
	font-size: 0px;
	text-indent: -10000px;
	display: block;
	height: 25px;
	width: 39px;
}
#drapeauDE {
	background: url(/img-le-roannais/tourisme-roanne/drapeau-de.png) no-repeat 0px 0px;
	float: left;
	height: 25px;
	width: 39px;	
	position: absolute;
	top: 0px;
	left: 484px;
}
#drapeauDE a {
	display: none;
	font-size: 0px;
	text-indent: -10000px;
	display: block;
	height: 25px;
	width: 39px;
}
#versionNL {
	background: url(/img-le-roannais/tourisme-roanne/drapeau-nl.gif) no-repeat 0px 0px;
	float: left;
	height: 25px;
	width: 39px;	
	position: absolute;
	top: 0px;
	left: 445px;
}
#versionNL a {
	display: none;
	font-size: 0px;
	text-indent: -10000px;
	display: block;
	height: 25px;
	width: 39px;
}

#recherche {
	background: url(/img-le-roannais/tourisme-roanne/fd-recherche-rhone-alpes.gif) no-repeat 0px 0px;
	float: left;
	height: 25px;
	width: 206px;
	margin-left: 64px;
}
#champRecherche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #A81629;
	border: 1px solid #797878;
	width: 150px;
	padding: 0px;
	float: left;
	margin: 3px 0px 0px 22px;
	padding: 2px;
}
#btnOK {
	float: left;
	padding: 4px;	
}

#carteInteractive {
	background: url(/img-le-roannais/tourisme-roanne/carte-interactive-lyon.gif) no-repeat 0px 0px;
	float: left;
	height: 25px;
	width: 136px;
}
#carteInteractive a {
	display: block;
	font-size: 0px;
	text-indent: -10000px;
	height: 25px;
	width: 136px;
}

#planDuSite {
	background: url(/img-le-roannais/tourisme-roanne/roannais-logo-h.jpg) no-repeat right top;
	float: right;
	height: 91px;
	width: 137px;
	text-align: right;
}
#planDuSite a {
	display: block;
	height: 81px;
	width: 127px;
	padding: 5px;
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 9px;
}


#menuNavigation {
	clear: both;
}
#menuNavigation ul {
	height: 24px;
	width: 988px;
	background: url(/img-le-roannais/tourisme-roanne/menu-ronnais.gif) no-repeat 0px 0px;
	position: relative;
}
#menuNavigation ul li {
	float: left;
	height: 24px;
	margin-right: 1px;
	list-style: none;
	position: relative;
}
#menuNavigation ul li.btn1 { width: 79px; }
#menuNavigation ul li.btn2 { width: 164px; }
#menuNavigation ul li.btn3 { width: 125px; }
#menuNavigation ul li.btn4 { width: 103px; }
#menuNavigation ul li.btn5 { width: 180px; }
#menuNavigation ul li.btn6 { width: 104px; }
#menuNavigation ul li.btn7 { width: 100px; }
#menuNavigation ul li a {
	height: 24px;
	display: block;
	font-size: 0px;
	text-indent: -10000px;
	position: relative;
}
#menuNavigation ul li.btn1 a:hover {
	background: transparent url(/img-le-roannais/tourisme-roanne/menu-ronnais.gif) no-repeat 0px -24px;
}
#menuNavigation ul li.btn2 a:hover {
	background: transparent url(/img-le-roannais/tourisme-roanne/menu-ronnais.gif) no-repeat -80px -24px;
}
#menuNavigation ul li.btn3 a:hover {
	background: transparent url(/img-le-roannais/tourisme-roanne/menu-ronnais.gif) no-repeat -245px -24px;
}
#menuNavigation ul li.btn4 a:hover {
	background: transparent url(/img-le-roannais/tourisme-roanne/menu-ronnais.gif) no-repeat -371px -24px;
}
#menuNavigation ul li.btn5 a:hover {
	background: transparent url(/img-le-roannais/tourisme-roanne/menu-ronnais.gif) no-repeat -475px -24px;
}
#menuNavigation ul li.btn6 a:hover {
	background: transparent url(/img-le-roannais/tourisme-roanne/menu-ronnais.gif) no-repeat -656px -24px;
}
#menuNavigation ul li.btn7 a:hover {
	background: transparent url(/img-le-roannais/tourisme-roanne/menu-ronnais.gif) no-repeat -761px -24px;
}

ul#layer1, ul#layer2, ul#layer3, ul#layer4, ul#layer5, ul#layer6, ul#layer7 {
	position: absolute;
	visibility: hidden;
	padding: 11px 0px 8px 0px;
	background: #EE842E url(/img-le-roannais/tourisme-roanne/fd-layer-haut.gif) no-repeat center top;
	margin: 0px;
	height: auto;
	width: auto;
	top: 24px;
	z-index: 2;
}
ul#layer1 { min-width: 79px; }
ul#layer2 { min-width: 164px; }
ul#layer3 { min-width: 125px; }
ul#layer4 { min-width: 103px; }
ul#layer5 { min-width: 180px; }
ul#layer6 { min-width: 104px; }
ul#layer7 { min-width: 100px; }

/* HACK IE6 */
* html ul#layer1 { width: 79px; }
* html ul#layer2 { width: 164px; }
* html ul#layer3 { width: 125px; }
* html ul#layer4 { width: 103px; }
* html ul#layer5 { width: 180px; }
* html ul#layer6 { width: 104px; }
* html ul#layer7 { width: 100px; }

/* HACK Firefox */
html>/**/body ul#layer1 { left: 0px; }
html>/**/body ul#layer2 { left: 0px; }
html>/**/body ul#layer3 { left: 0px; }
html>/**/body ul#layer4 { left: 0px; }
html>/**/body ul#layer5 { left: 0px; }
html>/**/body ul#layer6 { left: 0px; }
html>/**/body ul#layer7 { left: 0px; }

ul#layer1 li, ul#layer2 li, ul#layer3 li, ul#layer4 li, ul#layer5 li, ul#layer6 li, ul#layer7 li,
#menuNavigation ul li ul#layer1 li, #menuNavigation ul li ul#layer2 li, #menuNavigation ul li ul#layer3 li,
#menuNavigation ul li ul#layer4 li, #menuNavigation ul li ul#layer5 li, #menuNavigation ul li ul#layer6 li, #menuNavigation ul li ul#layer7 li {
	float: none;
	clear: both;
	height: auto;
	width: auto;
	list-style: none;
	font-size: 11px;
	text-indent: 0px;
	color: #FFFFFF;
	padding-top: 2px;
	margin-top: 2px;
	margin-right: 4px;
	margin-bottom: 2px;
	margin-left: 4px;
	white-space: nowrap;
}

/* HACK IE6 */
* html ul#layer1 li, * html #menuNavigation ul li ul#layer1 li { width: 71px; }
* html ul#layer2 li, * html #menuNavigation ul li ul#layer2 li { width: 156px; }
* html ul#layer3 li, * html #menuNavigation ul li ul#layer3 li { width: 117px; }
* html ul#layer4 li, * html #menuNavigation ul li ul#layer4 li { width: 95px; }
* html ul#layer5 li, * html #menuNavigation ul li ul#layer5 li { width: 172px; }
* html ul#layer6 li, * html #menuNavigation ul li ul#layer6 li { width: 96px; }
* html ul#layer7 li, * html #menuNavigation ul li ul#layer7 li { width: 92px; }

ul#layer1 li, ul#layer2 li, ul#layer3 li, ul#layer4 li, ul#layer5 li, ul#layer6 li, ul#layer7 li {
	background: #EE842E url(/img-le-roannais/tourisme-roanne/pointilles-layer.gif) repeat-x 0px 0px;
}
ul#layer1 li.premier, ul#layer2 li.premier, ul#layer3 li.premier, ul#layer4 li.premier, ul#layer5 li.premier, ul#layer6 li.premier, ul#layer7 li.premier {
	background: none;
}

ul#layer1 li a, ul#layer2 li a, ul#layer3 li a, ul#layer4 li a, ul#layer5 li a, ul#layer6 li a, ul#layer7 li a,
#menuNavigation ul li ul#layer1 li a, #menuNavigation ul li ul#layer2 li a, #menuNavigation ul li ul#layer3 li a,
#menuNavigation ul li ul#layer4 li a, #menuNavigation ul li ul#layer5 li a, #menuNavigation ul li ul#layer6 li a, #menuNavigation ul li ul#layer7 li a {
	height: auto;
	width: auto;
	display: block;
	font-size: 11px;
	text-indent: 0px;
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

ul#layer1 li a:hover, ul#layer2 li a:hover, ul#layer3 li a:hover, ul#layer4 li a:hover, ul#layer5 li a:hover, ul#layer6 li a:hover, ul#layer7 li a:hover,
#menuNavigation ul li ul#layer1 li a:hover, #menuNavigation ul li ul#layer2 li a:hover, #menuNavigation ul li ul#layer3 li a:hover,
#menuNavigation ul li ul#layer4 li a:hover, #menuNavigation ul li ul#layer5 li a:hover, #menuNavigation ul li ul#layer6 li a:hover, #menuNavigation ul li ul#layer7 li a:hover {
	color: #A81628;
}



/* */

.margeHautBas7px {
	padding-top: 7px;
	padding-bottom: 7px;
}
.margeIntBas5px {
	padding-bottom: 5px;
}
.margeInt8px {
	padding: 8px;
}


.italique {
	font-style: italic;
}
.clearBoth {
	clear: both;
}
.floatLeft {
	float: left;
}
.floatLeftMargeInt8px {
	float: left;
	padding: 8px;
}
.floatLeftMargeIntBas8px {
	float: left;
	padding-bottom: 8px;
}
.fondGris {
	background-color: #F3F4F4;
}
.nowrap {
	white-space: nowrap;
	text-decoration: underline;
}
.textDecoSouligne {
	text-decoration: underline;
}