body { 
/*astuce pour toujours afficher l'ascenceur vertical seulement
/* donnée par http://zonecss.free.fr/style_css/feuille_css_overflow_y.html */
/* display: block;
overflow:hidden;
overflow-x: hidden;
overflow-y: auto;
overflow : -moz-scrollbars-vertical;  */
  font-family: Arial,sans-serif;
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #404040;
}
#container {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 740px;
	background : url(contentbg.gif) repeat-y 50% 50%; 
	background-color: #ffffff;
}
#header	{
	padding: 0;
	margin: 0;
	width: 740px;
	height: 10px;
	top: 0px;
	left: 0px;
	background : url(headerbg.gif) no-repeat; 
		/* border: 1px solid red; */
}
#footer {
	margin: 0;
	padding: 0;
	width: 740px;
	height: 12px;
	clear: both;
 	background: transparent url(footerbg.gif) bottom left no-repeat; 
}
#main_container {
	clear: both;
	margin: 0 ;
	width: 725px;
}
body#main_body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #404040; 
	background-color: #A9D9EC;
	background : url(toranomaki.gif);
}
#content_container {
	overflow:visible;float:right;
	padding: 0 15px 0 15px ;
	width: 515px;
}
#content_container h1 {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-style: normal;
  font-size: 22px;
  font-weight: bold;
  text-decoration: none;
  color: #11565F;
  margin-top:15px;
}
#content_container h2 {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-style: normal;
  font-size: 18px;
  font-weight: bold;
  text-decoration: underline;
  color: #11565F;
}
#content_container h3 {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-style: normal;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  color: #11565F;
}

a:link, a:visited {
  text-decoration: none;
  color: #052890;
}
a:hover, a:active {
  text-decoration: underline;
  color: #052890;
}
#content_container table {
	border-style: solid;
	border-width: 0;
	border-spacing: 1px;
	width: 100%;
	border-color: #b4a5a1;
	margin:0;
}
#content_container th {
	color: #ffffff;
	background-color:#A4C3C7;
	padding: 3px 2px 3px 5px;
}
#content_container tr {
	font-size: 12px;
	color: #404040;
	background-color:#E8EEEE;
	padding: 3px 2px 3px 2px;
}

/*--- forms ----------------------------------------------------------------*/
#content_container fieldset {
	padding: 15px;
	border-style: solid;
	border-width: 1px;
	border-color: #21818D;
}
#content_container legend{
	color: #21818D;
}
#content_container label {
	color: #21818D;
}
#content_container input {
	border-style: solid;
	border-width: 1px;
	border-color: #21818D;
}
#content_container textarea {
	border-style: solid;
	border-width: 1px;
	border-color: #21818D;
}
#text_caption {
	float: right;	
	position: relative;
	top: 0px;
	/* left: 200px;
	width: 525px; */
	right: 0px;
	width: 255px;
	margin: 0;
	padding: 0;
  font-family: Tahoma,Verdana, Arial, sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #11565F;
}
#left_column_container {
	clear: both;
	position: relative;
	width: 190px;	
	float: left;
	padding-bottom:70px;
  z-index:1;
/* border: 1px solid green;  */
}
 #left_column_container p {
text-align: center; font: bold 12px arial, sans-serif;color:black;margin-bottom:30px;margin-top:0;
}
 #left_column_container  img {
	border: 0;
	margin:5px;
}
#left_column_container ul { 
	border: 0;
	padding: 0;
	list-style-type: none;
}
#main_nav_list{
	margin-left: 19px;
}
/*--- main navigation items ------------------------------------------------*/
#main_nav_list a {
	display: block;
	font-family: Tahoma,Verdana, Arial, sans-serif;
	font-weight : bold;
    font-style: normal;
    font-size: 12px;
	text-decoration: none;
	text-align: left;
	line-height: 27px;
	height: 27px;
	padding-left: 8px;
	margin: -1px 0 0 0;
    color: #ffffff;
  	width: 147px;
}
#main_nav_list a.main_nav_active_item {
  height: 65px;
  background: url(n1activeitem.gif) no-repeat;
  padding-left: 35px;
  margin: 0 0 0 -14px;
}
#main_nav_list a.main_nav_item {
  background: url(n1.gif) no-repeat;
}
#main_nav_list a.main_nav_item:hover {
  background: url(n1hover.gif) no-repeat;
}
#main_nav_list a.main_nav_active_item:hover {
  background: url(n1activeitem_aniopt.gif) no-repeat;
}
.main_nav_item img {
position:absolute;
 }

.postit {
    width:255px; height: 205px;
	position: absolute;
	top: 18px;right: 0; 
	background: url(postit.gif) no-repeat;
font-family:Arial,sans-serif;
	color: #383838;
	font-size: 12px;
	text-align: left;
 	padding:30px 34px 5px 15px; 
	z-index: 8;
}

.postit b {color:#202020}

.punaise {
 border:none;background:url(punaisebleue.gif);width:30px;height:64px;position:absolute;top:-18px;right:34px;
 } 

#post2 {
top:250px;
}

#post2 .punaise {
background:url(punaiserouge.gif);
}

.postit:hover {z-index:9}

.postit iframe {
width:252px;height:202px;margin-top:-22px; border:none; overflow: hidden;
}

.rss-box ul {
padding-left:21px ;
 margin:6px 0 0 0;
}
.rss-box li {
margin-bottom:3px ;
 /*border: 1px solid red;*/ 
}

.rss-box i {
  font-size: 10px;
}

.postbox {
width:253px;height:197px;position:absolute;top:30px;left:12px;background-color:#FEFD96;
}

#logo {
	display: block;
	position: relative;
	font-family: Tahoma,Verdana, Arial, sans-serif;
	font-weight : bold;
    font-style: normal;
    color: black;
    font-size: 12px;
	text-decoration: none;
	text-align: center;
	width: 150px;
    padding-top:55px;
	margin: 25px 0 25px 25px ;
	background: url(templemin.gif) no-repeat 28px 0px;
}
#logo:hover {
	background: url(templeminclair.gif) no-repeat 28px 0px;
    color: #404040;
	}
#ani {
background: url(ani.gif) no-repeat;
position:absolute; left:33px ; bottom:20px;
width:130px;height:11px;
padding-top:55px;
z-index:0;
}
/* infobulles - testé IE6, IE7 et FF*/
.bulle:hover, .bulle a:hover {border:O;position: relative;z-index: 7;}
.bulle em {display:none;top:10px;left:-100px;position: absolute; background:#E8EEEE;border:1px solid #11565F;font-style: normal;text-decoration:none;z-index: 9;}
.bulle:hover em, .bulle a:hover em {display:block; } 
.bulle em img {border:0}
/*--- subnavigation --------------------------------------*/
li.bulle em {
	top: 20px;
	left:100px;
	border:0;
	background:transparent;
}
li.bulle div {
	background: url(n2.gif) no-repeat;
}
li.bulle a:hover {
  background: url(n2hover.gif) no-repeat;
}