/* ------------ STRUCTURE ------------ */
body {
	margin: 0;
	padding: 0;
	color: #184c71;
	background: #004356;
	font: italic 12px Georgia, "Times New Roman", Times, serif;
}
* {
	margin: 0;
	padding: 0;
}
html {overflow-y:scroll;} /* pour mettre un ascenseur même sur les pages courtes */
::selection	{background:#6f9dbe; color:#fff;} /* pour changer la couleur de la sélection de texte dans Safari and Opera */
::-moz-selection {background:#6f9dbe; color:#fff;} /* pour changer la couleur de la sélection de texte dans Fierfox */
.clear {
	clear: both;
}
p {
	line-height: 1.5em;
}
#fond {
	position: relative;
	width: 991px;
	margin: 0 auto;
	background: #fff url(../images/bg.jpg) repeat-x top;
}

/* ------------ FONDS AVIONS ------------ */
#main1 {
	width: 991px;
	background: url(../images/avion1.png) no-repeat top;
}
#main2 {
	width: 991px;
	background: url(../images/avion2.png) no-repeat top;
}
#main3 {
	width: 991px;
	background: url(../images/avion3.png) no-repeat top;
}
#main4 {
	width: 991px;
	background: url(../images/globe.png) no-repeat top;
}

/* ------------ NAVIGATION HORIZONTALE ------------ */
ul#nav {
	float: left;
	width: 508px;
	min-height: 21px;
	margin: 40px 0 34px 31px;
	padding: 15px 0;
	color: #fff;
	font-size: 18px;
	list-style: none;
	border: 1px solid #b4daf1;
	background: #6f9dbe url(../images/bg_menu.jpg) repeat-x top;
}
ul#nav li {
	float: left;
}
ul#nav li a {
	color: #fff;
	padding: 15px 20px;
	text-decoration: none;
}
ul#nav li a:hover,
ul#nav li a.on {
	background: #709ebf;
}

/* ------------ SLOGAN ------------ */
#slogan {
	float: left;
	width: 385px;
	margin: 43px 0 0 35px;
}
#slogan h2 {
	line-height: 2.1em;
	color: #dc7c0b;
	font-size: 12px;
}

/* ------------ ETIQUETTE ------------ */
#etiquette {
	position: absolute;
	width: 164px;
	height: 192px;
	left: -120px;
	top: 0;
	z-index: 50;
	background: url(../images/etiquette.png) no-repeat;
}
#etiquette a {
	display: block;
	width: 164px;
	height: 192px;
}
#etiquette a span {
	display: none;
}

/* ------------ LOGO ------------ */
#logo {
	width: 375px;
	height: 83px;
	margin: 0 0 0 31px;
	background: url(../images/ADRAD.png) no-repeat;
}
#logo h1 a {
	display: block;
	width: 375px;
	height: 83px;
}
#logo h1 a span {
	display: none;
}

/* ------------ COL GAUCHE : CONTENU ------------ */
#colgauche {
	float: left;
	width: 698px;
	padding: 170px 31px 50px 31px;
}
#colgauche h3 {
	color: #dc7c0b;
	font-size: 14px;
	padding: 0 0 30px 0;
}
#colgauche p {
	padding: 0 0 20px 0;
	text-align: justify;
}
ul.chiffres,
ul.zones,
ul.lettres {
    margin: 0;
	padding: 0 0 15px 20px;
	line-height: 1.5em;
	text-align: justify;
	list-style-type: decimal;
}
ul.zones {
	padding: 0 0 15px 15px;
	list-style-type: square;
}
ul.lettres {
	padding: 0 0 15px 15px;
	list-style-type: lower-latin;
}
ul.chiffres li,
ul.zones li,
ul.lettres li  {
	padding: 0 0 10px 0;
}
ul.lieux {
    margin: 0;
	padding: 0 0 15px 190px;
	line-height: 1.5em;
	list-style-image: url(../images/picto_avion.gif);
}
.top {
	text-align: right;
	margin: 0;
	padding: 10px 0 30px 0;	
}
#colgauche p a,
.top a,
.print a {
	color: #184c71;
	text-decoration: none;
	border-bottom: 1px dotted #184c71;
}
#colgauche p a:hover,
.top a:hover,
.print a:hover {
	color: #184c71;
	border: none;
	padding: 2px 0;
	background: #b8dcf2;
}
#bottom {
	width: 100%;
	margin: 20px 0 0 0;
}
#bottom p.print {
	float: left;
}
#bottom p.top {
	float: right;
}

/* ------------ COL DROITE : MENUS ------------ */
#coldroite {
	float: left;
	width: 231px;
}
ul#menu {
	width: 202px;
	margin: 70px 0 40px 0;
	list-style: none;
}
ul.archives {
	width: 202px;
	margin: 20px 0 0 0;
	list-style: none;
}
ul#menu li,
ul.archives li {
	min-height: 36px;
	border-bottom: 1px dotted #fff;
}
ul#menu li a,
ul.archives li a {
	display: block;
	min-height: 10px;
	padding: 13px 10px;
	color: #fff;
	background: #8ec2e3;
	text-decoration: none;
}
ul#menu li a:hover,
ul#menu li a.on {
	color: #fff;
	background: #dc7c0b;
}
ul.archives li a:hover,
ul.archives li a.on {
	color: #fff;
	background: #6ba6cc;
}
ul#menu li.haut a {
	height: 10px;
	background: url(../images/menu_1_haut.png) top;
}
ul#menu li.haut a:hover,
ul#menu li.haut a.on {
	background: url(../images/menu_1_haut.png) bottom;
}
ul#menu li.bas {
	border: none;
}
ul#menu li.bas a {
	height: 10px;
	background: url(../images/menu_1_bas.png) top;
}
ul#menu li.bas a:hover,
ul#menu li.bas a.on {
	background: url(../images/menu_1_bas.png) bottom;
}
ul.archives li.archives2010 {
	background: url(../images/archives_2010.png) no-repeat;
}
ul.archives li.archives2009 {
	background: url(../images/archives_2009.png) no-repeat;
}
ul.archives li.archives2008 {
	background: url(../images/archives_2008.png) no-repeat;
}
ul.archives li.archives2007 {
	background: url(../images/archives_2007.png) no-repeat;
}
ul.archives li.archives2006 {
	background: url(../images/archives_2006.png) no-repeat;
}
ul.archives li.archives2010 span,
ul.archives li.archives2009 span,
ul.archives li.archives2008 span,
ul.archives li.archives2007 span,
ul.archives li.archives2006 span {
	display: none;
}
ul.archives li.bas {
	border: none;
}
ul.archives li.bas a {
	height: 10px;
	background: url(../images/menu_2_bas.png) top;
}
ul.archives li.bas a:hover,
ul.archives li.bas a.on {
	background: url(../images/menu_2_bas.png) bottom;
}

/* ------------ FOOTER ------------ */
#footer {
	width: 100%;
	padding: 15px 0;
	text-align: center;
	border-top: 1px dotted #e67c00;
	background: #fefdfb url(../images/bg_footer.jpg) repeat-x bottom;
}
#footer p.contact {
	color: #e67c00;
	padding: 0 0 10px 0;
	font-weight: bold;
}
#footer p.mentions {
	color: #e67c00;
	font-size: 11px;
}
#footer p.contact a,
#footer p.mentions a {
	color: #e67c00;
	text-decoration: none;
	border-bottom: 1px dotted #dc7c0b;
}
#footer p.contact a:hover,
#footer p.mentions a:hover {
	color: #fff;
	border: none;
	padding: 2px 0;
	background: #ff8a00;
}