html{background:url(../images/fondPage/fond.jpg) 0 0 repeat-x #FFF;}

@font-face {
    font-family: 'liberation';
    src: url('../polices/liberationsans-regular-webfont.eot');
    src: url('../polices/liberationsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/liberationsans-regular-webfont.woff') format('woff'),
         url('../polices/liberationsans-regular-webfont.ttf') format('truetype'),
         url('../polices/liberationsans-regular-webfont.svg#LucidaGrandeRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {font:normal 13px liberation,Arial,sans-serif;}

/*Page complète : contient entetePage, corpsPage & piedPage*/
div#page {
	margin:10px auto;
	width:1000px;
	background:#FFF;
	border:1px solid #3e788f;
}
div#page > div {
	width:1000px;
}

div#entetePage{
	position:relative;
	background:url(../images/entetePage/entete.jpg) 0 0 no-repeat;
	padding-top:210px;
	margin:0 auto 10px !important;
}
ul#navigation{
	width:100%;
	height:30px;
	background:url(../images/entetePage/fondNavigation.png) 0 0 repeat-x;
}
ul#navigation > li{
	position:relative;
	float:left;
	width:auto;
	height:30px;
}
ul#navigation > li  > a{display:block;}

ul#navigation > li  > a span{
	display:block !important;
	padding-left:40px;
	height:30px;
	line-height:2.2em;
	color:#000;
	font-size:15px;
	text-transform:uppercase;
}
ul#navigation > li  > a span.accueil			{background:url(../images/pictos/pictoAccueil.png) 15px 0 no-repeat;}
ul#navigation > li  > a span.activites		{background:url(../images/pictos/pictoProjets.png) 15px 0 no-repeat;}
ul#navigation > li  > a span.pastorales		{background:url(../images/pictos/pictoPastorale.png) 15px 0 no-repeat;}
ul#navigation > li  > a span.restauration	{background:url(../images/pictos/pictoRestaurant.png) 15px 0 no-repeat;}
ul#navigation > li  > a span.presentation	{background:url(../images/pictos/pictoPresentation.jpg) 15px 0 no-repeat;}

ul#navigation > li  > a:hover,ul#navigation > li  > a.actif		{background:#8abdfc;}

ul#navigation > li  > a.actif span,
ul#navigation > li  > a:hover span	{background-position:15px -30px;color:#FFF;}

ul#navigation > li ul	{
	position:absolute;
	background:#FFF;
	width:248px;
	margin-top:1px;
	z-index:999;
	display:none;
}
ul#navigation > li:hover ul	{display:block;}

ul#navigation > li ul li	{
	float:left;
	width:226px;
	height:20px;
	background:#8abdfc;
	padding:5px 10px;
	margin:1px 0;
	border:1px dotted #000;
}
ul#navigation > li ul li a{
	display:block;
	font-size:13px;
	color:#0b2d58;
	line-height:1.5em;
}
ul#navigation > li ul li a:hover{color:#FFF;}


div#corpsPage{
	overflow:hidden;
	width:980px !important;
	padding:0;
	margin:10px auto 5px !important;
}

div#contenuPage{	
	width:770px;
	margin:0 !important;
	float:right !important;
}

div#colonneGauche	{
	float:left;
	margin-right:10px !important;
	padding : 0px !important; 
}

div#colonneGauche p{margin:5px 0;}

ul#listeRaccourcis li	{height:50px;}
ul#listeRaccourcis li a{
	display:block;
	padding-left:55px;
	height:50px;
	font-size:13px;
	text-transform:uppercase;
	color:#448198;
	line-height:2.5em;
}

ul#listeRaccourcis li a.lienGalerie		{background:url(../images/pictos/pictoGalerie.png) 0 0 no-repeat;}
ul#listeRaccourcis li a.lienAppel			{background:url(../images/pictos/pictoAppel.png) 0 0 no-repeat;}
ul#listeRaccourcis li a.lienLocalisation	{background:url(../images/pictos/pictoLocalisation.png) 0 0 no-repeat;}
ul#listeRaccourcis li a.lienAgenda			{background:url(../images/pictos/pictoAgenda.png) 0 0 no-repeat;}
ul#listeRaccourcis li a.lienPhoto			{background:url(../images/pictos/pictoPhoto.png) 0 0 no-repeat;}

/*Bloc FLASH INFO*/
div#blocFlashInfo{
	width:190px;
	padding-top:31px;
	background:url(../images/blocs/blocFlashInfoHaut.png) 0 0 no-repeat;
}
div#blocFlashInfo div.contenuBloc{
	width:176px;
	padding:5px 7px 25px;
	background:url(../images/blocs/blocFlashInfoBas.png) 0 100% no-repeat;
}


/*****	Les blocs de contenus	*****/
.bloc{padding-bottom:11px;}

.bloc div.contenuBloc{
	padding:5px;
	border:1px solid #949294;
	border-bottom:0;
	background-color:#FFF;
}

/*Bloc COLONNES Gauche & Droite*/
.bloc.blocColonne{
	width:190px;
	background:url(../images/blocs/blocGauche.png) 0 100% no-repeat;
}
.bloc.blocColonne div.contenuBloc{width:178px;}


/*Bloc central plein écran SANS colonne droite*/
.bloc.blocPleinCentral{
	width:770px;
	background:url(../images/blocs/blocCentral.png) 0 100% no-repeat;
}
.bloc.blocPleinCentral div.contenuBloc{width:758px;}

/**********	PIED DE PAGE	**********/
div#piedPage{
	width:1000px;
	height:25px;
	background:url(../images/piedPage/basDePage.png) 0 0 no-repeat;
	margin:0 auto;
}
div#piedPage ul {
    height: 17px;
    margin: 0 10px;
    padding-top: 6px;
    text-align: left;
}
div#piedPage ul li {
    display: inline;
    margin-right: 5px;
}
div#piedPage ul li, div#piedPage ul a {color: #FFF;}