.social-bookmark {
	font-size:11px;
	text-align:left;
	text-transform:uppercase;
	margin-top:5px;
	margin-bottom:-12px;
	filter:alpha(opacity=70);
	width:25px;
	float:right;
	margin:0 0 5px 5px;
	border:1px solid#fff;
	padding-top:5px;
	}

.social-bookmark a {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	margin:5px;
	}

.social-bookmark:hover,
.social-bookmark a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	}
.social-bookmark:hover {
border:1px solid#ddd;
}

/* ------------------------------------------------------------
	Reset Styles
------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
hr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

/* Font init */

body, form, table, td, tr, input, select, textarea
{
	font-family: "Lucida Sans","Lucida Grande",Verdana,Tahoma,Arial,Helvetica;
}


/* ----------------------------------------
pagination NDC
----------------------------------------*/

#ndc-pagination1
{
margin:6px 0 0 0;
padding : 0px;
font-size:11px;
color:#999;
background-color:#fff;
font-weight:bold;
}

#ndc-pagination1 li
{
margin:0 0 0 0;
padding: 1px 1px 0 16px;
display:inline;
background-image:url(/css-ndc/15ndc-puce-jaune.gif);
background-repeat:no-repeat;
background-position:0 2px; 
}

#ndc-pagination1 .pgCurrent
{
background-image:url(/css-ndc/15ndc-puce-gris999.gif);
}





/* ----------------------------------------
Styles HTML generaux
----------------------------------------*/

body 
{
margin:0px;
background-color: #FFF; 
font-size: 13px;
color:#333;
background:url(http://www.rueraisin.org/images/150.jpg) no-repeat fixed top left;
}

table {
font-size:10px;
border: 1px solid #000;
border-collapse: collapse
}

td {
border: 1px solid #DDD;
padding:4px;
}

img 
{
border:none;
}

a 
{
color: #0064ab;
text-decoration:none;  
font-weight: bold;
}

a:hover 
{
text-decoration:underline;
color: #d90; 
}

a:active 
{
text-decoration:none;
color: #000; 
}

p {
margin-top:6px;
}


h1 {
font-size: 20px;
font-weight : bold;
padding-bottom:10px;
line-height:1.1em; 
margin:0;
}


h2
{
font-weight : bold;
margin-top: 25px;
font-size: 16px;
text-indent:18px;
background-image:url(/css-ndc/15ndc-puce-bleue.gif);
background-repeat:no-repeat;
background-position:0 3px; 
}

h3
{
font-size: 14px;
font-weight : bold;
margin:0.5em 0;
}

h4
{
font-size: 13px;
font-weight : bold;
margin:1em 0;
}

hr
{
height: 1px;
margin: 20px 0;
padding: 0;
color: #DDD;
background-color: #bbb;
border: 0;
}

ul {
	padding-left: 1em;
}


.mini,
.mininotes,
.notes,
.small,
small,
.illustration {
	font-size: 11px;
	color:#777;
	}

.intro {
	font-weight : bold;
	margin:10px 0 20px 0;
	font-size:14px;
	font-style: italic;
	}

.intro p {
	text-align:left;
	line-height:1.2em; 
	}

.alerte, .zemError, .zemThanks {
	font-family : Verdana,Arial,Helvetica,sans-serif;
	font-size : 12px;
	font-weight : bold;
	color:#c20;
	margin:10px 0;
	}

/* ----------------------------------------
Divisions structurelles
---------------------------------------- */

#conteneur {
	background-repeat:repeat-y;
	width:485px;
	margin-left:515px;
	}


#conteneur img {
	max-width:480px;
	height:auto;
	}


#conteneur .cadre img {
	max-width:450px;
	height:auto;
	}


/* ----------------------------------------
Contenu principal
---------------------------------------- */

strong
{
background:url(/css-ndc/15ndc-encadre-top.gif); 
}

.cadre
{
font-size:11px;
margin:15px 0;
padding : 0 15px 20px 20px;
background-image:url(/css-ndc/15ndc-encadre-fond.gif);
background-position:bottom;
background-repeat:no-repeat;
color:#222;
line-height:1.2em; 
}

.cadre h2
{
margin:0 0 10px -20px;
border-left:0px;
padding:15px 15px 0 20px;
background-image:url(/css-ndc/15ndc-encadre-top.gif);
background-position:top;
background-repeat:no-repeat;
text-indent:0;
}

.cadre h3
{
font-size:11px;
}


/* ----------------------------------------
 Menu horizontal
---------------------------------------- */

.menu
{
list-style-type: none; 
text-transform: lowercase;
font-weight:bold;
margin:10px 0;
padding:0;
height:18px;
background-color:#FFF;
font-size:13px;
}

.menu li 
{
margin:0;
padding:0;
float: left; 
padding-right: 5px; 
}

.menu a
{
background-image:url(/css-ndc/15ndc-puce-jaune.gif);
background-repeat:no-repeat;
background-position:0 2px;
padding:0 0px 0 16px; 
}

.menu .current a
{
color:#999;
background-image:url(/css-ndc/15ndc-puce-gris999.gif);
background-repeat:no-repeat;
background-position:0 2px; 
}


/* ----------------------------------------
Arborescence
----------------------------------------*/


ol.tree 
{
font-size : 10px;

font-weight : bold;
color:#999;
margin: 0px 0px 0px -10px ;
padding: 0px 0px 0px 0px ;
}


ol.tree li 
{
display: inline; 
list-style-type: none; 
margin: 0px 0px 0px 10px ;
padding: 0px 0px 0px 0px ;
}


ol.tree li:before 
{
content: '\003e  ';
}




/* ----------------------------------------
Pied de page
---------------------------------------- */


#pied {
	margin-top:35px;;
	padding-top:20px;
	font-size:9px ;
	height:300px;
	font-family : Verdana,Arial,Helvetica,sans-serif;
	color:#777;
	border-top:1px solid #bbb;
	}

#pied:hover
{
color:#222;
}

#pied:hover b
{
font-size:12px;;
}


#pied a
{
color: #80B2D5;
}

#pied:hover a
{
color: #0064ab;
}

#pied p
{
margin-top:0;
margin-bottom:6px;
font-weight:normal;
}

#pied a
{
font-weight : normal;  
}




/*------------------------Images articles --------------------*/

.illustration
{
background-color:#none;
text-align:left;
line-height:11px;
margin-bottom:10px;
}

.illustration p
{
text-align:left; 
}


/*----------------------- Galerie Flickr -----------------*/

.setpreview 
{ 
	margin:20px 0px;
	font-size:10px; 
} 

.setpreview h3
{ 
	padding-top:4px;
	font-size:10px; 
}

.setpreview .thumbnail 
{ 
	float: left; 
	margin-right: 10px; 
} 

.flickrset 
{ 
	text-align: left; 
	margin: 0 auto;
	float:left;
	width:525px
} 

.flickrset img 
{
	margin-right: 6px; 
} 

.flickrset a 
{
	border: none;
} 

.individual 
{
} 

.individual .image 
{
	margin: 10px auto; 
	text-align: left;
} 


.individual .image img 
{
	border: 1px solid #DDD;
	padding:6px ;
	background-color:#eee; 
} 

.image a
{
	text-decoration : none; 
	border: 0px;
} 

.image a:hover img
{
	background-color:#fff; 
	filter:alpha(opacity=50);
	opacity: 0.8;
	-moz-opacity:0.8; 
} 

.individual .flickrsetnav
{
	text-align: left;
} 

.boutons a
{
	border: 1px solid #DDD;
	padding: 1px 4px;
	font-weight:bold;
	font-size:10px;
	background-color:#EEE;
} 

.boutons a:hover
{
	background-color:#FFF;
} 

.individual .setname 
{
	display: inline; 
}


.thumbnail img, .flickrset img
{
	border: 1px solid #DDD;
	padding:6px ;
	background-color:#EEE;
	width:75px;
	height:75px;
}

.thumbnail img:hover, .flickrset img:hover
{
	background-color:#FFF;
	filter:alpha(opacity=50);
	opacity: 0.8;
	-moz-opacity:0.8; 
}

 .flickrset img
{
	float:left;
	margin:0px 10px 10px 0px ;
}

.thumbnail a
{
	border-bottom: none; 
}




/*----------------------- SLIMBOX -----------------*/

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #000;
}

.lbLoading {
	background: #000 url(/css-images/loading-black.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #000;
	background-repeat: no-repeat;
}

#lbImage a {
	border: 0;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/css-images/prevlabel-black.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/css-images/nextlabel-black.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 9px;
	color: #ddd;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #000;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 27px;
	background: transparent url(/css-images/closelabel-black.gif) no-repeat center;
	margin: 0;
	outline: none;
	border:0;
}


#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
	font-size: 10px;
	color: #eee;
	padding-top:5px
}

/*----------------------- FOOTNOTES -----------------*/

.footnote {
	font-size:0.9em;
	}

sup
{
	font-size:0.7em;
	vertical-align: 50%;
	line-height:10px;
	}

.footnote sup {
	font-size:1em;
	font-weight:bold;
	vertical-align: baseline;
	}

sup a {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	padding:0;
	border:0;
	}