/*
GENERAL STYLE
*/
@import 'form_style.css';


h1 a{text-decoration:none;}
h4{font-size:.8em;margin:0;padding:0;}

	div.nav_bulletin {
		position:relative;
		font-size:12px;
		padding-top:10px;		
	}
	
		div.nav_bulletin span.current_year{
			width:90%;
			display:block;
			text-align:center;
			margin-bottom:8px;
			font-weight:bold;
		}
		
		a#next_year, a#prev_year{text-decoration:none;font-weight:bold;font-size:18px;}
	
	div.nav_bulletin ul{margin:0;padding:0;}
		
		div.nav_bulletin ul li{
			margin:0;
			padding:0;
			list-style:none;
			float:left;
			width:48%;
		}
			div.nav_bulletin ul li span.month{
				width:80px;
				display:block;
				float:left;				
				margin-right:4px;
			}
			div.nav_bulletin ul li a{
				text-decoration:none;				
			}
			
			div.nav_bulletin ul li a:hover{
				text-decoration:underline;				
			}
			
			div.nav_bulletin ul li span.notrelased{
			}
			


/* ----- STYLE DU DROP SHADOWS ----- */

.img-shadow { position: relative;
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 5px 0 10px !important;
  margin: 10px 0 0 5px;  
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px; 
  }


.p-shadow {
  width:500px;
  float:right; 
 /* background: url(../images/shadow.gif) no-repeat bottom right;*/
  margin:40px 10px 40px 10px !important;
  margin: 40px 10px  40px 5px;
  }

.p-shadow div.niv2 {
 /* background: none !important;
  background: url(shadow2.gif) no-repeat left top;*/
  padding: 0 !important;
  padding: 0 6px 6px 0;

  }

.p-shadow div.niv3 {
  color: #777;
 /* background-color: #fff;*/
  

  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: -6px 0 6px 0px;
  }


div#le_bulletin{
	float:right;	
	color:#000;
	padding:0 10px 20px 0px;
	position:relative;	
	text-align:left;	
	width:590px;		
}

* html div#le_bulletin{width:600px;}

div#le_bulletin h1{
	font-family: trebuchet ms, Verdana, Arial, sans-serif;
	color:#111;
	font-weight:bold;
	font-style:oblique;
	font-size:1.4em;	
	margin-top:10px;
	margin-left:12px;
	color:#4a4a4a;
	margin-bottom:0px;
}


div#le_bulletin h1.date{
	position:relative;
	font-family: trebuchet ms, Verdana, Arial, sans-serif;
	color:#111;
	font-weight:normal;
	font-style:normal;
	font-size:60%;	
	margin-top:-107px;
	margin-left:184px;
	color:#fff;
	margin-bottom:95px;
}

div#le_bulletin h1 sup{font-size:.6em;}


	h1.grandtitre{
		margin:0 10px;
		font-size:100%;
		border-bottom:1px solid #dadada;
		padding-bottom:3px;
	}


div.bulletin_article{
	position:relative;	
	padding:10px 10px 20px 10px;	
	color:#fff;	
	text-align:left;
	font-family:Arial,Helvetica,sans-serif;
	line-height:13pt;
}	
	
	
	img.thumbnails{float:left;margin:5px 10px 10px 0;}
	
	div.bulletin_article h3{		
		color:#6c6c67;
		margin:0px;	
		font-size:14px;		
		padding-bottom:3px;	
		font-weight:bold;	
	}
	
	div.bulletin_article {font-size:12pt;color:#6C6C67;}
	div.bulletin_article a{color:#496C00;}
	div.bulletin_article a:HOVER{color:#a7b329;}
	div.bulletin_article div.longtext{margin-bottom:10px;font-size:12px;color:#58594E;}
	div.bulletin_article div.text{margin-bottom:10px;margin-left:110px;font-size:8pt;color:#58594E;}
	div.bulletin_article div.textmore{margin-top:5px;display:none;font-size:8pt;color:#58594E;border-left:1px solid #dadada;padding-left:10px;}
	
	
	
div.bulletin_draghover div.edit_panel{display:block;}

div.catego{
	font-size:10px;
	font-style: italic;
	color:#496C00;
	width:100%;
	border-top:1px dotted #A0A0A0;
	text-align:right;
}





div.general{
	position:relative;
	/*border:1px dashed #fff;*/
	padding:5px 10px 20px 10px;	
	color:#4b4b4b;	
	text-align:left;
	font-family:Arial,Helvetica,sans-serif;
	line-height:13pt;
	font-size:12px;
}	

	
/*	div.general h3{		
		color:#fd1e00;
		margin:0px;	
		font-size:100%;
		border-top:1px dotted #dadada;
		padding-bottom:3px;		
	}*/
	
	div.general h4{	
		font-size:100%;
		margin-bottom:0;
		padding-bottom:0;
	}
	
	
div.grosseimage {
text-align:center;
}
div.grosseimage img {
border:3px solid #DADADA;
margin-bottom:5px;
}
div.grosseimage div.legende {
color:#3E3E3E;
font-size:90%;
font-style:oblique;
text-align:center;
}