/* CSS Document */
/* --------------------------------------------------------------------------------------------- Menu */
	#menu a.linkOver {text-decoration:underline}
	#menu li a:hover {text-decoration:underline}
/* ------------------------------------------------------------------------- Premier niveau */
	#menu {
		float:left;
		width:586px;
		text-align:center;
		font-size:1.2em;
		background:#272727;
		padding:4px 0 2px 0;
		margin:0 0 12px 0
	}
	#menu li {
		position:relative;
		display:inline;
		padding:0 18px
	}
	#menu li a {color:#fff}
	#menu li a acronym {border-bottom:1px dashed #fff}
/* ------------------------------------------------------------------------- Second niveau */
	#menu li ul {
		position:absolute;
		top:18px;
		left:15px;
		visibility:hidden;
		float:none;
		width:150px;
		text-align:left;
		text-transform:none;
		font-size:.9em;
		font-weight:normal;
		border:1px solid #fff;
		padding:6px 7px 2px 6px
	}
	#menu li #sous_menu1, #menu li #sous_menu1 li ul {background:#650b27}
	#menu li #sous_menu2, #menu li #sous_menu2 li ul {background:#ff7800}
	#menu li #sous_menu3, #menu li #sous_menu3 li ul {background:#0e3b7e}
	#menu li #sous_menu4, #menu li #sous_menu4 li ul {background:#4da213}
	#menu li ul li {
		display:block;
		background:url(../../images/elements/fleches_blanc.gif) no-repeat 0 5px;
		padding:0 0 0 10px;
		margin:0 0 4px 0
	}
/* ------------------------------------------------------------------------- Autres niveaux */
	#menu li ul li ul {
		font-size:1em;
		margin-left:135px;
		margin-top:-18px;
		z-index:10000
	}
	* html #menu li ul li ul {margin-left:125px}
	#menu li #sous_menu4 li ul {margin-left:-185px}
	* html #menu li #sous_menu4 li ul {margin-left:-193px}
/* --------------------------------------------------------------------------------------------- Menu2 */
	#menu2 {
		float:right;
		width:182px;
		text-transform:uppercase;
		font-size:1.2em
	}
	#menu2 li {margin:0 0 1px 0}
	#menu2 li a {
		display:block;
		color:#fff;
		background-color:#6c89b5;
		padding:3px 0 3px 15px
	}
	* html #menu2 li a {height:1px}
	#menu2 #aeroport {background-image:url(../../images/structure/background/aeroport.gif)}
	#menu2 #ports {background-image:url(../../images/structure/background/ports.gif)}
	#menu2 #votre_cci {background-image:url(../../images/structure/background/votre_cci.gif)}
	#menu2 li a:hover {text-decoration:underline}
/* --------------------------------------------------------------------------------------------- Conseiller cette page à un ami */
	#conseiller_ami {
		float:right;
		margin:4px 10px 0 0
	}
/* --------------------------------------------------------------------------------------------- Compass */
	#compass {
		display:inline;
		float:left;
		width:526px;
		color:#272727;
		background:url(../../images/structure/background/compass.gif) no-repeat;
		padding:1px 0 0 15px;
		margin:0 10px
	}
	#compass a {
		font-size:1.1em;
		color:#272727;
		text-decoration:underline
	}
	#compass a:hover {text-decoration:none}
	#compass span {
		font-size:1.1em;
		font-weight:bold
	}
/* --------------------------------------------------------------------------------------------- Main */
	#main {
		float:left;
		width:100%
	}
/* ------------------------------------------------------------------------- Left */
/* ----------------------------------------------------- Contenu */
	#main #left #contenu {
		float:left;
		width:344px;
		font-size:1.1em;
		padding:0 30px 10px 17px
	}
	* html #main #left #contenu {overflow:hidden}
	#main #left #contenu.large {width:539px}
/* --------------------------------- Titres */
	h1 {
		font-size:1.8em;
		font-weight:normal;
		font-style:italic;
		color:#272727;
		border-bottom:1px solid #272727;
		margin:0 0 10px 10px
	}
	h2 {
		clear:both;
		font-size:1.4em;
		color:#0e3b7e;
		margin-bottom:6px
	}
	h3 {
		clear:both;
		font-size:1.2em;
		color:#ff7800;
		margin-bottom:4px
	}
	h4 {
		clear:both;
		font-size:1.1em;
		color:#333;
		margin-bottom:2px
	}
	h5, h6 {
		clear:both;
		font-size:1em
	}
/* --------------------------------- A lire également */
	#main #left #contenu #lire_egalement {
		float:left;
		width:100%;
		background:url(../../images/elements/dotted_gris.gif) repeat-x;
		padding:8px 0 0 0;
		margin:10px 0
	}
	#main #left #contenu #lire_egalement span {
		display:block;
		text-transform:uppercase;
		font-size:1.2em;
		color:#1b1b1b;
		margin:0 0 5px 0
	}
	#main #left #contenu #lire_egalement p {margin-bottom:3px}
/* --------------------------------- Liste des actualités */
	#main #left #contenu #liste_actualites {padding:0}
	#main #left #contenu #liste_actualites li {
		clear:both;
		float:left;
		width:100%;
		background:none;
		border-bottom:1px dashed #ccc;
		padding:10px 0
	}
	#main #left #contenu #liste_actualites li.last {border:0}
/* --------------------------------- Pagination */
	#main #left #contenu ul.pagination {
		float:left;
		width:100%;
		text-align:right;
		border-top:1px solid #d4e5f5;
		padding:5px 0 0 0
	}
	#main #left #contenu ul.pagination li {
		display:inline;
		background:none;
		padding:0;
		margin:0 6px
	}
	#main #left #contenu ul.pagination li a {
		color:#40668a;
		text-decoration:none
	}
	#main #left #contenu ul.pagination li a:hover, #main #left #contenu ul.pagination li a.on {text-decoration:underline}
	#main #left #contenu ul.pagination li a.on {
		color:#999;
		cursor:text
	}
/* --------------------------------- Haut de page */
	#main #left #contenu div.haut_page {
		float:left;
		width:100%;
		text-align:right;
		background-image:url(../../images/structure/background/haut_page.gif);
		background-repeat:no-repeat;
		background-position:right;
		margin:0 0 10px 0
	}
	#main #left #contenu div.haut_page a {
		color:#ff7800;
		text-decoration:none;
		background-image:url(../../images/structure/background/haut_page.gif);
		background-repeat:no-repeat;
		background-position:left;
		padding:0 10px
	}
	#main #left #contenu div.haut_page a:hover {text-decoration:underline}
/* ----------------------------------------------------- Illustrations */
	#main #left #illustrations {
		float:left;
		width:180px;
		color:#999;
		padding:30px 15px 0 0
	}
	#main #left #illustrations li {
		background:url(../../images/structure/background/illustration_top.gif) no-repeat;
		padding:7px 0 0 0;
		margin:0 0 15px 0
	}
	#main #left #illustrations li img {
		vertical-align:top;
		background:url(../../images/structure/background/illustration_middle.gif) repeat-y;
		padding:1px 12px 3px 10px
	}
	#main #left #illustrations li div.bottom {
		height:12px;
		font-size:0;
		background:url(../../images/structure/background/illustration_bottom.gif)
	}
	#main #left #illustrations li span {
		display:block;
		padding:0 12px 0 10px
	}
/* ------------------------------------------------------------------------- Right */
	#main #right {padding-top:5px}
	
	
	
/* -------------------------------------------------------------- VIDEOS */

#videos {
	float:left;
	width:100%;
	margin:0 0 30px;
}

#videos h1 {
	margin:0 0 10px 0;
}

#videos  #categories {
	height:34px;
	width:100%;
}

#videos  #categories form {
	float:right;
	margin:0 50px 0 0;
}

#videos  #categories form label {
	display:none;
}

#videos  #categories form select {
	background:white none repeat scroll 0 0;
	font-size:1.1em;
	height:20px;
	padding:0 0 0 10px;
	width:200px;
}

#videos  #categories form select option{
	padding:0 0 0 10px;
}

#videos  #categories form input {
	margin:0 0 0 6px;
}

#videos #derniere-video {
	width:212px;
	float:left;
}

#videos #derniere-video h2{
	border:medium none;
	font-size:2em;
	font-style:normal;
	font-weight:bold;
	margin:0 0 4px 0;
	color:black;
}

#videos #derniere-video h3 {
	font-size:1.4em;
	letter-spacing:-0.01em;
	margin:2px 0 3px;
}

#videos #derniere-video h3 a{
	color:#05347a;
}

#videos #derniere-video p {
	color:#111111;
	text-align:justify;
}

#videos #derniere-video span.date {
	display:block;
	float:right;
	font-style:italic;
	color:#111111;
}

#videos #autres-videos {
	width:283px;
	float:left;
	margin:0 0 0 40px;
}

#videos #autres-videos h2{
	border:medium none;
	font-size:1.6em;
	font-style:normal;
	font-weight:bold;
	margin:4px 0 4px;
	color:black;
}

#videos #autres-videos .bloc-video {
	float:left;
	width:283px;
	margin:0 0 12px 0;
}

#videos #autres-videos .bloc-video img{
	float:left;
	margin:3px 10px 4px 0;
}

#videos #autres-videos .bloc-video h3{
	clear:none;
	font-size:1.3em;
	margin:0 0 2px 0;
}

#videos #autres-videos .bloc-video h3 a{
	color:#05347a;
}

#videos #autres-videos .bloc-video p {
	color:#111111;
	text-align:justify;
}

#videos #autres-videos span.date {
	display:block;
	float:right;
	font-style:italic;
	color:#111111;
}