@import url("/skin/styles.general.css");
@import url("/skin/skin_default/client.css");
@import url("/skin/skin_default/menu.css");
@import url("/skin/skin_default/pager.css");
@import url("/skin/skin_default/cal.css");

@import url("/modules/SendPrintTools/module.css");
@import url("/modules/actualites/module.css");
@import url("/modules/evenement/module.css");
@import url("/modules/quoi_de_neuf/module.css");
@import url("/modules/emplois/module.css");
@import url("/modules/google_localizator/module.css");
/*########################################################
						Interface
########################################################*/
html{
	height: 100%;
}
body{
	margin: 0px;
	padding: 0px;
	background: url(/images/bg-fond-feutre.gif) center top;
	height: 100%;
	text-align: center;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
#fade{
	background: url(/images/bg-fond-feutre.jpg) center top repeat-y;
	height: 100%;
}	html > body #fade{min-height: 100%; height: auto;}
#fade div.topshadow{
	
}
img{border: none;}
form{margin:0px; padding:0px;}
a{color: #0074b7; text-decoration: underline;}
a:hover{color: #f05e24; text-decoration: none;}
#top{
	margin: 0 auto;
	padding: 0px;
	width: 785px;
	text-align: left;
}
	
	#header{
		background: url(/images/header.jpg) top left no-repeat;
		height: 178px;
		position: relative;
	}
	#top.home #header{
		background: url(/images/header-home.jpg) top left no-repeat;
		height: 224px;
	}
	#titre{
		float: left;
		width: 285px;
		text-align: center;
		padding-top: 5px;
	}
	#titre div.holder{padding-left: 16px;}
	#top.home #titre{
		padding-top: 15px;
	}
	#navigator{
		float: right;
		color: #1a539a;
		font: bold 11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
		padding: 3px 10px;
	}
		#navigator a{
			color: #1a539a;
			text-decoration: none;
		}
		#navigator a:hover{
			color: #1a539a;
			text-decoration: underline;
		}
	#font{
		clear: right;
		float: right;
		padding: 44px 15px 0px 0px;
	}
	#top.home #font{
		padding: 90px 15px 0px 0px;
	}
	#etre{margin: 10px 0px 0px 0px;}
	#top.home #etre{margin: 22px 0px 0px 0px;}
	
	#menu{
		position: absolute;
		width: 500px;
		height: 90px;
		background: url(/images/bg-menu.gif) 0px 0px repeat-x;
		top: 88px;
		left: 285px;
	}
	#top.home #menu{top: 134px;}
	
	#contenth{background: #FFFFFF url(/images/shadow-menu.gif) left top repeat-y; width: 785px;}
	#top.home #contenth{background: none;}
	#contenth div.page{background: url(/images/bg-content-h.jpg) left top no-repeat;}
	#contenth div.corner{background: url(/images/corner-rt-white10.gif) right 30px no-repeat;}
	#contenth div.pagefoot{background: url(/images/bg-footer.gif) right bottom no-repeat;}
	
	#leftCol{
		width: 269px;
		margin-left: 16px;
		float: left;
		text-align: center;
		display: inline;
	}
	#top.home #leftCol{background: #FFFFFF;}
		
		#home{
			width: 304px;
			float: left;
		}
		#banners{
			width: 196px;
			float: left;
			text-align: right;
			border-top: 1px solid #f05e24;
		}
		#teasers{margin-left: 1px;}
		#banners ul,
		#banners ul li{
			margin: 0px;
			padding: 0px;
			list-style: none;
			width: 195px;
		}
		#banners ul li{
			background: #f5fdc7 url(/images/bg-banner.gif) left bottom no-repeat;
			text-align: left;
			font: 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
			border-bottom: 1px solid #f05e24;
			float: left;
		}
		#banners ul li span{
			display: block;
			padding: 5px 10px 10px 10px;
			line-height: 1.4em;
			letter-spacing: 0.02em;
		}
		#banners ul li img{display: block;}
		#banners ul li a{
			color: #4e84a2;
			text-decoration: underline;
		}
		#banners ul li a:hover{
			color: #4e84a2;
			text-decoration: none;
		}
		
		#teasers div.capsuleAcc{
			background: #f5fdc7 url(/images/bg-banner.gif) left bottom no-repeat;
			text-align: left;
			font: 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
			padding-bottom: 4px;
		}
			#teasers div.capsuleAcc img{margin-bottom: 5px;}
			#teasers div.capsuleAcc h3{
				margin: 0px;
				padding: 2px 5px 2px 12px;
				font-size: 13px;
			}
			#teasers div.capsuleAcc a{
				color: #5b780e;
				text-decoration: none;
			}
			#teasers div.capsuleAcc a:hover{
				color: #5b780e;
				text-decoration: underline;
			}
			#teasers div.capsuleAcc h3 a{
				color: #b7201a;
				text-decoration: none;
			}
			#teasers div.capsuleAcc p{
				margin: 0px;
				padding: 2px 5px 4px 12px;
			}
		
	#rightCol{
		width: 785px;
		float: right;
		clear: right;
	}
	#top.home #rightCol{width: 500px; background: none;}
	
	#searchRound{
		background: #FFFFFF url(/images/bg-search-round.gif) left bottom no-repeat;
		padding-bottom: 16px;
	}
	
	#searchbox{
		margin: 0 auto;
		width: 254px;
		height: 32px;
		background: url(/images/bg-search-box.gif) left top no-repeat;
		text-align: left;
	}
		#searchbox td{padding-left: 4px;}
		#searchbox input{
			border: 0px;
			width: 110px;
		}
		#searchbox a,
		#searchbox a:hover{text-decoration: none;}
		#searchbox a input{
			width: 9px;
			height: 11px;
			overflow: hidden;
			padding: 0px;
			margin: 0px;
			background: url(/images/btn-go.gif) 0px 0px no-repeat;
			border: none;
			cursor: pointer;
		}
		#searchbox a:hover input{background: url(/images/btn-go.gif) 0px -11px no-repeat;}
		#searchbox div.header{
			width: 112px;
			text-align: right;
			float: left;
			color: #ffd366;
			font: bold 10px Verdana, Arial, Helvetica, sans-serif;
			padding-top: 3px;
			text-transform: uppercase;
		}
		#searchbox div.header a{
				color: #c5c4bd;
				font: 9px Verdana, Arial, Helvetica, sans-serif;
				text-decoration: underline;
				display: block;
				text-transform: none;
			}
			#searchbox div.header a:hover{
				color: #FFFFFF;
				text-decoration: none;
			}

div.more a{
	color: #f05e24 !important;
	text-decoration: none !important;
	padding: 2px 0px 4px 21px !important;
	font: bold 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif !important;
}
div.more a:hover{
	color: #294c6c !important;
	text-decoration: none !important;
	font-weight: bold !important;
	padding: 2px 0px 4px 21px !important;
	font: bold 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif !important;
}

#mcal div.more{
	padding-top: 10px;
	text-align: left;
	padding-left: 12px;
}
#mcal div.more a{
	background: url(/images/icon-sheets.gif) 0px 0px no-repeat;
}

#printp,
#emploiListe{
	margin: 0 auto;
	width: 493px;
	padding: 0px 0px 50px 0px;
	font: 100% 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}
	#printp,
	#emploiListe{height: 50px;}
	html > body #printp,
	html > body #emploiListe{height: auto; min-height: 50px;}
	#printp h1,
	#emploiListe h1{
		padding: 15px 40px 5px 0px;
		margin: 0px;
		font: bold 160% 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
		color: #d95520;
	}
	#printp h2,
	#emploiListe h2{
		padding: 30px 40px 5px 0px;
		margin: 0px;
		font: 145% 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
		color: #d95520;
	}
	#printp h3,
	#emploiListe h3{
		padding: 30px 40px 5px 0px;
		margin: 0px;
		font: 145% 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
		color: #0074b7;
	}
	#printp h4,
	#emploiListe h4{
		padding: 20px 40px 5px 0px;
		margin: 0px;
		font: bold 115% 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
		color: #d95520;
	}
	#printp h5,
	#emploiListe h5{
		padding: 20px 40px 5px 0px;
		margin: 0px;
		font: bold 115% 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
		color: #0074b7;
	}
	#printp h5.liste,
	#emploiListe h5.liste{
		padding-left: 8px;
	}
	
	#printp h5.liste strong{
		display: block;
		font-size: 110%;
		color: #015c90;
	}
	
		#printp h5.liste small,
		#emploiListe h5.liste small{
			display: block;
			color: #999999;
			font: 80% Arial, Helvetica, sans-serif;
			text-transform: none;
		}
	#printp h6,
	#emploiListe h6{
		padding: 10px 40px 0px 0px;
		margin: 0px;
		font: bold 100% 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
		color: #666666;
	}
	#printp p,
	#emploiListe p{
		margin: 0px;
		padding: 8px 0px;
	}
	#printp pre,
	#emploiListe pre{
		margin: 0px;
		padding: 8px 15px;
		background: #F8F8F8;
		white-space: normal;
		color: #333333;
		font-size: 90%;
	}
	#printp ul, #printp ol{
		margin-top: 0px;
		padding-top: 0px;
		margin-bottom: 5px;
		padding-bottom: 5px;
	}
	#printp ul li, #printp ol li{
		margin-bottom: 5px;
	}
	#printp ul, #printp ul li{
		padding: 0px;
		margin: 0px;
		list-style: none;
	}
		#printp ul{
			padding: 10px 0px;
			margin-left: 20px;
		}
		#printp ul li{
			padding-left: 30px;
			margin-bottom: 2px;
			background: url(/images/bullet-blue.gif) 10px 2px no-repeat;
		}
			#printp ul ul li{
				background: url(/images/bullet-orange.gif) 10px 1px no-repeat;
				font-size: 90%;
				color: #555555;
			}
	#printp .alignement-gauche,
	#emploiListe .alignement-gauche{
		float: left;
		margin: 3px 10px 10px 0px;
		padding: 3px;
		border: 1px solid #E0E0E0;
	}
	#printp .alignement-droite,
	#emploiListe .alignement-droite{
		float: right;
		margin: 3px 0px 10px 10px;
		padding: 3px;
		border: 1px solid #E0E0E0;
	}
	#printp .alignement-centre,
	#emploiListe .alignement-centre{
		margin: 10px auto 10px auto;
		padding: 3px;
		border: 1px solid #E0E0E0;
		text-align: center;
	}
	
	#printp .boite-cadre-gris,
	#emploiListe .boite-cadre-gris{
		margin: 10px 0px;
		padding: 8px;
		border: 1px solid #dddddd;
		background: #f4f4f4;
	}
	
	#printp .boite-cadre-orange,
	#emploiListe .boite-cadre-orange{
		margin: 10px 0px;
		padding: 8px;
		border: 1px solid #dfb77d;
		background: #fef6e8;
	}
	
	#printp .boite-cadre-bleu,
	#emploiListe .boite-cadre-bleu{
		margin: 10px 0px;
		padding: 8px;
		border: 1px solid #a4b2bf;
		background: #e7edf3;
	}
	
	#printp img.imgTemoignages{
		background: #FFFFFF;
		padding: 2px;
		border: 1px solid #CCCCCC;
		float: left;
		margin: 0px 20px 20px 0px;
	}
	#printp h3.h3Temoignages{
		padding: 0px 0px 10px 0px;
	}
	
#advSearch{font: 100% Verdana, Arial, Helvetica, sans-serif;}
#advSearch small{font: 80% Arial, Helvetica, sans-serif;}
#advSearch h3{
	font-size: 140%;
	padding: 10px 0px;
	color: #504d2c;
}
#results div.header{
	border-bottom: 1px solid #504d2c;
	color: #FFFFFF;
	font: bold 90% Arial, Helvetica, sans-serif;
	padding: 8px 10px 5px 10px;
	margin-top: 35px;
	background: #6e6b50 url(/images/bg-recherche.gif) bottom left repeat-x;
}
	#results div.header div.titre{
		float: left;
	}
	#results div.header div.result{
		float: right;
		font-weight: normal;
	}
#results div.item{
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	padding: 10px;
	border-bottom: 1px solid #c5c4bd;
	color: #666666;
}
#results div.rowFalse{background: #F6F6F6;}

	#results div.item div.titre a{
		font-size: 110%;
		font-weight: bold;
		color: #504d2c;
		text-decoration: none;
	}
	#results div.item div.titre a:hover{
		color: #f05e24;
		text-decoration: underline;
	}
	#results div.item div.titre em{font-weight: normal;}
	
	#results div.item div.sommaire{padding-top: 8px;}
	
#ResultSearch{
	padding: 10px;
	padding-bottom: 0px;
	text-align: right;
	color: #a8a696;
}

#haut{
	float: right; 
	width: 533px;
	position: relative; 
}
	#haut div{
		padding: 0px 20px;
		position: absolute;
		top: -10px;
		z-index: 200;
		font: 11px Arial, Helvetica, sans-serif;
	}
	#haut a{
		color: #777777;
		text-decoration: none;
		background: url(/images/bg-haut.gif) left 5px no-repeat;
		padding-left: 12px;
	}
	#haut a:hover{color: #f05e24; background: url(/images/bg-haut.gif) left -7px no-repeat;}

#CSSSE{position: relative;}
#CSSSE div{
	position: absolute;
	top: -55px;
	left: 595px;
}
#footer{
	color: #FFFFFF;
	width: 768px;
	margin: 0 auto;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 30px 0px 30px 16px;
}
	#footer p{
		margin: 0px;
		padding: 3px 0px 15px 0px;
		color: #f5986d;
		font: 9px Arial, Helvetica, sans-serif;
	}
	#footer small{
		display: block;
		padding: 3px 0px;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		color: #fbcfbd;
	}
	#footer a{
		color: #fcdfd3;
		text-decoration: none;
	}
	#footer a:hover{
		color: #FFFFFF;
		text-decoration: underline;
	}
	

div.back{
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 6px 0px;
	text-transform: uppercase;
	border-top: 1px solid #F0F0F0;
	margin-top: 20px;
}
div.megaHolder{
	padding-bottom: 40px;
}
	
a.btn{
	border: 1px solid #b12200;
	cursor: pointer;
	display: block;
	float: right;
	background: #e52f16 url(/images/bg-btn.gif) 0px 0px repeat-x;
	text-decoration: none;
}
a.btn input{
	border: none;
	border-top: 1px solid #f9b398;
	background: transparent url(/images/bg-btn-arrow.gif) 8px 7px no-repeat;
	cursor: pointer;
	color: #FFFFFF;
	padding: 4px 8px 4px 15px;
	font: bold 9pt Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: normal;
}

a.btn:hover{
	border: 1px solid #04396e;
	background: #0e3c87 url(/images/bg-btn.gif) 0px -30px repeat-x;
}
a.btn:hover input{
	background: transparent url(/images/bg-btn-arrow.gif) 8px -44px no-repeat;
	border-top: 1px solid #90c2e4;
}
a.email{
	background: url(/images/icon-email.gif) 0px 2px no-repeat;
	padding-left: 20px;
}

table.form{
	margin-top: 10px; 
	font: 90% Verdana, Arial, Helvetica, sans-serif;
}
table.form input,
table.form textarea,
table.form select{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #CCCCCC;
	padding: 2px;
	color: #65666a;
}
table.form select{
	padding: 0px;
}
table.form th{
	padding: 5px;
	border-top: 1px solid #e9e9e9;
	font-size: 110%;
	color: #0074b7;
	text-transform: uppercase;
}
table.form td{
	padding: 2px 5px;
}
table.form td em,
i{
	color: #3781ca;
	font: bold 130% "Courier New", Courier, monospace;
	padding-left: 5px;
}
i{
	padding-left: 0px;
	font-size: 90%;
}

#sent{
	position: absolute;
	top: 0px;
	left: 11px;
	background: #f9eadc;
	color: #d95520;
	font-size: 90%;
	width: 300px;
	border: 10px solid #FFFFFF;
}
	#sent div{
		padding: 10px 25px;
		border: 1px solid #d95520;
	}
	
#printp #publist, #printp #publist li{
	padding: 0px;
	margin: 0px;
	list-style: none;
	background: none;
	width: 400px;
}
	#printp #publist li{
		border-bottom: 1px solid #F0F0F0;
	}
	#printp #publist li a{
		display: block;
		background-position: 0px -1px;
		background-repeat: no-repeat;
		padding: 5px 29px;
		width: 342px;
		color: #666666;
		text-decoration: none;
	}
	#printp #publist li.rowFalse a{background-color: #FAFAFA;}
	
	#printp #publist li a:hover,
	#printp #publist li.rowFalse a:hover{
		background-color: #edf4fa;
		color: #074583;
	}
 
/*##################################################
				Gestion des erreurs
####################################################*/
div#publicerror, div#publicerrorErr{
	color:#FF0000;
}

#noFlash{
	background: url(/images/logo-flash.gif) 0px 10px no-repeat;
	padding: 0px 10px 0px 65px;
}