/* ----------------------------------------------------------------------
-----
----- SFP Societe Francaise de Philosophie
----- CSS ecran "typographie"
-----
----- bugs a rapporter a aurelien.ferlito CHEZ free.fr
-----
---------------------------------------------------------------------- */


/* -- colonne gauche : actualites
-----------------------------------------------------------------------*/
div#actualites h3 {
	padding: 0 0 0 20px;
	margin: 13px 10px 0 14px;
	background: url(../img_layout/sfp_actualites_taquet.gif) no-repeat left 6px;
	font-size: 11px; /* outrepasse l'agrandissement de la taille du texte dans IE */
	line-height: 140%;
	color: #4d4d4d;
}
div#actualites p {
	margin: 0 10px 0 34px;
	color: #4d4d4d;
	font-size: 11px;
}
div#actualites a {
	font-weight: normal;
	color: #4d4d4d;
}
div#actualites a:hover {
	text-decoration: none;
}

/* -- colonne centrale
-----------------------------------------------------------------------*/
div#colonneCentrale h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px; /* 1.8em */
	font-style: italic;
	margin: 0 0 7px 0;
	font-weight: normal;
}
div#colonneCentrale h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px; /* 1.4em */
	font-style: italic;
	margin: 12px 0 3px 0;
}
div#colonneCentrale h3 {
	font-size: 11px;
	margin: 0 0 8px 0;
}
div#colonneCentrale p {
	font-size: 11px;
	line-height: 170%;
	margin: 0 0 8px 0;
	color: #4d4d4d;
}
div#colonneCentrale ul,
div#colonneCentrale ol {
	font-size: 11px;
	line-height: 170%;
	color: #4d4d4d;
	list-style: none;
	padding: 0 0 10px 30px;
}
div#colonneCentrale ul ul,
div#colonneCentrale ol ol {
	padding: 0 0 0 30px;
}
div#colonneCentrale ul.retrait1 {
	padding-left: 22px;
}
div#colonneCentrale ul li {
	background: url(../img_layout/sfp_puce.gif) no-repeat left 7px;
	padding-left: 16px;
}
div#colonneCentrale ol li {
	list-style-type: decimal;
	list-style-position: inside;
}
div#colonneCentrale a:link,
div#colonneCentrale a:visited {
	color: #4d4d4d;
}
div#colonneCentrale a:hover {
	color: #000;
	background-color: #F2F7F2;
	text-decoration: none;
}
div#colonneCentrale a:active {
	color: #4d4d4d;
}

div#colonneCentrale .couleur1 {
	color:#B60D0F;
}
div#colonneCentrale .couleur2 {
	color:#5f7b5e;
}
div#colonneCentrale .couleur3 {
	color: #999999;
}
div#colonneCentrale .couleur4 {
	color: #5f7b5e;
}
div#colonneCentrale q { /* citation */
	clear:both;
	display: block;
	padding: 0 0 0 40px;
	margin: -6px 0;
	quotes: " " " "
}
div#colonneCentrale hr {
	height: 1px;
	width: 70%;
	margin: 22px auto;
	color: #CCCCCC;
	background-color: #CCCCCC;
	border: 0;
	clear: both;
}
div.flottantGauche {
	float: left;
	padding: 6px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	margin: 0 15px 0 0;
}
div.flottantDroite {
	float: right;
	padding: 6px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	margin: 0 0 0 15px;
}
div.flottantCentre {
	margin: 0 auto;
	padding: 5px 0;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
div#colonneCentrale p.legendeImage {
	line-height: 120%;
	color: #999;
}
p.legendeImage span.creditImage {
	color: #ccc;
}

/* -- colonne droite
-----------------------------------------------------------------------*/
div#colonneDroiteAccueil h4,
div#colonneDroiteParole h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: italic;
	margin: 4px 0 0 0;
	padding: 0 0 3px 0;
}
div#colonneDroiteAccueil p,
div#colonneDroiteParole p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 195%;
	color: #4d4d4d;
	margin: 0 0 9px 0;
}


/* -- formulaires d'adhesion, de recherche
-----------------------------------------------------------------------*/
div.adhesionBg {
	background: url(../img_layout/sfp_bg_adhesion2.gif) no-repeat 415px 25px;
}
div#colonneCentrale form.adhesionForm,
div#colonneCentrale form.rechercheForm {
    margin-bottom: 22px;
}
div#colonneCentrale form.rechercheResultats {
	/* laisser vide */
}
div#colonneCentrale fieldset {
    border: 1px dotted #cccccc;
    margin-bottom: 16px;
	padding: 11px 22px 22px;
}
div#colonneCentrale fieldset.adhesionField,
div#colonneCentrale fieldset.rechercheField  {
	/* laisser vide */
}
div#colonneCentrale legend {
    margin: 0 0 0 11px;
    padding: 0 11px;
    background-color: white;
}
div#colonneCentrale input.case {
}
div#colonneCentrale label.labelFlottant {
	font-size: 11px;
	color: #4d4d4d;
	line-height: 20px;
	padding-left: 8px;
}
div#colonneCentrale label.labelUneLigne {
	font-size: 11px;
	color: #4d4d4d;
    display: block;
    width: 250px;
    margin: 12px 0 3px;
}
div#colonneCentrale input.inputUneLigne {
	font-size: 11px;
	color: #4d4d4d;
    height: 18px;
    width: 250px;
    display: block;
    padding-top: 4px;
    border: 1px inset #dccfd3;
}
div#colonneCentrale input.inputUneLigne:focus {
	background-color: #F9F8F9;
}
div#colonneCentrale textarea.adhesionArea {
	background-color: #F9F8F9;
    width: 250px;
    height: 100px;
    border: 1px inset #dccfd3;
}
div#colonneCentrale input.adhesionSoumettre,
div#colonneCentrale input.rechercheInterroger {
	margin-top: 26px;
}
div#colonneCentrale input.case2 {
	/* laisser vide */
}
div#colonneCentrale label.labelFlottant2 {
	font-size: 11px;
	color: #4d4d4d;
	line-height: 20px;
	padding-left: 8px;
}

/* -- colloques, conferences
-----------------------------------------------------------------------*/
div#colonneCentrale.collBox ul,
div#colonneCentrale.confBox ul,
div#colonneCentrale.revueBox ul {
	padding-left: 0 !important;
	margin-top: 20px;
}
div#colonneCentrale.collBox ul li,
div#colonneCentrale.confBox ul li {
	margin-bottom: 12px;
}
div#colonneCentrale.collBox ul li a,
div#colonneCentrale.confBox ul li a {
	/* rien */
}
div#colonneCentrale.collBox ul li a:hover,
div#colonneCentrale.confBox ul li a:hover {
	background: none !important;
	color: #4d4d4d !important;
}


/* -- ouvrages
-----------------------------------------------------------------------*/
div#colonneCentrale.ouvragesBox p {
	background-color: #a5a299;
	display: inline;
	padding: 0px 13px;
	color: #FFFFFF;
}
div#colonneCentrale.ouvragesBox ul {
	padding-left: 30px;
}
div#colonneCentrale.ouvragesBox ul li {
	margin-bottom: 25px;
}
div#colonneCentrale.ouvragesBox ul ul {
	padding-left: 60px;
}
div#colonneCentrale.ouvragesBox ul ul li {
	background: url(../img_layout/sfp_puce.gif) no-repeat left 7px;
	padding-left: 20px;
}


/* -- recherche et resultats
-----------------------------------------------------------------------*/
div.rechercheChamps {
	width: 250px;
	float: left;
}
div.rechercheCriteres {
	width: 290px;
	float: right;
}
p.rechercheDans {
	margin: 12px 0 0 0 !important;
}
p.rechercheAttention {
	margin: 7px 0 0 0 !important;
	padding: 0 0 0 22px;
	line-height: 17px !important;
	border-left: 1px solid #D92424;
}


div#colonneCentrale.rechercheBox ul {
	/* a supprimer */
}
div#colonneCentrale.rechercheBox ul ul {	/* a supprimer */
	padding-bottom: 0.5em;
}
div#colonneCentrale.rechercheBox ul li {	/* a supprimer */
	background-image: none !important;
	padding: 0 !important;
	line-height: 250%;
}
div#colonneCentrale.rechercheBox ul li li {	/* a supprimer */
	background: url(../img_layout/sfp_puce.gif) no-repeat left 7px !important;
	padding-left: 1.7em !important;
	margin: 0 0 0.7em 1.6em;
	line-height: 140%;
}


/* -- la parole est à vous !
-----------------------------------------------------------------------*/
div#colonneCentrale form.paroleForm {
	/* laisser vide */
}
div.paroleChamps {
	width: 400px;
	float: left;
}
div.paroleChamps .paroleRouge {
	color: #D92424 !important;
}
div#colonneCentrale fieldset.paroleField {
	border: none;
	padding: 0 0 20px;
}
div.paroleChamps input.paroleSujet {
	width: 395px !important;
}
div#colonneCentrale textarea.paroleArea {
	background-color: #F9F8F9;
    width: 395px;
    height: 110px;
    border: 1px inset #dccfd3;
}
div.paroleBoxFlottante {
	float: left;
	width: 140px;
}
div.paroleChamps label.paroleLabelflottant {
	width: 130px !important;
}
div.paroleChamps input.paroleInputflottant {
	width: 130px !important;
}
div#colonneCentrale input.paroleEnvoyer {
	margin: 32px 0 0 0;
	float: right;
}