body {
	margin: 0;
	padding: 0;
	/*background: url(../img/deg-fond.jpg) top left repeat-x fixed;*/
	background-color: #5a668e;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2a3478;
	text-align: center;
	height: 100%;
}

a {color: #454545;}
a:hover {color: #b82413;}



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

#contenant {
	position: relative; 
	width: 1016px;
	margin: 10px auto 0 auto;
	text-align: left;
	height: auto;
	/*min-height: 500px;*/
	line-height: 0;
	
}
#imgindex {position: absolute; z-index: 1000; left: 4px; top: 4px; cursor: pointer;}


#limitehaut {position: relative; z-index: 1; background: url(../img/fond-haut.png) top left no-repeat; height: 4px; z-index: 0; }

#corps {position: relative;  z-index: 1; background: url(../img/fond.png) repeat-y;  height: auto;  padding: 0; margin: 0; }

#contenus {position: relative; z-index: 100; background: url(../img/fonds/1.jpg) top left  repeat-y; min-height: 550px;/**/ padding:  0 0 0 0px; /*height: auto;*/ margin: 0px 0 10px 4px;  line-height: 12px;}

/*#contenant.visite #contenus { background: url(../img/fonds/10.jpg) left top repeat-y;}
#contenant.boutang #contenus { background: url(../img/fonds/14.jpg) left top repeat-y;}
#contenant.livres #contenus { background: url(../img/fonds/7.jpg) left top repeat-y;}
#contenant.techniques #contenus { background: url(../img/fonds/11.jpg) left top repeat-y;}
#contenant.stages #contenus { background: url(../img/fonds/6.jpg) left top repeat-y;}
#contenant.peintures #contenus { background: url(../img/fonds/12.jpg) left top repeat-y;}
#contenant.formats #contenus { background: url(../img/fonds/7.jpg) left top repeat-y;}
#contenant.manifestations #contenus { background: url(../img/fonds/4.jpg) left top repeat-y;}
#contenant.commandes #contenus { background: url(../img/fonds/15.jpg) left top repeat-y;}*/

#contenant.visite #contenus { background: url(../img/fonds/10.jpg) left top repeat-y;}
#contenant.boutang #contenus { background: url(../img/fonds/2.jpg) left top repeat-y;}
#contenant.livres #contenus { background: url(../img/fonds/3.jpg) left top repeat-y;}
#contenant.techniques #contenus { background: url(../img/fonds/4.jpg) left top repeat-y;}
#contenant.stages #contenus { background: url(../img/fonds/5.jpg) left top repeat-y;}
#contenant.peintures #contenus { background: url(../img/fonds/6.jpg) left top repeat-y;}
#contenant.formats #contenus { background: url(../img/fonds/7.jpg) left top repeat-y;}
#contenant.manifestations #contenus { background: url(../img/fonds/8.jpg) left top repeat-y;}
#contenant.commandes #contenus { background: url(../img/fonds/9.jpg) left top repeat-y;}

/*#contenant.formats #entete{background: url(../img/ronds.jpg) 25px 68px no-repeat;}*/




#contenus p, table {padding: 0 100px 0 307px; margin: 10px 0; line-height: 18px;}


#contenus h2 {margin: 15px 100px 0 280px; padding: 0 0 0 27px; text-align: left; line-height: 30px; font-size: 20px; font-weight: normal; border-bottom: 3px solid #f5f5f5; background-color: #fefefe; clear: right;}
#contenus h2.peintures {margin: 15px 100px 20px 280px; border: none;}
#contenus h2.peintures span{position: relative; float:right;}

#contenus h2 span {font-size: 14px}

#contenus li {margin: 0 100px 0 307px; padding: 5px 0; line-height: 18px; }
#contenus p {text-align: justify;}
#contenus p.l {text-align: left;}

/*images*/
#contenus p.img {position: relative; margin-left: 307px; padding-left: 0; padding-top: 12px; height: auto; }
#contenus img.t {margin-right: 10px;}



#contenus a.thickbox img {border: 2px solid #cc7c56;}
#contenus a.thickbox {border: 1px solid #bfbfbf; display: block; line-height: 0; width: 384px; float: left;}
#contenus p.vertic a.thickbox {width: 191px;}
#contenus p.vertic a.mg_l {margin-left: 10px;}
span.legende {font-size: 11px; padding-left: 10px; position: absolute; bottom: 20px; right: 0px; width: 300px;  }
#contenus br.cl {clear: both; display: block;position: relative; width: 100%; height: 10px;}

#contenus a.flr {display: block; float: right; position: relative; width: auto; border: none;}
#contenus a.flr img {border: 1px solid #2a3478; margin: 0 0 0 10px;}

ul#menu {position: relative; float: left; list-style: none; margin: 0px 0 0 65px; padding: 0;}
ul#menu li {height: 23px; display: block; text-align: left; background: url(../img/carre.png) left top no-repeat; margin: 0; padding: 8px 0 0 40px;}
ul#menu li.actif { background: url(../img/carreactif.png) left top no-repeat;}
ul#menu li a {color: #000; text-decoration: none; font-size: 16px; font-weight: normal; line-height: 18px;}
ul#menu li a:hover {color: #be3d29;}
ul#menu li.actif a {font-weight: bold;}

/*#contenant.stages #entete{background: url(../img/ronds.jpg) 730px 8px no-repeat; }*/


#entete {border-bottom: 1px solid #D6D2DF; height: 125px; margin:  0 12px 20px 99px; overflow: hidden;  }
#entete h1 { height: 60px; text-indent: -1000px; line-height: 0px; background: url(../img/rene-boutang.jpg) left top no-repeat; margin: 65px 0 0 205px; padding: 0;}





#limitebas {position: relative; clear: both; background: url(../img/fond-bas.png) left bottom  no-repeat; height: 4px; clear: both; margin-top: -10px; }

table {position: relative; }


#contenus p.citation  {text-align: right; color: #b82413; font-family: Georgia; font-weight: bold; font-size: 11px; }
#contenus p.citation_l {color: #b82413; font-family: Georgia; font-weight: bold; font-size: 11px; text-align: left;}
#contenus p.cl{clear: both; padding-top: 15px; position: relative;}
p strong, p strong a{color: #af2e2e}
em {color: #b82413;}

table.format { padding: 0; position: relative; margin-right: 260px; margin-left: auto; margin-top: 0; width: 460px; }
table.pt {margin-right: 490px; margin-left: auto; width: 230px;}


table.format td, table.format th {padding: 5px 15px;}
table.format td.b_right, table.format th.b_right {border-right: 1px solid #bfbfbf}
table.format td.b_bottom, table.format th.b_bottom {border-bottom: 1px solid #bfbfbf}
/*#contenus p {border: 1px solid; position: relative;}*/

/*peintures*/

#vignettes {padding: 0 100px 0 307px;}
#vignettes.categories {padding: 30px 100px 0 307px;}
#contenus #vignettes span {position: relative; display: block; float: left; height: 170px; width: 200px; text-align: center; }
#contenus #vignettes a, #contenus  #vignettes a.thickbox  {text-decoration: none;  width: 200px; text-align: center; display: block; border: none;line-height: 12px;}
#contenus #vignettes img, #contenus  #vignettes a.thickbox img { margin: 2px;  border: 1px solid #bfbfbf;}

#contenus  a.sans {display: inline; width: auto;}
#contenus  a.sans img{border: none; } 

#contenus #vignettes.voyages span {position: relative; display: block; float: left; height: 72px; width: 72px; text-align: center; margin-right: 3px;}
#contenus #vignettes.voyages span.inv {display: none;}
#contenus #vignettes.voyages a, #contenus  #vignettes.voyage a.thickbox  {text-decoration: none;  width: 72px; text-align: center; display: block; border: none;line-height: 12px; }



.cl {clear: both; }



del {display: none;}
#contenus span.affiches {float: right; height: 160px; width: 420px; text-align: right;}
#contenus span.affiches a.thickbox  {display: inline; border: none; width: auto; float: none;}
#contenus span.affiches img {border:1px solid #2a3478;}


#contenus p.copy {font-size: 10px; text-align: right;} 
p.copy a {text-decoration: none;}

#formcontact {border: 1px solid #b0b7e4; width: 300px; position: relative; float: right; margin-right: 50px;}
#formcontact p {margin: 0 0 5px 0; padding: 0 5px}
#formcontact label {width: 80px; position: relative; display: block; float: left;}
#formcontact input[type=text],#formcontact textarea {width: 180px; border: 1px solid #b0b7e4}

#contenus #box {position: absolute; width: 260px;  border: 3px solid #5a668e; -moz-border-radius: 10px; background-color: #cdd1df; right: 30px; top: 15px; z-index: 500}
#contenus #box p{padding: 0; margin: 0 5px 5px 5px;}
#contenus #box p.c {text-align: center}
#contenus #box a.thickbox {display: inline; border: none; width: 70px; float: none; margin: 0 25px}
#contenus #box a.thickbox img {border: none; position: relative;}
#contenus #box img.fermer {position: absolute; right: 5px; top: 5px; cursor: pointer;}