@charset "windows-1252";
/* CSS Document */

body {
color:#252626;
font-family:Arial, Helvetica, Geneva, Verdana;
font-size:11px;
line-height:1.2em;
margin:0;
padding:0;
background:#f5f3c6 url(images/fond.jpg) repeat-x;
}

/* HEADER, FOOTER */
#tramejaune {
background:#ffd600;
margin:24px 0 0 24px;
height:56px;
width:95%;
position:absolute;
z-index:2;
}

#tramemarron {
background:#f5eaac;
margin:0 0 0 38px;
height:100px;
width:900px;
position:absolute;
z-index:1;
}
#community{
	position:absolute;
	top: 44px;
	left: 915px;
	z-index:10;
}

#logo {
margin:0 0 0 46px;
position:absolute;
z-index:4;
}

#acronyme {
margin:43px 0 0 170px;
position:absolute;
z-index:5;
}

#bulle {
margin:24px 0 0 0;
float:right;
z-index:1;
}
.invisible { position: absolute; top: -3000em; height: 1%; }


.rubSommaireLeft{
width:45%;
float:left;
margin:0 5px 0 0;

}

.rubSommaireRight{
border-left:thin dashed #FF6699;
float:left;
margin:0 0 0 30px;
padding-left:20px;
width:40%;
}
.rubSommaireRight .fb-like{
	position:relative;
	top:-55px;
	left:-44px;
}

#hp_agenda{display:block;width:250px;height:101px;background:url(bt-agenda.png) top left no-repeat;}
#hp_agenda:hover{background:url(bt-agenda-over.png) top left no-repeat;}
#navigation {
margin:84px 0 0 174px;
position:absolute;
z-index:99;
color:#323232;
font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Verdana;
}
#ariane{
margin:112px 0 0 174px;
position:absolute;
z-index:10;
color:#7b5821;
font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Verdana;
}

.lien_ariane{
color:#7b5821;
font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Verdana;
font-weight:normal;
padding:0px 5px;
line-height:18px;
}

#footer {
color:#507da6;
font-family:Arial, Helvetica, Geneva, Verdana;
font-size:0.91em;
font-weight:bold;
margin:24px 0 4px 0;
float:left;
z-index:7;
clear:both;
}

.alphaGroupes{
display:block;
width:180px;
margin:5px;
padding:5px;
height:150px;
float:left;
border:thin dashed #FF6699;
}
.alphaGroupes strong.spip{
font-size:120%;
display:block;
margin: 3px 0;
color:#FF6699;
}
.ancre{
clear:both;
color:#252626;
display:block;
font-size:200%;
font-style:italic;
font-weight:bold;
margin:10px;
padding-top:10px;
width:100%;
}
.listeAncres{
display:block;
font-size:160%;
margin:10px;
}
/* NL, SEARCH, NEWS */
#colonne-gauche {
margin:145px 0 0 0;
position:absolute;
width:240px;
z-index:6;
}

#nl {
margin:10px 5px 10px 0;
padding:0;
background:url(images/fond-nl.png) top left no-repeat;
}
#nl input#mail_inscription_{
margin-bottom:10px;}
#searchbox{
width:470px;
margin:0;
background: url(images/bulle-bas.png) bottom right no-repeat;
padding-bottom:38px;
}
.adv-search{
display:block;
height:18px;
line-height:18px;
margin:1px;
padding:10px;
clear:both;
background:#FFD600;
}
.adv-search select{
float:left;
width:170px;
line-height:18px;
}
.AS_label{
width:200px;
font-size:1.2em;
font-weight:bold;
display:block;
float:left;
line-height:18px;
}
.bouton{
float:right;
}
#search {
margin:0 5px 10px 14px;
height:23px;
}
#search label{
display:none;}
.bouton_recherche{
display:inline;
}
#news {
background:url(images/fond-coup2coeur.png)  no-repeat;
padding:30px 0px 10px 0px ;
width:240px;
}

.news {
padding:14px 40px 14px 14px;
}

.news img {
margin-left:-14px;
}

#docs {
background:url(images/fond-coup2coeur.png)  no-repeat;
height:300px;
width:240px;
}

.docs {
padding:14px 40px 14px 14px;
}

/* MAIN */
#main {
margin:145px 14px 0 260px;
position:absolute;
!width:78%;
z-index:9;
}

#contenu {
margin:0;
z-index:9;
margin-bottom:20px;
min-width:550px;
height:auto !important;
height:550px;
}

.actu {
background:#ffd600;
margin:4px;
padding:5px;
}


/* CALENDRIER */
#liste_calendrier{
	font-size:12px;
}
	#liste_calendrier .date_calendrier{
		color:#E53380;
		font-weight:bold;
		width:100px;
		border-bottom:1px dashed #333333;
	}
	#liste_calendrier .titre_calendrier{
		width:300px;
		border-bottom:1px dashed #333333;
	}
		#liste_calendrier .titre_calendrier h1{
			font-size:12px;
			font-weight:bold;
		}
	#liste_calendrier .desc_calendrier{
		width:312px;
		padding:0px 10px;
		border-bottom:1px dashed #333333;
	}
/* MODULES */
#colonne-droite {
margin:0 0 -38px 24px;
float:right;
z-index:8;
}

#perspective {
background:url(images/fond-perspectives.png) no-repeat;
height:145px;
width:115px;
margin:0;
padding:14px 14px 14px 14px;
}

#les-echos {
background:url(images/fond-echos.png) no-repeat;
height:151px;
width:115px;
margin:-64px -20px 0 0;
padding:14px 14px 14px 14px;
}

#lettre-electro {
background:url(images/fond-lettreelectro.png) no-repeat;
height:145px;
width:115px;
margin:-72px 0 0 0;
padding:14px 14px 0 14px;
}
#bloc_dr_four {
background:url(images/fond-four.png) no-repeat;
height:145px;
width:115px;
margin:-72px 0 0 0;
padding:14px 14px 0 14px;
}
#bloc_dr_five {
background:url(images/fond-resi-danse.png) no-repeat;
height:145px;
width:115px;
margin:-53px 0 0 0;
padding:14px 14px 0 14px;
}
/* TYPOGRAPHIE */
a {
color:#91b350;
font-weight:bold;
text-decoration:none;
}

a:hover {
text-decoration:none;
}

h1 {
color:#000;
font-weight:bold;
margin:1px 0 5px 0;
padding:0;
}

#main h1 {
font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Verdana;
font-size:1.64em;
}

#news h1 {
font-family:Arial, Helvetica, Geneva, Verdana;
font-size:1.27em;
color:#e53380;
}

.actu h1 {
color:#2a2a2a;
font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Verdana;
font-size:1.27em;
margin:0;
}

#lettre-electro h1, #perspective h1, #les-echos h1, #bloc_dr_four h1, #bloc_dr_five h1 {
color:#353636;
font-family:Arial, Helvetica, Geneva, Verdana;
font-size:1.27em;
}

#lettre-electro h1 small, #perspective h1 small, #les-echos h1 small, #bloc_dr_five h1 small {
font-size:1em;
}

h2 {
font-size:1.09em;
font-weight:bold;
margin:1px 0 5px 0;
padding:0;
}

.actu h2 {
color:#2a2a2a;
font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Verdana;
font-size:0.82em;
margin:2px 0 0 0;
}

h3 {
color:#ff6699;
font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Verdana;
font-size:1.27em;
font-weight:bold;
margin:14px 0 0 0;
}

.edito {
background:#f3ebbe;
border:#333333 dashed 1px;
padding: 10px;
cursor:pointer;
}

.edito img {
padding:4px;
}

p img {
padding:0;
}


ul#liste_rubriques{
	margin:0;
	padding:0;
	margin-bottom:40px;
	text-align:center;
}

.bloc_rubrique{
	display:block;
	width:160px; 
	height:130px;
	padding: 10px;
}

ul#liste_rubriques li{
	list-style:none;
	float:left;
	width:180px; 
	display:block;
	border:#333333 dashed 1px;
	cursor:pointer;
	margin-right:20px;	
	margin-bottom:20px;	
	background:transparent;
}
ul#liste_rubriques li.liste_rub:hover{
	background:#ffffcc;
}

ul#liste_articles{
	margin:0;
	padding:0;
	margin-bottom:40px;
}
ul#liste_articles li{
	list-style:none;
}
div.rub {
	border-bottom:#333333 dashed 1px;
	padding: 10px;
	cursor:pointer;
	background: transparent;
}
div.pointillets{
	border-top:#333333 dashed 1px;
	height:1px;
}

.date div.rub {
margin:0;
border:none;
cursor:pointer;
background: transparent;
padding:5px 0px;
}

div:hover.rub, div:hover.rub *, div:hover.edito, div:hover.edito *, div:hover.pj, div:hover.pj *, .date div:hover.rub{
background:#ffffcc;
}
a.rub, a.edito, a.pj, .date a.rub {
color:#353636;
font-weight:normal;
}

a:hover.rub, a:hover.edito, a:hover.pj, .date a:hover.rub {
color: #31333A;
text-decoration:none;
font-style:normal;
}
.date_article{
	font-family:"Trebuchet MS", Arial, Helvetica, Geneva, Verdana;
}
.rub h1 {
color:#353636;
line-height:1em;
}

.edito h1 {
color:#ff6699;
line-height:1em;
}

.rub img {
border:none;
margin:0;
}

p {
margin:5px 0 5px 0;
padding:0;
}

#colonne-droite a {
color:#252626;
font-weight:normal;
}
#colonne-droite a:hover {
color:#252626;
font-weight:normal;
font-style:italic;
}

#colonne-gauche a {
color:#ff6699;
font-weight:bold;
}
#colonne-gauche a:hover {
color:#ff6699;
font-weight:bold;
font-style:italic;
text-decoration:underline;
}

#date h1 {
font-size:1.18em;
}

.cellpadding {
padding:0 0 0 14px;
}

.ps {
color:#252626;
font-family:Arial, Helvetica, Geneva, Verdana;
font-size:0.9em;
line-height:1.2em;
margin:24px 0;
padding:0;
}

.ps b, .ps strong {
color:#353636;
font-size:1.3em;
}

.chapo {
color:#252626;
font-family:Arial, Helvetica, Geneva, Verdana;
font-size:1em;
line-height:1.2em;
margin:14px 0;
padding:10px;
border:#ff6699 thin dashed;
}

.pj {
color:#252626;
font-family:Arial, Helvetica, Geneva, Verdana;
font-size:1em;
line-height:1.2em;
margin:14px 0;
padding:4px 8px;
border:#ff6699 thin dashed;
}

#documents_portfolio {
color:#252626;
font-family:Arial, Helvetica, Geneva, Verdana;
font-size:1em;
line-height:1.2em;
margin:14px 0;
padding:4px 8px;
border:#ff6699 thin dashed;
clear:both;
}

#documents_portfolio h1 {
color:#2a2a2a;
margin:2px 0;
}
#documents_joints li{
clear:both;
}



.formulaire_spip { text-align: left; font-size: 1em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {
border:none;
}
.formulaire_spip fieldset legend:first-child {
display:none;}

.formulaire_spip label { visibility:hidden;}
.formulaire_spip .forml { width: 50%; font-family: inherit; font-size: inherit; }

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }





.titre_rose{
	color:#FF6699;
	font-weight:bold;
	font-size:13px;
}
.texte_noir{
color:#000000;
font-weight:normal;
}


#plan{
}
#plan h3 a{
	color:#FF6699;
}

