body
{
	margin: 0px ;
	padding: 0px;
	font: normal 0.75em Helvetica, Arial, sans-serif;
	color:#000;
	background-image:url(../../cspdocs/graphisme/fond-semiose.gif);
	background-repeat:repeat;
	}
	
.retour{
	clear:both;
}
	
/* Span masqué */

span.invisible{
display:none;
}



/* Liens par défaut */
	
a{
	text-decoration:none;
	color:#b1b2b4;
}

/*a:visited {
	color:#2db8f2;
}
*/
a:hover {
	color:#2db8f2;
}

a.actif {
	color:#2db8f2!important;
}

li, ul{
	text-decoration:none;
	list-style:none;
	padding:0;margin:0;
}

/*************************************** HEADER */
div#header
{
	padding-left:15px;
	padding-right:20px;
	margin-top: 8px;
	padding-top: 20px;
	margin-bottom:20px;
	min-height: 55px ;
}

div#logoTotal{
	float:left;
}


div#logo2 a.galerie{
	display:block;
	float:left;
	width:52px;
	height:17px;
	background-image:url(../../cspdocs/graphisme/logoGalerie.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin-right:5px;
}

div#logo2 a.galerie:hover, div#logo2 a.editions:hover{
	background-position:bottom;
}

div#logo2 a.galeriebleu{
	display:block;
	float:left;
	background-repeat:no-repeat;
	width:52px;
	height:17px;
	background-image:url(../../cspdocs/graphisme/logoGalerie.jpg);
	background-position:bottom;
	margin-right:5px;
	
	
}


div#logo2 a.editions{
	display:block;
	float:left;
	background-repeat:no-repeat;
	width:59px;
	height:17px;
	background-image:url(../../cspdocs/graphisme/logoEditions.jpg);
	background-position:top;
	
	
}

div#logo2 a.editionsbleu{
	display:block;
	float:left;
	background-repeat:no-repeat;
	width:59px;
	height:17px;
	background-image:url(../../cspdocs/graphisme/logoEditions.jpg);
	background-position:bottom;
	
}


span#logotiret{
	width:7px;
	height:17px;
	background-image:url(../../cspdocs/graphisme/logoTiret.jpg);
	float:left;
	margin-right:5px;
}
	

div#contact{
	color:#b1b2b4;
	font-family:Helvetica, Arial, sans-serif;
	float:left;
	padding-left:52px;
	margin-top:10px;
	
}

div#contact p,div#newsletter p{
	font-size:0.9em;
	line-height:1.15em;
}

div#contact a, div#newsletter a{
	color:#b1b2b4;
}

div#contact a:hover, div#newsletter a:hover{
	color:#2db8f2;
}

div#contact a#contact1{
	display:block;
	padding-top:3px;
}

div#contact p{
	padding-bottom:2px;
	margin:0;
}


div#newsletter{
	margin-left:67px;
	float:left;
}

div#newsletter a#contact1{
	margin-left:252px;
	padding-right:11px;
}


/*************************************** DIV PRINCIPALES */

div#wrapper{
	text-align:left;
	margin:0px auto 0px;
	padding-top:0px;
	width:900px;
	height:605px;
	background: white;
}

div#menu_horizontal{
	height:20px;
	position:relative;
	margin-right:20px;
}

div#container{
	padding:0px;
	width:100%;
	z-index:1;
	
}

div#sidebar{
	float:left;
	height:300px;
	width:170px;
	padding-left:20px;
	padding-right:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	z-index:1;
	position:relative;
}

div#sidebar a{
	font-size:1em;
	line-height:1.5em!important;
	color:#b1b2b4;
}


div#sidebar a.actif{
	color:#2db8f2;
}

div#sidebar #mycustomscroll{
	height:250px;
	width:135px;
	overflow:auto;
	position: relative;
	outline: none;
	
}

div#newsItem #mycustomscroll, div#galerie #mycustomscroll, div#texte #mycustomscroll, div#bloc #mycustomscroll{
	height:440px;
	width:676px;
	overflow:auto;
	position: relative;
	outline: none; 
	
}

div#blocMore #mycustomscroll, div#bio #mycustomscroll, div#texte #mycustomscroll{
	height:430px;
	width:676px;
	overflow:auto;
	position: relative;
	outline: none; 
	
}

div#galerieExpo #mycustomscroll, div#galerieExpoArtiste #mycustomscroll{
	height:400px;
	width:676px;
	overflow:auto;
	position: relative;
	outline: none; 
	
}

div#ficheBook #mycustomscroll {
	height:420px;
	width:676px;
	overflow:auto;
	position: relative;
	outline: none; 
	
}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 6px;
background-image:url(/site/jscripts/trait-scrollbare.png);
background-repeat:repeat-y;
background-position:center;
}
.vscrollerbar {
width: 6px;
background-color:#b1b2b4;
cursor:pointer;
}
.hscrollerbase {
height: 10px;
background-color:#CCCCCC;
}
.hscrollerbar {
height: 10px;
background-color:#CCCCCC;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: #CCCCCC;
}

h3{
	color:#b1b2b4;
	font-weight:normal;
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.95em;
	padding:5px 0 3px; 
	margin-top:1px;
	margin-bottom:15px;
	border-top:#b1b2b4 dotted 1px;
	border-bottom:#b1b2b4 dotted 1px;
	width:135px;
}

h3#artistes{
	padding:5px 0 3px; 
}

div#sidebar h3 a{
	padding:0; margin:0;
}

div#sidebar a:hover{
	color:#2db8f2;
}

div#containerGauche{
	width:695px;
	margin-left:203px;
}

div#maincontent
{	
	padding-bottom:20px;
	margin-top:19px;
	margin-right:20px;
	height:450px;
	position:relative;
}



img{
	border:0px;
	max-height:383px;
	max-width:510px;
	vertical-align:top;
}

img#imageAccueil{
	max-height:100%;
	max-width:500px;
}

h1{
	
	font-weight: normal;
	margin-bottom:0px;
	padding-top:0px;
	margin-top:0px;
	color:black;
	padding-top:0px;

}

h2{
	font-size: 130%;
	margin-top:0px;
	padding-top:0px;
	font-weight:normal;
	margin-bottom:0px;
	}


#presentation p{
	width:510px;
	font-size:0.95em!important;
	line-height:1.2em;
}

/*.breadcrumb{
	text-transform:capitalize;
	font-weight:bold;
	background: #e8e8e8;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	padding:5px;
}*/

/****************************************** SOUS MENU OEUVRES*/
div#menu2{
	border-bottom:dotted 1px #b1b2b4;
	width:508px;
	margin-bottom:10px;
}


div#sousmenu{
	height:16px;
	text-align:right;
	margin-left:106px;
	width:398px;
	margin-bottom:5px;
	
}

div#sousmenu a.actif{
	color:#2db8f2;
}

div#sousmenu ul{
	margin:0;
	padding:0;
}


h1#artisteOeuvre{
	float:left;
	font-size:1.1em;
	padding-top:0;
	margin-top:0;
	font-family:Georgia, "Times New Roman", Times, serif!important;
	color:#000;
}

h1#artisteBook{
	font-size:1.1em;
	padding-top:0;
	margin-top:0;
	font-family:Georgia, "Times New Roman", Times, serif!important;
	color:#000;
}

div#sousmenu ul li{
	float:left;
	font-size:1em;
	padding-top:0.31em;
	margin:0;
	padding-left:23px;
}

div#sousmenu ul li#newsPadding{
	padding-right:0!important;
}


div#sousmenu ul li a{
	float:left;
	font-size:0.95em!important;
	display:block;
	color:#b1b2b4 
}

div#sousmenu ul li a:hover, ul#listeexpo li a:hover{
	color:#2db8f2!important;
	
}

#texte p, #bio p{
	width:510px;
}

#texte p{
	line-height:1.2em;
}

div#pressRelease{
	margin:0 0 0 165px;
	width:350px;
	font-size:0.9em;
}

ul#actualites{
	font-size:0.9em;
	width:510px;
}
/*******************BIO */

div#bio{
	width:510px;
	
}

/****************************************** SLIDER GALERIE */
div.navigation{
	margin-bottom: 10px;
    position: absolute;
    top: 390px;
    width: 510px;
    z-index: 10;
}

div#galerie img.oeuvre{
	min-height:340px;
	max-height:340px;
	max-width:510px;
}

p.legende{
	width:400px;
	margin:0 0 0 65px;
	font-size:1em;
	
}

p.chiffres{
	color:#b1b2b4;
	float:left;
	height:55px;
	margin:0;
	font-size:0.9em;
}


/****************************************** SLIDER EXPO */
h1#nameExpo{
	font-size:1.1em;
	width:510px;
	margin-bottom:8px;
}

div#retourListe{
	font-size:0.95em;
	text-align:right;
}


div.navigationExpo{
	position:absolute;
	top:350px;
	width:510px;
	margin-bottom:10px;
	z-index:10;
}

div#galerie img.expo{
	min-height:340px;
	max-height:340px;
	max-width:510px;
}

p.legende{
	width:400px;
	margin:0 0 0 65px;
	font-size:0.85em;
	z-index:1;
	color:#B1B2B4;
}

div.legendeEdition{
	width:400px;
	margin:0 0 0 65px;
	font-size:0.85em;
	z-index:1;
	color:#B1B2B4;
}

div.legendeEdition p{
	margin:0!important;
}

p.chiffres{
	color:#b1b2b4;
	float:left;
	height:55px;
	margin:0;
	font-size:0.9em;
	z-index:1;
}



a.pdfexpo{
	margin-bottom:2px;
	font-size:0.95em;
	display:block;
	
}

h2#artisteexpose a:hover, a.pdfexpo:hover{
	color:#2db8f2;
}

div#texteExpo{
	font-size:0.95em;
	line-height:1.2em;
	margin:90px 0 0 0;
	width:500px;
}

div#texteExpo p{
	margin:0;
	}
	
	
/****************************************** ARTISTES-EXPO */
div#expos{
	width:510px;
}

a.pdfexpo{
	margin-bottom:2px;
	font-size:0.95em;
	display:block;
	
}

ul#listeexpo{
	padding:0;
	margin:0;
	width:510px;
}

ul#listeexpo li{
	height:150px;
	padding-left:0;
	margin-left:0;
	list-style-type:none;
}

ul#listeexpo li a{
	color:#000 !important;
}

ul#listeexpo span.date{
	font-size:0.8em;
	padding:2px 0 0; margin:0;
}

div#galerieExpoArtiste{
	width:510px;
}

img.expoArtiste{
	max-width: 350px;
	max-height: 263px;
	min-height: 263px;
}

div#galerieExpoArtiste div.navigationExpo{
	position:absolute;
	top:280px;
	width:510px;
	margin-bottom:10px;
	z-index:10;
}
/****************************************** PRESS */

div#packPresse{
	width:300px;
	margin-left:170px;
	height:210px;
}

div#packPresse p{
	margin-top:0;
}

div#packPresse a{
	color:#000;
}

div#packPresse a:hover{
	color:#2db8f2;
}

div#blocMore img.imagePress{
	margin-bottom:20px;
	margin-right:20px;
}

/****************************************** LISTE FOIRE - EXPOS*/
a.imageFoire{
	height:145px;
	
}

span.date{
	font-size:0.8em;
	padding:2px 0 0; margin:0;
}

a.nameFoire{
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.1em;
	margin:0;
	padding:0;
	color:#000;
}

span.artisteexpose{
	font-family:Georgia, "Times New Roman", Times, serif!important;
	color:#b1b2b4;
	font-size:0.9em;
}

a.nameFoire:hover, span.artisteexpose:hover{
	color:#2db8f2;
}

img.imageFoire{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	max-width:158px;
	max-height:145px;
}

	

/****************************************** DETAILS EXPO */
div#detailexpo{
	position:absolute;
	margin-top:70px;
	z-index:1;
	
}

div#detailexpo p{
	margin:0;
}

div#detailexpo p#actuellement{
	color:#b1b2b4;
	padding-bottom:1px;
}

div#detailexpo p#date{
	/*border-top:dotted 1px #b1b2b4!important;
	border-bottom:dotted 1px #b1b2b4!important;*/
	padding:0 0 1px 0px;
	color:#b1b2b4!important;
}

div#detailexpo p#nameexpo a{
	display:block;
	border-top:dotted 1px #b1b2b4!important;
	border-bottom:dotted 1px #b1b2b4!important;
	padding:1px 0 1px 0px;
	width:135px;
	color:#000!important;
	font-size:1.2em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

div#detailexpo p#nameexpo a:hover{
	color:#2db8f2!important;
	text-decoration:none;
}

div#detailexpo p#nameexpo{
	padding-bottom:5px;
}

div#detailexpo p#nameartiste{
	padding-top:3px;
	padding-bottom:3px;
}


/******************************************BOOKS MULTIPLES */
div.navigationBook{
	margin-bottom: 10px;
    position: absolute;
    top: 360px;
    width: 510px;
    z-index: 10;
}

div#legendemultiples{
	padding-top:5px;
	font-size:0.9em;
}

div#bloc{
	position:relative;
	width:670px;
}

div#bloc p.chiffres{
	position:absolute;
	top:560px;
	left:0px;
}

/****************************************** DETAILS MULTIPLES */
div#detailmultiples h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	padding:0 0 10px; margin:0;
}

#sliderartistedesign{
	position:relative;
}

#sliderartistedesign #nav{
	position:absolute;
	height:70px;
}

#sliderartistedesign #nav p{
	float:left;
	color:#b1b2b4;
	font-size:0.9em;
	margin-top:12px;
	padding-right:5px;
	
}

#sliderartistedesign span#prevBtn, #sliderartistedesign span#nextBtn{
	display:block!important;
	width:6px;
	height:16px;
	float:left;
}

#sliderartistedesign span#prevBtn{
	background:url(../../cspdocs/graphisme/flechePrev.png) no-repeat 0 0;
	float:left;
	margin-top:10px;
	padding-right:5px;
}

#sliderartistedesign span#nextBtn{
	background:url(../../cspdocs/graphisme/flecheNext.png) no-repeat 0 0;
	margin-top:10px;
}

#sliderartistedesign #detailmultiples p.legende{
	margin-left:95px;
	font-size:0.9em;
	margin-top:12px;

}	


/****************************************** INFOS PRATIQUES */
div#infos{
	width:270px;
	float:left;
}

div#infos strong{
	font-weight:normal;
}

div#infos p{
	font-size:0.9em;
}

div#infos h1, div#presentation h1{
	float:left;
	font-size:1em!important;
	padding-right:5px;
}

div#infos h2, div#presentation h2{
	font-size:1em!important;
	color:#000!important;
}
	
div#infos a{
	color:#b1b2b4;
}

div#infos a.plan{
	padding-left:290px;
}

div#infos a:hover{
	text-decoration:underline!important;
}


/****************************************** ACTUALITES */
#newsItem div#textNews{
	width:470px;
	margin-bottom:40px;
	/*border-bottom:dotted 1px #b1b2b4;*/
	padding-bottom:5px;
	min-height:130px;
}

#newsItem img.imgNews{
	margin-bottom:6px;
	margin-right:20px;
}

.imgNewsHome{
	margin:10px auto;
}

#newsItem h4#titre{
	font-size:1.1em;
	font-weight:normal;
	margin:0;padding:4px 0 0 0;
}

#newsItem p#soustitre{
	color:#b1b2b4;
	margin:0;padding:10px 0;
}

#newsItem span#texte p{
	font-size:0.95em!important;
	line-height:1.2em;
	margin:0;
	width:470px;
}

/****************************************** NEWSLETTER */
form#newsletter{
	margin-bottom:40px;
}

h2#titrenewsletter{
	font-size:1.1em;
	font-weight:normal;
}

form#newsletter input.champ{
	border: solid 1px #b1b2b4;
	background-color:#FFF;
	cursor:pointer;
	height:20px;
}

form#newsletter input.bouton{
	margin-left:220px;
}
	
/****************************************** LIENS */
div#liens{
	font-size:0.9em;
	padding:5px;
	border-bottom:dotted 1px #b1b2b4;
}

li.titre{
	font-weight:bold;
	color: #b1b2b4;
	margin-bottom:5px;
}

ul.ligne{
	margin-bottom:10px;
}

div#presentationGalerie{
	padding-bottom:10px;
	border-bottom:dotted 1px #b1b2b4;
	margin-top:20px;
	margin-right:10px;
	font-size:0.9em;
}

div#presentationGalerie h1#nom{
	font-size:1.1em;
	margin:0;
	padding:0;
	color:#000;
}

div#presentationGalerie h2#slogan{
	font-size:1em;
}

#credits, #mentions{
	font-size:0.8em;
	color:#b1b2b4;
	margin-right:10px;
	padding:5px;
}

#credits a, #mentions a{
	color:#b1b2b4;
}	

#credits a:hover, #mentions a:hover{
	color:#2db8f2;
}	


/****************************************** FOOTER */
div#footer{
	clear:both;
	width:900px;
	/*background-image:url(../../cspdocs/graphisme/fondFooter.jpg);*/
	background-repeat:repeat;
	background-position:top;
	padding:0; 
	margin-bottom:5px;
}