*, * html{outline: 0; margin: 0; padding: 0; list-style: none; }
body { margin: 0 auto; padding: 0; font: 75% "Helvetica Neue", Helvetica, Arial, sans-serif; /*color: #415059*/; color: #333; display: table; background: white }
a, a img {border: 0 }
a{ color: #06F }
a:hover  {color:#415059}
input { border: 1px solid #D1D1D1}
input:hover { border: 1px solid #AB1D43}
input:focus { border: 1px solid #AB1D43}

h1, h2, h3, h4, h5, h6 {font-weight:normal; margin-bottom: 0.5em; line-height: 1; }
h1 {font-size: 1.2em;}
h2 {font-size: 1.2em;}
h3 {font-size: 0.9em; text-align:center}
.rounded-corners {
    /*behavior: url(/css/border-radius.htc);*/
	background: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#site-header, #site-menu, #site-container, #site-footer { float: left; width: 100%; padding: 0;}
#site-header { background-color: white}
#site-menu {background-color: white}
#site-container {  background: white url(img/backgrounds/classic.gif) center repeat-y}
#site-footer { background-color: #415059}

#header-container, #menu-container, #main-container { margin: 0 auto; padding: 0; width: 980px;  border-top: 0; border-bottom: 0; background-color: #FFFFFF} 

#header-container {height: 127px; overflow: hidden; }
#main-container {  background: white; }
#site-footer #footer-container { margin: 0 auto; padding: 5px 0; width: 980px; color: white; text-align: center; }
#site-footer #footer-container a { color: white}
#site-footer #footer-container a:hover{ color: #FC0}


/** MENU **/
#menu-container { background: #AB1D43; display: block}
#menu-container .menuText { font-weight: bold; color: #FFFF00}

#menu-container ul#primary-nav { margin: 0 0 0 170px; padding: 0; width: 810px; z-index: 10; background-color: #AB1D43;}
#menu-container ul#primary-nav ul { width: 129px; margin: 0; padding: 0; z-index: 10; border: 1px solid #7FBEE1; border-top: 0;}
#menu-container ul#primary-nav:after { content: "."; display: block; height: 0; z-index: 10; clear: both; visibility: hidden; }
#menu-container ul#primary-nav li { position: relative; float: left; list-style: none; font: normal 100% Arial, Helvetica, sans-serif; z-index: 10; width: 129px;}
#menu-container ul#primary-nav li a, #menu-container ul#primary-nav li li a { display: block; text-decoration: none; color: #000; z-index: 10; padding: 2px 0 2px 10px; }
#menu-container ul#primary-nav li li a { border-bottom: 1px dotted #7FBEE1;}
#menu-container ul#primary-nav li a.active { display: block; background-color: #7FBEE1 !important;}
* html ul#primary-nav li {	float: left;	height: 1%;}
* html ul#primary-nav li a { height: 1%;}
#menu-container ul#primary-nav ul { position: absolute; font: normal 100% Arial, Helvetica, sans-serif; display: none;  font-size: 90%}
#menu-container ul#primary-nav li ul li a { padding: 5px 0 5px 10px; background: #fff;}
#menu-container ul#primary-nav li:hover ul ul, #menu-container ul#primary-nav li.over ul ul { display: none;}
#menu-container ul#primary-nav li:hover ul, #menu-container ul#primary-nav li li:hover ul, #menu-container ul#primary-nav li.over ul, #menu-container ul#primary-nav li li.over ul { display: block; color: #000; padding: 0; }
#menu-container ul#primary-nav li.menuparent, #menu-container ul#primary-nav li li.menuparent { background: transparent no-repeat right center; border: 0; border-right: 1px solid white; width: 130px;}
#menu-container ul#primary-nav li.menuparent:hover, #menu-container ul#primary-nav li.over { background-color: #7FBEE1 !important; border-right: 1px solid #7FBEE1; }
#menu-container ul#primary-nav li a:hover { color: #000; background-color: #7FBEE1 !important; }

#menu-container ul#primary-nav li.newsletter{ background: transparent; border: 0; width: 145px; padding: 0 5px; font-size: 0.9em; color:#FF0}
.newsletter form { margin: 0; padding: 0; }
.newsletter fieldset { border: 0; margin: 0; padding: 0;  color: black }
.newsletter input.email { float : left; 	margin: 0 5px 0 0; 	padding:  1px 0 1px 5px; 	width: 110px;  	font-size: 1em;}




#left-container { float: left;	width: 155px;  padding: 5px 5px;  margin: 0 5px 0 0; background: #AB1D43; height: 100%}
#left-container h1 { text-align: center; background: white url(http://www.mp2.aeroport.fr/mp2css/img/titres/h1-left.png) top no-repeat; color: #AB1D43; font-weight: bold; width: 135px; padding: 15px 10px; margin: 0; margin-top: -15px; border-bottom: 1px dotted #AB1D43 }
#left-container ul { margin: 0; padding: 10px 0 0 0; background: white;}
#left-container ul li { line-height: normal; padding: 0 0 1px 0; margin: 0; background: url(img/icones/avion.png) 2px 2px no-repeat; font-weight: bold; text-align: right}
#left-container ul li a{  padding: 2px 5px; text-decoration: none; display: block; }
#left-container ul li .legende { font-weight: normal; background: url(http://www.mp2.aeroport.fr/mp2css/img/titres/etiquette-bottom.png) bottom no-repeat}
/*
#left-container ul li a{  padding: 0 0 2px 19px; text-decoration: none; display: block; }
#left-container .on-flight a{  color: #AB1D43; background: url(img/icones/avion-on.png) 2px 2px no-repeat; }
#left-container .new-flight a{ color: #0099EE; background: url(img/icones/avion-new.png) 2px 2px no-repeat; }
#left-container .end-flight a{ color: #87A3B8; background: url(img/icones/avion-end.png) 2px 2px no-repeat; }

#left-container .on-flight a:hover { color: white; background: #AB1D43 url(img/icones/avion-bg.png)  2px 2px no-repeat; }
#left-container .new-flight a:hover { color: white; background: #0099EE url(img/icones/avion-bg.png)  2px 2px no-repeat; }
#left-container .end-flight a:hover { color: white; background: #87A3B8 url(img/icones/avion-bg.png)  2px 2px no-repeat; }

#left-container .on-flight a.active { color: white; background: #AB1D43 url(img/icones/avion-bg.png)  2px 2px no-repeat; }
#left-container .new-flight a.active { color: white; background: #0099EE url(img/icones/avion-bg.png)  2px 2px no-repeat; }
#left-container .end-flight a.active { color: white; background: #87A3B8 url(img/icones/avion-bg.png)  2px 2px no-repeat; }*/

#left-container .on-flight a{  color: #EB2686; }
#left-container .new-flight a{ color: #0099EE; }
#left-container .end-flight a{ color: #87A3B8;}

#left-container .on-flight a:hover { color: white; background: #AB1D43 }
#left-container .new-flight a:hover { color: white; background: #0099EE }
#left-container .end-flight a:hover { color: white; background: #87A3B8 }

#left-container .on-flight a.active { color: white; background: #AB1D43}
#left-container .new-flight a.active { color: white; background: #0099EE}
#left-container .end-flight a.active { color: white; background: #87A3B8}

#left-container .legende { color:#0099EE; font-size:30px}


#right-container { float: left; width: 810px; margin: 5px 0;}
#right-container h1{ color: #AB1D43}
/****** Fil d'arianne ******/
#breadcrumb { float: left; width:  810px; padding:0 ; margin-bottom: 5px; clear: left; background-color: white }
#breadcrumb ul { margin: 0; padding: 0;  display: block; }
#breadcrumb ul li { 
	display: block; 
	float: left; 
	position: relative; 
	overflow: hidden;
	line-height: 18px;
	margin: 0px 6px 0px 0;
	padding: 0px 10px 0px 0;
	font-size: .9167em;
	background: url(img/breadcrumb/Chevron.gif) no-repeat 100% 0;
}
#breadcrumb a {	color: #0e82c7; text-decoration: none;}
#breadcrumb a:hover {text-decoration: underline; }
#breadcrumb ul li.first a {
	height: 16px !important;
	float:	left;
	text-indent: -1000px;
	width: 16px;
	padding: 0 0 0 0;
	margin-top: 2px;
	overflow: hidden;
	background: url(img/breadcrumb/IconHome.gif) no-repeat 0 0;
	text-decoration: none;
}
* html #breadcrumb ul li.first a {padding: 0 10px 0 0;}
#breadcrumb ul li.first a:hover { background-position: 0 -16px; }
#breadcrumb ul li.last { background: none; }
/****** Fil d'arianne ******/

/*#main-content {float: left; width: 593px; 	margin: 0 10px 5px 0; padding: 0;}
#main-content h1{ width: 573px; background-color: #415059; color: white; font-weight: bold; padding: 5px; margin: 0 0 0 -5px}*/
/* News */
ul.news { list-style: none; float: left;}
ul.news li {
	float: left;
	padding: 5px 10px 0 10px;
	margin: 0 0 5px 0;
	background: white;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border: 1px solid #415059;
}
ul.news li h2 { font-weight: bold; color: #415059; border-bottom: 1px dotted #415059; padding-bottom: 2px; }
.date{ font-size: 0.9em; font-style: italic; color: #666666}
.news-court { font-size: 0.9em; padding-left: 20px; color: #415059  }
.lien, .compagnie { font-size: 0.9em; margin: 10px 0;}
.lien a, .compagnie a { -moz-border-radius: 3px; -webkit-border-radius: 3px; border: none; background-color: #415059; color:#fff;padding: 3px 10px; text-decoration: none;  -moz-box-shadow: 1px 1px 2px  rgba(0,0,0,0.15);  }
.lien a:hover, .compagnie a:hover { background-color: #FF3333; color: white }

/*Promos*/
ul.promo {float: left; width: 205px; margin: 0 0 5px 0;}
ul.promo li { float: left; width: 195px; padding: 5px 5px 5px 5px; margin: 0px 0px 10px 0;  }

/* Portfolio des vols */
ul.col { float: left; width: 820px; margin: 0px 0; padding: 0; list-style: none; }
ul.col li h2 {font-size: 1.2em; margin: 0 0 0 -11px; padding: 2px 10px 2px 15px;  width: 170px;/* height: 30px; */ color: white; font-weight: bold; }
ul.col h2 a { color: #FFCC00 }
ul.col h2 a:hover { color:#FF3333 }
ul.col .on-flight{ background: #AB1D43;}
ul.col .new-flight{ background: #0099EE;}
ul.col .end-flight{ background: #87A3B8;}

ul.col li { -moz-border-radius: 5px; -khtml-border-radius: 5px;	-webkit-border-radius: 5px;   }
ul.col li { float: left; background: white /*url(img/backgrounds/bg.jpg)*/; width: 173px; padding: 10px 10px; margin: 5px 10px 5px 0; height: 260px;border: 1px solid #78a6af; }
ul.col h3 { padding: 5px 0 0 0}
ul.col a img { padding: 5px; margin: 5px auto 10px; background: white; border: 1px solid #78a6af; -moz-border-radius: 3px; -khtml-border-radius: 3px;	-webkit-border-radius: 5px;  -ms-interpolation-mode: bicubic; display: block; -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -moz-box-shadow: 5px 5px 1px  rgba(0,0,0,0.15);}
ul.col a:hover img { background: #F33;}
ul.col p.compagnie { font-size: 0.9em; margin: 0; padding: 5px 0}
ul.col p.compagnie-notification { font-size: 0.7em; margin:0; padding: 0}

/*Compagnies*/
ul.description-compagnie { }
ul.description-compagnie h2{ color:#AB1D43 }
ul.description-compagnie li{	float: left; width: 788px; padding: 5px 10px ; margin: 0 0 10px 0; background: white url(img/backgrounds/compagnie-bg.jpg) left top; border: 1px solid #78a6af; -moz-border-radius: 5px; -khtml-border-radius: 5px;}
ul.description-compagnie  a img { padding: 5px; margin: 10px 0; background: white; border: 1px solid #78a6af; -moz-border-radius: 3px; -khtml-border-radius: 3px;	-webkit-border-radius: 5px;  -ms-interpolation-mode: bicubic; display: block; -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -moz-box-shadow: 5px 5px 1px  rgba(0,0,0,0.15);}
ul.description-compagnie a:hover img { background: #F33;}
ul.description-compagnie .logo_compagnie{ float: left; width: 220px;}
ul.description-compagnie .liste-vols {  float: left; width: 790px; margin: 10px 0 0 -11px; padding: 10px ; background-color: #415059; color: white}
ul.description-compagnie .liste-vols a { color:#FF0}
ul.description-compagnie .information_compagnie {  float: left; width: 568px;}
ul.description-compagnie .description_compagnie {  float: left; width: 568px; margin-top: 10px; margin-left: 220px;}

/*Liste droite*/
ul.droite { float: left; margin-left: 10px; width: 258px; }
ul.droite li { }
ul.droite li { float: left; background: white /*url(img/backgrounds/bg.jpg)*/; width: 236px; padding: 10px 10px; margin: 0px 10px 5px 0; }
ul.droite h3 { padding: 5px 0 0 0}
ul.droite a img { padding: 5px; margin: 5px auto 10px; background: white; border: 1px solid #78a6af; -moz-border-radius: 3px; -khtml-border-radius: 3px;	-webkit-border-radius: 5px;  -ms-interpolation-mode: bicubic; display: block; -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -moz-box-shadow: 5px 5px 1px  rgba(0,0,0,0.15);}
ul.droite a:hover img { background: #F33;}

/*Horaires*/
#horaires{ float: left; width: 530px; padding: 5px; background: white; border: 1px solid #78a6af; -moz-border-radius: 3px; -khtml-border-radius: 3px;	-webkit-border-radius: 5px; text-align: center}
#horaires h1 { text-align: center; background-color: #AB1D43; color: white; padding: 5px}
#horaires p { padding: 10px 5px; text-align: center }  
#horaire .guide_horaires { background-color: #F90; margin: 0; padding: 0}

/*Menu mp mp2 mpevasion*/
#header-container ul.menu-mp { width: 300px; z-index: 1; position: absolute; top: 97px; margin-left: -30px }
li.site-mp a { display: block; width: 80px; height:30px}
li.site-mp2 a { display: block; width: 84px; height:30px}
li.site-mpevasion a { display: block; width: 135px; height:30px}

ul.menu-mp li{
	display:inline !important;
	float:right !important;
	list-style-type:none !important;
	height:30px !important;
	cursor:pointer !important;
	padding:0 !important;
	background-color:transparent !important;
	border:0 none !important;
	outline:0 none !important;
	clear:none !important;
	text-indent: -9999px;
}
li.site-mp { background: url('img/menu-mp/mp.png') top no-repeat !important; width: 80px; }
li.site-mp:hover { background-position: center bottom !important;}
li.site-mp2 { background: url('img/menu-mp/mp2.png') center top no-repeat !important; width: 84px; margin-left: -20px;}
li.site-mp2:hover { background-position: center bottom !important;}
li.site-mpevasion { background: url('img/menu-mp/mpevasion.png') center top no-repeat !important; width: 135px; margin-left: -20px;}
li.site-mpevasion:hover { background-position: center bottom !important;}

.vols_low-cost_iframe { float: left; width: 100%; clear: left; border-top: 1px solid #C03}
.contenu-mention-legales{  float: left; width: 800px ; padding: 5px; font-size: 0.8em; color:#999}
#mention-legales {display: none;float: left; width: 800px ; padding: 0px 5px; font-size: 0.8em; border-top: 1px dotted #D1D1D1; border-bottom: 1px dotted #D1D1D1}

.contenu-mention-legales-min{  float: left; width: 295px ; padding: 5px; font-size: 0.9em; background-color: #DEDEDE}
.contenu-mention-legales-min a {text-decoration: none;}
#mention-legales-min {display: none;float: left; width: 285px ; padding: 0px 5px; font-size: 0.9em; border-top: 1px dotted #D1D1D1; border-bottom: 1px dotted #D1D1D1}


#part-right { float: left; width: 810px}
#part-right h1 { padding: 5px 0; text-align: center; background: #425059; color: #FF0}

.reponses { padding: 5px; margin-bottom: 10px; border: 1px solid #D1D1D1}
.reponses h2 { background: #C9CDD0; color: #E42884; font-size: 1.1em; padding: 5px ; text-align: left  }
.reponses p { padding: 5px 0 5px 30px; font-size: 1em;  background: white url(img/backgrounds/bg-cahier.jpg) top center }

.cafe { float: left; width: 395px; padding: 5px; text-align: center; }
.cafe img  { padding: 5px; margin: 5px auto 10px; background: white; border: 5px solid #78a6af; -moz-border-radius: 3px; -khtml-border-radius: 3px;	-webkit-border-radius: 5px;  -ms-interpolation-mode: bicubic; display: block; -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -moz-box-shadow: 5px 5px 1px  rgba(0,0,0,0.15);}
.cafe h2{ font-weight: bold; color: #415059; border-bottom: 1px dotted #415059; padding-bottom: 2px; }

.cafe  ul { text-align: left; padding: 5px 0}
.cafe  ul li { margin-left: 10px; list-style: circle}
.cafe p { text-align: left; font-weight: bold}
.cafe p.zone { text-align: center; color: #06F}


.division {  float: left; width: 395px; padding: 5px; text-align: center; overflow: hidden}
.division h1 { font-size: 12px; padding: 5px 0; text-align: center; margin-bottom: 5px; font: bold 14px  Arial, Helvetica, sans-serif; color: #E62786; border-bottom: 5px solid #FC0; background-color: #FFFF99 }
.division h2 { font-size: 11px;  margin-bottom: 5px;}
.division h3 { font-size: 11px;  margin-bottom: 5px;}
.division .photo { padding: 5px; margin: 5px auto 10px; background: white; border: 1px solid #78a6af; -moz-border-radius: 3px; -khtml-border-radius: 3px;	-webkit-border-radius: 5px; display: block}

.ads { margin-bottom: 5px;}