@charset "utf-8";
/* CSS Document */

/* Structure */

body, td {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 0.8em;
}
/*img, div, input, h1, a, #encart, #content, p, ul, a.f_gauche, a.f_droite, a:hover, #contener,form,#form, h4, span { behavior: url(iepngfix.htc);}*/
img, div, input, h1, a, #encart, #content, p, ul, a.f_gauche, a.f_droite, a:hover, #contener,form,#form, h4, span {behavior: url(themes/marciano/iepngfix.htc);}
/** admin  **/
#block-admin-display-form tr.draggable {
	background-color:#222;
}
/***/

body{
	background: #000000;
	overflow:auto;
	color:#FFF;
	padding: 0;
	margin: 0;
}

#contener{
	width:898px;
	left:50%;
	margin-left:-449px;
	overflow:hidden;
	position:absolute;
}

#header{
	width:898px;
	height:150px;
	background:url(../img/banniere.jpg) top right no-repeat;
	position: relative;
	display:block;
	float:left;
}

#header h1{
	width:400px;
	height:135px;
	background-image:url(../img/logo_marciano.png);
	text-indent:-600px;
	margin:10px 0 0 0;
	overflow:hidden;
}
#header a{
	position:absolute;
	right:0px;
	top:0px;
	background-color:#000;
	color:#FFF;
	padding:5px;
}

#header #block-block-1 a {
	position:absolute;
	right:60px;
	top:0px;
	background-color:#000;
	color:#FFF;
	padding:5px;
}

#header a:hover{
	text-decoration:none;
}

/* Menu */
#switches{
	float:left;
}
#switches ul{
	width:910px;
	overflow: hidden;
	height:37px;
	margin:0;
	padding:0;
	
}
#switches ul li {
	position:relative;
	float:left;
	display:inline;
	text-transform:uppercase;
	padding:0;
	margin:0;
	list-style:none;
}
#switches ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.900em;
	color: #CCCCCC;
	cursor: hand;
	display:inline;
	text-transform:uppercase;
	text-decoration:none;
	padding:12px 17px 0 18px;
	height:28px;
	text-align:center;
	display:block;
	
}

#switches ul li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.900em;
	color:#fff;
	background-color:#5c125b;
	font-weight:normal;
	text-align:center;
	display:block;
}

#switches ul li a:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.900em;
	color:#fff;
	background-color:#5c125b;
	font-weight:normal;
	text-align:center;
	display:block;
}

#switches ul li a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.900em;
	color:#fff;
	font-weight:normal;
	text-align:center;
	display:block;
}

#switches ul li a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.900em;
	color:#fff;
	font-weight:normal;
	text-align:center;
	display:block;
}

#switches ul li a span{
	display:block;
}

#switches ul li a.accueil{
	width:54px;
}
#switches ul li a.peintres{
	width:61px;
}
#switches ul li a.sculpteurs{
	width:83px;
}
#switches ul li a.photos{
	width:52px;
}
#switches ul li a.grandsmaitre{
	width:106px;
}
#switches ul li a.livres{
	width:43px;
}
#switches ul li a.evenements{
	width:82px;
}
#switches ul li a.galerie{
	width:54px;
}
#switches ul li a.contact{
	width:58px;
}

a.active{
	background:#5c125b;
}

/* fin Menu */
/* content */
#content {
	position:relative;
	float:left;
	width:898px;
}
/* fin content*/
#lang{
	float:right;
}

#lang img{
	border:0;
	margin:10px 10px 0 0;
	display:block;
}
	
#footer {
	position:relative;
	float:left;
	width:898px;
	border-top: 1px solid #303030;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#c7c8c8;
	padding:10px 0 0 0 ;
	margin:0px 0px 20px 0px;
	text-align:center;
}	
	
#footer a, #footer a:hover, #footer a:link, #footer a:active, #footer a:visited{
	color:#666666;
}

/* front  */
.sliderwrapper {
	position:relative;
	float:left;
	width:100%;
	border:none;
}
.sliderwrapper .contentdiv {
	position:relative;
	float:left;
	width:100%;
	background:none;
}
.sliderwrapper .contentdiv div div .field-field-accueil-slide-images .field-item {
	position:relative;
	float:left;
}
.pagination {
	border:none;
	background:none;
	width:auto;
}
#slide_front {
	position:relative;
	float:left;
	width:898px;
}
#slide_front li {
	float:left;
	list-style:none;
	margin:0px 18px 10px 10px;
	padding:0px;
}
#slideInner {
	float:left;
	list-style:none;
	width:888px;
	padding:0px;
	background:none;
	background-color:none;
	z-index:0;
	position: relative;
	top:0px;
	left:0;
}
#leftControl {
	float:left;
	width:16px;
	height:16px;
	display:block;
	text-indent:200px;
	overflow:hidden;
	background:none;
	background-image:url(../img/fleche-gauche.png);
	background-repeat:no-repeat;
	position:absolute; 
	top:-140px;
	left:-1px;
cursor:pointer;
}
#rightControl {
	float:right;
	width:16px;
	height:16px;
	display:block;
	text-indent:200px;
	overflow:hidden;
	background:none;
	background-image:url(../img/fleche-droite.png);
	background-repeat:no-repeat;
	position:absolute; 
	top:-140px;
	left:882px;
cursor:pointer;
}
#actus_block_front {
	position:-relative;
	float:left;
	width:424px;
	margin-top:10px;
}
#actus_block_front h2 {
	font-size:12px;
	color:#FFFFFF;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	height:14px;
	letter-spacing:2px;
	margin:0 0 5px;
	padding:0;
	width:200px;
}
#actus_block_front div div div .views-row-1 {
	position:relative;
	float:left;
	width:100%;
	border-top:1px solid #363431;
	height:85px;
	margin:0 0 10px 0;
}

#actus_block_front div div div .views-row-2 {
	position:relative;
	float:left;
	width:100%;
	border-top:1px solid #363431;
	height:85px;
}

#actus_block_front div div div .views-row img {
	position:relative;
	float:left;
	margin:10px 10px 10px 0;
}
#actus_block_front .views-field-title {
	position:relative;
	float:left;
	width:295px;
	font-weight:bold;
	font-size:10px;
	margin-top:7px;
}
#actus_block_front .views-field-field-actualites-accroche-value {
	position:relative;
	float:left;
	width:260px;
	font-size:10px;
	margin:8px 0 0 0 ;
}
#actus_block_front .views-field-field-actualites-event-value {
	position:absolute;
	top:0px;
	right:0px;
	width:40px;
	text-align:center;
	padding:5px 5px 0px 5px;
	font-size:18px;
	font-weight:bold;
	background-color:#727272;
}
#actus_block_front .views-field-field-actualites-event-value-1 {
	position:absolute;
	top:25px;
	right:0px;
	width:40px;
	text-align:center;
	padding:0px 5px 5px 5px;
	background-color:#727272;
}
#actus_block_front .views-field-nothing {
	position:absolute;
	bottom:0px;
	right:0px;
	color:#999;
	background-image:url(../img/loupe.png);
	background-repeat:no-repeat;
	text-decoration:none;
	font-size:9px;
	padding-left:15px;
}
#actus_block_front .views-field-nothing a {
	color:#999;
	text-decoration:none;
}
#actus_block_front .views-field-nothing a:hover {
	color:#999;
	text-decoration:underline;
}

/*  slide proposant les autres oeuvres de l'artiste */
#slide_bottom {
	position:relative;
	float:left;
	width:898px;
	background:none;
	padding-top:10px;
	padding-bottom:10px;
	margin:10px 0px 10px 0px;
	border-top:1px solid #303030;
}
#slide_bottom div div div div ul li {
	float:left;
	list-style:none;
	margin:0px;
	padding:0px;
}


/**   coup de coeur   ***/
#coup_coeur_front {
	position:relative;
	float:right;
	width:397px;
	height:252px;
	margin-top:10px;
}
#coup_coeur_front h2 {
	position:relative;
	float:left;
	width:397px;
	font-weight:bold;
	text-align:right;
	font-size:12px;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	height:14px;
	letter-spacing:2px;
	margin:0 0 5px;
	padding:0;
}
#coup_coeur_front .views-field-title {
	position:absolute;
	width:392px;
	height:21px;
	top:207px;
	left:0px;
	padding-left:5px;
	padding-top:3px;
	color:#2B2A2B;
	font-size:16px;
	background-image:url(../img/bg_bandeau.png);
	background-repeat:repeat;
	font-weight:normal;
}
#coup_coeur_front .views-field-nothing {
	position:absolute;
	width:142px;
	height:19px;
	top:207px;
	right:0px;
	padding-right:5px;
	padding-top:5px;
	color:#2B2A2B;
	text-align:right;
	background-repeat:repeat;
}
#coup_coeur_front .views-field-nothing a,
#coup_coeur_front .views-field-nothing a:hover {
	background-image:url(../img/loupe.png);
	background-repeat:no-repeat;
	color:#2B2A2B;
	text-decoration:none;
	font-size:9px;
	padding-left:15px;
}

/*** defiscalisation bloc **/
.cartouche2 h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:2px;
	color:#fff;
	height:14px;
	width: 200px;
	display:block;
	margin:0;
	padding:0;
	}
.cartouche2 p{
	width:277px;
	background-color:#2f2f2f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	padding:5px;
	height:50px;
	margin:5px 0 8px 0;
	position:relative;
}
	
.cartouche2 a{
	width:90px;
	background:url(../img/loupe.png) top left no-repeat;
	position: absolute;
	text-indent:20px;
	cursor:pointer;
	color:#fff;
	top:41px;
	left:195px;
}
	
.cartouche2 a:hover{
	color:#f7a9f6;
	}
	
/** formulaire d'inscription newsletter  ***/
#webform-client-form-37 #webform-component-inscription_a_la_newsletter {
	position:relative;
	float:left;
	margin-top:10px;
}
#webform-client-form-37 #webform-component-inscription_a_la_newsletter label {
	position:relative;
	float:left;
	font-size:10px;
	font-weight:normal;
	padding-top:3px;
	padding-right:5px;
}
#webform-client-form-37 #webform-component-inscription_a_la_newsletter input#edit-submitted-inscription-a-la-newsletter {
	position:relative;
	float:left;
	width:195px;
	height:13px;
	font-size:11px;
	border:none;
	display:block;
	vertical-align:middle;
	padding:2px 0 2px 1px;
}
#webform-client-form-37 #edit-submit {
	position: absolute;
	float:left;
	top:255px;
	left:363px;
	background-color:#2c2c2c;
	color:#FFF;
	border:none;
	width:auto;
	cursor:pointer;	
	dislpay:block;
	vertical-align: middle;
}

/*****  blocs avec les noms des artistes  ****/
#sliding #slide1,
#sliding #slide2,
#sliding #slide3,
#sliding #slide4,
#sliding #slide5{
	position:absolute;
	float:left;
	width:878px;
	height:242px;
	padding:10px;
	top:187px;
	z-index:100;
	background-color:#252525;
	border-bottom:1px solid #666666;
	
}
#content #slide1,
#content #slide2,
#content #slide3,
#content #slide4,
#content #slide5{
	position:relative;
	float:left;
	width:878px;
	height:242px;
	padding:10px;
	background-color:#252525;
	border-bottom:1px solid #666666;
}
#slide11,
#slide12,
#slide13,
#slide21,
#slide22,
#slide23,
#slide31,
#slide32,
#slide33,
#slide41,
#slide42,
#slide43,
#slide51,
#slide52,
#slide53{
	position:relative;
	float:left;
	width:200px;
}
#slide11 a,
#slide12 a,
#slide13 a,
#slide21 a,
#slide22 a,
#slide23 a,
#slide31 a,
#slide32 a,
#slide33 a,
#slide41 a,
#slide42 a,
#slide43 a,
#slide51 a,
#slide52 a,
#slide53 a{
	position:relative;
	float:left;
	width:100%;
	color:#FFF;
	text-decoration:none;
}
#slide11 a:hover,
#slide12 a:hover,
#slide13 a:hover,
#slide21 a:hover,
#slide22 a:hover,
#slide23 a:hover,
#slide31 a:hover,
#slide32 a:hover,
#slide33 a:hover,
#slide41 a:hover,
#slide42 a:hover,
#slide43 a:hover,
#slide51 a:hover,
#slide52 a:hover,
#slide53 a:hover{
	color:#C048C0;
}

#content .view-slide-front .view-content #slideInner h3{
	display:block;
	width:100%;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#7b7777;
	top:270px;
	margin:0;
	padding:0;
	text-align:center;
	z-index:99999;
}

#footer a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #CCCCCC;
	text-decoration: none;
}

#footer strong{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: # fff;
	text-decoration: none;
}