@charset "utf-8";

/* CSS Document Sébastien Sauvage Dec-2012 */


.ui-tabs-vertical
{
	width: 55em;
}

.ui-tabs-vertical .ui-tabs-nav
{
	padding: .2em .1em .2em .2em;
	float: left;
	width: 12em;
}

.ui-tabs-vertical .ui-tabs-nav li
{
	clear: left;
	width: 100%;
	border-bottom-width: 1px !important;
	border-right-width: 0 !important;
	margin: 0 -1px .2em 0;
}

.ui-tabs-vertical .ui-tabs-nav li a
{
	display: block;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active
{
	padding-bottom: 0;
	padding-right: .1em;
	border-right-width: 1px;
	border-right-width: 1px;
}

.ui-tabs-vertical .ui-tabs-panel
{
	padding: 1em;
	float: right;
	width: 40em;
}

/*
 JBQ2013
*/

body
{
	background: #CCC;
}

.container
{
	width: 80%;
	max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
}

.sidebar1
{
	float: left;
	width: 10%;
	/*background-color: #93A5C4;*/
	padding-bottom: 10px;
	color:red;
}

.content
{
	padding: 10px;
	width: auto;
	float: left;
	background-color:black;
	color:white;
}

.sidebar2
{
	float: left;
	width: 10%;
	/*background-color: #93A5C4;*/
	padding: 10px 0;
	color:red;
}

.footer
{
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 12px;
	padding-right: 12px;
	background-color: #006;
	background-image:url(images/JBQ2013.qds.63s255.jpg);
	background-repeat:repeat-x;
	color: #FFFFFF;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	text-align:left;
}

/*

Personnalisation de l'interface

*/


.jbqtbllogo
{
	padding:3px;
	background-color:white;
	text-align:center;
}

.jbqauteur
{
	color : #F0C7B3;
	font-weight:bold;
	text-decoration:underline;
}

.jbqtitre
{
	color : teal;
}