/*- Page Structure */
body {
	font-size: 12px; /* Resets 1em to 10px */
	/*font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;*/
	background-color: #C8BFAA; /*c5cacd*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url('/spip/squelettes/images/degrade.jpg');
	background-repeat: repeat-x;
	font-family: "Trebuchet MS";
	text-align:center;
	}

#page {
	background-color: #F6EDD8;/* E8EDF0 D9DEE1  F0DAA0 D2BC82*/
	text-align: left;
	margin: 0 auto;
	padding: 0px;
	position: relative;
	/* The entire template's width is set in this class. */
	width: 977px;
	_width: 720px; }


/*- Links */
a{color: #000; text-decoration: underline; }
/*a:hover { text-decoration: underline; }*/
#entete a{color: #fff; text-decoration: none; }

#header {
	height: 152px;
	background:url('/spip/squelettes/images/fond2010.jpg') top no-repeat;
}
#entete {
	position:relative;
	color:#fff;
	font-size: 22px;
	font-weight:bold;
	top:95px; /*top:105px;*/
	text-align:right; /*text-align:left;*/
	right:100px; /*leftt:15px;*/
}

#recherche {position:absolute;top:3px;right:2px; }
.forml {width:100px;font-size:12px;font-weight:bold;}

#menu { 
	background: black url('spip/squelettes/images/degrade.gif') top repeat-x;
	height: 31px;
	position:relative;
	top:0px;
	margin:0px;
}

.conteneur {left:20px;}
	
#pied {
	clear: both;
	width: 100%;
	margin-top: 4em;
	border-top: 1px dotted #CCC;
	padding: 2px;
	text-align: center; }
#pied small { font-size: 0.77em; }
#pied img { vertical-align: bottom;border:0 }	
	
	
h2 a:hover, h2 span a:hover { color: black; }

body.flex #page { /* For the flexible-width setting. Not IE compatible */
	width: 80%;
	min-width: 760px;
	max-width: 1000px; }	
	
.primary {
	width: 64%;
	min-width: 500px;
	_width: 500px; /* IE Hack */
	float: left;
	padding: 20px 2% 10px 2%;
	margin: 0px; }

.secondary {
	font: 1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	padding: 10px 0;
	margin: 0 0 20px 73%;
	width: 26%;
	color: #666;
	/* The following are IE Fixes */
	_margin-left: 0;
	_margin-right: -3%;
	_width: 28%; }

#footer {
	margin: 10px auto 0; width: 977px; }

/*- Main Menu in Header */

ul.menu {
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	}

ul.menu li {
	display: inline;
	margin: 0px; }

ul.menu, ul.menu li a {
	padding: 5px 15px 6px; }

ul.menu li a {
	font: 1.1em Verdana, Helvetica, Arial, Sans-Serif;
	color: #fff;
	margin: 0; }

ul.menu li a:hover {
	background: #666;
	text-decoration: none; }

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	background: #E8EDF0;
	text-decoration: none;
	color:black;}



/*- Headings */

h1, h2, h3 { font: 1em 'Trebuchet MS', Verdana, Sans-Serif; }

.page_index h1 {
	font-size: 3em;
	letter-spacing: -1px;
	margin: 0 0 40px 40px;
	padding-top: 25px;
	font-weight: bold; }

.page_item h1, .primary h2, .acgauche h2 { /* For use on Pages */
	margin: 0; padding: 0;
	letter-spacing: -1px;
	font-weight: normal; }
.page_item h1, .page_mois h1, .page_jour h1, .page_item .vevent .summary { font-size: 2.2em; }
.primary h2, .acgauche h2 { font-size: 1.6em; }

.secondary h2 { /* Secondary H2 is sidebar headlines */
	font-size: 1.5em;
	font-weight: normal;
	padding: 0;
	display: inline; }

.page_item h1, h2, h2 a { color: #444; }
.page_item h1, h2, h2 a, h2 a:hover { text-decoration: none; }

.itemhead { clear: both; margin: 10px 0; }
.itemhead .spip_logos { margin: 0 0 10px 10px; }

.navigation { width: 100%; margin: 0.5em 0 2em 0; }
.navigation div { width: 49%; }
.navigation .alignleft { text-align: left; }
.navigation .alignright { text-align: right; }
.navigation, .navigation a { color: #999; }

.secondary > div {
	margin: 20px 0 0;
	padding: 0; }
.secondary > div li img {
	vertical-align: text-bottom; }

.metadata { /* Time and category for blog entries */
	color: #777; }
small.metadata { display: block; }
span.metadata { display: inline; }

/*- Primary Contents */

.itemtext { clear: both; }

.page_item .primary .itemtext {
	font: 1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	/*text-align: justify;*/ }

.page_item .primary .itemtext p,
.page_item .primary .itemtext .acgauche ul,
.page_item .primary .itemtext ol,
.page_item .primary .itemtext div {
	margin: 1em 0; }

.page_index .primary .itemtext .acgauche li { margin: 1.4em 0; }
.page_index .primary .itemtext .acgauche li p { /*margin: 0; padding: 0;*/ }

/* Liste en 2 colonnes */
.demilist ul { margin: 0; padding: 0 !important; list-style: none; }
.demilist ul li { display: block; clear: none; width: 230px; float: left; margin: 0; padding: 0;
margin-right: 20px; margin-bottom: 1em; }
.demilist ul li p { width: 200px; margin: 0 !important; padding: 0; }

/* Aperos : damiers des villes */
ul.damier { margin: 0; padding: 0; list-style: none; text-align: center; }
ul.damier li { display: block; width: 124px; height: 140px; float: left; margin: 0 !important; padding: 0; }
ul.damier li h2 { margin-bottom: 0; padding: 0; text-transform: uppercase; font-size: 1.1em; letter-spacing: 0.1em; }

/*- Various Tags and Classes */

.clear {
	clear: both;
	margin: 0;
	padding: 0; }

.center { text-align: center; }
.alignright { float: right; }
.alignleft { float: left; }

.tags {
	padding: 1px 10px;
	background: #f3f3f3;
	border: 1px solid #ddd; }

small {
	font-size: .9em;
	line-height: 1.4em; }

small, strike {
	color: #777; }
	
code, tt, .spip_cadre { font: 1.1em 'Courier New', Courier, Fixed; }
.spip_cadre { width: 98%; margin: 0; border: 1px inset; }

acronym, abbr {
	border-bottom: 1px dotted;
	cursor: help; }

q, blockquote { font: 1.1em "Times New Roman", Times, serif; }
blockquote {
	margin: 1em 0;
	padding: 1em 1.4em;
	background: #eee url('images/quote.png') 10px top no-repeat;
	-moz-border-radius: 1em;
	border: none; }

/*- Begin Lists */
/*.itemtext ol, .itemtext ul {
	padding: 0 0 0 35px;
	margin: 0; }

.itemtext ol li, .itemtext ul li {
	margin: 0 0 3px;
	padding: 0; }*/

.secondary ul, .secondary ol, .secondary > div > div {
	margin: 5px 0 0;
	padding-left: 0; }

.secondary ul {
	_margin-left: 0; /* IE Fix */
}

.secondary ol {
	margin-left: 15px; }

.secondary ul li, .secondary ol li {
	margin: 0;
	padding: 1px 0; }
	
.secondary ul li {
	list-style-type: none;
	list-style-image: none; }

ol li { list-style: decimal outside; }

/* Boussole : liens vers les sites de la galaxie SPIP */
#boussole a { display: table-cell; width: 50px; height: 50px; float: left; margin: 0 15px 15px 0; vertical-align: bottom; text-align: center; border: none; text-decoration: none; behavior: url(win_png.htc); }
#boussole a#logo-spip { width: 115px; height: 115px; }

/* Pied de page */
#footer p { text-align: center; }
#footer, #footer a { color: #fff; }
#footer a { font-weight: bold; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* Peace and forgiveness */
/* Learn more about the other K2: http://en.wikipedia.org/wiki/K2 */

.acgauche {
	float: left;
	width: 45%;
	padding: 0.5em;
	margin-top: 2.0em;
	margin-left: 1em;
	margin-right: 1em;
	border: 1px;
	border-style: dotted;
	border-color: grey;
	text-align: justify;
}

.acdroite {
	float: right;
	width: 45%;
	padding: 0.5em;
	margin-top: 2.0em;
	margin-left: 1em;
	margin-right: 1em;
	border: 1px;
	border-style: dotted;
	border-color: grey;
	text-align: justify;
}

.gauche_actu{
   	float: left;
	width: 60%;
	padding: 0.5em;
	margin-top: 2.0em;
	margin-left: 1em;
	margin-right: 1em;
	border: 1px;
	border-style: dotted;
	border-color: grey;
	text-align: justify;

}

.droite_pratique{
   	float: right;
	width: 30%;
	padding: 0.5em;
	margin-top: 2.0em;
	margin-left: 1em;
	margin-right: 1em;
	border: 1px;
	border-style: dotted;
	border-color: grey;
	text-align: justify;

}

.spip_doc_descriptif {
	text-align: center;
}