/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn,  img, ins, kbd, q, s, samp,
small, strike,    tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/**********************************/
.clear {
	clear:both;
}

.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

body {
	/*background-color: #F3F2EE;*/
	
	
	font-weight: 500;
	font-family: 'Open Sans', sans-serif;
	background-image: url(../img/back-degrade.png);
	background-repeat: no-repeat;
	background-position: top center;
}

.page {
	width:914px;
	margin: auto;
}

#logo {
	width: 312px;
	height: 50px;
	background-image: url(../img/logo.png);
	margin-top: 30px;
	margin-left: 8px;
	cursor: pointer;
}

.menu {
	width: 914px;
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 80px;
	margin-left: 75px;
	font-family: 'Quicksand', sans-serif;
}

.menu li{
	float: left;
	margin-right:30px;
	padding-right: 30px;
	background-image: url(../img/point-menu.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.menu li:last-child{
	background-image: none;
}

.menu a{
	text-decoration: none;
}

.menu a.active{
	color: #414037;
}

.menu a	{
	color: #A09B7C;
}

#ecran {
	position: relative;
	width:915px;
	height: 490px;
	margin-top: 27px;
}

#ecran .surface {
	width:914px;
	height: 490px;
	background: #FFF;
	position: absolute;
	top: 0px;
	left: 0px;
}

#ecran .surface img{
	
}


#ecran .surface .titre{
	position: absolute;
	bottom:12px;
	width: 914px;
	text-align: center;
	font-family: 'Quicksand', sans-serif;
	color:#A09B7C;
}



#ecran .ombre {
	width:800px;
	height: 490px;
	background: #FFF;
	position: absolute;
	top: 0px;
	left: 60px;
	-webkit-box-shadow:  0px 0px 50px 10px rgba(50, 50, 50, 0.15);
	box-shadow:  0px 0px 50px 10px rgba(50, 50, 50, 0.15);
	-webkit-border-radius: 200px;
    border-radius: 200px;
}


.accueil  {
	margin-top: 50px;
	font-size: 13px;
	line-height: 21px;
	text-align: justify;
	margin-right: 30px;
}

.accueil img {
	float: left;
	margin-right: 50px;
	margin-left: 35px;
}

.accueil .texte{
	/*
	float: left;
	width: 653px;
	*/
}

#slider {
	margin: 7px;
	width: 900px;
	
}

.theme-default .nivo-controlNav {
	text-align: left;
	position: absolute;
	right: 10px;
	bottom: -15px;
}

.nivo-caption {
position: absolute;
left: 157px;
bottom: 7px;
background: transparent;
color: #A09B7C;
width: 600px;
z-index: 8;
padding: 5px 10px;
opacity: 0.8;
overflow: hidden;
display: none;
text-align: center;
box-sizing: border-box;
}

.theme-default .nivo-caption {
font-family: 'Quicksand', sans-serif;
}

.foot {
	background-color: #F3F3F1;
	border-top:#C5BB99 1px solid;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12px;
	color:#7B7B5F;
	margin-top:30px;
}

.foot strong{
	display: block;	
	margin-bottom:5px;
}


.bigtitle {
	color:#414037;
	font-size:28px;
	font-family: 'Quicksand', sans-serif;
	font-weight: lighter;
	margin-top: 35px;
	margin-bottom: 25px;
	text-transform: uppercase;
}

.bigtitle span{
	float: left;
}

.bigtitle .line{
	border-bottom:#C5BB99 1px solid;
	float: left;
	height: 24px;
	margin-left:10px;
	
}

#maincontent {
	width: 914px;
	-webkit-border-radius: 10px;
    
    border-radius: 10px;
	background-color: #FFF;
	
}

#maincontent.listeartiste .contentlimit{
	padding-top: 48px;
	padding-left: 43px;
}

.artistframe {
	float: left;
	margin-right: 25px;
	height: 240px;
	
	cursor: pointer;
}

.artistframe.mod4 {
	
	margin-right: 0px;
}

.artistframe img{
	border: 4px rgba(197, 187, 153, 0.15) solid;
	margin-bottom: 18px;
}


.artistframe a{
	font-family: 'Quicksand', sans-serif;
	color:#3C3C3B;
	text-decoration: none;
	display: block;
}

/******************************/
#maincontent.artiste .contentlimit{
	padding-top: 50px;
	padding-left: 36px;
	padding-right: 36px;
	padding-bottom:50px;
}

#maincontent.artiste .artiste_entete{
	position: relative;
	color:#3C3C3B;
	font-family: 'Quicksand', sans-serif;
	margin-bottom: 44px;
}

#maincontent.artiste .artiste_entete a{
	color:#3C3C3B;
	text-decoration: none;
}

#maincontent.artiste .artiste_entete h2{
	font-size: 30px;
	font-weight: bold;	
	margin-bottom: 19px;
	margin-right: 100px;
	
}

#maincontent.artiste .artiste_entete .nav_all{
	font-size: 15px;
	font-weight: normal;
	position: absolute;
	top: 0px;
	right: 0px;
}

#maincontent.artiste .artiste_entete .mininav li{
	float:left;
	margin-right: 20px;
}

#maincontent.artiste .artiste_entete .mininav li a.active{
	padding-left: 12px;
	background-image: url(../img/fleche.png);
	background-repeat: no-repeat;
	background-position: left center;
}

/**************************** BIO */


.artiste .bio .picture {
	width: 297px;
	float:left;
	margin-right: 32px;	
}

.artiste .bio #monimage {
	width:296px;
	height:296px;	
	background-color: rgba(229,227,219, 0.4);
	overflow: hidden;
	position: relative;
}

.artiste .bio #monimage img{
	position: absolute;
}

.artiste .bio #monimage img{
	visibility: hidden;
}

.artiste .tools{
	margin-top: 30px;
	position: relative;
}

.artiste .tools .facebook{
	position: absolute;
	top:0px;	
	right: 0px;
	background-image: url(../img/facebook.png);
	min-height: 15px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left top;
}

.artiste .tools .facebook .facebook_counter{
	-webkit-border-radius: 5px;
    
    border-radius: 5px;
	background-color: #B2B2B2	;
	height: 13px;
	overflow: hidden;
	font-family: Arial;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	color: #FFF;
	font-weight: bold;
}

.artiste .bio .picture .tools a{
	color:#A09B7C;
	font-size:11px;
	display: block;
	width:200px;
	text-decoration: none;
	margin-bottom: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 18px;
	padding-left: 36px;	
	line-height: 12px;
}

.artiste .tools .facebookbtn{
	position: absolute;
	top:0px;	
	right: 0px;
	
	background-repeat: no-repeat;
	background-position: left top;
}

.artiste .tools .tplus{
	background-image: url(../img/tools_plus.png);
}

.artiste .tools .tcoeur{
	background-image: url(../img/tools_coeur.png);
	padding-top: 4px;	
}

.artiste .tools .tetoile{
	background-image: url(../img/etoile.png);
	
	color: #A09B7C;
font-size: 11px;
display: block;
width: 200px;
text-decoration: none;
margin-bottom: 15px;
background-repeat: no-repeat;
background-position: left top;
min-height: 18px;
padding-left: 36px;
line-height: 12px;
}

a.minietoile {
	background-image: url(../img/mini-etoile.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
	
}

.artiste .tools .tcoeur.active{
	background-image: url(../img/tools_coeur_active.png);
	
	
}

.artiste .tools .tmail{
	background-image: url(../img/tools_plus.png);
	padding-top: 4px;	
	
}

.artiste .bio .texte {
	width: 500px;
	float:left;
	color:#7B7B5F;
	font-size: 12px;	
	line-height: 21px;
}

.texte a {
	color:#7B7B5F;
	text-decoration: underline;
}

.artiste .bio .texte .part{
	margin-bottom:30px;	
}

.artiste .bio .texte h3 {
	color:#3C3C3B;
	font-size:20px;
	margin-bottom: 5px;
}


/**************************** WORK */

.artiste .work .picture {
	width: 445px;
	float:left;
	margin-right: 32px;	
}

.artiste .work #monimage {
	width:444px;
	height:444px;	
	background-color: rgba(229,227,219, 0.4);
	overflow: hidden;
	position: relative;
}

.artiste .work #monimage img{
	position: absolute;
}

.artiste .work #monimage img{
	visibility: hidden;
}

.artiste .work .details{
	
	margin-top:25px;
	padding-bottom:25px;
}

.artiste .work .details .preload{
	visibility: hidden;
	height: 0px;
	width: 0px;
	overflow: hidden;
}

.artiste .work .details img{
	border:1px solid rgba(197, 187, 153, 0.15);
	margin-right: 0px;
	display: block;
	float: left;
	margin-right: 11px;
	cursor: pointer;
}

.artiste .work .texte {
	
	width: 335px;
	float:left;
	color:#7B7B5F;
	font-size: 12px;	
	line-height: 21px;
}

.artiste .work .texte h3{	
	font-size: 25px;
	color: #3C3C3B;
	font-style: italic;
}

.artiste .work .texte h4{	
	margin-top:11px;
	font-size: 13px;
	color: #A09B7C;
	margin-bottom: 38px;
}

.artiste .work .tools a{	
	color:#A09B7C;
	font-size:11px;
	display: block;
	width:200px;
	text-decoration: none;
	margin-bottom: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 18px;
	padding-left: 36px;	
	line-height: 12px;
}


.artiste .work .facebook_counter{	
	line-height: 12px;
	
}

/***********************************************/

.pagination {
		border-top: #C5BB99 solid 1px;
		border-bottom: #C5BB99 solid 1px;
		padding-top: 18px;
		padding-bottom: 18px;
		text-align: center;
}

.pagination ul{
	
}

.pagination li:first-child{
	background-image: url(../img/pagination-sep.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:20px;
	margin-right:10px;	
}

.pagination li{
	display: inline-block;	
}



.pagination a{
		color:#A09B7C;
		font-style: italic;
		font-size: 13px;
		text-decoration: none;
		background-repeat: no-repeat;
		min-height: 15px;
}

.pagination a.prec{
		background-image: url(../img/prec.png);
		background-position: left center;
		padding-left: 25px;
}

.pagination a.suiv{
		background-image: url(../img/suiv.png);
		background-position: right center;
		padding-right: 25px;
}

.vignettes {
	margin-top: 35px;
}

.oeuvre {
	height: 157px;
	float: left;
	margin-right: 21px;
	cursor: pointer;
}


.oeuvre.mod5 {
	margin-right: 0px;
}

.oeuvre img{
	border: 3px #F8F7F4 solid;
	display: block;
	margin-bottom: 10px;
}

.oeuvre a {
	color:#C5BB99;
	font-style: italic;
	font-size: 10px;
	text-decoration: none;
}


/******************************** news **********************/
#maincontent.news .contentlimit{
	padding-top: 28px;
	padding-left: 46px;
	padding-bottom: 28px;
}

.minipagination{
	color:#C5BB99;
	font-size: 11px;
	margin-bottom: 44px;
}

.minipagination.bas{
	float: left;
}



.minipagination span{
	display: inline-block;
	background-image: url(../img/sep-minipagination.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 10px;
	margin-right: 2px;
}

.minipagination a{
	color:#C5BB99;
	text-decoration: none;
	background-image: url(../img/sep-minipagination.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 5px;
	margin-right: 0px;
}

.minipagination a:last-child{
	background-image: none;
	
}

.minipagination a.active{
	color:#000;

}

.uneNews {
	
	border-bottom: 1px #C5BB99 solid;
	width: 810px;
	padding-bottom: 20px;
	margin-bottom: 60px;
}

.uneNews.last{
	margin-bottom: 30px;
	
}


.uneNews .illustration {
	position:relative;
	width: 308px;
	height: 198px;
	float: left;
	margin-right: 33px;
}

.uneNews .illustration .ombre{
	position:absolute;
	top: 00px;
	left: 30px;
	height: 198px;
	-webkit-box-shadow:  2px 2px 30px 3px rgba(0, 0, 0, 0.2);
    box-shadow:  2px 2px 30px 3px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 70px;
    border-radius: 70px;
	width: 240px;
	z-index: 1;
}

.uneNews .illustration img{
	border:4px solid #f2f1ea;
	position:absolute;
	top: 00px;
	left: 0px;
	z-index: 2;
	background-color: #FFF;
}

.uneNews .texte{
	float: left;
	width: 468px;	
}

.uneNews h2{
	color:#3C3C3B;
	font-size: 20px;
	margin-bottom: 9px;
}

.uneNews .date {
	color:#A09B7C;
	font-size: 11px;
	font-style: italic;
	margin-bottom: 20px;
}

.uneNews .intro {
	color:#7B7B5F;
	font-size: 12px;
	margin-bottom: 40px;
	line-height: 21px;
	min-height: 110px;
}

.uneNews .btn a{
	background-image: url(../img/nextpage.png);
	background-position: left center;
	padding-left: 18px;
	background-repeat: no-repeat;
	color:#B3AB8B;
	font-style: italic;
	font-size: 11px;
	text-decoration: none;
	float: right;
	min-height: 11px;
	
}


.nextpage {
	float: right;
	margin-right: 57px;
	color:#C5BB99;
	font-size: 11px;
	background-image: url(../img/nextpage.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
	text-decoration: none;
}

/******************************** archives **********************/
#maincontent.archives .contentlimit{
	padding-top: 28px;
	padding-left: 46px;
	padding-bottom: 28px;
}

#maincontent.archives{
	position : relative;
	
}

.archiveframe  {
	float: left;
	margin-right: 27px;
	height: 255px;
	width: 185px;
	border-bottom: 1px #C5BB99 solid;
	margin-bottom: 38px;
}

.archiveframe.mod4  {
	margin-right: 0px;
}

.archiveframe img{
	border: 4px rgba(197, 187, 153, 0.15) solid;
	margin-bottom: 20px;
	cursor: pointer;
}

.archiveframe .nomoeuvre {
	color:#3C3C3B;
	font-size: 14px;
	text-decoration: none;
	padding-bottom: 5px;
	display: block;
}

.archiveframe .description{
	font-style: italic;
	color: #A09B7C;
	font-size: 11px;
	line-height: 18px;	
	margin-bottom: 10px;
}

.archiveframe .description div{
	font-style: italic;
}

.archiveframe .plus {
	color:#C5BB99;
	font-size: 11px;
	background-image: url(../img/nextpage.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
	text-decoration: none;
	float: right;
}

.filtres {
	position :absolute;
	top:23px;
	right:50px;
	
}

.selectboxit-text {
	font-size: 11px;
	color:#C5BB99;
}

.selectboxit-container span, .selectboxit-container .selectboxit-options a {
height: 17px;
line-height: 17px;
display: block;
}

.selectboxit-container .selectboxit {
width: 220px;
cursor: pointer;
margin: 0;
padding: 0;
border-radius: 3px;
overflow: hidden;
display: block;
position: relative;
}



.selectboxit-arrow-container {
width: 29px;
position: absolute;
right: 0;
top: -2px;
}

.selectboxit-default-arrow {
width: 0;
height: 0;
border-top: 4px solid #C5BB99;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}

.selectboxit-list .selectboxit-option-anchor {
color: #C5BB99;
font-size: 11px;
}

#monimage #loupe {
	width: 16px;
	height: 15px;
	background-image: url(../img/loupe.png);
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 10;
	cursor: pointer;
}

/***************************************************************/

#mask {
z-index: 250;
position: fixed;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.75);
}
 

#modal {
	z-index: 500;
	position: absolute; 

	background-color:#ffffff;
	-webkit-box-shadow:  0px 0px 20px 7px rgba(0, 0, 0, 0.5);
	box-shadow:  0px 0px 20px 7px rgba(0, 0, 0, 0.5);
}
#loader {
	background-image:url(../img/loader.gif);
	background-position: center;
	width:130px;
	height:15px;
}
#closemodal {
	background-image: url(../img/close.png);
	width:20px;
	height: 19px;
	position: absolute;
	top:-15px;
	right: -15px;
	cursor: pointer;
}

#loaderimg {
	background-image:url(../img/loader.gif);
	background-position: center;
	width:130px;
	height:15px;
	position: absolute;
	top: 213px;
	right: 156px;
	background-color: transparent;
	z-index: 1000;
}

/*********************************/

.entete {
	position:relative;	
}

#memberpart {
	position:absolute;
	top:0px;
	right:0px;
}

#memberpart a.login{
	width: 80px;
	min-height: 40px;
	background-image: url(../img/ombre-login.png);
	background-position: bottom ;
	font-size: 12px;
	text-decoration: none;
	display: block;
	background-repeat: no-repeat;
	text-align: center;
	color:#575756;
	float:left;
}


.blocErr {
	border: #C5BB99 1px solid;
	color:##7B7B5F;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 20px;
	
}

.form {
	font-size:12px;	
}

.form .input-group{
	margin-bottom: 15px;
}

.form .input-group input[type=text],
.form .input-group input[type=password]{
	padding:5px;
	letter-spacing: 1px;
}



button[type="submit"] {
        
		
		
        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
        box-shadow:inset 0px 1px 0px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
        background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
        
        background-color:#f9f9f9;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #dcdcdc;
        
        display:inline-block;
        color:#666666;
        font-family: 'Open Sans', sans-serif;
        font-size:12px;
        
        padding:2px 12px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #ffffff;
        
    }
button[type="submit"]:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
        background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
        
        background-color:#e9e9e9;
		cursor: pointer;
    }
button[type="submit"]:active {
        position:relative;
        top:1px;
    }



.form #user_newsletter{
	border: 1px red solid;
	margin-top: 0px;
}

.form .mini{
	font-size:10px;	
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 15px;
}

.wysiwyg {
	margin-bottom: 20px;
}

.user-pages .user-menu a {
	display: block;
	margin-bottom:20px;
}

.formtool {
	margin-top:20px;
	line-height: 20px;
}

.formtool a{
	font-family: 'Quicksand', sans-serif;
	color:#3C3C3B;
	text-decoration: none;
	display: block;
}

.formtool a:hover{
	text-decoration: underline;
}

/****************/