body {
	font-family: verdana, arial;
	font-size: 11px;
	color: #000;
	background-color: #FFF;
	margin: 0;
	padding: 0;
}
/************* GENERAL*************/
#general {
	width: 970px;position: relative;
	min-height: 700px;
	font-family: verdana, arial;
	font-size: 1em;
	margin: 10px auto 0 auto;
	padding: 0;
}

/************* NAV DEFAUT *************/
a, a:link, a:active, a:visited { text-decoration: none; color: #4c76cf; border-color: #000; outline: none; }
a:hover { color: #789ce7; text-decoration: none; outline: none; }

/************* SPIP DEFAUT *************/
a.spip_out { padding-right: 12px; background: url(../images/lien_externe.gif) right no-repeat; color: #F09; }
a.spip_out:hover {color: #F69;}
p.spip { clear: both; }
.spip_logos { border: 0; outline: none; }
.spip_documents_left { float: left; position: relative; top: 0; left: 0; z-index: 2; margin:0 1em 1em 0;}
ol.spip { margin: 1em 0; }
ol.spip li { margin: 0 0 0 3em;}
.puce { margin-left: 0.5em; }

/************* FORMULAIRE PLUGIN *************/
ul.spip_form_choix_unique li { margin-bottom: 3px; }
.spip_form_label { margin-bottom: 2px; }
.spip_forms{ border: none; }
.spip_forms fieldset { border: 1px dotted gray; }
fieldset legend { font-weight: bold; background-color: white; }

a img {border:0;}
/**** tableaux  ***/
table.spip {
   margin-bottom:10px;
   width:90%; 
}
table.spip br {
  margin-bottom: 10px;
}
table.spip caption {
  font-weight:bold;
  margin-bottom:8px;
  font-size: 13px;
}

table.spip th {
  vertical-align: bottom;
  font-weight: bold; 
  background-color: #CCC;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 20px;
  padding-left: 10px;
  color: #616161;
}
#centre td {
  background-color: #b8cced;
  text-align: center;
  padding: 3px;
}

/************* GAUCHE *************/
#gauche {
	float: left;
	position: relative;
	top: 0; left: 0;
	width: 208px; height: 770px;
}
#cartouche {
	position: absolute;
	top: 475px; left: 10px;
	width: 208px; height: 100px;
}
#cartouche p { line-height: 1.4em; }
#cartouche .mel { font-size: 1em; line-height: 1.1em; margin: 1em 0; }
#cartouche .legal { font-size: 0.8em; color: #666; line-height: 1.1em; }

.L { font-size: 8px; }
.violet { color: #609; }
.indigo { color: #069; }
.bleu { color: #044DBE; }
.vert, .vert:link, .vert:active, .vert:visited { color: #390; }
.jaune, .jaune:link, .jaune:active, .jaune:visited { color: #D5AB03; }
.orange, .orange:link, .orange:active, .orange:visited { color: #F60; }
/*.rouge, .rouge:link, .rouge:active, .rouge:visited { color: #F03; }*/
.bleu, .bleu:link, .bleu:active, .bleu:visited { color: #044DBE; }
.rose, .rose:link, .rose:active, .rose:visited { color: #F39; }
.brun, .brun:link, .brun:active, .brun:visited { color: #633; }

.vert:hover, .orange:hover, .jaune:hover, .rouge:hover, .bleu:hover, .rose:hover, .brun:hover{ font-weight: bold }

/************* Centre ***************/
#accueil_nalia {
	float: left;
	position: relative;
	margin: 15px 0 5px 0;
	width: 585px;
	font-weight: bold;
}
.logo_horiz { border: 0;float:left;}
#accueil_nalia a { font-size: 1.1em; }

#sommaire_nalia {
	float: left;
	position: relative;
	width: 98%;
	margin: 8px 0 0 0;
}

#centre {
	width: 745px;float: left;position:relative;
	margin: 10px 0; padding: 0;margin-left:1em;
}
.intro {width:730px;float:left;margin-left:15px;margin-bottom:15px;margin-top:10px;}
.central {
	float: left;
	position: relative;
	width: 600px;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	font-family: verdana, arial;
	font-size: 1em;
}
.central iframe {margin: 1em; border: 1px dotted gray; }
.central p { clear: left; margin: 0.8em 0 1em 0; text-align: left; }

.titrerub {
  width:740px;float:left;
  font-weight: bold;
  font-size: 14px;margin-bottom:10px;
  text-align: middle;text-transform: uppercase;
}
.centre_col_gauche {
	float: left;
	position: relative;
	width: 250px;
	margin: 8px 0 0 0;
	padding: 0 5px 0 15px;
	text-align: justify;
}

.centre_col_droite {
	float: left; position: relative;
	width: 460px;height:330px;
	margin: 5px;
	padding: 0;
}
#diapo {
 float:left;padding:0;margin:0;position:relative;
}
#diapo img {
  padding: 15px;
  border: 1px solid #cccccc;
  background-color: #eeeeee;
}
#caption {
  width: 430px;height:20px;position:relative;top:330px;
  color: #4c76cf;text-align:center;
  padding-top:5px;
}

.centre_col_bas {
   width:460px;margin: 30px 0 0 15px;
   float:right;
}
.centre_col_droite p { clear: left; width: 100%; margin: 0px 5px 10px 0;  }
.centre_col_droite p img { clear: left; margin: 0px 5px 10px 0;  }

#centre h3.spip, #sousmenu {
	font-size: 1em;
	margin: 10px 0 8px 0;
	text-transform: uppercase;
	font-weight: bold;
	clear: both;
}

.icone {
	float: left;
	width: 100%;
	text-align: left;
	margin: 1.1em 0 0 0;
}

#menuhaut {
	position: relative;width: 785px;float:left;
	margin: 0; padding: 0;  
	height: 34px;
	font-family: arial, sans-serif;
	list-style: none;margin:0 0 0 -30px;z-index:1000;
}
#menuhaut li.accueil {
  width:19px;float:left;margin-top:7px;margin-right:15px;
}
#menuhaut li { 
  width:244px;float:left;position:relative;
  font-size: 14px;margin:0;padding:0;
  list-style: none;
}
#menuhaut li ul {
  width:190px;position:absolute;top:35px;left:0;list-style-type:none;font-family: arial;
  z-index:1000;display: none;
}

#menuhaut li ul li {
  width:190px; float:left;position:relative; 
  /*border:1px solid green;*/
}

#menuhaut li ul a { 
  width:180px;position:relative;float:left;
  text-transform: none;
  font-weight: bold; display:block;
  background-color: #6188dd;  
  font-size: 12px;color: #FFF;padding:5px 0 5px 5px;
  opacity: 0.9;
  /*border-bottom:1px dotted #dae5ee;line-height:15px;*/
}

#menuhaut li ul li a:visited, #menuhaut li ul li a:active, #menuhaut li ul li a:hover {}
#menuhaut li ul li a:hover { 
  color:#000;
  background-color: #dae5ee; 
}
#menuhaut .imgenfants { padding-left:15px; }
#menuhaut .enfants {padding-left:15px;}

#lemenu {
	width: 700px;float:left;margin-bottom:10px;margin-left:15px;
	color: #FFF;
	font-family: arial;	font-size: 1.1em;
	letter-spacing: 1px;
}

#lemenu a:link, #lemenu a:active, #lemenu a:visited {  
	display:block;float:left;width:14%;
	text-decoration: none; text-align: left;
	padding: 5px 0;
  font-weight:bold;
  border-right:1px solid #CCC;
  color: #4C76CF;text-align: center;
}
#lemenu a:hover {
	width:14%;color: #789ce7;
	text-decoration: none;
	font-weight: bold;
}

.ici {
	float: left;width:14%;
	display: block;padding: 5px 0;
  text-align: center;
	color: #000;border-right:1px solid #CCC;
	font-weight:bold;
}
.visite {position: absolute; top:21px; left:15px; width: 550px; height: 535px; overflow: hidden;}
.visite p { margin: 0 0 1em 0; }
a.icism { color: #000; }
.vignette { border: 1px solid gray; }
a:link.thickbox img, a:visited.thickbox img, a:active.thickbox img { -moz-opacity:0.85; opacity:0.85; filter:alpha(opacity=85); }
a:hover.thickbox img { -moz-opacity:1; opacity:1; filter:alpha(opacity=100); }
.textacti { margin: 0.8em 0 0.8em 1em; text-align: left; clear: both; width:100%;}

/* sommaire */
#centre .titre {
  font-size:16px;display:block;height:15px;
  margin-bottom:10px;
  /*text-transform: uppercase;*/
}
.cadre_bleu {
	float: left;
	background: url(../images/bleu.jpg) no-repeat 0 0;
	width: 220px;
	height: 280px;
	padding: 1em;padding-bottom:0;
  text-align: left;
}
.cadre_bleu p { text-align: left; margin: 0.5em 0.2em 0.5em 0; line-height: 1.3em; }
.cadre_bleu .spip_documents_left { margin: 0 0.5em 0.1em 0; }

.cadre_orange {
	background: url(../images/jaune.jpg) no-repeat 0 0;
	width: 220px;float:left;
	height: 280px;
	padding: 1em;margin-right:6px;padding-bottom:0;
	text-align: left;
}

.cadre_orange p { text-align: left; margin: 0.5em 0.2em 0.5em 0; line-height: 1.3em; }

.cadre_vert {
	background: url(../images/vert.jpg) no-repeat 0 0;	
	width: 220px;float: left;
	height: 280px;
	padding: 1em;margin-right:6px;padding-bottom:0;
	text-align: left;
}
.cadre_vert p { text-align: left; margin: 0.5em 0.2em 0.5em 0; line-height: 1.3em; }

/* tooltip styles */
img.tip {border: 0;}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #CCC;
	background-color: #9eb9f2;color: #000;
	padding: 5px;width:150px;
	opacity: 0.90; font-size: 11px;
	text-align: center;
	border:2px solid #4d76d0;
}
#tooltip h3 {font-weight:normal;font-size:11px;margin:0;}
#tooltip div { margin: 0; }
.gmnoprint a { color:#0074af;font-size:11px; }

/* infowindows google maps */
#infowindow { width: 230px; min-height: 100px; font-size: 0.9em; color: #34440a;overflow:hidden; }
#infowindow h3 { width: 90%; font-size: 12px; margin-bottom: 0.3em;color: #4c76cf; }
.lieu { width: 220px; height: auto; float: left; margin: 0 5px 0 0; font-weight:bold; }
.zone { width: 170px; height: auto;   }