* {
	margin: 0px;
	padding: 0px;
	font-family: Gill Sans / Gill Sans MT, sans-serif;
}

html {
	width: 100%;
	height: 100%;
}

ul {
	list-style: none;
}

img {
	border: 0;
}

fieldset {
	border: 1px solid #308AD6;
	margin-bottom: 10px;
	margin-top: 15px;
	padding: 5px;
}

legend {
	font-weight: bold;
	color: #1588ff;
	padding-left: 2px;
	padding-right: 2px;
}

h1 {
	color: #FFFFFF;
	font-size: 24px;
	background: url(../img/menu_active.png);
	line-height: 30px;
	padding-left: 10px;
	border: 1px solid #1588ff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	border-radius: 8px;
	margin-bottom: 16px;
}
	h1.small {
		color: #FFFFFF;
		font-size: 20px;
		background: url(../img/menu_active.png);
		line-height: 30px;
		padding-left: 10px;
		border: 1px solid #1588ff;
		text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px; 
		border-radius: 8px;
		margin-bottom: 16px;
	}
	h1.small2 {
		color: #FFFFFF;
		font-size: 17px;
		background: url(../img/menu_active.png);
		line-height: 30px;
		padding-left: 10px;
		border: 1px solid #1588ff;
		text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px; 
		border-radius: 8px;
		margin-bottom: 16px;
	}

h2 {
	font-size: 20px;
	display: block;
	font-weight: bold;
	color: #1588ff;
	margin-bottom: 8px;
	border-bottom: 1px dotted #167eff;
}

h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
	display: block;
	font-weight: bold;
	color: #1588ff;
	margin-bottom: 8px;
}

hr {
	margin: 3px 0;
}

a {
	color: #1588ff;
	font-weight: bold;
}
	a:hover {
		text-decoration: none;
	}

a.white {
	color: #333;
	font-weight: bold;
}
	a.white:hover {
		text-decoration: none;
	}

#main {
	/*position: absolute;*/
	width: 1060px;
	margin: 0 auto;
	margin-top: 15px;
	padding: 0 10px;
	/*left: 50%;
	margin-left: -520px;
	top: 15px;*/
}

figure {
	display: block;
	height: 165px;
	width: 1040px;
}

#popup {
	position: absolute;
	left: 0;
	top: 0;
	padding: 3px;
	width: 180px;
	border: 3px solid #555;
	background: #FFFFFF;
	display: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #555;
	box-shadow: 1px 1px 5px #555;
	z-index: 100;
}
	#popup > #pointer {
		position: absolute;
		display: block;
		left: 186px;
		top: 5px;
		width: 13px;
		height: 16px;
		background: url('../img/pointer.png') no-repeat;
	}

#menuHeader ul {
	width: 1030px;
	margin: 5px;
	padding-bottom: 8px;
	border-bottom: 3px solid #1588ff;
	text-align: right;
}
	#menuHeader ul li {
		display: inline;
		margin: 0px 6px;
	}
		#menuHeader ul li:last-child {
			display: inline;
			margin: 0px 0px 0px 8px;
		}
	#menuHeader ul li a {
		padding: 3px;
		color: #1588ff;
		font-size: 15px;
		font-weight: bold;
		text-decoration: none;
		border: 1px solid #ffffff;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	#menuHeader ul li a:hover {
		color: #FFFFFF;
		text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
		background: url(../img/menu_hover.png);
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px; 
		border-radius: 4px;
		border: 1px solid #fe7200;
	}

footer {
	color: #949494;
	font-size: 12px;
	text-align: center;
	clear: both;
}

#menuFooter ul {
	margin: 0 auto;
	border-top: 3px solid #1588ff;
	padding-top: 5px;
}
	#menuFooter ul li {
		display: inline;
		margin: 0px 3px;
	}
	#menuFooter ul li a {
		padding: 3px;
		color: #949494;
		text-decoration: none;
		font-weight: 100;
	}
	#menuFooter ul li a:hover {
		text-decoration: underline;
	}
	#menuFooter p {
		margin-top: 0px;
		margin-bottom: 5px;
	}

#content {
	margin-top: 10px;
	margin-bottom: 10px;
	display: table;
}
	#mainContent {
		float: left;
		width: 750px;
		padding-right: 20px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 15px;
	}
		#mainContent p {
			margin-bottom: 10px;
			line-height: 22px;
		}
	aside {
		float: right;
		width: 250px;
	}
		aside>div {
			margin-bottom: 18px;
		}
		aside p {
			font-size: 14px;
		}
		aside a {
			font-weight: bold;
			text-decoration: underline;
			color: #1588ff;
		}
		aside a:hover {
			text-decoration: none;
		}
		aside h3 {
			padding-left: 14px;
			color: #FFFFFF;
			font-size: 18px;
			text-decoration: none;
			font-weight: bold;
			letter-spacing: -1px;
			display: block;
			width: 250px;
			height: 30px;
			line-height: 30px;
			background: url(../img/menu.png);
			border: 1px solid #242424;
			text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
			-moz-border-radius: 8px 8px 0px 0px; 
			-webkit-border-radius: 8px 8px 0px 0px; 
			border-radius: 8px 8px 0px 0px;
			margin-bottom: 0px;
		}

#accordion>a.acc {
	padding-left: 14px;
	color: #FFFFFF;
	font-size: 19px;
	text-decoration: none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	display: block;
	width: 250px;
	height: 30px;
	line-height: 30px;
	background: url(../img/menu.png);
	border: 1px solid #242424;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
}
	#accordion>a.selected {
		background: url(../img/menu_active.png);
	}
	#accordion>a.acc:hover {
		background: url(../img/menu_hover.png);
		border-bottom: 1px solid #fe7200;
	}
	#accordion div {
		border-left: 1px solid #242424;
		border-right: 1px solid #242424;
		padding: 4px;
		width: 256px;
	}
		#accordion div p {
			margin-bottom: 4px;
		}
		#accordion div p:last-child {
			margin-bottom: 0px;
		}
		#accordion div a {
			font-size: 12px;
			font-family:Arial, Helvetica, sans-serif;
			background: none;
		}
		#accordion div span.accS {
			display: block;
			margin-top: 4px;
		}
			#accordion div span.accS input[type='text'], #accordion div span.accS input[type='password'] {
				width: 248px;
			}

#searchBox {
	position: absolute;
	top: 167px;
	right: 0px;
}

#boxAccueil {
	position: relative;
	float: left;
	width: 270px;
	background: #d9f6ff;
	border: 1px solid #167eff;
	padding: 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
}
	#boxAccueil h2 {
		font-size: 18px;
		color: #1588ff;
		border: none;
	}
	#boxAccueil p {
		margin: 6px 0px;
		line-height: 16px;
	}
	#boxAccueil p:last-child {
		margin-bottom: 0px;
	}
	

#boxFicheMetier {
	position: relative;
	float: left;
	background: #d9f6ff;
	border: 1px solid #167eff;
	padding: 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 140px;
	margin-right: 20px;
	margin-bottom: 8px;
}
	#boxFicheMetier h2 {
		font-size: 18px;
		color: #1588ff;
		border: none;
	}
	#boxFicheMetier p {
		margin: 8px 0px;
		line-height: 16px;
	}
	#boxFicheMetier p:last-child {
		margin-bottom: 0px;
	}

.boxSide {
	width: 256px;
	border: 1px solid #242424;
	border-top: 0px;
	padding: 4px;
}
	.backBlue {
		/*background: url('../img/backContrat.png') no-repeat bottom left;*/
	}

#slideShow {
	position: relative;
	float: right;
	width: 450px;
	height: 360px;
}
	#slideShow>div {
		width: 100%;
		height: 100%;
		border: 1px solid #1588ff;
	}
	#slideShow>div.slide_adm {
		background: url(../img/intranet_adm.png);
	}
	#slideShow>div.slide_app {
		background: url(../img/intranet_app.png);
	}
	#slideShow>div.slide_ent {
		background: url(../img/intranet_ent.png);
	}
		#slideShow>div>div.link {
			margin-top: 75px;
			padding: 0px 14px;
		}
			#slideShow>div>div.link p {
				margin-top: 8px;
			}
			#slideShow>div>div.link a {
				font-family:Arial, Helvetica, sans-serif;
				color: #FFFFFF;
				font-size: 20px;
				text-decoration: none;
				text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
			}
			#slideShow>div>div.link a:hover {
				text-decoration: underline;
			}

#facebookLink {
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
	#facebookLink:hover {
		filter: alpha(opacity=100);
		-khtml-opacity: 1;
		-moz-opacity: 1;
		opacity: 1;
	}

.TR {
	-moz-border-radius: 8px 8px 0px 0px; 
	-webkit-border-radius: 8px 8px 0px 0px; 
	border-radius: 8px 8px 0px 0px;
}

.BR {
	-moz-border-radius: 0px 0px 8px 8px; 
	-webkit-border-radius: 0px 0px 8px 8px; 
	border-radius: 0px 0px 8px 8px;
}

.fRight {
	float: right;
}

.borderBottom {
	border-bottom: 1px solid #242424;
}

.tCenter {
	text-align: center;
}

.pointer {
	cursor: pointer;
}

.espaceTop {
	margin-top: 6px;
}

.espaceBottom {
	margin-bottom: 12px;
}

.lhButton {
	line-height: 26px;
}

.cfm {
	float: right;
}

.cma {
	float: left;
}

.date {
	font-size: 12px;
}

.underline {
	text-decoration: underline;
}

.trente {
	width: 30px;
}

.italic {
	font-style: italic;
}

.boxRight {
	width: 450px;
	float: right;
}

.clear {
	clear: both;
}

.orange {
	color: #ff9613;
}

.hide {
	display: none;
}

.photo {
	background: #FFFFFF;
	border: 1px solid #b0b0b0;
	padding: 4px;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	border-radius: 8px;
	-webkit-box-shadow: #000 0 0 2px;
	-webkit-transition: -webkit-transform .2s ease-in-out, -webkit-box-shadow .1s ease-in;
}
	.photo:hover {
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		z-index: 10;
		-webkit-box-shadow: #666666 0 5px 10px;
		-moz-box-shadow: #666666 0 5px 10px;
	}

.photoNews {
	background: #FFFFFF;
	border: 1px solid #c0c0c0;
	padding: 4px;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	border-radius: 8px;
	-webkit-box-shadow: #000 0 0 2px;
	margin-left: 12px;
	matgin-bottom: 8px;
}

#imageSide {
	display: block;
	margin-top: 10px;
	width: 100%;
	padding: 7px;
	text-align: center;
}
	#imageSide a {
		display: block;
		margin-bottom: 8px;
	}
	#imageSide a:last-child {
		margin-bottom: 0px;
	}

.left {
	float: left;
}
.right {
	float: right;
}

#map {
	border: 1px solid #1588ff;
	width: 420px;
	height: 300px;
}
#info {
	width: 290px;
}

.bold {
	font-weight: bold;
}

.big {
	font-family: 'Open Sans', sans-serif;
	font-size: 42px;
}

.tRight {
	text-align: right;
}

.gris {
	color: #242424;
}

.sousTitre {
	color: #ff9613;
	font-weight: bold;
}

#boxActu {
	width: 380px;
}
	#boxActu div.boxHead {
		padding-left: 14px;
		color: #FFFFFF;
		font-size: 18px;
		text-decoration: none;
		font-weight: bold;
		letter-spacing: -1px;
		display: block;
		width: 366px;
		height: 30px;
		line-height: 30px;
		border: 1px solid #242424;
		background: url(../img/menu.png);
		text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
	}
	#boxActu div.boxCorps {
		width: 374px;
		padding: 3px;
		border: 1px solid #242424;
		border-top: 0px;
	}
		#boxActu a {
			color: #1588ff;
			font-weight: bold;
			text-decoration: underline;
		}
		#boxActu a:hover {
			text-decoration: none;
		}
		#boxActu div.boxCorps p {
			margin-bottom: 6px;
		}
		#boxActu div.boxCorps p:last-child {
			margin-bottom: 0px;
		}

#boxSearch {
	width: 340px;
}
	#boxSearch div.boxHead {
		padding-left: 14px;
		color: #FFFFFF;
		font-size: 18px;
		text-decoration: none;
		font-weight: bold;
		letter-spacing: -1px;
		display: block;
		width: 326px;
		height: 30px;
		line-height: 30px;
		border: 1px solid #1588ff;
		background: url(../img/menu_active.png);
		text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
	}
	#boxSearch div.boxCorps {
		width: 334px;
		padding: 3px;
		border: 1px solid #1588ff;
		border-top: 0px;
	}
		#boxSearch div.boxCorps input[type='text'] {
			width: 220px;
		}

.tableau {
	width: 100%;
	margin-bottom: 10px;
	font-family:Verdana, Geneva, sans-serif;
}
	.tableau th {
		background: url(../img/menu_active.png);
		color: #ffffff;
		padding: 1px;
		height: 20px;
		font-size: 15px;
		-moz-border-radius: 8px 8px 0px 0px; 
		-webkit-border-radius: 8px 8px 0px 0px; 
		border-radius: 8px 8px 0px 0px;
	}
		.tableau tbody tr td {
			padding: 3px 2px;
			height: 20px;
			font-size: 14px;
			border: 1px solid #B8C4CF;
		}
			.tableau tbody tr td.ligne1 {
				background: #FFFFFF;
			}
			.tableau tbody tr td.ligne2 {
				background: #d9f6ff;
			}
			
			.tableau tbody tr td  input[type='text'] {
				width: 400px;
			}

.box {
	width: 100%;
	border: 1px solid #167eff;
	background: #d9f6ff;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	border-radius: 8px;
	margin-bottom: 10px;
}
	.box table {
		margin: 5px;
	}

.resize {
	padding: 5px;
	margin: 5px;
	width: 100px;
	background: #dddddd;
	border: 1px solid #909090;
	resize: both;
}
	.resize:hover {
		border: 1px solid #308ad6;
		background: #6eade2;
		cursor: pointer;
	}

.add {
	background: url(../img/add.png) no-repeat 0px 3px;
	padding-left: 18px;
}

.emprunt {
	background: url(../img/book.png) no-repeat 0px 3px;
	padding-left: 20px;
}

.download {
	background: url(../img/download.png) no-repeat 0px 3px;
	padding-left: 18px;
}

.delete {
	background: url(../img/drop.png) no-repeat 0px 3px;
	padding-left: 18px;
}

.printer {
	background: url(../img/printer.png) no-repeat 0px 3px;
	padding-left: 18px;
}

.stats {
	background: url(../img/stats.png) no-repeat 0px 3px;
	padding-left: 18px;
}

.search {
	background: url(../img/search.png) no-repeat 0px 3px;
	padding-left: 18px;
}

.arrow {
	background: url(../img/arrowRight.png) no-repeat 0px 3px;
	padding-left: 20px;
}

.folder {
	background: url(../img/folder.png) no-repeat 0px 3px;
	padding-left: 20px;
}

.webtv {
	background: url(../img/webtv.png) no-repeat 0px 3px;
	padding-left: 20px;
}

.lib_reserve {
	background: url(../img/tag_orange.png) no-repeat 0px 3px;
	padding-left: 20px;
	
}

.lib_emprunt {
	font-weight: bold;
	background: url(../img/tag_red.png) no-repeat 0px 3px;
	padding-left: 20px;
	
}

.lib_disponible {
	background: url(../img/tag_green.png) no-repeat 0px 3px;
	padding-left: 20px;
	
}

p.small {
	font-size: 12px;
}

P.red {
	color: #C00;
}

#pcPret, #pcRendu {
	font-size: 12px;
	cursor: pointer;
}

p.succes {
	font-size: 13px;
	padding: 4px;
	background: #E6EFC2;
	color: #264409;
	border: 1px solid #C6D880;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
}
	p.erreur a {
		color: #E6EFC2;
	}
	p.erreur a:hover {
		text-decoration: none;
	}

p.erreur {
	font-size: 13px;
	padding: 4px;
	background: #FBE3E4;
	color: #8a1f11;
	border: 1px solid #FBC2C4;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
}
	p.erreur a {
		color: #8a1f11;
	}
	p.erreur a:hover {
		text-decoration: none;
	}

ul.liste {
	margin-bottom: 14px;
}
	ul.liste li {
		margin-left: 40px;
		margin-bottom: 3px;
	}

#loading {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -30px;
	margin-left: -65px;
	background: #1588ff;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
	width: 120px;
	height: 50px;
	text-align: center;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	border: 1px solid #242424;
	z-index: 99999;
	display: none;
}

.tipsy { padding: 5px; font-size: 12px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
.tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-north { background-image: url(../img/tipsy-north.gif); background-position: top center; }
.tipsy-south { background-image: url(../img/tipsy-south.gif); background-position: bottom center; }
.tipsy-east { background-image: url(../img/tipsy-east.gif); background-position: right center; }
.tipsy-west { background-image: url(../img/tipsy-west.gif); background-position: left center; }

table.test tr td {
	padding-bottom: 6px;
}

/*-------------------------------FORM-------------------------------*/

label {
	display: block;
	font-weight: bold;
	color: #ff9613;
	margin-bottom: 4px;
	border-bottom: 1px dotted #fe7200;
}

input {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

input[type='text'], input[type='password'], input[type='file'] {
	border: 1px solid #1588ff;
	color: #1588ff;
	font-weight: bold;
	padding: 3px;
	-moz-border-radius: 8px 0px 8px 0px; 
	-webkit-border-radius: 8px 0px 8px 0px; 
	border-radius: 8px 0px 8px 0px;
}

input[type='text']:focus, input[type='password']:focus {
	border-color: #ff9613;
	color: #242424;
}

input[type='submit'], input[type='button'] {
	font-size: 15px;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
	color: #FFFFFF;
	padding: 2px 5px;
	font-weight: bold;
	background-image: url(../img/menu_hover.png);
	-moz-border-radius: 8px 0px 8px 0px; 
	-webkit-border-radius: 8px 0px 8px 0px; 
	border-radius: 8px 0px 8px 0px;
	border: 1px solid #fe7200;
	cursor: pointer;
}

select {
	border: 1px solid #1588ff;
	color: #1588ff;
	font-weight: bold;
	padding: 3px 6px 3px 3px;
	-moz-border-radius: 8px 0px 8px 0px; 
	-webkit-border-radius: 8px 0px 8px 0px; 
	border-radius: 8px 0px 8px 0px;
}

input.btnGris {
	background-image: url(../img/menu.png);
	border: 1px solid #242424;
}

input.btnBleu {
	background-image: url(../img/menu_active.png);
	border: 1px solid #167eff;
}

.full {
	width: 744px;
}

ul#securite>li {
	font-weight: bold;
	margin-bottom: 10px;
	/*width: 100%;*/
	color: #308ad6;
	border-bottom: 1px solid #FFF;
	cursor: pointer;
}
	ul#securite>li:hover {
		border-bottom: 1px solid #308ad6;
	}
	ul#securite>ul.securite1 {
		list-style: square;
		margin-left: 60px;
		display: none;
	}
		ul#securite>ul.securite1>li {
			font-weight: normal;
			font-size: 11px;
			margin-bottom: 5px;
		}
		ul#securite>ul.securite1>li:last-child {
			margin-bottom: 20px;
		}

.elec {
	background: url('../img/sec/electricien.png') no-repeat top right;
}

.macon {
	background: url('../img/sec/macon.png') no-repeat top right;
}

.menuisier {
	background: url('../img/sec/menuisier.png') no-repeat top right;
}

.peintre {
	background: url('../img/sec/peintre.png') no-repeat top right;
}

.plombier {
	background: url('../img/sec/plombier.png') no-repeat top right;
}

.clim {
	background: url('../img/sec/climatisation.png') no-repeat top right;
}

.serrurier {
	background: url('../img/sec/serrurier.png') no-repeat top right;
}

.tp {
	background: url('../img/sec/tp.png') no-repeat top right;
}

.smallLink {
	font-size: 11px;
	font-style: italic;
	text-decoration: none;
}