/* CSS Document */
* {
margin: 0;
padding: 0;
}
a img {border:none; }
body {
margin: 0;
padding: 30px;
background: #CCCCBD;
color: #663333;
text-align: left;
}
.spip li {
margin-left: 25px;
}
h1 {
font: bold 16px "Lucida Grande", Arial, sans-serif;
}
h3 {
font: bold 15px "Lucida Grande", Arial, sans-serif;
}
h5 {font: bold 12px 'Lucida Grande', Arial, sans-serif;
margin-top:-13px;
*>margin-top:3px;}
p {
margin: 15px 0;
font: 11px/1.5em "Lucida Grande", Arial, sans-serif;
}

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

a:hover {
/*background: #900;*/
color: #900;
text-decoration: none;
}

hr {
margin: 24px 0;
_margin: 0; /*IE Sucks*/
clear: both;
}
.nettoyeur {
clear:both;
}
.conteneur {
  background-color: #fff;
 width:900px;
  margin-left: auto;
 margin-right: auto;
/*border:1px solid black;*/
}
.head {
background: url(../img/haut.jpg);
 
 width: 900px;
 height: 322px;
 text-align: center;
 /*border:1px solid black;*/
}
.ariane {
background: url(../img/fond_recherche2.jpg);
font-family: "Lucida Grande", Arial, sans-serif;
background-color: #fff;

 width: 900px;
 height: 30px;
 text-align: left;
 font-size:11px;
 /*border:1px solid #000;*/
}
#dumenu {
background: url(../img/fond_menu.jpg);

 width: 900px;
 height: 38px; color:#CEE9EA;
 /*text-align: left;*/

}
/*#dumenu a.on {
color:#5B3E1C; 
font-weight: bold; border-top:3px solid #5B3E1C;border-left:3px solid #5B3E1C;border-right:3px solid #5B3E1C;
}
#dumenu a {
color:grey; border-top:1px solid grey;border-left:1px solid grey;border-right:1px solid grey;
}*/
.corps {
position:relative;
 width: 898px;
 /*text-align: center;
 border-left:2px solid #fff;*/ border-left:1px solid #CCCCBD; border-right:1px solid #CCCCBD;
}
.gauche {
background-color: #F1F2F8;
float:left;
border-left:2px solid #fff;
 width:580px;
 padding: 10px;
 text-align: left;
/*border:1px solid blue;*/
}
.droite {
background-color: #fff;
float:right;

 width:275px;
 padding: 5px;
/* text-align: justify;
 border:1px solid red;*/
margin: 15px 0;
font: 11px/1.5em "Lucida Grande", Arial, sans-serif;
}
.droite a {
text-decoration:none;
}
.pied {
background: url(../img/pied.jpg);
font-size:11px;
 width: 900px;
 height:22px;
 text-align: left;
 color:#BCBDDC;
 /*border:1px solid black;*/
}
.pied a {text-decoration:none; color:#BCBDDC;
}
.pied a:hover {text-decoration:none; color:#663333;
}
.curieux {

width:270px;height:22px;
}

.breves_durables {

width:270px;height:22px;
}
.formations {
text-decoration:none;
width:270px;height:22px;
}
.contact {

width:270px;height:22px;
}
.maj {
text-transform: uppercase ;
}

.majcol {
text-transform: uppercase ;
color: #663333;
margin-top:2px;
}
.separateur {
background: url(../images/separe.jpg) repeat-x;
margin-top:-5px;
*>margin-top:0;


}
.encart-page {
position:relative; 
width: 100%;
text-align: justify; 
margin: 15px 0;
font: 11px/1.5em "Lucida Grande", Arial, sans-serif;
}
.encart-page h5
{
font: bold 12px "Lucida Grande", Arial, sans-serif;
}
.encart-logo {
float:left;
margin-right:5px
}
.suite {
 /*float:left;margin-top:-20px;*/ font: bold 11px "Lucida Grande", Arial, sans-serif;
 }
 
#search {
	padding-top: 3px;margin-right:12px; margin-left:640px;
	text-align: right;/* border:1px solid red;*/
	}

#recherche{
	border-top: 1px solid #BBBBAD;
	border-left: 1px solid #BBBBAD;
	border-bottom: 1px solid #BBBBAD;
	border-right: 1px solid #BBBBAD;
	background: #eee url("../img/search.gif") no-repeat 107px center;
	padding-left: 18px;
	width: 40%;
}

#recherche:focus {
	background: #fff url("../img/search.gif") no-repeat 130px center;
	}
	/* Habillage du mini calendrier */
#calendar { text-align: center; /*border: 1px dotted #ccc;*/ padding: 2px; padding-top: 0.5em; }
#calendar table { width: 80%; margin: 0 auto; padding: 0; }
#calendar caption { text-align: center;padding: 0.5em 0;margin-left:100px; font-weight: bold; }
#calendar th { background: #ccc; font-weight: normal; color: #666; }
#calendar th abbr { border: none; cursor: help; }
#calendar td { margin: 0; padding: 0; border: none; text-align: center; background: #ddd; line-height: 1.6em; }
#calendar td.horsperiode { background: #ececec; color: #ccc; }
#calendar td.occupe { background: #C8031F; }
#calendar td a { text-decoration: none; display: block; }
#calendar td span { color: #aaa; }
#calendar td a:hover { color: #fff; }

/* microformats hcal */
.vevent {
	background: #eee;
	border: 2px solid #ececec;
	-moz-border-radius: 1em;
	margin: 10px auto;
	padding: 10px;
	min-height: 80px; }
.vevent .summary, .vevent .summary a { color: #000; }
.vevent .summary a:hover { text-decoration: underline; }

/* */
.vevent .description, .vevent .metadata { display: none; }
.page_item .vevent .description, .page_item .vevent .metadata { display: block; }
.vevent .spip_logos { margin: 0 10px 10px 0; float: left; }
.page_item .vevent .spip_logos { margin: 0 0 10px 10px; float: right; }

/* */
.vevent .date {}
.vevent .dtstamp { border: none; }
.vevent .dtstart, .vevent .dtend { display: none; }
.vevent .location {}

/* pied*/
#pied_gauche {
position:absolute;
background: url(../img/gauche_bas2.jpg);
*>background:transparent;
width:602px;
height:10px;
padding:0;
 margin-left:-12px;
  margin-top:3px !important; margin-top:0px ;/*padding:0; margin-left:-12px; margin-top:0px; */
  }
.menuhaut {
float:left ;width:890px;
}
/* accordeon */
/*jaune*/
.navigationj {
			margin: 0;
			padding: 0;
			list-style: none;
			background: #fff;
			color: #000;
			width: auto;
			/*font: 11px/1.5em "Lucida Grande", Arial, sans-serif;*/
			}
		.navigationj a, .navigationj span {
			display: block;
			padding: 4px 0px;
			font: 11px/1.5em "Lucida Grande", Arial, sans-serif;
			color:#FFBB00;
			font-weight:bold;
			text-decoration: none;
			/*background: #000 url(menu-item.png) left bottom no-repeat;*/
			}
			.navigationj .toggleSubMenu a, .navigationj .toggleSubMenu span {
			background-image: url(menu-item-deroule.png);
			list-style: none;
			}
		.navigationj .open a, .navigationj .open span {
			background-image: url(menu-item-enroule.png);
			}
		.navigationj a:hover, .navigationj a:focus, .navigationj a:active {
			text-decoration: none;
			}
		.navigationj .subMenu {
			/*font-size: .8em;
			background: #ccc url(subMenu.png) 0 0 repeat-x;
			font-size: .9em;*/
			color: #663333;
			margin: 0;
			padding: 0;
			/*border-bottom: 1px solid #666;*/
			list-style: none;
			}
		.navigationj ul.subMenu a {
			background: none;
			padding: 3px 10px;
			list-style: none;
			}

/*rouge*/
.navigationred {
			margin: 0;
			padding: 0;
			list-style: none;
			background: #fff;
			color: #000;
			width: auto;
			/*font: 11px/1.5em "Lucida Grande", Arial, sans-serif;*/
			}
		.navigationred a, .navigationred span {
			display: block;
			padding: 4px 0px;
			font: 11px/1.5em "Lucida Grande", Arial, sans-serif;
			color:#EE1155;
			font-weight:bold;
			text-decoration: none;
			/*background: #000 url(menu-item.png) left bottom no-repeat;*/
			}
			.navigationred .toggleSubMenu a, .navigationred .toggleSubMenu span {
			background-image: url(menu-item-deroule.png);
			list-style: none;
			}
		.navigationred .open a, .navigationred .open span {
			background-image: url(menu-item-enroule.png);
			}
		.navigationred a:hover, .navigationred a:focus, .navigationred a:active {
			text-decoration: none;
}
		.navigationred .subMenu {
			/*font-size: .8em;
			background: #ccc url(subMenu.png) 0 0 repeat-x;
			font-size: .9em;*/
			color: #663333;
			margin: 0;
			padding: 0;
			/*border-bottom: 1px solid #666;*/
			list-style: none;
			}
		.navigationred ul.subMenu a {
			background: none;
			padding: 3px 10px;
			list-style: none;
			}
			
/* bleu*/			
.navigation {
			margin: 0;
			padding: 0;
			list-style: none;
			background: #fff;
			color: #000;
			width: auto;
			/*font: 11px/1.5em "Lucida Grande", Arial, sans-serif;*/
			}
		.navigation a, .navigation span {
			display: block;
			padding: 4px 0px;
			font: 11px/1.5em "Lucida Grande", Arial, sans-serif;
			color:#00AACC;
			font-weight:bold;
			text-decoration: none;
			/*background: #000 url(menu-item.png) left bottom no-repeat;*/
			}
		.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
			background-image: url(menu-item-deroule.png);
			list-style: none;
			}
		.navigation .open a, .navigation .open span {
			background-image: url(menu-item-enroule.png);
			}
		.navigation a:hover, .navigation a:focus, .navigation a:active {
			text-decoration: none;
			}
		.navigation .subMenu {
			/*font-size: .8em;
			background: #ccc url(subMenu.png) 0 0 repeat-x;
			font-size: .9em;*/
			color: #663333;
			margin: 0;
			padding: 0;
			/*border-bottom: 1px solid #666;*/
			list-style: none;
			}
		.navigation ul.subMenu a {
			background: none;
			padding: 3px 10px;
			list-style: none;
			}
/* fin accordeon*/
/* petitmenu*/
.hovermenu ul{
font: bold 13px arial;
padding-left: 0;
margin-left: 0;
height: 20px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: black;
background-color: #FFF2BF;
border: 2px solid #FFF2BF;
}

.hovermenu ul li a:hover{
background-color: #FFE271;
border-style: outset;
}
a.spip_out {
color:#ABBB00;
}
a.spip_in {
color:#ABBB00;
}


/*fin petitmenu*/