html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5d5d5c;
	background-color: #3a3a3a;
}

.clear {
	clear: left;
	font-size: 1px;
}

/****** Entête ******/
#tetiereHomeBg {
	background-image: url(../images/bgHome.jpg);
	background-repeat: repeat-x;
	height: 351px;
}
#tetiereBg {
	background-image: url(../images/bgtetiere.jpg);
	background-repeat: repeat-x;
	height: 271px;
}
#tetiere {
	height: 187px;
	width: 680px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background-repeat: no-repeat;
}

#logoBox {
	float: left;
	width: 234px;
}

/**** Menu général ****/
#navigation,
#navigation-en {
	height: 80px;
	width: 455px;
	background-image: url(../images/menu-general/degrade_fin.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
}

#navigation a span,
#navigation-en a span {
	display: none;
}

#navigation a,
#navigation-en a {
	float: left;
	border: none;
	height: 80px;
	width: 91px;
	background-position: left top;
}

/** Version française **/

#navigation_accueil {
	background-image: url(../images/menu-general/accueil.jpg);
}
#navigation_accueil:hover, #navigation_accueil.actif {
	background-image: url(../images/menu-general/accueilHover.jpg);
}

#navigation_compagnie {
	background-image: url(../images/menu-general/compagnie.jpg);
}
#navigation_compagnie:hover, #navigation_compagnie.actif {
	background-image: url(../images/menu-general/compagnieHover.jpg);
}

#navigation_modeles {
	background-image: url(../images/menu-general/modeles.jpg);
}
#navigation_modeles:hover, #navigation_modeles.actif {
	background-image: url(../images/menu-general/modelesHover.jpg);
}

#navigation_reseau {
	background-image: url(../images/menu-general/reseau.jpg);
}
#navigation_reseau:hover, #navigation_reseau.actif {
	background-image: url(../images/menu-general/reseauHover.jpg);
}

#navigation_life {
	background-image: url(../images/menu-general/life.jpg);
}
#navigation_life:hover, #navigation_life.actif {
	background-image: url(../images/menu-general/lifeHover.jpg);
}

/** Version anglaise **/

#navigation_accueil-en {
	background-image: url(../images/menu-general/accueil-en.jpg);
}
#navigation_accueil-en:hover, #navigation_accueil-en.actif {
	background-image: url(../images/menu-general/accueilHover-en.jpg);
}

#navigation_compagnie-en {
	background-image: url(../images/menu-general/compagnie-en.jpg);
}
#navigation_compagnie-en:hover, #navigation_compagnie-en.actif {
	background-image: url(../images/menu-general/compagnieHover-en.jpg);
}

#navigation_modeles-en {
	background-image: url(../images/menu-general/modeles-en.jpg);
}
#navigation_modeles-en:hover, #navigation_modeles-en.actif {
	background-image: url(../images/menu-general/modelesHover-en.jpg);
}

#navigation_reseau-en {
	background-image: url(../images/menu-general/reseau-en.jpg);
}
#navigation_reseau-en:hover, #navigation_reseau-en.actif {
	background-image: url(../images/menu-general/reseauHover-en.jpg);
}

#navigation_life-en {
	background-image: url(../images/menu-general/life-en.jpg);
}
#navigation_life-en:hover, #navigation_life-en.actif {
	background-image: url(../images/menu-general/lifeHover-en.jpg);
}

/**** Sous-menu ****/

#ssnav {
	float: left;
	width: 234px;
	margin-right: 26px;
	text-align: right;
	font-size: 11px;
	color: #000;
}
#ssnav ul {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#ssnav li {
	margin: 0px 0px 5px;
	padding: 0px 12px 7px 0;
	list-style-type: none;
	background: url(../images/item-ssnav.gif) no-repeat 100% -12px;
}
#ssnav li a {
	color: #000;
	text-decoration: none;
}
#ssnav li a:hover{
	color: #fa9900;
}
#ssnav li ul {
	margin-top: 11px;
	font-weight: normal;
}
#ssnav li li {
	background: none;
	padding: 0 0 3px;
	margin: 0;
}
#ssnav li li a {
	color: #8d8d8d;
}
#ssnav img {
	margin-right: -5px;
}



/**** Langues ****/
#langues {
	float: left;
	height: 80px;
	width: 190px;
}


/****** Contenus ******/

#titreRub {
	background-repeat: no-repeat;
	height: 97px;
	background-position: 150px 0px;
}

#contain_texte {
	background-color: #FFF;
	float: left;
	background-repeat: no-repeat;
	background-position: 150px 0px;
	margin-bottom: 30px;
}
#contain_texte p{
	width: 425px;
	text-align: justify;
}

.lettrine{
	font-size: 42px;
	clear: both;
	float: left;
}

h3 {
	display: none;
}

h4 {
	font-size: 110%;
	color:#000;
	float:none;
	padding: 0;
	font-weight: bold;
	margin: 0.5em 0 0.2em;
}

h4.voirPlusBas {
	background: url(../images/voir-plus-bas.gif) no-repeat left 0.3em;
	padding-left: 9px;
}

h5 {
	font-size: 100%;
	font-weight: bold;
	color:#000;
	padding: 0;
	margin: 0.5em 0 0.2em;
}

p {
	padding: 0;
	margin: 1em 0;
}

.message-important {
	padding: 10px 10px 10px 22px;
	border: 1px solid #F60;
	font-size: 105%;
	background: url(../images/puce-super-lien.gif) no-repeat 10px 15px;
}

div.message-important {
	padding-bottom: 0;
	margin-bottom: 1em;
}


/**** Liens ****/

a {
	color: #F60;
	text-decoration: none;
}

a:visited {
	color: #930;
}

a:hover {
	color: #999;
}

a:active {
	color: #FF6600;
}


/**** Listes ****/

p.introListe {
	margin-bottom: 0;
}

ul, ul li {
	margin: 0;
	padding: 0;
}

ul.lien, ul.std {
	margin: 0.2em 0;
}

ul.liensEspaces {
	margin: 0.5em 0;
}

ul.liens li,
ul.liensEspaces li {
	list-style: none;
	margin: 0;
	background: url(../images/puce-lien.gif) no-repeat 0 0.7em;
	padding-left: 9px;
}

ul.std li {
	list-style: none;
	margin: 0;
	background: url(../images/puce.gif) no-repeat 0 0.6em;
	padding-left: 10px;
}

ul.liens li, ul.std li {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

ul.liensEspaces li {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}



/****/


#contain_texte p span{
	float: left;
	margin-right: 5px;
	margin-top: 2px;
}

.containCenter {
	width: 920px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#navigationBox {
	float: left;
}

#containGeneral {
	background-image: url(../images/menu-general/containDegrade.jpg);
	background-repeat: repeat-x;
	padding-top: 45px;
	background-color: #FFFFFF;
	padding-bottom: 20px;
}

/****** Pied ******/ 
#footer {
}

#footerGeneral {
	background-image: url(../images/footerBG.jpg);
	background-repeat: repeat-x;
	height: 140px;
	color: #848484;
	font-size: 10px;
}

#footer {
	width: 655px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/pgoLogoFooter.jpg);
	background-repeat: no-repeat;
	background-position: 201px 0px;
	padding-left: 260px;
	padding-top: 20px;
	height: 100px;
}

#footer a{
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover{
	color: #CCCCCC;
}