/* CSS Document --------------------------------------------------------------------------------*/
/* Mise en forme du site AEROPORT CLERMONT-FERRAND AUVERGNE ------------------------------------*/
/* www.iris-interactive.fr ---------------------------------------------------------------------*/

* {
	font-family:"Lucida Sans Unicode","Lucida Grande",'Trebuchet MS',Verdana,sans-serif;
	margin:0;
	padding:0;
}
body {
	background:#FFFFFF url(../images/body.gif) repeat-x center top;
	font-size:12px;
	height:100%;
	text-align:center;
	line-height:150%;
	color:#000080;
}

#page {
	background:url(../images/bg-page.gif) no-repeat center top;
	width:100%;
	margin:0 auto;
	text-align:center;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à l'entête */
/* -------------------------------------------------------------------------------------------- */

#header {
	margin:0 auto;
	width:920px;
	height:177px;
	text-align:center;
	position:relative;
	z-index:5;
}
#header h1 {
	position:absolute;
	left:-999em;
}
#header a.logo img {
	position:absolute;
	border:none;
	left:9px;
	top:34px;
}
#tabnav {
	height:30px;
	padding:0;
	margin-left:228px;
	position:relative;
	top:146px;
}
*html #tabnav {
	top:145px;
}
#tabnav ul {
	margin:0;
	padding:0; 
	list-style:none;
}
#tabnav li {
	background:url(../images/bg-tab.gif) no-repeat right 0;
	display:block;
	float:left;
	padding:0 10px 0 0; 
	margin:0 1px 0 0;
	list-style:none;
}

#tabnav a {
	color:#BBCDE1;
	text-decoration:none;
	display:block;
	padding:6px 0 6px 30px; 
}
	#tabnav a.generale {
		background:url(../images/bg-tab-generale.gif) no-repeat 0 0;
	}
	#tabnav a.affaire {
		background:url(../images/bg-tab-affaire.gif) no-repeat 0 0;
	}
	#tabnav a.fret {
		background:url(../images/bg-tab-fret.gif) no-repeat 0 0;
	}
	#tabnav a.zone {
		background:url(../images/bg-tab-zone.gif) no-repeat 0 0;
	}
	#tabnav a.auvergne {
		background:url(../images/bg-tab-auvergne.gif) no-repeat 0 0;
	}
	#tabnav a.agences {
		background:url(../images/bg-tab-agences.gif) no-repeat 0 0;
	}
#tabnav a:hover {
	color:#FFFFFF;
}

#header .bannerTop {
	position:absolute;
	left:300px;
	top:45px;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables aux sous menus */

#tabnav li ul { 
	position:absolute;
	z-index:30 !important;
	width:175px;
	left:-999em; 
	text-align:left;
	padding:0;
	border:solid #80A2C6;
	border-width:1px 1px 0;
}
#tabnav li:hover ul, #tabnav li.sfhover ul { 
	left:auto;
}
#tabnav li:hover, #tabnav li.sfhover { 
	background-position:right -38px;
	color:#FFFFFF;
}
#tabnav li:hover a, #tabnav li.sfhover a { 
	color:#FFFFFF;
	background-position:0 -38px;
}

#tabnav li ul li {
	background-image:none;
	width:175px;
	padding:0;
	margin:0;
	border:solid #80A2C6;
	border-width:0 0 1px;
	text-align:left;
}
#tabnav li ul li a {
	background:#C7C7C7 url(../images/bg-tab-li-a.gif) no-repeat 0 0 !important;
	width:155px;
	padding:5px 5px 5px 15px;
	color:#333333;
}
#tabnav li:hover ul li a, 
#tabnav li.sfhover ul li a {
	color:#333333;
}
*html #tabnav li ul li a {
	width:175px;
}
#tabnav li ul li a:hover {
	background:#E20025 url(../images/bg-tab-li-a-hover.gif) no-repeat 0 0 !important;
	color:#FFFFFF;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au contenu */
/* -------------------------------------------------------------------------------------------- */

#global {
	margin:0 auto;
	width:920px;
	text-align:justify;
	position:relative;
	z-index:2;
	padding:3px 0 15px;
}

/* -------------------------------------------------------------------------------------------- */
/* BOX MODELS */

#left {
	width:228px;
	padding-bottom:20px;
}
#content {
	width:484px;
}

#content kbd {
	border:1px solid #999999;
	background-color:#FAF7DF;
	padding:0 5px;
}

.col1 {
	width:121px;
	text-align:center;
}

.col2 {
	width:242px;
	text-align:left;
}

#right {
	width:208px;
}
#left, 
#content, 
.col2,
.col1, 
#right {
	float:left;
}
#left, 
#right {
	text-align:left;
}

/* -------------------------------------------------------------------------------------------- */

#global p, 
#global ul, 
#global form, 
#global dl, 
#global h2, 
#global h3, 
#global h4, 
#global h5, 
#global h3, 
#global div.swf {
	padding:5px 8px;
}
#global iframe {
	margin:5px 8px;
}
#global p, 
#global ul, 
#global form, 
#global input, 
#global textarea, 
#global select, 
#global option, 
#global table, 
#global tr, 
#global th, 
#global td {
	font-size:12px;
}
#global h2 {
	background:#000000 url(../images/bg-h2.gif) no-repeat left top;
	font-size:17px;
	font-weight:normal;
	color:#FFFFFF;
	margin:5px 8px;
	border-bottom:1px solid #A2A2A2;
}
	#global #right h2 {
		background-image:url(../images/bg-h2-right.gif);
	}
	#global .col2 h2.yellow {
		background:#E20025 url(../images/bg-col2-h2-yellow.gif) no-repeat left top;
		border:none;
	}
#global h3 {
	background:url(../images/bg-h3.gif) no-repeat left top;
	font-size:15px;
	font-weight:normal;
	color:#E20025;
	padding-left:35px;
}
#global h4 {
	font-size:13px;
	font-weight:bold;
	color:#0049A2;
}
#global p.chapeau {
	background:#0049A2 url(../images/bg-p-chapeau.gif) no-repeat right bottom;
	margin:5px 8px;
	color:#EAF4FF;
}
#global p.alert {
	background-color:#F2F2F2;
	border:1px solid #5EA7E5;
	margin:20px 8px;
}
#global p.red {
	color:#CC0000;
}
#global p.small {
	font-size:10px;
	line-height:110%;
}
#global p.iris {
	background:url(../images/logo_iris.gif) no-repeat 1px 0;
	padding-left:50px;
}
#global p.dotted {
	border-bottom:1px dotted #C7C7C7;
	margin:0 8px 5px;
}
#global p.septop {
	border-top:1px dotted #C7C7C7;
	margin:5px 8px 0;
	padding:5px 0;
}
#global p#diaporama {
	clear:both;
	height:150px;
	padding:0;
	margin:10px 8px 5px;
}
#global p#diaporama img {
	position:absolute;
	width:226px;
}
#global li {
	background:url(../images/bg-li.gif) no-repeat 0 9px;
	list-style:none;
	padding-left:15px;
}
	#global li li {
		background-image:url(../images/bg-li-li.gif);
	}
#global li.alert {
	background:#DFE8F1 url(../images/bg-li-alert.gif) no-repeat 0 10px;
	padding:5px 5px 5px 15px;
}
#global a {
	color:#0066FF;
	text-decoration:none;
}
	#global a.more {
		background:url(../images/bg-a-more.gif) no-repeat 0 3px;
		padding-left:15px;
	}
	#global a.top {
		background:url(../images/bg-a-top.gif) no-repeat 0 3px;
		padding-left:15px;
	}
	#global a.back {
		background:url(../images/bg-a-back.gif) no-repeat 0 3px;
		padding-left:15px;
	}
	#global a.pdf {
		background:url(../images/bg-a-pdf.gif) no-repeat 0 0;
		padding-left:20px;
	}
	#global a.html {
		background:url(../images/bg-a-html.gif) no-repeat 0 0;
		padding-left:20px;
	}
	#global p.chapeau a {
		color:#FFFFFF;
		text-decoration:underline;
	}
#global a:hover {
	color:#0066CC;
	text-decoration:underline;
}
	#global p.chapeau a:hover {
		color:#FFFFFF;
	}
#global a img {
	border:none;
}
#global ul.tab {
	margin:10px 8px 1px;
	padding:0;
	height:25px;
	text-align:left;
	border-bottom:1px solid #C7C7C7;
}
*html #global ul.tab {
	height:29px;
}
#global ul.tab li {
	display:inline;
	padding:5px 10px 7px 0;
	height:29px;
	margin-left:1px;
	background:url(../images/bg-h2.gif) no-repeat right top;
}
*html #global ul.tab li {
	padding:0 10px 0 0;
}
#global ul.tab li a {
	padding:5px 0 7px 10px;
	height:29px;
	background:url(../images/bg-h2.gif) no-repeat left top;
	color:#FFFFFF;
}
#global table.data {
	margin:5px 8px 15px;
	width:468px;
	border:solid #DFE8F1;
	border-width:1px 0 0 1px;
}
	#global p table.data {
		margin:5px 0 15px;
	}
#global table.data th, 
#global table.data td {
	border:solid #DFE8F1;
	border-width:0 1px 1px 0;
	padding:2px;
	text-align:center;
}
#global table.data th {
	background-color:#DFE8F1;
	background:url(../images/bg-th.gif) repeat left top;
	font-weight:bold;
}
#global table.data td {
	vertical-align:top;
}
#global table.small th, 
#global table.small td {
	font-size:10px;
}
#global table.data tr.row1 {
	background-color:#D9FDFF;
}
#global table.data tr.row2 {
	background-color:#CDF7FF;
}
#global table.data tr.row1active {
	background-color:#FFB902;
}
#global table.data tr.row2active {
	background-color:#FF9702;
}
#global table.data tr.row1 .lib {
	background-color:#EBFEFF;
}
#global table.data tr.row2 .lib {
	background-color:#E5FBFF;
}
#global table.data tr.row1 .cel2 {
	background-color:#EBFEFF;
}
#global table.data tr.row2 .cel2 {
	background-color:#E5FBFF;
}
#global table.data tr.sum {
	background-color:#82D6F5;
}

#global table.navdocs, #global table.docs {
	margin:5px 8px;
	width:468px;
}
#global table.navdocs th {
	background-color:#F1F8FF;
	font-size:10px;
	text-align:left;
	font-weight:normal;
	padding:5px;
}
#global table.docs td {
	vertical-align:top;
	padding:5px;
}
#global table.docs td small {
	color:#999999;
}
#global table.historique {
	margin:5px 8px;
	width:468px;
}
#global table.historique td {
	padding:3px 5px 10px;
	vertical-align:top;
	text-align:justify;
}
#global table.historique td.date {
	background:url(../images/bg-td-date.gif) no-repeat right top;
	width:100px;
	text-align:right;
	color:#C71A1A;
	padding-right:10px;
	font-weight:bold;
}
#global table.historique td.big {
	background:url(../images/bg-td-date-big.gif) no-repeat right top;
}
#global table.historique td.first {
	background-image:url(../images/bg-td-date-first.gif);
}
#global table.historique td.last {
	background-image:url(../images/bg-td-date-last.gif);
}
#global table.flightsearch {
	width:456px;
	background-color:#FFF7E7;
}
#global table.flightsearch td {
	padding:5px;
	vertical-align:middle;
}
#global legend {
	color:#465253;
}
#global fieldset {
	border:1px solid #DFE8F1;
	padding:5px;
	margin-bottom:5px;
}
	html>body #global fieldset {
		clear:both;
	}
#global fieldset.small {
	width:232px;
}
	html>body #global fieldset.small {
		width:212px;
		float:left;
		clear:none;
		margin-right:10px;
	}
#global input.submit {
	padding:5px;
}
#global input.date {
	width:135px;
	height:24px;
	padding:2px;
	background:transparent url(../images/bg-input-date.gif) no-repeat right center;
	border:none;
	cursor:pointer;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la colonne de gauche */
/* -------------------------------------------------------------------------------------------- */

#left #menu {
	background:#0049A2 url(../images/bg-left-menu.gif) no-repeat left bottom;
	margin:5px 8px;
	padding:0;
	text-align:left;
}
#left #menu ul {
	background:url(../images/bg-left-menu-ul.gif) no-repeat left top;
}
#left #menu ul li {
	padding:5px 0;
	background-image:none;
}
#left #menu ul li a {
	padding:5px 5px 5px 30px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:17px;
	text-decoration:none;
	color:#FFFFFF;
}
#left #menu ul li.accueil a {
	background:url(../images/bg-left-menu-li-accueil.gif) no-repeat 0 3px;
}
#left #menu ul li.vols a {
	background:url(../images/bg-left-menu-li-vols.gif) no-repeat 0 3px;
}
#left #menu ul li.acces a {
	background:url(../images/bg-left-menu-li-acces.gif) no-repeat 0 3px;
}
#left #menu ul li.aeroport a {
	background:url(../images/bg-left-menu-li-aeroport.gif) no-repeat 0 3px;
}
#left #menu ul li.tourisme a {
	background:url(../images/bg-left-menu-li-tourisme.gif) no-repeat 0 3px;
}
#left #menu ul li.pro a {
	background:url(../images/bg-left-menu-li-pro.gif) no-repeat 0 3px;
}
	#left #menu ul li.accueil a:hover {
		background-image:url(../images/bg-left-menu-li-accueil-hover.gif);
	}
	#left #menu ul li.vols a:hover {
		background-image:url(../images/bg-left-menu-li-vols-hover.gif);
	}
	#left #menu ul li.acces a:hover {
		background-image:url(../images/bg-left-menu-li-acces-hover.gif);
	}
	#left #menu ul li.aeroport a:hover {
		background-image:url(../images/bg-left-menu-li-aeroport-hover.gif);
	}
	#left #menu ul li.tourisme a:hover {
		background-image:url(../images/bg-left-menu-li-tourisme-hover.gif);
	}
	#left #menu ul li.pro a:hover {
		background-image:url(../images/bg-left-menu-li-pro-hover.gif);
	}
#left #menu ul li a:hover {
	color:#FFFFFF;
}
#left #menu ul li a small {
	font-size:13px;
}
#left #menu ul li ul {
	background-image:none;
	position:absolute;
	left:-999em;
	padding:5px 0;
}
#left #menu ul li ul li {
	padding:2px 0 3px;
	background:url(../images/bg-left-menu-ul-li-li.gif) no-repeat left bottom;
}
#left #menu ul li.accueil ul li a, 
#left #menu ul li.vols ul li a, 
#left #menu ul li.acces ul li a, 
#left #menu ul li.aeroport ul li a, 
#left #menu ul li.tourisme ul li a, 
#left #menu ul li.pro ul li a, 
#left #menu ul li ul li a {
	font-family:"Lucida Sans Unicode","Lucida Grande",'Trebuchet MS',Verdana,sans-serif;
	font-size:12px;
	background:url(../images/bg-left-menu-ul-li-li-a.gif) no-repeat 10px 7px !important;
	padding:0 0 0 30px;
	color:#FFFFFF;
}
#left #menu ul li.accueil ul li a:hover, 
#left #menu ul li.vols ul li a:hover, 
#left #menu ul li.acces ul li a:hover, 
#left #menu ul li.aeroport ul li a:hover, 
#left #menu ul li.tourisme ul li a:hover, 
#left #menu ul li.pro ul li a:hover, 
#left #menu ul li ul li a:hover {
	background-image:url(../images/bg-left-menu-ul-li-li-a-hover.gif) !important;
	color:#FFFFFF;
}

#left .yellow {
	background:#0049A2 url(../images/bg-left-yellow.gif) no-repeat left bottom;
	margin:0 8px 5px;
}
#left .yellow h2 {
	background:url(../images/bg-left-yellow-h2.gif) no-repeat left top;
	font-family:Helvetica, Arial, sans-serif;
	font-size:17px;
	font-weight:normal;
	border-bottom:1px solid #008EFA;
	color:#FFFFFF;
	margin:0;
}
#left .red, 
#right .red {
	background:#E20025 url(../images/bg-left-red.gif) no-repeat left bottom;
	margin:0 8px 5px;
	color:#FFFFFF;
}
	#right .red {
		background-image:url(../images/bg-right-red.gif);
	}
#left .red h2, 
#right .red h2 {
	background:url(../images/bg-left-red-h2.gif) no-repeat left top;
	font-family:Helvetica, Arial, sans-serif;
	font-size:17px;
	font-weight:normal;
	border-bottom:1px solid #E83250;
	color:#FFFFFF;
	margin:0;
}
	#global #right .red h2 {
		background-image:url(../images/bg-right-red-h2.gif);
	}
#left .red a, 
#left .red a:hover, 
#right .red a, 
#right .red a:hover {
	color:#FFFFFF;
}
#left .black {
	background:#0049A2 url(../images/bg-left-yellow.gif) no-repeat left bottom;
	margin:0 8px 5px;
	text-align:center;
}
#left .black h2, 
#left .black h3 {
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}
#left .black h2 {
	background:url(../images/bg-left-yellow-h2.gif) no-repeat left top;
	margin:0;
	border:none;
}
#left .black h3 {
	padding:0 8px 5px;
	background-image:none;
}
#left li.meteo {
	background:url(../images/bg-li-meteo.gif) no-repeat 0 4px;
}
#left li.stationnement {
	background:url(../images/bg-li-stationnement.gif) no-repeat 0 4px;
}
#left li.visiter {
	background:url(../images/bg-li-visiter.gif) no-repeat 0 4px;
}
#left li.guide {
	background:url(../images/bg-li-guide.gif) no-repeat 0 4px;
}
#left li.annuaire {
	background:url(../images/bg-li-annuaire.gif) no-repeat 0 4px;
}
#left li.actualite {
	background:url(../images/bg-li-actualite.gif) no-repeat 0 4px;
}
#left li.ponctualite {
	background:url(../images/bg-li-ponctualite.gif) no-repeat 0 4px;
}
#left li.meteo, 
#left li.stationnement, 
#left li.visiter, 
#left li.guide, 
#left li.annuaire, 
#left li.actualite, 
#left li.ponctualite {
	/*text-transform:uppercase;*/
	padding-left:20px;
}
#left ul.flashinfo, 
#left ul.flashinfo a, 
#left ul.flashinfo a:hover {
	color:#FFFFFF;
}
#left div.meteo {
	background:#FFFFFF url(../images/bg-div-meteo.gif) no-repeat 0 0;
	text-align:center;
	padding:2px 54px;
	margin:0 8px 5px;
	height:105px;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:10px;
}
#left div.meteo * {
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:10px;
}
#left div.meteo a.meteo_ville {
	color:#FFFFFF;
}
#left div.meteo a.meteo_temperature {
	font-size:12px;
	font-weight:bold;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au bloc #TOOLS */
/* -------------------------------------------------------------------------------------------- */

#tools {
	text-align:right;
}
#tools li {
	display:inline;
	list-style:none;
	background-image:none;
	padding:0;
}
#tools li span {
	position:absolute;
	left:-999em;
	z-index:10;
	display:block;
	padding:2px 5px;
	margin:0 0 0 120px;
	background-color:#0066CC;
	color:#FFFFFF;
}
*html #tools li span {
	margin:23px 0 0 -15px;
}
#tools li:hover span, 
#tools li.sfhover span {
	left:auto;
}
#tools a {
	text-decoration:none;
}
#tools a img {
	text-decoration:none;
	border:none;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au chemin de navigation */
/* -------------------------------------------------------------------------------------------- */

#global ul#wire {
	font-size:10px;
	color:#6F6D6E;
	padding:5px 8px;
}
#global #wire li {
	background:url(../images/bg-wire-li.gif) no-repeat 0 5px;
	list-style:none;
	padding-left:10px;
	padding-right:2px;
	display:inline;
}
#global #wire li a {
	color:#0099FF;
	text-decoration:none;
	padding:0;
}
#global #wire li a:hover {
	color:#0066FF;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au pied de page */
/* -------------------------------------------------------------------------------------------- */

#foot {
	background:#064987 url(../images/bg-foot.gif) repeat-x left top;
	color:#FFFFFF;
	font-size:10px;
	line-height:150%;
	position:relative;
}
#foot p {
	width:920px;
	margin:0 auto;
	padding:20px 0;
}
#foot a {
	color:#FFFFFF;
	text-decoration:none;
}
#foot a:hover {
	text-decoration:underline;
}
#foot .degrade {
	background:url(../images/bg-foot-degrade.gif) no-repeat center top;
	width:100%;
	height:135px;
	margin:-135px auto 0;
	position:absolute;
	z-index:1;
}
*html #foot .degrade {
	width:920px;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles génériques */
/* -------------------------------------------------------------------------------------------- */

.spacer {
	width:100%;
	clear:both;
	font-size:1px;
	height:1px;
}
.img-right {
	float:right;
	padding:0 0 5px 10px;
}
.img-left {
	float:left;
	padding:0 10px 5px 0;
}
.center {
	text-align:center !important;
}
.right {
	text-align:right !important;
}
.left {
	text-align:left !important;
}


/* -------------------------------------------------------------------------------------------- */
/* Détection mobile */
/* -------------------------------------------------------------------------------------------- */

.bandeau_mobile {
	background-color:#132D45;
	font:normal 20px georgia, serif;
	line-height:56px;
	color:#FFFFFF;
	border:0;
	margin:0;
	padding:0;
	height:100%;
	text-align:center;
}
.bandeau_mobile a {
	font: bold 20px georgia, serif;
	color:#FFFFFF;
}