/* @override 
	http://groupe-laps.org/spip/squelettes/styles.css
	http://www.groupe-laps.org/spip/squelettes/styles.css
	http://groupe-laps.org/squelettes/styles.css
	http://www.groupe-laps.org/squelettes/styles.css
*/

/* @group reset */

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: none;
}

.caractencadre-spip {
	color: #fff;
	font-size: 12px;
}

.spip_bouton {
	
}

dfn, i, cite, var, address, em {
	font-style: italic;
}

th, b, strong, h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet {
	border-style: none;
	border-width: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td, center {
	text-align: left;
	vertical-align: top;
}

body {
	line-height: 1;
	background: white;
	color: black;
}

q {
	quotes: "" "";
}

ul, ol, dir, menu {
	list-style: none;
}

sub, sup {
	vertical-align: baseline;
}

a {
	color: inherit;
}

hr {
	display: none;
	visibility: hidden;
}

font {
	color: inherit !important;
	font: inherit !important;
	color: inherit !important;
}

/* @end */

/* @group GENERIQUES */

html {
	color: #fff;
}

body {
	font-size: 9px;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Verdana", sans-serif;
	color: #fff;
	margin: 0;
	text-align: center;
	background-color: #0c0c0c;
	padding: 0;
	background-image: url(images/bg-body-2.gif);
	height: 100%;
}

cite, em, dfn {
	font-style: italic;
}

del {
	text-decoration: line-through;
	color: #666;
}

ins, dfn {
	border-bottom: 1px solid #ccc;
}

small, sup, sub {
	font-size: 9px;
}

abbr, acronym {
	text-transform: uppercase;
	font-size: 85%;
	letter-spacing: .1em;
}

a abbr, a acronym {
	border: none;
}

abbr[title], acronym[title], dfn[title] {
	cursor: help;
	border-bottom: 1px solid #ccc;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

#ariane span {
	color: #4c4c4c;
}

/* @end */

/* @group IDS */

#page {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1020px;
	height: 605px;
	margin-top: -300px;
	margin-left: -510px;
	text-align: left;
}

#entete {
	width: 79px;
	position: absolute;
	right: 60px;
	height: 34px;
	float: right;
	z-index: 2;
	top: 10px;
}

#navigation {
	position: relative;
	top: 87px;
	float: left;
	text-align: right;
	left: 0;
	font-size: 9px;
}

#ariane {
	font-size: 9px;
	color: #989898;
	position: absolute;
	left: 150px;
	margin-bottom: 5px;
	top: -13px;
}

#cartouche {
	position: absolute;
	right: -2px;
	top: 87px;
}

#navigation, #cartouche {
	color: #4c4c4c;
	font-size: 9px;
	line-height: 145%;
	width: 150px;
}

#conteneur {
	overflow: hidden;
	margin-top: 0;
	z-index: 1;
}

#contenu {
	width: 720px;
	height: 576px;
	background-color: #000;
	display: none;
	z-index: 1;
}

.page_rubrique #contenu {
	width: 720px;
	height: 576px;
	background-color: #000;
	display: none;
	z-index: 1;
}

.marge-contenu {
	padding: 55px 60px 0;
	z-index: 1;
}

#pied {
	color: #424242;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 99%;
	padding: 0.5%;
	z-index: 2;
	font-size: 9px;
}

#copy {
	float: left;
}

#credit {
	float: right;
}

#accordeon {
	height: 460px;
}

#intro_anim {
	overflow: hidden;
	z-index: 197;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #000;
}

#bg_intro_anim {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 990px;
	height: 600px;
	margin-top: -314px;
	margin-left: -495px;
	text-align: left;
}

#intro_conteneur {
	width: 990px;
	height: 600px;
}

#intro {
	border: 1px solid #000;
	margin-left: 135px;
	width: 720px;
	height: 576px;
}

#intro object{
	width: 720px;
	height: 576px;
}
#close {
	text-align: center;
	text-transform: uppercase;
	width: 990px;
	padding-bottom: 5px;
}

/* @end */

/* @group CLASSES */

.projetslide, .artisteslide {
	display: block;
	padding-bottom: 5px;
	font-weight: bold;
}

.invisible {
	display: none;
}

.vignette {
	float: left;
	padding-right: 9px;
	padding-bottom: 9px;
}

.projet {
	float: left;
	width: 18%;
	padding-bottom: 10px;
}

.annee {
	float: left;
	width: 7%;
}

#contenu .tooltip {
	display: none;
	visibility: hidden;
}

.date {
	padding-bottom: 10px;
	font-weight: bold;
}

#contenu .ps {
	font-size: 11px;
	line-height: 145%;
}

.spip_documents_left {
	float: left;
	padding: 0 10px 0 0;
}

.actu {
	padding-bottom: 10px;
}

.liste-projets {
	padding-bottom: 5px;
}

.bio {
	padding-bottom: 20px;
}

#contenu .lien {
	font-size: 11px;
	font-weight: bol

d;
}

/* @end */

/* @group BLOCKQUOTES */

blockquote {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #666;
}

blockquote *:first-child:before {
	content: "\201C";
}

blockquote *:first-child:after {
	content: "\201D";
}

/* @end */

/* @group QUOTES */

q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}

:lang(af), :lang(nl), :lang(pl) {
	quotes: '\201E' '\201D' '\201A' '\2019';
}

:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) {
	quotes: '\201E' '\201C' '\201A' '\2018';
}

:lang(da), :lang(hr) {
	quotes: '\00BB' '\00AB' '\203A' '\2039';
}

:lang(el), :lang(es), :lang(sq), :lang(tr) {
	quotes: '\00AB' '\00BB' '\2039' '\203A';
}

:lang(en-GB) {
	quotes: '\2018' '\2019' '\201C' '\201D';
}

:lang(fi), :lang(sv) {
	quotes: '\201D' '\201D' '\2019' '\2019';
}

:lang(fr) {
	quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a';
}

/* NOTE: safari refuses to support the quotes syntax. I only added the english language quotes for safari to save space. */

html[lang|='en'] q:before {
	content: '\201C';
}

html[lang|='en'] q:after {
	content: '\201D';
}

html[lang|='en'] q q:before {
	content: '\2018';
}

html[lang|='en'] q q:after {
	content: '\2019';
}

/* @end */

/* @group TITRES */

strong, th, thead td, h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

#cartouche h2 {
	padding-bottom: 0;
	/*border-top: 1px solid #4d4d4d;
	border-right: 1px solid #4d4d4d;*/
	padding-top: 4px;
	background-color: #ccc;
}

#cartouche h3 {
	padding-bottom: 3px;
	padding-top: 3px;
}

#contenu h1 {
	font-size: 1.6em;
	padding-bottom: 10px;
	display: none;
	visibility: hidden;
}

#contenu h2 {
	font-size: 1.5em;
	padding-bottom: 10px;
}

#contenu h3 {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	padding-bottom: 5px;
}

#contenu h4 {
	text-transform: uppercase;
	font-size: 1.2em;
	padding-bottom: 10px;
}

#contenu h5 {
	font-size: 9px;
	text-transform: uppercase;
	padding-bottom: 10px;
	height: 16px;
	font-weight: normal;
	font-style: normal;
	color: #808080;
	padding-top: 2px;
}

#contenu h6 {
	font-size: 1em;
}

.page_sommaire #contenu h4, .page_actu #contenu h4 {
	color: #000;
	margin-bottom: 10px;
	padding: 3px 2px;
}

/* @end */

/* @group PARAGRAPHES */

#contenu .bio p, #contenu .bio {
	font-size: 12px;
	line-height: 145%;
	color: #ccc;
}

#contenu p, #contenu .texte {
	margin-bottom: 10px;
	color: #ccc;
	text-align: left;
	line-height: 145%;
	font-size: 13px;
	width: 460px;
}

.texte img {
	margin-bottom: 20px;
	margin-top: 10px;
}

#contenu .descriptif, #contenu .descriptif p {
	font-size: 11px;
	color: #808080;
	margin-bottom: 10px;
	line-height: 145%;
	width: 460px;
}

#contenu .chapo, #contenu .chapo p {
	font-size: 11px;
	line-height: 145%;
	padding-bottom: 10px;
	color: #ccc;
	width: 460px;
}

#cartouche p {
	color: #000;
	padding-bottom: 5px;
	/*border-right: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d;*/
	margin-bottom: 10px;
	background-color: #ccc;
	padding-left: 5px;
}

.page_sommaire #contenu .texte, .page_sommaire #contenu p, .page_actu #contenu .texte, .page_actu #contenu p {
	font-size: 13px;
}

/* @end */

/* @group LISTES */

#navigation ul, #cartouche ul {
	padding-bottom: 5px;
	font-size: 9px;
}

#cartouche ul {
	/*border-top: 1px solid #4d4d4d;
	border-right: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d;*/
	padding-top: 5px;
	padding-bottom: 0;
}

#cartouche ul.nav_art {
	visibility: hidden;
	display: none;
}
#navigation ul ul, #cartouche ul ul {
	padding-top: 3px;
	font-size: 9px;
	padding-bottom: 0;
}

#navigation ul li, #cartouche ul li {
	padding-bottom: 5px;
	font-size: 9px;
}

/*li.projets {
	border-bottom: 1px solid #4d4d4d;
	border-left: 1px solid #4d4d4d;
	border-top: 1px solid #4d4d4d;
}*/
#contenu ul li {
	text-indent: -.85em;
	margin-left: .85em;
}

#contenu ul li:before {
	content: "\2022\00a0\00a0";
}

#contenu ol {
	list-style-position: outside;
	list-style-type: decimal;
}

#contenu dt {
	font-weight: bold;
}

/* @end */

/* @group TABLES */

#contenu table {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#contenu th, #contenu td {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ccc;
}

/* @end */

/* @group NAVIGATION */

/* @group ariane */

#ariane a {
	color: #4c4c4c;
	background-color: #000;
}



/* @end */

/* @group Génériques */

a:link {
	color: #fff;
	background-color: #000;
}

a:visited {
	color: #fff;
}

a:hover {
	
}

a:active, a:focus {
	
}

a img {
	border-width: 0px;
	border-style: none;
}

/*

 @end */

/* @group En tête */

#entete a {
	border-width: 0px;
	border-style: none;
	background-color: transparent;
}

#entete a:hover {
	border-width: 0px;
	border-style: none;
	background-color: transparent;
}

/* @end */

/* @group Navigation, Cartouche */

#navigation a, #cartouche a {
	padding: 1px 5px;
	font-size: 9px;
	text-transform: uppercase;
}

#navigation a:link, #cartouche a:link {
	font-size: 9px;
	text-decoration: none;
	color: #4c4c4c;
	padding: 1px 5px;
}

#navigation .off, #cartouche .off {
	padding: 1px 5px;
	font-size: 9px;
	background-color: #000;
}

#navigation a:visited, #cartouche a:visited {
	color: #4c4c4c;
	text-decoration: none;
	font-size: 9px;
}

#navigation a.on:hover, #cartouche a.on:hover {
	
}

#navigation a:active, #navigation a:focus {
	text-decoration: none;
	color: #000;
	font-size: 9px;
}

#navigation .on, #cartouche .on {
	background-color: #fff;
	color: #000;
	padding: 1px 5px;
	text-transform: uppercase;
	font-size: 9px;
}

#cartouche h2 .on{
	background-color: transparent;
	color: #000;
	/*text-transform: lowercase;*/
	font-weight: bold;
}

#navigation a:hover, #cartouche a:hover {
	
}

#close a {
	background-color: #000;
	padding: 1px 5px;
}

/* @end */

/* @group Contenu */

#contenu a,  .ui-dialog-content a {
	background-color: #000;
	color: #fff;
	padding: 0 2px;
	border-bottom: 1px dotted #fff;
}

#contenu .vignette a {
	position: relative;
	color: #000;
	padding: 0;
	margin: 0;
	display: block;
	background-color: transparent;
	border-style: none;
	border-width: 0;
}

#contenu .vignette a:link {
	
}

#contenu .vignette a:visited {
	
}

#contenu .vignette a:hover {
	background-color: transparent;
}

#contenu .vignette a img {
	border: 1px solid #3a3a3a;
	margin: 0;
	padding: 0;
	background-color: #0d0d0d;
}

#contenu a img:hover {
	
}

.page_sommaire #contenu h4 a, .page_actu #contenu h4 a {
	background-color: #4c4c4c;
	padding: 2px 3px;
	color: #000;
}

.page_sommaire #contenu h4 a:hover, .page_actu #contenu h4 a:hover {
	background-color: #ffffff;
}

.page_sommaire #contenu h4 a.on, .page_actu #contenu h4 a.on {
	padding: 2px 3px;
	background-color: #ffffff;
}

/* @

end */

/* @group Cluetip */

.cluetip-default #cluetip-title a {
	color: #000;
	background-color: transparent;
}

.cluetip-default a {
	color: #000;
	background-color: transparent;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
}

/* @end */

/* @group Pied */

#pied a {
	background-color: #000;
	color: #424242;
	font-weight: bold;
	font-size: 9px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

/* @end */

/*

 @end */

/* @group DIVERS */

/* MARGINS & PADDINGS */

#contenu blockquote *:first-child {
	margin: .8em 0;
}

#contenu p, #contenu ul, #contenu ol, #contenu dl, #contenu pre, #contenu blockquote, #contenu address, #contenu table, #contenu form {
	margin-bottom: 10px;
}

#contenu th, #contenu td {
	padding: .8em;
}

#contenu caption {
	padding-bottom: .8em;
}

#contenu blockquote {
	padding: 0 1em;
	margin: 1.6em 0;
}

#input-1-texte_1 {
	width: 285px;
	height: 90px;
}

#contenu select {
	padding: .1em .2em 0 .2em;
}

#contenu option {
	padding: 0 .4em;
}

#contenu dt {
	margin-top: .8em;
	margin-bottom: .4em;
}

#contenu ul {
	margin-left: 1.5em;
}

#contenu ol {
	margin-left: 2.35em;
}

#contenu ol ol, #contenu ul ol {
	margin-left: 2.5em;
}

/* COLORS */

#contenu code, #contenu pre {
	color: #c33;
}

/* @end */

/* @group IMAGES */

#contenu .vignette img {
	border: 1px solid #0d0d0d;
	margin: 0;
	padding: 0;
	background-color: #0d0d0d;
}

#contenu .spip_documents_left img {
	border: 1px solid #3a3a3a;
}

/* @end */

/* Specs JQUERY */

/* @group jScroll */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	background-color: #000;
	border: 1px solid #4d4d4d;
	width: 720px;
	height: 576px;
}

.page_rubrique .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	background-color: #000;
	border: 1px solid #4d4d4d;
	width: 720px;
	height: 606px;
}

.jScrollPaneTrack {
	z-index: 1;
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #4d4d4d;
}

.jScrollPaneDrag {
	z-index: 2;
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
	background: #808080 url(http://www.groupe-laps.org/squelettes/images/drag_grab.gif) no-repeat 50% 50%;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #666;
	height: 10px;
	background: url(http://www.groupe-laps.org/squelettes/images/basic_arrow_up.gif) no-repeat 0 0;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 3;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #666;
	height: 10px;
	background: url(http://www.groupe-laps.org/squelettes/images/basic_arrow_down.gif) no-repeat 0 0;
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	
}

a.jScrollArrowUp:hover {
	
}

a.jScrollArrowDown:hover {
	
}

/* @end */

/* @group Cluetip */

#cluetip-close img {
	border: 0;
}

#cluetip-title {
	display: none;
}

#cluetip-title #cluetip-close {
	float: right;
	position: relative;
}

#cluetip-waitimage {
	
}

#cluetip-extra {
	display: none;
}

.cluetip-default {
	background-color: #fff;
	color: #000;
	text-align: left;
	width: 135px;
	opacity: 0.9;
}

#cluetip-inner small {
	line-height: 135%;
}

.cluetip-default #cluetip-outer {
	position: relative;
	margin: 0;
	width: 135px;
}

.cluetip-default h3#cluetip-title {
	visibility: hidden;
	display: none;
}

.cluetip-default #cluetip-inner {
	padding: 10px;
}

/* @end */

/* @group UI Dialog */

.ui-dialog {
	background-color: #000;
}

.ui-dialog .ui-dialog-titlebar {
	padding: 0px;
	height: 10px;
	_height: 29px;
}

.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: default;
}

.ui-dialog .ui-dialog-titlebar-close {
	width: 10px;
	height: 10px;
	position: absolute;
	top: 6px;
	right: 7px;
	cursor: default;
	color: #fff;
	background-color: #000;
}

.ui-dialog .ui-dialog-titlebar-close span {
	
}

.ui-dialog .ui-dialog-titlebar-close-hover {
	
}

.ui-dialog .ui-dialog-title {
	margin-left: 5px;
	color: white;
	font-weight: bold;
	position: relative;
	top: 7px;
	left: 4px;
}

.ui-dialog .ui-dialog-content {
	margin: 20px;
}

.ui-dialog .ui-dialog-content p {
	font-size: 12px;
	line-height: 135%;
}

.ui-dialog .ui-dialog-content h1 {
	padding-bottom: 10px;
}

.ui-dialog .ui-dialog-buttonpane {
	position: absolute;
	bottom: 9px;
	right: 12px;
	width: 100%;
	text-align: right;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: 6px;
}

.ui-resizable-handle {
	display: none!important;
}

.ui-dialog .ui-resizable-n {
	height: 0!important;
	width: 100%;
	top: 0px;
	left: 0px;
}

.ui-dialog .ui-resizable-s {
	height: 0px!important;
	width: 100%;
	bottom: 0px;
	left: 0px;
}

.ui-dialog .ui-resizable-e {
	width: 0px!important;
	right: 0px!important;
	top: 0px;
	height: 100%;
}

.ui-dialog .ui-resizable-w {
	width: 0px!important;
	left: 0px!important;
	top: 0px;
	height: 100%;
}

.ui-dialog .ui-resizable-se {
	width: 0px!important;
	height: 0px!important;
	right: 0px;
	bottom: 0px;
}

.ui-dialog .ui-resizable-sw {
	width: 0!important;
	height: 0!important;
	left: 0px;
	bottom: 0px;
}

.ui-dialog .ui-resizable-nw {
	width: 0!important;
	height: 0!important;
	left: 0px;
	top: 0px;
}

.ui-dialog .ui-resizable-ne {
	width: 0!important;
	height: 0!important;
	right: 0px;
	top: 0px;
}

.ui-dialog-container {
	text-align: left;
	border-width: 0;
	width: 720px!important;
	height: 576px;
}

div.ui-dialog-titlebar {
	text-align: right;
}

div.ui-dialog.ui-draggable.ui-resizable {
	border: 1px solid #4d4d4d;
	background-color: #000;
}

/* @end */