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


/*---------------------------------- reset css & global----------------------------------*/
* {
	vertical-align: baseline;
	font-weight: inherit;
	font-style: inherit;
	outline: 0;
	padding: 0;
	margin: 0;
	}
html, body {height: 100%;}
body{
	background:#fff url(../images/body_bg.jpg) repeat-y top left;
	font-family: "Trebuchet MS", Helvetica, tahoma, Geneva, Arial;
	font-size: 11px; color:#535353;
	}
a{color:#978a01; text-decoration:underline;}
a:hover{color:#88acad; text-decoration:underline;}
a:active, a:focus{outline:none;}
img { border : none; }

div.clear{clear:both;}

#global{height:737px; background:#fff url(../images/background.jpg) no-repeat top left;}
#contener{width:960px; min-height: 100%; position:absolute; left:10%; margin-left:-96px;}
#spacer{height:22px; clear:both;}
.left{float:left;}
.right{float:right;}
.bleu{color:#586e6f;}
.bleub{color:#586e6f; font-weight:bold;}
.marron{color:#7e6f60;}
h1 {/*color:#7a032a;*/}
.bold{ font-weight:bold;}
.majb{ text-transform:uppercase; font-size:10px; color:#586e6f;}
/*------------------------------------ header ----------------------------------*/
.logo{margin:0 0 15px 5px; clear:right;}

ul#baseline{ font: 10px "Courier New", Courier, monospace;	text-align:center;	text-transform:uppercase;	margin-bottom:10px;	}
#baseline li{ display:inline; padding:0 0 0 15px; background:url(../images/puce_baseline.png) no-repeat left center;}
#menu{ margin:25px 0 35px 0; font: 12px "Courier New", Courier, monospace; text-align:center; text-transform:uppercase;}
#menu dt{display:inline; padding:0 12px 0 12px;}
#menu a{ padding:5px; font-weight:bold; text-decoration:none; outline:none; border:none; color:#978a01; border:1px dotted; background-image:url(../images/bg_transparency20.png);}
#menu a:hover{ text-decoration:none; color:#586e6f; padding:3px 5px 2px 5px;}
#menu a.on{ padding:5px; text-decoration:none; font-size:15px; outline:none; color:#586e6f; border:none; background:none;}

/*------------------------------------ contenu, textes ----------------------------------*/	
#content{}
#content-inner{width:950px; padding-left:10px;}
#content-inner p{text-align:justify;}
#content-inner h1{font:bold 18px "Courier New", Courier, monospace; background:url(../images/puce_h1.png) no-repeat left center; padding:0 0 0 35px; }
#content-inner h2{font:bold 12px Arial, Helvetica, sans-serif;}
#content-inner h3{font:bold 13px "Courier New", Courier, monospace; color:#7e6f60;}
#credits-contener{ position: absolute;	bottom: 0; left: 0;	width:100%; clear:both;}
#credits {width:950px; height:20px; padding-right:10px; text-align:right; color:#7e6f60; font-size:10px;}
#credits a{text-decoration:none; color:#586e6f; margin-top:10px;}
#credits a:hover{ text-decoration:underline;color:#586e6f;}

/*------------------------------------ Backgrounds graphiques ----------------------------------*/	
#top-230{width:230px; height:31px; background:url(../images/bg_230_top.jpg) no-repeat left top;}
#content-230{width:210px; padding:0 10px 0 10px; background:url(../images/bg_230_middle.jpg) repeat-y left top;}
#footer-230{width:230px; height:16px; background:url(../images/bg_230_bas.jpg) no-repeat left top;}

#top-410{width:410px; height:20px; background:url(../images/bg_410_top.jpg) no-repeat left top;}
#content-410{width:390px; padding:0 10px 0 10px; background:url(../images/bg_410_middle.jpg) repeat-y left top;}
#footer-410{width:410px; height:14px; background:url(../images/bg_410_bottom.jpg) no-repeat left top;}

#top-470{width:470px; height:20px; background:url(../images/bg_470b_top.jpg) no-repeat left top;}
#content-470{width:380px; padding:0 40px 0 50px; background:url(../images/bg_470_middle.jpg) repeat-y left top;}
#footer-470{width:470px; height:14px; margin-bottom:5px; background:url(../images/bg_470_bottom.jpg) no-repeat left top;}

#top-700{width:700px; height:15px; background:url(../images/bg_700_top.jpg) no-repeat left top;}
#content-700{width:680px; padding:0 10px 0 10px; background:url(../images/bg_700_middle.jpg) repeat-y left top;}
#footer-700{width:700px; height:15px; background:url(../images/bg_700_bottom.jpg) no-repeat left top;}

#top-936{width:936px; height:49px; background:url(../images/bg_936_top.jpg) no-repeat left top;}
#content-936{width:896px; padding:0 20px 0 20px; background:url(../images/bg_936_middle.jpg) repeat-y left top;}
#footer-936{width:936px; height:49px; background:url(../images/bg_936_bottom.jpg) no-repeat left top;}

#top-936c{width:936px; height:49px; background:url(../images/bg_936c_top.jpg) no-repeat left top;}
#content-936c{width:896px; padding:0 20px 0 20px; background:url(../images/bg_936c_middle.jpg) repeat-y left top;}
#footer-936c{width:936px; height:49px; background:url(../images/bg_936c_bottom.jpg) no-repeat left top;}

/*------------------------------------ accueil ----------------------------------*/	
#wall{width:387px; left:auto;}
.brique{width:120px;height:120px;margin:0 0 6px 6px;border:1px dashed #fff;}
#annonce-container{width:480px; float:right;}
#annonce{width:480px;  margin-bottom:5px; }
#annonce-470{width:430px; padding:0 20px 0 20px; background:url(../images/bg_470_middle.jpg) repeat-y left top;}
#annonce h1{font:bold 16px "Courier New", Courier, monospace; letter-spacing:-1px; background:url(../images/puce_h1.png) no-repeat left center; padding:0 0 5px 35px; color:#586e6f;}
#annonce h1.small{ font-size:15px;}
#annonce h2{margin-bottom:8px;}
#annonce p{margin:0 0 5px 0;}
#imannonce{ padding:0 0 10px 10px; float:right;}
#focus{width:185px; border-right:1px dotted; padding-right:7px; float:left;}
#focus dl {margin-bottom:10px;}
#focus dt{font-size:10px;}
#focus p{margin:0 0 7px 0;}
#focus a{font-size:10px;}
.imgmarcel{margin:5px 0 10px 0;}
#presentation{width:230px; float:right; margin-left:20px;  color:#586e6f;}
#presentation p{margin-bottom:10px; padding-top:12px; background:url(../images/puce_3pts.png) no-repeat left top;}
#presentation dt{margin-top:5px;}

/*------------------------------------ artistes ----------------------------------*/
#center{margin-left:60px;}	
#artistes{width:410px; margin:0 0 10px 10px; float:left;}
#artistes p{text-align:justify;}
#artistes h1 { font:bold 18px "Courier New", Courier, monospace;}
#artistes h2{font:bold 12px Arial, Helvetica, sans-serif;  padding:0 0 0 25px;}
#artistes-id{height:50px; padding:0 0 0 50px; background:url(../images/puce_perso_p.png) no-repeat 15px center;}
#artistes-id a{margin-left:5px;}
.apertof{width:120px;height:120px; margin:0 0 10px 6px; border:1px dotted #88acad;}

/*------------------------------------ artiste page ----------------------------------*/
#artiste-inner{margin-left:10px;}
#artiste-inner h1 {padding-left:20px; margin:0 0 0 20px; font:bold 18px "Courier New", Courier, monospace; background:url(../images/puce_dies.png) no-repeat left center; }
#artiste-inner p { text-align:justify; }
#artiste-top{ height:145px; margin-bottom:10px;}
#demarche{ width:450px; float:left;}
#demarche h1{ padding:0 0 0 35px; margin:0px; font:bold 18px "Courier New", Courier, monospace; background:url(../images/puce_h1.png) no-repeat left center;}

#cv a{width:125px; height:132px; padding:0 10px 10px 10px; margin-left:20px; background:url(../images/cv_bg.png) no-repeat 10px top; color:#88acad; border-left:1px dotted; border-right:1px dotted; float:left;}
#cv a:hover{width:125px; height:132px; padding:0 10px 10px 10px; margin-left:20px; background:none; color:#88acad; border-left:1px dotted; border-right:1px dotted; float:left;}

#autre{ height:132px; margin-left:20px; padding:0 20px 10px 135px; background:url(../images/menu_artistes.png) no-repeat left top; float:left;}
#autre dl{margin-top:15px; line-height:20px;}
#autre dt{padding:5px 0 5px 0; border-bottom:1px dotted #88acad;}
#autre a{color:#978a01; text-decoration:none; margin-left:5px; padding-left:15px; background:url(../images/puce_check_off.png) no-repeat left center;}
#autre a.on{color:#586e6f; text-decoration:none; margin-left:5px; padding-left:15px; background:url(../images/puce_check_on.png) no-repeat left center;}
#autre a:hover{color:#88acad; padding-left:15px; background:url(../images/puce_check_over.png) no-repeat left center;}

#participations{margin-top:10px}
#participations ul{padding:10px 0 0 80px; margin-left:10px; text-decoration:none; list-style-type:none; background:url(../images/puce_presta.png) no-repeat left 10px;}
#participations li{display:inline; padding:0 10px 0 10px; border-right:1px dotted #88acad;}
#participations .lilast{display:inline; padding:0px 10px 0px 10px; border:none;}
#participations a{font-size:10px; color:#978a01; text-transform:uppercase; font-weight:normal; text-decoration:none;}
#participations a:hover{color:#586e6f; text-decoration:none;}
.vimage{margin:5px 0 5px 10px; border:1px dotted #88acad;}
.vimage_small{margin:0; border:1px dotted #88acad;}
.vimage_small_g{margin:0 0 0 18px; border:1px dotted #88acad;}
#tabstitre{width:936px; height:47px; background:url(../images/bg_newpage_titre.jpg) no-repeat left top;}

/*------ mathilde ------*/
#math-top{margin-bottom:10px; clear:right; overflow:hidden;}
#math-left{ width:610px; float:left; clear:both;}
#math-left h1, #actu h1{ padding:0 0 0 35px; margin:0px; font:bold 18px "Courier New", Courier, monospace; background:url(../images/puce_h1.png) no-repeat left center;}
#math-left h2{ font:bold 12px Arial, Helvetica, sans-serif;}
#math-left p{margin-top:10px;}

#math-right{ width:311px; margin-left:27px;float:left;}
#math-right h1{margin:10px 0 0 0; padding-left:20px; font:bold 18px "Courier New", Courier, monospace; background:url(../images/puce_dies.png) no-repeat left center; }

#actu { padding:10px; margin-bottom:10px; border:1px dotted; background:url(../images/bg_transparency20.png) top left; min-height:203px;}
#actu li{ list-style-type:none; padding:0 20px 0 35px;}

#artistes-menu{ width:156px; padding:0 20px 0 135px; background:url(../images/menu_artistes.png) no-repeat top left;}
#artistes-menu dl{padding-top:15px; line-height:20px;}
#artistes-menu dt{padding:5px 0 5px 0; border-bottom:1px dotted #88acad;}
#artistes-menu a{color:#978a01; text-decoration:none; margin-left:5px; padding-left:15px; background:url(../images/puce_check_off.png) no-repeat left center;}
#artistes-menu a.on{color:#586e6f; text-decoration:none; margin-left:5px; padding-left:15px; background:url(../images/puce_check_on.png) no-repeat left center;}
#artistes-menu a:hover{color:#88acad; padding-left:15px; background:url(../images/puce_check_over.png) no-repeat left center;}
#math-right-content{margin-top:10px; padding:0 10px 10px 10px; border:1px dotted #88acad; background:url(../images/bg_transparency30.png) top left; }
.imgmarcel2{margin:0 20px 0 0; float:left;}
#video{float:right; overflow:hidden; margin-left:20px;}

/*------------------------------------ souscript'Art + Art & Ets ----------------------------------*/	
#wall4{width:675px; margin-top:10px;}
.brique{width:120px;height:120px; margin:0 0 6px 6px;border:1px dashed #fff;}
#principe{width:675px; margin-bottom:18px; }
#principe p{margin:0 0 5px 0;}
#principe ul{margin:0 0 5px 50px;}
#tarifs{width:230px; float:right; margin-left:20px; color:#7e6f60;}
#tarifs p{margin-bottom:5px; padding-bottom:5px; color:#535353; border-bottom:1px dotted; }
#tarifs dl{ padding:6px 0 6px 0;}
#tarifs dt{ font:bold 14px "Courier New", Courier, monospace; color:#535353;}
#tarifs dd{margin-left:20px; padding-left:20px; background:url(../images/puce_fleche.png) no-repeat left center;color:#586e6f;}
#avantalink{width:700px; float:left;}
#avantalink-content{width:680px; height:170px; padding:0 10px 0 10px; background:url(../images/bg_700_middle.jpg) repeat-y left top;}
#link-contener{ width:280px;  float:left;}
#avantages{width:379px; margin-left:10px; border-right:1px dotted #88acad; float:left;}
#avantages p{text-align:justify;}
#avantages dd{margin-bottom:5px; padding-left:20px; font:bold 12px Arial, Helvetica, sans-serif; color:#586e6f; background:url(../images/puce_checkbox.png) no-repeat left center;}
#avantages dt { font:bold 18px "Courier New", Courier, monospace; margin-bottom:5px;}
#avantages h2{font:10px Arial, Helvetica, sans-serif; text-align:center; margin-top:5px; color:#7e6f60;}
#contrat{width:122px; height:54px; margin:0 0 10px 10px; padding:10px 0 0 148px; background:url(../images/contrat_souscript.png) no-repeat left top; text-align:center; border-bottom:1px dotted #88acad;}
#linkart{width:190px; height:84px; margin:0 0 10px 10px; padding-left:80px; background:url(../images/liens_utiles.png) no-repeat left center;}

/*------------------------------------ Art & Ets ----------------------------------*/	
#etsleft{width:440px; margin:0 0 18px 40px; float:left; }
#etsright{width:410px; margin-left:20px; float:left;}
#art-ets{width:416px; margin-top:10px; padding:10px; border:2px dotted #586e6f; background:url(../images/bg_transparency30.png) top left; }
#art-ets p{margin-bottom:7px;}
#encart{width:410px; margin:0 0 5px 0;}
#encart h1{padding-left:20px; padding-top:5px; margin:0 0 0 20px; font:bold 18px "Courier New", Courier, monospace; background:url(../images/puce_dies.png) no-repeat left center; color:#586e6f; }
#encart p{margin:0 10px 0 10px; padding-bottom:10px; border-bottom:1px dotted #88acad;}
#utiles {height:76px; margin:10px 0 0 10px; padding-left:80px; background:url(../images/liens_utiles.png) no-repeat left center;}



/*------------------------------------ contacts ----------------------------------*/
#top-contact{width:700px; height:100px; float:left;}
#adresse{width:150px; margin:0 0 20px 0; float:left;}
#top-contact dt{font:bold 18px "Courier New", Courier, monospace; background:url(../images/puce_dies.png) no-repeat left center; padding-left:20px;}
#staff{width:158px; height:90px; margin:0 10px 0 10px; padding:0 10px 0 10px; border-left:1px dotted; border-right:1px dotted; float:left;}
#membres{width:350px; float:left;}
#comm{width:700px; padding:10px 0 10px 0; margin-bottom:10px; border-top:1px dotted; border-bottom:1px dotted; float:left;}
#comm dt{font:bold 18px "Courier New", Courier, monospace; background:url(../images/puce_dies.png) no-repeat left center; padding-left:20px;}
#contactform{width:700px; float:left;}
#contactform h2{padding-top:5px; font-family:"Courier New", Courier, monospace;}
#conform-content{width:660px; padding:0 20px 0 20px; background:url(../images/bg_700_middle.jpg) repeat-y left top;}
#inputzone{background:url(../images/mailstamp.gif) no-repeat 530px bottom;}
.input{width:250px; font-size:11px; background-color:#ededed; border:1px dotted #88acad;}
.textarea{width:658px; font:11px "Trebuchet MS", Helvetica, tahoma, Geneva, Arial; color:#000000; background-color:#ededed; margin:0px; padding:0px; border:1px dotted #88acad;}
.alerte{font-weight:bold;text-transform:uppercase;color:#7a032a;}
#adhesion{width:230px; float:right; margin-left:20px; color:#7e6f60;}
#adhesion dl{ padding-bottom:5px; margin-bottom:5px;  border-bottom:1px dotted;}
#adhesion dt{margin:5px 0 5px 0; padding-top:5px; font:bold 16px "Courier New", Courier, monospace; color:#586e6f; border-top:1px dotted;}
#adhesion dd{padding-left:17px; background:url(../images/puce_fleche.png) no-repeat left 3px; color:#535353;}
#adhesion dd.bis{padding-left:17px; color:#7e6f60; background:none;}
#buletin {height:20px; font-size:12px; text-align:center;}

/*------------------------------------ archives ----------------------------------*/
#archives{width:936px;}
#archives-content{width:856px; padding:0 40px 0 40px; background:url(../images/bg_936c_middle.jpg) repeat-y left top; }
#archives-content h1{font:bold 18px "Courier New", Courier, monospace;margin:0; padding-bottom:5px; border-bottom:2px dotted #88acad; text-align:left; letter-spacing:-1px;}
#archives-content h2{font:bold 16px Arial, Helvetica, sans-serif; color:#586e6f;  text-align:left; letter-spacing:-1px;}
#archives-content h3{font: 14px Arial, Helvetica, sans-serif; color:#586e6f; text-decoration:underline;  text-align:left; letter-spacing:-1px;}
#archives-content p{font: 12px "Trebuchet MS", Helvetica, tahoma, Geneva, Arial; margin-bottom:20px;}
#archives-content strong{font-weight:bold;}

.tofleft{float:left; margin:6px 20px 6px 0;border:2px dotted #88acad;}
.tofright{float:right; margin:6px 0 6px 20px;border:2px dotted #88acad;}
.border{padding-right:5px; border-right:1px dotted #88acad;}
#comment-bg {width:660px; background:url(../images/moulin.png) no-repeat 20px 20px;}
#comment h1{font:bold 18px "Courier New", Courier, monospace; padding:0; background:none; border:none;}
#comment h2{padding-top:3px; font-family:"Courier New", Courier, monospace;}
#comment .submit{text-align:right; margin:10px 0 10px 0; float:right;}
#prevnext a{color:#978a01; font-size:12px; text-decoration:none; word-spacing:3px;}
#prevnext a:hover{color:#88acad; text-decoration:none;}

/*------------------------------------ test ----------------------------------*/
#content { margin:0 10px 0 10px; background-color:#000000;	font-family: "Trebuchet MS", Helvetica, tahoma, Geneva, Arial;	font-size: 11px; color:#d2d2d2;}
#content h1{font:bold 18px "Trebuchet MS", Helvetica, tahoma, Geneva, Arial; color:#3b7694; text-transform:uppercase; }
#content h2{font:bold 12px Arial, Helvetica, sans-serif; color:#3b7694;}
#content p{width:340px; text-align:justify;}

/*------------------------------------ artothèque ----------------------------------*/
#artotop{height:145px; clear:both;}
#artopres{ width:520px; float:left; margin-right:20px;}
#artomodal{ width:360px; float:left; padding-left:20px;border-left:1px dotted;}
#artomodal dt{margin-bottom:3px;}

#nota {margin:0 0 10px 0; padding:10px 0 10px 0;text-align:center; border:1px dotted #88acad; background:url(../images/bg_transparency30.png) top left; }
#artomenu{height:28px; background:url(../images/perswitch2.png) no-repeat left center;}
#artomenu dl{ margin:0 0 0 10px;}
#artomenu dt{display:inline; padding-left:37px; font:bold 18px "Courier New", Courier, monospace;}
#artomenu dd{display:inline; padding-right:10px;}
#artomenu a{color:#978a01; text-decoration:underline; text-transform:uppercase; margin-left:5px; padding-left:15px; background:url(../images/puce_check_off.png) no-repeat left center;}
#artomenu a.on{ font-weight:bold; color:#586e6f; text-decoration:none; margin-left:5px; padding-left:15px; background:url(../images/puce_check_on.png) no-repeat left center;}
#artomenu a:hover{color:#88acad;  margin-left:5px; padding-left:15px; background:url(../images/puce_check_over.png) no-repeat left center;}

.ach3{font: 12px "Courier New", Courier, monospace; color:#586e6f;}
#flashcontent {height: 600px;}

/*------------------------------------ liens ----------------------------------*/
#liens-content{ width:700px; margin:0 0 10px 100px;}
#liens-content h1{margin:10px 0 0 0;}
#liens-content h2{ padding:0 0 3px 15px; border-bottom:1px dotted #88acad; font: 12px "Courier New", Courier, monospace; text-transform:uppercase; background:url(../images/puce_fleche.png) no-repeat left top;}
#liens-content dl{margin:10px 0 0 0;}
#liens-content dt{margin:5px 0 0 0;}
#liens-content dd{margin:0 0 0 5px; padding-left:15px; background:url(../images/puce_enter.png) no-repeat left center;}