* { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
body{ font-size: 11px; color: #666666; }
a{ text-decoration: none; }
img{ border: none; }

/* LIBRAIRIE */
.hid{ display:none; }
.clear{ display: block; clear: both; height: 0px; overflow: hidden; }
.porte{ background-position: top; background-repeat: no-repeat; }
.porte:hover{ background-position: bottom; }

.txt_vert{ color: #8FB428; }
.txt_orange{ color: #7F6600; }
.txt_bleu{ color: #339999; }
.txt_rose{ color: #CC3399; }
.txt_violet{ color: #6666CC; }
.txt_gris{ color: #666666; }

.h20{ height:20px; }
.h10{ height:10px; }


/* BLOCS PRINCIPAUX */
#cont1{ background: url(/_design/default/img/line.png) repeat-y top center; }
#cont2{ background: url(/_design/default/img/fond_top.png) repeat-x top center; }
#cont3{ background: url(/_design/default/img/footer.png) no-repeat bottom center; padding: 0 0 15px 0;  }
#container{ 
	margin: auto; width: 960px; 
	position: relative; 
}
.droite_vert{ background: url(/_design/default/img/bg/vert.png) repeat-y top right; }
.droite_rouge{ background: url(/_design/default/img/bg/rouge.png) repeat-y top right; }
.droite_bleu{ background: url(/_design/default/img/bg/bleu.png) repeat-y top right; }
.droite_rose{ background: url(/_design/default/img/bg/rose.png)  repeat-y top right; }
.droite_violet{ background: url(/_design/default/img/bg/violet.png) repeat-y top right; }
.droite_orange{ background: url(/_design/default/img/bg/orange.png) repeat-y top right; }
.droite_gris{ background: url(/_design/default/img/bg/gris.png) repeat-y top right; }

#bande{ 
	background: url(/_design/default/img/bande.png); 
	_background: none;
	_height: 1px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_design/default/img/bande.png', sizingMethod='scale');
}

#corps{ width: 600px; float: left; overflow: hidden; }
#corps .illustr{ width: 600px; height: 150px; overflow: hidden; /*background: url(/_design/temp_entete.jpg);*/ }
.content { margin: 10px; }

#coldroite{ width: 320px; float: right; position: relative; }
.titre_vertical{ position: absolute; width:40px; height: 300px; top: 5px; left:-38px; }
.titre_vertical.agenda{ 
	background: url(/_design/default/img/titres/agenda.png) ; 
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_design/default/img/titres/agenda.png', sizingMethod='crop');
}
.titre_vertical.chantier{ 
	background: url(/_design/default/img/titres/chantier.png) ; 
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_design/default/img/titres/chantier.png', sizingMethod='crop');
}
.titre_vertical.espace_pro{ 
	background: url(/_design/default/img/titres/espace_pro.png) ; 
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_design/default/img/titres/espace_pro.png', sizingMethod='crop');
}
.titre_vertical.residences{ 
	background: url(/_design/default/img/titres/residences.png) ; 
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_design/default/img/titres/residences.png', sizingMethod='crop');

}
.titre_vertical.amateur{ 
	background: url(/_design/default/img/titres/amateur.png) ; 
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_design/default/img/titres/amateur.png', sizingMethod='crop');
}
.titre_vertical.festival{ 
	background: url(/_design/default/img/titres/festival.png) ; 
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_design/default/img/titres/festival.png', sizingMethod='crop');	
}
.titre_vertical.reflexions{ 
	background: url(/_design/default/img/titres/reflexions.png) ; 
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_design/default/img/titres/reflexions.png', sizingMethod='crop');	
}
.titre_vertical.sensibilisation{ 
	background: url(/_design/default/img/titres/sensibilisation.png) ; 
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_design/default/img/titres/sensibilisation.png', sizingMethod='crop');	
}

.pied{ 
	background-color: #FFF;  
	padding: 5px 150px 5px 5px;
	background-repeat: repeat-x; background-position: top left;
	color: #333333; position: relative;
}
.pied.vert{ background-image: url(/_design/default/img/bg/vert.png); }
.pied.bleu{ background-image: url(/_design/default/img/bg/bleu.png); }
.pied.rose{ background-image: url(/_design/default/img/bg/rose.png); }
.pied.rouge{ background-image: url(/_design/default/img/bg/rouge.png); }
.pied.violet{ background-image: url(/_design/default/img/bg/violet.png); }
.pied.orange{ background-image: url(/_design/default/img/bg/orange.png); }
.pied.gris{ background-image: url(/_design/default/img/bg/gris.png); }

.pied a{ text-decoration: none; color: #333333; }
.pied a:hover{ text-decoration: underline;}
a.rss{ 
	position: absolute;
	top: 1px; right: 5px;
	padding: 5px 0 5px 20px;
	background: url(/_design/default/img/rss.png) no-repeat center left;
}

/* ENTETE */
#top{ height: 69px; }
.liens_top{ position: absolute; top: 15px; right: 260px; width: 80px; line-height: 18px;}
.liens_top a{ display: block; color: #666; letter-spacing: -1px;}
.liens_top a:hover{ text-decoration: underline;}
a#logo{ 
	display: block;
	width: 509px;
	height: 62px;
	background: url(/_design/default/img/logo.png) no-repeat top left;
	position: absolute; top: 0px; left: 0;
}
form#newsletter{
	display: block;
	position: absolute; top: 0; right: 0;
	width: 257px;
	height: 69px;
	background: url(/_design/default/img/newsletter.png); 
}
#admail{
	position: absolute; top: 35px; left: 17px;
	background: #FFF; border: none;
	width: 187px; height: 14px; padding: 1px 5px 1px 5px;
	color: #666;
}
#news_submit{
	width: 32px; height: 20px; 
	display: block;
	background: #FFCC00; position: absolute;
	top: 33px; right: 7px;
	border: none;
	cursor: pointer;
	background: none;
}
/* MENU */
#menu{ width: 600px; height: 30px; /*overflow: hidden;*/ float: left; position: relative; z-index:100;}
#menu a.main{ display: block; height: 30px; overflow: hidden; 
	background-image: url(/_design/default/img/top_menu.png); float: left; 
	background-position: top left;
}
#menu a.main span{ display: none; }
#menu a.main#m1{ width: 101px; background-position: 0px top; }
#menu a.main#m1:hover{ background-position: 0px bottom; }
#menu a#m2{ width: 151px; background-position: -101px top; }
#menu a#m2:hover{ background-position: -101px bottom; }
#menu a#m3{ width: 123px; background-position: -252px top; }
#menu a#m3:hover{ background-position: -252px bottom; }
#menu a#m4{ width: 106px; background-position: -375px top; }
#menu a#m4:hover{ background-position: -375px bottom; }
#menu a#m5{ width: 119px; background-position: -481px top; }
#menu a#m5:hover{ background-position: -481px bottom; }
#menu ul{ list-style: none; }
#menu ul li{ float: left; position: relative; }
#menu ul li ul { display: none;  position: absolute; top: 30px; left: 0; }
#menu ul li ul li a{ display: block; padding: 5px; text-decoration: none; } 
/*
#menu ul li.vert ul li a{ background: #8FB428; border-bottom: 1px solid #475A14; color: #475A14; width: 91px;} 
#menu ul li.vert ul li a:hover{ background: #475A14; color: #FFF; } 
#menu ul li.vert { width: 101px; } 

#menu ul li.orange ul li a{ width: 141px; background: #FFCC00; border-bottom: 1px solid #7F6600; color: #7F6600; } 
#menu ul li.orange ul li a:hover{ background: #7F6600; color: #FFF; } 
#menu ul li.orange { width: 151px; } 

#menu ul li.bleu ul li a{ width: 113px; background: #339999; border-bottom: 1px solid #194C4C; color: #194C4C; } 
#menu ul li.bleu ul li a:hover{ background: #194C4C; color: #FFF; } 
#menu ul li.bleu { width: 123px; } 

#menu ul li.rose ul li a{ width: 96px; background: #CC3399; border-bottom: 1px solid #66194C; color: #66194C; } 
#menu ul li.rose ul li a:hover{ background: #66194C; color: #FFF; } 
#menu ul li.rose { width: 106px; } 

#menu ul li.violet ul li a{ width: 109px; background: #6666CC; border-bottom: 1px solid #333366; color: #333366; } 
#menu ul li.violet ul li a:hover{ background: #333366; color: #FFF; } 
#menu ul li.violet { width: 119px; } 
*/
.shadow_down{ 
	height: 4px; overflow: hidden;
	background: url(/_design/default/img/shadow_down.png) repeat-x; 
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_design/default/img/shadow_down.png', sizingMethod='scale');
	width: 960px;
	position: absolute;
	top:99px;
	left: 0;
}

/* MOTEUR */
#moteur{
	display: block; width: 360px; height: 30px;
	background: url(/_design/default/img/moteur.png) no-repeat top left;
	float: left; position: relative;
}
#moteur #recherche{
	position: absolute;
	top: 7px; left: 125px;
	background: #FFF;
	padding: 2px 0 0 0;
	width: 200px; height: 14px;
	border: none;
	font-size: 11px;
}
#moteur #rech_submit{
	width: 32px; height: 18px; 
	display: block;
	background: #FFCC00; position: absolute;
	top: 7px; right: 2px;
	border: none;
	cursor: pointer;
	background: none;
}

/* ARIANE */
.ariane{ color: #666666; margin: 0 0 10px 0; }

/* BODY */
.body{
	font-size: 12px; color: #000;
	line-height: 18px; margin: 10px 5px 15px 5px; 
}
.body a{ color: #D43681; }
.body a:hover{ text-decoration: underline; }
.body h1{ margin: 10px 0;}
.chapo{ margin: 10px 0 0 0;}
/* MINI-BLOC */
.minibloc{
	float: left; position: relative;
	width: 288px; height: 158px;
	margin: 0 4px 6px 0;
	background: url(/_design/default/img/bloc.png) no-repeat top left;
	overflow:hidden;
}
.minibloc.right{ margin: 0 0 6px 0; }
.minibloc .titre{ position: absolute; top:3px; left: 3px; width: 30px; height: 150px; background: #C00;}
.minibloc .titre.rouge{ background: url(/_design/default/img/titre_agenda.png) #C00; }
.minibloc .titre.vert{ background: url(/_design/default/img/titre_residences.png) #8FB428; }
.minibloc .titre.bleu{ background: url(/_design/default/img/titre_sensibilisation.png) #339999; }
.minibloc .titre.orange{ background: url(/_design/default/img/titre_festival.png) #FFCC00; }
.minibloc .titre.violet{ background: url(/_design/default/img/titre_amateur.png) #6666CC; }
.minibloc .titre.rose{ background: url(/_design/default/img/titre_reflexions.png) #CC3399; }
.news{ margin: 10px 10px 10px 40px; cursor:pointer; }
#corps .news .illustr{
	width: 71px; height: 56px;
	float: left; background: url(/_design/default/img/cadre_photo.png);
	margin: 0 5px 5px 0; position: relative;
}
#corps .news .illustr .img{ 
	display: block; width: 63px; height: 48px; position:absolute; top:4px; left: 4px; background: #EEE;
	overflow: hidden; cursor: pointer;
}
.news h3, .news h3 a{ color: #333333; font-size: 13px; height: 18px; overflow: hidden;}
.news p{ height: 41px; overflow:hidden; line-height: 14px; }

/* RUBRIQUE.HTML */
.article_liste{ margin: 10px 0 5px 0; }
.article_liste h2{ font-size: 14px; letter-spacing: -1px; }
.article_liste h2 a{ _background: none; }
.liste_illustr{
	display: block;  width: 134px; height: 94px;
	background: url(/_design/default/img/cadre_photo_rubrique.png);
	float: left; margin: 0 10px 5px 0; position: relative;
}
.liste_illustr a{ display: block; overflow: hidden; width: 126px; height: 86px; position: absolute; top: 3px; left: 3px; background: #EDEDED;}

/* ARTICLE.HTML */
.sous-nav{ float: right; width: 120px; border-left: 1px solid #CC3399; padding: 10px; margin: 0 0 20px 20px; }
.sous-nav h2{ font-size: 13px; color: #CC3399; letter-spacing: -1px; font-weight: normal;}
.sous-nav a{ display: block; border-left: 3px solid #CC3399; padding: 0 0 0 5px; margin: 5px 0 0 0; background: none;}

.documents{	border-left: 3px solid #CC3399; padding: 0 0 0 10px; margin: 10px 0; }
.documents h2{ color: #CC3399; font-size: 14px; letter-spacing: -1px; }
.documents .doc{ display: block; width: 170px; float: left; overflow: hidden; margin: 10px 7px 0 0;}
.documents .doc img{ float: left; margin: 0 10px 10px 0; }
.documents span{ display: block;}
.documents .taille{ font-size: 10px; }
.documents .titre{ font-size: 11px; font-weight: bold; margin: 7px 0 0 0; line-height: 13px;}

/* RESULTATS */
#resultats h3{ margin: 20px 0 0 0; font-weight: normal;}
#resultats h3 *{ float: left;}
#resultats h3 span{ margin: 4px 5px 0 0; font-size:18px; }

/* PUBS */
.pub468{ width:468px; margin: 10px auto; clear: both; text-align: center; /*border: 1px solid #DEDEDE;*/ overflow: hidden;}
.pub300{ width:300px; margin: 10px auto; clear: both; text-align: center; /*border: 1px solid #DEDEDE;*/ }


/* PARTAGER */
.facebook { width: 14px; height: 14px; display: block; float: left; margin: 0 10px 0 0; background: url(/_design/default/img/facebook.png) no-repeat top left;}
.partager { font-weight: bold; width: 143px; float: left; }

/* ESPACE PRO */
.identification{ width: 300px; margin: auto; }
.formulaire p{ clear: both;}
.formulaire label{ display: block; float: left; width: 120px; text-align: right; margin: 0 5px 0 0; }

/* AGENDA */
.content.agenda{ background: #FFF; }
.content.agenda .ACdescription, .content.agenda #ACnavigation, .content.agenda .AClieu, .content.agenda .ACtitre, .content.agenda div#AClogo, 
	.content.agenda .ACtarif, .content.agenda .ACurl{ display: none; }
.content.agenda .ACimage{ 
		width: 71px; height: 56px;
		float: left; background: url(/_design/default/img/cadre_photo.png);
		margin: 0 5px 5px 0; position: relative;
		overflow: hidden; border: none;
} 
.content.agenda .ACheure{ padding: 0 0 0 10px; }

.content.agenda .ACevenement{ background: url(/_design/default/img/degrade_agenda.jpg) repeat-x top left;}
.content.agenda	.ACimage img{ width: 63px;  margin: 4px 0 0 4px; }
.content.agenda	#ACagendaculturel { margin: 5px; padding: 5px 0; }

/* PLAN DU SITE */
.plan ul{ list-style: none; margin: 0 0 10px 20px; }