/*** Document CSS pour le portail NewEast ***/

html {
	height : 100%;
}

body {
	margin : 0;
	font : 12px/16px Tahoma, Arial, Helvetica, sans-serif;
	text-align : center;
	height : 100%;
	color : #0c3640;
	background : #377c8c url("images/bg_body.gif") repeat-x center top;
}

a {
	font-weight : bold;
	text-decoration : none;
	color : #377c8c;
}

a:hover {
	text-decoration : underline;
	color : #0c3640;
}

/*** Conteneur principal du site ***/

#WRAPPER {
	background-color : white;
	width : 750px;
	height : auto !important;
	height : 100%;
	min-height : 100%;
	margin : 0 auto;
}

/*** En-tête de page ***/

#HEADER {
	height : 210px;
	margin : 0 6px 0;
	background : url("images/bg_header.jpg") no-repeat left top;
}

#HEADER div {
	float : right;
	display : inline;
	width : 326px;
	margin : 45px 20px 0 0;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	color : #401801;
}

#HEADER h2 {
	margin : 0 0 12px;
	font-size : 22px;
	line-height : 28px;
	font-style : italic;
}

#HEADER h2 strong {
	font-size : 36px;
}

#HEADER h3 {
	margin : 0;
	font-size : 14px;
}

/*** Contenu principal de la page ***/

#CONTENT {
	padding : 0;
	margin : 0;
	margin-left : 6px;
}

#CONTENT a {
	display : block;
	width : 180px;
	height : 310px;
	float : left;
	margin-right : 6px !important;
	margin-right : 4px;
}

#CONTENT a.partir_europe {
	background : url("images/partir_europe.jpg") no-repeat left top;
}

#CONTENT a.partir_europe:hover {
	background : url("images/partir_europe_hover.jpg") no-repeat left top;
}

#CONTENT a.partir_live {
	background : url("images/partir_live.jpg") no-repeat left top;
}

#CONTENT a.partir_live:hover {
	background : url("images/partir_live_hover.jpg") no-repeat left top;
}

#CONTENT a.partir_montagne {
	background : url("images/partir_montagne.jpg") no-repeat left top;
}

#CONTENT a.partir_montagne:hover {
	background : url("images/partir_montagne_hover.jpg") no-repeat left top;
}

#CONTENT a.partir_groupe {
	background : url("images/partir_groupe.jpg") no-repeat left top;
}

#CONTENT a.partir_groupe:hover {
	background : url("images/partir_groupe_hover.jpg") no-repeat left top;
}

/*** Pied de page ***/

#FOOTER {
	/*margin : 320px 6px 0;*/
	margin : 20px 6px;
	font-size : 10px;
	line-height : 12px;
}

#FOOTER a {
	margin : 0 6px;
}

#FOOTER a span {
	font-weight : normal;
}

#FOOTER_LINK {
	margin-top : 10px;
	padding-top : 5px;
	color : #808080;
	text-align : left;
	border-top : 1px dotted #808080;
}

#FOOTER_LINK p {
	margin : 0;
}

#FOOTER_LINK p a {
	display : block;
	float : left;
	margin : 0;
	color : #808080;
	width : 150px;
}

#FOOTER_LOGO {
	float : right;
}