/* style v1.01 du site selidaire SPIP */


/* basic elements */
body { 
	font: 9pt/14pt Helvetica; 
	background: #FFF4DF url(orange_bas.gif) no-repeat right bottom; 
	margin: 0px; 
	}
p { 
	font: 9pt/14pt Helvetica; 
	margin-top: 0px; 
	text-align: justify;
	}
h3 { 
	font: bolder normal 12pt Helvetica; 
	letter-spacing: 1px; 
	margin-bottom: 5px; 
	color: #21C4FF;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #FF7900;
; font-family: Arial, Helvetica, sans-serif; font-size: 12px
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #FF7900;
; font-family: Arial, Helvetica, sans-serif; font-size: 12px
	}
a:hover, a:active { 
	font-weight: bold;
	color: #FFC200;
	}


/* specific divs */
#container { 
	background: url(haut_titre2.gif) no-repeat top left; 
	padding: 30px 175px 0px 8px;  
	margin: 0px;
	min-width: 700px;
	}

#intro { 
	min-width: 350px;
	}
#pageHeader { 
	margin-bottom: 20px;
	}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 span {
	display:none;
	}

#pageHeader h2 span {
	display:none;
	}

#quickSummary {
	font: italic 9pt/14pt Helvetica;
	text-align: left;
	position: absolute;
	left: 20px;
	top: 140px;
	bottom: 0px;
	}

#preamble {
	padding-left: 10px;
	margin-top: 140px;
}
	
#preamble h3 {
	background: transparent url(enlightment.gif) no-repeat left top;
	width: 311px;
	height: 29px;
	margin-bottom: 0px;
	}

#explanation h3 {
	background: transparent url(whatabout.gif) no-repeat left top;
	width: 296px;
	height: 29px;
	margin-bottom: 0px;
	}
	
#explanation h3 span {
	display: none;	
}

#participation h3 {
	background: transparent url(participation.gif) no-repeat left top;
	width: 179px;
	height: 29px;
	margin-bottom: 0px;
	}

#benefits p {
	margin-bottom: 0px;
	padding: 5px;
	background-color: #FFEBD7;
	height: auto;
	width: auto;
	border-top: 1px solid #FF6600;
	border-right: 1px solid #FF6600;
	border-bottom: 1px solid #FF6600;
	border-left: 1px solid #FF6600;
}

#benefits h3 {
	background: transparent url(benefits.gif) no-repeat left top;
	width: 130px;
	height: 30px;
	margin-bottom: 0px;
	}
	
#benefits h3 span {
	display: none;	
}

#requirements h3 {
	background: transparent url(required.gif) no-repeat left top;
	width: 176px;
	height: 29px;
	margin-bottom: 0px;
	}


#footer { 
	text-align: center;
	bottom: 20px;
	}

#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}

#linkList {
	margin-left: 200px;
	margin-right: 20px;
	position: absolute; 
	top: 0px; 
	right: 15px;
	}

#linkList2 { 
	font: 10pt/15pt Helvetica; 
	margin-top: 150px; 
	width: 100px; 
	}

#lselect {
	text-align:	right;
}

#lfavorites {
	text-align:	right;
}

#larchives {
	text-align:	right;
}

#lressources {
	text-align:	right;
}

#linkList h3.select { 
	background: transparent url(selectdesign.gif) no-repeat top right; 
	margin: 25px 0px 15px 0px; 
	width: 125px; 
	height: 12px; 
	text-align:	right;
	}
	
#linkList h3.select span {
	display:none
	}
	
#linkList h3.favorites { 
	background: transparent url(favorites.gif) no-repeat top right; 
	margin: 25px 0px 15px 0px; 
	width: 125px; 
	height: 12px; 
	text-align:	right;
	}
#linkList h3.favorites span {
	display:none
	}
#linkList h3.archives { 
	margin: 25px 0px 15px 25px; 
	width: 125px; 
	height: 12px; 
	text-align:	right;
; background-color: transparent; background-image: url(archives.gif); background-repeat: no-repeat; background-position: top right; left: auto; top: auto; clip:  rect(   ); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal
	}
#linkList h3.archives span {
	display:none
	}
#linkList h3.resources { 
	background: transparent url(ressources.gif) no-repeat top right; 
	margin: 25px 0px 15px 0px; 
	width: 125px; 
	height: 12px; 
	text-align:	right;
	}
#linkList h3.resources span {
	display:none
	}


#linkList ul {
	margin: 0px;
	padding: 0px;
	text-align: right;
	}
#linkList li {
	line-height: 2.5ex; 
	list-style-type: none;
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
	}
#linkList li a:link { 
	color: #FF7900;
	}
	
#linkList li a:hover, a:active {
	color: #FFC200;
	}

#linkList li a:visited {
	color: #00B8FF;
	}
	


#extraDiv1 { 
	background: transparent url(beauty.gif) no-repeat top left; 
	position: absolute; 
	top: 40px; 
	right: 20px; 
	width: 202px; 
	height: 75px; 
	}

.encadre 
{  background-color: #FEDFB3; border: thin #FF7F00 solid; font-family: Arial, Helvetica, sans-serif; font-size: 10px}

a:hover 
{ font-family: Arial, Helvetica, sans-serif; font-size: 12px}

a:active  
{ font-family: Arial, Helvetica, sans-serif; font-size: 12px}

h2 
{ font: bolder normal 14px Arial, Helvetica, sans-serif; letter-spacing: 1px; margin-bottom: 5px; color: #21C4FF; }

.texte 
{  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #333333; font-weight: normal; font-variant: normal}

.CLASS_SPECIALE_LOGO 
{  background-image: url(menu/fond.png); background-repeat: repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #66CCFF}

h1 { font: bold normal 24px Arial, Helvetica, sans-serif; letter-spacing: 1px; margin-bottom: 5px; color: #000000; }

table.spip {
}

table.spip tr.row_first {
	background-color: #FCF4D0;
}

table.spip tr.row_odd {
	background-color: #C0C0C0;
}

table.spip tr.row_even {
	background-color: #F0F0F0;
}

table.spip td {
	padding: 1px;
	text-align: left;
	vertical-align: center;
}