/* ----------------------------------------------------------------------
-----
----- SFP Societe Francaise de Philosophie
----- CSS ecran "layout"
-----
----- !! priorite contenu !!
-----
----- bugs a rapporter a aurelien.ferlito CHEZ free.fr
-----
---------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	font-family: Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size: 11px;
	background: url(../img_layout/sfp_bodybg.gif) repeat;
}
div#page {
	width: 893px;
	margin: 0 auto;
	background: url(../img_layout/sfp_pagebg.gif) repeat-y top left;
}

/* -- header
-----------------------------------------------------------------------*/
div#header {
	width: 869px;
	height: 167px;
	position: absolute;
	top: 0;
	background: url(../img_layout/sfp_headerbg.gif) no-repeat 12px top;
	padding: 0 12px;
/*	border-top: 0.68em solid #A5A299;
*/}
img#logo {
	border: none;
	position: absolute;
	top: 7px;
	left: 12px;
}
img#titre {
	border: none;
	position: absolute;
	top: 7px;
	left: 214px;
}
p#location {
	position: absolute;
	top: 90px;
	left: 214px;
	color: #A3A19D;
	font-size: 11px; /* outrepasse l'agrandissement de la taille du texte dans IE */
}
p#location a {
	color: #A3A19D;
	text-decoration: none;
	padding: 0 7px;
}
p#location a:hover {
	background-color: #EBEBE9;
}
p#utile {
	position: absolute;
	top: 10px;
	right: 12px;
	font-size: 11px; /* outrepasse l'agrandissement de la taille du texte dans IE */
	text-align: right;
	width: 80px;
}
p#utile a {
	color: #333333;
	text-decoration: none;
	padding: 0 7px;
}
p#utile a:hover {
	background-color: #EBEBE9;
}
div#search {
	position: absolute;
	top: 120px;
	right: 12px;
	width: 215px;
	padding-right: 7px;
}
form#searchForm,
fieldset#searchField {
	border: none;
}
input#searchChamp {
	background: url(../img_layout/sfp_rechercher_champ.gif) no-repeat top right; /* alignement droite pour IE */
	border: none;
	width: 100px;
	height: 20px;
	padding: 3px 6px 0 6px;
	margin: 0 5px 4px 0;
	font-size: 10px; /* 0.9em */
	float: left;
}
input#searchBouton {
	margin: 0 0 4px 0;
	float: right;
}
p#searchAdvanced {
	clear: both;
	font-size: 10px; /* .9em; */
	text-align: right;
}
p#searchAdvanced a {
	color: #595955;
}
p#searchAdvanced a:hover {
	text-decoration: none;
}


/* -- menus deroulants
----- voir sfp_menus.css
-----------------------------------------------------------------------*/


/* -- colonne gauche : actualites
-----------------------------------------------------------------------*/
div#contenuBOX {
	width: 869px;
	background: url(../img_layout/sfp_bg_feuilles.gif) no-repeat 214px 167px;
	padding-left: 12px;
	padding-top: 167px;
}
.bgNeutre {
	background: url(../img_layout/sfp_bg_neutre.gif) no-repeat 214px 167px !important;
}
.bgLampe {
	background: url(../img_layout/sfp_bg_lampe.gif) no-repeat 214px 167px !important;
}
.bgRouleaux {
	background: url(../img_layout/sfp_bg_rouleaux.gif) no-repeat 214px 167px !important;
}
.bg2visages {
	background: url(../img_layout/sfp_bg_2visages.gif) no-repeat 214px 167px !important;
}
.bgOuvrage {
	background: url(../img_layout/sfp_bg_ouvrage_g.gif) no-repeat 214px 167px !important;
}
.bgClasseurs {
	background: url(../img_layout/sfp_bg_classeurs.gif) no-repeat 214px 167px !important;
}
.bgColl,
.bgConf {
	background: url(../img_layout/sfp_bg_visage.gif) no-repeat 214px 167px !important;
}
div#actualites {
	width: 201px;
	background-color: #FFFFFF;
	background: url(../img_layout/sfp_actualites.gif) no-repeat left top;
	padding-top: 50px; /* 4.2em */
	float: left;
}

/* -- colonne centrale
-----------------------------------------------------------------------*/
div#colonneCentrale {
	width: 626px;
	float: right;
	margin: 28px 20px 0 0;
	display: inline; /* retablit les marges dans IE */
}
div#paroleFil {
	/* laisser vide */
}

/* -- colonne droite : accueil et parole
-----------------------------------------------------------------------*/
div#colonneDroiteAccueil {
	width: 184px;
	float: right;
	padding: 0 0 0 15px;
	margin: 0 0 10px 15px;
/*	margin: 0 1.8em 0.5em 1.5em;
*/	border-left: 1px dotted #CCCCCC;
}
div#colonneDroiteParole {
	width: 184px;
	float: right;
	padding: 0 0 0 15px;
	margin: 10px 0 10px 15px;
/*	margin: 0 1.8em 0.5em 1.5em;
*/	border-left: 1px dotted #CCCCCC;
}

/* -- footer
-----------------------------------------------------------------------*/
div.spacer {
	clear: both;
	height: 1px;
}
div#footer {
	height: 58px;
	background: url(../img_layout/sfp_footerbg.gif) no-repeat top right;
	border-bottom: 20px #a5a299 solid;
	clear: both;
	position: relative;
	bottom: 0;
}
a#footerImprimer,
a#footerAccueil,
a#footerHautdepage {
	padding: 3px 0;
	font-size: 9px;
	color: #D92424;
	text-decoration: none;
	display: block;
	font-size: 11px; /* outrepasse l'agrandissement de la taille du texte dans IE */
}
a#footerImprimer {
	padding-left: 30px;
	background: url(../img_layout/sfp_footerimprimer.gif) no-repeat left 2px;
	position: absolute;
	top: 13px;
	left: 220px;
}
a#footerAccueil {
	padding-right: 24px;
	background: url(../img_layout/sfp_footeraccueil.gif) no-repeat right 2px;
	position: absolute;
	top: 13px;
	left: 665px;
}
a#footerHautdepage {
	padding-right: 20px;
	background: url(../img_layout/sfp_footerhautpage.gif) no-repeat right 4px;
	position: absolute;
	top: 13px;
	left: 755px;
}
div#footer p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px; /* outrepasse l'agrandissement de la taille du texte dans IE */
	word-spacing: 0.54em;
	color: #94918c;
	position: absolute;
	top: 39px;
	left: 220px;
}
div#footer p a {
	color: #94918c;
	text-decoration: none;
}