* { margin:0; padding:0; }

html {
	background:url('images/fond_droit.gif') #00a7e2 top left repeat-y;
	height:100%;
}
body {
	background:url('images/foreverwater.gif') top left repeat-x;
	height:100%;
	font-family:arial, sans-serif;
	min-width:950px;
	padding-bottom:30px;
}

ul { list-style-position:inside; list-style-type:disc; padding-left:1em; }
ul li { margin:.4em 0 .5em 0; }
ul ul { list-style-type:circle; padding-left:2em; }
ul ul li { margin:0 0 .5em; }

a { text-decoration:none; color:#1587AF; outline:0; }
a:hover {  }
a.spip_out:hover { color:#000; background:#00a7e2; }
p.spip {
	margin-bottom:.5em;
	text-align:justify;
}

table.spip { width:100%; }
table.spip caption { padding:4px; }
table.spip tr.row_first, table.spip caption { background:#034ea2; color:#fff; }
table.spip tr.row_even { background:#d4effc; }
table.spip tr.row_odd { background:#fff; }
table.spip th, table.spip td, table.spip caption { border:2px solid #6ea7cd; }

h3.spip { text-align:left; }

.nettoyeur { clear:both; width:100%; height:1px; }
/*
#page {
	min-width:790px;
	height:100%;
	background:url('images/niveau03b.gif') top left repeat-x;
}*/


/* la partie droite
-------------------------------------------------------------- */
#navigation {
	position:absolute;
	top:0;
	left:0;
	width:200px;
	text-align:right;
	
}

#navigation li { list-style:none; }
#entete a { display:block; width:200px; height:159px; }
#entete a .spip_logos { float:right; margin-right:-4px; }
#entete .chapo, .menu .contact {
	font-size:.8em;
	margin-top:6px;
	padding:4px 16px 4px 10px;
	border-top:8px solid #dcddde;
	border-bottom:8px solid #dcddde;
	background:url('images/graduation_dc.gif') #dcddde /*c9c9c9*/ top right repeat-y;
}
#entete .chapo a { display:inline; }

#navigation li a {
	display:block;
	margin-bottom:.8em;
	padding:.1em .2em;
	background:#00a7e2;
	color:#fff;
	font-weight:bold;
	font-size:.8em;
	text-transform:uppercase;
}
#navigation li a:hover, #navigation li a.on {
	color:#000;
}

ul.menu {
	margin:0;
	padding:0;
}
li.barre {
	border-top:8px solid #dcddde;
}
#navigation li.contact p.spip { text-align:right; }
#navigation li.contact a {
	background:none;
	color:#000;
}
#navigation li.contact a.spip_mail { font-size:.9em; }

#pied li {
	background:#00a7e2;
	/*text-transform:uppercase;*/
}
ul#pied {
	padding:5px 0;
	background:#dcddde;
}
#navigation #pied li a {
	color:#000;
	font-size:.7em;
}
#pied li .choc02, #pied li .spip { text-transform:none; }

a.remonter { position:absolute; bottom:0; left:22px; font-size:.8em; font-style:italic; }
a.remonter:hover { color:#000; }

/* le contenu
-------------------------------------------------------------- */
#contenu {
	position:relative;
	min-height:300px;
	margin:0 40px 40px 220px;
	padding:1.5em 22px;
	background:url('images/graduation_gc.gif') #dcddde /*c9c9c9*/ top left repeat-y;
	font-size:.8em;
	text-align:justify;
}
.cartouche h1 {
	font-size:1.6em;
	border-bottom:2px solid #00bfff;
}

.traductions { font-size:.7em; }
.chapo {
	line-height:1.3em;
	font-weight:bold;
}
.texte, .chapo {
	margin-top:1em;
}

.arial1 { font-size:.8em; }
#documents_joints h2 { font-size:1em; }


/* Portfolio */
#documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px;  }
#documents_portfolio a.on .spip_logos { /*border-color: #F57900;*/ }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #8B6F92; }

/* zone ftp/privee */
.zoneftp .savoirs_faires { margin-bottom:50px; }
.zoneftp .savoirs_faires li h2 { display:inline; font-size:1.1em; color:#174C5F /*#2C758F*/; }
.zoneftp .savoirs_faires li a:hover, .zoneftp .savoirs_faires li a.on { font-weight:700; color:#000; }




/* page sommaire
---------------------------- */
body.page_sommaire {
	background:url('images/foreverwater.gif') top left repeat-x;
}
.anim_sommaire {
	background:url('images/niveau034.gif') top left repeat-x;
}

.savoirs_faires {
	padding-bottom:.1em;
	width:30%;
	padding:0;
	text-align:left;
}
ul.savoirs_faires li {
	list-style:none;
	margin:1.5em 0 0;
}
ul.savoirs_faires li.inter {
	display:none;		/* a retirer du html... */
}
ul.savoirs_faires li h3 {
	font-size:1em;
}
ul.savoirs_faires li h3 a {
	display:block;
	/*cursor:help;*/
}
ul.savoirs_faires li small {
	font-style:italic;
	font-size:.9em;
	color:#333;
}
ul.savoirs_faires li a:hover { color:#086F8F; }

.encart-attente, .survol, .article {
	float:right;
	width:55%;
	height:390px;
	margin:0 30px;
	text-align:left;
}
.survol, .article {
	position:absolute;
	width:60%;
	top:-600px;
	right:20px;
	height:auto;
	margin:0;
	overflow:auto;
	padding:10px 20px 20px;
	background:url('images/graduation_gs.gif') #c9c9c9 /*c9c9c9*/ top left repeat-y;
	overflow:hidden;
}
.survol { text-align:justify; }
ul.savoirs_faires .survol .spip_logos, .page_article .spip_logos {
	float:left;
	margin:0 5px 10px 0;
}
ul.savoirs_faires .survol .cartouche { margin-bottom:10px; }


.page_article ul.savoirs_faires {
	
}
.article {
	position:relative;
	top:0px;
	margin-top:-21px;
	margin-bottom:40px;
	padding-bottom:30px;
	height:auto;
}

.domaine #navigation li .domaine { font-weight:bold; color:#000; }

.imageaccueil { position:absolute; top:0px; right:20px; padding:20px; width:60%; 
background:url('images/graduation_gs.gif') #c9c9c9 /*c9c9c9*/ top left repeat-y; text-align:center; }
.imageaccueil img { margin:0 auto; }