* {
		margin: 0px;
		padding: 0px;
}

.hidden-element {
		display: none;
}

.message {
		margin: 20px;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
}

body {
		font-family: Verdana, Tahoma, Arial, sans-serif;
		background-color: #fff;
		color: #000;
		font-size: 16px;
		margin: 5px;
}

#page {
		background-color: #fff;
		margin-left: 0;
		margin-right: auto;
		text-align: left;
		width: 930px;
}

#conteneur #barredegauche {
		background-image: url("../../IMAGES/bandeaux-gauche/car.jpg");
		background-repeat: no-repeat;
		float: left;
		height: 700px;
		margin: 0;
		padding: 0;
		width: 200px;
}

#conteneur #barreduhaut {
		background-color: transparent;
		float: right;
		padding: 0;
		width: 720px;
}

#conteneur #contenu {
		font-family: "Trebuchet MS",Helvetica,sans-serif;
		background-color: #fff;
		border-left: 0 solid black;
		border-top: 0 solid black;
		float: right;
		margin: 0;
		padding: 0;
		width: 720px;
}

#entete {
		background-color: transparent;
		border-bottom: 2px solid #333;
		width: 100%;
}

#fond-rubrique {
		background-image: url("../IMAGES/titres-rubriques/cabinet-d-artiste.png");
		height: 38px;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 5px;
}

#conteneur #navigation {
		font-size: 0.77em;
		margin-bottom: 10px;
		padding-bottom: 2px;
		padding-top: 4px;
}

#conteneur #navigation ul {
		list-style: none inside none;
		margin: 0;
		padding: 0;
		text-align: center;
}

#conteneur #navigation li {
		background-color: #f5f5f5;
		border: 1px solid #c0c0c0;
		display: inline;
		font-weight: bold;
		margin: 1px 2px 0;
		padding: 1px 5px 3px;
		text-align: center;
}

#conteneur #navigation li:hover {
		background-color: #dddddd;
		border: 1px solid #c0c0c0;
}

#conteneur #navigation a {
		color: #222222;
		padding: 0;
		text-decoration: none;
}

#conteneur #navigation a:hover {
		color: #000000;
		text-decoration: none;
}

#conteneur #navigation img {
		margin-bottom: 0;
		margin-top: 0;
		vertical-align: middle;
}

#conteneur #hierarchie {
		background-color: transparent;
		font-size: 0.77em;
		margin-bottom: 2px;
}

#contenu .chaposommaire {
		font-size: 90%;
		margin-top: 1em;
		text-align: left;
		width: 100%;
}

#contenu .cartouche {
		background-color: transparent;
		margin-bottom: 1em;
		margin-top: 2em;
}

#contenu .cartouche h1.titre {
		color: #000;
		font-size: 1.27em;
		font-weight: bold;
		margin-left: 0.2em;
}

#contenu .chapo {
		min-height: 121px;
		background-image: url("../IMAGES/decorations/hyppocampe-01-50.gif");
		background-position: left top;
		background-repeat: no-repeat;
		font-size: 90%;
		font-weight: normal;
		height: auto;
		line-height: 120%;
		margin-bottom: 1em;
		margin-left: 2.5em;
		padding-left: 42px;
		padding-top: 25px;
}

#contenu .contre-encart {
		border-left: 2px solid #ccc;
		margin-left: 5em;
		margin-right: 6em;
		margin-top: 2em;
		padding-left: 0;
}

#contenu .contre-encart h2 {
		border-bottom: 1px dotted #ccc;
		color: #333;
		font-size: 90%;
		font-weight: normal;
		padding-left: 0.5em;
}

#contenu .contre-encart h2 a {
		color: #000;
		font-size: 112%;
		font-weight: bold;
}

#contenu .contre-encart2 {
		border-left: 2px solid #ccc;
		margin-left: 5em;
		margin-right: 6em;
		margin-top: 3em;
}

#contenu .contre-encart2 h2 {
		border-bottom: 1px dotted #ccc;
		color: #333;
		font-size: 90%;
		font-weight: normal;
		padding-left: 0.5em;
}

#contenu .contre-encart2 h2 a {
		color: #000;
		font-size: 112%;
		font-weight: bold;
}

#contenu .liste-rubriques {
		background: none repeat scroll 0 0 transparent;
		border: medium none;
		margin-bottom: 1em;
}

#contenu ul.liste-rubriques {
		list-style-image: url("../IMAGES/puces-rubriques/rubrique-01.gif");
		list-style-position: outside;
		margin-bottom: 0;
		margin-top: 0;
		padding-left: 82px;
		padding-top: 0;
}

#contenu ul.liste-rubriques li.rub_puce1 {
		list-style-image: url("../IMAGES/puces-rubriques/rubrique-01.gif");
}
#contenu ul.liste-rubriques li.rub_puce2 {
		list-style-image: url("../IMAGES/puces-rubriques/rubrique-02.gif");
}
#contenu ul.liste-rubriques li.rub_puce3 {
		list-style-image: url("../IMAGES/puces-rubriques/rubrique-03.gif");
}
#contenu ul.liste-rubriques li.rub_puce4 {
		list-style-image: url("../IMAGES/puces-rubriques/rubrique-04.gif");
}


#contenu li.liste-rubriques {
		display: list-item;
		margin-bottom: 0.2em;
		margin-top: 0.1em;
		padding-bottom: 0;
		padding-top: 0;
}

#contenu h3.liste-rubriques {
		background-color: transparent;
		display: inline;
		font-size: 100%;
		font-weight: bold;
		vertical-align: 15px;
}

#contenu .liste-articles {
		margin-bottom: 1em;
}

#contenu li.liste-rubriques > .liste-articles {
		margin-top: -1em;
}

#contenu ul.liste-articles {
		list-style-image: url("../IMAGES/puces-articles/article-01.gif");
		list-style-position: outside;
		margin-bottom: 0;
		margin-top: 0;
		padding-left: 55px;
		padding-top: 0;
}

#contenu ul.liste-articles li.art_puce1 {
		list-style-image: url("../IMAGES/puces-articles/article-01.gif");
}
#contenu ul.liste-articles li.art_puce2 {
		list-style-image: url("../IMAGES/puces-articles/article-02.gif");
}
#contenu ul.liste-articles li.art_puce3 {
		list-style-image: url("../IMAGES/puces-articles/article-03.gif");
}
#contenu ul.liste-articles li.art_puce4 {
		list-style-image: url("../IMAGES/puces-articles/article-04.gif");
}
#contenu ul.liste-articles li.art_puce5 {
		list-style-image: url("../IMAGES/puces-articles/article-05.gif");
}
#contenu ul.liste-articles li.art_puce6 {
		list-style-image: url("../IMAGES/puces-articles/article-06.gif");
}

#contenu li.liste-articles {
		display: list-item;
		margin-bottom: -0.4em;
		margin-top: 0.1em;
		padding-bottom: 0;
		padding-top: 0;
}

#contenu h3.liste-articles {
		background-color: transparent;
		display: inline;
		font-size: 100%;
		font-weight: bold;
		vertical-align: 50%;
}

#contenu .texte {
		color: #000;
		font-size: 90%;
		background-color: transparent;
		padding-left: 2em;
		margin-bottom: 1em;
}


h1, h2, h3, h4, h5, h6 {
		font-size: 1em;
		font-weight: normal;
		margin: 0;
		padding: 0;
}

p {
		margin-bottom: 0.2ex;
		text-align: justify;
		text-indent: 1em;
		padding: 0;
}

.texte h2 {
		font-size: 1.1em;
		font-weight: bold;
		padding: 15px 0 10px;
}

.texte h3 {
		font-size: 110%;
		padding: 15px 0 10px;
}

.texte p {
		margin-bottom: 0.5ex;
		line-height: 130%;
}

.texte ul {
		margin-left: 30px;
}

.texte ul li {
		margin-top: 10px;
		display: list-item;
		list-style-image: url(../IMAGES/deplierhaut.gif);
		list-style-position: outside;
		line-height: 130%;
}

span.strong {
		font-weight: bold;
}

span.italic {
		font-style: italic;
}

.chaposommaire a, .chapo a, .texte a {
		border-color: #000;
		border-style: none none dashed;
		border-width: 1px;
		font-weight: bold;
		text-decoration: none;
}

.chaposommaire a:hover, .chapo a:hover, .texte a:hover {
		border-bottom-style: solid;
		text-decoration: none;
}

a {
		color: #000;
		text-decoration: none;
}

a:hover {
		text-decoration: underline;
}

img, table {
		border: medium none;
		margin: 0;
		padding: 0;
}


/* Oeuvres
---------------------------------------------- */

.btbcoeuvres {
		margin: 0;
		padding: 5px;
		background-color:#FDFDFD;
		border: 2px solid #CCC;
		text-align: center;
		text-indent:0px;
		width: 576px;
		margin: 15px auto 20px auto;
}

.btbcoeuvres ul {
		list-style: none;
}

.btbcoeuvresline {
		font-size: 0px;
		display:block;
		margin: 0px;
		text-align: left;
		text-indent:0px;
		width: 576px;
}

.btbcoeuvresgroup {
		display:block;
		margin:0;
		text-align: center;
		text-indent:0px;
		width: 284px;
		height: 274px;
}

.btbcoeuvresblock {
		display:inline-block;
		vertical-align:top;
		margin:5px;
		text-align:center;
		text-indent:0px;
		width:62px;
}

.texte a.btbcoeuvre, .texte a.btbcoeuvre:hover {
		text-decoration: none;
		border-style: none;
}

.texte .oeuvres a, .texte .oeuvres a:hover {
		text-decoration: none;
		border-style: none;
}

fieldset {
		padding: 10px;
}

#contactForm {
	width: 90%;
	margin: 0 auto;
}

#contactForm fieldset {
		background-color: #fafafa;
		border: 2px solid #aaa;
		border-radius: 4px;
		margin-top: 10px;
		padding: 10px;
}

#contactForm label {
		margin: 8px 0 5px;
}

#contactForm input, #contactForm textarea {
		margin: 3px 0 5px;
}

#contactForm label.error, #recaptcha-error {
		color: red;
		font-weight: bold;
		margin-left: 5px;
}

#recaptcha_widget_div {
		margin-left: -4px;
		margin-top: 5px;
}

#captcha-display {
	margin: 5px 0 5px 0;
}
#captcha-display .question {
	margin: 0 0 0 30px;
}

#captcha-display .answers {
	margin: 3px 0 0 100px;
}

#contactForm button.question {
	padding: 2px;
	font-size: 90%;
	margin-left: 100px;
}
#contactForm button.submit {
	padding: 3px;
	font-size: 110%;
	margin: 10px 20px 10px auto;
	float: right;
}

#dialog-sent {
	font-size: 110%;
	font-weight: bold;
	color: green;
}
#dialog-error {
	font-size: 110%;
	font-weight: bold;
	color: red;
}
#dialog-sent p, #dialog-error p {
	text-indent: 0px;
	margin-bottom: 10px;
}



/* .ui-dialog-content p {
		font-size: 14px;
} */

#PicturesWall {
		width: 400px;
		font-size: 0px;
		margin: 20px auto 0px;
}

.ThumbWall {
		display: inline-block;
		width: 100px;
		height: 100px;
		margin: 0;
		padding: 0;
		border: none;
		background-position: center center;
		background-size: cover;
}



/* Pied de page */
#pied {
		clear: both;
		width: 100%;
		margin-top: 20px;
		border-top: 1px dotted #CCC;
		padding: 2px;
		text-align: center;
}

#pied small {
		font-size: 0.77em;
}


/* Espaceur de blocs */
.nettoyeur {
		clear: both;
		margin: 0;
		padding: 0;
		border: none;
		height: 0;
		line-height: 1px;
		font-size: 1px;
}