/*********************************************************************
* @Date: 29/05/2006
* @Auteur: Carine LAVAL
* @projet: SRFPH
* @description: Styles utilisés pour tous les habillages du site sauf "Sans style"
*********************************************************************/

#conteneur {
	text-align: left;
	margin:0 auto;
	padding: 0px;
}

html, body, #conteneur_menu, #principalD, 
#zoom, #acces, #nav, #navColD, .frmrech, 
p.spip_note, p.spip, .cadreGri, .barreGri, .traitGri, .sepGri, .contenu
{
	margin: 0px;
	padding: 0px;
}

table caption, thead.cache, .structure, #menuF dd {
	display: none;
}

h1,h2,h3,h4 {
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	font-weight: normal;
}

.surlg {
	padding-left: 3px;
	padding-right: 3px;
}

/*
 * Taille des polices 
 */
h1 {
	font-size: 180%;
}
h2 {
	font-size: 150%;
}
.surtitre { 
	font-size: 140%; 
} 
h3, .titre-actu {
	font-size: 130%;
}
.titre-actu {
	text-transform: uppercase;
}

h4, #menuF, .rep_form, .titre-docs, .spip caption, .gd .spip, .spip .gd {
	font-size: 110%;
}

.texte {
	font-size: 105%;
}
#recherche, #style {
	font-size: 95%;
	color: #FFF;
}
.detail, .spip_documents, .notes { 
	font-size: 90%; 
} 

/*
 * Alignement du texte
 */
#menuF dt, .spip caption, .spip th, .spip_documents_right, .spip_documents_left, .spip_documents_center {
	text-align: center;
}
.titre-actu, .print, .texte, .general {
	text-align: right;
}
.texte, .texte p.spip, .extrait {
	text-align: justify;
}
.spip td, .acces p.spip, .acces .spip, .zoom p.spip, .zoom .spip, .demi .cadre ul.spip, .demi .cadre ul.spip_flech {
	text-align: left;
}


/*
 * Styles generaux
 */
body { 
	text-align: center;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 0.75em;
}
.txtAcc { 
	margin-top: 30px;
	padding: 0 10px 70px 10px;
	font-size: 1em;
}
a, .menu-item a:hover { 
	text-decoration: underline; 
}
a:hover, .menu-item a { 
	text-decoration: none; 
}

a.spip_out { font-style: italic; }
a.spip_url, a.spip_pdf {font-style: italic; font-weight: bold; }
a.spip_glossaire { text-decoration: none; color: #808080; }


ul, ul.spip, ul.spip_flech { padding-top: 2px; margin: 0px; margin-left:20px; padding-left:20px; }
ol, ol.spip { padding-top: 2px; margin: 0px; margin-left:20px; padding-left:20px; }
li, li.spip {padding-top:0px; padding-left:0px; } 

.spip_puce { 
	background-image: url("puce.gif"); 
	width: 16px; 
	height: 12px; 
	list-style-position: inside;
	border-width: 0px;
} 

.titre-docs {
	font-variant: small-caps;
	letter-spacing: 1px;
	margin-bottom: 5px;
}

.notes {
	margin-top: 20px;
	padding: 10px;
}

.titre-actu, .titre-docs, .spip caption, .surtitre { 
	font-weight: bold; 
}


/*
 * Mise en page des textes (bordures...)
 */

.spip_documents_center {
	margin: auto; 
	width: 80%;
}

.spip_documents_left {
	float: left;
	margin-right: 15px; 
}

.spip_documents_right, .acces, .zoom {
	float: right;
	margin-left: 15px; 
}

table.spip {
	margin-left: auto;
	margin-right: auto;
}
table.spip th {
	font-size: 1.1em;
	color: #FFFFFF;
	padding: 5px;
}

table.spip td {
	padding: 3px;
	vertical-align: middle;
}
table.spip td.ssTrait {
	border: none;
}
div.retrait {
	margin : 0px;
	margin-left : 30px;
}

blockquote.spip, .acces, .zoom {
	width: 11.8em;
	margin: 0px;
	margin-left : 15px;
	margin-bottom : 10px;
	border : 1px solid #aaaaaa;
	padding: 10px;
}


.docs, .marge-ctt
{
	*height: 1%;
}

.contenu
{
	/* height: auto; */
}

.cadreGri {
	clear: both;
	margin: 0 20px;
}
.cadreReader {
	clear: both;
	margin: 20px; 
	margin-bottom: 5px;
}
.cadreGri .cadre, .barreGri .cadre, .cadre1 .cadre, .cadre0 .cadre, .cadre2 .cadre, .cadre3 .cadre, .cadre4 .cadre { 
	margin: 0px; 
	padding: 0px; 
	padding-left:15px; 
	padding-right:15px; 
	*height: 1%;
}

.cadre0, .cadre1, .cadre2, .cadre3, .cadre4 {
	width: auto;
	margin: 0px;
	padding: 0px;
	padding-bottom:10px; 
}
.cadre0 .cadre, .cadre1 .cadre, .cadre2 .cadre, .cadre3 .cadre, .cadre4 .cadre {
	padding-top:10px; 
}

.demi {
	width: 55%;
}


/*
 * Habillage des menus et de la nav
 */
#recherche, #acces, #navColD, .print, .dtModif
{
	float: right;
}
#style, #zoom, .saisie, #menuF dl, .alGche
{
	float: left;
}

#recherche, #style
{
	margin: 0px;
	padding: 0px;
	padding-left: 4px;
	padding-bottom: 2px;
	width: 164px;
}

.btOK { 
	margin-left: 132px;
}
.saisie {
	width: 130px;
}

#menuF dl, #menuF dt, #menuF dd, #menuF ul, #menuF li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menuF {
	margin-left: 168px;
	margin-right: 170px;
	z-index:100;
}
#menuF dl {
	width: 25%;
	margin: 0px;
}

#menuF dt {
	cursor: pointer;
	border-left: 1px solid #000000;
	border-right: 1px solid #6F8E94;
}
#menuF dl.menu1 dt {
	border-right: none;
}
#menuF dd {
	position: absolute;
	width: 210px;
}
#menuF dd.smenu4, #menuF dd.smenu2, #menuF dd.smenu3  {
	margin-left: 200px;
}

#menuF dd.smenu1  {
	margin-left: -200px;
}

#menuF li a, #menuF dt a {
	text-decoration: none;
	display: block;
	*height: 1%;
}

/* Des couleurs specifiques selon les types de menus */
.general  { float: right; }
.baseline {	clear: both; }
.general, .general a, .general a:hover, .alGche, 
.baseline, .baseline a, .baseline a:visited, .baseline a:hover { color: #FFFFFF }


/*
 * Styles pour le contenu (c-a-d. la colonne principale)
 */
.print {
	width: 21em;
}


/*
 * Disposition a l'ecran : colonnes, encarts, cartouches
 */

#principal {
	padding: 0px;
	padding-left: 100px;
	padding-right: 100px;
}

#principalD {
	width: 350px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#nav {
	height: 131px;
	margin: 0 1px;
}

#navColD {
	width: 550px;
	padding-top: 5px; 
	padding-left: 15px; 
	padding-right: 20px; 
	margin-bottom: 10px; 
}

#rendez-vous, #actu {
	margin-bottom: 20px;
}
#zoom, #acces {
	width: 265px;
	margin-bottom: 80px;
}

.marge-ctt {
	padding : 15px;
	padding-top : 0px;
}
.marge-msg {
	padding : 5px;
	padding-top : 0px;
	margin:15px;
	margin-top:10px;
	margin-bottom:0px;
}

#navBas {
	padding: 5px 20px;
	background-color: #4F6267;
}

.srfph_logos {
	vertical-align: middle;
	border-width: 0px;
}


/*
 * Barre de raccourcis
 */

a.spip_barre img {
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #aa9966;
	border-bottom: 1px solid #aa9966;
	padding: 3px;
	background-color: #FFDDAA;
}
a.spip_barre:hover img {
	border: 1px solid #808080;
	padding: 3px;
	background-color: #f8f8f4;
}

/*************************************************************/
.fond-tit {
	margin-bottom: 1px;
}
	.fond-tit h1, 
	.fond-tit h2, 
	.fond-tit h3, 
	.fond-tit h4 {
		display: innline;
		margin: 0;
		text-transform: uppercase;
		font-size: 120%;
		font-weight: bold;
	}
		.fond-tit span {
			display: inline-block;
			padding-left: 10px;
			background-repeat: no-repeat;
			background-position: left top;
		}
			.fond-tit span span {
				padding: 0 10px 0 0;
				background-repeat: no-repeat;
				background-position: right top;
			}
				.fond-tit span span span {
					padding: 10px 0 6px 0;
					background-repeat: repeat-x;
					background-position: center top;
				}

.titre-extrait {
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 2px;
	text-align: left;
	font-weight: bold;
}

.tout {
	margin-top: 10px;
}
	.tout span {
		display: inline-block;
		padding-left: 5px;
		background-repeat: no-repeat;
		background-position: left top;
	}
		.tout span span {
			padding: 0 5px 0 0;
			background-repeat: no-repeat;
			background-position: right top;
		}
			.tout span span span {
				padding: 3px 3px 4px 3px;
			}
				.tout a {
					padding-left: 10px;
					background-repeat: no-repeat;
					text-decoration: none;
				}
				.tout a:hover {
					text-decoration: underline;
				}

.block-vie {
	margin: 20px 0 30px 0;
}
	.block-vie .blockcontent {
		padding: 5px 20px;
	}

.lire {
	margin-top: 10px;
}
	.lire span {
		display: inline-block;
		padding-left: 5px;
		background-repeat: no-repeat;
		background-position: left top;
	}
		.lire span span {
			padding: 0 5px 0 0;
			background-repeat: no-repeat;
			background-position: right top;
		}
			.lire span span span {
				padding: 3px;
				background: #FFF none;
			}
				.lire a, .lire a:hover, .lire a:visited {
					padding-left: 10px;
					background-repeat: no-repeat;
					color: #000;
				}
				.lire a {
					text-decoration: none;
				}
				.lire a:hover {
					text-decoration: underline;
				}

.img-doc {
	float: left;
	width: 170px;
}
.titre-doc {
	font-weight: bold;
	margin-bottom: 10px;
}
.descriptif-doc {
	margin-bottom: 10px;
}
.telechargement-doc {
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 2px;
}

.logo {
	width: 100%;
	margin: 0 0 10px 0;
}
	.logo .cadre a {
		display: table-cell;
		padding: 0 35px;
		vertical-align: middle;
	}