/* REDEFINITIONS des css Multiflex */

/* logos */

/*
.sitelogo {width:60px; height:40px; position:absolute; z-index:1; margin:22px 0 0 20px; }
.sitelogo img {border:0;}


.sitelogo
{
	width: 60px;
	height: 40px;
	position: absolute;
	z-index: 1;
	margin: 22px 0 0 20px;
	background: url(sites/esep/IMG/logo/siteon0.png?1321889670) no-repeat center center;
}
*/





.sitelogo
{
	width: 60px;
	height: 40px;
	position: absolute;
	z-index: 1;
	margin: 22px 0 0 20px;
	background: url(sites/esep/IMG/logo/siteon0.png?1321889670) no-repeat center;
}

/* si largeur dynamique ou pas de relief */
 
	/* navigation */

	.main-navigation
	{
		background-color: #f0f0f0;
		border-bottom: 1px solid #c8c8c8;
		
	}

	

	.layout2 .main-navigation, .layout4 .main-navigation
	{
		border-right: 1px solid #c8c8c8;
		 
			border-radius: 0 10px 0 0;
		
	}

	.layout3 .main-navigation, .layout5 .main-navigation
	{
		border-left: 1px solid #c8c8c8;
		 
			border-radius: 10px 0 0 0;
		
	}

/* navigation de plus de 2 niveaux */
.nav3-grid dl { padding-left: 15px; }
.nav3-bullet dl { padding-left: 15px; }
.nav3-nobullet dl { padding-left: 15px; }

/* fil ariane */
.header-breadcrumbs ul li { padding: 0 5px 0 10px; }

/* textes */

.page-container
{
	font-size: 90%;
}

@media screen and (min-resolution: 97dpi)
{
	.page-container
	{
		font-size: 110%;
	}
}

@media screen and (min-resolution: 120dpi)
{
	.page-container
	{
		font-size: 150%;
	}
}

@media screen and (min-resolution: 150dpi)
{
	.page-container
	{
		font-size: 180%;
	}
}

@media screen and (min-resolution: 193dpi)
{
	.page-container
	{
		font-size: 270%;
	}
}

/* corps */
.main-content h1 { font-size: 150%; font-weight: bold; margin-top: 2.5em;}
.main-content h1.titre { font-size: 210%; margin-top: 1.5em; }
.main-content p { text-align: justify; }
.main-content ul li li, .main-content ol li { font-size: 100%; }
.main-content ul li strong, .main-content ol li strong
		{ border-bottom: 1px solid #c8c8c8; }

/* intertitres {{{ }}} */
.main-content h3 { font-size: 160%; margin: 1em 0 0.2em 0; }
/* sur et sous titres */
.main-content h3.surtitre { font-size: 160%; margin: 1.0em 0 -2em 0; }
.main-content h3.soustitre { font-size: 160%; margin: -0.9em 0 0.5em 0; }

/* colonne un-tiers, deux-tiers */
.column2-one-third-left, .column2-two-third-left
		{ float: left; margin-bottom: 10px; }
.column2-two-third-right, .column2-one-third-right
		{ float: right; margin-bottom: 10px; }

.layout1 .column2-one-third-left, 
		.layout1 .column2-one-third-right
{
	width:
		calc((100% / 3) - 10px);
}
.layout1 .column2-two-third-left, 
		.layout1 .column2-two-third-right
{
	width:
		calc((200% / 3) - 10px);
}

.layout2 .column2-one-third-left, .layout3 .column2-one-third-left, 
		.layout2 .column2-one-third-right, .layout3 .column2-one-third-right
{
	width:
		calc((100% / 3) - 10px);
}
.layout2 .column2-two-third-left, .layout3 .column2-two-third-left, 
		.layout2 .column2-two-third-right, .layout3 .column2-two-third-right
{
	width:
		calc((200% / 3) - 10px);
}

.layout4 .column2-one-third-left, .layout5 .column2-one-third-left,
		.layout4 .column2-one-third-right, .layout5 .column2-one-third-right
{
	width:
		calc((100% / 3) - 10px);
}
.layout4 .column2-two-third-left, .layout5 .column2-two-third-left,
		.layout4 .column2-two-third-right, .layout5 .column2-two-third-right
{
	width:
		calc((200% / 3) - 10px);
}

/* SPIP Documents */
.main .spip_documents
{
	clear: both;
	float: left;
	margin: 3px 10px 7px 0;
	padding: 1px;
}
.main .spip_documents_left
{
	float: left;
	margin: 3px 10px 7px 0;
}
.main .spip_documents_center
{
	float: none;
	display: block;
	margin: 0 auto;
	text-align: center;
}
.main .spip_documents_center img { float: none !important; }
.main .spip_documents_right { float: right; margin: 3px 0 7px 10px; }

/* SPIP Portfolio */
#documents_portfolio a { float: left; }


/* SPIP Forums */
.forum ul li{ font-size: 100%; }
.forum .forum-fil{ margin-bottom: 2.5em; }
.forum-message { border: 1px solid #dcdcdc; }
.forum-chapo { background: #f0f0f0;
		padding: 0.5em 1em; font-size: 100%; }
.forum-texte { padding: 1em 1em 0.5em 1em; font-size: 80%; }
.forum blockquote { border-left: 1px solid rgb(234,239,247);
		margin: 1em 2em; padding-left: 2em; }

/* Formulaires */
.contactform fieldset { padding: 20px 10px 10px 10px !important; }
.contactform input
{
	width: 98%;
	padding: 2px;
	border: solid 1px #c8c8c8;
	font-family: verdana, arial, sans-serif;
	font-size: 110%;
}
.contactform textarea { width: 98%; }
.contactform ul { margin: 0.5em 0; }
.contactform ul li { margin-bottom: 0.5em; }
.contactform table.spip_barre{ width: 98%; }

table.spip_barres
{
	table-layout: auto;
	margin: 0.2em;
	background: #f0f0f0;
}
table.spip_barre td
{
	height: auto;
	border: 0;
	padding: 0;
	background: #f0f0f0;
}
table.spip_barre a:hover img
		{ background: #fafafa; border: 1px solid #f0f0f0; }
table.spip_barres img
		{ border: 1px outset #f0f0f0; background: #fafafa;
		padding: 0; margin: 1px; float: none;}

/* common */
/* puces spip en image */
.main .spip_documents img, 
		.main .vignettes_portfolio img
{
	clear: both;
	float: left;
	margin: 3px 10px 7px 0;
	padding: 1px;
	border: 1px solid #969696;
}
.main img { margin: 0; padding: 0; border: 0;}