/* STRUCTURE COMMUNE DES PAGES 
-------------------------------------------------------------------------------------------*/
#ClickArea {
	position: absolute;
	top: 80px;
	left: 690px;
	width: 72px;
	height: 72px;
 	display: block;
}

#ClickArea a {
	display: block;
	width: 100%;
	height: 100%;
}


#header {
	display: none;
	}
#wrapper { 
 	width: 960px; 
	margin: 0; 
	}
#top {
	width: 960px;
	height: 252px;
	margin: 0;
	padding: 0;
	background: url(/images/fond-top.gif) no-repeat;
	}
#print {
	display: none;
	}
#wrapper2 {
	width: 960px; 
	margin-right: -240px; 
	background: url(/images/fond-content.gif) repeat-y;	
	padding: 0 0 20px 0;
	}
#right {
	float: right;
	width: 240px;
	}
#container {
	margin: 0 240px 0 0;
	padding: 0;
        }
#container.long {
        height: 850px;
	}
#content { 
	background: url(/images/fond-content2.gif) repeat-y; 
	margin: 0 220px 0 0; 
	padding: 5px 0;
	}
#contextual {
	width: 220px;
	float: right;
	}
#bottom { 
	height: 30px; 
	clear: both; 
	}

	
/* GESTION DES BANDEAUX SELON LA RUBRIQUE
-------------------------------------------------------------------------------------------*/

body.ass #top {
	background: url(/images/top-ass.gif) no-repeat;
	}
body.reg #top {
	background: url(/images/top-reg.gif) no-repeat;
	}
body.lib #top {
	background: url(/images/top-lib.gif) no-repeat;
	}
body.ter #top {
	background: url(/images/top-ter.gif) no-repeat;
	}
body.cul #top {
	background: url(/images/top-cul.gif) no-repeat;
	}
body.tra #top {
	background: url(/images/top-tra.gif) no-repeat;
	}
body.jou #top {
	background: url(/images/top-jou.gif) no-repeat;
	}
body.gal #top {
	background: url(/images/top-gal.gif) no-repeat;
	}
body.ali #top {
	background: url(/images/top-ali.gif) no-repeat;
	}
body.par #top {
	background: url(/images/top-par.gif) no-repeat;
	}
body.act #top {
	background: url(/images/top-act.gif) no-repeat;
	}
body.rss #top {
	background: url(/images/top-rss.gif) no-repeat;
	}
body.plan #top {
	background: url(/images/top-plan.gif) no-repeat;
	}
body.credits #top {
	background: url(/images/top-credits.gif) no-repeat;
	}
body.tags #top {
	background: url(/images/top-tags.gif) no-repeat;
	}
body.recherche #top {
	background: url(/images/top-recherche.gif) no-repeat;
	}
	
	
/* NAVIGATION PRINCIPALE 
-------------------------------------------------------------------------------------------*/

/* Mini-navigation Association" */

#navA {
	width: 230px;
	height: 252px;
	float: left;
	margin: 0;
	}
#navA ul {
	padding: 0px 0 0 80px;
	}
#navA ul li {
	list-style-type: disc;
	list-style-position: outside;
	font-size: .84em;
	font-weight: bold;
	line-height: 1em;
	padding: 3px 0;
	color: #fff;
	}
#navA ul li a {
	text-decoration: none;
	color: #fff;
	}
#navA ul li a:hover {
	color: #000;
	}
body.ass #navA ul {
	display: none;
	}
	
/* Navigation thématiques" */

#navB {
	width: 600px;
	height: 252px;
	float: left;
	margin: 0 0 0 50px;
	}
#navB h1.theme {
        font-size: 25px;
        margin: 10px 0 10px 0;
}
#navB h1.theme span {
        vertical-align: super;
        text-decoration: underline;
}
#navB h1.theme img {
  text-decoration: none;
}
#navB ul {
	padding: 55px 0 0 25px;
	}
body.reg #navB, body.lib #navB, body.ter #navB, body.cul #navB, body.tra #navB, body.jou #navB, body.gal #navB,
body.ali #navB, body.par #navB, body.act #navB, body.rss #navB, body.plan #navB, body.credits #navB, body.tags #navB, body.recherche #navB {
	padding: 30px 0 0 0;
	}

body.ass #navB ul{
        margin-top: -15px;
}

#navB ul li {
	font-size: 1em;
	font-weight: bold;
	line-height: 0em;
	padding: 2px 0;
	}
#navB ul li a {
	text-decoration: none;
	color: #000;
        vertical-align: super;
	}

#navB ul li#re { 
	/*background: transparent url(/images/pic-reg-nav.gif) no-repeat;*/
        padding-left: 5px; 
  }

#navB ul li#li {
	/*background: transparent url(/images/pic-lib-nav.gif) no-repeat; */
	padding-left: 5px; 
  }
#navB ul li#cu{
/*	background: transparent url(/images/pic-cul-nav.gif) no-repeat; */
	padding-left: 5px; 
  }
#navB ul li#te {
/*	background: transparent url(/images/pic-ter-nav.gif) no-repeat; */
  padding-left: 5px; 	
  }
#navB ul li#tr {
/*	background: transparent url(/images/pic-tra-nav.gif) no-repeat; */
  padding-left: 5px;	        
  }
	
body.reg #navB ul li#re,
body.reg #navB ul li#li,
body.reg #navB ul li#cu,
body.reg #navB ul li#te,
body.reg #navB ul li#tr,
body.lib #navB ul li#re,
body.lib #navB ul li#li,
body.lib #navB ul li#cu,
body.lib #navB ul li#te,
body.lib #navB ul li#tr,
body.cul #navB ul li#re,
body.cul #navB ul li#li,
body.cul #navB ul li#cu,
body.cul #navB ul li#te,
body.cul #navB ul li#tr,
body.ter #navB ul li#re,
body.ter #navB ul li#li,
body.ter #navB ul li#cu,
body.ter #navB ul li#te,
body.ter #navB ul li#tr,
body.tra #navB ul li#re,
body.tra #navB ul li#li,
body.tra #navB ul li#cu,
body.tra #navB ul li#te,
body.tra #navB ul li#tr {
	background: none;
	}
	
#navB ul li#re a:hover {
	color: #f09;
	}
#navB ul li#li a:hover {
	color: #3c0;
	}
#navB ul li#te a:hover {
	color: #09f;
	}
#navB ul li#cu a:hover {
	color: #f60;
	}
#navB ul li#tr a:hover {
	color: #8f00c2;
	}
	
	
body.reg #navB ul li#re {
	display: none;
	}
body.lib #navB ul li#li {
	display: none;
	}
body.ter #navB ul li#te {
	display: none;
	}
body.cul #navB ul li#cu {
	display: none;
	}
body.tra #navB ul li#tr {
	display: none;
	}
	
/* STYLES DE LA PARTIE CONTENT
-------------------------------------------------------------------------------------------*/	

/* Gestion des couleurs par rubriques (titres)  */

body.reg h1, 
body.reg h2, 
body.reg h3, 
body.reg h4, 
body.reg p.stitre,
body.reg .coul {
	color: #f09;
	}
body.lib h1, 
body.lib h2, 
body.lib h3, 
body.lib h4, 
body.lib p.stitre,
body.lib .coul {
	color: #3c0;
	}
body.ter h1, 
body.ter h2, 
body.ter h3, 
body.ter h4, 
body.ter p.stitre,
body.ter .coul {
	color: #09f;
	}
body.cul h1, 
body.cul h2, 
body.cul h3, 
body.cul h4, 
body.cul p.stitre,
body.cul .coul {
	color: #f60;
	}
body.tra h1, 
body.tra h2, 
body.tra h3, 
body.tra h4, 
body.tra p.stitre,
body.tra .coul {
	color: #8f00c2;
	}
body.ass h1, 
body.jou h1, 
body.gal h1,
body.ali h1,
body.par h1,
body.act h1,
body.ass h2,
body.jou h2,
body.gal h2,
body.ali h2,
body.par h2,
body.act h2,
body.ass h3,
body.jou h3,
body.gal h3,
body.ali h3,
body.par h3,
body.ass h4, 
body.jou h4, 
body.gal h4,
body.ali h4,
body.par h4,
body.ass .coul,
body.jou .coul,
body.gal .coul,
body.ali .coul,
body.par .coul {
	color: #f00;
	}
	
#content p.stitre {
	font-size: .84em;
	font-weight: bold;
	}
	
#content h2.decal {
	text-indent: -10px;
	font-size: 1.17em;
	}
#content h1.decal, #content p.decal {
	text-indent: -10px;
	}
#content h3 {
	padding: 20px 0 10px;
	}

/* Pages des listes de projets */

#content.liste h1 {
	margin-bottom: 12px
	}
#content.liste p {
	margin-bottom: 0;
	}
#content.liste p.titproj {
	font-weight: bold;
	}
#content.liste p.lien {
	font-size: .84em;
	margin-bottom: 12px;
	}
#content.liste .detail {
	font-size: .84em;
	}
	
body.ass #content p.chapo {
	font-weight: bold;
	color: #f00;
	}

.date {
	font-weight: normal;
	}
	
/* Pages de liste (espace participatif) */

body.liste #wrapper2 {
	background: url(/images/fond-content-quadrille.gif) repeat-y;	
	}
body.liste #content {
	background: none;
	margin: 0 20px 0 0; 
	}
body.liste2 #content {
	padding-top: 15px;
	background: none;
	margin: 0 220px 0 0; 
	}
div.item-liste {
	padding-bottom: 10px;
	}
div.item-liste img {
	float: left;
	padding: 3px 10px 5px 0;
	width: 177px;
	}
body.liste2 div.item-liste h2 {
	margin-top: 0;
	}
div.item-liste p a {
	font-weight: bold;
	font-size: .84em;
	}
	
body.act #content p.detail-act {
	font-weight: bold;
	font-size: .92em;
	}
	
	
/* Liens de la partie Content */

#content p a, #content ul li a {
	text-decoration: none;
	}
#content p a:hover, #content ul li a:hover {
	color: #000;
	}
#content p a {
	color: #903;
	}
#content p.lien-suite {
	font-size: .84em;
	line-height: 1.2em;
	}
	
#content p.lien-liste {
	font-size: .84em;
	line-height: 1.2em;
	padding-top: 3px;
	font-weight: bold;
	}
#content p.lien-liste a {
	color: #000;
	}
#content p.lien-liste a:hover {
	color: #903;
	}
#content p.lien-bas {
	font-size: .84em;
	line-height: 2em;
	margin-top: 15px;
	}
#content p a.lieninverse {
	color: #000;
}
#content p a.lieninverse:hover {
	color: #990033;
}
body.act #content p.lien-liste {
	margin-bottom: 15px;
	}	
	
#content ul li a {
	 line-height: 2em;
	}
#content li a.niv0 {
	font-size: .84em;
	}
#content li a.niv1 {
	font-size: .92em;
	}
#content li a.niv2 {
	font-size: 1em;
	}
#content li a.niv3 {
	font-size: 1.25em;
	}
#content li a.niv4 {
	font-size: 1.5em;
	}

.hTagcloud .popularity          { margin:0; padding:0; } 
.hTagcloud .popularity li       { display:inline; text-decoration:none; } 
	
/* Images */

#content h1 img.pic, #content h2 img.pic, #content p img.pic {
	position: relative;
	top: 6px;
	padding-right: 5px;
	}
#content img.float {
	float: left;
	padding: 3px 12px 0 73px;
	}
#content p img.float {
	float: left;
	padding: 3px 12px 0 0;
	}
/* Blogs */

div.entete-blog {
	background: url(/images/fond-blog1.gif) no-repeat;
	padding: 5px 0;
	margin-bottom: 10px;
	}
#content p.entete-blog {
	font-size: .84em;
	margin-bottom: 3px;
	}
#content p.entete-blog a {
	font-weight: bold;
	color: #000;
	}
#content p.entete-blog a:hover {
	color: #903;
	}
#content p.detail-blog {
	font-size: .84em;
	font-weight: bold;
	margin-bottom: 10px;
	}
#content p.lien-blog  {
	margin-left: 73px;
	padding-left: 7px;
	margin-right: 25px;
	padding-right: 5px;
	background: url(/images/fond-blog3.gif) no-repeat left bottom;
	padding-bottom: 30px;
	}
#content p.lien-blog a {
	font-weight: bold;
	font-size: .84em;
	}
#content p img.blog {
	width: 386px;
	}
	
#content h3.comment {
	background: url(/images/fond-blog1.gif) no-repeat -73px 0;
	margin: 20px 25px 5px 73px;
	padding: 9px 5px 9px 5px;
	}
div.commentaire {
	background: url(/images/fond-blog2.gif) no-repeat left bottom;
	padding-top: 5px;
	padding-bottom: 25px;
	}
#content p.lien-comment {
	padding-top: 7px;
	}
#content p.lien-comment a {
	font-weight: bold;
	font-size: .84em;
	}
	
/* Formulaires */

#content textarea, #content .textarea { 
	font-family: Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	word-spacing: 1px;
	color: #000; 
	font-size: 12px; 
	font-weight: normal;
	background-color: #cf0;
	border: 0;
	padding: 1px;
	}
#content .buttoncolor { 
	font-size: 10px;
	padding: 1px;
	font-weight: bold;
	color: #000;
	background-color: #cf0;
	border: 0;
	text-transform: uppercase;
	}
	
/* Videos */


div.frame {
	margin-left: 73px;
	margin-bottom: 10px;
	font-size: .84em;
	}
div.frame a {
	text-decoration: none;
	color: #903;
	}
	
/* Plan du site */

#content ul {
	margin: 0 30px 10px 80px;
	}
#content ul li { 
	list-style-type: disc;
	list-style-position: inside; 
	padding: 3px 0;
	line-height: 1.3em;
	}
#content ul li.rubrique { 
	font-weight: bold;
	color: #f00; 
	border-top: 1px dotted #f00;
	padding-top: 9px;
	}
#content ul li.rubrique ul li { 
	font-weight: normal;
	background: none; 
	text-indent: 0;
	border-top: 0;
	padding-top: 3px;
	}
#content ul.liste li ul.smenu {
	margin-right: 10px;
	margin-left: 20px;
	margin-bottom: 0;
	}
#content ul.liste li a {
	color: #000;
	}
#content ul.smenu li {
	list-style-type: square;
	color: #f00;
	}
#content ul.liste li a:hover {
	color: #903;
	text-decoration: none;
	}

	
	
/* STYLES DE LA ZONE CONTEXTUELLE 
-------------------------------------------------------------------------------------------*/

/*Navigation secondaire */

#nav2 {
	background: url(/images/fond-nav2.gif);
	padding: 5px 3px;
	margin-bottom: 5px;
	}

#nav2 ul {
	padding: 0;
	margin: 0;
	}
#nav2 ul li {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.3em;
	padding: 5px 0;
	}
#nav2 ul li a {
	text-decoration: none;
	color: #000;
	}

#nav2 ul li.current ul li a {
	color: #000;
	}
#nav2 ul li.current a, 
#nav2 ul li ul li a.active, 
#nav2 ul li a:hover,
#nav2 ul li ul li a:hover {
	color: #903;
	}

#nav2 ul li ul {
	padding: 0;
	margin: 5px 0 0 10px;
	}
#nav2 ul li ul li {
	font-size: .84em;
	}
	
#nav2 ul li#chrono,
#nav2 ul li#equipe {
	padding-top: 18px;
	}
	
/* Paragraphes */

#contextual p {
	margin: 0 0 6px 3px;
	font-size: .84em;
	font-weight: bold;
	}
#contextual .item {
	font-weight: normal;
	}

/* Images  */

#contextual img {
	padding: 0 0 4px 0;
	}
#contextual img.bloc {
	padding: 12px 0 4px 0;
	}
#contextual img.particip {
	padding: 12px 0 4px 0;
	}
	
	
/* Liens */	

#contextual p a,
#contextual a {
	text-decoration: none;
	color: #000;
	}
#contextual p a.lien,
#contextual a.lien {
	font-weight: normal;
        font-size: .92em;
	}
#contextual p a:hover, 
#contextual li a:hover, 
#contextual p a.lien {
	color: #903;
	}
#contextual p a.lien:hover,
#contextual a.lien:hover{
	color: #000;
	}
#contextual li a.niv0 {
	font-size: 8px;
	}
#contextual li a.niv1 {
	font-size: 9px;
	}
#contextual li a.niv2 {
	font-size: 10px;
	}
#contextual li a.niv3 {
	font-size: 12px;
	}
#contextual li a.niv4 {
	font-size: 14px;
	}
	
#contextual p.lancer {
	margin-top: 25px;
	}
#contextual p.lancer a {
	color: #903;
	font-weight: bold;
	font-size: 1em;
	}
#contextual p.lancer a:hover {
	color: #000;
	}
#contextual a.superlien {
        color: #903;
}
#contextual a.superlien:hover {
        color: #000;
}
	
/* STYLES DE LA COLONNE DE DROITE
-------------------------------------------------------------------------------------------*/

/* Navigation  */

#navC {
	margin: 5px 10px 10px 43px;
	}
#navC ul {
	padding: 0;
	margin: 0;
	}
#navC ul li {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.3em;
	padding: 5px 0;
	}
#navC ul li#pr, 
#navC ul li#pa {
	padding-top: 15px;
	}
#navC ul li a {
	text-decoration: none;
	color: #000;
	}
#navC ul li#pa a {
	color: #666;
	}
#navC ul li a:hover,
#navC ul li#pa a:hover {
	color: #903;
	}
	
body.jou #navC ul li#jo {
	display: none;
	}
body.gal #navC ul li#ga {
	display: none;
	}
body.ali #navC ul li#al {
	display: none;
	}
body.reg #navC ul li#pr,
body.lib #navC ul li#pr,
body.ter #navC ul li#pr,
body.cul #navC ul li#pr,
body.tra #navC ul li#pr {
	display: none;
	}
	
/* Titres */

#right h3 {
	margin-left: 43px;
	margin-bottom: 0;
	font-size: 1em;
	font-weight: bold;
	color: #000;
	}
	
/* Paragraphes */

#right p {
	margin: 0 5px 6px 43px;
	font-size: .84em;
	}
#right p.comment {
	line-height: 1em;
	}
	
/* Formulaire */

#right form {
	padding: 0;
	}
#right form p {
	padding: 3px 0;
	font-size: 10px;
	}
#right input, #right select {
	font-size: 10px;
	letter-spacing: 0;
	}
#right textarea, #right .textarea { 
	font-family: Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	word-spacing: 0;
	color: #000; 
	font-size: 10px; 
	font-weight: normal;
	background-color: #fff;
	border: 0;
	padding: 1px;
	}
#right .buttoncolor { 
	font-size: 10px;
	padding: 1px;
	font-weight: bold;
	color: #000;
	background-color: #ccc;
	border: 0;
	}
	
/* STYLES DU  PIED DE PAGE
-------------------------------------------------------------------------------------------*/

#bottom p {
	color: #000;
	margin-left: 80px;
	padding-top: 15px;
	font-size: .92em;
	}
#bottom .barre {
	font-weight: bold;
	color: #666;
	}
#bottom p a {
	text-decoration: none;
	font-weight: normal;
	color: #000;
	}
#bottom p a:hover {
	color: #666;
	}
	
/* Désactivations temporaires 

#content ul li.proj, 
#content ul li.arch, 
#nav2 ul li#proj, 
#nav2 ul li#arch, 
#right #search,
#right ul li#pr {
	display: none;
	} */