/* Start of CMSMS style sheet 'marchal_couleurs' */
/*CSS damien marchal | plasticien sonore (vit et travaille)*/


body {
width:100%;
min-width:1000px;
border:0;
font-family:Helvetica-neue, Helvetica, Arial;
background:#C0C0C0;
}

html {
overflow:hidden;
}
		
* {
margin:0;
padding:0;
}
#title{
position:absolute;
top: .6em;
left: 4em;
font-family:Helvetica-neue, Helvetica, Arial;
font-size:1em;
font-weight: bold;
height: 60px;
width: 155px;
background:#B4B4B4;
overflow:visible;															
}
.accueil {
color:#E6E6E6;
text-decoration:none;
font-family:Helvetica Neue, Helvetica, Arial;
font-size:1em;
overflow:visible;
}
#texte {
position:absolute;
z-index:1;
top: 5em;
left: 27em;
width: 550px;
}
h3 {
padding:1em 0 0 0;
font-size:1.2em;
font-family: Helvetica-neue, Helvetica, Arial;
}
p {
font-size: .8em;
font-family: Helvetica-neue, Helvetica, Arial;
padding: .1em .8em 0 0;
text-align: right;
margin: 0em 14em 0 0 ;
background:#D7D7D7;
}
.titre{
margin: .4em 0 0 .2em;
font-family:Helvetica-neue, Helvetica, Arial,;
font-size:.7em;
width:100px;
text-align: left;
background:#B4B4B4;
color:#707070;
}
.soustitre{
margin: .4em 0 0 .2em;
font-family:Helvetica-neue, Helvetica, Arial;
width:100px;
text-align: left;
font-size:.7em;
color:#707070;
background-color:transparent;
}
ul li {
margin-left:2em;
}
#header {
padding:0;
background:#000;
color:#fff;
}
#wrapper {
clear:left;
float:left;
width:3000px;

}
#box1wrap {
float:left;
width:190px;
}
#box1 {
float:right;
width:190px;
height:1500px;
background:#B4B4B4;
}
#box1:hover {
background:#ff2800;
}
#box1pad {
position:relative;
right:5px;
float:right;
width:190px;
overflow:hidden;
}
#box2wrap {
float:left;
width:190px;
height:1500px;
}
#box2 {
float:right;
width:190px;
height:1500px;
background:#C0C0C0;
}
#box2:hover {
background:#00ff00;
}
#box2pad {
/*position:relative;*/
float:right;
width:190px;
overflow:hidden;
}
.box3wrap {
float:left;
width:190px;
}
.box3 {
float:right;
width:190px;
height:1500px;
background:#CDCDCD;
}
.box3:hover {
background:#ffff00;
}
.box3pad {
position:relative;
float:right;
width:190px;
overflow:hidden;
}
.box4wrap {
float:left;
width:190px;
}
.box4 {
float:right;
width:190px;
height:1500px;
background:#D7D7D7;
}
.box4:hover {
background:#00ccff;
}
.box4pad {
position:relative;
float:right;
width:190px;
overflow:hidden;
}
.box5wrap {
float:left;
width:190px;
}
.box5 {
float:right;
width:190px;
height:1500px;
background:#E0E0E0;
}
.box5:hover {
background:#ff0077;
}
.box5pad {
position:relative;
float:right;
width:520px;
overflow:hidden;
}
.box6wrap {
float:left;
width:190px;
}
.box6 {
float:right;
width:190px;
height:1500px;
background:#E6E6E6;
}
.box6:hover {
background:#00ff7f;
}
.box6pad {
position:relative;
float:right;
width:190px;
overflow:hidden;
}
.box7wrap {
float:left;
width:190px;
}
.box7 {
float:right;
width:190px;
height:1500px;
background:#E9E9E9;
}
.box7:hover {
background:#00ffff;
}
.box7pad {
position:relative;
float:right;
width:190px;
overflow:hidden;
}
.box8wrap {
float:left;
width:190px;
}
.box8 {
float:right;
width:190px;
height:1500px;
background:#EEEEEE;
}
.box8:hover {
background:#9933ff;
}
.box8pad {
position:relative;
float:right;
width:190px;
overflow:hidden;
}
.box9wrap {
float:left;
width:190px;
}
.box9 {
float:right;
width:190px;
height:1500px;
background:#E9E9E9;
}
.box9:hover {
background:#ff2800;
}
.box9pad {
position:relative;
float:right;
width:190px;
overflow:hidden;
}
.box10wrap {
float:left;
width:190px;
}
.box10 {
float:right;
width:190px;
height:1500px;
background:#E6E6E6;
}
.box10:hover {
background:#00ff00;
}
.box10pad {
position:relative;
float:right;
width:190px;
overflow:hidden;
}
.box11wrap {
float:left;
width:190px;
}
.box11 {
float:right;
width:190px;
height:1500px;
background:#E0E0E0;
}
.box11:hover {
background:#ffff00;
}
.box11pad {
position:relative;
float:right;
width:190px;
overflow:hidden;
}
.box12wrap {
float:left;
width:190px;
}
.box12 {
float:right;
width:190px;
height:1500px;
background:#D7D7D7;
}
.box12:hover {
background:#00ccff;
}
.box12pad {
position:relative;
float:right;
width:190px;
overflow:hidden;
}
.box13wrap {
float:left;
width:190px;
}
.box13 {
float:right;
width:190px;
height:1500px;
background:#CDCDCD;
}
.box13:hover {
background:#ff0077;
}
.box13pad {
position:relative;
float:right;
width:190px;
overflow:hidden;
}
.box14wrap {
float:left;
width:190px;
}
.box14 {
float:right;
width:190px;
height:1500px;
background:#C0C0C0;
}
.box14:hover {
background:#00ff7f;
}
.box14pad {
position:relative;
float:right;
width:190px;
overflow:hidden;
}
.box15wrap {
float:left;
width:190px;
}
.box15 {
float:right;
width:190px;
height:1500px;
background:#B4B4B4;
}
.box15:hover {
background:#00ffff;
}
.box15pad {
position:relative;
float:right;
width:190px;
overflow:hidden;
}
.boxover {
background:#D7D7D7;
}

/*code menu*/

dl, dt, dd, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 8em;
left: 19em;
background:#C0C0C0;
font-weight: bold;
font-family: Arial;
font-size: .6em;
z-index:1;
width: 15em;
}
#menu a {
width: 16em;
}
#menu dt {
cursor: pointer;
margin: 2px 6px;
height: 20px;
line-height: 20px;
text-align: left;
}
#menu dd {
padding-right:0em;
margin-left:6em;
line-height: 22px;
}
#menu li {
text-align: left;
}
#menu li a {
background:#C0C0C0;
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
/*#menu li a:hover, #menu dt a:hover {
background:#C0C0C0;
}*/


/*code bloc de contenu*/

#contenu h3 {
margin : 0 8em 0 0em;
padding:0 .4em 0 .4em;
font-size: 1em;
font-family: Helvetica-neue, Helvetica, Arial;
font-weight: bold;
color:#707070;
background:#D7D7D7;
float:right;
text-align:right;
border-right:2em solid #D7D7D7;
border-top:.3em solid #D7D7D7;
}

#contenu h4 {
margin : 0 8em 0 0em;
padding:0 .4em 0 .4em;
font-size: .9em;
font-family: Helvetica-neue, Helvetica, Arial;
font-weight: bold;
color:#707070;
background:#D7D7D7;
float:right;
text-align:right;
border-right:2em solid #D7D7D7;
border-top:.3em solid #D7D7D7;
}



#contenu p{
margin : 0em 0em 0 0;
padding:1.2em .5em 2em 0em;
font-size: .7em;
font-family: Helvetica-neue, Helvetica, Arial;
width:63%;
float:left;
}

#contenu a{
font-family: Helvetica-neue, Helvetica, Arial;
color: #707070;
}

		
.droitecontenu {	
float:left;
border:.2em solid #D7D7D7;	
border-bottom:1em solid #D7D7D7;
border-top:2.5em solid #D7D7D7;
border-right:0.9em solid #D7D7D7;
background-color:#D7D7D7;	
}
#mp3 {
	/*clear:both;*/
float:right;	
background:#D7D7D7;
z-index:-1;
border-left:.2em solid #D7D7D7;
border-bottom:4em solid #D7D7D7;
border-right:1em solid #D7D7D7;
border-top:.6em solid #D7D7D7;
}

#video {
float:right;
margin-right: 2em;
}

#sign {
position:absolute;
bottom: 0.3em;
left: 4em;
}
#sign a {
font-size: .6em;
font-family: Helvetica-neue, Helvetica, Arial;
color:#cdcdcd;
text-decoration:none;
}
#sign a:hover{
font-size: .6em;
font-family: Helvetica-neue, Helvetica, Arial;
color:#fff;
}

#langues {
position:absolute;
bottom: 1.5em;
left: 4em;
font-size:.7em;
color:#707070;
}
#langues a {
font-family: Helvetica-neue, Helvetica, Arial;
color:#707070;
text-decoration:none;
}
#langues a:hover{
font-family: Helvetica-neue, Helvetica, Arial;
color:#fff;
}
		
/* fin du bloc contenu */		
	
/*lightwindow*/

#lightwindow_overlay {
/* REQUIRED */
display: none;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 500;
/* REQUIRED */
}

#lightwindow {
/* REQUIRED */
/* Of Note - The height and width of this element are set to 0px */
top:100px;
left:100px;
display: none;
visibility: hidden;
position: absolute;
z-index: 999;
line-height: 0px;
/* REQUIRED */
font-weight: bold;
}
#lightwindow_container {
/* REQUIRED */
display: none;
visibility: hidden;
position: absolute;
/* REQUIRED */
padding: 0 0 0 0;
margin: 0 0 0 0;
}

/* IE6 needs this or it messes with our positioning */
* html #lightwindow_container {
overflow: hidden;
}

#lightwindow_contents {
overflow: hidden;
z-index: 0;
position: relative;
border: 10px solid #707070;
background-color: #000000;
}		

#lightwindow_loading {
/* REQUIRED */
height: 100%;
width: 100%;
top: 0px;
left: 0px;
z-index: 9999;
position: absolute;
/* REQUIRED */
background-color: #f0f0f0;
padding: 10px;
color:#B4B4B4;
}
#lightwindow_loading_shim { 
display: none;
left: 0px; 
position: absolute; 
top: 0px;
width: 100%; 
height: 100%;
}
#lightwindow_loading span {
font-size: 12px;
line-height: 32px;
color:#B4B4B4;
float: left;
padding: 0 10px 0 0;
}
#lightwindow_loading span a,
#lightwindow_loading span a:link, 
#lightwindow_loading span a:visited {
color:#707070;
text-decoration: none;
cursor: pointer;
}
#lightwindow_loading span a:hover,
#lightwindow_loading span a:active {
text-decoration: underline;
color:#707070;
}
#lightwindow_loading img {
float: left;
margin: 0 10px 0 0;
}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
/* REQUIRED */
position: absolute;
top: 0px;
left: 0px;
display: none;
/* REQUIRED */
}
/* We need to shim the navigation for IE, though its more of a sub-floor */
#lightwindow_navigation_shim { 
/* REQUIRED */
display: none;
left: 0px; 
position: absolute; 
top: 0px;
width: 100%; 
height: 100%;
/* REQUIRED */
}


#lightwindow_navigation a,
#lightwindow_navigation a:link,
#lightwindow_navigation a:visited,
#lightwindow_navigation a:hover,
#lightwindow_navigation a:active { 
/* REQUIRED */
outline: none;
/* REQUIRED */
}
#lightwindow_previous, 
#lightwindow_next {
width: 49%;
height: 100%;
background: transparent url(uploads/lightwindow/images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#lightwindow_previous { 
float: left;
left: 0px;
}
#lightwindow_next { 
float: right;
right: 0px;
}
#lightwindow_previous:hover, 
#lightwindow_previous:active { 
background: url(uploads/lightwindow/images/prevlabel.gif) left 15% no-repeat; 
}
#lightwindow_next:hover, 
#lightwindow_next:active { 
background: url(uploads/lightwindow/images/nextlabel.gif) right 15% no-repeat; 
}
#lightwindow_previous_title,
#lightwindow_next_title {
display: none;
}	 	
#lightwindow_galleries {
width: 100%;
position: absolute;
z-index: 50; 
display: none;
overflow: hidden;
margin: 0 0 0 10px;
bottom: 0px;
left: 0px;
}
#lightwindow_galleries_tab_container {
width: 100%;
height: 0px;
overflow: hidden;
}
a#lightwindow_galleries_tab,		
a:link#lightwindow_galleries_tab,
a:visited#lightwindow_galleries_tab {
display: block;
height: 20px;
width: 77px;
float: right;
line-height: 22px;
color: #ffffff;
text-decoration: none;
font-weight: bold;
cursor: pointer;
font-size: 11px;
color: #ffffbe;
background: url(uploads/lightwindow/images/black-70.png) repeat 0 0 transparent;
}
* html a#lightwindow_galleries_tab,		
* html a:link#lightwindow_galleries_tab,
* html a:visited#lightwindow_galleries_tab {	
background: none;
background-color: #000000;
opacity: .70;
filter: alpha(opacity=70);
}
a:hover#lightwindow_galleries_tab,
a:active#lightwindow_galleries_tab {
color: #ffffbe;
}
#lightwindow_galleries_tab_span {
display: block;
height: 20px;
width: 63px;
padding: 0 7px 0 7px;
}
#lightwindow_galleries_tab .up	{
background: url(uploads/lightwindow/images/arrow-up.gif) no-repeat 60px 5px transparent;
}
#lightwindow_galleries_tab .down {
background: url(uploads/lightwindow/images/arrow-down.gif) no-repeat 60px 6px transparent;
}
#lightwindow_galleries_list {
background: url(uploads/lightwindow/images/black-70.png) repeat 0 0 transparent;
overflow: hidden;
height: 0px;
}
* html #lightwindow_galleries_list {
background: none;
background-color: #000000;
opacity: .70;
filter: alpha(opacity=70);
}	
.lightwindow_galleries_list {
width: 200px;
float: left;
margin: 0 0 10px 0;
padding: 10px;
}
.lightwindow_galleries_list h1 {	
color: #FFF;
text-decoration: none;
font-weight: bold;
cursor: pointer;
padding: 10px 0 5px 0;
font-size: 16px;
}
.lightwindow_galleries_list li {
margin: 5px 0 5px 0;
list-style-type: none;
}
.lightwindow_galleries_list a, 
.lightwindow_galleries_list a:link, 
.lightwindow_galleries_list a:visited {
display: block;
line-height: 22px;
color: #ffffff;
text-decoration: none;
font-weight: bold;
cursor: pointer;
padding: 0 0 0 10px;
font-size: 11px;
}
.lightwindow_galleries_list a:hover, 
.lightwindow_galleries_list a:active {
background: #000000;
color: #ffffbe;
border-left: 3px solid #ffffbe;
padding: 0 0 0 7px;
}
		
#lightwindow_data {
/* REQUIRED */
position: absolute;
/* REQUIRED */
}
#lightwindow_data_slide {
/* REQUIRED */
position: relative;
/* REQUIRED */
}
#lightwindow_data_slide_inner {
background-color: #707070;
padding: 0 10px 10px 10px;
}
#lightwindow_data_caption {
padding: 10px 0 0 0;
color: #E9E9E9;
line-height: 20px;
background-color: #707070;
clear: both;
font-weight: normal;
font-size:80%;
}
#lightwindow_data_details {
background-color: #E9E9E9;
padding: 0 10px 0 10px;
height: 20px;
}
#lightwindow_data_author_container {
width: 40%;
text-align: right;
color: #666666;
font-style: italic;
font-size: 10px;
line-height: 20px;
float: right;
overflow: hidden;
}
#lightwindow_data_gallery_container {
font-size: 10px;
width: 40%;
text-align: left;
color: #666666;
line-height: 20px;
float: left;
overflow: hidden;
}	
#lightwindow_title_bar {
height: 25px;
overflow: hidden;		
}
#lightwindow_title_bar_title {
color: #E9E9E9;
font-size: 14px;
line-height: 25px;
text-align: left;
float: left;
}
a#lightwindow_title_bar_close_link,	
a:link#lightwindow_title_bar_close_link,
a:visited#lightwindow_title_bar_close_link {
float: right;
text-align: right;		
cursor: pointer;
color: #E9E9E9;
line-height: 25px;
padding: 0;
margin: 0;
}
a:hover#lightwindow_title_bar_close_link,
a:active#lightwindow_title_bar_close_link {
color: #ffffff;
}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
*color: #000000;
*padding-right: 10px;
}

/*
	Yes this layout was inspired by lightbox v2.0's page, the reason being, the layout works really well for a doc 
*/


.page-body {
margin: 0 auto 0 auto;	
width: 600px;
padding: 30px 0 20px 0;
text-align: left;
}
.page-footer {
margin: 0 10% 0 315px;	
width: 600px;
padding: 0 0 50px 0;
text-align: left;
}
.page-body ul, .page-body ol { 
color: #ffffff;
margin: 10px 0 30px 25px; 
}
.page-body ul li, 
.page-body ol li { 
padding: 0; 
margin: 0 0 5px 0; 
color: #cccccc;
line-height: 140%;
font-size: 100%;		
}
.page-footer p {
margin: 0;
}
.page-footer {
padding: 20px;
}
.page-title h1 span {
text-align: left;
font-weight: bold;
font-size: 100%;
color: #ffffff;
margin: 5px 0 15px 0;
}	
h1 {
text-align: left;
font-weight: bold;	
}
h1 span {
clear: both;
font-size: 60%;
color: #FF9;
}
h2 {
text-align: left;
font-weight: bold;	
}
h2 span {
clear: both;
font-size: 70%;
color: #FF9;
}
.notice {
border: 3px solid #ffffbe;
	padding: 10px;
	color: #ffffff;
	background-color: #09f;
	margin: 0 0 20px 0;
}
.notice p, 
.notice p a, 
li a {
color: #ffffff;
text-decoration: none;
}
a.page-options img {
border:none;
}
a.page-options:link {
font-weight:bold;
font-size:.79em;
text-decoration:none;  
border:none;
}
a.page-options:hover, 
a.page-options:focus { 
text-decoration:underline;
border:none;
}	
p small, 
li small {
color: #09F;
font-size: 100%;
}
p em, 
em {
color: #ffffff;
}
.hidden {
display : none;
border:none;
}

/* End of 'marchal_couleurs' */