/* FileName: sq_global.css */
/* FileDesc: Feuille de style principale. */
body {
  margin: 15px 3% 15px 3%;
  color: #000;
}

body, table {
  font-family: Verdana;
  font-size: 12px;
}

ul{
list-style-image:url('../images/fleche.gif');
}
.pointer {
  cursor:pointer;
}
code {
  color: #36C;
}
a:link, a:visited {
  color: #000;
}
a:hover, a:active {
  color: #f96;
  text-decoration: none;
}
a.important:link, a.important:visited, a.important:active {
  color:#f63;
  font-weight:bold;
  text-decoration:underline;
}
a.important:hover  {
  color:#f63;
  font-weight:bold;
  text-decoration:none;
}

h2 {
  color: #f96;
  font-weight: bold;
  font-size: 13px;
  padding: 0;
  margin: 30px 0 10px 0;
}
h3 {
  color: #666;
  font-weight: bold;
  font-size: 13px;
  padding: 0;
  margin: 15px 0 0 0;
}
h4 {
  color: #666;
  font-weight: bold;
  font-size: 12px;
  padding: 0;
  margin: 15px 0 0 0;
}
h6 {
  color: #f96;
  font-weight: normal;;
  font-size: 12px;
  padding: 0;
  margin:0;
}

.left, .left td{
	text-align:left;
}
.right, .right td{
	text-align:right;
}
.center, .center td{
	text-align:center;
}
.text_right {
	text-align:right;
}
.text_left {
	text-align:left;
}
.text_center {
	text-align:center;
}
/* General declaration - END */

/* HEADER */



#advert {
  text-align: center;
  margin: 0 0 15px 0;
  padding: 0;
}

#button {
  font-weight: bold;
  font-size: 14px;
  float: right;
}

.delayed {
  margin: 0;
  padding: 0;
  font-size: 10px;
}


/* HEADER - END */

.smalltxt{
	 font-size:10px;
}

/* SITEMAP */
#sitemap h5{
	font-size:9px;
	margin-bottom:2px;
	padding-top:10px;
	margin-left:10px;
}

#sitemap h6{
	font-size:9px;
	color:black;
	padding:4px;
}
#sitemap .over{

	cursor:pointer;
	border:1px solid #cccccc;
	background-color:#efefef;
	padding:3px;
}

#sitemap ul{
	padding:0;
	margin:0;
}
#sitemap ul li{
	list-style:none;
	padding:2px;
}

#sitemap a{
	padding:0;
	margin:0;
	color:#aaaaaa;
	font-weight:normal;
	font-size:9px;
	text-decoration:none;
}
#sitemap a:hover{
	color:#000000;
}

#sitemap h6.sitemap {
	float:left;
	margin-left:10px;
	margin-right:10px;
}

#sitemap div.sitemap_link{
	border:1px solid #cccccc;
	background-color:#fcfcfc;
	display:none;
	position:absolute;
	z-index:1000;
	padding:5px;
	opacity:0.95;
	width:150px;
}

#sitemap div.sitemap_link a{
	color:#aaaaaa;
}
#sitemap div.sitemap_link a:hover{
	color:#000000;
}

/* box onglet standard */
.tabnav .content {
	border: 1px solid #ccc;
	padding: 5px;
	background-color:#fff;
}
.tabnav .content.noborder, .tabnav.msgbox .content.noborder {
	border-bottom: none;
	border-right: none;
	border-left: none;
}
.tabnav ul{
    font: bold 11px verdana, arial, sans-serif;
    list-style-type: none;
	list-style-image: none;
    padding: 0 0 22px 0;
    margin: 0;
	border-bottom: 0px solid #ccc;
	z-index: 1;
}
.tabnav ul li {
	padding: 0;
    float: left;
    height: 19px;
    background-color: #f3f3f3;
    margin: 2px 0 0 5px;
    border: 1px solid #ccc;
	z-index: 1;
}
.tabnav ul li.active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
}
.tabnav a {
    display: block;
    color: #666;
    text-decoration: none;
    padding: 3px 4px 3px 4px;
}
.tabnav a:hover {
    background: #fff;
	z-index: 1;
	color: #666;
}
/* ----------------------------------- */
/* button */
a.button{
    display:-moz-inline-box;
    display:inline-block;
    margin: 0;
    padding:0;
    font-size:12px ;
    white-space:nowrap;
    border:0;
    background:none;
	text-decoration: none;
	text-align:center;
	color: #ffffff;
	font-weight: bold;
}
a.button span.m_left {
	padding: 0;
	width: 0;
	height: 0;
	background-repeat: no-repeat;
	float:left;
}
a.button span.m_middle {
	height: 0;
	background-repeat: repeat-x;
	float:left;
	padding: 0;
	text-decoration: none;
}
a.button span.m_right {
	width: 0;
	height: 0;
	background-repeat: no-repeat;
	float:left;
	padding: 0;
}
a.button, a.button:visited {
	color:#fff;
	text-decoration:none;
	font-size:1em;
	cursor:pointer;
	font-weight: bold;
}
a.button:hover {
	color: #fff;
	background:#fff;
	text-decoration:none;
	background:none;
}
/* retire le style d'un bouton submit */
a.button input.submit {
	background: none;
	border: none;
	cursor: pointer;
}
.clear {
	clear: both;
}
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
.floatleft{
	float: left;
}
.floatright{
	float: right;
}
/* -------------------------------------------------- */
/*  Global form parameters */
/* -------------------------------------------------- */

.onecolumn input, .onecolumn textarea, .onecolumn option,
.twocolumn input, .twocolumn textarea, .twocolumn option,
.threecolumn input, .threecolumn textarea, .threecolumn option {
	margin: 4px 4px 0px 0;
	padding: 2px 19px 2px 2px;

}
.onecolumn select,
.twocolumn select,
.threecolumn select {
	margin: 4px 4px 0px 0;
	height: 22px;
	padding: 1px ;
}

.onecolumn input, .onecolumn textarea, .onecolumn select,
.twocolumn input, .twocolumn textarea, .twocolumn select,
.threecolumn input, .threecolumn textarea, .threecolumn select {
	border: 1px solid #aaa;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
/* important and error elements */
.onecolumn input.important, .onecolumn textarea.important, .onecolumn select.important,
.twocolumn input.important, .twocolumn textarea.important, .twocolumn select.important,
.threecolumn input.important, .threecolumn textarea.important, .threecolumn select.important {
	background-color: #fff9f3;
}
.onecolumn input.error,
.twocolumn input.error,
.threecolumn div input.error,
.onecolumn input.ok,
.twocolumn input.ok,
.threecolumn input.ok {
	padding-left: 19px;
	padding-right: 2px;
}

.onecolumn input.error,
.twocolumn input.error,
.threecolumn input.error,
.onecolumn div label.error,
.twocolumn div label.error,
.threecolumn div label.error {
	border-color: #FF9966;
	background-color: #ffe6cc;
	background-image: url(../images/ico_warning.gif);
	background-repeat:no-repeat;
	background-position:5px 50%;
}
.onecolumn input.ok,
.twocolumn input.ok,
.threecolumn input.ok,
.onecolumn div label.ok,
.twocolumn div label.ok,
.threecolumn div label.ok {
	border-color: #6eab59;
	background-color: #e3ffca;
	background-image: url(../images/ico_check.png);
	background-repeat:no-repeat;
	background-position:5px 50%;
}
.onecolumn select.error,
.twocolumn select.error,
.threecolumn select.error,
.onecolumn textarea.error,
.twocolumn textarea.error,
.threecolumn textarea.error {
	border-color: #FF9966;
	background-color: #ffe6cc;
}
.onecolumn div label.error,
.twocolumn div label.error,
.threecolumn div label.error {
	padding-left: 20px;
	padding-right: 4px;
	padding-bottom: 1px;
	border: 1px solid #FF9966;
}

/* date selects */
.onecolumn select.day,
.twocolumn select.day,
.threecolumn select.day {
	width:55px;
}
.onecolumn select.month,
.twocolumn select.month,
.threecolumn select.month {
	width:110px;
}
.onecolumn select.year,
.twocolumn select.year,
.threecolumn select.year {
	width:70px;
}

/* Radio and check boxes */
.onecolumn input.radiobox, .onecolumn input.checkbox,
.twocolumn input.radiobox, .twocolumn input.checkbox,
.threecolumn input.radiobox, .threecolumn input.checkbox {
	margin: 7px 0 0 0;
	width: 15px;
	border: none;
}

/* *************************************************************************
 * 1 column form *
 */
.onecolumn div{
	width: 97%;
}
.onecolumn input, .onecolumn select, .onecolumn textarea {
	width: 99%;
}
.onecolumn select {
	margin-right: 0;
}

/* *************************************************************************
 * 2 column form *
 */
.twocolumn div{
	width: 49%;
	float: left;
}
.twocolumn input, .twocolumn select, .twocolumn textarea {
	width: 87%;
}
.twocolumn input.radiobox, .twocolumn input.checkbox {
	width: 20px;
	border: none;
}

/* *************************************************************************
 * 3 column form *
 */
.threecolumn div{
	width: 33%;
	float: left;
}
.threecolumn input, .threecolumn select, .threecolumn textarea {
	width: 80%;
}
.threecolumn input.radiobox, .threecolumn input.checkbox {
	width: 20px;
	border: none;
}

/* *************************************************************************
 * In order to put labels to the left *
 */
/* One column form */
.onecolumn .labelleft .labelbox {
	width:150px;
	text-align: right;
	padding: 12px 5px 0 0;
	float: left;
}
.onecolumn .labelleft input, .onecolumn .labelleft select, .onecolumn .labelleft textarea {
	width:60%;
}
/* Two column form */
.twocolumn .labelleft .labelbox{
	width:100px;
	text-align: right;
	padding: 12px 5px 0 0;
	float: left;
}
.twocolumn .labelleft input, .twocolumn .labelleft select, .twocolumn .labelleft textarea {
	width:53%;
}
/* New Header with menu level*/
#header {
	margin: 0;
	padding: 0;
}
#first, #second, #third {
	width: 100%;
	margin-bottom: 5px;
}
/* titre page */
#first .header_left h1{
	/* laissez pour le global */
	font-family:arial;
	/* --------------------- */
	color: #f96;
	font-weight: bold;
	font-size: 14px;
	padding: 0;
	margin: 0;
	line-height: 21px;
	border-bottom: 1px solid #ccc;
}
#first .header_left h1 span,
#first .header_left h1 span a,
#first .header_left h1 span a:visited,
#first .header_left h1 span a:link {
	color: #666;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
#first .header_left h1 span a:hover {
	color: #FF9966;
	text-decoration: none;
}
/* menu global */
#first ul.menu,
#second ul.menu,
#third ul.menu{
	padding:0;
	margin: 0;
	list-style-image: none;
	list-style-type: none;
	float:right;
}
#first ul.menu li,
#second ul.menu li,
#third ul.menu li {
	float:left;
	padding:0;
	margin:0;
	text-align:center;
	border: none;
	white-space: nowrap;
}
#first ul.menu li span.m_left,
#second ul.menu li span.m_left,
#third ul.menu li span.m_left {
	display:block;
	float:left;
}
#first ul.menu li span.m_middle,
#second ul.menu li span.m_middle,
#third ul.menu li span.m_middle {
	float:left;
}
#first ul.menu li span.m_right,
#second ul.menu li span.m_right,
#third ul.menu li span.m_right {
	display:block;
	float:left;
}
#first ul.menu li a, #first ul.menu li a:link,#first ul.menu li a:visited, #first ul.menu li a:active
#second ul.menu li a, #second ul.menu li a:link,#second ul.menu li a:visited,#second ul.menu li a:active
#third ul.menu li a,#third ul.menu li a:link, #third ul.menu li a:visited,#third ul.menu li a:active {
	color:#000;
	text-decoration:none;
}
#first ul.menu li a:hover,
#second ul.menu li a:hover,
#third ul.menu li a:hover {
	color: #000;
	background:#fff;
}
#first ul.menu li a:hover span,
#second ul.menu li a:hover span,
#third ul.menu li a:hover span {
	background-position:0 0;
}
/* sous titre (style header) */
/* New Header with menu level*/
.subtitle {
	margin: 10px 0 5px 0;
	padding: 0;
}
/* titre page */
.subtitle .subtitle_left h1{
	color: #f96;
	font-weight: bold;
	font-size: 12px;
	padding: 0;
	margin: 0;
	line-height: 21px;
	border-bottom: 1px solid #ccc;
}
.subtitle .subtitle_left h1 span,
.subtitle .subtitle_left h1 span a,
.subtitle .subtitle_left h1 span a:visited,
.subtitle .subtitle_left h1 span a:link {
	color: #666;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
.subtitle .subtitle_left h1 span a:hover {
	color: #FF9966;
	text-decoration: none;
}