/*	----------------------------------
/*	Photo Artweb-Concept 
/*	Projet Initial au 01 aout 2011
/*	----------------------------------
*/
* {margin: 0px;padding: 0px;list-style-type: none;}


body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #1D1D1D;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #DBDBDB;
}
body#index {
	background-color: #000000;
}
body#infoOeuvres {
	background-image: none;
}
div#navLang {
	top: 5px;
	position: absolute;
	left: 10px;
	text-align: left;
	width: 120px;
}
.navLi {
	background-color: #505836;
	background-image: url(../images/navLi.gif);
	background-repeat: no-repeat;
	background-position: 6px 8px;
	width: 12px;
	padding-right: 4px;
	padding-left: 4px;
}
/*.navLi {
	
	margin-right: 3px;
	margin-left: 3px;
}
*/
div#artist {top: 5px;position: absolute;right: 6px;text-align: right;width: 600px;}
div#artist h1 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #666666;text-transform: none;font-variant: small-caps;}

#contener, #contener2 {
	background-image: url(../images/SideBarFond.gif);
	background-repeat: repeat-y;
	background-position: 760px; /* ancien 560px => +200px*/
	width: 1000px; /* ancien 760px => 240px*/
	font-size: 70%;
	line-height: 1.8em;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
	background-color: #000000;
	border: thin solid #666666;
}
#contener2 {
	background-image: none;
}
#header {
	background-color: #333333;
	background-repeat: no-repeat;
	height: 146px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../images/header_bg.jpg);
}
#header h1 {
	height: 146px;
	width: 324px;
	margin: 0 0 0 676px;
	text-indent: -9000px;
	background-image: url(../images/header_h1.jpg);
	padding: 0px;
}

#nav {
	width: 1000px; /* ancien 760px => 240px*/
	background-color: #505836;
	background-repeat: repeat-x;
	color: #FFFFFF;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	text-align: center;
	margin-top: 0px;
}
#navTopG {
	margin-left: 5px;
	float: left;
}
#nav #navTopD {
	float: right;
	margin-top: 3px;
}

#navTopG li {
	float: left;
	list-style-type: none;
	height: 20px;
}
#navTopG li a {
	text-decoration: none;
	color: #D7D7C7;
	background-color: transparent;
}
#navTopG li a:hover {
	text-decoration: underline;
	color: #F8F7F3;
}
#contenu {
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	width: 725px;/* ancien 525px => +200px*   765px/
	/*line-height: 140%;*/
}
#contenu2 {
	margin-top: 10px;
	margin-left: 10px;
	width: 980px;/* ancien 740px => 240px*/
	/*line-height: 140%;*/
}


#contenu h2, #contenu2 h2 {
	font-size: 16px;
	color: #95B9B9;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #669999;
	margin-top: 10px;
	clear: both;
}
#contenu h3, #contenu2 h3 {
	font-size: 14px;
	color: #B3BC92;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-right: 10px;
	margin-left: 10px;
}
#contenu h4, #contenu2 h4 {
	font-size: 12px;
	font-weight: bold;
	color: #F7F7F7;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 10px;
	background-color: #CCCCCC;
	display: block;
	word-spacing: 0.1em;
	letter-spacing: 0.1em;
}

#contenu p, #contenu2 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	margin-left: 10px;
	text-align: justify;
	margin-top: 5px;
}
#sidebar {
	float: right;
	width: 235px;/* ancien 195px => +40px*/
/*	background-color: #333333;
	padding: 10px;
	margin-left: 0px;
	margin-right: 0px;*/
}
/*#sidebar div {
	background-color: #666666;
	margin-bottom: 10px;
}*/
#sidebar h2, #popuptheme h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 20px;
	padding-left: 5px;
	font-weight: bold;
	text-transform: uppercase;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	padding-top: 10px;
}
#sidebar h3, #popuptheme h3 {
	font-size: 11px;
	font-style: normal;
	color: #CCCCCC;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 7px;
	text-transform: uppercase;
}
/*#sidebar p, #sidebar ul, #sidebar h2 {
	display: block;
	background-image: url(../images/trait-sidebar.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	line-height: 1.1em;
	margin-top: 12px;
	padding-right: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #1B3B61;
}
*/
#sidebar ul, #popuptheme ul {
	color: #FFFFFF;
	margin-right: 0px;
	margin-left: 0px;
}
#sidebar li, #popuptheme li {
	margin-top: 4px;
	margin-bottom: 2px;
	line-height: 1.3em;
	margin-left: 10px;
	/*list-style-type: disc;*/
}
#sidebar li.select a, #popuptheme li.select a {
	font-weight: bold;
	color: #FFFFFF;
	list-style-position: inside;
}

#sidebar .infos {
	font-size: 10px;
}

#sidebar .date {
	font-weight: bold;
	font-size: 10px;
}
#sidebar .lieu {
	letter-spacing: 0.1em;
	font-variant: small-caps;
}

#sidebar .adresse {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#sidebar .ville {
	font-weight: bold;
	font-variant: small-caps;
}
#agenda .tel {
	font-size: 10px;
}

/*#sidebar #services ul, #sidebar #services2 ul, #popuptheme ul {
	list-style-type: square;
}
*/
#bottom {
	clear: both;
	color: #EBEBEB;
	background-color: #505836;
	text-align: center;
	vertical-align: middle;
	height: 24px;
	width: 1000px;/* ancien 760px => 240px*/
}
#bottom p {
	margin-top: 0px;
	margin-bottom: 0px;
	height: 28px;
}
/*  ------------------------------------------
/*  Corps de texte - Général
/*  ------------------------------------------
*/
a:link {
	color: #B3BC92;
	text-decoration: none;
}

a:visited {
	color: #669999;
	text-decoration: none;
}

a:hover {
	color: #CCCCCC;
	/*background-color: #505836;*/
	text-decoration: underline;
}

a:active, a:focus{
	color: #CCCCCC;
	/*background-color: #505836;*/
	text-decoration: none;
}

p.plus {
	text-align: right;
	font-size: 10px;
	font-weight: bold;

}
.plus {
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	display: block;
}

p.plus a {
	font-weight: bold;
	text-decoration: none;
}
img {
	border: 0;
	background-color: transparent;
}
img.left {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
img.right {
	float: right;
	margin-right: 10px;
	margin-left: 10px;
}
.spacer {
	clear: both;
}
.gras {
	font-weight: bold;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.color1 {
	color: #CC9966;
}



#contact td {
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
}

#contact #peinture {
	color: #333333;
	margin-left: 0px;
	margin-top: 3px;
	font-variant: small-caps;
}
#contact legend {
	color: #CC9966;
	font-weight: bold;
}
.label {
	text-align: right;
	vertical-align: top;
	padding-right: 4px;
}
.labelG {
	padding-left: 10px;
	padding-right: 5px;
}

#contact #coordonnes {
	float: left;
	width: 330px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 5px;
}
#contact #vous-etes {
	float: left;
	width: auto;
	margin-left: 15px;
	margin-right: 0px;
}
#mail-contact {
	float: right;
	width: auto;
	margin-left: 10px;
	margin-top: 10px;
	text-align: justify;
}
#contact #demandes {
	float: left;
	width: 480px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 10px;
}
#contact {
	width: 700px;
}

#contact #vous-etes .formul label, .label, .labelG {
	font-size: 11px;
	color: #CCCCCC;
}

#contact #vous-etes table, #contact #coordonnes table, #contact #demandes table  {
	background-color: #1A1A1A;
	width: 100%;
}
#contact #envois {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	clear: both;
}

#contact #demandes .formul .champsC {
	vertical-align: top;
}
.legendeD {
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #B5B5B5;
}

#bottom ul {
	margin-top: 2px;
	margin-bottom: 2px;
}
#bottom li {
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 2px;
	margin-left: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EBEBEB;
}
#bottom a {
	color: #EBEBEB;
	text-decoration: underline;
}
#bottom li.last {
	border-right-style: none;
}
table#liens {
	width: 100%;
	text-align: center;
}
table#liens td {
	width: 33%;
}
#liens hr {
	color: #E9E9E9;
	width: 80%;
}
table#liens a {
	background-color: transparent;
}


#poeme {
	margin-left: 50px;
	display: block;
}
.vignette, .vignette2, .vignette3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B3BC92;
	text-align: center;
	float: left;
	width: 150px;
	height: 210px;
	vertical-align: middle;
	margin-right: 10px;
	margin-left: 10px;
	line-height: 1.4em;
}
.vignette3 {
	margin-right: 20px !important;
	margin-left: 20px !important;
	width: 200px !important;
}

.vignette3 {
	height: 200px !important;
}

#contenu #jeuVignettes {
	height: 480px;
	margin-top: 15px;
}
#sidebar #divBoxes {
	text-align: center;
	height: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#sidebar #divPreviousNext {
	width: 140px;
	margin-left: 20px;
}
.boxes {
	font-size: 8px;
	padding-top: 10;
} 

.boxes a:link, .boxes a:visited, .boxes a:active{ 
color:#CCCCCC; 
background-color: #333333; 
border: 1px solid #CCCCCC; 
margin: 1px 2px; 
text-decoration: none; 
padding: 1px 5px; 
} 

.boxes a:hover { 
color:white; 
background: #000000; 
border: 1px solid #999999; 
margin: 1px 2px; 
text-decoration: none; 
padding: 1px 5px; 
}


.current { 
background-color: #CC9966; 
border: 1px solid #CC9966; 
color: #000000; 
font-weight: bold; 
margin: 1px 2px; 
padding: 1px 5px; 
} 
/*#jeuVignettes .vignette img {
	padding: 5px;
	border: 1px solid #666666;
}*/
.dispo {
	margin-left: 5px;
	height: 15px;
	font-weight: bold;
	color: #FFFF00;
	width: 15px;
	border: 1px solid #FFFF00;
}
body#popbody {
	background-color: #000000;
	margin-top: 0px;
	margin-left: 0px;
	/*	font-size: 12px;*/
	color: #FFFFFF;
	background-image: url(../images/SideBarFond.gif);
	background-repeat: repeat-y;
	background-position: 740px;
}
#popcontener {
	height: 740px;
	width: 930px;
	font-size: 70%;
}
#popoeuvres {
	float: left;
	height: 690px;
	width: 730px;
	vertical-align: middle;
	background-color: #333333;
}
#poplegend  {
	float: right;
	width: 200px;
	margin-top: 10px;
}

#popnavbas {
	clear: both;
	width: auto;
	margin-left: 0px;
	height: 80px;
	margin-top: 10px;
}
#popnavbas #titre {
	float: left;
	width: 720px;
	text-align: center;
	vertical-align: middle;
	height: 40px;
}
#popnavbas #titre p {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#popnavbas #navpopup {
	float: right;
	height: 40px;
	width: 160px;
	font-family: "Lucida Sans", "Courier New", Courier, monospace;
	font-size: 12px;
	padding: 5px;
}
.popupTitre {
	font-size: 14px;
	color: #CCCCCC;
}
#popupdispo, #popupdispo2 {
	height: 60px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFF00;
	font-size: 12px;
}
#poplegend p {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	line-height: 1.5em;
}
#Close, #popuptheme{
	width: 195px;
	float: right;
	margin-top: 40px;
	text-align: left;
}
.filet {
	border: 1px dotted #999999;
	margin: 10px;
}
#contact input, #contact textarea, #contact select {
	background-color: #CCCCCC;
	color: #000000;
	padding-left: 5px;
}

#contact #contactIMG {
	float: right;
	margin-top: 20px;
	text-align: center;
	width: 180px;
	height: 200px;
}
.with740 {
	width: 740px !important;
	margin-top: 15px;
}
#contact #info_oeuvre_detail {
	float: right;
	width: 380px;
	margin-top: 30px;
}
#info_oeuvre_comm {
	clear: both;
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}
#presse_left {
	float: left;
	width: 170px;
}
#presse_right {
	float: right;
	width: 540px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #CFD4AB;
}
#presse_right .presse_rightL {
	float: left;
	width: 340px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}
#presse_right .presse_rightL p {
	font-size: 12px !important;
	display: block;
}
#presse_right .presse_rightR, #presse_articles .presse_rightR {
	float: right;
	width: 170px;
	text-align: left;
}
#presse_right .presse_rightR p {
	font-size: 10px !important;
}
.CouleurOcre {
	color: #EEBE5F;
}
#presse_right .presse_rightL a {
	display: block;
}

#presse_right .presse_rightL a:link, #presse_right .presse_rightL a:visited {
	color: #CCCCCC;
}
#presse_right .presse_rightL a:hover {
	background-color: #505836;
	color: #FFFFFF;
	text-decoration: none;
}

.imgLeft {
	float: left;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
}
.imgRight {
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}
#presse_articles {
	clear: both;
}
#presse_articles .presse_articleL {
	float: left;
	width: 500px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #505836;
	padding-right: 15px;
	padding-left: 10px;
}
.auteur {
	font-weight: bold;
	text-align: right !important;
	float: left;
	width: 500px;
}
.navArticle {
	text-align: center;
}
.navArticle ul {
	padding-top: 20px;
	padding-bottom: 30px;
}
.presse_top {
	text-align: center;
	float: right;
	width: 170px;
}
.basArticle {
	clear: both;
	margin-bottom: 50px;
	height: 30px;
	margin-top: 0px;
}
#navTopD img {
	display: inline;
	margin-right: 8px;
}
.expo {
	padding-left: 10px;
	margin-left: 20px;
}
#sidebar p {
	padding-right: 5px;
	padding-left: 5px;
	text-align: left;
	line-height: 1.3em;
}
/*#navTopG li span {
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #081E2E;
	text-decoration: none;
	height: 24px;
}
*/#sidebar h2 span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	margin-left: 10px;
}
.justifie {
	text-align: justify;
}
#Close p {
	text-transform: uppercase;
	text-align: center;
	padding: 2px;
	border: 1px solid #999999;
	width: 140px;
	margin-left: 20px;
	font-size: 11px;
}
#presse_articles  em {
	margin-left: 70px;
	display: block;
	width: 70%;
}
#texteref {
	position: absolute;
	width: 500px;
	left: -5000px;
	top: 0px;
	font-size: 9px;

}
#texteref2 h1, #texteref2 h2, #texteref2 h3 {
	font-size: 9px;
	color: #CCCCCC;
	display: inline !important;
	font-weight: normal;
}
#texteref2 div {
	padding: 5px;
	width: 80%;
	border: 1px dotted #666666;
	text-align: left;
	font-size: 9px;
	font-weight: normal;
}

#texteref2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
	text-align: center;

}
#texteref2 p {
	padding: 5px;
	width: 80%;
	border: 1px dotted #666666;
	text-align: center;

}
#texteref2 div {
	padding: 5px;
	width: 80%;
	border: 1px dotted #666666;
	text-align: left;
	font-size: 9px;
	font-weight: normal;
}
#navTexte {font-family: "Trebuchet MS", Arial, sans-serif;font-size: 12px;color: #999999;text-align: center;font-variant: small-caps;width: 750px;text-decoration: none;}
#navTexte ul, .inline {
	display: inline;
}
#navTexte hr {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}

#navTexte li {display: inline;padding-right: 10px;padding-left: 10px;border-right-width: 1px;border-right-style: dotted;border-right-color: #666666;}
#navTexte li.first {display: inline;padding-right: 10px;padding-left: 10px;border-right-width: 1px;border-right-style: dotted;border-right-color: #666666;border-left-width: 1px;border-left-style: dotted;border-left-color: #666666;}
#navTexte a {color: #999999;}
#navTexte a:hover {color: #CCCCCC;text-decoration: none;background-color: #333333;}
#sidebar #galeries li.select {
	font-weight: bold;
}
/*
#popCacheBarreEtat {
	background-color: #000000;
	background-image: url(../images/dvg-photographe.jpg);
	width: 500px;
	margin-bottom: 0px;
	bottom: 0px;
	height: 40px;
	position: fixed;
	left: 0px;
}
*/
#selectpage {
	top: 5px;
}
.menuNbresVignParPage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #0F3755;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	text-align: center;
	margin-left: 20px;
}
#selectpage fieldset {
	word-spacing: 0.25 em;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#selectpage legend {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-variant: small-caps;
}
#detail-1 blockquote {
	display: inline;
}

