/*  Feuille de styles de WSGest 2.x.x
    --------------------------------------------------------------
	Style name:		Buhler
	Based on style:	Original (Style par defaut de WSGEST)
	Original author:	MSA ( http://www.wsconcept.com/ )
	Modified by:		
	
	Copyright 2009 WebStar Concept ( http://www.wsconcept.com/ )
    --------------------------------------------------------------
*/

/* Initialisation des balises
--------------------------------------------------------------- */
* {
	margin: 	0;
	padding: 	0;
	cursor:		default;
}

body, div, p, th, td, li, dd {
	voice-family: 	"\"}\"";
	voice-family: 	inherit;
}

html {
	color: 			#FFF;
	background: 	#36383C;
	overflow-y: 	scroll;
	margin-bottom: 	1px;
	height: 		95%;
}

body {
	font-family: 		Arial, Helvetica, sans-serif;
	color: 				#FFF;	
	background: 		#36383C;
	/*font-size: 62.5%;*/
	font-size: 			13px;
	margin: 			auto;
	padding: 			12px 0;
	height: 			95%;
	padding-bottom: 	1px;
	min-width:			1000px;
	max-width:			2000px;
}

a:link, a:visited {
	color: 				#FFF;
	text-decoration: 	none;
}

a:hover {
	color: 				#FFF;
	text-decoration: 	underline;
	cursor:				pointer;
}

a:active {
	color: 				#FFF;
	text-decoration: 	none;
}

p {
	font-size:		1.1em;
	padding-top:	5px;
	padding-bottom:	10px;
}

/* Blocs principaux
---------------------------------------- */
#page-header {
	background-image:		url("./styles/buhler/theme/images/header.jpg");
	background-position:	0 0;
	background-repeat:		repeat-x;
}

#page-header #logo {
	background-image:		url("./styles/buhler/theme/images/logo.jpg");
	background-position:	0 0;
	background-repeat:		no-repeat;
	height:					250px;
}

#page-header #menu {
	background-image:		url("./styles/buhler/theme/images/menu.gif");
	background-position:	0 0;
	background-repeat:		repeat-x;
	height:					30px;
	line-height:			30px;
	color:					#FFF;
	text-align:				center;
}
#page-header #menu a {
	font-size:		1em;
	font-weight:	bold;
	padding: 		0 20px;
	color:			#FFF;
}

#page-body {
	margin:0 5%;
}

#page-footer {
	background-image:		url("./styles/buhler/theme/images/menu.gif");
	background-position:	0 0;
	background-repeat:		repeat-x;
	height:					30px;
	line-height:			30px;
	color:					#FFF;
	text-align:				center;
	font-size:				0.8em;
}
#page-footer a {
	color:			#FFF;
}

#main td {
	padding:20px 0;
}

#main #content {
	padding: 30px 20px;
}

#main #content .content {
	margin-bottom:30px;
	clear:both;
}

/* Blocs menus
---------------------------------------- */
#bloc, #bloc2 {
	width:		180px;
	min-width:	180px;
	max-width:	180px;
	margin:		0;
	padding:	0;
}

#bloc div.title, #bloc2 div.title {
	background-image:		url("./styles/buhler/theme/images/bloc_top.jpg");
	background-position:	0 0;
	background-repeat:		no-repeat;
	height:					40px;
	line-height:			40px;
	font-size:				1em;
	font-weight:			bold;
	padding-left:			40px;
	color:					#37383c;
}

#bloc2 div.title {
	background-image:	url("./styles/buhler/theme/images/bloc2_top.jpg");
	padding-left:		15px;
	padding-right:		40px;
}

#bloc div.content, #bloc2 div.content {
	min-height:				200px;
	background-image:		url("./styles/buhler/theme/images/bloc.jpg");
	background-position:	0 0;
	background-repeat:		repeat-y;
	font-size:				0.9em;
	padding:				3px 15px;
}
#bloc div.content ul, #bloc2 div.content ul {
	padding:				0 15px;
}

#bloc div.content ul li, #bloc2 div.content ul li {
	line-height:20px;
	list-style-type:square;
}
#bloc div.content hr, #bloc2 div.content hr {
}


#bloc div.bottom, #bloc2 div.bottom {
	background-image:		url("./styles/buhler/theme/images/bloc_bottom.jpg");
	background-position:	0 0;
	background-repeat:		no-repeat;
	height:					15px;
}

/* Textes
---------------------------------------- */
h2 {
	font-size: 		1.6em;
	font-weight: 	bold;
	color: 			#FFF;
	border-bottom: 	1px solid #FFF;
	padding-bottom:	2px;
	margin-bottom:	5px;
}

/* Galeries
---------------------------------------- */
img.pict {
	border: 5px solid #FFF;
}
img.gallerie {
	border: 2px solid #FFF;
	cursor:				pointer;
}
img.left {
	float:left;
	margin-right:10px;
}
img.right {
	float:right;
	margin-left:10px;
}

/* Styles pour les galeries
--------------------------------------------------------------- */
#lightbox { 
	font-size:		1em;	
	position: 		absolute;	
	left: 			0; 
	width: 			100%; 
	z-index: 		100; 
	text-align: 	center; 
	line-height: 	0;
}

#lightbox img { 
	width: 		auto; 
	height: 	auto; 
	border:		3px solid #000;
}

#lightbox a img { border: none; }

#outerImageContainer { 
	position: 			relative; 
	background-color: 	#fff; 
	width: 				250px; 
	height: 			250px; 
	margin: 			0 auto; 
}

#imageContainer { padding: 7px; }

#loading { 
	position: 		absolute; 
	top: 			40%; 
	left: 			0%; 
	height: 		25%;
	width: 			100%; 
	text-align: 	center; 
	line-height: 	0; 
}

#hoverNav { 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; 
}

#imageContainer>#hoverNav { left: 0;}

#hoverNav a { outline: none;}

#prevLink, #nextLink { 
	width: 				49%; 
	height: 			100%; 
	background-image: 	url(data:image/gif;base64,AAAA);
	/* Trick IE into showing hover */
	display: 			block; 
}

#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url("./styles/buhler/theme/images/prevlabel.gif") left 20% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("./styles/buhler/theme/images/nextlabel.gif") right 20% no-repeat; }

#imageDataContainer { 
	font-family: 		Verdana, Helvetica, sans-serif; 
	font-size:			1em;
	background-color: 	#fff; 
	margin: 			0 auto; 
	line-height: 		1.4em; 
	overflow: 			auto; 
	width: 				100%;
}

#imageData {
	padding:0 10px;
	color: 	#666;
}

#imageData #imageDetails {
	font-size:	0.85em;
	width: 		70%;
	float: 		left;
	text-align: left;
}	
#imageData #caption { font-weight: bold; }

#imageData #numberDisplay { 
	display: 		block;
	clear: 			left;
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
	width: 			66px;
	float: 			right;
	padding-bottom: 0.7em;
	outline: 		none;
}	 	

#overlay { 
	position: 			absolute;
	top: 				0;
	left: 				0;
	z-index: 			90;
	width: 				100%;
	height: 			500px;
	background-color: 	#000; 
}

/* Formulaires
----------------------------------------*/
fieldset {
	border:none;
}

input, textarea {
	font-family: 		Verdana, Helvetica, Arial, sans-serif;
	font-size: 			0.90em;
	font-weight: 		normal;
	cursor: 			text;
	vertical-align: 	middle;
	padding: 			4px;
	color: 				#FFF;
	border: 			1px solid #FFF;
	background-color: 	#5a5d64;
}

label {
	cursor: 	pointer;
	padding: 	0 5px 0 0;
}

label input, label img {
	vertical-align: middle;
}

dl {
	font-family: 	Verdana, Helvetica, Arial, sans-serif;
}

dt {
	float: left;
	width: auto;
}

dd { color: #ccc;}
dd + dd { padding-top: 5px;}
dt span { color:#ccc;padding: 0 5px 0 0;}
.rtl dt span { padding: 0 0 0 5px;}

dt .explain { font-style: italic;}

dt label {
	text-align: 	left;
	font-weight: 	bold;
	color: 			#FFF;
}

dd label {
	white-space: 	nowrap;
	margin: 		0 10px 0 0;
	color: 			#FFF;
}
html>body dd label input { vertical-align: text-bottom;}	/* Tweak for Moz to align checkboxes/radio buttons nicely */

dd input {
	max-width: 100%;
}

fieldset dl {
	margin-bottom: 10px;
}

fieldset dt {
	width: 			230px;
	text-align: 	left;
	border: 		none;
	padding-top: 	3px;
}

fieldset dd {
	margin: 		0 0 0 230px;
	padding: 		0 0 0 5px;
	border: 		none;
	vertical-align: top;
}

input.radio, input.permissions-checkbox {
	width: 				auto !important;
	background-color: 	transparent;
	border: 			none;
	cursor: 			default;
}

fieldset.submit-buttons {
	text-align: 		center;
	border: 			none;
	background-color: 	transparent;
	margin: 			0;
	padding: 			4px;
	margin-top: 		-1px;
}

p.submit-buttons {
	text-align: center;
	margin: 	0;
	padding: 	4px;
	margin-top: 10px;
}

input.button1 {
	width: 				auto !important;
	padding: 			2px 10px;
	font-family: 		"Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: 				#FFF;
	font-size: 			0.85em;
	border: 			1px solid #FFF;
	background-color: 	#5a5d64;
	cursor: 			pointer;
}
.medium {
	width:50%;
}
.successbox, .errorbox {
	padding: 		8px;
	margin: 		10px 0;
	color: 			#FFFFFF;
	text-align: 	center;
}

.success {
	color: #176017;
}

.error {
	color: #900;
}

.successbox {
	background-color: #176017;
}

.errorbox {
	background-color: #900;
}

* html .errorbox, * html .successbox { height: 1%; } /* Pixel shift fix for IE */

.successbox h3, .errorbox h3 {
	color: 			#FFFFFF;
	margin: 		0 0 0.5em;
	font-family: 	"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}

.successbox p, .errorbox p {
	color: 			#FFFFFF;
	margin-bottom: 	0;
}

.errorbox a:link, .errorbox a:active, .errorbox a:visited,
.successbox a:link, .successbox a:active, .successbox a:visited {
	color: 				#DBD7D1;
	text-decoration: 	underline;
	font-weight: 		bold;
}

.errorbox a:hover, .successbox a:hover {
	color: 				#FFFFFF;
	text-decoration: 	none;
	font-weight: 		bold;
}

.notice {
	background-color: #60a3cb;
}
.obligatoire {
	color:red;
}


#pieces td {
	padding:0;
	padding-left:5px;
}

marquee{
	overflow:auto;
	display:block;
	margin:0px;
	height:200px;
}

.news {
	font-family: "Trebuchet", Arial, Helvetica;
	font-weight: normal;
	color: #FFF;
}
.news a:link {
	color: #FFF;
	border-bottom: 1px dashed #FFF;
	text-decoration: none;
}
.news a:hover {
	color: #FFF;
	border-bottom: 1px solid #FFF;
}