@charset "UTF-8";

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings<<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


* {
    margin:0;
    padding:0;
}
body {
  font-size:90%;
  overflow-x: hidden;
  overflow-y: auto;
  overflow : -moz-scrollbars-vertical;
  font-family:Arial, Helvetica, sans-serif;
  background: #fff url(../img/bg/bg.jpg)  no-repeat left top
  }

a { color:#cccccc; text-decoration:none }
a:focus, a:hover, a:active {color:#666666; text-decoration:none }

a.home { color:#cccccc; text-decoration:none }
a.home:focus, a.home:hover, a.home:active {color:#666666; text-decoration:none }

.navbas {margin: 5px 0;font-size: 0.9em;float:left;display:inline;}
.navbas li {padding: 0 15px 0 3px; list-style-image:url(../img/fleche.png);list-style-position:inside;}
.navbas li a {color: #999;}
.navbas li a:hover { color:#fff;background-color:#333333;padding: 0 10px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.navbas li a:active { color:#fff;border:none; background-color:#333}
.navbas li a:focus { color:#cccccc;background-color:#333; border:none}

.nav {margin: 5px 0;font-size: 0.9em;float:left;display:inline;}
.nav a {padding: 0 10px;}
.nav li {padding: 0; list-style-image:url(../img/flechedown2.png);list-style-position:inside;}
.nav li a {color: #999;}
.nav li a:hover { color:#fff;background-color:#333;padding: 0 10px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.nav li a:active { color:#fff;border:none; background-color:#333}
.nav li a:focus { color:#cccccc;background-color:#333; border:none}


.nav2 {margin: 0;float:left;}
.nav2 li { list-style-position: inside;list-style-type: none; margin: 0 0 30px 0;
	font-size: 0.9em; color: #999;
	}


h5 {font: 1.1em Helvetica, sans-serif; margin: 15px 0 5px;}

a.compresse { 
	color: #E6E6E6;background-color: #808080; 
	padding: 0 10px; margin: 3px 0;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
}
a:hover.compresse {
	background-color: #333; color: #fff;
}

.cp {margin: 5px 0;font-size: 0.9em;float:left;display:inline;}
.cp li {list-style-image:url(../img/square.png);list-style-position:inside;}
.cp li a {color: #999;}
.cp li a:hover { color:#fff;background-color:#333333}
.cp li a:active { color:#fff;border:none; background-color:#333}
.cp li a:focus { color:#cccccc;background-color:#333; border:none}

p {
margin: 0;
width: 100%;
text-align:500px;
color: #666;
}



.clear {
	clear: both;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> IMG <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

img.floatright {
    float: right;
    margin: 10px 0 0 10px;
	padding: 0.2em;
	border: 1px solid #ccc;
}

img.floatright0 {
    float: right;
    margin: 0 0 0 0.5em;
	padding: 0.2em;
	border: 0px solid #ccc;
}

img.floatleft {
    float: left;
	position:relative;
    margin: 0 15px 0 10px;
	padding: 0.2em;
	border: 1px solid #ccc;
}

img.floatleft2 {
    float: left;
	position:relative;
    margin: 0 15px 0 10px;
	padding: 0.2em;
	border: 0px solid #ccc;
}

img.floatright2 {
    float: right;
    margin: 0px 0 0 10px;
	padding: 3px;
	border: 1px solid #F2F2F2;
	opacity:0.8;
}

img.floatright2:hover {
	border: 1px solid #E6E6E6;
	opacity:1;
}

img.floatright3 {
    float: left;
    margin: 0;
	padding: 3px;
	border: 1px solid #999;
}

img.floatright3:hover {
	padding: 0em;
	border: 4px solid #000;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> HR / H1 / UL <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

hr
{
margin: 5px 0 5px 0;
border: 1px dotted #E6E6E6;
clear:both;
}

.catahr {
	margin: 110px 0 0;
	border: 0px solid #999;
}

h1 {padding: 5px 30px;margin: 5px 0;font-size:24px;color:#666666;letter-spacing:-1px; font-family: sans-serif,Verdana,Geneva; 
	font-weight:100}
h2 {padding: 10px 0;margin: 10px 0;font-size:18px;color:#808080;border-bottom: 0px; font-weight: normal; letter-spacing:-1px;}
h3 {cursor:pointer;cursor:hand;}
h4 {font-size:16px; font-weight:normal; font-family: sans-serif,Verdana,Geneva; 
	padding:0; margin:0 0 10px 2px; color:#999 }
h4:hover {color:#333 }

.puce li {
  margin-left: 2px;
  list-style-type: none;
  font-size:medium;
  list-style-image: url(../img/ul6.png);
  }
  
.puce li a:hover {
  margin-left: 0px;
  list-style-type: none;
  background-color:#FFF;
  color:#666;
  list-style-image: url(../img/ul4.png);
  }


#puceact li {
  margin-left: 0px;
  list-style-type: none;
  font-size:small;
  list-style-image: url(../img/ul6.png);
  }
  
#puceact li a:hover {
  margin-left: 0px;
  list-style-type: none;
  font-size:medium;
  background-color:#FFF;
  color:#666;
  list-style-image: url(../img/ul4.png);
  }
  
#puceform li {
  margin-left: 0px;
  text-align:right;
  list-style-type: none;
  font-size:larger
  } 

#puceint li {
  margin: 10px 0 0 20px;
  list-style-type: none;
  font-size:small;
  list-style-image: url(../img/fleche.png);
  }
  
.puceplus li {
  margin: 0 0 40px 20px;
  font-size:small;
	color: #808080;
  list-style-image: url(../img/flecheplus.png);
}
  
.puceplus hr {
	border:1px;
	width: 80 %;
	border: 1px thin #000
	}  




/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> DIV & Co <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


#page {
width: 100%;
height: 100%;
background-size: 100%;
}

#header {
padding: 0;
width: 100%;
}

#content {
	margin: 0px auto;
	padding: 0px;
}


#page-wrap {
	float: left;
	width: 680px;
	position: absolute;
	margin: 80px 0 0 70px;
	padding-bottom: 50px;
}


#sidebarre {
	position: fixed;
	margin: 20px 0 0 830px;
}

#footer {
height: 20px;
padding-top:15px;
background: url(../img/bg/bgfooter.png) repeat-x left top;
width: 100%;
font-size:smaller;
text-align: right;
color:#999;
position: fixed;
left: 0;
bottom: 0;
z-index:1000;
}


#homeactu {
margin: 0;
position:absolute;
width:350px;
padding: 10px 0;
top: 170px;
left: 20px;
}

#homeindex2 {
margin: 0;
width:100%;
background-color:#000;
position:absolute;
padding: 10px 0 0 0px;
top: 0px;
left: 0px;
font-size:11px;
letter-spacing: 12px;
}

#homeindex2 a:link {color: #666666;}
#homeindex2 a:visited {color: #666666;}
#homeindex2 a:hover {color: #ccc;}
#homeindex2 a:active {color: #666666;}
#homeindex2 a:focus{color: #666666;}

#homeindex3 {
margin: 0;
width:100%;
background-color:#fff;
position:absolute;
padding: 10px 0 0 0px;
top: 0px;
left: 0px;
font-size:11px;
letter-spacing: 12px;
}

#homeindex3 a:link {color: #999999;}
#homeindex3 a:visited {color: #999999;}
#homeindex3 a:hover {color: #000;}
#homeindex3 a:active {color: #666666;}
#homeindex3 a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> INTRO <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/ 

.intro1 {
margin: 0;
position:absolute;
width: 100%;
height: 100%;
padding: 250px 0;
background: #fff url(../img/bg/intro1.jpg) no-repeat left top;
color:#CCC;
text-align:center
}

.intro2 {
width: 100%;
height: 1000px;
background: url(../img/bg/bg.jpg) no-repeat left top;
}


.intro {
padding: 130px 0 0 40px;
width: 100%;
font-size:12px
}

#introcontent {
	background-color: #F00;
	width: 100%;
	margin: 50px 0;
}

.introli {
	float: left;
	text-align:left;
	font-size:14px;
	list-style:none
	
}

.mozaintro {
	float: left;
	display: block;
	height: 300px;
	width: 700px;
	margin: 5px 0; padding: 30px 0 0 50px;
}

#headerlogo {
	width: 100%;
}

#menuintro {
	top: 150px;
	left: 850px;
	position: absolute;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> FONT <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/ 


.red {
padding: 10px 0 0 0px;
color:#F00;
font-size:12px;
}

.green {
padding: 10px 0 0 0px;
color:#090;
font-size:12px;
}

.grey {
color:#666;
font-weight:normal;
font-size: 1.1em;
}

.center {
	width: 300px;
	margin: 50px auto;
}

.white {
	border:#FFF thin
}

.dark {
	border:#000 thin
}

.small {
	font-size:12px
}

.big {
	font-size:18px
}

.english {
	color:#999;
	font-style:italic
}

.english:hover {
	color:#333
}





/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Fade BG <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/ 

#slideshow {
    position:relative;
    height:800px;
	background-color: #000000; 
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> ARTISTES <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/ 

#oeuvres ul {
	background-color: #ddd;
	margin: 0 0 10px 0;
}

#oeuvres ul li {
	display: inline;
	float: left;
	list-style-type: none;
	opacity: 0.9;
	margin: 2px; padding: 0;
}
#oeuvres ul li:hover {
	opacity: 1;
}


.mozaintro ul {
	background-color: #ddd;
	margin: 0 0 0 40px;
}

.mozaintro ul li {
	display: inline;
	float: left;
	list-style-type: none;
	opacity: 0.9;
	margin: 2px; padding: 0;
}
.mozaintro ul li:hover {
	opacity: 1;
}


.mozaintro2 ul {
	margin: 20px 0 0 20px;
}

.mozaintro2 ul li {
	display: inline;
	float: left;
	list-style-type: none;
	opacity: 0.9;
	margin: 2px; padding: 0;
}
.mozaintro2 ul li:hover {
	opacity: 1;
}


.mozamultiple ul {
	margin: 0;
}

.mozamultiple ul li {
	display: inline;
	float: left;
	list-style-type: none;
	opacity: 0.9;
	margin: 2px; padding: 0;
}
.mozamultiple ul li:hover {
	opacity: 1;
}


.bottomartist {
	background-color: #ddd;
	margin: 1em 0;
}

#footer-artiste {
height: 20px;
padding-top: 3px;
margin-top: 50px;
background: #000 url(../img/bgfooter.png) repeat-x left top;
width: 100%;
font-size:smaller;
text-align: right;
color: #5c5c5c;
}

#page-artiste {
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	text-align:justify;
	color:#000
}

.alignright {
	float: right;
	display: block;
	margin-bottom: 1em;
}

.avenir {
	margin: 1em 2em;
	color: #CCC;
	font-size: 1.3em;
}

#menuartiste{
	width: 100%;
	text-align:center;
}

.button {
	float: left;
	margin: 5px 8px;
}

.mozapress {
	list-style-position: inside;
	list-style-type: none;
}

.mozapress li{
	display: block;
	float: left;
	width: 220px;
	height: 150px;
	margin: 2px;
	text-align: center;
}

.showpress {
	z-index: 2;
	position: relative;
}

.showpress {
	display: block;
	height:  100%;
	width: 100%;
}




.showyear {
	font: 100 32px sans-serif;
	font-weight: 100;
	letter-spacing: -2px;
	background-color: #000;
	color: #CCC;
	line-height: 150px;
}

.date_post {
	color: #B3B3B3;
	margin: 0;
	font-size: 0.8em;
}

.infopress {
	position: relative;
	z-index: 5;
	width: 220px;
	height: 150px;
	margin: -150px 0 0 0;
	background-color: #000;
	opacity: 0.8;
	text-align: right;
}

.infopress a {
	color: #CCC;
}


.link_press {
	margin: 10px 0 0 0;
	display: block;
	text-align: left;
	width: 220px;
	padding: 5px 0;
	font-size: 0.9em;
	background: url('../img/bg/bg_press_artiste_hover.png') repeat-x;
	background-color: #333;
}

.link_press:hover {
	color: #fff;
	background: url('../img/bg/bg_press_artiste.png') repeat-x;
}
a.link_press {
	color: #999;
}


.imgpress {
	margin: 0;
}

.floatpress {
	opacity: 0.7;
	margin: 0;
}

.floatpress:hover {
	opacity: 1;
}

.press_title {
	margin: 0;
	display: block;	
	font-size: 1.2em;
	padding: 30px 10px 0 10px;
	height: 80px;
	cursor: pointer;
}



#pres { display: none; padding: 4px 0; margin: 10px auto;text-align: justify;}
#pres-button {
	opacity: 1.0;
	margin: 5px 30px 5px 0;	
	border-bottom: 1px dotted #CCC;
	cursor: pointer;
}

#actu { display: none; padding: 4px 0; margin: 0px auto }
#actu-button {
	opacity: 0.5;
	margin: 5px 30px 5px 0;	
	border-bottom: 1px dotted #CCC;
	cursor: pointer;
}

#oeuvres { padding: 4px 0; display: block; margin: 5px auto}
#oeuvres-button {
	opacity: 0.5;
	margin: 5px 30px 5px 0;	
	border-bottom: 1px dotted #CCC;
	cursor: pointer;
}

#multiples { display: none; padding: 4px 0; margin: 10px auto 0 auto}
#multiples-button {
	opacity: 0.5;
	margin: 5px 30px 5px 0;	
	border-bottom: 1px dotted #CCC;
	cursor: pointer;
}

#cata { padding: 4px; display: none; margin: 10px auto 0 auto }
#cata-button {
	opacity: 0.5;
	margin: 5px 30px 5px 0;	
	border-bottom: 1px dotted #CCC;
	cursor: pointer;
}		

/* ----------------------------------------------------------------------------------------------------------------*/
/* Formulaire */
/* ----------------------------------------------------------------------------------------------------------------*/

.formu2 {
	width: 90%;
	border: 1px dotted #999;
	background: url(../img/bg/bgformu.png) repeat left top;
	margin: 20px auto;
	padding:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

label {
	color: #666;
}

textarea {
	font: 1em/1.3em Helvetica, sans-serif;
	color: #7F7F7F;
}
textarea:hover, textarea:active, textarea:focus {
	color: #333;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> SideBar Settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/ 

.sidebarre_menu {
float: right;
width: 330px;
margin: 30px .5em;
color:#c9c9c9;
}
	  

.sidebarre_menu h3 {
margin: 0;
padding: .25em;
font-weight: normal;
font-size: 1.3em;
cursor:pointer;cursor:hand;
border-bottom: 1px dotted #e5e5e5;
}

.sidebarre_menu h3:hover {
color:#666
}


.sidebarre_menu ul {
margin: 10px;
}

.sidebarre_menu div {
padding: .5em .25em;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> End of SideBar <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


.inputcb {
	padding: 0 5px;
	line-height: 20px;
	font-size: 1.1em;
	border-top: 1px solid #999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #999;	
	border: 1px dotted #DCDCDC;
}

.submitcb {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 30px;
	padding: 0 10px;
	font-size: 1.2em;
	color: #fff;
	cursor: pointer;
	border: 1px solid #999;
}

.submitcb:hover {
	background-color: #000;
	color: #fff;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Supersize Plugin Styles <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


#supersize img, #supersize a{
			height:100%;
			width:100%;
			display:none;
		}
#supersize .activeslide, #supersize .activeslide img{
			display:inline;
		}