@import url("_layout.css"); /* -- header & footer -- */
@import url("_menu.css"); /* -- menu principal -- */
@import url("_rightcol.css"); /* -- rightcol -- */




/*  ------------------------------------ LAYOUT COLONES */

div#colsociete, div#colpro, div#colpublic{
	width: 260px;
	float: left;
	margin-bottom: 50px;
	margin-left: 0px;
	padding: 0;
	}
	div#colsociete{margin-left: 14px; margin-right: 5px;}
	div#colpro{margin-right: 5px;}
	div#colpublic{margin-right: 10px;}
	
	* html body div#container div#colsociete{width: 241px; margin-left: 7px;}
	* html body div#container div#colpublic, * html body div#container div#colpro{width: 241px;}


/*  ------------------------------------ ELEMENTS COLONES */

h2{
	clear: both;
	display: block;
	width: 250px;
	height: 36px;
	background-color: #73b700;
	font: 1.33em/1em arial, sans-serif;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 0px 21px 10px;
	}	
	div#colpro h2{background-color: #482664;}
	div#colpublic h2{background-color: #26bbc2;}

p{
	margin: 0;
	font: 1em/1.2em lighter arial, sans-serif;
	color: #ffffff;
	padding: 0 0 18px 10px;
	height: 56px;
	width: 250px;
	}
	div#colsociete p{background-color: #73b700;}
	div#colpro p{background-color: #482663;}
	div#colpublic p{background-color: #26bbc2;}
	
		
div#colsociete a.more:link, div#colsociete a.more:visited, div#colsociete a.more:active,
div#colpro a.more:link, div#colpro a.more:visited, div#colpro a.more:active,
div#colpublic a.more:link, div#colpublic a.more:visited, div#colpublic a.more:active{
	display: block;
	width: 250px;
	height: 30px;
	text-align: right;
	padding-right: 10px;
	text-decoration: none;
	font: 1em/2.5 arial, sans-serif;
	color: #ffffff;
	background: #1A6118 url(../img_layout/sprite_picto.jpg) no-repeat 60px -186px;
	text-indent: 0px;
	}
	div#colpro a.more:link, div#colpro a.more:visited, div#colpro a.more:active{background: #28003d url(../img_layout/sprite_picto.jpg) no-repeat 60px -216px;}
	div#colpublic a.more:link, div#colpublic a.more:visited, div#colpublic a.more:active{background: #00749a url(../img_layout/sprite_picto.jpg) no-repeat 60px -246px;}
	div#colsociete a.more:hover, div#colpro a.more:hover, div#colpublic a.more:hover{text-decoration: underline;}
	

h3{
	color: #00749A;
	margin-top: 20px;
	margin-bottom: 33px;
	margin:20px 0 17px 0;
	padding:0 0 0 5px;
	background-color: #fff;
	border-left: 5px solid #00749A;
	font: 1.33em/1em arial, sans-serif;
	text-transform: uppercase;
	}
	div#colsociete h3{color: #73b700;border-color: #73b700;}
	div#colpro h3{color:#482663; border-color: #482663;}
	div#colpublic h3{color: #26bbc2;border-color: #26bbc2;}

	div#colpublic .news{padding-left: 8px;}

/*  ------------------------------------ NEWS */


h4{
	background-color: transparent;
	font: bold 1.1em/1.1 arial, sans-serif;
	margin: 20px 0 12px 9px;
	width: 130px;
	color: #1b6219;
	text-align: left;
	}
	div#colsociete h4{color: #73b700;}
	div#colpro h4{color:#482663; }
	div#colpublic h4{color: #26bbc2;}


div#colsociete p.news, div#colpro p.news, div#colpublic p.news{
	font: 1em/1em arial, sans-serif;
	color: #384c53;
	background-color: #ffffff;
	width: 130px;
	height: auto;
	}
	* html body div#container p.news{width: 120px;}
	
div#colsociete a.plus:link, div#colsociete a.plus:visited, div#colsociete a.plus:active,
div#colpro a.plus:link, div#colpro a.plus:visited, div#colpro a.plus:active,
div#colpublic a.plus:link, div#colpublic a.plus:visited, div#colpublic a.plus:active{
	text-indent: 0px;
	clear: both;
	display: block;
	width: 133px;
	height: 17px;
	font: 0.8em/17px arial, sans-serif;
	color: #ffffff;
	text-align: center;
	background: transparent url(../img_layout/sprite_btns.jpg) no-repeat top left;
	margin-left: 9px;
	text-transform: uppercase;
	border: 0px;
	}
	div#colsociete a.plus:hover, div#colpro a.plus:hover, div#colpublic a.plus:hover{
		text-decoration: underline;
		background-position:  0px -18px;
		}

div#colsociete a:link, div#colsociete a:visited, div#colsociete a:active,
div#colpro a:link, div#colpro a:visited, div#colpro a:active,
div#colpublic a:link, div#colpublic a:visited, div#colpublic a:active{
	text-indent: -9999px;
	display: block;
	border: 0;
	background-image: none;
	}
	div#colsociete a:hover, div#colpro a:hover, div#colpublic a:hover{}	
	

div#colsociete img.imgnews, div#colpro img.imgnews, div#colpublic img.imgnews{
	float: right;
	margin-right: 9px;
	border: 0;
	background-image: none;
	}
	* html body div#container img.imgnews{margin: 0;}
	

div.actu_bloc {
  height:auto;
}