html, body {background: #ffffff url(../img/img-escalier.n-b2.jpg) fixed;/**url(../img/background.gif) fixed;**/}


/**html, body {background: url(http://plumi.domainepublic.net/bg_main.png) repeat-y scroll 50% 0pt;}**/
/**background:  url(../img/background.jpg)fixed;**/
/**background:  url(../img/carre01-ctr.orange-menu2.jpg)  fixed 10%;**/


/** ----- Couleurs et couleurs de fond -----  **/
#principal {background: #ffffff;border-left:40px solid #ffffff;border-right:40px solid #ffffff;}

#corps {background: #ffffff;}
#pied {background: url(../img/background.gif) fixed;font-size: 0.85em;}
#haut {background: #ffffff /**url(../img/background.gif) fixed**/;}
#pied {color: #333333;text-transform: lowercase;font-size: 0.8em;}
#pied a {color: #666666;font-size: 0.9em;}
#pied a:hover {color: #333333;}
#pied p.attributes {float:right;margin: 0px 0px;}

#mf_cadre {height:210px;margin-top: 10px;}
#mf_menu {float: left; width: 160px;}
#mf_addresse {float:left;margin-left:160px;width:160px;}

.bloc {padding: 10px;}

p {margin: 0.5em 0;}

.img_png, .image_typo, .spip_logos {
	behavior: url("../win_png.htc");
}

.noir {color: #404040;}
.blanc {color: #ffffff;}
.jaune {color:#ffcc00;}
.rouge {color:#CC0033;}
.gris {color:#999999;}
.vert {color:#339933;}
.bleu {color:#3399CC;}
.brun {color:#FF9900;}
.grisf {color:#333333;}
.rose {color:#CC3399;}

.bgblack {background: #000;}
.bgnoir {background: #333333;}
.bgblanc {background: #ffffff;}
.bgjaune {background:#FFFF0C;}
.bgrouge {background:#CC0033;}
.bggris {background:#999999;}
.bgvert {background:#339933;}
.bgbleu {background:#3399CC;}
.bgbrun {background:#FF9900;}
.bggrisf {background: #333333;}
.bgrose {background:#CC3399;}

.noirborder {border: 1px solid #404040;}
.blancborder {border: 1px solid #ffffff;}
.jauneborder {border: 1px solid #ffcc00;}
.rougeborder {border: 1px solid #CC0033;}
.grisborder {border: 1px solid #999999;}
.vertborder {border: 1px solid #339933;}
.bleuborder {border: 1px solid #3399CC;}
.brunborder {border: 1px solid #FF9900;}
.grisfborder {border: 1px solid #333333;}
.roseborder {border: 1px solid #CC3399;}

.mois {width:47px;float:left;font-size:90%;}
.mois a {padding:2px 4px;}
.mois a:hover {color:#fff;}

/** ----- Typo  ----- **/
body {font-size:0.9em;font-family:"Nimbus Sans L","Helvetica","Arial",sans-serif;color: #666666;}


/** ----------------------------------------------------------------------- **/
/** ----------------------------------------------------------------------- **/
/** ----------------------------------------------------------------------- **/
/** ----------------------------------------------------------------------- **/


/** ----- Liens ----- **/
a {text-decoration: none; color: #404040;}
a:hover {color: #999999;}
a.hoverdark:hover {color: #262626;}

h3.archives a {color:#cccccc;}
h3.archives a.on {color:#ffffff;}


/* * Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in { color: #900; } /* liens internes */
a.spip_out { color: ; } /* liens sortants */
a.spip_url { color: #ff3300; } /* liens url sortants */
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
.on { font-weight: bold; } /* liens exposes */


li.event {display: inline;}


/** ----------------------------------------------------------------------- **/

/** ----- Titres  ----- **/
h1, h2, h3, h4, h5 {font-weight: normal;font-size: 1em;}
h1 {font-size: 2em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}
h5 {font-size: 0.9em;}

h3.spip {margin-top: 1.2em; margin-bottom: 0.5em; font-size: 1.3em;text-transform: uppercase;color:#333333;text-align:left;}

h4.spip {margin-top: 5px;color:#333333;font-size:1.5em;font-weight:normal;text-align:center;}

#article h3.soustitre {font-size: 0.9em; }
#article h2.titre {font-size: 1.8em;background-color: #ffff00; }



.titre {text-transform: uppercase;letter-spacing:0em;}
.ps, .soustitre {font-size: 0.85em;margin-top: 20px;font-style: normal;}


/** ----------------------------------------------------------------------- **/

#rub-info {
-moz-border-radius:1px;
opacity:0.95;
margin: 0 5px;
}

#rub-info .titre {}
#rub-info h3.soustitre {font-size: 1.2em;font-style: ;margin:5px 0px 10px 0;}
#rub-info .texte, #rub-info .chapo  {font-size: 0.85em;margin-top: 20px;}

.chapo {font-size: 0.85em;}


#video-info {
-moz-border-radius:1px;
opacity:0.95;
margin: 0 5px;
/**background: url(../img/voirelavideo.jpg) no-repeat bottom;**/
font-size: 0.9em;
}




#breve-info .titre {}
#breve-info .texte, #breve-info .chapo  {font-size: 0.85em;margin-top: 20px;}
#breve-info a {color: #ffffff;font-size: 0.9em;}
#breve-info a:hover {color: #cccccc;}

/** ----- Event box ----- **/

#eventbox h3.assos {margin: 0px 0pt 0px 0;font-size: 0.8em;font-weight:bold ;background: #339933;padding: 2px 5px;letter-spacing:0em;}

#eventbox {width: 186px;float:left;margin: 0px 20px 30px 0px;}
#eventbox .bloc {margin: 0;padding: 0 0 10px 0;border-bottom: 1px solid #cccccc;}
#eventbox h4.date {font-size: 0.9em;margin-bottom: 5px;text-transform: lowercase;font-weight:bold;}
#eventbox h3 {margin: 0px 0pt 0px 0;font-size: 0.8em;font-weight:bold ;background: #333333;padding: 4px 5px 2px 5px;letter-spacing:0em;height: 35px;}
#eventbox h4.date a {color:#CC0033;}
#eventbox h3 a {color:#ffffff;}
#eventbox h3 a:hover {color:#ffffff;}




#eventbox-jaune {width: 186px;float:left;margin: 0px 20px 30px 0px;}
#eventbox-jaune .bloc {margin: 0;padding: 0 0 10px 0;border-bottom: 1px solid #cccccc;}
#eventbox-jaune h4.date {font-size: 0.9em;margin-bottom: 5px;text-transform: lowercase;font-weight:bold;}
#eventbox-jaune h3 {margin: 0px 0pt 0px 0;font-size: 0.8em;font-weight:bold ;background: #fff60f;padding: 4px 5px 2px 5px;letter-spacing:0em;height: 35px;}
#eventbox-jaune h4.date a {color:#CC0033;}
#eventbox-jaune h3 a {color:#333333;}
#eventbox-jaune h3 a:hover {color:#333333;}
#eventbox-jaune .box_img {width:186px;height:90px; background: url(../img/background.gif);}



#eventbox .bloc:hover {/**background: url(../img/background.gif);**/}

#eventbox .motsbox {padding: 0;text-transform: uppercase;}
#eventbox .box_img {width:186px;height:90px; background: url(../img/background.gif);}




#eventbox2 {width: 270px;height: 240px; float:left;margin:0pt 25px 40px 0px ;background: #ffffff;border: 1px solid #ffffff;}
#eventbox2 .bloc {padding: 0px;}
#eventbox2 h4.date {font-size: 1.2em;margin-bottom: 3px;text-transform: lowercase;font-weight:bold;}
#eventbox2 h3 {margin: 0px 0pt 5px 0;font-size: 1.4em;background: #fff60f;padding: 4px 5px 2px 5px;letter-spacing:0em;height:39px; font-weight:bold; }
#eventbox2 h4.date a {color:#CC0033;}
#eventbox2 h3 a:hover {color:#333333;}
#eventbox2 .motsbox {padding: 0;text-transform: uppercase;}
.eventboxbg {width: 270px; height:100px; background:pink;position:relative;}
div.box_img {width:270px;height:120px; background: url(../img/background.gif);}
#eventbox2:hover {border-bottom: 1px solid #fff60f;opacity:0.9;-moz-border-radius:3px;}
#eventbox2 {text-transform: uppercase;font-size: 0.8em;}



#eventbox_slider {background: #ffffff;}
#eventbox_slider .bloc {margin: 5px 0px 20px 25px;}
#eventbox_slider h4.date {font-size: 1.2em;margin-bottom: 5px;text-transform: lowercase;}
#eventbox_slider h3 {margin: -4px 0pt 3px 0;font-size: 1.2em;font-weight: bold;background: #fff60f;padding: 0 0 0 0.2em;}
#eventbox_slider h4.date a {color:#CC0033;}

.height1 {height:220px;}
.height2 {height:250px;}
.height3 {height:240px;}
.height4 {height:200px;}
.height5 {height:130px;}
.height6 {height:180px;}
.height7 {height:80px;}


h2 {margin: 0 0 10px 0;}
.motexte {margin: 0 0 10px 0;}

/** ----------------------------------------------------------------------- **/



/** ----- Atelier box ----- **/
#atelierbox {width: 520px;float:left;margin-bottom: 20px;padding-bottom: 20px; border-bottom: 1px solid #CCCCCC;}
#atelierbox .bloc {height: 200px;margin: 5px 10px 20px 10px;background:#FFFFFF /**url(http://www.spip.net/squelettes/img/bg-sous_rubriques.gif) repeat-x scroll center bottom**/;padding: 2px;}
#atelierbox h4.date {font-size: 1em;margin-bottom: 5px;text-transform: lowercase;font-weight:bold;}
#atelierbox h2 {margin: 2px 0; padding: 0;}
#atelierbox h2 a {color:#FF9900;}
#atelierbox h2 a:hover {color:#999999;}
#atelierbox p a:hover {color:#999999;}

#atelierbox h4.date a {color:#CC0033;}
#atelierbox .texte {font-size: 0.85em;text-align: justify;}

#atelierbox .portfolio {float: left;margin: 3px 15px 0 0;}
#atelierbox .atelier_info {}

/** ----------------------------------------------------------------------- **/



/** ----- Annonces box ----- **/
#annonces-box {margin-bottom: 20px;}
#annonces-box li {margin-bottom: 15px; padding-bottom: 10px;border-bottom: 1px solid #cccccc;}
#annonces-box h4.date {font-size: 0.9em;margin-bottom: 5px;text-transform: lowercase;font-weight:bold;}
#annonces-box h3 {margin: -4px 0pt 3px 0;font-size: ;font-weight: bold;background: #fff60f;padding: 0 0 0 0.2em;}
#annonces-box li a:hover {color:#999999;}

#annonces-box h4.date a {color:#CC0033;}
#annonces-box .texte {font-size: 0.85em;}

#annonces-box .portfolio {float: left;margin-right: 10px;}
#annonces-box .atelier_info {}

/** ----------------------------------------------------------------------- **/


/** ----- Etiez ----- **/
.etiez {margin-top: 4px;}
ul.etiez  {margin: 5px 0 20px 0px;border-bottom: 1px solid #cccccc;width: 440px;}
.etiez h2 {font-size: ;text-transform: uppercase;}

.etiez h3 {font-size: 0.9em;text-transform: uppercase;}
.etiez h4 {font-size: 0.85em;font-style:italic;}
.etiez li {padding: 2px 0;}

.etiez h3 a {color:#333333;}
.etiez h3 a:hover {color:#999999;}
.etiez h4 a:hover {color:#999999;}

.apropos {margin-bottom: 5px;}
.apropos h2 {font-size: ; }
.apropos h2.etie {font-size:1em ;text-transform: uppercase;}
.apropos h3.titre {font-size:0.8em ;text-transform: uppercase;margin:5px 0;}
.apropos h4 {font-size: 1.1em;font-style:italic;}

#aussi h2 {margin-top: 10px;}

/** ----------------------------------------------------------------------- **/




/** -----  ----- **/
p.compteur {color: #cccccc;font-size: 0.9em;}
select.filtre {width: 175px;font-size: 11px;}
div.resume h3 {font-size: 1em;margin-bottom: 5px;}
/** ----------------------------------------------------------------------- **/



/** ----- Page article ----- **/

#art-titre .soustitre {font-style:italic;}
#art-mots {margin-top: 10px;text-align: right;text-transform: uppercase;font-size: 0.95em;}

#agenda{ margin-bottom: 20px;}
#reservation{ margin-bottom: 20px; }
#reservation h3 {text-transform: uppercase;}

#reservation a {padding: 2px;color:#ffffff ; background:#CC0033 ;}
#reservation a:hover {padding: 2px;color:#CC0033 ; background: #ffffff;}

li.event {display: inline;}

.art-texte {text-align:justify;margin-top: 5px;font-size: 0.9em;line-height: 1.3em; }
p.spip {padding: 5px 2.5px;}

.lieu {font-size: 0.8em;margin-top: 5px;}

h4.credits  {font-size: 0.7em;text-align:right;}
.credits-desc p {
float:right;
margin:0;
}

.des-texte {color:#999999;margin-top:10px;text-align:justify;}

/** ----------------------------------------------------------------------- **/


/** ----- mf menu ----- **/
#mf_menu {-moz-border-radius:2px;
opacity:0.95;}
#mf_menu li {padding: 2px 0;}
#mf_menu li a {color:#ffffff;font-weight:bold;}
#mf_menu li a.on {color:#333333;}
#mf_menu li a:hover {color:#333333;}

/** ----------------------------------------------------------------------- **/

/** ----- newsbox ----- **/
#newsbox {
font-size:1.4em;
height:33px;
margin-left:238px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
width:530px;
}

#newsbox img.spip_logos {margin-left:0px;margin-right: 10px;}

#newsbox li a {
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
background:#ffffff none repeat scroll 0% 0%;
color:#999999;
opacity:0.9;
padding:0pt 0.3em;
text-transform:none;
}

#newsbox li a:hover {
background: #999999;
color: #ffffff;
}

/** ----------------------------------------------------------------------- **/


/*  ------------------------------------------
  Habillage des formulaires
  ------------------------------------------ */

.formulaire_spip { text-align: left; font-size: 0.77em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }


.formulaire-spiplistes-abo { text-align: left; font-size: 0.77em; }
.formulaire-spiplistes-abo p { margin: 0.5em 0; padding: 0; }


.formulaire-spiplistes-abo fieldset {width:;border: 0;}
.formulaire-spiplistes-abo fieldset {}
.formulaire-spiplistes-abo legend {font-size: 16px;font-weight:none; color:#666;text-transform:uppercase;*padding-left:0px;}
form.formulaire-spiplistes-abo {padding: 1em;}

input#mail_inscription_.forml {width: 100px;border:1px solid #ccc;}

.formulaire_spip label {}

.spip_bouton input {
/**background:#FFFF00 none repeat scroll 0% 0%;
border:1px solid #FFFF00;
color:#333333;**/
float:left;
margin-bottom: 20px;
}


.formulaire-spiplistes-abo {font-family: inherit; font-size: inherit;border:1px solid #ccc; }
.formulaire_spip .forml {font-family: inherit; font-size: inherit; }
/** ----------------------------------------------------------------------- **/