body{


color:#999;
background-color:#000;
	font-family: Verdana,Helvetica,Arial, sans-serif;
	font-size: 14px;
	

}

a{
color:#FFF;
}
a:hover{
color:#C00;
}


#page{

width:1000px;
margin: 50px auto;

}

p{

margin:0px;
}

/******************
LOGO
********************/


h1,h1 a{
text-decoration:none;
	color:#C00;
	font-family: Helvetica,Arial, sans-serif;
	font-size: 35px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	line-height:1em;
	letter-spacing:0.1em;
}

h1 a:hover{
	color:#FFF;

}

h2{
	
	color:#999;
	font-family: Helvetica,Arial, sans-serif;
	font-size: 18px;
	font-weight:normal;
	margin:0px;
	padding:0px;
	letter-spacing:0.05em;
	line-height:1em;

}





/******************
HOME
********************/

div{
/*border:1px solid #CC0000;*/


}

div#showcase{

float:left;
width:604px;
height:404px;

}
div#baseline{

float:right;
width:200px;
text-align:right;
margin:40px 0px;
}

/******************
NEWS
********************/


div#news{

height:2em;
overflow:hidden;
}

div#news ul{
margin:0px;
padding:0px 30px;
list-style-type:none;
position:absolute;
white-space:nowrap;

}

div#news li{

display:inline;
margin-right:200px;
white-space:nowrap;

}

/******************
PAGE EXPO
********************/
div#plancheexpo{

height:280px;
overflow:auto;
white-space:nowrap;

}

div#plancheexpo img{


}

div#texteexpo{

margin-top:20px;
text-align:justify;
}


/******************
NEWS
********************/
div#bio{

text-align:justify;
width:700px;


}



/******************
NEWS
********************/
div#arttitre,div#arttexte{

text-align:justify;
width:700px;


}






/******************
SOUS TITRE (TITRE REPO)
********************/


h3{
	
	color:#FFF;
	font-family: Helvetica,Arial, sans-serif;
	font-size: 14px;
	font-weight:normal;
	margin:0px;
	letter-spacing:0.05em;
	text-transform:uppercase;

}


div#chapeau p{

	margin:0px;



}

div#chapeau a.bouton{

float:right;
margin-left:10px;
margin-right:10px;

}




/******************
MENU
********************/

ul#menu{

font-size: 16px;
	letter-spacing:0.05em;

margin:20px 0px 40px 0px;
padding:0px;
list-style-type:none;

}

ul#menu li{

display:inline;
margin-right:10px;


}

ul#menu li a{

color:#FFF;
text-decoration:none;
white-space:nowrap
}

ul#menu li a:hover,ul#menu li a.sel{

color:#C00;
}





/******************
LISTE REPORTAGES
********************/

ul#reposlist{

margin: 0px;
padding:0px;
list-style-type:none;
float:left;
width:300px;
/*border:1px solid #1d1d1d;*/
}

ul#reposlist li{



}

ul#reposlist li a{

color:#FFF;
text-decoration:none;
}

ul#reposlist li a:hover,ul#reposlist li a.sel{

color:#C00;
}





#miniplanche{

width:620px;
/*border:1px solid #1d1d1d;*/
float:left;

}



/******************
CONTACT
********************/
#contactform {
margin-top:25px;
}
#contactform input{

width:200px;

}

#contactform input.bot{

width:100px;

}

#contactform textarea{

width:400px;
height:15em;

}




/******************
PLANCHE PARUTIONS
********************/


#paruplanche{

/*width:520px;
border:1px solid #1d1d1d;

float:left;*/
position:relative;

}


#paruplanche div.diapoparuplanche {

/**/
float:left;
position:relative;
background-color: #646464;
height:200px;
border:1px solid #646464;
text-align:center;
margin: 2px 2px;
width:190px;
/*height:145px;
overflow:hidden;*/
}


#paruplanche div.diapoparuplanche a.lkparu{
text-decoration:none;

}
#paruplanche div.diapoparuplanche a.lkparu img
{
display:block;
margin:2px auto;


}


#paruplanche div.diapoparuplanche a:hover {
color:#FFF;
}


#paruplanche div.diapoparuplanche img
{
margin-top:5px;
}

#paruplanche div.diapoparuplanche div.titrediapo{
overflow:hidden;
height:20px;
}

#paruplanche div.diapoparuplanche div.soustitrediapo{
overflow:hidden;
height:40px;
}





#paruplanche div.diapolabel{
width:392px;
background-color: #C00;
position:absolute;
left:190px;
top:-1px;
z-index:1000;
height:200px;
display:none;
border:1px solid #CC0000;

}

#paruplanche div.diapolabel div.minh{

background-color: #C00;
padding-bottom:10px;
}

#paruplanche div.diapolabel div.minh div{

margin:10px;
color:#FFF;

}

#paruplanche div.diapolabel div.minh div p{

margin:0px;

}







/******************
PLANCHE EXPO
********************/


#expoplanche{

/*width:520px;
border:1px solid #1d1d1d;

float:left;*/
position:relative;

}
#expoplanche a.bouton{
color:#C00;
text-decoration:none;

}

#expoplanche a{
color:#999;

}
#expoplanche a:hover{
color:#C00;

}

#expoplanche div.startline {
height:2px;
border-bottom:1px solid #1b1b1b;
}


#expoplanche div.diapoexpoplanche {

/*
float:left;*/
position:relative;
/*height:145px;
overflow:hidden;*/
padding:5px 5px;
border-bottom:1px solid #1b1b1b;
}


#expoplanche div.diapoexpoplanche div.image{

float:left;
border:1px solid #646464;
height:160px;
width:190px;
background-color: #646464;
margin: 2px 20px 2px 2px;


}


#expoplanche div.diapoexpoplanche div.image img
{
display:block;
margin:5px auto;
}






#expoplanche div.diapolabel{

width:700px;

float:left;
/*border:1px solid #CC0000;
display:none;*/

}

#expoplanche div.diapolabel .titre{
font-size:1.1em;
font-weight:bold;
margin-bottom:5px;
color:#FFF;
}


#expoplanche div.diapolabel  p{

margin:0px;

}


/******************
bouton
********************/

a.bouton{

color:#C00;
text-decoration:none;


}

a.bouton:hover{

color:#FFF;

}




.clearboth{

	clear:both;
}





#planche{

/*width:1100px;*/

}









#planche a.diapoplanche ,
#miniplanche a.diapominiplanche 

{

width:190px;
height:145px;
border:1px solid #1d1d1d;
background-color: #1d1d1d;
text-align:center;
float:left;
margin: 2px 2px;

}
#planche a.diapoplanche:hover,
#miniplanche a.diapominiplanche:hover ,

#miniplanche a.sel
{

border:1px solid #CC0000;

}

#planche a.diapoplanche img,
#miniplanche a.diapominiplanche img
{
margin-top:5px;
}

#cachebox{

	display:none;
	z-index:50;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	background-color: #333;
}

#centralbox{
	display:none;
	z-index:100;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}

#centralboxmini{

	width:820px;
	height:700px;
	border:0px solid #FFFFFF;
	background-color: #000000;
	margin: 0px auto;
	display:none;

}
#centralboxtexte{

	width:820px;
	height:700px;
	border:0px solid #CC0000;
	background-color: #000000;
	margin: 0px auto;
	display:none;
	padding:20px;
	overflow:auto;

}

a.close {


color:#FFF;
text-decoration:none;
margin:0px 10px;
}

a.close:hover{

color:#C00;
}