@charset "utf-8";
/* CSS Document */

* {margin: 0px; padding: 0px;}

body{

	background:#d9e6ee url(images/background.jpg) repeat-x ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#3e5964;
	line-height:1.3em;
	text-align:center; /* Permet de centrer le contenu de la page dans IE (mais le texte est centré, il faut faire un texte-align-left pour remettre le texte à gauche). */
}


#page{
	background:#c9d6dd url(images/gradientUnique.png) repeat-x;
	margin:0 auto; /* Permet de centrer le contenu de la page, sauf pour IE */
	width:760px;
	text-align:left;
}



/****************************************/
/* Menu du haut (liens hypertextes)*/
/* Dégradés (gradient) à gauche et à droite de toute la page*/
/* Entête avec le bandeau de la compagnie*/
/****************************************/

#contenu{
	width:740px;
	float:left;
	margin:0px 10px 0px 10px;
	display:inline;
}

#menu1{
	background:#e9f3e6;
	color:#3e5964;
	text-align:right;
	padding:14px 10px 4px 0px;
}

#menu1 a {
	color:#3e5964;
	border-right:1px solid #3e5964;
	padding:0px 8px 0px 5px;
	text-decoration:none;
}

#menu1 a:hover {
	color:#a9c1cb;
}

#bandeau {
	height:130px;
	width:740px;
}

/* Menu 7 boutons */
.fauxBouton{
	background:#c9d6dd url(images/fauxBouton.png) no-repeat top left;
	float:left;
	width:52px;
	height:30px;
}

.navigation {
	position:relative;
	background:url(images/bouton.png) repeat-x top left;
	height:30px;
}

.navigation a {
	background:url(images/bouton.png) repeat-x top left;
	border-right: 1px solid #abcadb;
	float:left;
	padding:0 4px;
	line-height:30px;
	color:#3e5964;
	text-align:center;
	text-decoration:none;
}

.navigation a:hover,.navigation a#active {
	background-position: left bottom;
	color:#fff;
}

#zoneTexte{
	background:#e9f3e6;
	padding:35px;
}

.titre{
	background:#c9d6dd url(images/titre.png) no-repeat top left;
	padding:13px 0px 10px 50px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	color:#5d8696;
	width:620px;
	height:20px;
}

.texteCourant{
	background:#f4f4f7;
	padding:25px 45px 35px 45px;
	border:1px solid #87acc3;
	width:578px;
}

#piedPage{
	background:#c9d6dd;
	height:30px;
	padding:5px 0px 0px 0px;
	text-align:center;
	font-size:0.85em;
}

/*******************************/
/*Modifications simples */
/******************************/
#bandeauIndex {
	height:253px;
	width:740px;
}

.fauxBoutonIndex{
	background:#c9d6dd url(images/fauxBoutonLong.png) no-repeat top left;
	float:left;
	width:100px;
	height:30px;
}

.navigationIndex {
	position:relative;
	background:url(images/bouton.png) repeat-x top left;
	height:30px;
}

.navigationIndex a {
	background:url(images/bouton.png) repeat-x top left;
	border-right:1px solid #abcadb;
	float:left;
	padding:0 22px;
	line-height:30px;
	color:#3e5964;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
}

.navigationIndex a:hover,.navigationIndex a#active {
	background-position: left bottom;
	color:#fff;
}
/*******************************/
/*Modifications simples */
/******************************/
ul{
	padding:0px 0px 0px 20px;
}

li{
	padding:0px 0px 15px 0px;
}

.clear{
	clear:both;
}

a img{
	border:none;
}

.centrerElement
{
text-align:center;
}

/*******************************/
/*Liens*/
/*******************************/
a {color: #5d8696;}
a:hover {color: #a9c1cb;}

a.externe {
	background:url(images/externe.png) no-repeat right top;
	padding:0 14px 0 1px;
}

a.externe:hover {
	color: #a9c1cb;
}