/* Habillage */

/* Couleurs :
texte : #333333
page : #F8F8F8
fond : #EEEEEE
lien : #000000
survol : #333333
*/

/* bug Mozilla */
html { 
   min-width: 770px;
}
img   {
   border: 0;
}

/* Body */
body {
   margin: 0 auto;
   padding: 0;
   border: 0;
   background: #F8F8F8;
   color: #333;
   font-size: 11px;
   line-height: 1.4em;
   font-family: "Trebuchet MS", Verdana;
   text-align: center;
}


/* liens */
a,a:link,a:visited {
   color: #330066;
   text-decoration: none;
}
a:hover {
   color: #000;
   text-decoration: none;
   background-color: #FFFF99;
}

/* Localisation */
h1 {
   font-size: 10px;
   padding-bottom: 20px;
   margin-left: 7px;
}

#hierarchie {
   font-size: 10px;
   padding-bottom: 20px;
   margin-left: 7px;
}
#hierarchie-20 {
   width: 500px;
   font-size: 10px;
   padding-bottom: 20px;
   margin-left: 7px;
}

/* Titres actu */
h2 {
   font-style: italic;
   font-size: 1.4em;
}
h3 {
   color: #999;
   font-style: italic;
   font-size: 1.3em;
}

h4 {
   font-size: 1.2em;
}
h5 {
   font-size: 1.1em;
}
h6 {
   font-size: 1em;
}

/* Texte */

p {
   font-family: Verdana, "Trebuchet MS";   
   text-align: justify;
   padding-top: 3px;
   padding-bottom: 3px;
}   

/* 
Mise en page
*/

/* Principal */
#principal {
   width: 770px;
   margin: 0 auto;
   padding: 0;
   background: url(../interface/Background770.gif) repeat-y top left;
   text-align: left;
}

/* Entete */

#entete {
	position: relative;
	width: 770px;
	height: 146px;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url(../interface/header2009.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#menuhaut {
	padding-top: 75px;
	padding-left: 98px;
	position: relative;
	float: left;
	height: 20px;
	width: 410px;
	border: 0;
	color: #000;
	list-style: none;
}

	
#menudroite {
	padding-top: 10px;
	padding-right: 20px;
	position: relative;
	border: 0;
	float: right;
	width: 220px;
}
.aussi {
	list-style: none;
	font-size: 9px;
	font-family: "Trebuchet MS", Verdana;
   	color: black;
   	text-align: right;
}
.aussi a:link {
	list-style: none;
	font-size: 11px;
   	line-height: 1.4em;
   	font-family: "Trebuchet MS", Verdana;
   	color: yellow;
   	 text-align: right;
}
.aussi a:visited {
	list-style: none;
	font-size: 11px;
   	line-height: 1.4em;
   	font-family: "Trebuchet MS", Verdana;
   	color: yellow;
   	text-align: right;
}
.aussi a:hover {
	list-style: none;
	font-size: 11px;
   	line-height: 1.4em;
   	font-family: "Trebuchet MS", Verdana;
   	color: black;
   	text-align: right;
}ul {
	list-style: none;
}
li {
	list-style: none;
}

.menuhaut {
	list-style: none;
	margin-right: 1px;
	margin-left: 1px;
	font-size: 11px;
   	line-height: 1.2em;
   	font-family: "Trebuchet MS", Verdana;
   	color: #FFF;
   	float: left;
   	position: relative;
   	
}
.menuhaut a:link {
	margin-right: 1px;
	margin-left: 1px;
	list-style: none;
	font-size: 11px;
   	line-height: 1.2em;
   	font-family: "Trebuchet MS", Verdana;
   	color: #FFF;
   	float: left;
   	position: relative;
}
.menuhaut a:visited {
	margin-right: 1px;
	margin-left: 1px;
	list-style: none;
	font-size: 11px;
   	line-height: 1.2em;
   	font-family: "Trebuchet MS", Verdana;
   	color: #FFF;
   	float: left;
   	position: relative;
}
.menuhaut a:hover {
	margin-right: 1px;
	margin-left: 1px;
	list-style: none;
	font-size: 11px;
   	line-height: 1.2em;
   	font-family: "Trebuchet MS", Verdana;
   	color: #487fb3;
   	background-color: #FFF;
   	float: left;
   	position: relative;
}

/* Recherche */
.formulaire_recherche {float: right; padding-top: 30px; padding-right: 50px; font-size: 11px;}
.formulaire_recherche label { display: none; }

.resultat{
   background-position: 0px;
   background-repeat: no-repeat;
   background-image: url(../interface/loupe.jpg);
   background-color: f8f8f8;
   padding-left: 10px;
   color: #330066;
   font-weight: bold;   
   padding-top: 3px;
   text-align: justify;
}

#resultat a:link{
   background-position: 0px;
   background-color: f8f8f8;
   padding-left: 10px;
   color: #330066;
   font-weight: bold;   
   padding-top: 3px;
   text-align: justify;
}

#resultat a:visited{
   background-position: 0px;
   background-color: f8f8f8;
   padding-left: 10px;
   color: #330066;
   font-weight: bold;   
   padding-top: 3px;
   text-align: justify;
}

#resultat a:hover{
   background-position: 0px;
   background-color: f8f8f8;
   padding-left: 10px;
   color: #6666cc;
   font-weight: bold;   
   padding-top: 3px;
   text-align: justify;
}
	
/* Navigation */

#navigation {
   padding-top: 108px;
   padding-left: 19px;
   font-size: 12px;
   font-weight: normal;
    line-height: 1.1em;
}

/* Menu */

#menu {
   margin: 0;
   padding-top: 34px;
}

.accueil {
   width: 103px;
   padding-bottom: 0px;
   margin-left: 2px;
   text-align: center;
   background: url(../interface/bullebg_a.gif);
   background-color: #F8F8F8;
}

.accueil2 {
   width: 103px;
   line-height: 2px;
   margin-left: 2px;
   text-align: center;
   background: url(../interface/bullebg_a.gif);
   background-color: #F8F8F8;
}

.ateliers {
   width: 103px;
   padding-bottom: 0px;
   margin-left: 88px;
   text-align: center;
   background: url(../interface/bullebg_a.gif);
   background-color: #F8F8F8;
}

.ateliers2 {
   width: 103px;
   line-height: 2px;
   margin-left: 88px;
   text-align: center;
   background: url(../interface/bullebg_a.gif);
   background-color: #F8F8F8;
}

.ped {
   width: 135px;
   padding-bottom: 0px;
   margin-left: 186px;
   text-align: center;
   background: url(../interface/bullebg_c.gif);
   background-color: #F8F8F8;
}

.ped2 {
   width: 135px;
   line-height: 2px;
   margin-left: 186px;
   text-align: center;
   background: url(../interface/bullebg_c.gif);
   background-color: #F8F8F8;
}
.art {
   width: 135px;
   padding-bottom: 0px;
   margin-left: 253px;
   text-align: center;
   background: url(../interface/bullebg_c.gif);
   background-color: #F8F8F8;
}
.art2 {
   width: 135px;
   line-height: 2px;
   margin-left: 253px;
   text-align: center;
   background: url(../interface/bullebg_c.gif);
   background-color: #F8F8F8;

}
.cinema {
   width: 135px;
   padding-bottom: 0px;
   margin-left: 320px;
   text-align: center;
   background: url(../interface/bullebg_c.gif);
   background-color: #F8F8F8;

}

.cinema2 {
   width: 135px;
   line-height: 2px;
   margin-left: 320px;
   text-align: center;
   background: url(../interface/bullebg_c.gif);
   background-color: #F8F8F8;
}

.rencontres {
   width: 135px;
   padding-bottom: 0px;
   margin-left: 380px;
   text-align: center;
   background: url(../interface/bullebg_c.gif);
   background-color: #F8F8F8;
}

.rencontres2 {
   width: 135px;
   line-height: 2px;
   margin-left: 380px;
   text-align: center;
   background: url(../interface/bullebg_c.gif);
   background-color: #F8F8F8;
}

.musical {
   width: 116px;
   padding-bottom: 0px;
   margin-left: 454px;
   text-align: center;
   background: url(../interface/bullebg_m.gif);
   background-color: #F8F8F8;
}

.musical2 {
   width: 116px;
   line-height: 2px;
   margin-left: 454px;
   text-align: center;
   background: url(../interface/bullebg_m.gif);
   background-color: #F8F8F8;
}
.even {
   width: 116px;
   margin-left: 538px;
   padding-bottom: 0px;
   text-align: center;
   background: url(../interface/bullebg_m.gif);
   background-color: #F8F8F8;
}
.even2 {
   width: 116px;
   padding-bottom: 0px;
   margin-left: 538px;
   line-height: 2px;
   text-align: center;
   background: url(../interface/bullebg_m.gif);
   background-color: #F8F8F8;
}
.ecm {
   width: 126px;
   padding-bottom: 0px;
   margin-left: 608px;
   text-align: center;
   background: url(../interface/bullebg_ec.gif);
   background-color: #F8F8F8;   
}

.ecm2 {
   width: 126px;
   line-height: 2px;
   margin-left: 608px;
   text-align: center;
   background: url(../interface/bullebg_ec.gif);
   background-color: #F8F8F8;   
}

/* Contenu */

#contenu {
   min-height: 3em;
   margin: 8px;
   padding: 0;
   padding-bottom: 8px;
   border: 0;
   text-align: left;
}


/* col*/
#col {
   background: transparent;
   margin: 10px;
   padding: 0;   
   border: 0;                  
}

/* col_gauche */
#col_gauche {
   float: left;
   width: 511px;
   margin: 0;
   padding-left: 14px;
   padding-right: 14px;                           
}

#pagination {font-size: 12px; }

/* col_droite */
#col_droite {
   background: transparent;
   float: left;
   width: 182px;
   height: auto;
   margin-left: 14px;
   margin-right: 14px;
   padding: 0;                     
}
  
/* col_insert */
#col_insert {
   background: #F8F8F8;
   float: right;
   width: 140px;
   height: auto;
   margin: 0;
   padding-left: 14px;                     
}

#col_insert_actu {
   background: #F8F8F8;
   float: right;
   width: 108px;
   height: 100px;
   margin: 0;
   padding-left: 14px;                     
}

/* actu */
.actu {
   height: 105px;
}

#logo_auteur {
   background: #F8F8F8;
   float: right;
   width: 108px;
   height: 100px;
   margin: 0;
   margin-top: -5px;
   padding-top: 0px;
   padding-bottom: 5px;
   padding-left: 14px;
   padding-right: 5px;                     
}
.auteur {
	float: left;
	width: 515px;
}
.bio {
   font-family: Verdana, "Trebuchet MS";   
   text-align: left;
   padding-top: 3px;
   padding-bottom: 3px;
} 

/* articles */

.titre {
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	background-image: url(../interface/titre.gif);
	padding-bottom: 2px;
}

.date {
   color: #9D004E;
   font-style: italic;
   font-size: 12px;
   padding-top: 2px;
}
.vernissage {
   color: #5B4BA4;
   font-style: italic;
   font-size: 11px;
   padding-top: 1px;
}
.chapo {
   color: #330066;
   font-weight: bold;   
   padding-top: 20px;
   padding-bottom: 10px;
   text-align: justify;
}
 
.ps {
   padding-top: 10px;	
   padding-bottom: 20px;
   color: #5B4BA4; 
   font-size: 10px;
   text-align: justify;
}
.notes {
   font-family: "Trebuchet MS", Verdana;
   padding-top: 5px;
   color: #3399ff; 
   font-size: 10px;
   text-align: justify;
}

.flash {
   align: center;
   text-align: center;
}
.lien {
   font-size: 11px;
   color: #FFF;
   font-weight: bold;   
}

.inter_titre {
   margin-top: 30px;
   margin-bottom: 2px;
   padding-top: 10px;
   padding-left: 22px;
   font-size: 12px;
   font-family: "Trebuchet MS", Verdana;
   background-image: url(../interface/guillemet.jpg);
   background-position: top left;
   background-repeat: no-repeat;
   color: #330066;
   font-weight: bold;   
}

.texte {
   font-family: Verdana, "Trebuchet MS";   
   text-align: justify;
   padding-top: 3px;
   padding-bottom: 3px;
} 
.p {
   font-family: Verdana;   
   text-align: justify;
   font-size: 10px;
   color: #427BA6;
}

#barre_option {
	clear: both;
	margin-top: 30px;
	margin-bottom: 5px;
}

/* forum */

#forumbreve {
	float: right;
	width: 450px;
	margin-top: 5px;
}

.forumtitre {
	font-size: 12px;
	color: #3399FF;
	background-color: #E3FFFF;
	margin-top: 10px;
	border-bottom-width: thin;
    border-bottom-style: dotted;
    border-bottom-color: #3399FF;
}
.forummail {
   color: #9D004E;
   font-style: italic;
   font-size: 11px;
   padding-top: 2px;
}
.forumchapo {
	color: #330066;
	font-weight: bold;
	padding-top: 12px;
	text-align: justify;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #33FFFF;
	margin-bottom: 10px;
}
.forumlien {
   padding-top: 30px;
   padding-bottom: 5px;
   font-size: 10px;
   color: #FFF;  
}
.forumlien a:link {
   text-decoration: none;
   color: #000;
}
.forumlien a:visited {
   text-decoration: none;
   color: #000;
}
.forumlien a:hover {
   text-decoration: none;
   color: #000;
   background-color: #427BA6;
}

.option {
   height: 25px;
}

/* vie */
#vie {
	float: left;
	background-image: url(../interface/vie.jpg);
	background-repeat: no-repeat;
	height: 130px;
	width: 514px;
	margin-top: 30px;
}	
.infotitre{
	font-size: 14px;
	margin-left: 14px;
	margin-right: 10px;
	margin-top: 13px;
}
.action{
	font-size: 12px;
	margin-left: 14px;
	margin-right: 10px;
	margin-top: 5px;
}	
.regards {
   margin-left: 7px;
   margin-top: 5px;
   font-size: 11px;
   text-align: justify;
   font-weight: bold; 
   color: #FFFFFF;
}
.regards a:link {
   margin-left: 7px;
   margin-top: 5px;
   text-decoration: none;
   color: #666;
   background-color: #CCCCFF;
}
.regards a:visited {
   margin-left: 7px;
   margin-top: 5px;
   text-decoration: none;
   color: #666;
   background-color: #CCCCFF;
}
.regards a:hover {
   margin-left: 7px;
   margin-top: 5px;
   text-decoration: none;
   color: #FFFFFF;
   background-color: #427BA6;
}	

/* programmation */
.venir {
	font-size: 11px;
	font-weight: bold; 
	color: #FFFFFF;
}

.evenement {
   font-size: 11px;
   color: #FFFFFF;
}
.evenement a:link {
   text-decoration: none;
   color: #000;
   background-color: #FDFC80;
}
.evenement a:visited {
   text-decoration: none;
   color: #000;
   background-color: #FDFC80;
}
.evenement a:hover {
   text-decoration: none;
   color: #FFFFFF;
   background-color: #427BA6;
}
.duree {
	margin-bottom: 10px;
	font-family: "Trebuchet MS", Verdana;
	font-size: 9px;
    line-height: 10px;
	color: #fff;
}
.archive {
   margin-top: 5px;
   margin-bottom: 0px;
   font-size: 11px;
   color: #FFF;
}
.archive a:link {
   text-decoration: none;
   color: #000;
   background-color: #ffa9ad;
}
.archive a:visited {
   text-decoration: none;
   color: #000;
   background-color: #ffa9ad;
}
.archive a:hover {
   text-decoration: none;
   color: #FFFFFF;
   background-color: #427BA6;
}   
.type {
   padding: 0;
   font-size: 11px;
   text-align: left;
   font-weight: normal; 
   color: #FFFFFF;
}
.type a:link {
   text-decoration: none;
   color: #FDFC80;
   background-color: #5B4BA4;
}
.type a:visited {
   text-decoration: none;
   color: #FDFC80;
   background-color: #5B4BA4;
}
.type a:hover {
   text-decoration: none;
   color: #FFFFFF;
   background-color: #427BA6;
}
#cube {
	margin-right: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
   	padding-top: 5px;
	background-position: 3px;
	background-image: url(../interface/cube.jpg);
	background-repeat: repeat-x;
	height: 10px;
	text-align: center;
}
.interval {
   background: url(../interface/interval_b.jpg) no-repeat center;
   padding-bottom: 5px;
   padding-top: 5px;
   height: 25px;
   text-align: center;
}
.intervalinfo2 {
	background: url(../interface/interval.jpg) no-repeat center;
    padding-bottom: 5px;
    padding-top: 5px;
    height: 25px;
    text-align: center;
    }  
.tout {
	padding-bottom: 20px;
    margin-bottom: 5px;
	color: #FFF;
	font-size: 10px;
	text-align: justify;
}
  
.tout a:link {
   text-decoration: none;
   color: #FFF;
}

.tout a:visited {
   text-decoration: none;
   color: #FFF;
}

.tout a:hover {
   text-decoration: none;
   color: #000;
   background-color: #FFFFFF;
} 

.audio {
  padding-bottom: 4px;
  padding-top: 10px;
  text-align: center;
  float: right;
}
.audio a:link {
   color: transparent;
   background-color: transparent;
}
.audio a:hover {
   color: transparent;
   background-color: transparent;
}
.audio a:visited {
   color: transparent;
   background-color: transparent;
}
.intervaldroite {
	height: 5px;
	padding-bottom: 5px;
  	padding-top: 5px;
  	margin-bottom: 10px;
  	margin-top: 10px;
	text-align: center;
}
.conf {
	padding-top: 2px;
	height: 45px;
	color: transparent;
    background-color: transparent;
    float: right;
}
.conf a:link {
	padding-top: 2px;
	height: 45px;
    color: transparent;
    background-color: transparent;
    float: right;
}
.conf a:hover {
	padding-top: 2px;
	height: 45px;
   color: transparent;
   background-color: transparent;
   float: right;
}
.conf a:visited {
	padding-top: 2px;
	height: 45px;
   color: transparent;
   background-color: transparent;
   float: right;
}

/* plan */

.plan {
	margin: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	text-align: left;
	background-image: url(../interface/titre.gif);
}
.plan a:link {
   text-decoration: none;
   color: #000;

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

}
.plan a:hover {
   text-decoration: none;
   color: #330066;

}
.plan_titre {
	margin: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
    background-color: #99FFFF;
}
.plan_titre a:link {
   text-decoration: none;
   color: #330066;
}
.plan_titre a:visited {
   text-decoration: none;
   color: #330066;
}
.plan_titre a:hover {
   text-decoration: none;
   color: #333;
}
.plan_article {
   color: #333;
   font-size: 11px;   
   text-align: left;
}
.plan_article a:link {
   text-decoration: none;
   color: #333;
}
.plan_article a:visited {
   text-decoration: none;
   color: #333;
}
.plan_article a:hover {
   text-decoration: none;
   color: #330066;
}

/* Semelle */
#semelle {
   background: url(../interface/Footer770.jpg) no-repeat left top;
   margin: 0;
   padding-top: 2;
   border: 0;
   font-size: 11px;
   text-align: center;
}
#semelle a:link {
   text-decoration: none;
   font-size: 11px;
   color: #7987A8;
}
#semelle a:visited {
   text-decoration: none;
   font-size: 11px;
   color: #7987A8;
}
#semelle a:hover {
   text-decoration: none;
   font-size: 11px;
   color: #333;
}

 
/*
Classes
*/

/* Float */
.float {
   float: left;
  margin: 10px;
}

/* logo */
.logo {
   margin: 1em 0 0 0;   
   padding: 0;
   border: 0;
}

/* Espaceur */
.spacer {
  line-height: 0.1em;
   clear: both;
}

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.9em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.9em; margin-left: auto; margin-right: auto; }

/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	width: 500px;
	margin-top: 15px;
	padding-top: 2px;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 15px;
	border-top: 1px solid #5B4BA4;}
	 
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.9em; font-weight: bold; }

#document_actif { margin-top: 1em; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.9em; font-weight: bold; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}